@bit-sun/business-component 2.0.1 → 2.0.2

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import React, { createContext, useContext, useEffect, forwardRef, createElement, useState, useMemo, useRef } from 'react';
-import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag } from 'antd';
+import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag, InputNumber } from 'antd';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import classNames from 'classnames';
 import _ from 'loadsh';
@@ -1921,6 +1921,19 @@ var CaretLeftOutlined$1 = function CaretLeftOutlined$1(props, ref) {
 CaretLeftOutlined$1.displayName = 'CaretLeftOutlined';
 var CaretLeftOutlined$2 = /*#__PURE__*/forwardRef(CaretLeftOutlined$1);
 
+// This icon file is generated automatically.
+var CloseCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z" } }, { "tag": "path", "attrs": { "d": "M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "close-circle", "theme": "outlined" };
+
+var CloseCircleOutlined$1 = function CloseCircleOutlined$1(props, ref) {
+  return /*#__PURE__*/createElement(Icon, _objectSpread2$1(_objectSpread2$1({}, props), {}, {
+    ref: ref,
+    icon: CloseCircleOutlined
+  }));
+};
+
+CloseCircleOutlined$1.displayName = 'CloseCircleOutlined';
+var CloseCircleOutlined$2 = /*#__PURE__*/forwardRef(CloseCircleOutlined$1);
+
 // This icon file is generated automatically.
 var CopyOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, "name": "copy", "theme": "outlined" };
 
@@ -4373,6 +4386,917 @@ var SearchSelect = function SearchSelect(props) {
   }), " \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_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-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: 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  height: auto;\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";
+styleInject(css_248z$4);
+
+var Option$1 = Select.Option;
+
+var AddSelect = function AddSelect(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      _props$selectProps = props.selectProps,
+      selectProps = _props$selectProps === void 0 ? {} : _props$selectProps,
+      _props$modalTableProp = props.modalTableProps,
+      modalTableProps = _props$modalTableProp === void 0 ? {} : _props$modalTableProp,
+      _props$labelInValue = props.labelInValue,
+      labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+      requestConfig = props.requestConfig,
+      ctx = props.ctx,
+      sourceName = props.sourceName,
+      _props$needModalTable = props.needModalTable,
+      needModalTable = _props$needModalTable === void 0 ? true : _props$needModalTable,
+      _props$getPopupContai = props.getPopupContainer,
+      onSaveCallback = props.onSaveCallback;
+
+  var _ref = requestConfig || {},
+      url = _ref.url,
+      otherParams = _ref.otherParams,
+      isMap = _ref.isMap,
+      fixedparameter = _ref.fixedparameter,
+      fieldValToParam = _ref.fieldValToParam,
+      _ref$mappingTextField = _ref.mappingTextField,
+      mappingTextField = _ref$mappingTextField === void 0 ? 'name' : _ref$mappingTextField,
+      mappingTextShowKeyField = _ref.mappingTextShowKeyField,
+      _ref$mappingValueFiel = _ref.mappingValueField,
+      mappingValueField = _ref$mappingValueFiel === void 0 ? 'code' : _ref$mappingValueFiel,
+      mappingTextShowTextField = _ref.mappingTextShowTextField;
+
+  var resultSourceKey = sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || 'supplierCode';
+  var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
+
+  var initVal = value || (selectMode ? [] : null);
+  var pageSize = 100; // 下拉框默认分页 条数
+
+  var tableInitPageSize = 10; // 弹框默认分页 条数
+
+  var currentPage = 1;
+  var selectParamsKey = (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.filter) || 'qp-codeAndName-like';
+  var selectParamsInitKey = (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.filterInit) || selectParamsKey;
+
+  var currentSelectProps = _objectSpread2(_objectSpread2({}, selectProps), {}, {
+    // 以下属性不可更改----设计配置项
+    showSearch: false,
+    filterOption: false,
+    allowClear: true,
+    listHeight: 160,
+    optionLabelProp: "label",
+    autoClearSearchValue: false
+  });
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = useState(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrollPage = _useState4[0],
+      setScrollPage = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      itemsTotal = _useState6[0],
+      setItemsTotal = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      fetching = _useState8[0],
+      setFetching = _useState8[1];
+
+  var _useState9 = useState(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      searchValue = _useState10[0],
+      setSearchValue = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      isModalVisible = _useState12[0],
+      setIsModalVisible = _useState12[1];
+
+  var _useState13 = useState(initVal),
+      _useState14 = _slicedToArray(_useState13, 2),
+      popvalue = _useState14[0],
+      setPopValue = _useState14[1];
+
+  var _useState15 = useState(sourceName),
+      _useState16 = _slicedToArray(_useState15, 2),
+      uniqueValue = _useState16[0],
+      setUniqueValue = _useState16[1];
+
+  var _useDebounceFn = useDebounceFn(function (v) {
+    // 优化搜索参数 支持传多个
+    var searchParams = {};
+
+    if (typeof selectParamsKey === 'string') {
+      searchParams = v ? _defineProperty({}, selectParamsInitKey, initVal) : _defineProperty({}, selectParamsKey, searchValue);
+    }
+
+    if (Array.isArray(selectParamsKey)) {
+      selectParamsKey.forEach(function (i) {
+        searchParams = _objectSpread2(_objectSpread2({}, searchParams), {}, _defineProperty({}, i, searchValue));
+      });
+    } // 防抖函数  待定
+
+
+    getData(searchParams);
+  }, {
+    wait: 1000
+  }),
+      run = _useDebounceFn.run;
+
+  var _Form$useForm = Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _useState17 = useState(true),
+      _useState18 = _slicedToArray(_useState17, 2),
+      caretLeftFlag = _useState18[0],
+      setCaretLeftFlag = _useState18[1];
+
+  var _useState19 = useState([]),
+      _useState20 = _slicedToArray(_useState19, 2),
+      tableData = _useState20[0],
+      setTableData = _useState20[1];
+
+  var _useState21 = useState({
+    total: 0,
+    size: "small",
+    current: 1,
+    pageSize: tableInitPageSize
+  }),
+      _useState22 = _slicedToArray(_useState21, 2),
+      tablePagination = _useState22[0],
+      setTablePagination = _useState22[1];
+
+  var _useState23 = useState([]),
+      _useState24 = _slicedToArray(_useState23, 2),
+      selectedRowKeys = _useState24[0],
+      setSelectedRowKeys = _useState24[1];
+
+  var _useState25 = useState([]),
+      _useState26 = _slicedToArray(_useState25, 2),
+      doubleArr = _useState26[0],
+      setDoubleArr = _useState26[1]; // 存放双数组的数组
+
+
+  var _useState27 = useState(false),
+      _useState28 = _slicedToArray(_useState27, 2),
+      checkedAll = _useState28[0],
+      setCheckedAll = _useState28[1];
+
+  var _useState29 = useState(false),
+      _useState30 = _slicedToArray(_useState29, 2),
+      indeterminate = _useState30[0],
+      setIndeterminate = _useState30[1];
+
+  var _useState31 = useState({}),
+      _useState32 = _slicedToArray(_useState31, 2),
+      tableFormParams = _useState32[0],
+      setTableFormParams = _useState32[1]; // 获取数据源 （type: 1下拉框 2弹框  不传值默认为下拉框）
+
+
+  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;
+    if (!requestConfig) return;
+    setFetching(true); // 处理dependence参数
+
+    var fixedParam = {};
+
+    if (fixedparameter && fieldValToParam && ctx) {
+      fixedparameter.forEach(function (item, index) {
+        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)));
+        }
+      });
+    } // 数组对象处理,对带有特殊标记的name进行处理
+
+
+    for (var key in params) {
+      if (Object.prototype.hasOwnProperty.call(params, key)) {
+        (function () {
+          var element = params[key];
+
+          if (element && key.indexOf('*number*') >= 0) {
+            var dataParams = key.split('*number*');
+            dataParams.forEach(function (value, index) {
+              params[value] = element[index];
+            });
+            delete params[key];
+          } else if (element && key.indexOf('*address*') >= 0) {
+            var _dataParams = key.split('*address*');
+
+            _dataParams.forEach(function (value, index) {
+              params[value] = element.PCDCode[index];
+            });
+
+            delete params[key];
+          } else if (element && key.indexOf('*costType*') >= 0) {
+            var _dataParams2 = key.split('*costType*'); // eslint-disable-next-line prefer-destructuring
+
+
+            params[_dataParams2[0]] = element[1];
+            delete params[key];
+          } else if (element && key.indexOf('*fullDate*') >= 0) {
+            var _dataParams3 = key.split('*fullDate*');
+
+            _dataParams3.forEach(function (value, index) {
+              if (index === 0) {
+                params[value] = moment(element[index]).millisecond(0).second(0).minute(0).hour(0).format('YYYY-MM-DD HH:mm:ss');
+              } else {
+                params[value] = moment(element[index]).millisecond(59).second(59).minute(59).hour(23).format('YYYY-MM-DD HH:mm:ss');
+              }
+            });
+
+            delete params[key];
+          } else if (typeof element === 'boolean' && key.indexOf('*checkBox*') >= 0) {
+            var _dataParams4 = key.split('*checkBox*');
+
+            if (element) {
+              params[_dataParams4[0]] = 0;
+            }
+
+            delete params[key];
+          } else if (element && key.indexOf('*cascader*') >= 0) {
+            var _dataParams5 = key.split('*cascader*');
+
+            params[_dataParams5[0]] = element[element.length - 1];
+            delete params[key];
+          } else if (element && key.indexOf('*date*') >= 0) {
+            var _dataParams6 = key.split('*date*');
+
+            _dataParams6.forEach(function (value, index) {
+              if (index === 0) {
+                params[value] = moment(element[index]).format('YYYY-MM-DD');
+              } else {
+                params[value] = moment(element[index]).format('YYYY-MM-DD');
+              }
+            });
+
+            delete params[key];
+          } else if (element && key.indexOf('*') >= 0) {
+            var _dataParams7 = key.split('*');
+
+            _dataParams7.forEach(function (value, index) {
+              params[value] = element[index].format('YYYY-MM-DD HH:mm:ss');
+            });
+
+            delete params[key];
+          } else if (element && key.indexOf('_selectNumberRange') >= 0) {
+            // key = xxxxx_selectNumberRange   qp-xxxxx-gt
+            var _dataParams8 = key.split('_selectNumberRange')[0];
+
+            if (params[key][0] === 'range') {
+              if (params[key][1][0]) {
+                params["qp-".concat(_dataParams8, "-ge")] = params[key][1][0];
+              }
+
+              if (params[key][1][1]) {
+                params["qp-".concat(_dataParams8, "-le")] = params[key][1][1];
+              }
+            } else {
+              params["qp-".concat(_dataParams8, "-").concat(params[key][0])] = params[key][1];
+            }
+
+            delete params[key];
+          } else if (Array.isArray(element)) {
+            params[key] = element.join(',');
+          } else if (element == null || element === undefined || String(element).trim() === '') {
+            delete params[key];
+          }
+        })();
+      }
+    }
+
+    var queryParams = _objectSpread2(_objectSpread2(_objectSpread2({
+      pageSize: pageSize,
+      currentPage: currentPage
+    }, otherParams), fixedParam), params);
+
+    axios.get("".concat(url, "?").concat(stringify(queryParams))).then(function (result) {
+      var _result, _result2;
+
+      setFetching(false);
+      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') {
+        message.error(result.msg);
+        return;
+      }
+
+      var res = result.data;
+      var source = [];
+
+      if (isMap) {
+        source = Object.keys(res).map(function (d, i) {
+          return {
+            text: Object.values(res)[i],
+            value: d
+          };
+        });
+      } else {
+        var keys = res.list ? 'list' : 'items';
+        source = res ? res[keys] ? res[keys].map(function (item) {
+          var textShowText = item[mappingTextField];
+
+          if (mappingTextShowTextField) {
+            textShowText = [];
+
+            if (Array.isArray(mappingTextShowTextField)) {
+              mappingTextShowTextField.forEach(function (r) {
+                textShowText.push(item[r]);
+              });
+            } else {
+              textShowText = item[mappingTextShowTextField];
+            }
+          }
+
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            text: item[mappingTextField],
+            textShowText: textShowText,
+            textShowKey: item[mappingTextShowKeyField || mappingValueField],
+            value: item[mappingValueField]
+          });
+        }) : Array.isArray(res) && (res === null || res === void 0 ? void 0 : res.map(function (item) {
+          var textShowText = item[mappingTextField];
+
+          if (mappingTextShowTextField) {
+            textShowText = [];
+
+            if (Array.isArray(mappingTextShowTextField)) {
+              mappingTextShowTextField.forEach(function (r) {
+                textShowText.push(item[r]);
+              });
+            } else {
+              textShowText = item[mappingTextShowTextField];
+            }
+          }
+
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            text: item[mappingTextField],
+            textShowText: textShowText,
+            textShowKey: item[mappingTextShowKeyField || mappingValueField],
+            value: item[mappingValueField]
+          });
+        })) : [];
+      }
+
+      source = Array.isArray(source) ? source : [];
+
+      if (type === 1) {
+        var _ctx$form;
+
+        ctx === null || ctx === void 0 ? void 0 : (_ctx$form = ctx.form) === null || _ctx$form === void 0 ? void 0 : _ctx$form.setFieldSource(resultSourceKey, source);
+        setItems(source);
+        setItemsTotal(Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length));
+      } else {
+        setTableData(source);
+        setTablePagination(_objectSpread2(_objectSpread2({}, tablePagination), {}, {
+          total: Number((res === null || res === void 0 ? void 0 : res.total) || (res === null || res === void 0 ? void 0 : res.totalCount) || source.length),
+          pageSize: Number((res === null || res === void 0 ? void 0 : res.size) || (res === null || res === void 0 ? void 0 : res.pageSize) || (params === null || params === void 0 ? void 0 : params.pageSize) || pageSize),
+          current: Number((res === null || res === void 0 ? void 0 : res.page) || (res === null || res === void 0 ? void 0 : res.currentPage) || (params === null || params === void 0 ? void 0 : params.currentPage) || currentPage)
+        }));
+      }
+    }).catch(function (err) {
+      setFetching(false);
+    });
+  };
+
+  useEffect(function () {
+    run('init');
+  }, []);
+  useEffect(function () {
+    if (value) {
+      setPopValue(value);
+    }
+  }, [value]);
+  useEffect(function () {
+    makeUniqueValue();
+  }, [sourceName]);
+
+  var showModal = function showModal() {
+    getData({
+      pageSize: tableInitPageSize,
+      currentPage: 1
+    }, 2);
+    setIsModalVisible(true); // 回显
+
+    if (value) {
+      if (selectMode) {
+        setSelectedRowKeys(labelInValue ? value.map(function (i) {
+          return i.key;
+        }) : value);
+        setPopValue(labelInValue ? value.map(function (i) {
+          return {
+            value: i.key,
+            text: i.label
+          };
+        }) : value.map(function (i) {
+          return {
+            value: i
+          };
+        }));
+        setIndeterminate(!!value.length && value.length < itemsTotal);
+        setCheckedAll(itemsTotal && value.length === itemsTotal); // 需清空数据
+
+        if (!value.length) {
+          setDoubleArr([]);
+        }
+      } else {
+        setSelectedRowKeys(labelInValue ? [value.key] : [value]);
+        setPopValue(labelInValue ? [{
+          value: value.key,
+          text: value.label
+        }] : [{
+          value: value
+        }]);
+      }
+    }
+  };
+
+  var handleOk = function handleOk(isContinue) {
+    if (!popvalue.length) {
+      message.warning('至少选中一条数据');
+      return;
+    } // handleSelectOver(popvalue)
+
+
+    if (onSaveCallback) {
+      onSaveCallback(popvalue).then(function (res) {
+        {
+          message.success('保存成功');
+          deleteSelectRows();
+          !isContinue && handleCancel();
+        }
+      }).catch(function (Error) {
+        message.error(Error);
+      });
+    } else {
+      !isContinue && handleCancel();
+    }
+  };
+
+  var handleCancel = function handleCancel() {
+    form.resetFields();
+    setTableFormParams({});
+    setIsModalVisible(false);
+
+    if (selectMode) {
+      run();
+    }
+  };
+
+  var onSearchTable = function onSearchTable() {
+    var params = form.getFieldsValue();
+    setTableFormParams(params);
+    getData(_objectSpread2(_objectSpread2({}, params), {}, {
+      pageSize: tableInitPageSize
+    }), 2);
+
+    if (selectMode) {
+      getData(params);
+    }
+  };
+
+  var onResetTable = function onResetTable() {
+    form.resetFields();
+    setTableFormParams({});
+    getData({
+      pageSize: tableInitPageSize,
+      currentPage: 1
+    }, 2);
+  };
+
+  var handleTableChange = function handleTableChange(pagination) {
+    getData(_objectSpread2(_objectSpread2({}, tableFormParams), {}, {
+      pageSize: pagination.pageSize,
+      currentPage: pagination.current
+    }), 2);
+  }; // 扁平化二维数组的方法
+
+  var onChangeSelectedKeys = function onChangeSelectedKeys(selectKeys, selectRows) {
+    setPopValue(selectRows);
+    setSelectedRowKeys(selectKeys); // setIndeterminate(!!filterRows.length && filterRows.length < tablePagination?.total);
+    // setCheckedAll(filterRows.length === tablePagination?.total);
+  }; // 生成唯一值
+
+
+  var makeUniqueValue = function makeUniqueValue() {
+    var generateUnitKey = ((1 + Math.random()) * 0x10000 | 0).toString(16);
+    setUniqueValue(generateUnitKey);
+    return generateUnitKey;
+  };
+
+  var rowSelection = {
+    type: 'checkbox',
+    selectedRowKeys: selectedRowKeys,
+    preserveSelectedRowKeys: true,
+    onChange: function onChange(sks, srs) {
+      onChangeSelectedKeys(sks, srs);
+    },
+    getCheckboxProps: function getCheckboxProps() {
+      return {
+        disabled: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+      };
+    }
+  };
+
+  var onDoubleClickSelect = function onDoubleClickSelect(e, record) {
+    if (!selectMode) {
+      var srs = [JSON.parse(JSON.stringify(record))];
+      var sks = srs.map(function (i) {
+        return i.value;
+      });
+      onChangeSelectedKeys(sks, srs);
+    }
+  };
+
+  var themeColor = {
+    color: '#005CFF'
+  };
+
+  var formItem = function formItem(list) {
+    if (isModalVisible && (list === null || list === void 0 ? void 0 : list.length)) {
+      return list.map(function (i, index) {
+        var _i$field, _i$field3, _i$field5, _i$field6, _i$field7;
+
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'select' || (i === null || i === void 0 ? void 0 : (_i$field = i.field) === null || _i$field === void 0 ? void 0 : _i$field.type) === 'select') {
+          var _i$field2, _i$initialSource;
+
+          return /*#__PURE__*/React.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React.createElement(Select, _objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field2 = i.field) === null || _i$field2 === void 0 ? void 0 : _i$field2.props), (i === null || i === void 0 ? void 0 : (_i$initialSource = i.initialSource) === null || _i$initialSource === void 0 ? void 0 : _i$initialSource.length) && (i === null || i === void 0 ? void 0 : i.initialSource.map(function (m) {
+            return /*#__PURE__*/React.createElement(Option$1, {
+              value: m.value,
+              key: m.value
+            }, m.text);
+          }))));
+        }
+
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'treeSelect' || (i === null || i === void 0 ? void 0 : (_i$field3 = i.field) === null || _i$field3 === void 0 ? void 0 : _i$field3.type) === 'treeSelect') {
+          var _i$field4;
+
+          return /*#__PURE__*/React.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React.createElement(TreeSelect, _objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field4 = i.field) === null || _i$field4 === void 0 ? void 0 : _i$field4.props)));
+        }
+
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'BusinessSearchSelect' || (i === null || i === void 0 ? void 0 : (_i$field5 = i.field) === null || _i$field5 === void 0 ? void 0 : _i$field5.type) === 'BusinessSearchSelect') {
+          return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React.createElement(BusinessSearchSelect$1, _objectSpread2({}, i.field.props))));
+        }
+
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'multipleQueryInput' || (i === null || i === void 0 ? void 0 : (_i$field6 = i.field) === null || _i$field6 === void 0 ? void 0 : _i$field6.type) === 'multipleQueryInput') {
+          return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React.createElement(QueryMutipleInput, {
+            onValueChange: function onValueChange(value) {
+              form.setFieldsValue(_defineProperty({}, i.name, value));
+            }
+          })));
+        } // 默认type是input
+
+
+        return /*#__PURE__*/React.createElement(Form.Item, {
+          name: i.name,
+          label: i.label,
+          key: i.name
+        }, /*#__PURE__*/React.createElement(Input, _objectSpread2({
+          id: index === 0 ? "2345234242342" : 'index',
+          style: {
+            width: '100%'
+          },
+          placeholder: "\u8BF7\u8F93\u5165",
+          allowClear: true,
+          maxLength: 100
+        }, i === null || i === void 0 ? void 0 : (_i$field7 = i.field) === null || _i$field7 === void 0 ? void 0 : _i$field7.props)));
+      });
+    } else {
+      return null;
+    }
+  };
+
+  var deleteSelectRows = function deleteSelectRows() {
+    setPopValue([]);
+    setSelectedRowKeys([]);
+  };
+
+  var deleteRecord = function deleteRecord(record) {
+    setPopValue(popvalue.filter(function (item) {
+      return item.skuCode !== record.skuCode;
+    }));
+    setSelectedRowKeys(_toConsumableArray(selectedRowKeys.filter(function (item) {
+      return item !== record.skuCode;
+    })));
+  };
+
+  var inputIndex = 0;
+  var selectColumns = [].concat(_toConsumableArray(modalTableProps.selectColumn.map(function (item) {
+    var inputLength = modalTableProps.selectColumn.filter(function (item) {
+      return item.isInputItem;
+    }).length;
+    var currentIndex = inputIndex;
+
+    if (item.isInputItem) {
+      inputIndex++;
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        render: function render(text, record, index) {
+          return /*#__PURE__*/React.createElement(InputNumber, {
+            defaultValue: text || 0,
+            min: 0,
+            keyboard: false,
+            onChange: function onChange(value) {
+              record['count'] = value;
+            },
+            // onFocus={(e)=> {
+            //   let dom1 = e.currentTarget;
+            //   dom1.setSelectionRange(100, 0);
+            //   dom1.select(text);
+            // }}
+            onKeyDown: function onKeyDown(e) {
+              if (e.keyCode === 13 && e.ctrlKey) {
+                var _document$getElementB;
+
+                handleOk(true);
+                (_document$getElementB = document.getElementById("2345234242342")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+              }
+
+              if (e.keyCode === 8 && e.ctrlKey) {
+                var _e$nativeEvent$path$;
+
+                message.success('删除当前行');
+                e.stopPropagation();
+                e.preventDefault();
+                var dom = (_e$nativeEvent$path$ = e.nativeEvent.path[5].children[index + 2]) === null || _e$nativeEvent$path$ === void 0 ? void 0 : _e$nativeEvent$path$.getElementsByTagName('input')[currentIndex];
+
+                if (dom) {
+                  dom.select();
+                  dom.focus();
+                  dom.scrollIntoView(false);
+                }
+
+                dom = null;
+                deleteRecord(record);
+              }
+
+              if (e.keyCode === 37 && e.shiftKey) {
+                var _e$nativeEvent$path$2;
+
+                // 左滑动
+                e.stopPropagation();
+                e.preventDefault();
+
+                var _dom = (_e$nativeEvent$path$2 = e.nativeEvent.path[5].children[index + 1]) === null || _e$nativeEvent$path$2 === void 0 ? void 0 : _e$nativeEvent$path$2.getElementsByTagName('input')[currentIndex - 1];
+
+                if (_dom) {
+                  _dom.select();
+
+                  _dom.focus();
+
+                  _dom.scrollIntoView(false);
+                }
+
+                _dom = null;
+              }
+
+              if (e.keyCode === 39 && e.shiftKey) {
+                var _e$nativeEvent$path$3;
+
+                //  右滑
+                e.stopPropagation();
+                e.preventDefault();
+
+                var _dom2 = (_e$nativeEvent$path$3 = e.nativeEvent.path[5].children[index + 1]) === null || _e$nativeEvent$path$3 === void 0 ? void 0 : _e$nativeEvent$path$3.getElementsByTagName('input')[currentIndex + 1];
+
+                if (_dom2) {
+                  _dom2.select();
+
+                  _dom2.focus();
+
+                  _dom2.scrollIntoView(false);
+                }
+
+                _dom2 = null;
+              }
+
+              if (e.keyCode === 40) {
+                var _e$nativeEvent$path$4;
+
+                e.stopPropagation();
+                e.preventDefault();
+
+                var _dom3 = (_e$nativeEvent$path$4 = e.nativeEvent.path[5].children[index + 2]) === null || _e$nativeEvent$path$4 === void 0 ? void 0 : _e$nativeEvent$path$4.getElementsByTagName('input')[currentIndex];
+
+                if (_dom3) {
+                  _dom3.select();
+
+                  _dom3.focus();
+
+                  _dom3.scrollIntoView(false);
+                }
+
+                _dom3 = null;
+              } else if (e.keyCode === 38) {
+                var _e$nativeEvent$path$5;
+
+                e.stopPropagation();
+                e.preventDefault();
+                var dom1 = (_e$nativeEvent$path$5 = e.nativeEvent.path[5].children[index]) === null || _e$nativeEvent$path$5 === void 0 ? void 0 : _e$nativeEvent$path$5.getElementsByTagName('input')[currentIndex];
+
+                if (dom1) {
+                  // dom1.value=""
+                  // dom1.setSelectionRange(100, 0);
+                  dom1.select();
+                  dom1.focus();
+                  dom1.scrollIntoViewIfNeeded(false); // dom1.value=record['count']
+                }
+
+                dom1 = null;
+              } else if (e.keyCode === 9 && index === selectedRowKeys.length - 1 && currentIndex === inputLength - 1) {
+                e.stopPropagation();
+                e.preventDefault();
+              }
+            }
+          });
+        }
+      });
+    }
+
+    return item;
+  })), [{
+    title: '操作',
+    width: 150,
+    fixed: 'right',
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement(Button, {
+        onClick: function onClick() {
+          deleteRecord(record);
+        },
+        type: "link"
+      }, "\u5220\u9664");
+    }
+  }]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'add_select'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add_select_show",
+    id: "add_select_div_".concat(uniqueValue)
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: showModal,
+    type: "primary"
+  }, "\u6DFB\u52A0")), needModalTable && isModalVisible && /*#__PURE__*/React.createElement(Modal, {
+    width: '1200px',
+    style: {
+      top: 20
+    },
+    bodyStyle: {
+      padding: '0px'
+    },
+    // title={modalTableProps?.modalTableTitle}
+    visible: isModalVisible,
+    onOk: handleOk,
+    closable: false,
+    onCancel: handleCancel,
+    footer: selectMode ? [/*#__PURE__*/React.createElement(Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      style: {
+        color: '#005CFF',
+        borderColor: '#005CFF'
+      },
+      onClick: function onClick() {
+        handleOk(true);
+      },
+      disabled: !tableData.length || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+    }, "\u4FDD\u5B58\u5E76\u7EE7\u7EED"), /*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      type: "primary",
+      onClick: function onClick() {
+        handleOk(false);
+      },
+      disabled: !tableData.length || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled)
+    }, "\u786E\u5B9A")] : null
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_header'
+  }, modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalTableTitle, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "*"), " \xA0\u5FEB\u6377\u952E\uFF1A\u3010Tab\u3011-\u8DF3\u683C\u5207\u6362\uFF1B\u3010Shift+\u2190\u3001\u2192\u3011-\u5F53\u524D\u884C\u5DE6\u3001\u53F3\u79FB\u52A8\uFF1B\u3010  \u2191\u3001\u2193\u3011-\u5F53\u524D\u5217\u4E0A\u3001\u4E0B\u79FB\u52A8\uFF1B\u3010ctrl+Enter\u3011-\u4FDD\u5B58\u5E76\u7EE7\u7EED\uFF1B\u3010ctrl+Delete\u3011-\u5220\u9664\u5F53\u524D\u884C\uFF1B"), /*#__PURE__*/React.createElement("span", {
+    className: 'add_select_header_close'
+  }, /*#__PURE__*/React.createElement(CloseCircleOutlined$2, {
+    style: {
+      fontSize: '20px'
+    },
+    onClick: handleCancel
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_wrapper'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: caretLeftFlag ? 'add_select_wrapper_left' : 'add_select_wrapper_left1'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_columns_formItems'
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: 'vertical',
+    key: 'modalForm'
+  }, formItem(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm)))), /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_searchButton'
+  }, /*#__PURE__*/React.createElement(Button, {
+    key: 'reset',
+    className: 'select_list_button_space',
+    onClick: onResetTable
+  }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
+    key: 'search',
+    type: "primary",
+    onClick: onSearchTable
+  }, "\u67E5\u8BE2"))), /*#__PURE__*/React.createElement("div", {
+    className: caretLeftFlag ? 'add_select_wrapper_right' : 'add_select_wrapper_right1'
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_selectTips'
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 8
+    }
+  }, "\u641C\u7D22\u7ED3\u679C\u5171\xA0", /*#__PURE__*/React.createElement("span", {
+    style: themeColor
+  }, (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total) || 0), "\xA0\u9879", selectMode ? /*#__PURE__*/React.createElement("span", null, "\uFF0C \u672C\u6B21\u5DF2\u9009\xA0", /*#__PURE__*/React.createElement("span", {
+    style: themeColor
+  }, (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || 0), "\xA0\u9879") : '')), /*#__PURE__*/React.createElement(Table, {
+    size: 'small',
+    rowSelection: rowSelection,
+    columns: _toConsumableArray(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns),
+    dataSource: tableData,
+    pagination: tablePagination,
+    loading: fetching,
+    onChange: handleTableChange,
+    rowKey: mappingValueField,
+    rowClassName: 'row-class',
+    scroll: {
+      y: 500
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: 'add_select_wrapper_select'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'select_list_selectTips'
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 8
+    }
+  }, /*#__PURE__*/React.createElement("span", null, "\u672C\u6B21\u5DF2\u9009\xA0", /*#__PURE__*/React.createElement("span", {
+    style: themeColor
+  }, (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || 0), "\xA0\u9879")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginRight: 8
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: deleteSelectRows,
+    style: _objectSpread2(_objectSpread2({}, themeColor), {}, {
+      cursor: 'pointer'
+    })
+  }, "\u6E05\u7A7A\u6240\u9009\u5546\u54C1"))), /*#__PURE__*/React.createElement(Table, {
+    size: 'small',
+    // rowSelection={rowSelection}
+    columns: selectColumns,
+    dataSource: popvalue,
+    pagination: false,
+    // onChange={handleTableChange}
+    rowKey: mappingValueField,
+    rowClassName: 'row-class',
+    scroll: {
+      y: 500
+    },
+    onRow: function onRow(record) {
+      return {
+        onDoubleClick: function onDoubleClick(event) {
+          return onDoubleClickSelect(event, record);
+        }
+      };
+    }
+  })))));
+};
+
 var shopFileType = [{
   text: "线上",
   value: 'online'
@@ -6620,4 +7544,4 @@ if (localStorage.getItem('x-user-auth-context')) {
   axios.defaults.headers.common['x-user-auth-context'] = localStorage.getItem('x-user-auth-context');
 }
 
-export { BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect, TreeSearchSelect };
+export { AddSelect, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, CommodityEntry, DataImport, DataValidation, QueryMutipleInput, SearchSelect, TreeSearchSelect };