@bit-sun/business-component 2.0.14 → 2.0.17

package/dist/index.js

@@ -2410,7 +2410,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
           validDataUrl = _this$props.validDataUrl,
           updateData = _this$props.updateData,
           columns = _this$props.columns,
-          isBrandAuth = _this$props.isBrandAuth;
+          isBrandAuth = _this$props.isBrandAuth,
+          _this$props$isCheckSt = _this$props.isCheckStockNum,
+          isCheckStockNum = _this$props$isCheckSt === void 0 ? true : _this$props$isCheckSt;
 
       var resultData = _this.getData().filter(function (d) {
         return ___default['default'].compact(Object.values(d)).length;
@@ -2427,7 +2429,8 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
 
       axios__default['default'].post(validDataUrl, _objectSpread2(_objectSpread2({}, otherParams), {}, {
         columns: columns,
-        data: resultData
+        data: resultData,
+        checkStockNum: isCheckStockNum
       })).then(function (result) {
         result = result.data;
 
@@ -3479,8 +3482,7 @@ var css_248z$3 = ".search_select_show {\n  display: flex;\n}\n.search_select_exp
 styleInject(css_248z$3);
 
 var Option = antd.Select.Option;
-
-var SearchSelect = function SearchSelect(props) {
+var SearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
       onChange = props.onChange,
       _props$selectProps = props.selectProps,
@@ -3495,7 +3497,8 @@ var SearchSelect = function SearchSelect(props) {
       _props$needModalTable = props.needModalTable,
       needModalTable = _props$needModalTable === void 0 ? true : _props$needModalTable,
       _props$getPopupContai = props.getPopupContainer,
-      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai;
+      _getPopupContainer = _props$getPopupContai === void 0 ? undefined : _props$getPopupContai,
+      fieldComponent = props.fieldComponent;
 
   var _ref = requestConfig || {},
       url = _ref.url,
@@ -3508,7 +3511,11 @@ var SearchSelect = function SearchSelect(props) {
       mappingTextShowKeyField = _ref.mappingTextShowKeyField,
       _ref$mappingValueFiel = _ref.mappingValueField,
       mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
-      mappingTextShowTextField = _ref.mappingTextShowTextField;
+      mappingTextShowTextField = _ref.mappingTextShowTextField,
+      _ref$init = _ref.init,
+      init = _ref$init === void 0 ? true : _ref$init,
+      _ref$extralHeaders = _ref.extralHeaders,
+      extralHeaders = _ref$extralHeaders === void 0 ? {} : _ref$extralHeaders;
 
   var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -3646,8 +3653,30 @@ var SearchSelect = function SearchSelect(props) {
   var _useState33 = React.useState(false),
       _useState34 = _slicedToArray(_useState33, 2),
       tooltipVisible = _useState34[0],
-      setTooltipVisible = _useState34[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      setTooltipVisible = _useState34[1];
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      refreshDataSource: function refreshDataSource() {
+        var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+        if (reset) {
+          if (init) {
+            run('init');
+          } else {
+            setItems([]);
+            setItemsTotal(0);
+          }
+        } else {
+          run();
+        }
+      },
+      clearDataSource: function clearDataSource() {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    };
+  }); // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
 
   var getData = function getData() {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3770,7 +3799,9 @@ var SearchSelect = function SearchSelect(props) {
       currentPage: currentPage
     }, otherParams), fixedParam), params);
 
-    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(queryParams))).then(function (result) {
+    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(queryParams)), {
+      headers: _objectSpread2({}, extralHeaders)
+    }).then(function (result) {
       var _result, _result2;
 
       setFetching(false);
@@ -3893,7 +3924,9 @@ var SearchSelect = function SearchSelect(props) {
   };
 
   React.useEffect(function () {
-    run('init');
+    if (init) {
+      run('init');
+    }
   }, []);
   React.useEffect(function () {
     if (value) {
@@ -3991,14 +4024,36 @@ var SearchSelect = function SearchSelect(props) {
     }
   };
 
+  var refreshItems = function refreshItems() {
+    // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
+    if (fieldValToParam && ctx) {
+      var formValueList = [];
+      fieldValToParam.forEach(function (item, index) {
+        var fixedParamVal = ctx.form.getFieldValue(fieldValToParam[index]);
+        formValueList.push(fixedParamVal);
+      });
+
+      if (formValueList.filter(function (item) {
+        return item;
+      }).length > 0) {
+        run();
+      } else {
+        setItems([]);
+        setItemsTotal(0);
+      }
+    } else {
+      run();
+    }
+  };
+
   var onSearchChange = function onSearchChange(e) {
     setSearchValue(e.target.value);
-    run();
+    refreshItems();
   };
 
   var onSearchBlur = function onSearchBlur() {
     setSearchValue('');
-    run();
+    refreshItems();
   };
 
   var onSearchTable = function onSearchTable() {
@@ -4150,13 +4205,13 @@ var SearchSelect = function SearchSelect(props) {
     },
     getCheckboxProps: function getCheckboxProps() {
       return {
-        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length
       };
     }
   };
 
   var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
-    if (!selectMode) {
+    if (!selectMode && !((selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled) || !items.length)) {
       var srs = [JSON.parse(JSON.stringify(record))];
       var sks = srs.map(function (i) {
         return i.value;
@@ -4279,7 +4334,14 @@ var SearchSelect = function SearchSelect(props) {
 
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: 'search_select'
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, fieldComponent ? /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick() {
+      var _fieldComponent$props, _fieldComponent$props2;
+
+      (_fieldComponent$props = fieldComponent.props) === null || _fieldComponent$props === void 0 ? void 0 : (_fieldComponent$props2 = _fieldComponent$props.onClick) === null || _fieldComponent$props2 === void 0 ? void 0 : _fieldComponent$props2.call(_fieldComponent$props);
+      showModal();
+    }
+  }, fieldComponent) : /*#__PURE__*/React__default['default'].createElement("div", {
     className: "search_select_show",
     id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({
@@ -4287,6 +4349,7 @@ var SearchSelect = function SearchSelect(props) {
     labelInValue: labelInValue,
     value: value,
     onChange: onChange,
+    disabled: props.disabled,
     dropdownRender: function dropdownRender(menu) {
       return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
         value: searchValue,
@@ -4439,7 +4502,7 @@ var SearchSelect = function SearchSelect(props) {
     onChange: onChangeCheckAll,
     disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
   }), " \u5168\u9009\u6240\u6709\u9875\u9762") : '')))));
-};
+});
 
 var css_248z$4 = ".add_select_show {\n  display: flex;\n}\n.add_select_expand_button {\n  position: relative;\n  width: 30px;\n  color: #ffffff;\n  cursor: pointer;\n}\n.add_select_expand_button span {\n  position: absolute;\n  height: 20px;\n  line-height: 14px;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.add_select_header {\n  border-bottom: 1px solid #D9D9D9;\n  height: 24px;\n  height: 40px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 40px;\n  margin-bottom: 10px;\n  padding-left: 10px;\n}\n.add_select_header > span {\n  margin-left: 20px;\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 40px;\n}\n.add_select_header > span > span {\n  color: #ff0000;\n}\n.add_select_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_quick_header {\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.add_select_quick_header_title {\n  display: flex;\n  justify-content: space-between;\n}\n.add_select_quick_header > span {\n  font-weight: 400;\n  font-size: 12px;\n  color: #666666;\n  letter-spacing: 0;\n  line-height: 20px;\n}\n.add_select_quick_header > span > span {\n  color: #ff0000;\n}\n.add_select_quick_header_close span {\n  position: absolute;\n  color: black !important;\n  right: 10px;\n  top: 10px;\n}\n.add_select_wrapper {\n  position: relative;\n  display: flex;\n  max-height: 60vh;\n  overflow: hidden;\n  font-size: 14px;\n  margin: 5px 10px;\n}\n.add_select_wrapper .ant-table-pagination.ant-pagination {\n  margin: 5px;\n  padding-right: 5px;\n}\n.add_select_wrapper .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.add_select_wrapper .ant-form-item-label {\n  padding: 0PX;\n  line-height: 23px !important;\n}\n.add_select_wrapper .ant-form-item-label > label {\n  font-size: 12px;\n}\n.add_select_wrapper .ant-table-thead th {\n  height: 20px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper .row-class {\n  height: 24px;\n}\n.add_select_wrapper .row-class td {\n  font-size: 12px !important;\n  height: 24px !important;\n  padding: 0px 8px !important;\n  line-height: 20px !important;\n}\n.add_select_wrapper .ant-table-body {\n  height: 240px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_click_flag {\n  position: absolute;\n  z-index: 10;\n}\n.add_select_wrapper_click_flag_arrow {\n  transform: rotate(0deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_click_flag_arrow_1 {\n  transform: rotate(-180deg);\n  transition: transform 0.5s;\n}\n.add_select_wrapper_left {\n  flex-basis: 298px;\n  width: 298px;\n  overflow-y: hidden;\n  transition: all 0.3s;\n  margin-right: 10px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_left1 {\n  width: 0;\n  height: 0;\n  transition: all 0.3s;\n  display: none;\n}\n.add_select_wrapper_right {\n  width: 872px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n}\n.add_select_wrapper_right1 {\n  width: 100%;\n  margin-left: 10px;\n}\n.add_select_wrapper_right,\n.add_select_wrapper_right1 {\n  overflow-x: auto;\n}\n.add_select_wrapper .select_list_columns {\n  height: 272px;\n  overflow-y: auto;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_columns_tips {\n  background: #eee;\n  padding: 6px 20px;\n  margin-bottom: 10px;\n}\n.add_select_wrapper .select_list_columns_formItems {\n  padding: 7px 10px;\n}\n.add_select_wrapper .select_list_searchButton {\n  display: flex;\n  margin: 10px;\n  justify-content: flex-end;\n}\n.add_select_wrapper .select_list_button_space {\n  margin-right: 10px;\n}\n.add_select_wrapper .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 5px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper .select_list_selectAll {\n  position: relative;\n  top: -40px;\n  left: 20px;\n  width: 160px;\n}\n.add_select_wrapper_select {\n  margin-top: 4px;\n  border: 1px solid #D9D9D9;\n  border-radius: 5px;\n  margin: 5px 10px;\n}\n.add_select_wrapper_select .ant-table-pagination.ant-pagination {\n  margin: 9px;\n  padding-right: 5px;\n}\n.add_select_wrapper_select .ant-modal-body {\n  padding: 10px;\n}\n.add_select_wrapper_select .ant-table-wrapper {\n  padding: 0px !important;\n}\n.add_select_wrapper_select .ant-table-thead th {\n  height: 23px !important;\n  padding: 0px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 23px !important;\n}\n.add_select_wrapper_select .ant-modal-close-x {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class {\n  height: 30px;\n}\n.add_select_wrapper_select .row-class td {\n  font-size: 12px !important;\n  height: 30px !important;\n  padding: 4px 8px !important;\n}\n.add_select_wrapper_select .ant-table-body {\n  height: 200px;\n  overflow-y: auto !important;\n}\n.add_select_wrapper_select .ant-row.ant-form-item {\n  margin-bottom: 10px;\n}\n.add_select_wrapper_select .ant-input-number-input,\n.add_select_wrapper_select .ant-input {\n  height: auto;\n  height: 22px;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select-selection-search-input {\n  height: auto;\n  height: 22px !important;\n  padding: 0px 10px;\n  font-size: 12px;\n}\n.add_select_wrapper_select .ant-select .ant-select-arrow {\n  top: 13px;\n}\n.add_select_wrapper_select .ant-select-selector {\n  position: relative;\n  top: 1px;\n  height: 23px  !important;\n  line-height: 23px  !important;\n}\n.add_select_wrapper_select .ant-select-selector .ant-select-selection-item,\n.add_select_wrapper_select .ant-select-selector ant-select-selection-search {\n  height: 23px !important;\n  line-height: 23px !important;\n  font-size: 12px;\n}\n.add_select_wrapper_select .select_list_selectTips {\n  display: flex;\n  justify-content: space-between;\n  height: 24px;\n  font-size: 12px;\n  line-height: 24px;\n  background: #F7F8FB;\n  padding: 0 3px;\n  border-bottom: 1px solid #D9D9D9;\n}\n.add_select_wrapper_select_quick {\n  margin: 0;\n}\n.react-resizable {\n  position: relative;\n  background-clip: padding-box;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 10px;\n  height: 100%;\n  bottom: 0;\n  right: -5px;\n  cursor: col-resize;\n  z-index: 1;\n}\n";
 styleInject(css_248z$4);
@@ -6088,7 +6151,6 @@ var BillEntry = function BillEntry(_ref3) {
     title: '单位',
     dataIndex: 'selectUnitCode',
     width: 100,
-    isSelectItem: true,
     render: function render(text, record) {
       var _record$packingUnitLi;
 
@@ -7996,13 +8058,13 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
 }
 
 var MemoSearchSelect = /*#__PURE__*/React__default['default'].memo(SearchSelect);
-
-var BusinessSearchSelect = function BusinessSearchSelect(props) {
+var BusinessSearchSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var businessType = (props === null || props === void 0 ? void 0 : props.selectBusinessType) || 'supplier';
   var prefixUrl = (props === null || props === void 0 ? void 0 : props.prefixUrl) || {
     selectPrefix: handleDefaultPrefixUrl(businessType),
     formSelectFix: handleDefaultPrefixUrl(businessType)
   };
+  var innerRef = React.useRef();
 
   var _commonFun = commonFun(businessType, prefixUrl, (props === null || props === void 0 ? void 0 : props.requestConfig) || {}, (props === null || props === void 0 ? void 0 : props.modalTableProps) || {}),
       requestConfig = _commonFun.requestConfig,
@@ -8016,9 +8078,17 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps: modalTableProps
     });
   }, [props === null || props === void 0 ? void 0 : props.value]);
-  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
-};
-
+  React.useImperativeHandle(ref, function () {
+    return {
+      getRef: function getRef() {
+        return innerRef;
+      }
+    };
+  });
+  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoSearchSelect, _objectSpread2(_objectSpread2({}, currentProps), {}, {
+    ref: innerRef
+  })));
+});
 var BusinessSearchSelect$1 = /*#__PURE__*/React__default['default'].memo(BusinessSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
@@ -8331,7 +8401,9 @@ var CommodityEntry = function CommodityEntry(props) {
       _props$validDataUrl = props.validDataUrl,
       validDataUrl = _props$validDataUrl === void 0 ? "/items/sku/import/check" : _props$validDataUrl,
       _props$isBrandAuth = props.isBrandAuth,
-      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth;
+      isBrandAuth = _props$isBrandAuth === void 0 ? true : _props$isBrandAuth,
+      _props$isCheckStockNu = props.isCheckStockNum,
+      isCheckStockNum = _props$isCheckStockNu === void 0 ? true : _props$isCheckStockNu;
 
   var _useState = React.useState({
     maskClosable: false,
@@ -8395,7 +8467,8 @@ var CommodityEntry = function CommodityEntry(props) {
     },
     columns: columns,
     validDataUrl: validDataUrl,
-    isBrandAuth: isBrandAuth
+    isBrandAuth: isBrandAuth,
+    isCheckStockNum: isCheckStockNum
   })) || '');
 };
 
@@ -8771,6 +8844,153 @@ var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSele
   return true;
 });
 
+var css_248z$6 = ".form-status-label {\n  height: 48px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.form-status-label:last-child {\n  margin-right: 0px;\n}\n.form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #FFFFFF;\n  color: #FFFFFF;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: center;\n  margin: 0 6px 0 20px;\n}\n.status-label-key {\n  width: 50px;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n}\n.status-label-operate {\n  float: left;\n  width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 100%;\n  margin: 4px 0;\n}\n.status-label-operate > div {\n  font-size: 12px;\n  height: 20px;\n  line-height: 20px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n  font-size: 14px;\n  font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
+styleInject(css_248z$6);
+
+var index$2 = (function (props) {
+  var _props$formStatusMapp = props.formStatusMapping,
+      formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '10px 60px 0px',
+      background: '#FFFFFF'
+    }
+  }, formStatusMapping.map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: "".concat((100 / formStatusMapping.length).toFixed(2), "%")
+      },
+      className: "form-status-label ".concat(item.isDone ? 'choosed-status-label' : '', " ").concat(formStatusMapping.length === 1 ? 'only-one-child' : '')
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: 'status-label-key'
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: 'status-label-index'
+    }, index + 1)), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: 'status-label-operate'
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: !item.isDone ? {
+        height: '40px',
+        lineHeight: '40px'
+      } : {}
+    }, item.text), item.isDone ? /*#__PURE__*/React__default['default'].createElement("div", {
+      title: "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')
+    }, "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')) : null), /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        clear: 'both'
+      }
+    }));
+  }));
+});
+
+var dragImg = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%3E%20%20%3Cdefs%3E%20%20%20%20%3ClinearGradient%20x1%3D%22100%25%22%20y1%3D%2250%25%22%20x2%3D%220%25%22%20y2%3D%2250%25%22%20id%3D%22l1lf23lgga%22%3E%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2310295B%22%20offset%3D%220%25%22%2F%3E%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%230F2A61%22%20offset%3D%22100%25%22%2F%3E%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%3Cpath%20id%3D%22okxu11mz5b%22%20d%3D%22M0%200H24V24H0z%22%2F%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Cmask%20id%3D%227u8dk2lilc%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23okxu11mz5b%22%2F%3E%20%20%20%20%3C%2Fmask%3E%20%20%20%20%3Cg%20mask%3D%22url%28%237u8dk2lilc%29%22%20fill%3D%22%23999%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M1.31655092%2C7%20C2.03935948%2C7%202.6253116%2C7.58595212%202.6253116%2C8.30876068%20C2.6253116%2C9.03156925%202.03935948%2C9.61752137%201.31655092%2C9.61752137%20C0.593742351%2C9.61752137%200.00779023438%2C9.03156925%200.00779023438%2C8.30876068%20C0.00779023438%2C7.58595212%200.593742351%2C7%201.31655092%2C7%20Z%20M6.99034011%2C7%20C7.71314867%2C7%208.29910079%2C7.58595212%208.29910079%2C8.30876068%20C8.29910079%2C9.03156925%207.71314867%2C9.61752137%206.99034011%2C9.61752137%20C6.26753154%2C9.61752137%205.68157942%2C9.03156925%205.68157942%2C8.30876068%20C5.68157942%2C7.58595212%206.26753154%2C7%206.99034011%2C7%20Z%20M12.6641293%2C7%20C13.3869378%2C7%2013.97289%2C7.58595212%2013.97289%2C8.30876068%20C13.97289%2C9.03156925%2013.3869378%2C9.61752137%2012.6641293%2C9.61752137%20C11.9413207%2C9.61752137%2011.3553686%2C9.03156925%2011.3553686%2C8.30876068%20C11.3553686%2C7.58595212%2011.9413207%2C7%2012.6641293%2C7%20Z%20M1.31655092%2C-5.32907052e-15%20C2.03935948%2C-5.32907052e-15%202.6253116%2C0.585952117%202.6253116%2C1.30876068%20C2.6253116%2C2.03156925%202.03935948%2C2.61752137%201.31655092%2C2.61752137%20C0.593742351%2C2.61752137%200.00779023438%2C2.03156925%200.00779023438%2C1.30876068%20C0.00779023438%2C0.585952117%200.593742351%2C-5.32907052e-15%201.31655092%2C-5.32907052e-15%20Z%20M6.99034011%2C-5.32907052e-15%20C7.71314867%2C-5.32907052e-15%208.29910079%2C0.585952117%208.29910079%2C1.30876068%20C8.29910079%2C2.03156925%207.71314867%2C2.61752137%206.99034011%2C2.61752137%20C6.26753154%2C2.61752137%205.68157942%2C2.03156925%205.68157942%2C1.30876068%20C5.68157942%2C0.585952117%206.26753154%2C-5.32907052e-15%206.99034011%2C-5.32907052e-15%20Z%20M12.6641293%2C-5.32907052e-15%20C13.3869378%2C-5.32907052e-15%2013.97289%2C0.585952117%2013.97289%2C1.30876068%20C13.97289%2C2.03156925%2013.3869378%2C2.61752137%2012.6641293%2C2.61752137%20C11.9413207%2C2.61752137%2011.3553686%2C2.03156925%2011.3553686%2C1.30876068%20C11.3553686%2C0.585952117%2011.9413207%2C-5.32907052e-15%2012.6641293%2C-5.32907052e-15%20Z%22%20transform%3D%22translate%285%207%29%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var label_icon_bottom = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3E%E7%BC%96%E7%BB%84%203%E5%A4%87%E4%BB%BD%204%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E5%8D%95%E6%8D%AE-%E8%AF%A6%E6%83%85%E9%A1%B5%EF%BC%88%E4%BA%8C%E7%BA%A7%E9%A1%B5%EF%BC%89-%E4%B8%8B%E6%8B%89%22%20transform%3D%22translate%28-1858.000000%2C%20-1326.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-20%22%20transform%3D%22translate%28280.000000%2C%20866.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%281554.000000%2C%20179.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-3%E5%A4%87%E4%BB%BD-4%22%20transform%3D%22translate%2824.000000%2C%20281.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20mask%3D%22url%28%23mask-2%29%22%20fill%3D%22%23B1BAD4%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%283.000000%2C%203.000000%29%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.99072727%2C0.237481917%20C6.50454545%2C-0.0418576482%206.56509091%2C-0.0745634228%206.97254545%2C0.138292264%20L7.15527271%2C0.236945765%20C7.31727271%2C0.445512161%207.34672726%2C0.483579531%207.3761818%2C0.664265595%20L7.39690908%2C0.809565049%20L7.39690908%2C17%20L5.76054545%2C17%20L5.76054545%2C2.73974241%20L1.15690909%2C7.26654448%20L0%2C6.12934831%20L5.99072727%2C0.237481917%20Z%20M13.0909091%2C13.6720525%20L13.0909091%2C15.2805337%20L9.81818182%2C15.2805337%20L9.81818182%2C13.6720525%20L13.0909091%2C13.6720525%20Z%20M14.7272727%2C9.91892987%20L14.7272727%2C11.527411%20L9.81818182%2C11.527411%20L9.81818182%2C9.91892987%20L14.7272727%2C9.91892987%20Z%20M16.3636364%2C6.16580723%20L16.3636364%2C7.77428836%20L9.81818182%2C7.77428836%20L9.81818182%2C6.16580723%20L16.3636364%2C6.16580723%20Z%20M18%2C2.41268459%20L18%2C4.02116572%20L9.81818182%2C4.02116572%20L9.81818182%2C2.41268459%20L18%2C2.41268459%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var arrow_top = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAuBJREFUaEPtl0urjlEUx3/HXUkpErkkJAYoGbhkJB2SW2IgBibKVL6Cz2BgQMqAXCKXiHIGBhiIDJEJyjXlfu2vtWp36nj2fvZ+HG/tXW/n7bz7Wft/WXut9fTR46uvx/FTCQy3g9WB6kCmAjWFMgXMfrw6kC1hZoDqQKaA2Y//Cwd0xq9spEME6JLACOCnnRt+L8qlKwIOeDT8GRi/Ap2Q6ILASOAHsAo4DEwGDgAnAP+tmAulCTjANcBpA6/812e3kRgFfC/FoCQBByblzxl4Tx399hnYA5wq6UQpAq78ClN+mqWR/q+llNL3T8BO4AJQxIkSBBz8cgM2FfgCjAXOAC+A/cA3QJf6vZG4UoJELgEHvww4C8wMgF40oB+BI8Bey30p/xbYDtzITaccAg5+CXAJmB4oL3UF8IMBVD84DuwK9rwCNgO3cki0JeDgF9uFnRMof83AK1VU+7VEYBxwDNgR7H0GbAVutyXRhoCDXwhcBmYHql4HtlmeD+7EKqW6A6pCm4JnRGI9cL8NiVQCDn6RKT/fuuwY4CawBXg3BBAnNAE4aaD9Yj+ydHqYSiKFgIOfByjH5wYqDlgqvGkYGZzERCu3a4MYIrEOeJxCIpaAT5RSXE1KDqhJSXldQqXE68iDXYhJwHlgdRDrgTnxxGaoxik2hoCrNgu4CiwIVBN4pc3LxGHNY04xQVYGMXUX+oHnMTFjCPjYouoiyzUSqKLcBTYY+DZd1Z1Q41NKLg1iq4dsjJmXmgh46owHngJSTOuOKa8KkjMmh+4qndRTtHSXZtjo8dcXoiYCCuYB1IQOAfeAfTYitFF+sLDuhMrxUXPioHXvxre5GALhgarjGszUmBqDx6SA7fFYEkSENEtFrRQCfoj+6uOvi1EHRWxyLKo80eKkEIjAUGRLNHjP7yKnDleQ/9GBJC0qgSS5OthcHehA1KSQ1YEkuTrYXB3oQNSkkNWBJLk62NzzDvwGGnWoMahVpG4AAAAASUVORK5CYII=";
+
+var css_248z$7 = ".form-guide {\n  cursor: pointer;\n  position: fixed;\n  right: 5px;\n  color: #B1BAD4;\n  padding: 5px 0;\n  width: 48px;\n  z-index: 10;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: #141620;\n  border-radius: 5px;\n}\n.form-guide .form-guide-top {\n  padding: 0px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-center {\n  border-top: 1px solid #6E7588;\n  border-bottom: 1px solid #6E7588;\n  padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n  width: 28px;\n  padding: 5px 0;\n  display: block;\n  word-break: break-all;\n  color: #B1BAD4;\n  font-size: 14px;\n  line-height: 16px;\n  position: relative;\n}\n.form-guide .form-guide-item::after {\n  content: '';\n  display: block;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.form-guide .form-guide-bottom {\n  padding: 5px 10px;\n  display: flex;\n  justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n  content: '';\n  display: none;\n  width: 15px;\n  height: 1px;\n  background-color: #6E7588;\n  position: absolute;\n  bottom: 0px;\n  left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n  background-color: #FFFFFF;\n  padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n  margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n  border: 0px;\n  padding: 0px;\n  height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n  padding: 12px 0 0;\n  margin-top: -4px;\n  background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  color: #000000;\n  font-weight: 600;\n  font-family: PingFangSC;\n  background-color: #FFFFFF;\n  padding: 8px 0;\n  margin: 0px;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n  display: inline-block;\n  width: 4px;\n  height: 100%;\n  background-color: #005CFF;\n  height: 20px;\n  margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n  display: none !important;\n}\n";
+styleInject(css_248z$7);
+
+var _excluded$5 = ["children"],
+    _excluded2$2 = ["children"];
+
+var Field = function Field(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded$5);
+
+  var _React$useState = React__default['default'].useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      fieldGroupVisible = _React$useState2[0],
+      setVisible = _React$useState2[1];
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "bitsun-form-card-class \n        ".concat(fieldGroupVisible ? '' : 'field-group-hidden', " \n        ").concat(props.isWhiteCard ? 'white-card' : '', "\n        "),
+    id: props.id
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "ant-card-head"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "ant-card-head-title"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: 'title-left-line'
+  }), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      marginRight: '5px'
+    }
+  }, props === null || props === void 0 ? void 0 : props.title), /*#__PURE__*/React__default['default'].createElement("img", {
+    width: 24,
+    style: {
+      transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
+      cursor: 'pointer'
+    },
+    src: arrow_top,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setVisible(!fieldGroupVisible);
+    }
+  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "ant-card-body"
+  }, children));
+};
+
+var GuideWrapper = /*#__PURE__*/function (_Component) {
+  _inherits(GuideWrapper, _Component);
+
+  var _super = _createSuper(GuideWrapper);
+
+  function GuideWrapper() {
+    _classCallCheck(this, GuideWrapper);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(GuideWrapper, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          _this$props$children = _this$props.children,
+          children = _this$props$children === void 0 ? [] : _this$props$children,
+          props = _objectWithoutProperties(_this$props, _excluded2$2);
+
+      var cardGroups = children.filter(function (item) {
+        var _item$props, _item$props2;
+
+        return (item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.id) && (item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.title);
+      });
+      return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({}, props), children, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'form-guide'
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'form-guide-top'
+      }, /*#__PURE__*/React__default['default'].createElement("img", {
+        width: 24,
+        src: dragImg
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'form-guide-center'
+      }, cardGroups.map(function (item) {
+        return /*#__PURE__*/React__default['default'].createElement("span", {
+          className: 'form-guide-item',
+          onClick: function onClick() {
+            var currentDom = document.getElementById(item.props.id);
+            currentDom && currentDom.scrollIntoView({
+              block: 'center',
+              behavior: 'smooth'
+            });
+          }
+        }, item.props.title);
+      })), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: 'form-guide-bottom'
+      }, /*#__PURE__*/React__default['default'].createElement("img", {
+        width: 24,
+        src: label_icon_bottom
+      }))));
+    }
+  }]);
+
+  return GuideWrapper;
+}(React.Component);
+
+GuideWrapper.Field = Field;
+
 exports.AddSelect = AddSelect;
 exports.AddSkuSelect = AddSkuSelect;
 exports.BillEntry = BillEntry;
@@ -8780,6 +9000,8 @@ exports.CheckOneUser = index;
 exports.CommodityEntry = CommodityEntry;
 exports.DataImport = DataImport;
 exports.DataValidation = DataValidation;
+exports.GuideWrapper = GuideWrapper;
 exports.QueryMutipleInput = QueryMutipleInput;
 exports.SearchSelect = SearchSelect;
+exports.StateFlow = index$2;
 exports.TreeSearchSelect = TreeSearchSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "2.0.14",
+  "version": "2.0.17",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/assets/drag.svg

@@ -0,0 +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>

package/src/assets/label_icon_bottom.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 3备份 4</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="24" height="24"></rect>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="单据-详情页（二级页）-下拉" transform="translate(-1858.000000, -1326.000000)">
+            <g id="编组-20" transform="translate(280.000000, 866.000000)">
+                <g id="编组-5" transform="translate(1554.000000, 179.000000)">
+                    <g id="编组-3备份-4" transform="translate(24.000000, 281.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <use id="蒙版" fill="#D8D8D8" opacity="0" xlink:href="#path-1"></use>
+                        <g id="编组" mask="url(#mask-2)" fill="#B1BAD4" fill-rule="nonzero">
+                            <g transform="translate(3.000000, 3.000000)" id="形状">
+                                <path d="M5.99072727,0.237481917 C6.50454545,-0.0418576482 6.56509091,-0.0745634228 6.97254545,0.138292264 L7.15527271,0.236945765 C7.31727271,0.445512161 7.34672726,0.483579531 7.3761818,0.664265595 L7.39690908,0.809565049 L7.39690908,17 L5.76054545,17 L5.76054545,2.73974241 L1.15690909,7.26654448 L0,6.12934831 L5.99072727,0.237481917 Z M13.0909091,13.6720525 L13.0909091,15.2805337 L9.81818182,15.2805337 L9.81818182,13.6720525 L13.0909091,13.6720525 Z M14.7272727,9.91892987 L14.7272727,11.527411 L9.81818182,11.527411 L9.81818182,9.91892987 L14.7272727,9.91892987 Z M16.3636364,6.16580723 L16.3636364,7.77428836 L9.81818182,7.77428836 L9.81818182,6.16580723 L16.3636364,6.16580723 Z M18,2.41268459 L18,4.02116572 L9.81818182,4.02116572 L9.81818182,2.41268459 L18,2.41268459 Z"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/Business/CommodityEntry/index.md

@@ -53,7 +53,8 @@ export default () => {
  
  const props = {
    callbackHideModal,
-   callbackHandleOk
+   callbackHandleOk,
+   isCheckStockNum: false   // 默认为true，校验库存数量，false，则不校验库存
  }
  
   return (

package/src/components/Business/CommodityEntry/index.tsx

@@ -14,7 +14,8 @@ const CommodityEntry = (props: any) => {
     callbackHandleOk,
     columns=["skuCode", "quantity", "price"],
     validDataUrl="/items/sku/import/check",
-    isBrandAuth = true // 默认做品牌过滤
+    isBrandAuth = true, // 默认做品牌过滤
+    isCheckStockNum = true
   } = props;
 
   const [modalProps, setModalProps]: any = useState({
@@ -68,6 +69,7 @@ const CommodityEntry = (props: any) => {
             columns={columns}
             validDataUrl={validDataUrl}
             isBrandAuth={isBrandAuth}
+            isCheckStockNum={isCheckStockNum}
           />
         </Modal>
       ) || ''}

package/src/components/Business/CommonGuideWrapper/index.less

@@ -0,0 +1,112 @@
+.form-guide {
+  cursor: pointer;
+  position: fixed;
+  right: 5px;
+  color: #B1BAD4;
+  padding: 5px 0;
+  width: 48px;
+  z-index: 10;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: #141620;
+  .form-guide-top {
+    padding: 0px 10px;
+    display: flex;
+    justify-content: center;
+  }
+  border-radius: 5px;
+  .form-guide-center {
+    border-top: 1px solid #6E7588;
+    border-bottom: 1px solid #6E7588;
+    padding: 0px 10px;
+  }
+  .form-guide-item {
+    width: 28px;
+    padding: 5px 0;
+    display: block;
+    word-break: break-all;
+    color: #B1BAD4;
+    font-size: 14px;
+    line-height: 16px;
+    position: relative;
+  }
+  .form-guide-item::after {
+    content: '';
+    display: block;
+    width: 15px;
+    height: 1px;
+    background-color: #6E7588;
+    position: absolute;
+    bottom: 0px;
+    left: 7px;
+  }
+
+  .form-guide-bottom {
+    padding: 5px 10px;
+    display: flex;
+    justify-content: center;
+  }
+  .form-guide-item:last-child::after {
+    content: '';
+    display: none;
+    width: 15px;
+    height: 1px;
+    background-color: #6E7588;
+    position: absolute;
+    bottom: 0px;
+    left: 7px;
+  }
+}
+
+.white-card.bitsun-form-card-class {
+  .ant-card-body {
+    background-color: #FFFFFF;
+    padding: 0px;
+  }
+}
+
+.bitsun-form-card-class {
+  &>.ant-card-body {
+    margin-bottom: 10px;
+  }
+}
+
+.bitsun-form-card-class {
+  .ant-card-head {
+    border: 0px;
+    padding: 0px;
+    height: 48px;
+  }
+
+  .ant-card-body {
+    padding: 12px 0 0;
+    margin-top: -4px;
+    background-color: #F3F3F3;
+  }
+
+  .ant-card-head-title {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    color: #000000;
+    font-weight: 600;
+    font-family: PingFangSC;
+    background-color: #FFFFFF;
+    padding: 8px 0;
+    margin: 0px;
+    .title-left-line {
+      display: inline-block;
+      width: 4px;
+      height: 100%;
+      background-color: #005CFF;
+      height: 20px;
+      margin-right: 16px;
+    }
+  }
+}
+
+.field-group-hidden {
+  .ant-card-body {
+    display: none !important;
+  }
+}