@bit-sun/business-component 4.2.1-alpha.26-aiwei → 4.2.1-alpha.27-aiwei

package/dist/index.esm.js

@@ -6,7 +6,7 @@ import _, { omit, uniqBy, escapeRegExp, isNil, trim, isBoolean, debounce, cloneD
 import memoizeOne from 'memoize-one';
 import { formatMessage, history, useLocation, Link, useModel, setLocale, useIntl, request as request$3 } from 'umi';
 import isEqual from 'lodash/isEqual';
-import React$1, { useState, useEffect, useRef, forwardRef, useMemo, useImperativeHandle, Component, Fragment, useCallback, useLayoutEffect, createRef } from 'react';
+import React$1, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, Component, Fragment, useCallback, useLayoutEffect, createRef } from 'react';
 import { renderToString as renderToString$1 } from 'react-dom/server';
 import moment$1 from 'moment';
 import { EyeOutlined, DeleteOutlined, EditOutlined, CopyOutlined, CloseSquareOutlined, WarningOutlined, SendOutlined, ProfileTwoTone, ExclamationCircleOutlined, DownOutlined, UnorderedListOutlined, DashOutlined, CaretUpOutlined, CaretDownOutlined, SearchOutlined, CloseCircleOutlined, DownCircleFilled, ArrowLeftOutlined, FolderOutlined, EllipsisOutlined, HomeOutlined, DoubleLeftOutlined, DoubleRightOutlined, MenuUnfoldOutlined, CaretLeftOutlined, SettingOutlined, BulbOutlined, PlayCircleOutlined, SaveOutlined, FullscreenExitOutlined, MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
@@ -5388,20 +5388,11 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     pageSize: tableInitPageSize
   };
-  var selectedInitPagination = _objectSpread2(_objectSpread2({}, initPagination), {}, {
-    current: 1,
-    pageSize: resolveTablePageSize((modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.selectedTablePageSize) || 20),
-    total: 0
-  });
   var tableInitPagination = _objectSpread2(_objectSpread2({}, initPagination), {}, {
     total: 0,
     current: 1,
     pageSizeOptions: TABLE_PAGE_SIZE_OPTIONS.map(String)
   });
-  /**
-   * 左侧弹窗表格大分页时的实际渲染上限；全选仍基于完整当前页 tableData。
-   */
-  var tableRenderPageSize = 200;
   var disabled = !!noOperate || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled);
   var isHaveDependency = fixedparameter && fieldValToParam && ctx;
   var isHaveDValue = function isHaveDValue() {
@@ -5511,48 +5502,34 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState32 = _slicedToArray(_useState31, 2),
     selectedRows = _useState32[0],
     setSelectedRows = _useState32[1];
-  var _useState33 = useState(selectedInitPagination),
+  var _useState33 = useState(false),
     _useState34 = _slicedToArray(_useState33, 2),
-    selectedTablePagination = _useState34[0],
-    setSelectedTablePagination = _useState34[1];
-  var _useState35 = useState({}),
+    checkedAll = _useState34[0],
+    setCheckedAll = _useState34[1];
+  var _useState35 = useState(false),
     _useState36 = _slicedToArray(_useState35, 2),
-    tableFormParams = _useState36[0],
-    setTableFormParams = _useState36[1];
-  var _useState37 = useState(false),
+    indeterminate = _useState36[0],
+    setIndeterminate = _useState36[1];
+  var _useState37 = useState({}),
     _useState38 = _slicedToArray(_useState37, 2),
-    tooltipVisible = _useState38[0],
-    setTooltipVisible = _useState38[1];
-  var _useState39 = useState(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns)),
+    tableFormParams = _useState38[0],
+    setTableFormParams = _useState38[1];
+  var _useState39 = useState(false),
     _useState40 = _slicedToArray(_useState39, 2),
-    tableShowColumns = _useState40[0],
-    setTabletShowColumns = _useState40[1]; // 默认展示表头-modalTableProps?.tableColumns
-  var _useState41 = useState(false),
+    tooltipVisible = _useState40[0],
+    setTooltipVisible = _useState40[1];
+  var _useState41 = useState(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns)),
     _useState42 = _slicedToArray(_useState41, 2),
-    confirmLoading = _useState42[0],
-    setConfirmLoading = _useState42[1];
+    tableShowColumns = _useState42[0],
+    setTabletShowColumns = _useState42[1]; // 默认展示表头-modalTableProps?.tableColumns
   var _useState43 = useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
-    modalSearched = _useState44[0],
-    setModalSearched = _useState44[1];
-  var selectAllTableRef = useRef(false);
-  var getRecordKey = function getRecordKey(record) {
-    var _record$mappingValueF;
-    return (_record$mappingValueF = record === null || record === void 0 ? void 0 : record[mappingValueField]) !== null && _record$mappingValueF !== void 0 ? _record$mappingValueF : record === null || record === void 0 ? void 0 : record.value;
-  };
-  /**
-   * 已选表格只向 Table 传入当前页数据，避免全选 1000 条时右侧表格同步处理全部数据。
-   */
-  var selectedTablePageRows = useMemo(function () {
-    var current = Number((selectedTablePagination === null || selectedTablePagination === void 0 ? void 0 : selectedTablePagination.current) || 1);
-    var pageSize = Number((selectedTablePagination === null || selectedTablePagination === void 0 ? void 0 : selectedTablePagination.pageSize) || selectedInitPagination.pageSize);
-    var start = (current - 1) * pageSize;
-    return (selectedRows || []).slice(start, start + pageSize).map(function (s, index) {
-      return _objectSpread2(_objectSpread2({}, s), {}, {
-        keyIndex: start + index + 1
-      });
-    });
-  }, [selectedRows, selectedTablePagination === null || selectedTablePagination === void 0 ? void 0 : selectedTablePagination.current, selectedTablePagination === null || selectedTablePagination === void 0 ? void 0 : selectedTablePagination.pageSize, selectedInitPagination.pageSize]);
+    confirmLoading = _useState44[0],
+    setConfirmLoading = _useState44[1];
+  var _useState45 = useState(false),
+    _useState46 = _slicedToArray(_useState45, 2),
+    modalSearched = _useState46[0],
+    setModalSearched = _useState46[1];
   var setSelectDataSource = function setSelectDataSource(list, total) {
     setItems(list);
     setItemsTotal(total);
@@ -5560,20 +5537,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var clearSelectDataSource = function clearSelectDataSource() {
     setSelectDataSource([], 0);
   };
-  /**
-   * 清空弹窗已选数据。
-   */
-  var clearSelectedRows = function clearSelectedRows() {
-    setSelectedRows([]);
-    setPopValue([]);
-    setSelectedTablePagination(function (prev) {
-      return _objectSpread2(_objectSpread2({}, prev), {}, {
-        total: 0,
-        current: 1
-      });
-    });
-    setSelectedRowKeys([]);
-  };
   useImperativeHandle(ref, function () {
     return {
       refreshDataSource: function refreshDataSource() {
@@ -5766,18 +5729,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     setUniqueValue(makeUniqueValue());
     setTabletShowColumns(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns));
   }, [resultSourceKey]);
-  useEffect(function () {
-    setSelectedTablePagination(function (prev) {
-      var pageSize = (prev === null || prev === void 0 ? void 0 : prev.pageSize) || selectedInitPagination.pageSize;
-      var maxCurrent = Math.ceil(selectedRows.length / pageSize) || 1;
-      var current = selectedRows.length ? Math.min((prev === null || prev === void 0 ? void 0 : prev.current) || 1, maxCurrent) : 1;
-      if ((prev === null || prev === void 0 ? void 0 : prev.total) === selectedRows.length && (prev === null || prev === void 0 ? void 0 : prev.current) === current) return prev;
-      return _objectSpread2(_objectSpread2({}, prev), {}, {
-        total: selectedRows.length,
-        current: current
-      });
-    });
-  }, [selectedRows.length, selectedInitPagination.pageSize]);
   useEffect(function () {
     if (init) {
       clearSelectDataSource();
@@ -5835,6 +5786,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             value: i
           };
         }));
+        setIndeterminate(!!value.length && value.length < itemsTotal);
+        setCheckedAll(itemsTotal && value.length === itemsTotal);
       } else {
         setSelectedRowKeys(labelInValue ? [value.key] : [value]);
         setSelectedRows(labelInValue ? [_defineProperty(_defineProperty(_defineProperty({}, mappingValueField, value.key), "value", value.key), "text", value.label)] : [_defineProperty(_defineProperty({}, mappingValueField, value), "value", value)]);
@@ -5922,6 +5875,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     setTablePagination(tableInitPagination);
     setSelectedRowKeys([]);
     setSelectedRows([]);
+    setCheckedAll(false);
+    setIndeterminate(false);
   };
   var handleCancel = function handleCancel() {
     clearModalTable();
@@ -5980,17 +5935,9 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       currentPage: pagination.current
     }), 2);
   };
-  var handleSelectedTableChange = function handleSelectedTableChange(pagination) {
-    setSelectedTablePagination(function (prev) {
-      return _objectSpread2(_objectSpread2({}, prev), {}, {
-        current: pagination.current,
-        pageSize: pagination.pageSize
-      });
-    });
-  };
   var onChangeSelectedKeys = function onChangeSelectedKeys(selectKeys, selectRows) {
-    var sksResult = (selectKeys === null || selectKeys === void 0 ? void 0 : selectKeys.length) ? selectKeys : (selectRows === null || selectRows === void 0 ? void 0 : selectRows.map(function (i) {
-      return getRecordKey(i);
+    var sksResult = (selectRows === null || selectRows === void 0 ? void 0 : selectRows.map(function (i) {
+      return i.value;
     })) || [];
     // 单选 默认直接选中 不需要确定  配置了modalRadioNeedFooter就需要确定
     if (!selectMode && !(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalRadioNeedFooter)) {
@@ -6000,96 +5947,33 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     setSelectedRowKeys(sksResult);
     setSelectedRows(selectRows);
     setPopValue(selectRows);
+    setIndeterminate(!!selectRows.length && selectRows.length < (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
+    setCheckedAll(selectRows.length === (tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.total));
   };
-  var getRowSelection = function getRowSelection() {
-    var visibleRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var type = arguments.length > 1 ? arguments[1] : undefined;
-    return {
-      type: selectMode ? 'checkbox' : 'radio',
-      selectedRowKeys: selectedRowKeys,
-      preserveSelectedRowKeys: true,
-      onSelectAll: function onSelectAll(selected) {
-        selectAllTableRef.current = true;
-        setTimeout(function () {
-          selectAllTableRef.current = false;
-        }, 0);
-        var targetRows = type === 'noPage' ? visibleRows : tableData;
-        var targetKeys = (targetRows || []).map(function (item) {
-          return getRecordKey(item);
-        });
-        if (!selected) {
-          var selectedKeySet = new Set((selectedRows || []).map(function (item) {
-            return getRecordKey(item);
-          }));
-          if ((selectedRows || []).length === (targetRows || []).length && targetKeys.every(function (key) {
-            return selectedKeySet.has(key);
-          })) {
-            clearSelectedRows();
-            return;
-          }
-          var targetKeySet = new Set(targetKeys);
-          var _nextSelectedRows = (selectedRows || []).filter(function (item) {
-            return !targetKeySet.has(getRecordKey(item));
-          });
-          var _nextSelectedKeys = _nextSelectedRows.map(function (item) {
-            return getRecordKey(item);
-          });
-          onChangeSelectedKeys(_nextSelectedKeys, _nextSelectedRows);
-          return;
-        }
-        if (!(selectedRows || []).length) {
-          onChangeSelectedKeys(targetKeys, targetRows || []);
-          return;
-        }
-        var selectedRowMap = new Map();
-        (selectedRows || []).forEach(function (item) {
-          selectedRowMap.set(getRecordKey(item), item);
-        });
-        (targetRows || []).forEach(function (item) {
-          selectedRowMap.set(getRecordKey(item), item);
-        });
-        var nextSelectedRows = Array.from(selectedRowMap.values()).filter(Boolean);
-        var nextSelectedKeys = nextSelectedRows.map(function (item) {
-          return getRecordKey(item);
-        });
-        onChangeSelectedKeys(nextSelectedKeys, nextSelectedRows);
-      },
-      onChange: function onChange(sks, srs) {
-        if (selectAllTableRef.current) {
-          selectAllTableRef.current = false;
-          return;
-        }
-        if (!(sks === null || sks === void 0 ? void 0 : sks.length)) {
-          clearSelectedRows();
-          return;
-        }
-        // 处理翻页后，之前存储的selectedRows变为undefined
-        // selectedRows合并新数组，过滤undefined，过滤留下对应selectedRowKeys的集合
-        var visibleKeySet = new Set((visibleRows || []).map(function (item) {
-          return getRecordKey(item);
-        }));
-        var selectedRowMap = new Map();
-        (selectedRows || []).forEach(function (item) {
-          var key = getRecordKey(item);
-          if (!visibleKeySet.has(key)) {
-            selectedRowMap.set(key, item);
-          }
-        });
-        (srs || []).filter(Boolean).forEach(function (item) {
-          selectedRowMap.set(getRecordKey(item), item);
-        });
-        var totalSelectedRows = Array.from(selectedRowMap.values()).filter(Boolean);
-        var totalSelectedKeys = totalSelectedRows.map(function (item) {
-          return getRecordKey(item);
-        });
-        onChangeSelectedKeys(totalSelectedKeys, totalSelectedRows);
-      },
-      getCheckboxProps: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.getCheckboxProps) ? selectProps === null || selectProps === void 0 ? void 0 : selectProps.getCheckboxProps : function () {
-        return {
-          disabled: disabled || !items.length && !tableData.length
-        };
-      }
-    };
+  var rowSelection = {
+    type: selectMode ? 'checkbox' : 'radio',
+    selectedRowKeys: selectedRowKeys,
+    preserveSelectedRowKeys: true,
+    onChange: function onChange(sks, srs) {
+      // 处理翻页后，之前存储的selectedRows变为undefined
+      // selectedRows合并新数组，过滤undefined，过滤留下对应selectedRowKeys的集合
+      var tmpSelectedRows = selectedRows.concat(srs).filter(function (item) {
+        return item != undefined;
+      });
+      var totalSelectedRows = sks.map(function (key) {
+        return tmpSelectedRows.filter(function (item) {
+          return item[mappingValueField] == key;
+        })[0];
+      }).filter(function (item) {
+        return item != undefined;
+      });
+      onChangeSelectedKeys(sks, totalSelectedRows);
+    },
+    getCheckboxProps: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.getCheckboxProps) ? selectProps === null || selectProps === void 0 ? void 0 : selectProps.getCheckboxProps : function () {
+      return {
+        disabled: disabled || !items.length && !tableData.length
+      };
+    }
   };
   var onRowClickSelect = function onRowClickSelect(e, record, type) {
     if (selectMode && !(disabled || !items.length && !tableData.length)) {
@@ -6097,7 +5981,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       var newSelect = [JSON.parse(JSON.stringify(record))];
       var srs = getRealStr(oldSelect, newSelect, record);
       var sks = srs.map(function (i) {
-        return getRecordKey(i);
+        return i.value;
       });
       onChangeSelectedKeys(sks, srs);
     }
@@ -6106,7 +5990,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     if (!selectMode && !(disabled || !items.length && !tableData.length)) {
       var srs = [JSON.parse(JSON.stringify(record))];
       var sks = srs.map(function (i) {
-        return getRecordKey(i);
+        return i.value;
       });
       onChangeSelectedKeys(sks, srs);
     }
@@ -6378,10 +6262,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   var renderShowTable = function renderShowTable(tableList, type) {
     var _modalTableProps$tabl;
-    var currentPageSize = Number((tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize) || tableInitPageSize);
-    var needLimitRenderRows = type !== 'noPage' && currentPageSize >= tableRenderPageSize && (tableList === null || tableList === void 0 ? void 0 : tableList.length) > tableRenderPageSize;
-    var currentTableList = needLimitRenderRows ? tableList.slice(0, tableRenderPageSize) : tableList;
-    var currentDataSource = type == 'noPage' ? selectedTablePageRows : currentTableList;
     var viCount = (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.visibleFieldsCount) || defaultVisibleFieldsCount;
     var canExpand = hasMoreQueryFields(modalTableProps);
     var collapsedList = modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableSearchForm) === null || _modalTableProps$tabl === void 0 ? void 0 : _modalTableProps$tabl.slice(0, viCount);
@@ -6411,14 +6291,13 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /*#__PURE__*/React$1.createElement(Table, _objectSpread2(_objectSpread2({
       bordered: true,
       size: "middle",
-      rowSelection: getRowSelection(currentDataSource, type),
+      rowSelection: rowSelection,
       columns: tableShowColumns,
-      dataSource: currentDataSource
+      dataSource: tableList
     }, type == 'noPage' ? {
-      pagination: _objectSpread2(_objectSpread2({}, selectedTablePagination), {}, {
+      pagination: _objectSpread2(_objectSpread2({}, initPagination), {}, {
         showSizeChanger: false
       }),
-      onChange: handleSelectedTableChange,
       locale: {
         emptyText: renderEmptyText('暂无已选结果', mTB)
       }
@@ -6454,9 +6333,13 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   } // 务必填写 key
   ];
   var tabsItems2 = [{
-    label: "\u5DF2\u9009\uFF08".concat((selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) || 0, "\uFF09"),
+    label: "\u5DF2\u9009\uFF08".concat((selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) || 0, "\uFF09"),
     key: 'selected',
-    children: renderShowTable(selectedRows, 'noPage')
+    children: renderShowTable((selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (s, index) {
+      return _objectSpread2(_objectSpread2({}, s), {}, {
+        keyIndex: index + 1
+      });
+    })) || [], 'noPage')
   }];
   var resetSelectDataSource = function resetSelectDataSource() {
     var isClear = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -6472,7 +6355,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     props === null || props === void 0 ? void 0 : (_props$onClear = props.onClear) === null || _props$onClear === void 0 ? void 0 : _props$onClear.call(props);
     // 清空下拉框 / 弹窗 选中数据
     formaData([], items);
-    clearSelectedRows();
+    onChangeSelectedKeys([], []);
     // 重置下拉框数据源
     resetSelectDataSource(true);
   };
@@ -6729,7 +6612,9 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /*#__PURE__*/React$1.createElement(Tabs, {
     items: tabsItems2,
     tabBarExtraContent: /*#__PURE__*/React$1.createElement("span", {
-      onClick: clearSelectedRows
+      onClick: function onClick() {
+        return onChangeSelectedKeys([], []);
+      }
     }, "\u6E05\u7A7A\u5DF2\u9009")
   })) : null)))));
 });
@@ -15479,7 +15364,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index$1 = (function (storageKeyString) {
+var index = (function (storageKeyString) {
   var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
   if (typeof seconds !== 'number') throw new Error('seconds should be number');
@@ -15952,7 +15837,7 @@ var BusinessTreeSearchSelect$1 = /*#__PURE__*/React$1.memo(BusinessTreeSearchSel
 var css_248z$b = ".state-flow .form-status-label {\n  height: 28px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.state-flow .choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.state-flow .form-status-label:last-child {\n  margin-right: 0px;\n}\n.state-flow .form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:first-child {\n  padding-left: 10px;\n}\n.state-flow .form-status-label:not(:first-child) {\n  padding-left: 15px;\n}\n.state-flow .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: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .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.state-flow .status-label-key {\n  width: auto;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n  color: #FFFFFF;\n  font-size: 14px;\n}\n.state-flow .status-label-operate {\n  float: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 12px;\n  margin: 8px 0;\n  margin-left: 8px;\n  padding-left: 8px;\n  font-size: 10px;\n  border-left: 1px solid #FFFFFF;\n}\n.state-flow .status-label-operate > div {\n  font-size: 12px;\n  height: 12px;\n  line-height: 12px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.state-flow .status-label-operate > div:first-child {\n  font-size: 10px;\n  font-weight: 400;\n}\n.state-flow .only-one-child.form-status-label::after,\n.state-flow .only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$b);
 
-var index$2 = (function (props) {
+var index$1 = (function (props) {
   var _props$formStatusMapp = props.formStatusMapping,
     formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
   return /*#__PURE__*/React$1.createElement("div", {
@@ -18019,7 +17904,7 @@ var iconMap = {
     src: cancelIcon
   }, iconStyle))
 };
-var index$3 = (function (props) {
+var index$2 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -18256,7 +18141,7 @@ var css_248z$h = ".bs_home_page_head_wrapper {\n  position: sticky;\n  backgroun
 styleInject(css_248z$h);
 
 var _excluded$f = ["children"];
-var index$4 = (function (props) {
+var index$3 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -24266,7 +24151,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React$1.Component);
-var index$5 = (function (props) {
+var index$4 = (function (props) {
   var _useModel = useModel('@@initialState'),
     _useModel$initialStat = _useModel.initialState,
     initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
@@ -24508,7 +24393,7 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
 };
 var FixedScrollBar$1 = /*#__PURE__*/React$1.forwardRef(FixedScrollBar);
 
-var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
+var index$5 = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -38861,7 +38746,9 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         needShowAction = _this$props$needShowA === void 0 ? true : _this$props$needShowA,
         extraConfig = _this$props.extraConfig,
         customTitleSubStyle = _this$props.customTitleSubStyle,
-        customTitlePreStyle = _this$props.customTitlePreStyle;
+        customTitlePreStyle = _this$props.customTitlePreStyle,
+        _this$props$enableRul = _this$props.enableRuleNameEdit,
+        enableRuleNameEdit = _this$props$enableRul === void 0 ? false : _this$props$enableRul;
       var isRuleInstance = (ruleGroupInfo === null || ruleGroupInfo === void 0 ? void 0 : (_ruleGroupInfo$type = ruleGroupInfo.type) === null || _ruleGroupInfo$type === void 0 ? void 0 : _ruleGroupInfo$type.indexOf('instance')) > -1; // 业务调用规则实例设计器
       var ruleGroupName = (ruleGroupInfo === null || ruleGroupInfo === void 0 ? void 0 : (_ruleGroupInfo$ruleGr = ruleGroupInfo.ruleGroupList) === null || _ruleGroupInfo$ruleGr === void 0 ? void 0 : (_ruleGroupInfo$ruleGr2 = _ruleGroupInfo$ruleGr[0]) === null || _ruleGroupInfo$ruleGr2 === void 0 ? void 0 : _ruleGroupInfo$ruleGr2.name) || '规则分组';
       var priorityList = ((ruleGroupInfo === null || ruleGroupInfo === void 0 ? void 0 : ruleGroupInfo.groupOtherPriorityList) || []).concat(ruleClassData || []);
@@ -38923,8 +38810,63 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             className: 'rule-line-class',
             style: ruleListBox
           }, !onlyOneRule && !ruleGroupInfo && /*#__PURE__*/React$1.createElement("div", {
-            style: titlePre
-          }, "\u89C4\u5219", classDataIndex + 1), ruleGroupInfo && /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+            style: _objectSpread2(_objectSpread2({}, titlePre), enableRuleNameEdit ? {
+              display: 'inline-flex',
+              alignItems: 'center',
+              width: 'auto',
+              textAlign: 'left'
+            } : {})
+          }, enableRuleNameEdit && isEdit && editNameIndex == classDataIndex ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Input, {
+            disabled: disabled,
+            value: currentRuleName,
+            style: {
+              width: '120px'
+            },
+            size: "small",
+            onChange: function onChange(e) {
+              _this.setState({
+                currentRuleName: e.target.value
+              });
+            }
+          }), /*#__PURE__*/React$1.createElement(Button, {
+            disabled: disabled,
+            type: "link",
+            size: "small",
+            onClick: function onClick() {
+              var _this$state3 = _this.state,
+                ruleClassData = _this$state3.ruleClassData,
+                currentRuleName = _this$state3.currentRuleName;
+              ruleClassData[editNameIndex].ruleName = currentRuleName || "\u89C4\u5219".concat(editNameIndex + 1);
+              _this.setState({
+                ruleClassData: ruleClassData,
+                isEdit: false
+              }, function () {
+                callBack(ruleClassData);
+              });
+            }
+          }, "\u4FDD\u5B58"), /*#__PURE__*/React$1.createElement(Button, {
+            disabled: disabled,
+            type: "link",
+            size: "small",
+            onClick: function onClick() {
+              _this.setState({
+                isEdit: false
+              });
+            }
+          }, "\u53D6\u6D88")) : enableRuleNameEdit ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, item.ruleName || "\u89C4\u5219".concat(classDataIndex + 1), !disabled && /*#__PURE__*/React$1.createElement(EditOutlined, {
+            style: {
+              marginLeft: 4,
+              fontSize: 12,
+              color: 'rgba(0, 0, 0, 0.45)'
+            },
+            onClick: function onClick() {
+              _this.setState({
+                editNameIndex: classDataIndex,
+                currentRuleName: item.ruleName || "\u89C4\u5219".concat(classDataIndex + 1),
+                isEdit: true
+              });
+            }
+          })) : "\u89C4\u5219".concat(classDataIndex + 1)), ruleGroupInfo && /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
             style: titlePre
           }, /*#__PURE__*/React$1.createElement(EllipsisTooltip, {
             visible: true,
@@ -39034,9 +38976,26 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             },
             type: "link",
             danger: true
-          }, "\u5220\u9664\u89C4\u5219")), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
+          }, "\u5220\u9664\u89C4\u5219")), enableRuleNameEdit && (onlyOneRule || ruleGroupInfo) && /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
+            style: {
+              display: isEdit && editNameIndex == classDataIndex ? 'none' : 'block'
+            }
+          }, /*#__PURE__*/React$1.createElement("span", null, item.ruleName), !disabled && /*#__PURE__*/React$1.createElement(EditOutlined, {
             style: {
-              display: isEdit && editNameIndex == index ? 'block' : 'none',
+              marginLeft: 4,
+              fontSize: 12,
+              color: 'rgba(0, 0, 0, 0.45)'
+            },
+            onClick: function onClick() {
+              _this.setState({
+                editNameIndex: classDataIndex,
+                currentRuleName: item.ruleName,
+                isEdit: true
+              });
+            }
+          })), /*#__PURE__*/React$1.createElement("div", {
+            style: {
+              display: isEdit && editNameIndex == classDataIndex ? 'block' : 'none',
               marginTop: '10px'
             }
           }, /*#__PURE__*/React$1.createElement(Input, {
@@ -39054,13 +39013,15 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             disabled: disabled,
             type: "link",
             onClick: function onClick() {
-              var _this$state3 = _this.state,
-                ruleClassData = _this$state3.ruleClassData,
-                currentRuleName = _this$state3.currentRuleName;
+              var _this$state4 = _this.state,
+                ruleClassData = _this$state4.ruleClassData,
+                currentRuleName = _this$state4.currentRuleName;
               ruleClassData[editNameIndex].ruleName = currentRuleName;
               _this.setState({
                 ruleClassData: ruleClassData,
                 isEdit: false
+              }, function () {
+                callBack(ruleClassData);
               });
             }
           }, "\u4FDD\u5B58"), /*#__PURE__*/React$1.createElement(Button, {
@@ -40060,10 +40021,10 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
-      var _this$state4 = this.state,
-        ruleClassData = _this$state4.ruleClassData,
-        operationList = _this$state4.operationList,
-        regularDataList = _this$state4.regularDataList;
+      var _this$state5 = this.state,
+        ruleClassData = _this$state5.ruleClassData,
+        operationList = _this$state5.operationList,
+        regularDataList = _this$state5.regularDataList;
       if (nextProps.ruleClassData && this.props.ruleClassData != nextProps.ruleClassData && JSON.stringify(nextProps.ruleClassData) != JSON.stringify(ruleClassData)) {
         this.setState({
           ruleClassData: nextProps.ruleClassData
@@ -40087,9 +40048,9 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         callBack = _this$props7.callBack,
         disabled = _this$props7.disabled,
         headerButtonComponentFun = _this$props7.headerButtonComponentFun;
-      var _this$state5 = this.state,
-        ruleClassData = _this$state5.ruleClassData,
-        modalParams = _this$state5.modalParams;
+      var _this$state6 = this.state,
+        ruleClassData = _this$state6.ruleClassData,
+        modalParams = _this$state6.modalParams;
       return /*#__PURE__*/React$1.createElement("div", {
         className: 'base_rule'
       }, /*#__PURE__*/React$1.createElement("div", {
@@ -40923,7 +40884,7 @@ var BaseRule = /*#__PURE__*/forwardRef(function (props, ref) {
   }, "\u6A21\u677F")))))));
 });
 
-var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
+var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   var currentSceneId = (props === null || props === void 0 ? void 0 : props.id) || (props === null || props === void 0 ? void 0 : props.sceneId); // 规则模板id
   var extStrField01 = props === null || props === void 0 ? void 0 : props.extStrField01; // 上层业务关键字段
   var instanceName = props === null || props === void 0 ? void 0 : props.name; // 实例名称
@@ -41187,7 +41148,7 @@ var ExtendedCollapse = function ExtendedCollapse(props) {
     bordered: bordered
   }), children));
 };
-var index$8 = Object.assign(ExtendedCollapse, {
+var index$7 = Object.assign(ExtendedCollapse, {
   Board: ExtendedPanel
 });
 
@@ -41366,4 +41327,4 @@ var SystemLog = function SystemLog(_ref) {
   });
 };
 
-export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, AuthButton, BillEntry, BsCascader, index$5 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index$1 as CheckOneUser, ColumnSettingTable, ColumnsEdit, CommodityEntry, CustomSelector, DataImport, DataValidation, index$3 as DetailPageWrapper, EllipsisTooltip, ExportIcon, index$8 as ExtendedCollapse, GuideWrapper, HandleTotalCount, index$4 as HomePageWrapper, JsonQueryTable, ModalUtils, index$6 as MoreTreeTable, ParagraphCopier, PropertySelector, QueryMutipleInput, QueryMutipleSearchSelect, RuleObjectComponent as RuleComponent, index$7 as RuleSetter, SearchSelect, Section, index$2 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, SystemLog, TableColumnSetting, TreeSearchSelect, authFunc, calculateValidPeriod, checkQuantityAccuracy, _coverToParallel as coverToParallel, createUniqID, downloadExcel, ergodicMenuRoutes, formContainerAndItemLayout, _formatter as formatter, getAccountID, getAccountId, getBreadcrumbNameMap, getCommonInfoKey, getConfigTableColumns, getCurrentTargetBgId, getCurrentTenantId, getDictionarySource, getDictionaryTextByValue, getEmployeeCode, getEmployeeId, getItemDefaultWidth$1 as getItemDefaultWidth, getJoinDictionaryText, getLastKey, getLimitMenuDataKey, getLocalStorageSaveKey, getMenuAuthDataKey, getSessionId, getSkuImg, getTenantList, getUserId, getUserName, go2BackAndClose, handleAntdColumnsSpecialParams, handleBaseUrlPre, handleBeforeUpload, handleBssulaColumnsSpecialParams, handleCommonTimeRender$1 as handleCommonTimeRender, handleConvertResponse, handleError, handleExport, handleExportBarCode, handleJudgeAuthButtons, handleOssUrl, handleRequestAuthHeader, handleRequestHeader, handleRequestUrl, handleStatusBadge, handleTextBreakSpaces, handleTextDouble$1 as handleTextDouble, handleTextDoubleOrId, handleTextLineFeed$1 as handleTextLineFeed, handleTextOverflow$1 as handleTextOverflow, handleTextTooltip, handleTextWarp, handleTextWarpCustom, handleTooltip$1 as handleTooltip, handleTooltipHours$1 as handleTooltipHours, handleUserPhone, judgeIsEmpty, judgeIsRequestError, judgeIsRequestSuccess, keyToWord, memoizeOneFormatter, noEmptyArr, noEmptyArray, paramsControl, parseWidth, precisionQuantity, randomString, readerXlsxToList, removeCurrentTenantId, removeTenantList, renderFixed2, renderNumberText, saveCurrentTenantId, saveTenantList, setConfigTableColumns, shouldUseAuth, socketFunctions, sulaTableRenderTooltip, tableColumnsImage$1 as tableColumnsImage, textIcon, updateGuanDate, userColumns$1 as userColumns, userInfoCard$1 as userInfoCard, uuid, writeListToXlsx };
+export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, AuthButton, BillEntry, BsCascader, index$4 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index as CheckOneUser, ColumnSettingTable, ColumnsEdit, CommodityEntry, CustomSelector, DataImport, DataValidation, index$2 as DetailPageWrapper, EllipsisTooltip, ExportIcon, index$7 as ExtendedCollapse, GuideWrapper, HandleTotalCount, index$3 as HomePageWrapper, JsonQueryTable, ModalUtils, index$5 as MoreTreeTable, ParagraphCopier, PropertySelector, QueryMutipleInput, QueryMutipleSearchSelect, RuleObjectComponent as RuleComponent, index$6 as RuleSetter, SearchSelect, Section, index$1 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, SystemLog, TableColumnSetting, TreeSearchSelect, authFunc, calculateValidPeriod, checkQuantityAccuracy, _coverToParallel as coverToParallel, createUniqID, downloadExcel, ergodicMenuRoutes, formContainerAndItemLayout, _formatter as formatter, getAccountID, getAccountId, getBreadcrumbNameMap, getCommonInfoKey, getConfigTableColumns, getCurrentTargetBgId, getCurrentTenantId, getDictionarySource, getDictionaryTextByValue, getEmployeeCode, getEmployeeId, getItemDefaultWidth$1 as getItemDefaultWidth, getJoinDictionaryText, getLastKey, getLimitMenuDataKey, getLocalStorageSaveKey, getMenuAuthDataKey, getSessionId, getSkuImg, getTenantList, getUserId, getUserName, go2BackAndClose, handleAntdColumnsSpecialParams, handleBaseUrlPre, handleBeforeUpload, handleBssulaColumnsSpecialParams, handleCommonTimeRender$1 as handleCommonTimeRender, handleConvertResponse, handleError, handleExport, handleExportBarCode, handleJudgeAuthButtons, handleOssUrl, handleRequestAuthHeader, handleRequestHeader, handleRequestUrl, handleStatusBadge, handleTextBreakSpaces, handleTextDouble$1 as handleTextDouble, handleTextDoubleOrId, handleTextLineFeed$1 as handleTextLineFeed, handleTextOverflow$1 as handleTextOverflow, handleTextTooltip, handleTextWarp, handleTextWarpCustom, handleTooltip$1 as handleTooltip, handleTooltipHours$1 as handleTooltipHours, handleUserPhone, judgeIsEmpty, judgeIsRequestError, judgeIsRequestSuccess, keyToWord, memoizeOneFormatter, noEmptyArr, noEmptyArray, paramsControl, parseWidth, precisionQuantity, randomString, readerXlsxToList, removeCurrentTenantId, removeTenantList, renderFixed2, renderNumberText, saveCurrentTenantId, saveTenantList, setConfigTableColumns, shouldUseAuth, socketFunctions, sulaTableRenderTooltip, tableColumnsImage$1 as tableColumnsImage, textIcon, updateGuanDate, userColumns$1 as userColumns, userInfoCard$1 as userInfoCard, uuid, writeListToXlsx };