@bit-sun/business-component 2.2.18 → 2.2.19

package/dist/index.esm.js

@@ -2082,6 +2082,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     isMap = _ref.isMap,
     fixedparameter = _ref.fixedparameter,
     fieldValToParam = _ref.fieldValToParam,
+    _ref$fixedparamsDisab = _ref.fixedparamsDisabled,
+    fixedparamsDisabled = _ref$fixedparamsDisab === void 0 ? false : _ref$fixedparamsDisab,
     _ref$mappingTextField = _ref.mappingTextField,
     mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
     mappingTextShowKeyField = _ref.mappingTextShowKeyField,
@@ -2109,6 +2111,12 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     optionLabelProp: "label",
     autoClearSearchValue: false
   });
+  var tableInitPagination = {
+    showQuickJumper: true,
+    total: 0,
+    current: 1,
+    pageSize: tableInitPageSize
+  };
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -2177,12 +2185,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     tableData = _useState20[0],
     setTableData = _useState20[1];
-  var _useState21 = useState({
-      showQuickJumper: true,
-      total: 0,
-      current: 1,
-      pageSize: tableInitPageSize
-    }),
+  var _useState21 = useState(tableInitPagination),
     _useState22 = _slicedToArray(_useState21, 2),
     tablePagination = _useState22[0],
     setTablePagination = _useState22[1];
@@ -2231,10 +2234,21 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       },
       getTableFormRef: function getTableFormRef() {
         return form;
+      },
+      // 解决下拉框数据源的问题
+      getSelectDataSource: function getSelectDataSource() {
+        return items;
+      },
+      setSelectDataSource: function setSelectDataSource(list, listTotal) {
+        setItems(list);
+        setItemsTotal(listTotal);
+      },
+      refreshSelectDataSource: function refreshSelectDataSource() {
+        refreshItems();
       }
     };
   });
-  // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+  // 获取数据源 （type: 1下拉框 2/3弹框  不传值默认为下拉框）
   var getData = function getData() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
@@ -2247,7 +2261,20 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
         if (fixedParamVal) {
           fixedParam[item] = fixedParamVal;
-          form.setFieldsValue(_objectSpread2(_objectSpread2({}, form === null || form === void 0 ? void 0 : form.getFieldsValue()), {}, _defineProperty({}, item, fixedParamVal)));
+          // 解决依赖项在弹窗中回显/更改（如果不能更改，传参fixedparamsDisabled为true即可）
+          if (type == 2 || type == 3) {
+            var fixedChangeParamVal = form.getFieldValue(item);
+            // 依赖项在弹窗form中更改--①更换依赖值；②去掉依赖值
+            var isDependenceValueChange = fixedChangeParamVal && fixedChangeParamVal !== fixedParamVal || type == 2 && !fixedChangeParamVal;
+            var dependenceValue = isDependenceValueChange ? fixedChangeParamVal : fixedParamVal;
+            fixedParam[item] = dependenceValue;
+            form.setFieldsValue(_objectSpread2(_objectSpread2({}, form === null || form === void 0 ? void 0 : form.getFieldsValue()), {}, _defineProperty({}, item, dependenceValue)));
+            if (isDependenceValueChange) {
+              ctx.form.setFieldValue(fieldValToParam[index], fixedChangeParamVal); // 更改依赖项
+              ctx.form.setFieldValue(resultSourceKey, null); // 同时清空之前依赖项对应的选择项
+              refreshItems();
+            }
+          }
         }
       });
     }
@@ -2457,7 +2484,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     getData({
       pageSize: tableInitPageSize,
       currentPage: 1
-    }, 2);
+    }, 3);
     setIsModalVisible(true);
     // 回显
     if (value) {
@@ -2495,18 +2522,18 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleSelectOver = function handleSelectOver(selectedValue) {
     if (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) {
       var _ctx$form2;
-      formaData(selectedValue);
       // 解决选择最后1页的sku，返回后，不显示名称问题
       var source = _.uniqBy(items.concat(selectedValue), 'value');
       ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
       setItems(source);
+      formaData(selectedValue, source);
     }
   };
   var handleOk = function handleOk() {
     handleSelectOver(popvalue);
     handleCancel();
   };
-  var formaData = function formaData(value) {
+  var formaData = function formaData(value, source) {
     if (labelInValue) {
       var formatResult = value.map(function (i) {
         return {
@@ -2515,17 +2542,26 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           value: i[mappingValueField]
         };
       });
-      onChange(selectMode ? formatResult : formatResult[0], value);
+      onChange(selectMode ? formatResult : formatResult[0], value, source);
     } else {
       var _formatResult = selectMode ? value.map(function (i) {
         return i.value;
       }) : _.get(value[0], 'value');
-      onChange(_formatResult, value);
+      onChange(_formatResult, value, source);
     }
   };
-  var handleCancel = function handleCancel() {
+  var clearModalTable = function clearModalTable() {
     form.resetFields();
     setTableFormParams({});
+    setTableData([]);
+    setTablePagination(tableInitPagination);
+    setSelectedRowKeys([]);
+    setDoubleArr([]);
+    setCheckedAll(false);
+    setIndeterminate(false);
+  };
+  var handleCancel = function handleCancel() {
+    clearModalTable();
     setIsModalVisible(false);
     if (selectMode) {
       run();
@@ -2533,7 +2569,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   var refreshItems = function refreshItems() {
     // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
-    if (fieldValToParam && ctx) {
+    if (fieldValToParam && ctx && fixedparamsDisabled) {
       var formValueList = [];
       fieldValToParam.forEach(function (item, index) {
         var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
@@ -2707,11 +2743,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var formItem = function formItem(list) {
     if (isModalVisible && (list === null || list === void 0 ? void 0 : list.length)) {
       var setDisabled = function setDisabled(name) {
-        var _requestConfig$fixedp = requestConfig.fixedparamsDisabled,
-          fixedparamsDisabled = _requestConfig$fixedp === void 0 ? false : _requestConfig$fixedp,
-          _requestConfig$fixedp2 = requestConfig.fixedparameter,
-          fixedparameter = _requestConfig$fixedp2 === void 0 ? [] : _requestConfig$fixedp2;
-        if (fixedparamsDisabled && fixedparameter.find(function (item) {
+        if (fixedparamsDisabled && (fixedparameter === null || fixedparameter === void 0 ? void 0 : fixedparameter.length) && fixedparameter.find(function (item) {
           return item === name;
         })) {
           return true;
@@ -10498,10 +10530,10 @@ var AddSelect = function AddSelect(props) {
       });
     }
     if (businessType == 'skc') {
-      Promise.all([loadSelectSource("/items/item/propertyValue", {
-        pageSize: 5000,
+      Promise.all([loadSelectSource("/items/item/propertyValue/sizeBySkcConfig", {
+        pageSize: 10000,
         currentPage: 1,
-        'qp-propertyId-eq': '1467042217951883265'
+        type: 2 // 类型：1尺码；2颜色
       }), loadSelectSource("/items/category/queryCategoryTree", {
         pageSize: 5000,
         currentPage: 1
@@ -12807,6 +12839,10 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       filter: 'qp-code,name-orGroup,like',
       mappingTextField: 'name',
       mappingValueField: 'code',
+      otherParams: {
+        'qp-skcStatus-eq': 1 // 状态：0禁用 1启用
+      },
+
       sourceName: 'qp-skcCode-eq'
     }, requestConfigProp);
     tableSearchForm = [{
@@ -13823,6 +13859,11 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
   }
   // 配送方式选择器
   if (type === 'deliveryMode') {
+    var _requestConfigProp$fi;
+    var isLogisCompanyCodeSingleSearch = requestConfigProp === null || requestConfigProp === void 0 ? void 0 : (_requestConfigProp$fi = requestConfigProp.fixedparameter) === null || _requestConfigProp$fi === void 0 ? void 0 : _requestConfigProp$fi.some(function (i) {
+      return i == 'qp-logisCompanyCode-eq';
+    });
+    var logisCompanyCodeSingleSearchName = isLogisCompanyCodeSingleSearch ? 'qp-logisCompanyCode-eq' : 'qp-logisCompanyCode-in';
     requestConfig = _objectSpread2({
       url: "".concat(prefixUrl.selectPrefix, "/deliveryMode"),
       filter: 'qp-name,code-orGroup,like',
@@ -13841,23 +13882,24 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       name: 'qp-code-like',
       label: '配送方式编码'
     }, {
-      name: 'qp-logisCompanyCode-in',
+      name: logisCompanyCodeSingleSearchName,
       type: 'select',
       label: '所属物流商',
       field: {
         type: 'select',
-        props: {
+        props: _objectSpread2(_objectSpread2({}, isLogisCompanyCodeSingleSearch ? {} : {
           mode: 'multiple',
+          maxTagCount: 1
+        }), {}, {
           notFoundContent: '暂无数据',
           allowClear: true,
           showSearch: true,
           showArrow: true,
-          maxTagCount: 1,
           optionFilterProp: 'children',
           filterOption: function filterOption(input, option) {
             return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
           }
-        }
+        })
       }
     }, {
       name: 'qp-recordChannnelCode-in',
@@ -14399,7 +14441,7 @@ var AddSkcSelect = function AddSkcSelect(parProps) {
     setPropertyList = _useState6[1];
   useEffect(function () {
     // type: 1 尺码组; 2 配码组
-    axios.get("/items/itemPropertyValueGroup/listNoPage?qp-type-eq=2").then(function (result) {
+    axios.get("/items/itemPropertyValueGroup/listNoPage?qp-type-eq=2&qp-status-eq=1").then(function (result) {
       var _result, _result2;
       result = result.data;
       if (((_result = result) === null || _result === void 0 ? void 0 : _result.status) && result.status !== '0' || ((_result2 = result) === null || _result2 === void 0 ? void 0 : _result2.code) && result.code !== '000000') {

package/dist/index.js

@@ -2100,6 +2100,8 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isMap = _ref.isMap,
     fixedparameter = _ref.fixedparameter,
     fieldValToParam = _ref.fieldValToParam,
+    _ref$fixedparamsDisab = _ref.fixedparamsDisabled,
+    fixedparamsDisabled = _ref$fixedparamsDisab === void 0 ? false : _ref$fixedparamsDisab,
     _ref$mappingTextField = _ref.mappingTextField,
     mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
     mappingTextShowKeyField = _ref.mappingTextShowKeyField,
@@ -2127,6 +2129,12 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     optionLabelProp: "label",
     autoClearSearchValue: false
   });
+  var tableInitPagination = {
+    showQuickJumper: true,
+    total: 0,
+    current: 1,
+    pageSize: tableInitPageSize
+  };
   var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -2195,12 +2203,7 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     tableData = _useState20[0],
     setTableData = _useState20[1];
-  var _useState21 = React.useState({
-      showQuickJumper: true,
-      total: 0,
-      current: 1,
-      pageSize: tableInitPageSize
-    }),
+  var _useState21 = React.useState(tableInitPagination),
     _useState22 = _slicedToArray(_useState21, 2),
     tablePagination = _useState22[0],
     setTablePagination = _useState22[1];
@@ -2249,10 +2252,21 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       },
       getTableFormRef: function getTableFormRef() {
         return form;
+      },
+      // 解决下拉框数据源的问题
+      getSelectDataSource: function getSelectDataSource() {
+        return items;
+      },
+      setSelectDataSource: function setSelectDataSource(list, listTotal) {
+        setItems(list);
+        setItemsTotal(listTotal);
+      },
+      refreshSelectDataSource: function refreshSelectDataSource() {
+        refreshItems();
       }
     };
   });
-  // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+  // 获取数据源 （type: 1下拉框 2/3弹框  不传值默认为下拉框）
   var getData = function getData() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
@@ -2265,7 +2279,20 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
         if (fixedParamVal) {
           fixedParam[item] = fixedParamVal;
-          form.setFieldsValue(_objectSpread2(_objectSpread2({}, form === null || form === void 0 ? void 0 : form.getFieldsValue()), {}, _defineProperty({}, item, fixedParamVal)));
+          // 解决依赖项在弹窗中回显/更改（如果不能更改，传参fixedparamsDisabled为true即可）
+          if (type == 2 || type == 3) {
+            var fixedChangeParamVal = form.getFieldValue(item);
+            // 依赖项在弹窗form中更改--①更换依赖值；②去掉依赖值
+            var isDependenceValueChange = fixedChangeParamVal && fixedChangeParamVal !== fixedParamVal || type == 2 && !fixedChangeParamVal;
+            var dependenceValue = isDependenceValueChange ? fixedChangeParamVal : fixedParamVal;
+            fixedParam[item] = dependenceValue;
+            form.setFieldsValue(_objectSpread2(_objectSpread2({}, form === null || form === void 0 ? void 0 : form.getFieldsValue()), {}, _defineProperty({}, item, dependenceValue)));
+            if (isDependenceValueChange) {
+              ctx.form.setFieldValue(fieldValToParam[index], fixedChangeParamVal); // 更改依赖项
+              ctx.form.setFieldValue(resultSourceKey, null); // 同时清空之前依赖项对应的选择项
+              refreshItems();
+            }
+          }
         }
       });
     }
@@ -2475,7 +2502,7 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     getData({
       pageSize: tableInitPageSize,
       currentPage: 1
-    }, 2);
+    }, 3);
     setIsModalVisible(true);
     // 回显
     if (value) {
@@ -2513,18 +2540,18 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleSelectOver = function handleSelectOver(selectedValue) {
     if (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) {
       var _ctx$form2;
-      formaData(selectedValue);
       // 解决选择最后1页的sku，返回后，不显示名称问题
       var source = ___default['default'].uniqBy(items.concat(selectedValue), 'value');
       ctx === null || ctx === void 0 ? void 0 : (_ctx$form2 = ctx.form) === null || _ctx$form2 === void 0 ? void 0 : _ctx$form2.setFieldSource(resultSourceKey, source);
       setItems(source);
+      formaData(selectedValue, source);
     }
   };
   var handleOk = function handleOk() {
     handleSelectOver(popvalue);
     handleCancel();
   };
-  var formaData = function formaData(value) {
+  var formaData = function formaData(value, source) {
     if (labelInValue) {
       var formatResult = value.map(function (i) {
         return {
@@ -2533,17 +2560,26 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
           value: i[mappingValueField]
         };
       });
-      onChange(selectMode ? formatResult : formatResult[0], value);
+      onChange(selectMode ? formatResult : formatResult[0], value, source);
     } else {
       var _formatResult = selectMode ? value.map(function (i) {
         return i.value;
       }) : ___default['default'].get(value[0], 'value');
-      onChange(_formatResult, value);
+      onChange(_formatResult, value, source);
     }
   };
-  var handleCancel = function handleCancel() {
+  var clearModalTable = function clearModalTable() {
     form.resetFields();
     setTableFormParams({});
+    setTableData([]);
+    setTablePagination(tableInitPagination);
+    setSelectedRowKeys([]);
+    setDoubleArr([]);
+    setCheckedAll(false);
+    setIndeterminate(false);
+  };
+  var handleCancel = function handleCancel() {
+    clearModalTable();
     setIsModalVisible(false);
     if (selectMode) {
       run();
@@ -2551,7 +2587,7 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var refreshItems = function refreshItems() {
     // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
-    if (fieldValToParam && ctx) {
+    if (fieldValToParam && ctx && fixedparamsDisabled) {
       var formValueList = [];
       fieldValToParam.forEach(function (item, index) {
         var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
@@ -2725,11 +2761,7 @@ var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var formItem = function formItem(list) {
     if (isModalVisible && (list === null || list === void 0 ? void 0 : list.length)) {
       var setDisabled = function setDisabled(name) {
-        var _requestConfig$fixedp = requestConfig.fixedparamsDisabled,
-          fixedparamsDisabled = _requestConfig$fixedp === void 0 ? false : _requestConfig$fixedp,
-          _requestConfig$fixedp2 = requestConfig.fixedparameter,
-          fixedparameter = _requestConfig$fixedp2 === void 0 ? [] : _requestConfig$fixedp2;
-        if (fixedparamsDisabled && fixedparameter.find(function (item) {
+        if (fixedparamsDisabled && (fixedparameter === null || fixedparameter === void 0 ? void 0 : fixedparameter.length) && fixedparameter.find(function (item) {
           return item === name;
         })) {
           return true;
@@ -10516,10 +10548,10 @@ var AddSelect = function AddSelect(props) {
       });
     }
     if (businessType == 'skc') {
-      Promise.all([loadSelectSource("/items/item/propertyValue", {
-        pageSize: 5000,
+      Promise.all([loadSelectSource("/items/item/propertyValue/sizeBySkcConfig", {
+        pageSize: 10000,
         currentPage: 1,
-        'qp-propertyId-eq': '1467042217951883265'
+        type: 2 // 类型：1尺码；2颜色
       }), loadSelectSource("/items/category/queryCategoryTree", {
         pageSize: 5000,
         currentPage: 1
@@ -12825,6 +12857,10 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       filter: 'qp-code,name-orGroup,like',
       mappingTextField: 'name',
       mappingValueField: 'code',
+      otherParams: {
+        'qp-skcStatus-eq': 1 // 状态：0禁用 1启用
+      },
+
       sourceName: 'qp-skcCode-eq'
     }, requestConfigProp);
     tableSearchForm = [{
@@ -13841,6 +13877,11 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
   }
   // 配送方式选择器
   if (type === 'deliveryMode') {
+    var _requestConfigProp$fi;
+    var isLogisCompanyCodeSingleSearch = requestConfigProp === null || requestConfigProp === void 0 ? void 0 : (_requestConfigProp$fi = requestConfigProp.fixedparameter) === null || _requestConfigProp$fi === void 0 ? void 0 : _requestConfigProp$fi.some(function (i) {
+      return i == 'qp-logisCompanyCode-eq';
+    });
+    var logisCompanyCodeSingleSearchName = isLogisCompanyCodeSingleSearch ? 'qp-logisCompanyCode-eq' : 'qp-logisCompanyCode-in';
     requestConfig = _objectSpread2({
       url: "".concat(prefixUrl.selectPrefix, "/deliveryMode"),
       filter: 'qp-name,code-orGroup,like',
@@ -13859,23 +13900,24 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
       name: 'qp-code-like',
       label: '配送方式编码'
     }, {
-      name: 'qp-logisCompanyCode-in',
+      name: logisCompanyCodeSingleSearchName,
       type: 'select',
       label: '所属物流商',
       field: {
         type: 'select',
-        props: {
+        props: _objectSpread2(_objectSpread2({}, isLogisCompanyCodeSingleSearch ? {} : {
           mode: 'multiple',
+          maxTagCount: 1
+        }), {}, {
           notFoundContent: '暂无数据',
           allowClear: true,
           showSearch: true,
           showArrow: true,
-          maxTagCount: 1,
           optionFilterProp: 'children',
           filterOption: function filterOption(input, option) {
             return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
           }
-        }
+        })
       }
     }, {
       name: 'qp-recordChannnelCode-in',
@@ -14417,7 +14459,7 @@ var AddSkcSelect = function AddSkcSelect(parProps) {
     setPropertyList = _useState6[1];
   React.useEffect(function () {
     // type: 1 尺码组; 2 配码组
-    axios__default['default'].get("/items/itemPropertyValueGroup/listNoPage?qp-type-eq=2").then(function (result) {
+    axios__default['default'].get("/items/itemPropertyValueGroup/listNoPage?qp-type-eq=2&qp-status-eq=1").then(function (result) {
       var _result, _result2;
       result = result.data;
       if (((_result = result) === null || _result === void 0 ? void 0 : _result.status) && result.status !== '0' || ((_result2 = result) === null || _result2 === void 0 ? void 0 : _result2.code) && result.code !== '000000') {

package/docs/index.md

@@ -1,21 +1,21 @@
----
-hero:
-  title: business-component
-  desc: business-component site example
-  actions:
-    - text: Getting Started
-      link: /components
-features:
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
-    title: Feature 1
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
-    title: Feature 2
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
-    title: Feature 3
-    desc: Balabala
-footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by [dumi](https://d.umijs.org)
----
-
-## Hello business-component!
+---
+hero:
+  title: business-component
+  desc: business-component site example
+  actions:
+    - text: Getting Started
+      link: /components
+features:
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
+    title: Feature 1
+    desc: Balabala
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
+    title: Feature 2
+    desc: Balabala
+  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
+    title: Feature 3
+    desc: Balabala
+footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by [dumi](https://d.umijs.org)
+---
+
+## Hello business-component!

package/lib/assets/drag.svg

@@ -1,17 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="design-iconfont">
-  <defs>
-    <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="l1lf23lgga">
-      <stop stop-color="#10295B" offset="0%"/>
-      <stop stop-color="#0F2A61" offset="100%"/>
-    </linearGradient>
-    <path id="okxu11mz5b" d="M0 0H24V24H0z"/>
-  </defs>
-  <g fill="none" fill-rule="evenodd">
-    <mask id="7u8dk2lilc" fill="#fff">
-      <use xlink:href="#okxu11mz5b"/>
-    </mask>
-    <g mask="url(#7u8dk2lilc)" fill="#999" fill-rule="nonzero">
-      <path d="M1.31655092,7 C2.03935948,7 2.6253116,7.58595212 2.6253116,8.30876068 C2.6253116,9.03156925 2.03935948,9.61752137 1.31655092,9.61752137 C0.593742351,9.61752137 0.00779023438,9.03156925 0.00779023438,8.30876068 C0.00779023438,7.58595212 0.593742351,7 1.31655092,7 Z M6.99034011,7 C7.71314867,7 8.29910079,7.58595212 8.29910079,8.30876068 C8.29910079,9.03156925 7.71314867,9.61752137 6.99034011,9.61752137 C6.26753154,9.61752137 5.68157942,9.03156925 5.68157942,8.30876068 C5.68157942,7.58595212 6.26753154,7 6.99034011,7 Z M12.6641293,7 C13.3869378,7 13.97289,7.58595212 13.97289,8.30876068 C13.97289,9.03156925 13.3869378,9.61752137 12.6641293,9.61752137 C11.9413207,9.61752137 11.3553686,9.03156925 11.3553686,8.30876068 C11.3553686,7.58595212 11.9413207,7 12.6641293,7 Z M1.31655092,-5.32907052e-15 C2.03935948,-5.32907052e-15 2.6253116,0.585952117 2.6253116,1.30876068 C2.6253116,2.03156925 2.03935948,2.61752137 1.31655092,2.61752137 C0.593742351,2.61752137 0.00779023438,2.03156925 0.00779023438,1.30876068 C0.00779023438,0.585952117 0.593742351,-5.32907052e-15 1.31655092,-5.32907052e-15 Z M6.99034011,-5.32907052e-15 C7.71314867,-5.32907052e-15 8.29910079,0.585952117 8.29910079,1.30876068 C8.29910079,2.03156925 7.71314867,2.61752137 6.99034011,2.61752137 C6.26753154,2.61752137 5.68157942,2.03156925 5.68157942,1.30876068 C5.68157942,0.585952117 6.26753154,-5.32907052e-15 6.99034011,-5.32907052e-15 Z M12.6641293,-5.32907052e-15 C13.3869378,-5.32907052e-15 13.97289,0.585952117 13.97289,1.30876068 C13.97289,2.03156925 13.3869378,2.61752137 12.6641293,2.61752137 C11.9413207,2.61752137 11.3553686,2.03156925 11.3553686,1.30876068 C11.3553686,0.585952117 11.9413207,-5.32907052e-15 12.6641293,-5.32907052e-15 Z" transform="translate(5 7)"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" class="design-iconfont">
+  <defs>
+    <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="l1lf23lgga">
+      <stop stop-color="#10295B" offset="0%"/>
+      <stop stop-color="#0F2A61" offset="100%"/>
+    </linearGradient>
+    <path id="okxu11mz5b" d="M0 0H24V24H0z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <mask id="7u8dk2lilc" fill="#fff">
+      <use xlink:href="#okxu11mz5b"/>
+    </mask>
+    <g mask="url(#7u8dk2lilc)" fill="#999" fill-rule="nonzero">
+      <path d="M1.31655092,7 C2.03935948,7 2.6253116,7.58595212 2.6253116,8.30876068 C2.6253116,9.03156925 2.03935948,9.61752137 1.31655092,9.61752137 C0.593742351,9.61752137 0.00779023438,9.03156925 0.00779023438,8.30876068 C0.00779023438,7.58595212 0.593742351,7 1.31655092,7 Z M6.99034011,7 C7.71314867,7 8.29910079,7.58595212 8.29910079,8.30876068 C8.29910079,9.03156925 7.71314867,9.61752137 6.99034011,9.61752137 C6.26753154,9.61752137 5.68157942,9.03156925 5.68157942,8.30876068 C5.68157942,7.58595212 6.26753154,7 6.99034011,7 Z M12.6641293,7 C13.3869378,7 13.97289,7.58595212 13.97289,8.30876068 C13.97289,9.03156925 13.3869378,9.61752137 12.6641293,9.61752137 C11.9413207,9.61752137 11.3553686,9.03156925 11.3553686,8.30876068 C11.3553686,7.58595212 11.9413207,7 12.6641293,7 Z M1.31655092,-5.32907052e-15 C2.03935948,-5.32907052e-15 2.6253116,0.585952117 2.6253116,1.30876068 C2.6253116,2.03156925 2.03935948,2.61752137 1.31655092,2.61752137 C0.593742351,2.61752137 0.00779023438,2.03156925 0.00779023438,1.30876068 C0.00779023438,0.585952117 0.593742351,-5.32907052e-15 1.31655092,-5.32907052e-15 Z M6.99034011,-5.32907052e-15 C7.71314867,-5.32907052e-15 8.29910079,0.585952117 8.29910079,1.30876068 C8.29910079,2.03156925 7.71314867,2.61752137 6.99034011,2.61752137 C6.26753154,2.61752137 5.68157942,2.03156925 5.68157942,1.30876068 C5.68157942,0.585952117 6.26753154,-5.32907052e-15 6.99034011,-5.32907052e-15 Z M12.6641293,-5.32907052e-15 C13.3869378,-5.32907052e-15 13.97289,0.585952117 13.97289,1.30876068 C13.97289,2.03156925 13.3869378,2.61752137 12.6641293,2.61752137 C11.9413207,2.61752137 11.3553686,2.03156925 11.3553686,1.30876068 C11.3553686,0.585952117 11.9413207,-5.32907052e-15 12.6641293,-5.32907052e-15 Z" transform="translate(5 7)"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/exportFail.svg

@@ -1,38 +1,38 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="42px" viewBox="0 0 40 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 18</title>
-    <g id="导出功能" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="编组-13" transform="translate(-14.000000, -138.000000)">
-            <g id="编组-21备份-21" transform="translate(0.000000, 126.000000)">
-                <g id="编组-18" transform="translate(14.000000, 12.000000)">
-                    <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="39" height="41"></rect>
-                    <g id="编组-10" transform="translate(6.000000, 4.000000)">
-                        <g id="编组-6">
-                            <path d="M4,28 L4,2 C4,0.8954305 4.8954305,-1.91384796e-17 6,0 L20.1028879,0 L20.1028879,0 L28,7.2545499 L28,28 C28,29.1045695 27.1045695,30 26,30 L6,30 C4.8954305,30 4,29.1045695 4,28 Z" id="路径-6" fill="#1B79FF"></path>
-                            <g id="编组-2" transform="translate(0.000000, 9.000000)">
-                                <path d="M11,0.5 C11.4142136,0.5 11.7892136,0.667893219 12.0606602,0.939339828 C12.3321068,1.21078644 12.5,1.58578644 12.5,2 L12.5,2 L12.5,11 C12.5,11.4142136 12.3321068,11.7892136 12.0606602,12.0606602 C11.7892136,12.3321068 11.4142136,12.5 11,12.5 L11,12.5 L2,12.5 C1.58578644,12.5 1.21078644,12.3321068 0.939339828,12.0606602 C0.667893219,11.7892136 0.5,11.4142136 0.5,11 L0.5,11 L0.5,2 C0.5,1.58578644 0.667893219,1.21078644 0.939339828,0.939339828 C1.21078644,0.667893219 1.58578644,0.5 2,0.5 L2,0.5 Z" id="矩形" stroke="#005CFF" fill="#FFFFFF"></path>
-                                <g id="X" transform="translate(3.986000, 4.100000)" fill="#005CFF" fill-rule="nonzero">
-                                    <polygon id="路径" points="3.598 4.9 2.583 3.381 1.582 4.9 0 4.9 1.785 2.422 0.077 0 1.638 0 2.618 1.414 3.584 0 5.082 0 3.374 2.366 5.194 4.9"></polygon>
-                                </g>
-                            </g>
-                            <path d="M15,10 L18,10 C18.5522847,10 19,10.4477153 19,11 L19,12 C19,12.5522847 18.5522847,13 18,13 L15,13 C14.4477153,13 14,12.5522847 14,12 L14,11 C14,10.4477153 14.4477153,10 15,10 Z" id="矩形备份-7" fill="#005CFF"></path>
-                            <path d="M21,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,12 C25,12.5522847 24.5522847,13 24,13 L21,13 C20.4477153,13 20,12.5522847 20,12 L20,11 C20,10.4477153 20.4477153,10 21,10 Z" id="矩形备份-18" fill="#005CFF"></path>
-                            <path d="M15,14 L18,14 C18.5522847,14 19,14.4477153 19,15 L19,16 C19,16.5522847 18.5522847,17 18,17 L15,17 C14.4477153,17 14,16.5522847 14,16 L14,15 C14,14.4477153 14.4477153,14 15,14 Z" id="矩形备份-20" fill="#005CFF"></path>
-                            <path d="M21,14 L24,14 C24.5522847,14 25,14.4477153 25,15 L25,16 C25,16.5522847 24.5522847,17 24,17 L21,17 C20.4477153,17 20,16.5522847 20,16 L20,15 C20,14.4477153 20.4477153,14 21,14 Z" id="矩形备份-19" fill="#005CFF"></path>
-                            <path d="M15,18 L18,18 C18.5522847,18 19,18.4477153 19,19 L19,20 C19,20.5522847 18.5522847,21 18,21 L15,21 C14.4477153,21 14,20.5522847 14,20 L14,19 C14,18.4477153 14.4477153,18 15,18 Z" id="矩形备份-22" fill="#005CFF"></path>
-                            <path d="M21,18 L24,18 C24.5522847,18 25,18.4477153 25,19 L25,20 C25,20.5522847 24.5522847,21 24,21 L21,21 C20.4477153,21 20,20.5522847 20,20 L20,19 C20,18.4477153 20.4477153,18 21,18 Z" id="矩形备份-21" fill="#005CFF"></path>
-                            <polygon id="路径-19" fill="#005CFF" points="20.1168478 0 20.1168478 7.2545499 28 7.2545499"></polygon>
-                        </g>
-                        <g id="编组-8" transform="translate(17.000000, 19.000000)" stroke="#FFFFFF">
-                            <circle id="椭圆形" fill="#FE0300" cx="8" cy="8" r="7.5"></circle>
-                            <g id="编组-9" transform="translate(5.000000, 5.000000)" stroke-linecap="round" stroke-width="1.13795117">
-                                <polyline id="路径-20" transform="translate(3.181981, 3.181981) rotate(-315.000000) translate(-3.181981, -3.181981) " points="3.18198052 7.18198052 3.18198052 1.99975567 3.18198052 -0.818019485"></polyline>
-                                <polyline id="路径-20备份" transform="translate(3.181981, 3.181981) scale(-1, 1) rotate(-315.000000) translate(-3.181981, -3.181981) " points="3.18198052 7.18198052 3.18198052 1.99975567 3.18198052 -0.818019485"></polyline>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="42px" viewBox="0 0 40 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 18</title>
+    <g id="导出功能" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-13" transform="translate(-14.000000, -138.000000)">
+            <g id="编组-21备份-21" transform="translate(0.000000, 126.000000)">
+                <g id="编组-18" transform="translate(14.000000, 12.000000)">
+                    <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="39" height="41"></rect>
+                    <g id="编组-10" transform="translate(6.000000, 4.000000)">
+                        <g id="编组-6">
+                            <path d="M4,28 L4,2 C4,0.8954305 4.8954305,-1.91384796e-17 6,0 L20.1028879,0 L20.1028879,0 L28,7.2545499 L28,28 C28,29.1045695 27.1045695,30 26,30 L6,30 C4.8954305,30 4,29.1045695 4,28 Z" id="路径-6" fill="#1B79FF"></path>
+                            <g id="编组-2" transform="translate(0.000000, 9.000000)">
+                                <path d="M11,0.5 C11.4142136,0.5 11.7892136,0.667893219 12.0606602,0.939339828 C12.3321068,1.21078644 12.5,1.58578644 12.5,2 L12.5,2 L12.5,11 C12.5,11.4142136 12.3321068,11.7892136 12.0606602,12.0606602 C11.7892136,12.3321068 11.4142136,12.5 11,12.5 L11,12.5 L2,12.5 C1.58578644,12.5 1.21078644,12.3321068 0.939339828,12.0606602 C0.667893219,11.7892136 0.5,11.4142136 0.5,11 L0.5,11 L0.5,2 C0.5,1.58578644 0.667893219,1.21078644 0.939339828,0.939339828 C1.21078644,0.667893219 1.58578644,0.5 2,0.5 L2,0.5 Z" id="矩形" stroke="#005CFF" fill="#FFFFFF"></path>
+                                <g id="X" transform="translate(3.986000, 4.100000)" fill="#005CFF" fill-rule="nonzero">
+                                    <polygon id="路径" points="3.598 4.9 2.583 3.381 1.582 4.9 0 4.9 1.785 2.422 0.077 0 1.638 0 2.618 1.414 3.584 0 5.082 0 3.374 2.366 5.194 4.9"></polygon>
+                                </g>
+                            </g>
+                            <path d="M15,10 L18,10 C18.5522847,10 19,10.4477153 19,11 L19,12 C19,12.5522847 18.5522847,13 18,13 L15,13 C14.4477153,13 14,12.5522847 14,12 L14,11 C14,10.4477153 14.4477153,10 15,10 Z" id="矩形备份-7" fill="#005CFF"></path>
+                            <path d="M21,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,12 C25,12.5522847 24.5522847,13 24,13 L21,13 C20.4477153,13 20,12.5522847 20,12 L20,11 C20,10.4477153 20.4477153,10 21,10 Z" id="矩形备份-18" fill="#005CFF"></path>
+                            <path d="M15,14 L18,14 C18.5522847,14 19,14.4477153 19,15 L19,16 C19,16.5522847 18.5522847,17 18,17 L15,17 C14.4477153,17 14,16.5522847 14,16 L14,15 C14,14.4477153 14.4477153,14 15,14 Z" id="矩形备份-20" fill="#005CFF"></path>
+                            <path d="M21,14 L24,14 C24.5522847,14 25,14.4477153 25,15 L25,16 C25,16.5522847 24.5522847,17 24,17 L21,17 C20.4477153,17 20,16.5522847 20,16 L20,15 C20,14.4477153 20.4477153,14 21,14 Z" id="矩形备份-19" fill="#005CFF"></path>
+                            <path d="M15,18 L18,18 C18.5522847,18 19,18.4477153 19,19 L19,20 C19,20.5522847 18.5522847,21 18,21 L15,21 C14.4477153,21 14,20.5522847 14,20 L14,19 C14,18.4477153 14.4477153,18 15,18 Z" id="矩形备份-22" fill="#005CFF"></path>
+                            <path d="M21,18 L24,18 C24.5522847,18 25,18.4477153 25,19 L25,20 C25,20.5522847 24.5522847,21 24,21 L21,21 C20.4477153,21 20,20.5522847 20,20 L20,19 C20,18.4477153 20.4477153,18 21,18 Z" id="矩形备份-21" fill="#005CFF"></path>
+                            <polygon id="路径-19" fill="#005CFF" points="20.1168478 0 20.1168478 7.2545499 28 7.2545499"></polygon>
+                        </g>
+                        <g id="编组-8" transform="translate(17.000000, 19.000000)" stroke="#FFFFFF">
+                            <circle id="椭圆形" fill="#FE0300" cx="8" cy="8" r="7.5"></circle>
+                            <g id="编组-9" transform="translate(5.000000, 5.000000)" stroke-linecap="round" stroke-width="1.13795117">
+                                <polyline id="路径-20" transform="translate(3.181981, 3.181981) rotate(-315.000000) translate(-3.181981, -3.181981) " points="3.18198052 7.18198052 3.18198052 1.99975567 3.18198052 -0.818019485"></polyline>
+                                <polyline id="路径-20备份" transform="translate(3.181981, 3.181981) scale(-1, 1) rotate(-315.000000) translate(-3.181981, -3.181981) " points="3.18198052 7.18198052 3.18198052 1.99975567 3.18198052 -0.818019485"></polyline>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
 </svg>