@bit-sun/business-component 2.0.14 → 2.0.17-alpha.0

package/.fatherrc.ts

@@ -1,4 +1,5 @@
 export default {
   esm: 'rollup',
   cjs: 'rollup',
+  umd: true,
 };

package/dist/components/Business/CommonGuideWrapper/index.d.ts

@@ -0,0 +1,6 @@
+import { Component } from "react";
+import './index.less';
+export default class GuideWrapper extends Component {
+    static Field: ({ children, ...props }: any) => JSX.Element;
+    render(): JSX.Element;
+}

package/dist/components/Business/SearchSelect/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>>;
 export default _default;

package/dist/components/Business/StateFlow/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/dist/components/Functional/SearchSelect/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const SearchSelect: (props: any) => JSX.Element;
+declare const SearchSelect: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 export default SearchSelect;

package/dist/index.d.ts

@@ -11,3 +11,5 @@ export { default as CommodityEntry } from './components/Business/CommodityEntry'
 export { default as CheckOneUser } from './utils/CheckOneUser';
 export { default as TreeSearchSelect } from './components/Functional/TreeSearchSelect';
 export { default as BusinessTreeSearchSelect } from './components/Business/TreeSearchSelect';
+export { default as StateFlow } from './components/Business/StateFlow';
+export { default as GuideWrapper } from './components/Business/CommonGuideWrapper';

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useRef, useMemo } from 'react';
+import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useImperativeHandle, useRef, useMemo, Component } from 'react';
 import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag, InputNumber, Popover } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import classNames from 'classnames';
@@ -2399,7 +2399,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 _.compact(Object.values(d)).length;
@@ -2416,7 +2418,8 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
 
       axios.post(validDataUrl, _objectSpread2(_objectSpread2({}, otherParams), {}, {
         columns: columns,
-        data: resultData
+        data: resultData,
+        checkStockNum: isCheckStockNum
       })).then(function (result) {
         result = result.data;
 
@@ -3468,8 +3471,7 @@ var css_248z$3 = ".search_select_show {\n  display: flex;\n}\n.search_select_exp
 styleInject(css_248z$3);
 
 var Option = Select.Option;
-
-var SearchSelect = function SearchSelect(props) {
+var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
       onChange = props.onChange,
       _props$selectProps = props.selectProps,
@@ -3484,7 +3486,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,
@@ -3497,7 +3500,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; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -3635,8 +3642,30 @@ var SearchSelect = function SearchSelect(props) {
   var _useState33 = useState(false),
       _useState34 = _slicedToArray(_useState33, 2),
       tooltipVisible = _useState34[0],
-      setTooltipVisible = _useState34[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+      setTooltipVisible = _useState34[1];
 
+  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] : {};
@@ -3759,7 +3788,9 @@ var SearchSelect = function SearchSelect(props) {
       currentPage: currentPage
     }, otherParams), fixedParam), params);
 
-    axios.get("".concat(url, "?").concat(stringify(queryParams))).then(function (result) {
+    axios.get("".concat(url, "?").concat(stringify(queryParams)), {
+      headers: _objectSpread2({}, extralHeaders)
+    }).then(function (result) {
       var _result, _result2;
 
       setFetching(false);
@@ -3882,7 +3913,9 @@ var SearchSelect = function SearchSelect(props) {
   };
 
   useEffect(function () {
-    run('init');
+    if (init) {
+      run('init');
+    }
   }, []);
   useEffect(function () {
     if (value) {
@@ -3980,14 +4013,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() {
@@ -4139,13 +4194,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;
@@ -4268,7 +4323,14 @@ var SearchSelect = function SearchSelect(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: 'search_select'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, fieldComponent ? /*#__PURE__*/React.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.createElement("div", {
     className: "search_select_show",
     id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({
@@ -4276,6 +4338,7 @@ var SearchSelect = function SearchSelect(props) {
     labelInValue: labelInValue,
     value: value,
     onChange: onChange,
+    disabled: props.disabled,
     dropdownRender: function dropdownRender(menu) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
         value: searchValue,
@@ -4428,7 +4491,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);
@@ -6077,7 +6140,6 @@ var BillEntry = function BillEntry(_ref3) {
     title: '单位',
     dataIndex: 'selectUnitCode',
     width: 100,
-    isSelectItem: true,
     render: function render(text, record) {
       var _record$packingUnitLi;
 
@@ -7985,13 +8047,13 @@ function commonFun(type, prefixUrl, requestConfigProp, modalTableBusProps) {
 }
 
 var MemoSearchSelect = /*#__PURE__*/React.memo(SearchSelect);
-
-var BusinessSearchSelect = function BusinessSearchSelect(props) {
+var BusinessSearchSelect = /*#__PURE__*/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 = 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,
@@ -8005,9 +8067,17 @@ var BusinessSearchSelect = function BusinessSearchSelect(props) {
       modalTableProps: modalTableProps
     });
   }, [props === null || props === void 0 ? void 0 : props.value]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoSearchSelect, _objectSpread2({}, currentProps)));
-};
-
+  useImperativeHandle(ref, function () {
+    return {
+      getRef: function getRef() {
+        return innerRef;
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoSearchSelect, _objectSpread2(_objectSpread2({}, currentProps), {}, {
+    ref: innerRef
+  })));
+});
 var BusinessSearchSelect$1 = /*#__PURE__*/React.memo(BusinessSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
@@ -8320,7 +8390,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 = useState({
     maskClosable: false,
@@ -8384,7 +8456,8 @@ var CommodityEntry = function CommodityEntry(props) {
     },
     columns: columns,
     validDataUrl: validDataUrl,
-    isBrandAuth: isBrandAuth
+    isBrandAuth: isBrandAuth,
+    isCheckStockNum: isCheckStockNum
   })) || '');
 };
 
@@ -8760,4 +8833,151 @@ var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props,
   return true;
 });
 
-export { AddSelect, AddSkuSelect, BillEntry, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect, TreeSearchSelect };
+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.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '10px 60px 0px',
+      background: '#FFFFFF'
+    }
+  }, formStatusMapping.map(function (item, index) {
+    return /*#__PURE__*/React.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.createElement("div", {
+      className: 'status-label-key'
+    }, /*#__PURE__*/React.createElement("span", {
+      className: 'status-label-index'
+    }, index + 1)), /*#__PURE__*/React.createElement("div", {
+      className: 'status-label-operate'
+    }, /*#__PURE__*/React.createElement("div", {
+      style: !item.isDone ? {
+        height: '40px',
+        lineHeight: '40px'
+      } : {}
+    }, item.text), item.isDone ? /*#__PURE__*/React.createElement("div", {
+      title: "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')
+    }, "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')) : null), /*#__PURE__*/React.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.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      fieldGroupVisible = _React$useState2[0],
+      setVisible = _React$useState2[1];
+
+  return /*#__PURE__*/React.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.createElement("div", {
+    className: "ant-card-head"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-card-head-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: 'title-left-line'
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: '5px'
+    }
+  }, props === null || props === void 0 ? void 0 : props.title), /*#__PURE__*/React.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.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.createElement("div", _objectSpread2({}, props), children, /*#__PURE__*/React.createElement("div", {
+        className: 'form-guide'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'form-guide-top'
+      }, /*#__PURE__*/React.createElement("img", {
+        width: 24,
+        src: dragImg
+      })), /*#__PURE__*/React.createElement("div", {
+        className: 'form-guide-center'
+      }, cardGroups.map(function (item) {
+        return /*#__PURE__*/React.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.createElement("div", {
+        className: 'form-guide-bottom'
+      }, /*#__PURE__*/React.createElement("img", {
+        width: 24,
+        src: label_icon_bottom
+      }))));
+    }
+  }]);
+
+  return GuideWrapper;
+}(Component);
+
+GuideWrapper.Field = Field;
+
+export { AddSelect, AddSkuSelect, BillEntry, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, GuideWrapper, QueryMutipleInput, SearchSelect, index$2 as StateFlow, TreeSearchSelect };