cloud-xinyi-compatible v3.4.3

新移前端 react 组件库

安装

npm install cloud-xinyi

yarn add cloud-xinyi

按需引入

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", {
      "libraryName": "cloud-xinyi",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

主题配置

const styleVariables = {
  'xy-primary-color': '#1890FF', // 全局主色
};
// sass-loader中：
{
loader: require.resolve('sass-loader'),
options: {
  data: Object.keys(styleVariables)
    .map(k => `$${k}: ${styleVariables[k]};`)
    .join('\n')
}

使用

import { Upload } from 'cloud-xinyi';

const App = () => {
  return (
    <Upload.Image
      cropper={{
        ratio: '4:3',
      }}
    />
  );
};