@bit-sun/business-component 4.0.13-alpha.3 → 4.0.13-alpha.30

package/dist/index.esm.js

@@ -1,12 +1,13 @@
 import axios from 'axios';
 import request$1 from 'umi-request';
 import cookie from 'js-cookie';
-import { message as message$1, Tooltip, Image, Popover, Card, Avatar, Badge, Menu, Input, InputNumber, Space, Button, Dropdown, Upload, Checkbox, Modal, ConfigProvider, Tag, Select, Spin, Form, Table, Row, Col, Tabs, TreeSelect, Typography, Alert, Breadcrumb, Drawer as Drawer$1, List, Radio, Tree, Result, Affix, Cascader, DatePicker, TimePicker, Divider, Switch, Collapse } from 'antd';
+import { message as message$1, Tooltip, Image, Popover, Card, Avatar, Badge, Menu, Input, InputNumber, Space, Button, Dropdown, Upload, Checkbox, Modal, ConfigProvider, Tag, Select, Spin, Form, Table, Empty, Row, Col, Tabs, TreeSelect, DatePicker, Typography, Alert, Breadcrumb, Drawer as Drawer$1, List, Radio, Tree, Result, Affix, Cascader, TimePicker, Divider, Switch, Collapse } from 'antd';
 import _, { omit, uniqBy, escapeRegExp, isNil, debounce, cloneDeep as cloneDeep$1, throttle, isEmpty } from 'lodash';
 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, useImperativeHandle, useMemo, Component, Fragment, 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';
 import { request as request$2, Table as Table$1, QueryTable, Form as Form$1 } from 'bssula';
@@ -1225,7 +1226,8 @@ var authFn = function authFn(code) {
 };
 // 可以将普通字符串 或者tsx 转换成字符串
 var renderToString = function renderToString(render) {
-  return render;
+  // return render;
+  return typeof render === 'string' ? render : renderToString$1(render);
 };
 
 function downloadExcel(data, fileName, isResUrl) {
@@ -3213,7 +3215,8 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         title = _this$props3.title,
         notValid = _this$props3.notValid,
         notExcelImport = _this$props3.notExcelImport,
-        excelImportConfig = _this$props3.excelImportConfig;
+        excelImportConfig = _this$props3.excelImportConfig,
+        getTemplate = _this$props3.getTemplate;
       var _ref5 = excelImportConfig || {},
         size = _ref5.size,
         accept = _ref5.accept,
@@ -3281,7 +3284,9 @@ var DataValidation = /*#__PURE__*/function (_React$Component) {
         style: {
           color: 'red'
         }
-      }, "\uFF08\u9F20\u6807\u79FB\u5165\u611F\u53F9\u53F7\u56FE\u6807\u67E5\u770B\u5BFC\u5165\u4F7F\u7528\u8BF4\u660E\uFF09")), /*#__PURE__*/React$1.createElement(Space, null, !notExcelImport && ( /*#__PURE__*/React$1.createElement(Upload, _objectSpread2({}, uploadProps), /*#__PURE__*/React$1.createElement(Button, null, "\u5BFC\u5165"))), /*#__PURE__*/React$1.createElement(Dropdown, {
+      }, "\uFF08\u9F20\u6807\u79FB\u5165\u611F\u53F9\u53F7\u56FE\u6807\u67E5\u770B\u5BFC\u5165\u4F7F\u7528\u8BF4\u660E\uFF09")), /*#__PURE__*/React$1.createElement(Space, null, !notExcelImport && ( /*#__PURE__*/React$1.createElement(React$1.Fragment, null, getTemplate && ( /*#__PURE__*/React$1.createElement(Button, {
+        onClick: getTemplate
+      }, "\u4E0B\u8F7D\u6A21\u677F")), /*#__PURE__*/React$1.createElement(Upload, _objectSpread2({}, uploadProps), /*#__PURE__*/React$1.createElement(Button, null, "\u5BFC\u5165")))), /*#__PURE__*/React$1.createElement(Dropdown, {
         trigger: ['click'],
         overlay: this.menuList,
         placement: "bottomRight"
@@ -4128,14 +4133,16 @@ var makeUniqueValue = function makeUniqueValue() {
   return generateUnitKey;
 };
 // ------------------------------------------处理样式相关--开始----------------------------------------
-var getFormRowInfo = function getFormRowInfo(list) {
-  var totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
-  var lastRowColumns = (list.length + 1) % columnsPerRow; // 计算最后一行的实际列数
-  var emptySlots = lastRowColumns === 0 ? 0 : columnsPerRow - lastRowColumns; // 计算最后一行的空位数
+var getFormRowInfo = function getFormRowInfo(list, tableSearchColSpan) {
+  var lastColumnsPerRow = tableSearchColSpan == 6 ? columnsPerRow : 3;
+  var totalRows = Math.ceil(list.length / lastColumnsPerRow); // 计算总行数
+  var lastRowColumns = (list.length + 1) % lastColumnsPerRow; // 计算最后一行的实际列数
+  var emptySlots = lastRowColumns === 0 ? 0 : lastColumnsPerRow - lastRowColumns; // 计算最后一行的空位数
   var emptyArray = new Array(emptySlots).fill(null); // 生成长度为 emptySlots 的数组
   return {
     totalRows: totalRows,
-    emptyArray: emptyArray
+    emptyArray: emptyArray,
+    ColSpan: tableSearchColSpan !== null && tableSearchColSpan !== void 0 ? tableSearchColSpan : ColSpan
   };
 };
 var defaultVisibleFieldsCount = 7;
@@ -4501,7 +4508,77 @@ var maxTagPlaceholder = function maxTagPlaceholder(selectedValues, _ref3) {
     })))
   }, "+ ".concat(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length));
 };
+// 弹窗数据表头处理
+var handleTableColumns = function handleTableColumns(tableColumns) {
+  // 按照默认设置排序 > 没有排序字段的展示所有列表头 > 没有表头列不展示
+  var showTableColumns = (tableColumns === null || tableColumns === void 0 ? void 0 : tableColumns.filter(function (s) {
+    return typeof s.defaultSort == 'number';
+  })) || tableColumns || [];
+  return (showTableColumns === null || showTableColumns === void 0 ? void 0 : showTableColumns.sort(function (a, b) {
+    return a.defaultSort - b.defaultSort;
+  })) || [];
+};
 // ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------
+// ------------------------------------------ 选中数据展示 相关处理--开始----------------------------------------
+var getShowLabelTextStr = function getShowLabelTextStr(_ref4) {
+  var kongValue = _ref4.kongValue,
+    selectMode = _ref4.selectMode,
+    value = _ref4.value,
+    items = _ref4.items;
+  if (selectMode) {
+    var _value$map;
+    return Array.isArray(value) && (value === null || value === void 0 ? void 0 : (_value$map = value.map(function (item) {
+      return item.label || item.text || '';
+    })) === null || _value$map === void 0 ? void 0 : _value$map.join(',')) || kongValue;
+  }
+  return (value === null || value === void 0 ? void 0 : value.label) || (value === null || value === void 0 ? void 0 : value.text) || kongValue;
+};
+var getSelectValueText = function getSelectValueText(v, items) {
+  var _filter, _filter$;
+  return ((_filter = (items || []).filter(function (item) {
+    return item.value === v;
+  })) === null || _filter === void 0 ? void 0 : (_filter$ = _filter[0]) === null || _filter$ === void 0 ? void 0 : _filter$.text) || v || '';
+};
+var getShowValueStr = function getShowValueStr(_ref5) {
+  var kongValue = _ref5.kongValue,
+    selectMode = _ref5.selectMode,
+    value = _ref5.value,
+    items = _ref5.items;
+  if (selectMode) {
+    var _value$map2;
+    return Array.isArray(value) && (value === null || value === void 0 ? void 0 : (_value$map2 = value.map(function (item) {
+      return getSelectValueText(item, items);
+    })) === null || _value$map2 === void 0 ? void 0 : _value$map2.join(',')) || kongValue;
+  }
+  return getSelectValueText(value, items) || kongValue;
+};
+var getShowStr = function getShowStr(_ref6) {
+  var viewShowValueStr = _ref6.viewShowValueStr,
+    labelInValue = _ref6.labelInValue,
+    selectMode = _ref6.selectMode,
+    value = _ref6.value,
+    items = _ref6.items;
+  // 优先使用业务使用传入的展示
+  if (viewShowValueStr) return viewShowValueStr;
+  var kongValue = '无';
+  // 先判断labelInValue与否，labelInValue可以直接去value中获取字段名称，否则去下拉框数据里面去拿；
+  // 再判断是单选还是多选，数据类型不同取值方式也不同
+  if (labelInValue) {
+    return getShowLabelTextStr({
+      kongValue: kongValue,
+      selectMode: selectMode,
+      value: value,
+      items: items
+    });
+  }
+  return getShowValueStr({
+    kongValue: kongValue,
+    selectMode: selectMode,
+    value: value,
+    items: items
+  });
+};
+// ------------------------------------------ 选中数据展示 相关处理--结束---------------------------------------
 
 var getValue = function getValue(value, selectMode) {
   var _value$split;
@@ -4617,6 +4694,7 @@ var QueryMutipleSearchSelect = function QueryMutipleSearchSelect(_ref) {
     var callback = arguments.length > 1 ? arguments[1] : undefined;
     if (!requestConfig) return;
     if (!url) return;
+    if (!(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length)) return; // 空值默认不查询
     setFetching(true);
     var queryParams = _objectSpread2(_objectSpread2({}, otherParams), params);
     if (isNil(queryParams[selectParamsKey])) {
@@ -4713,7 +4791,7 @@ var QueryMutipleSearchSelect = function QueryMutipleSearchSelect(_ref) {
       style: {
         textAlign: 'center'
       }
-    }, /*#__PURE__*/React$1.createElement("div", null, searchValue ? '无匹配结果,请更换其他内容再试' : "\u8BF7\u5F55\u5165\u5185\u5BB9\u6A21\u7CCA\u67E5\u8BE2"))),
+    }, /*#__PURE__*/React$1.createElement("div", null, searchValue ? '无匹配结果,请更换其他内容再试' : (selectProps === null || selectProps === void 0 ? void 0 : selectProps.notFoundText) || "\u8BF7\u5F55\u5165\u7F16\u7801/\u540D\u79F0\u6A21\u7CCA\u67E5\u8BE2"))),
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode.parentElement;
     }
@@ -4777,7 +4855,7 @@ function ToCDB$1(selectStr) {
   return tmp;
 }
 
-var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(100% + 110px) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table-cell .ant-table-selection-column .ant-radio,\n.search_select_dropdown_table table tr td.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n  max-height: 72px;\n  overflow-x: auto;\n  padding: 0px;\n}\n";
+var css_248z$6 = ".search_select .ant-select-selector {\n  height: 24px;\n  overflow: hidden;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow {\n  height: 40px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.search_select .ant-select-selector .ant-select-selection-overflow-item {\n  align-self: auto;\n}\n.search_select_show {\n  display: flex;\n}\n.search_select_show .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(141%) !important;\n}\n.search_select_show .ant-select-clear {\n  right: 33px;\n}\n.search_select_show .ant-select-multiple.ant-select-show-arrow .ant-select-selector,\n.search_select_show .ant-select-multiple.ant-select-allow-clear .ant-select-selector {\n  padding-right: 28px;\n}\n.search_select_show.search_select_show_list .ant-select-dropdown {\n  top: 24px !important;\n  width: calc(100% + 110px) !important;\n}\n.search_select_expand_button {\n  position: relative;\n  right: -11px;\n  width: 30px;\n  border-left: 1px solid #d9d9d9;\n  height: 24px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bolder;\n}\n.search_select_expand_button span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.search_select_expand_button:hover {\n  background-color: #005cff;\n  color: #fff;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.search_select_expand_button_disabled:hover {\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  font-family: MiSans-Regular;\n  font-weight: 400;\n  font-size: 12px;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_dropdown_table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table tbody > tr > td {\n  color: #333333;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column {\n  visibility: hidden;\n  padding: 0;\n  margin: 0;\n  width: 0;\n  height: 0;\n  min-width: 0;\n  min-height: 0;\n  border: none;\n}\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-body > table > tbody > tr > td.ant-table-selection-column .ant-radio-wrapper,\n.search_select_dropdown_table1 .ant-table.ant-table-bordered > .ant-table-container .ant-table-header > table > thead > tr > th.ant-table-selection-column .ant-radio-wrapper {\n  display: none;\n}\n.search_select_modal_wrapper .ant-modal {\n  top: 60px;\n}\n.search_select_modal_wrapper .ant-modal-header {\n  padding: 6px 0px 6px 16px;\n}\n.search_select_modal_wrapper .ant-modal-header .ant-modal-title {\n  height: 20px;\n  color: #000000;\n  line-height: 20px;\n}\n.search_select_modal_wrapper .ant-modal-close-x {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n.search_select_modal_wrapper .ant-modal-body {\n  padding: 0px;\n  background: #F3F3F3;\n  height: calc(100vh - 235px);\n  overflow: hidden;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn.ant-btn-default {\n  color: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary,\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  background: #005cff;\n  border-color: #005cff;\n}\n.search_select_modal_wrapper .ant-modal-footer .ant-btn-primary[disabled] {\n  opacity: 0.5;\n  color: #fff;\n}\n.search_select_wrapper {\n  position: relative;\n  font-size: 14px;\n}\n.search_select_wrapper_topForm .select_list_columns {\n  width: 100%;\n  padding: 10px 6px 2px 16px;\n  background-color: #fff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form {\n  padding: 0;\n  display: flex;\n  align-items: flex-start;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item,\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-col .ant-space {\n  font-size: 12px !important;\n  margin-right: 0px !important;\n  margin-bottom: 8px !important;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row.ant-form-item-row {\n  background-color: #fafafa;\n  border: 0.8px solid #D9D9D9;\n  border-radius: 2px;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row {\n  width: 100%;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label {\n  width: 110px;\n  order: 1;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-label label {\n  width: 100%;\n  text-align: left;\n  padding: 0 10px;\n  color: #333333;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control {\n  order: 2;\n  width: 100px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper {\n  border: 0;\n  font-size: 12px;\n  background-color: #fafafa;\n  padding: 0 11px;\n  height: 24px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-input-affix-wrapper .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .ant-select-selector {\n  border: 0 !important;\n  background-color: #fafafa !important;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-row .ant-form-item-control .query_input .ant-input {\n  background-color: #fafafa !important;\n  border: 0;\n  font-size: 12px;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form .ant-btn-primary {\n  background: #005cff;\n}\n.search_select_wrapper_topForm .select_list_columns .ant-form > .ant-row > .ant-col {\n  order: 2;\n  padding-right: 10px;\n}\n.search_select_wrapper_topForm .select_list_button_space {\n  margin-right: 10px;\n}\n.search_select_wrapper_bottomTable {\n  margin: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.search_select_wrapper_bottomTable_wrapLeft1,\n.search_select_wrapper_bottomTable_wrapLeft2,\n.search_select_wrapper_bottomTable_wrapRight {\n  background: #fff;\n  width: calc(50% - 5px);\n}\n.search_select_wrapper_bottomTable_wrapLeft1 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapLeft2 .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper,\n.search_select_wrapper_bottomTable_wrapRight .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable_wrapLeft1 {\n  width: 100%;\n}\n.search_select_wrapper_bottomTable_wrapRight {\n  margin-left: 10px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav {\n  margin: 0;\n  padding: 6px 18.5px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-nav-wrap {\n  height: 28px;\n  font-size: 14px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-tab {\n  padding: 4px 0;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-ink-bar {\n  left: 3px !important;\n  width: 40px !important;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-nav .ant-tabs-extra-content > span {\n  color: #005cff;\n  cursor: pointer;\n}\n.search_select_wrapper_bottomTable .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder {\n  padding: 10px 10px 7px;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead > tr > th {\n  color: #7F7F7F;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {\n  justify-content: center;\n}\n.search_select_wrapper_bottomTable .ant-tabs-content-holder .ant-tabs-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-content .ant-table.ant-table-small .ant-table-tbody > tr > td {\n  color: #333333;\n}\n.search_select_wrapper_bottomTable .ant-checkbox-checked .ant-checkbox-inner {\n  color: #005cff;\n  background: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active a {\n  color: #005cff;\n}\n.search_select_wrapper_bottomTable .ant-pagination-item-active {\n  border-color: #005cff;\n}\n.searchSelectSpin > div {\n  height: 300px !important;\n}\n.searchSelectMaxTagToolTip .ant-tooltip-inner {\n  max-height: 72px;\n  overflow-x: auto;\n  padding: 0px;\n}\n";
 styleInject(css_248z$6);
 
 var zhankaitiaojian = "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%3Ezhankaitiaojian-icon%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%22icon%22%20transform%3D%22translate%28-702.000000%2C%20-498.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22zhankaitiaojian-icon%22%20transform%3D%22translate%28702.000000%2C%20498.000000%29%22%3E%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%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%3C%2Fmask%3E%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%3Cpath%20d%3D%22M12.0142082%2C6%20L18%2C11.9972435%20L12.0142082%2C18%20L11.04209%2C17.0260337%20L16.0562218%2C11.9972435%20L11.04209%2C6.97396631%20L12.0142082%2C6%20Z%20M6.97257658%2C6%20L12.9583683%2C11.9972435%20L6.97257658%2C18%20L6.00091666%2C17.0260337%20L11.0150485%2C11.9972435%20L6%2C6.97396631%20L6.97257658%2C6%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%20fill%3D%22%23005CFF%22%20fill-rule%3D%22nonzero%22%20mask%3D%22url%28%23mask-2%29%22%20transform%3D%22translate%2812.000000%2C%2012.000000%29%20rotate%28-270.000000%29%20translate%28-12.000000%2C%20-12.000000%29%20%22%3E%3C%2Fpath%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";
@@ -5197,9 +5275,56 @@ var PropertySelector = function PropertySelector(_ref) {
   }, showNotCommon && ( /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CaretUpOutlined, null), "\u6536\u8D77")), !showNotCommon && ( /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CaretDownOutlined, null), "\u5C55\u5F00"))))))));
 };
 
+var _excluded$4 = ["onChange", "value", "propertyCode", "name"];
+var ItemPropertySelector = function ItemPropertySelector(_ref) {
+  var _onChange = _ref.onChange,
+    value = _ref.value,
+    propertyCode = _ref.propertyCode,
+    name = _ref.name,
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    source = _useState2[0],
+    setSource = _useState2[1];
+  useEffect(function () {
+    // FIXME: 目前只能通过固定属性编码先获取属性id，再通过属性id去查属性值 @林军
+    if (propertyCode) {
+      request$2({
+        url: "/items/item/propertyValue/getPropertyValueNoPagerByCode?qp-propertyCode-eq=".concat(propertyCode, "&pageSize=5000"),
+        method: 'GET',
+        converter: function converter(_ref2) {
+          var data = _ref2.data;
+          var source = ((data === null || data === void 0 ? void 0 : data.items) || []).map(function (item) {
+            return {
+              text: item.value,
+              value: item.value
+            };
+          });
+          setSource(source);
+        }
+      });
+      return;
+    }
+  }, [propertyCode]);
+  return /*#__PURE__*/React$1.createElement(Select, _objectSpread2(_objectSpread2({}, restProps), {}, {
+    value: value,
+    allowClear: true,
+    style: {
+      width: '100%'
+    },
+    onChange: function onChange(v) {
+      _onChange(v);
+    }
+  }), source.map(function (res) {
+    return /*#__PURE__*/React$1.createElement(Select.Option, {
+      value: res.value
+    }, res.text);
+  }));
+};
+
 var Option$1 = Select.Option;
 var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _pathname$match, _modalTableProps$tabl, _modalTableProps$tabl2;
+  var _pathname$match;
   var value = props.value,
     onChangeTemp = props.onChange,
     _props$selectProps = props.selectProps,
@@ -5208,7 +5333,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     modalTableProps = _props$modalTableProp === void 0 ? {} : _props$modalTableProp,
     _props$labelInValue = props.labelInValue,
     labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
-    requestConfig = props.requestConfig,
+    needTopSelectedSource = props.needTopSelectedSource,
+    rCTemp = props.requestConfig,
     ctx = props.ctx,
     _props$onlyShowStr = props.onlyShowStr,
     sourceName = props.sourceName,
@@ -5220,7 +5346,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     fieldComponent = props.fieldComponent,
     onSaveCallback = props.onSaveCallback,
     selectBusinessType = props.selectBusinessType;
-  var _ref = requestConfig || {},
+  var _ref = rCTemp || {},
     url = _ref.url,
     _ref$method = _ref.method,
     method = _ref$method === void 0 ? 'get' : _ref$method,
@@ -5247,6 +5373,26 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     noOperate = _ref.noOperate,
     viewShowValueStr = _ref.viewShowValueStr,
     searchStartLength = _ref.searchStartLength;
+  var requestConfig = _objectSpread2({
+    url: url,
+    method: method,
+    otherParams: otherParams,
+    isMap: isMap,
+    fixedparameter: fixedparameter,
+    fieldValToParam: fieldValToParam,
+    fixedparamsDisabled: fixedparamsDisabled,
+    mappingTextField: mappingTextField,
+    mappingTextShowKeyField: mappingTextShowKeyField,
+    mappingValueField: mappingValueField,
+    mappingTextShowTextField: mappingTextShowTextField,
+    init: init,
+    extralHeaders: extralHeaders,
+    specialBracket: specialBracket,
+    noNeedSplit: noNeedSplit,
+    noOperate: noOperate,
+    viewShowValueStr: viewShowValueStr,
+    searchStartLength: searchStartLength
+  }, rCTemp);
   var resultSourceKey = handleSourceName(sourceName || (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.sourceName) || (ctx === null || ctx === void 0 ? void 0 : ctx.name) || 'supplierCode');
   var selectMode = selectProps === null || selectProps === void 0 ? void 0 : selectProps.mode; // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
   var initVal = value || (selectMode ? [] : null);
@@ -5281,7 +5427,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     total: 0,
     current: 1
   });
-  var disabled = noOperate || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled) || (props === null || props === void 0 ? void 0 : props.disabled);
+  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() {
     var formValueList = [];
@@ -5402,14 +5548,10 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState40 = _slicedToArray(_useState39, 2),
     tooltipVisible = _useState40[0],
     setTooltipVisible = _useState40[1];
-  var _useState41 = useState((modalTableProps === null || modalTableProps === void 0 ? void 0 : (_modalTableProps$tabl = modalTableProps.tableColumns) === null || _modalTableProps$tabl === void 0 ? void 0 : (_modalTableProps$tabl2 = _modalTableProps$tabl.filter(function (s) {
-      return typeof s.defaultSort == 'number';
-    })) === null || _modalTableProps$tabl2 === void 0 ? void 0 : _modalTableProps$tabl2.sort(function (a, b) {
-      return a.defaultSort - b.defaultSort;
-    })) || []),
+  var _useState41 = useState(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns)),
     _useState42 = _slicedToArray(_useState41, 2),
     tableShowColumns = _useState42[0],
-    setTabletShowColumns = _useState42[1];
+    setTabletShowColumns = _useState42[1]; // 默认展示表头-modalTableProps?.tableColumns
   var _useState43 = useState(false),
     _useState44 = _slicedToArray(_useState43, 2),
     confirmLoading = _useState44[0],
@@ -5467,6 +5609,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   // 获取数据源 （type: 1下拉框 2/3弹框  不传值默认为下拉框）
   var getData = function getData() {
+    var _method$toLocaleLower;
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     var callback = arguments.length > 2 ? arguments[2] : undefined;
@@ -5506,11 +5649,12 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       pageSize: pageSize,
       currentPage: currentPage
     }, otherParams), fixedParam), params);
-    if (isNil(queryParams[selectParamsKey])) {
-      queryParams[selectParamsKey] = searchValue;
+    if (isNil(queryParams[selectParamsKey]) && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length)) {
+      var _searchValue$trim;
+      queryParams[selectParamsKey] = searchValue === null || searchValue === void 0 ? void 0 : (_searchValue$trim = searchValue.trim) === null || _searchValue$trim === void 0 ? void 0 : _searchValue$trim.call(searchValue);
     }
     var getRequest;
-    var methodName = method === null || method === void 0 ? void 0 : method.toLocaleLowerCase();
+    var methodName = method === null || method === void 0 ? void 0 : (_method$toLocaleLower = method.toLocaleLowerCase) === null || _method$toLocaleLower === void 0 ? void 0 : _method$toLocaleLower.call(method);
     if (['post', 'patch', 'put'].includes(methodName)) {
       getRequest = requestUtil[methodName]("".concat(url).concat(convertUrlQueryParams(queryParams)), convertBodyParams(queryParams));
     } else {
@@ -5533,7 +5677,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         value: value,
         type: type,
         items: items,
-        queryParams: queryParams
+        queryParams: queryParams,
+        needTopSelectedSource: needTopSelectedSource
       });
       if (callback) {
         callback(source);
@@ -5610,6 +5755,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [value]);
   useEffect(function () {
     setUniqueValue(makeUniqueValue());
+    setTabletShowColumns(handleTableColumns(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableColumns));
   }, [resultSourceKey]);
   useEffect(function () {
     if (init) {
@@ -5770,7 +5916,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   };
   var onSearchChange = function onSearchChange(v) {
-    setSearchValue(v);
+    var _v$trim;
+    setSearchValue((v === null || v === void 0 ? void 0 : (_v$trim = v.trim) === null || _v$trim === void 0 ? void 0 : _v$trim.call(v)) || '');
     if (!!searchStartLength && (v === null || v === void 0 ? void 0 : v.length) < searchStartLength) return;
     refreshItems();
   };
@@ -5861,7 +6008,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   var formItem = function formItem(list) {
     if (isModalVisible && (list === null || list === void 0 ? void 0 : list.length)) {
-      var _list$concat;
       var setDisabled = function setDisabled(name) {
         if (fixedparamsDisabled && (fixedparameter === null || fixedparameter === void 0 ? void 0 : fixedparameter.length) && fixedparameter.find(function (item) {
           return item === name;
@@ -5871,15 +6017,17 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           return false;
         }
       };
-      var _getFormRowInfo = getFormRowInfo(list),
-        emptyArray = _getFormRowInfo.emptyArray;
+      var _getFormRowInfo = getFormRowInfo(list, modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchColSpan),
+        emptyArray = _getFormRowInfo.emptyArray,
+        ColSpan = _getFormRowInfo.ColSpan;
       var addKong = (emptyArray === null || emptyArray === void 0 ? void 0 : emptyArray.map(function (i) {
         return {
           type: 'kong'
         };
       })) || [];
-      return list === null || list === void 0 ? void 0 : (_list$concat = list.concat(addKong)) === null || _list$concat === void 0 ? void 0 : _list$concat.map(function (i, index) {
-        var _i$field, _i$field3, _i$field5, _i$field6, _i$field7, _i$field8, _i$field9;
+      var searchList = (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.noEmptySearchField) ? list : list === null || list === void 0 ? void 0 : list.concat(addKong);
+      return searchList.map(function (i, index) {
+        var _i$field, _i$field3, _i$field5, _i$field7, _i$field9, _i$field10, _i$field11, _i$field12, _i$field14, _i$field15;
         if ((i === null || i === void 0 ? void 0 : i.type) === 'kong') return /*#__PURE__*/React$1.createElement(Col, {
           span: ColSpan,
           key: i
@@ -5928,7 +6076,44 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             disabled: setDisabled(i.name)
           }))));
         }
-        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') {
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'rangepicker' || (i === null || i === void 0 ? void 0 : (_i$field5 = i.field) === null || _i$field5 === void 0 ? void 0 : _i$field5.type) === 'rangepicker') {
+          var _i$initialValue, _i$field6;
+          return /*#__PURE__*/React$1.createElement(Col, {
+            span: ColSpan,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name,
+            initialValue: (_i$initialValue = i === null || i === void 0 ? void 0 : i.initialValue) !== null && _i$initialValue !== void 0 ? _i$initialValue : []
+          }, /*#__PURE__*/React$1.createElement(DatePicker.RangePicker, _objectSpread2(_objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field6 = i.field) === null || _i$field6 === void 0 ? void 0 : _i$field6.props), {}, {
+            disabled: setDisabled(i.name)
+          }))));
+        }
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'datepicker' || (i === null || i === void 0 ? void 0 : (_i$field7 = i.field) === null || _i$field7 === void 0 ? void 0 : _i$field7.type) === 'datepicker') {
+          var _i$field8;
+          return /*#__PURE__*/React$1.createElement(Col, {
+            span: ColSpan,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(DatePicker, _objectSpread2(_objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field8 = i.field) === null || _i$field8 === void 0 ? void 0 : _i$field8.props), {}, {
+            disabled: setDisabled(i.name)
+          }))));
+        }
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'businessSearchSelect' || (i === null || i === void 0 ? void 0 : (_i$field9 = i.field) === null || _i$field9 === void 0 ? void 0 : _i$field9.type) === 'businessSearchSelect') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -5940,7 +6125,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             disabled: setDisabled(i.name)
           }))));
         }
-        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') {
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'multipleQueryInput' || (i === null || i === void 0 ? void 0 : (_i$field10 = i.field) === null || _i$field10 === void 0 ? void 0 : _i$field10.type) === 'multipleQueryInput') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -5954,7 +6139,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             }
           })));
         }
-        if ((i === null || i === void 0 ? void 0 : (_i$field7 = i.field) === null || _i$field7 === void 0 ? void 0 : _i$field7.type) === 'proppertySelector') {
+        if ((i === null || i === void 0 ? void 0 : (_i$field11 = i.field) === null || _i$field11 === void 0 ? void 0 : _i$field11.type) === 'proppertySelector') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -5964,7 +6149,23 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             key: i.name
           }, /*#__PURE__*/React$1.createElement(PropertySelector, null)));
         }
-        if ((i === null || i === void 0 ? void 0 : (_i$field8 = i.field) === null || _i$field8 === void 0 ? void 0 : _i$field8.type) === 'multipleQuerySearchSelect') {
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'itemPropertySelector' || (i === null || i === void 0 ? void 0 : (_i$field12 = i.field) === null || _i$field12 === void 0 ? void 0 : _i$field12.type) === 'itemPropertySelector') {
+          var _i$field13;
+          return /*#__PURE__*/React$1.createElement(Col, {
+            span: ColSpan,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(ItemPropertySelector, _objectSpread2({
+            style: {
+              width: '100%'
+            },
+            placeholder: "\u8BF7\u9009\u62E9"
+          }, i === null || i === void 0 ? void 0 : (_i$field13 = i.field) === null || _i$field13 === void 0 ? void 0 : _i$field13.props))));
+        }
+        if ((i === null || i === void 0 ? void 0 : (_i$field14 = i.field) === null || _i$field14 === void 0 ? void 0 : _i$field14.type) === 'multipleQuerySearchSelect') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -5993,7 +6194,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           placeholder: "\u8BF7\u8F93\u5165",
           allowClear: true,
           maxLength: 100
-        }, i === null || i === void 0 ? void 0 : (_i$field9 = i.field) === null || _i$field9 === void 0 ? void 0 : _i$field9.props), {}, {
+        }, i === null || i === void 0 ? void 0 : (_i$field15 = i.field) === null || _i$field15 === void 0 ? void 0 : _i$field15.props), {}, {
           disabled: setDisabled(i.name)
         }))));
       });
@@ -6005,9 +6206,20 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     var viCount = (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.visibleFieldsCount) || defaultVisibleFieldsCount;
     return collapsed ? formItem(list === null || list === void 0 ? void 0 : list.slice(0, viCount)) : formItem(list);
   };
+  var renderEmptyText = function renderEmptyText(text, x) {
+    return /*#__PURE__*/React$1.createElement(Empty, {
+      image: Empty.PRESENTED_IMAGE_SIMPLE,
+      description: text,
+      style: {
+        margin: "".concat(x, " 0px")
+      }
+    });
+  };
   var renderShowTable = function renderShowTable(tableList, type) {
     var tableBoxHeighth = getTableHeigth(modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.tableSearchForm);
-    var oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - 82px)"); // 分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
+    var x = (tableList === null || tableList === void 0 ? void 0 : tableList.length) ? 82 : 28; // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
+    var oSY = "calc(100vh - ".concat(tableBoxHeighth, "px - ").concat(x, "px)");
+    var mTB = "calc(50vh - ".concat(tableBoxHeighth / 2, "px - ").concat(x / 2, "px - 40px)");
     return /*#__PURE__*/React$1.createElement("div", {
       style: {
         height: "calc(100vh - ".concat(tableBoxHeighth, "px)")
@@ -6023,14 +6235,14 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         showSizeChanger: false
       }),
       locale: {
-        emptyText: '暂无已选结果'
+        emptyText: renderEmptyText('暂无已选结果', mTB)
       }
     } : {
       pagination: tablePagination,
       onChange: handleTableChange,
       loading: fetching,
       locale: {
-        emptyText: modalSearched ? '无匹配结果,请更换其他内容再试' : '请输入搜索条件'
+        emptyText: modalSearched ? renderEmptyText('匹配结果,请更换其他内容再试', mTB) : renderEmptyText('请输入搜索条件', mTB)
       }
     }), {}, {
       rowKey: mappingValueField,
@@ -6175,41 +6387,6 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     })));
   };
-  var getShowLabelTextStr = function getShowLabelTextStr(kongValue) {
-    if (selectMode) {
-      var _value$map;
-      return Array.isArray(value) && (value === null || value === void 0 ? void 0 : (_value$map = value.map(function (item) {
-        return item.label || item.text || '';
-      })) === null || _value$map === void 0 ? void 0 : _value$map.join(',')) || kongValue;
-    }
-    return (value === null || value === void 0 ? void 0 : value.label) || (value === null || value === void 0 ? void 0 : value.text) || kongValue;
-  };
-  var getSelectValueText = function getSelectValueText(v) {
-    var _filter, _filter$;
-    return ((_filter = (items || []).filter(function (item) {
-      return item.value === v;
-    })) === null || _filter === void 0 ? void 0 : (_filter$ = _filter[0]) === null || _filter$ === void 0 ? void 0 : _filter$.text) || v || '';
-  };
-  var getShowValueStr = function getShowValueStr(kongValue) {
-    if (selectMode) {
-      var _value$map2;
-      return Array.isArray(value) && (value === null || value === void 0 ? void 0 : (_value$map2 = value.map(function (item) {
-        return getSelectValueText(item);
-      })) === null || _value$map2 === void 0 ? void 0 : _value$map2.join(',')) || kongValue;
-    }
-    return getSelectValueText(value) || kongValue;
-  };
-  var getShowStr = function getShowStr() {
-    // 优先使用业务使用传入的展示
-    if (viewShowValueStr) return viewShowValueStr;
-    var kongValue = '无';
-    // 先判断labelInValue与否，labelInValue可以直接去value中获取字段名称，否则去下拉框数据里面去拿；
-    // 再判断是单选还是多选，数据类型不同取值方式也不同
-    if (labelInValue) {
-      return getShowLabelTextStr(kongValue);
-    }
-    return getShowValueStr(kongValue);
-  };
   var isShouldShowStr = props.disabled && ctx || (ctx === null || ctx === void 0 ? void 0 : ctx.mode) == 'view';
   return /*#__PURE__*/React$1.createElement("div", {
     className: 'search_select'
@@ -6220,14 +6397,26 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       showModal();
     }
   }, fieldComponent)) : isShouldShowStr ? ( /*#__PURE__*/React$1.createElement("div", {
-    title: getShowStr(),
+    title: getShowStr({
+      viewShowValueStr: viewShowValueStr,
+      labelInValue: labelInValue,
+      selectMode: selectMode,
+      value: value,
+      items: items
+    }),
     style: {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       whiteSpace: 'nowrap'
     },
     className: 'search_select_show'
-  }, getShowStr())) : /*#__PURE__*/React$1.createElement("div", {
+  }, getShowStr({
+    viewShowValueStr: viewShowValueStr,
+    labelInValue: labelInValue,
+    selectMode: selectMode,
+    value: value,
+    items: items
+  }))) : /*#__PURE__*/React$1.createElement("div", {
     className: "".concat(isFormPage ? '' : 'search_select_show_list', " search_select_show"),
     id: "search_select_div_".concat(uniqueValue)
   }, /*#__PURE__*/React$1.createElement(Select, _objectSpread2(_objectSpread2(_objectSpread2({
@@ -6292,7 +6481,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }))), needModalTable && isModalVisible && ( /*#__PURE__*/React$1.createElement(Modal, _objectSpread2({
     maskClosable: false,
     destroyOnClose: true,
-    width: "80%",
+    width: "calc(100% - 320px)",
     title: modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.modalTableTitle,
     visible: isModalVisible,
     confirmLoading: confirmLoading,
@@ -6325,17 +6514,19 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /*#__PURE__*/React$1.createElement(Space, null, /*#__PURE__*/React$1.createElement(Button, {
     key: "search",
     type: "primary",
-    onClick: onSearchTable
+    onClick: onSearchTable,
+    disabled: fetching
   }, "\u67E5\u8BE2 Enter"), /*#__PURE__*/React$1.createElement(Button, {
     key: "reset",
-    onClick: onResetTable
+    onClick: onResetTable,
+    disabled: fetching
   }, "\u91CD\u7F6E ctrl+U"), /*#__PURE__*/React$1.createElement("div", {
     style: {
       position: 'absolute',
       top: 0,
       right: 0
     }
-  }, hasMoreQueryFields(modalTableProps) && (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.isHorizontally) ? /*#__PURE__*/React$1.createElement("img", {
+  }, hasMoreQueryFields(modalTableProps) ? /*#__PURE__*/React$1.createElement("img", {
     onClick: function onClick() {
       toggleCollapsed();
     },
@@ -6384,7 +6575,7 @@ var fixedRightActive = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20enc
 var css_248z$9 = ".sort_table_wrapper .sort_table {\n  display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n  width: 560px;\n  margin-right: 8px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n  width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n  color: #8E8E8E;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n  margin-top: 10px;\n  width: 560px;\n  height: 430px;\n  overflow: auto;\n  padding: 10px;\n  background: #ffffff;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n  width: 538px;\n  line-height: 360px;\n  text-align: center;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n  margin-top: 40px;\n  width: 100px;\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n  width: 144px;\n  height: 16px;\n  line-height: 16px;\n  margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n  margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n  height: 430px;\n  margin-top: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n  padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n  height: 32px;\n  line-height: 32px;\n  padding-left: 10px;\n  color: gray;\n}\n.sort_table_wrapper .ant-modal-body {\n  padding: 10px 16px;\n}\n.sort_table_wrapper .ant-modal-close-x {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n  padding: 0px;\n  padding-right: 10px;\n}\n.sort_table_wrapper input {\n  height: 22px;\n  padding: 6px 4px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n  width: 24px;\n  height: 24px;\n  margin: 0 4px;\n  display: flex;\n  justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n  padding: 8px 16px;\n  display: flex;\n  justify-content: space-between;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n  width: 80px;\n  height: 28px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 12px;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 20px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n  margin-top: 10px;\n  height: 364px;\n  overflow: scroll;\n  padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n  height: 30px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n  width: 24px !important;\n  height: 30px !important;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n  padding-left: 10px !important;\n  padding-right: 0px !important;\n  width: 108px !important;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 30px !important;\n  line-height: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n  cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n  padding-left: 0px !important;\n  padding-right: 3px !important;\n  width: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n  position: relative;\n  top: 1px;\n}\n.sort_table_wrapper .ant-dropdown-link {\n  cursor: pointer;\n}\n";
 styleInject(css_248z$9);
 
-var _excluded$4 = ["className", "style"];
+var _excluded$5 = ["className", "style"];
 var Search = Input.Search;
 var DragHandle = SortableHandle(function () {
   return /*#__PURE__*/React$1.createElement("img", {
@@ -6736,7 +6927,7 @@ var TableColumnSetting = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$4);
+        restProps = _objectWithoutProperties(_ref2, _excluded$5);
       var sortDataSource = _this.state.sortDataSource;
       // function findIndex base on Table rowKey props and should always be a right array index
       var index = sortDataSource.findIndex(function (x) {
@@ -7155,7 +7346,7 @@ var formatFormSourceList = function formatFormSourceList(x, loadList, tableSearc
   });
 };
 
-var _excluded$5 = ["onResize", "width"],
+var _excluded$6 = ["onResize", "width"],
   _excluded2$2 = ["name", "label", "field", "type", "filterFormItem", "initialSource"];
 var checkSpuMatchCode = function checkSpuMatchCode(data) {
   return new Promise(function (resolve, reject) {
@@ -7175,7 +7366,7 @@ var checkSpuMatchCode = function checkSpuMatchCode(data) {
 var ResizeableTitle = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$5);
+    restProps = _objectWithoutProperties(props, _excluded$6);
   if (!width) {
     return /*#__PURE__*/React$1.createElement("th", _objectSpread2({}, restProps));
   }
@@ -7220,6 +7411,7 @@ var AddSelect = function AddSelect(props) {
     clearTitle = props.clearTitle;
   var _ref = requestConfig || {},
     url = _ref.url,
+    sourceKey = _ref.sourceKey,
     otherParams = _ref.otherParams,
     isMap = _ref.isMap,
     _ref$mappingValueFiel = _ref.mappingValueField,
@@ -7812,7 +8004,7 @@ var AddSelect = function AddSelect(props) {
           };
         });
       } else {
-        var keys = res.list ? 'list' : 'items';
+        var keys = sourceKey ? sourceKey : res.list ? 'list' : 'items';
         source = res ? res[keys] ? res[keys].map(function (item) {
           var _item$packingUnitList, _item$packingUnitList2;
           return _objectSpread2(_objectSpread2({}, item), {}, {
@@ -8232,7 +8424,7 @@ var AddSelect = function AddSelect(props) {
   }, /*#__PURE__*/React$1.createElement(Button, _objectSpread2({
     onClick: handleShowModal
   }, realButtonProps), buttonText)), isModalVisible && ( /*#__PURE__*/React$1.createElement(Modal, {
-    width: '1200px',
+    width: "calc(100% - 320px)",
     style: {
       top: 20
     },
@@ -8407,7 +8599,7 @@ var AddSelect = function AddSelect(props) {
 var css_248z$a = ".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 div.add_select_wrapper_select.add_select_wrapper_select_quick {\n  margin: 0;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-body {\n  height: 240px;\n  overflow-y: auto !important;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .table_base {\n  background: #fff;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .table_odd {\n  background: #f7f8fb;\n}\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-cell-fix-left,\n.add_select div.add_select_wrapper_select.add_select_wrapper_select_quick .ant-table-cell-fix-right {\n  background: #FFFFFF !important;\n}\n";
 styleInject(css_248z$a);
 
-var _excluded$6 = ["onResize", "width"];
+var _excluded$7 = ["onResize", "width"];
 var _this = undefined;
 var InputElement = function InputElement(_ref) {
   var _record$packingUnitLi, _record$packingUnitLi2;
@@ -8905,7 +9097,7 @@ var InputElement = function InputElement(_ref) {
 var ResizeableTitle$1 = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$6);
+    restProps = _objectWithoutProperties(props, _excluded$7);
   if (!width) {
     return /*#__PURE__*/React$1.createElement("th", _objectSpread2({}, restProps));
   }
@@ -9475,6 +9667,7 @@ var handleDefaultPrefixUrl = function handleDefaultPrefixUrl(type) {
     case 'spuCommodity':
     case 'skcCommodity':
     case 'brand':
+    case 'spuCommodityWithProperty':
       result = '/items';
       break;
     case 'physicalWarehouse':
@@ -9882,7 +10075,8 @@ function commonFun(type, prefixUrl, parentProps) {
             sourceName: 'qp-skuCode-in',
             specialBracket: true,
             otherParams: {
-              'ownOrgSign': getCurrentTargetBgId()
+              'ownOrgSign': getCurrentTargetBgId(),
+              'ctl-count': true
             } // 默认参数
           }
         }
@@ -9905,18 +10099,22 @@ function commonFun(type, prefixUrl, parentProps) {
             mappingTextField: 'name',
             mappingValueField: 'itemCode',
             sourceName: 'qp-itemCode-in',
-            specialBracket: true
+            specialBracket: true,
+            otherParams: {
+              'ownOrgSign': getCurrentTargetBgId(),
+              'ctl-count': true
+            } // 默认参数
           }
         }
       }
-    }, {
-      name: 'qp-eancode-in',
-      label: '商品条码',
-      field: {
-        type: 'multipleQueryInput',
-        props: _objectSpread2({}, (requestConfigProp === null || requestConfigProp === void 0 ? void 0 : requestConfigProp.itemEancodeValueRequestConfig) || {})
-      }
-    }, {
+    },
+    // { name: 'qp-eancode-in', label: '商品条码', field: {
+    //   type: 'multipleQueryInput',
+    //   props: {
+    //     ...(requestConfigProp?.itemEancodeValueRequestConfig || {}),
+    //   },
+    // }},
+    {
       name: 'qp-brandId-in',
       type: 'select',
       label: '品牌',
@@ -9976,8 +10174,8 @@ function commonFun(type, prefixUrl, parentProps) {
       pageSize: 5000,
       currentPage: 1
     })]).then(function (x) {
-      formatSource(x, 0, 4, tableSearchForm, ['id', 'name']);
-      formatTreeDataSource(x, 1, 5, tableSearchForm);
+      formatSource(x, 0, 3, tableSearchForm, ['id', 'name']);
+      formatTreeDataSource(x, 1, 4, tableSearchForm);
     });
     modalTableProps = _objectSpread2({
       modalTableTitle: '选择SKU',
@@ -10038,6 +10236,144 @@ function commonFun(type, prefixUrl, parentProps) {
   }
   // 商品选择器spu
   if (type === 'spuCommodity') {
+    selectProps = _objectSpread2({
+      placeholder: '输入商品(SPU)编码或名称',
+      renderTableColumns: [{
+        title: '商品编码(SPU)',
+        dataIndex: 'itemCode'
+      }, {
+        title: '商品名称(SPU)',
+        dataIndex: 'name'
+      }]
+    }, selectConfigProps);
+    requestConfig = _objectSpread2({
+      url: "".concat(prefixUrl.selectPrefix, "/item"),
+      filter: 'qp-itemCode,name-orGroup,like',
+      mappingTextField: 'name',
+      mappingValueField: 'itemCode',
+      otherParams: _objectSpread2({
+        'qp-approveStatus-eq': 1,
+        sorter: 'desc-id'
+      }, (requestConfigProp === null || requestConfigProp === void 0 ? void 0 : requestConfigProp.addOtherParams) || {}),
+      sourceName: 'itemCode'
+    }, requestConfigProp);
+    tableSearchForm = [{
+      name: 'qp-itemCode-like',
+      label: '商品编码(SPU)'
+    }, {
+      name: 'qp-name-like',
+      label: '商品名称(SPU)'
+    }, {
+      name: 'qp-brandId-in',
+      type: 'select',
+      label: '品牌',
+      field: {
+        type: 'select',
+        props: {
+          mode: 'multiple',
+          notFoundContent: '暂无数据',
+          allowClear: true,
+          showSearch: true,
+          showArrow: true,
+          maxTagCount: 1,
+          optionFilterProp: 'children',
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          }
+        }
+      }
+    }, {
+      name: 'qp-categoryId-in',
+      type: 'treeSelect',
+      label: '类目',
+      field: {
+        type: 'treeSelect',
+        props: {
+          treeData: [],
+          treeCheckable: true,
+          showSearch: true,
+          allowClear: true,
+          showArrow: true,
+          treeNodeFilterProp: 'title',
+          treeDefaultExpandAll: true,
+          maxTagCount: 1,
+          placeholder: '请选择',
+          style: {
+            width: '100%'
+          },
+          dropdownStyle: {
+            maxHeight: 400,
+            maxWidth: 100,
+            overflow: 'auto'
+          }
+        }
+      }
+    }, {
+      name: 'qp-classId-in',
+      type: 'select',
+      label: '品类',
+      field: {
+        type: 'select',
+        props: {
+          mode: 'multiple',
+          notFoundContent: '暂无数据',
+          allowClear: true,
+          showSearch: true,
+          showArrow: true,
+          maxTagCount: 1,
+          optionFilterProp: 'children',
+          filterOption: function filterOption(input, option) {
+            return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+          }
+        }
+      }
+    }];
+    Promise.all([loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/brand/queryBrandList"), {
+      pageSize: 5000,
+      currentPage: 1,
+      'ctl-withAuth': true
+    }), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/category/queryCategoryTree"), {
+      pageSize: 5000,
+      currentPage: 1
+    }), loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/class/withProperty"), {
+      pageSize: 5000,
+      currentPage: 1
+    })]).then(function (x) {
+      formatSource(x, 0, 2, tableSearchForm, ['id', 'name']);
+      formatTreeDataSource(x, 1, 3, tableSearchForm);
+      formatSource(x, 2, 4, tableSearchForm, ['id', 'name']);
+    });
+    modalTableProps = _objectSpread2({
+      modalTableTitle: '选择商品(SPU) ',
+      tableSearchForm: tableSearchForm,
+      tableColumns: [{
+        title: '序号',
+        dataIndex: 'keyIndex',
+        defaultSort: 0
+      }, {
+        title: '商品编码(SPU)',
+        dataIndex: 'itemCode',
+        defaultSort: 1
+      }, {
+        title: '商品名称(SPU) ',
+        dataIndex: 'name',
+        defaultSort: 2
+      }, {
+        title: '品牌',
+        dataIndex: 'brandName',
+        defaultSort: 3
+      }, {
+        title: '类目',
+        dataIndex: 'categoryText',
+        defaultSort: 4
+      }, {
+        title: '品类',
+        dataIndex: 'className'
+      }]
+    }, modalTableBusProps);
+  }
+  // 新库存商品选择器spu
+  if (type === 'spuCommodityWithProperty') {
     selectProps = _objectSpread2({
       placeholder: '输入spu编码或名称',
       renderTableColumns: [{
@@ -10049,12 +10385,13 @@ function commonFun(type, prefixUrl, parentProps) {
       }]
     }, selectConfigProps);
     requestConfig = _objectSpread2({
-      url: "".concat(prefixUrl.selectPrefix, "/item"),
+      url: "/stock/item/doItemPageAll",
+      method: 'POST',
       filter: 'qp-itemCode,name-orGroup,like',
       mappingTextField: 'name',
       mappingValueField: 'itemCode',
       otherParams: _objectSpread2({
-        'qp-approveStatus-eq': 1,
+        // 'qp-approveStatus-eq': 1, // 审核状态(0.待审批;1.审批通过;2.驳回;3.审批未通过)
         sorter: 'desc-id'
       }, (requestConfigProp === null || requestConfigProp === void 0 ? void 0 : requestConfigProp.addOtherParams) || {}),
       sourceName: 'itemCode'
@@ -10129,6 +10466,56 @@ function commonFun(type, prefixUrl, parentProps) {
           }
         }
       }
+    }, {
+      name: 'qp-year-in',
+      label: '年份',
+      field: {
+        type: 'itemPropertySelector',
+        props: {
+          propertyCode: 'SX0000114',
+          mode: 'multiple'
+        }
+      }
+    }, {
+      name: 'qp-season-in',
+      label: '季节',
+      field: {
+        type: 'itemPropertySelector',
+        props: {
+          propertyCode: 'SX0000070',
+          mode: 'multiple'
+        }
+      }
+    }, {
+      name: 'qp-zzdlbm-in',
+      label: '大类',
+      field: {
+        type: 'itemPropertySelector',
+        props: {
+          propertyCode: 'SX0000071',
+          mode: 'multiple'
+        }
+      }
+    }, {
+      name: 'qp-zzzlbm-in',
+      label: '中类',
+      field: {
+        type: 'itemPropertySelector',
+        props: {
+          propertyCode: 'SX0000072',
+          mode: 'multiple'
+        }
+      }
+    }, {
+      name: 'qp-zzxlbm-in',
+      label: '小类',
+      field: {
+        type: 'itemPropertySelector',
+        props: {
+          propertyCode: 'SX0000110',
+          mode: 'multiple'
+        }
+      }
     }];
     Promise.all([loadSelectSource$1("".concat(prefixUrl.formSelectFix, "/brand/queryBrandList"), {
       pageSize: 5000,
@@ -10171,7 +10558,8 @@ function commonFun(type, prefixUrl, parentProps) {
       }, {
         title: '品类',
         dataIndex: 'className'
-      }]
+      }],
+      noEmptySearchField: true
     }, modalTableBusProps);
   }
   // 商品选择器skc
@@ -13684,16 +14072,18 @@ var CommodityEntry = function CommodityEntry(props) {
     modalProps = _useState2[0],
     setModalProps = _useState2[1];
   var handleOk = function handleOk() {
-    var _dataValidationRef$cu;
+    var _dataValidationRef$cu, _dataValidationRef$cu2;
     // 方法获取当前组件内部的数据，然后进行自身的业务操作
-    var resultData = (_dataValidationRef$cu = dataValidationRef.current) === null || _dataValidationRef$cu === void 0 ? void 0 : _dataValidationRef$cu.getValidateData();
-    if (!resultData.successData.length) {
-      message$1.error("无校验通过数据，请校验数据");
-      return;
-    }
-    if (resultData.failData.length) {
-      message$1.error("\u6709".concat(resultData.failData.length, "\u6761\u6821\u9A8C\u5931\u8D25\u6570\u636E"));
-      return;
+    var resultData = (props === null || props === void 0 ? void 0 : props.notValid) ? (_dataValidationRef$cu = dataValidationRef.current) === null || _dataValidationRef$cu === void 0 ? void 0 : _dataValidationRef$cu.getData() : (_dataValidationRef$cu2 = dataValidationRef.current) === null || _dataValidationRef$cu2 === void 0 ? void 0 : _dataValidationRef$cu2.getValidateData();
+    if (!!!(props === null || props === void 0 ? void 0 : props.notValid)) {
+      if (!resultData.successData.length) {
+        message$1.error("无校验通过数据，请校验数据");
+        return;
+      }
+      if (resultData.failData.length) {
+        message$1.error("\u6709".concat(resultData.failData.length, "\u6761\u6821\u9A8C\u5931\u8D25\u6570\u636E"));
+        return;
+      }
     }
     callbackHandleOk(resultData, function () {
       modalProps.hideModal();
@@ -13773,7 +14163,7 @@ function getStorageVale(storageKeyString) {
   return "";
 }
 
-var _excluded$7 = ["ctx", "value", "valueName", "onChange", "onChangeName", "placeholder", "remoteSource", "initialValue", "treeCheckable", "showSearch", "maxTagCount", "multiple", "isChoose", "rootDisabled", "mode", "getPopupContainer", "labelInValue", "showArrow", "allowClear", "showCheckedStrategy", "style", "getTreeData", "disabled"];
+var _excluded$8 = ["ctx", "value", "valueName", "onChange", "onChangeName", "placeholder", "remoteSource", "initialValue", "treeCheckable", "showSearch", "maxTagCount", "multiple", "isChoose", "rootDisabled", "mode", "getPopupContainer", "labelInValue", "showArrow", "allowClear", "showCheckedStrategy", "style", "getTreeData", "disabled"];
 var TreeSearchSelect = function TreeSearchSelect(props) {
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13815,7 +14205,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     } : _props$style,
     getTreeData = props.getTreeData,
     disabled = props.disabled,
-    restProps = _objectWithoutProperties(props, _excluded$7);
+    restProps = _objectWithoutProperties(props, _excluded$8);
   var url = remoteSource.url,
     headers = remoteSource.headers,
     _remoteSource$paramsK = remoteSource.paramsKey,
@@ -14241,7 +14631,7 @@ var index$2 = (function (props) {
 var css_248z$c = ".guide-wrapper .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.guide-wrapper .form-guide .form-guide-top {\n  padding: 0px 10px;\n  display: flex;\n  justify-content: center;\n}\n.guide-wrapper .form-guide .form-guide-center {\n  border-top: 1px solid #6E7588;\n  border-bottom: 1px solid #6E7588;\n  padding: 0px 10px;\n}\n.guide-wrapper .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.guide-wrapper .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.guide-wrapper .form-guide .form-guide-bottom {\n  padding: 5px 10px;\n  display: flex;\n  justify-content: center;\n}\n.guide-wrapper .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.guide-wrapper .white-card.bitsun-form-card-class .guidewrapper-body-wrapper {\n  background-color: #FFFFFF;\n  padding: 0px;\n}\n.guide-wrapper .bitsun-form-card-class > .guidewrapper-body-wrapper {\n  margin-bottom: 10px;\n}\n.guide-wrapper .bitsun-form-card-class .guidewrapper-body-wrapper {\n  padding: 12px 0 0;\n  background-color: #F3F3F3;\n}\n.guide-wrapper .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  background-color: #FFFFFF;\n  padding: 8px 0;\n  margin: 0px;\n}\n.guide-wrapper .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.guide-wrapper .field-group-hidden .guidewrapper-body-wrapper {\n  display: none !important;\n}\n.guide-wrapper .bs-guidewrap-icon-wrap {\n  cursor: pointer;\n  color: #B6B6B6;\n}\n.guide-wrapper .bs-guidewrap-icon-wrap .bs-guidewrap-icon {\n  transition: transform 0.3s;\n}\n.guide-wrapper .bs-guidewrap-icon-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.guidewrapper-head-wrap {\n  padding-left: 16px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: #fff;\n}\n.guidewrapper-head-wrap .guidewrapper-head-left {\n  display: flex;\n  align-items: center;\n}\n.guidewrapper-head-wrap .guidewrapper-head-left::before {\n  content: '';\n  display: block;\n  width: 3px;\n  background: #005cff;\n  height: 20px;\n}\n.guidewrapper-head-wrap .guidewrapper-head-left .guidewrapper-head-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n  padding: 0 6px;\n}\n.guidewrapper-head-border {\n  border-bottom: 1px solid #F0F0F0;\n}\n.guidewrapper-title-extra-wrap {\n  padding-left: 5px;\n}\n";
 styleInject(css_248z$c);
 
-var _excluded$8 = ["children", "titleExtra", "title", "extra", "bordered"],
+var _excluded$9 = ["children", "titleExtra", "title", "extra", "bordered"],
   _excluded2$3 = ["children"];
 var Field = function Field(_ref) {
   var children = _ref.children,
@@ -14249,7 +14639,7 @@ var Field = function Field(_ref) {
     title = _ref.title,
     extra = _ref.extra,
     bordered = _ref.bordered,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$9);
   var _React$useState = React$1.useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldGroupVisible = _React$useState2[0],
@@ -14376,7 +14766,7 @@ var ExportIcon = function ExportIcon(_ref) {
 var css_248z$d = ".sort_table_wrapper .sort_table {\n  display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n  width: 560px;\n  margin-right: 8px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n  width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n  color: #8E8E8E;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n  margin-top: 10px;\n  width: 560px;\n  height: 430px;\n  overflow: auto;\n  padding: 10px;\n  background: #ffffff;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n  width: 538px;\n  line-height: 360px;\n  text-align: center;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n  margin-top: 40px;\n  width: 100px;\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n  width: 144px;\n  height: 16px;\n  line-height: 16px;\n  margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n  margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n  height: 430px;\n  margin-top: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n  padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n  height: 32px;\n  line-height: 32px;\n  padding-left: 10px;\n  color: gray;\n}\n.sort_table_wrapper .ant-modal-body {\n  padding: 10px 16px;\n}\n.sort_table_wrapper .ant-modal-close-x {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n  padding: 0px;\n  padding-right: 10px;\n}\n.sort_table_wrapper input {\n  height: 22px;\n  padding: 6px 4px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n  width: 24px;\n  height: 24px;\n  margin: 0 4px;\n  display: flex;\n  justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n  padding: 8px 16px;\n  display: flex;\n  justify-content: space-between;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n  width: 80px;\n  height: 28px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 12px;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 20px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n  margin-top: 10px;\n  height: 364px;\n  overflow: scroll;\n  padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n  height: 30px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n  width: 24px !important;\n  height: 30px !important;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n  padding-left: 10px !important;\n  padding-right: 0px !important;\n  width: 108px !important;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 30px !important;\n  line-height: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n  cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n  padding-left: 0px !important;\n  padding-right: 3px !important;\n  width: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n  position: relative;\n  top: 1px;\n}\n.sort_table_wrapper .ant-dropdown-link {\n  cursor: pointer;\n}\n";
 styleInject(css_248z$d);
 
-var _excluded$9 = ["className", "style"];
+var _excluded$a = ["className", "style"];
 var Search$1 = Input.Search;
 var DragHandle$1 = SortableHandle(function () {
   return /*#__PURE__*/React$1.createElement("img", {
@@ -14794,7 +15184,7 @@ var SortableTable = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$9);
+        restProps = _objectWithoutProperties(_ref2, _excluded$a);
       var sortDataSource = _this.state.sortDataSource;
       // function findIndex base on Table rowKey props and should always be a right array index
       var index = sortDataSource.findIndex(function (x) {
@@ -15148,7 +15538,7 @@ var TableSumComponent = (function (_ref) {
   }));
 });
 
-var _excluded$a = ["onResize", "width"],
+var _excluded$b = ["onResize", "width"],
   _excluded2$4 = ["style", "columns", "tableCode", "appRequestConfig", "summary", "dynamicColumns", "scroll"];
 var Text = Typography.Text;
 var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
@@ -15252,7 +15642,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
     _this.ResizeableTitle = function (props) {
       var onResize = props.onResize,
         width = props.width,
-        restProps = _objectWithoutProperties(props, _excluded$a);
+        restProps = _objectWithoutProperties(props, _excluded$b);
       var _useState = useState(width),
         _useState2 = _slicedToArray(_useState, 2),
         innerWidth = _useState2[0],
@@ -15493,7 +15883,7 @@ var ColumnSettingSulaTable = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React$1.Component);
 
-var _excluded$b = ["onResize", "width"],
+var _excluded$c = ["onResize", "width"],
   _excluded2$5 = ["columns", "tableCode", "appRequestConfig", "summary", "dynamicColumns", "scroll"];
 var Text$1 = Typography.Text;
 var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
@@ -15603,7 +15993,7 @@ var ColumnSettingTable = /*#__PURE__*/function (_React$Component) {
     _this.ResizeableTitle = function (props) {
       var onResize = props.onResize,
         width = props.width,
-        restProps = _objectWithoutProperties(props, _excluded$b);
+        restProps = _objectWithoutProperties(props, _excluded$c);
       if (!width) {
         return /*#__PURE__*/React$1.createElement("th", _objectSpread2({}, restProps));
       }
@@ -15795,6 +16185,14 @@ var getMainCrumbNameMap = function getMainCrumbNameMap(menuData) {
   var flattenMenuData = function flattenMenuData(data, parent) {
     var pNameMap = parent.nameMap ? _toConsumableArray(parent.nameMap) : [];
     data.forEach(function (menuItem) {
+      // 面包屑路径，增加显示一级导航路径显示
+      if (parent.isMenuRoot) {
+        var _ref, _ref$applicationList, _ref$applicationList$;
+        var newList = ((_ref = window.top || window) === null || _ref === void 0 ? void 0 : (_ref$applicationList = _ref.applicationList) === null || _ref$applicationList === void 0 ? void 0 : (_ref$applicationList$ = _ref$applicationList.filter) === null || _ref$applicationList$ === void 0 ? void 0 : _ref$applicationList$.call(_ref$applicationList, function (app) {
+          return app.code === menuItem.belongAppCode;
+        })) || [];
+        pNameMap = newList.length > 0 ? [newList[0].name] : [];
+      }
       var newMenuItem = _objectSpread2(_objectSpread2({}, menuItem), {}, {
         nameMap: [].concat(_toConsumableArray(pNameMap), [menuItem.name])
       });
@@ -15805,7 +16203,9 @@ var getMainCrumbNameMap = function getMainCrumbNameMap(menuData) {
       routerMap[menuItem.path] = _objectSpread2({}, newMenuItem);
     });
   };
-  flattenMenuData(menuData, {});
+  flattenMenuData(menuData, {
+    isMenuRoot: true
+  });
   return routerMap;
 };
 // mode类型判断
@@ -15845,8 +16245,8 @@ function matchRoute(path, routeObj, hideRouteObj) {
   // 如果都不匹配，返回null
   return null;
 }
-var getDetailMatchRoute = function getDetailMatchRoute(path, routeObj, hideRouteArray, _ref) {
-  var pathToRegexp = _ref.pathToRegexp;
+var getDetailMatchRoute = function getDetailMatchRoute(path, routeObj, hideRouteArray, _ref2) {
+  var pathToRegexp = _ref2.pathToRegexp;
   var newPath = path.split('?')[0];
   var hideRouteObj = _defineProperty({}, newPath, Array.isArray(hideRouteArray) && (hideRouteArray === null || hideRouteArray === void 0 ? void 0 : hideRouteArray.find(function (itemRoute) {
     return pathToRegexp(itemRoute.path).test(newPath);
@@ -15866,30 +16266,42 @@ var getDetailMatchRoute = function getDetailMatchRoute(path, routeObj, hideRoute
   return undefined;
 };
 
-var css_248z$f = ".bs_detail_page_head_wrapper {\n  height: 32px;\n  position: sticky;\n  background: #fff;\n  width: 100%;\n  top: 0px;\n  z-index: 10;\n}\n.detail_page_head {\n  height: 32px;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  background-color: #FFFFFF;\n  font-weight: 500;\n}\n.detail_page_head .ant-breadcrumb {\n  display: block !important;\n}\n.detail_page_head .ant-breadcrumb .ant-breadcrumb-separator {\n  margin: 0 2px;\n}\n.detail_page_head .ant-breadcrumb li .bread_name {\n  color: #8B8B8B;\n  font-size: 12px;\n  cursor: pointer;\n}\n.detail_page_head .ant-breadcrumb li .bread_name_last {\n  color: #282828;\n}\n.detail_page_head .ant-breadcrumb li .bread_name_pre:hover {\n  color: #000000d9;\n}\n.detail_page_wrapper {\n  height: calc(100vh - 80px);\n}\n.back_home_img_content {\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  border: 1px solid #BABABA;\n  margin: 0 8px 0 10px;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.back_home_img_content .anticon-arrow-left {\n  color: #BABABA;\n}\n.back_home_img_content:hover {\n  background-color: #005cff;\n  border: 1px solid #005cff;\n}\n.back_home_img_content:hover .anticon-arrow-left {\n  color: #FFFFFF;\n}\n.detail_page_title_box {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n}\n.detail_page_title {\n  height: 20px;\n  font-family: PingFangSC;\n  font-weight: 600;\n  font-size: 14px;\n  padding-right: 10px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 20px;\n  display: none;\n}\n.detail_page_btns {\n  display: flex;\n  gap: 8px;\n  margin-right: 20px;\n}\n.detail_page_btns button {\n  height: 24px !important;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 3px;\n  padding: 0 10px;\n}\n.detail_page_btns .ant-btn-dangerous {\n  background-color: #EC5246 !important;\n}\n";
+var css_248z$f = ".bs_detail_page_head_wrapper {\n  height: 32px;\n  position: sticky;\n  background: #fff;\n  width: 100%;\n  top: 0px;\n  z-index: 10;\n}\n.detail_page_head {\n  height: 32px;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  background-color: #FFFFFF;\n  font-weight: 500;\n}\n.detail_page_head .ant-breadcrumb {\n  display: block !important;\n}\n.detail_page_head .ant-breadcrumb .ant-breadcrumb-separator {\n  margin: 0 2px;\n}\n.detail_page_head .ant-breadcrumb li .bread_name {\n  color: #8B8B8B;\n  font-size: 12px;\n  cursor: pointer;\n}\n.detail_page_head .ant-breadcrumb li .bread_name_last {\n  color: #282828;\n}\n.detail_page_head .ant-breadcrumb li .bread_name_pre:hover {\n  color: #000000d9;\n}\n.detail_page_wrapper {\n  height: calc(100vh - 80px);\n}\n.back_home_img_content {\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  border: 1px solid #BABABA;\n  margin: 0 8px 0 10px;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.back_home_img_content .anticon-arrow-left {\n  color: #BABABA;\n}\n.back_home_img_content:hover {\n  background-color: #005cff;\n  border: 1px solid #005cff;\n}\n.back_home_img_content:hover .anticon-arrow-left {\n  color: #FFFFFF;\n}\n.detail_page_title_box {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n}\n.detail_page_title {\n  height: 20px;\n  font-family: PingFangSC;\n  font-weight: 600;\n  font-size: 14px;\n  padding-right: 10px;\n  color: #000000;\n  letter-spacing: 0;\n  line-height: 20px;\n  display: none;\n}\n.detail_page_btns {\n  display: flex;\n  gap: 8px;\n  margin-right: 20px;\n}\n.detail_page_btns button {\n  height: 24px !important;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 3px;\n  padding: 0 2px;\n}\n.detail_page_btns .ant-btn-dangerous {\n  background-color: #EC5246 !important;\n}\n";
 styleInject(css_248z$f);
 
 var quanping = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2234px%22%20height%3D%2234px%22%20viewBox%3D%220%200%2034%2034%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%9F%A9%E5%BD%A2%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E5%88%97%E8%A1%A8%E5%8A%9F%E8%83%BD%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%E6%98%9F%E6%BE%9C-%E6%90%9C%E7%B4%A2-%E6%90%9C%E7%B4%A2%E5%8A%9F%E8%83%BD%22%20transform%3D%22translate%28-1823.000000%2C%20-297.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E6%90%9C%E7%B4%A2%E7%BB%84%E4%BB%B6-%E6%A0%B7%E5%BC%8F%E4%B8%80%22%20transform%3D%22translate%28230.000000%2C%20284.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%A1%AE%E5%AE%9A%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%281593.000000%2C%2013.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.55801813%2C1%20L28.4419819%2C1%20C30.0269041%2C1%2030.6016352%2C1.16502331%2031.181059%2C1.47490258%20C31.7604829%2C1.78478186%2032.2152181%2C2.2395171%2032.5250974%2C2.81894097%20C32.8349767%2C3.39836484%2033%2C3.97309593%2033%2C5.55801813%20L33%2C28.4419819%20C33%2C30.0269041%2032.8349767%2C30.6016352%2032.5250974%2C31.181059%20C32.2152181%2C31.7604829%2031.7604829%2C32.2152181%2031.181059%2C32.5250974%20C30.6016352%2C32.8349767%2030.0269041%2C33%2028.4419819%2C33%20L5.55801813%2C33%20C3.97309593%2C33%203.39836484%2C32.8349767%202.81894097%2C32.5250974%20C2.2395171%2C32.2152181%201.78478186%2C31.7604829%201.47490258%2C31.181059%20C1.16502331%2C30.6016352%201%2C30.0269041%201%2C28.4419819%20L1%2C5.55801813%20C1%2C3.97309593%201.16502331%2C3.39836484%201.47490258%2C2.81894097%20C1.78478186%2C2.2395171%202.2395171%2C1.78478186%202.81894097%2C1.47490258%20C3.39836484%2C1.16502331%203.97309593%2C1%205.55801813%2C1%20Z%22%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%220.888888889%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%3Cg%20id%3D%22scanning%22%20transform%3D%22translate%289.000000%2C%209.000000%29%22%20fill%3D%22%23000000%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%3Cpath%20d%3D%22M5.21873562%2C9.69278114%20L6.28954184%2C10.7432953%20L2.532%2C14.5%20L5.24949999%2C14.5%20L5.24949999%2C16%20L1.5%2C16%20C0.671572876%2C16%200%2C15.3284271%200%2C14.5%20L0%2C11%20L1.5%2C11%20L1.5%2C13.41%20L5.21873562%2C9.69278114%20Z%20M10.7898541%2C9.72266777%20L14.499%2C13.431%20L14.5%2C11%20L16%2C11%20L16%2C14.5%20C16%2C15.3284271%2015.3284271%2C16%2014.5%2C16%20L10.7495%2C16%20L10.7495%2C14.5%20L13.446%2C14.5%20L9.71904783%2C10.7731819%20L10.7898541%2C9.72266777%20Z%20M14.5%2C0%20C15.3284271%2C0%2016%2C0.671572876%2016%2C1.5%20L16%2C5%20L14.5%2C5%20L14.499%2C2.588%20L10.779708%2C6.3074783%20L9.71904783%2C5.24681813%20L13.465%2C1.5%20L10.75%2C1.5%20L10.75%2C0%20L14.5%2C0%20Z%20M5.25000001%2C0%20L5.25000001%2C1.5%20L2.567%2C1.5%20L6.31400442%2C5.24681813%20L5.25334424%2C6.3074783%20L1.5%2C2.554%20L1.5%2C5%20L0%2C5%20L0%2C1.5%20C0%2C0.671572876%200.671572876%2C0%201.5%2C0%20L5.25000001%2C0%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%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%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 scanning = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2234px%22%20height%3D%2234px%22%20viewBox%3D%220%200%2034%2034%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%3Escanning%402x%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.55801813%2C-4.10857923e-16%20L27.4419819%2C1.84149388e-16%20C29.0269041%2C-1.06996098e-16%2029.6016352%2C0.165023309%2030.181059%2C0.474902584%20C30.7604829%2C0.78478186%2031.2152181%2C1.2395171%2031.5250974%2C1.81894097%20C31.8349767%2C2.39836484%2032%2C2.97309593%2032%2C4.55801813%20L32%2C27.4419819%20C32%2C29.0269041%2031.8349767%2C29.6016352%2031.5250974%2C30.181059%20C31.2152181%2C30.7604829%2030.7604829%2C31.2152181%2030.181059%2C31.5250974%20C29.6016352%2C31.8349767%2029.0269041%2C32%2027.4419819%2C32%20L4.55801813%2C32%20C2.97309593%2C32%202.39836484%2C31.8349767%201.81894097%2C31.5250974%20C1.2395171%2C31.2152181%200.78478186%2C30.7604829%200.474902584%2C30.181059%20C0.165023309%2C29.6016352%202.03054919e-16%2C29.0269041%20-3.49474794e-16%2C27.4419819%20L1.22766259e-16%2C4.55801813%20C-7.13307317e-17%2C2.97309593%200.165023309%2C2.39836484%200.474902584%2C1.81894097%20C0.78478186%2C1.2395171%201.2395171%2C0.78478186%201.81894097%2C0.474902584%20C2.39836484%2C0.165023309%202.97309593%2C2.38720285e-16%204.55801813%2C-4.10857923e-16%20Z%22%20id%3D%22path-1%22%3E%3C%2Fpath%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E5%88%97%E8%A1%A8%E5%8A%9F%E8%83%BD%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%E7%94%BB%E6%9D%BF%22%20transform%3D%22translate%28-63.000000%2C%20-69.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22scanning%22%20transform%3D%22translate%2864.244061%2C%2070.096401%29%22%3E%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%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%3C%2Fmask%3E%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%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%220.888888889%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%3Cg%20mask%3D%22url%28%23mask-2%29%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%20id%3D%22%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%288.000000%2C%208.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%3Cpath%20d%3D%22M5.21873562%2C9.69278114%20L6.28954184%2C10.7432953%20L2.532%2C14.4997811%20L5.24949999%2C14.5%20L5.24949999%2C16%20L1.5%2C16%20C0.671572876%2C16%200%2C15.3284271%200%2C14.5%20L0%2C11%20L1.5%2C11%20L1.5%2C13.4107811%20L5.21873562%2C9.69278114%20Z%22%20transform%3D%22translate%283.144771%2C%2012.846391%29%20scale%28-1%2C%20-1%29%20translate%28-3.144771%2C%20-12.846391%29%20%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%3Cpath%20d%3D%22M10.7898541%2C9.72266777%20L14.4990478%2C13.4326678%20L14.5%2C11%20L16%2C11%20L16%2C14.5%20C16%2C15.3284271%2015.3284271%2C16%2014.5%2C16%20L10.7495%2C16%20L10.7495%2C14.5%20L13.4460478%2C14.4996678%20L9.71904783%2C10.7731819%20L10.7898541%2C9.72266777%20Z%22%20transform%3D%22translate%2812.859524%2C%2012.861334%29%20scale%28-1%2C%20-1%29%20translate%28-12.859524%2C%20-12.861334%29%20%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%3Cpath%20d%3D%22M14.5%2C0%20C15.3284271%2C0%2016%2C0.671572876%2016%2C1.5%20L16%2C5%20L14.5%2C5%20L14.4990478%2C2.587%20L10.779708%2C6.3074783%20L9.71904783%2C5.24681813%20L13.4650478%2C1.5%20L10.75%2C1.5%20L10.75%2C0%20L14.5%2C0%20Z%22%20transform%3D%22translate%2812.859524%2C%203.153739%29%20scale%28-1%2C%20-1%29%20translate%28-12.859524%2C%20-3.153739%29%20%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%3Cpath%20d%3D%22M5.25000001%2C0%20L5.25000001%2C1.5%20L2.567%2C1.5%20L6.31400442%2C5.24681813%20L5.25334424%2C6.3074783%20L1.5%2C2.554%20L1.5%2C5%20L0%2C5%20L0%2C1.5%20C0%2C0.671572876%200.671572876%2C0%201.5%2C0%20L5.25000001%2C0%20Z%22%20transform%3D%22translate%283.157002%2C%203.153739%29%20scale%28-1%2C%20-1%29%20translate%28-3.157002%2C%20-3.153739%29%20%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%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 editIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%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%209%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA%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%E6%9C%80%E6%96%B0%E6%A1%86%E6%9E%B6-%E4%B8%8B%E6%8B%89%E5%BC%8F%E5%B1%95%E5%BC%80%22%20transform%3D%22translate%28-1509.000000%2C%20-94.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-7%22%20transform%3D%22translate%28160.000000%2C%2050.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22tab%E5%AF%BC%E8%88%AA%E5%A4%87%E4%BB%BD-7%22%20transform%3D%22translate%280.000000%2C%2026.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-10%22%20transform%3D%22translate%281339.000000%2C%2012.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%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-2%22%20transform%3D%22translate%2810.000000%2C%206.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%20%20%20%20%3Crect%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%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%20id%3D%22%E7%BC%96%E7%BB%84%22%20transform%3D%22translate%283.000000%2C%204.000000%29%22%20fill%3D%22%23FFFFFF%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%20%20%20%20%3Cpath%20d%3D%22M10.389993%2C0%20L10.389993%2C1.3%20L1.27053272%2C1.3%20L1.27053272%2C10.8333333%20L11.4347944%2C10.8333333%20L11.4347944%2C6.06666667%20L12.7053272%2C6.06666667%20L12.7053272%2C10.8333333%20C12.7053272%2C11.5513035%2012.1364903%2C12.1333333%2011.4347944%2C12.1333333%20L1.27053272%2C12.1333333%20C0.568836873%2C12.1333333%200%2C11.5513035%200%2C10.8333333%20L0%2C1.3%20C0%2C0.582029825%200.568836873%2C0%201.27053272%2C0%20L10.389993%2C0%20Z%20M13.1046979%2C0.492266673%20L14%2C1.4144%20L7.17639229%2C8.34686666%20L7.17893335%2C8.34946666%20L6.25398553%2C8.38153334%20L6.28024322%2C7.42126667%20L6.28193725%2C7.42343334%20L13.1046979%2C0.492266673%20L13.1046979%2C0.492266673%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%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 editIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M20%2C18.6652611%20L20%2C19.3979707%20L20%2C20%20L4%2C20%20L4%2C19.3979707%20L4%2C18.6652611%20L20%2C18.6652611%20Z%20M14.2960911%2C4.17633188%20C14.5275784%2C3.94122271%2014.9028913%2C3.94122271%2015.1343622%2C4.17633188%20L17.4163545%2C6.49402774%20C17.6478583%2C6.72913692%2017.6478583%2C7.11032182%2017.4163545%2C7.345431%20L8.43496158%2C16.4277085%20C8.36527571%2C16.4984893%208.27931305%2C16.550506%208.18485181%2C16.579052%20L4.93650384%2C17.560527%20C4.48520307%2C17.6968699%204.06507135%2C17.2701649%204.19933041%2C16.8118199%20L5.16568606%2C13.512649%20C5.19379224%2C13.4167098%205.24500766%2C13.3294022%205.31469813%2C13.2586261%20L14.2960911%2C4.17633188%20Z%20M20%2C16.1286246%20L20%2C16.8560691%20L20%2C17.4580984%20C19.2791568%2C17.4580984%2018.3492175%2C17.4580984%2017.2101821%2C17.4580984%20C16.0711466%2C17.4580984%2014.1650083%2C17.4580984%2011.4917673%2C17.4580984%20L11.4917673%2C16.8560691%20L11.4917673%2C16.1286246%20L20%2C16.1286246%20Z%20M6.25913831%2C14.002149%20L5.64777717%2C16.0893847%20L7.70287596%2C15.4684416%20L16.0610272%2C7.06564268%20L14.6173225%2C5.5993668%20L6.25913831%2C14.002149%20Z%22%20fill%3D%22%232C2C2C%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
 
 var submitIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%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%2013%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA%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%E6%9C%80%E6%96%B0%E6%A1%86%E6%9E%B6-%E4%B8%8B%E6%8B%89%E5%BC%8F%E5%B1%95%E5%BC%80%22%20transform%3D%22translate%28-1587.000000%2C%20-94.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-7%22%20transform%3D%22translate%28160.000000%2C%2050.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22tab%E5%AF%BC%E8%88%AA%E5%A4%87%E4%BB%BD-7%22%20transform%3D%22translate%280.000000%2C%2026.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-10%22%20transform%3D%22translate%281339.000000%2C%2012.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%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2878.000000%2C%200.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%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-4%22%20transform%3D%22translate%2810.000000%2C%206.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%20%20%20%20%20%20%20%20%3Crect%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%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%22M10%2C3%20C13.8660588%2C3%2017%2C6.13394117%2017%2C10%20C17%2C13.8660588%2013.8660588%2C17%2010%2C17%20C6.13394117%2C17%203%2C13.8660588%203%2C10%20C3%2C6.13394117%206.13394117%2C3%2010%2C3%20Z%20M10%2C4.23529412%20C6.8162353%2C4.23529412%204.23529412%2C6.81623528%204.23529412%2C10%20C4.23529412%2C13.1837647%206.81623528%2C15.7647059%2010%2C15.7647059%20C13.1837647%2C15.7647059%2015.7647059%2C13.1837647%2015.7647059%2C10%20C15.7647059%2C6.81623528%2013.1837647%2C4.23529412%2010%2C4.23529412%20Z%20M13.2628235%2C6.68735294%20L14.1489412%2C7.54794118%20L8.90223529%2C12.947%20L6.26117647%2C10.2071177%20L7.15058823%2C9.34982354%20L8.90594117%2C11.1706471%20L13.2628235%2C6.68735294%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%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 deleteIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%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%AD%9B%E9%80%89-%E7%8A%B6%E6%80%81%E4%B8%80%E5%A4%87%E4%BB%BD%202%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%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA%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%E6%9C%80%E6%96%B0%E6%A1%86%E6%9E%B6-%E4%B8%8B%E6%8B%89%E5%BC%8F%E5%B1%95%E5%BC%80%22%20transform%3D%22translate%28-1665.000000%2C%20-94.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-7%22%20transform%3D%22translate%28160.000000%2C%2050.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22tab%E5%AF%BC%E8%88%AA%E5%A4%87%E4%BB%BD-7%22%20transform%3D%22translate%280.000000%2C%2026.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-10%22%20transform%3D%22translate%281339.000000%2C%2012.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%3Cg%20id%3D%22%E6%90%9C%E7%B4%A2%E4%B8%89%E4%BB%B6%E5%A5%97%E5%A4%87%E4%BB%BD-5%22%20transform%3D%22translate%28156.000000%2C%200.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%20%20%20%20%3Cg%20id%3D%22%E7%AD%9B%E9%80%89-%E7%8A%B6%E6%80%81%E4%B8%80%22%20transform%3D%22translate%2810.000000%2C%206.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%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%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%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%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%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%23FFFFFF%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%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%284.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%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.994%2C4.13446555%20L3.51440001%2C11.7596603%20L8.6112%2C11.7596603%20L9.13120001%2C4.13446555%20L10.3332%2C4.13446555%20L9.80800001%2C11.8468976%20C9.76369693%2C12.4963619%209.24110169%2C12.9998762%208.6112%2C13%20L3.51440001%2C13%20C2.88435477%2C12.9998609%202.36170317%2C12.4961118%202.31760001%2C11.8464841%20L1.7916%2C4.13446555%20L2.994%2C4.13446555%20Z%20M5.60600001%2C4.51855739%20L5.60600001%2C10.3068092%20L4.40600001%2C10.3068092%20L4.40600001%2C4.51855739%20L5.60600001%2C4.51855739%20Z%20M7.8%2C4.51855739%20L7.8%2C10.3068092%20L6.6%2C10.3068092%20L6.6%2C4.51855739%20L7.8%2C4.51855739%20Z%20M0%2C2.06723278%20L12%2C2.06723278%20L12%2C3.30757244%20L0%2C3.30757244%20L0%2C2.06723278%20Z%20M8.50280001%2C0%20L8.50280001%2C1.24033966%20L3.70280001%2C1.24033966%20L3.70280001%2C0%20L8.50280001%2C0%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%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%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%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 deleteIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M15.1363636%2C4%20C15.6886484%2C4%2016.1363636%2C4.44771525%2016.1363636%2C5%20L16.1363636%2C7.125%20L19%2C7.125%20L19%2C8.375%20L17.1292731%2C8.375%20L17.1292731%2C19%20C17.1292731%2C19.5522847%2016.6815579%2C20%2016.1292731%2C20%20L15.5%2C20%20L8.5%2C20%20L7.59090908%2C20%20C7.03862433%2C20%206.59090908%2C19.5522847%206.59090908%2C19%20L6.59090908%2C8.375%20L5%2C8.375%20L5%2C7.125%20L7.86363637%2C7.125%20L7.86363637%2C5%20C7.86363637%2C4.44771525%208.31135162%2C4%208.86363637%2C4%20Z%20M15.9375%2C8.375%20L7.8125%2C8.375%20L7.8125%2C18.75%20L15.9375%2C18.75%20L15.9375%2C8.375%20Z%20M10.9375%2C10.1875957%20L10.9375%2C17.093797%20L9.68749998%2C17.093797%20L9.68749998%2C10.1875957%20L10.9375%2C10.1875957%20Z%20M14.0625%2C10.1875957%20L14.0625%2C17.093797%20L12.8125%2C17.093797%20L12.8125%2C10.1875957%20L14.0625%2C10.1875957%20Z%20M14.9222156%2C5.25%20L9.0625%2C5.25%20L9.0625%2C7.125%20L14.9222156%2C7.125%20L14.9222156%2C5.25%20Z%22%20fill%3D%22%233E3E3E%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
 
 var moreIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%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%2014%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA%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%E6%9C%80%E6%96%B0%E6%A1%86%E6%9E%B6-%E4%B8%8B%E6%8B%89%E5%BC%8F%E5%B1%95%E5%BC%80%22%20transform%3D%22translate%28-1743.000000%2C%20-94.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-7%22%20transform%3D%22translate%28160.000000%2C%2050.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22tab%E5%AF%BC%E8%88%AA%E5%A4%87%E4%BB%BD-7%22%20transform%3D%22translate%280.000000%2C%2026.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%22%20transform%3D%22translate%281573.000000%2C%2012.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%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-2%22%20transform%3D%22translate%2810.000000%2C%206.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%20%20%20%20%3Crect%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%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%3Cpolygon%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%2810.500000%2C%2010.022232%29%20rotate%28-90.000000%29%20translate%28-10.500000%2C%20-10.022232%29%20%22%20points%3D%2214%204.9775377%2013.0224623%204%207%2010.0252289%2013.0220012%2016.0444635%2014%2015.0660036%208.95599763%2010.0247678%22%3E%3C%2Fpolygon%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 hangUpIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M11.7782857%2C3.00000016%20C12.3001619%2C2.99977385%2012.7937223%2C3.23470832%2013.1191658%2C3.63825843%20C13.4446093%2C4.04180854%2013.5664902%2C4.57002172%2013.4502857%2C5.07328132%20L17.112%2C8.69530544%20L18.8571429%2C8.69530544%20C19.1602474%2C8.69530544%2019.4509376%2C8.81440813%2019.6652649%2C9.02641228%20C19.8795922%2C9.23841643%2020%2C9.52595576%2020%2C9.82577491%20L20%2C18.8695305%20C20%2C19.4938716%2019.4883254%2C20.0000002%2018.8571429%2C20.0000002%20L5.14285714%2C20.0000002%20C4.51167457%2C20.0000002%204%2C19.4938716%204%2C18.8695305%20L4%2C9.82577491%20C4%2C9.52595576%204.12040781%2C9.23841643%204.3347351%2C9.02641228%20C4.54906239%2C8.81440813%204.83975258%2C8.69530544%205.14285714%2C8.69530544%20L6.48228571%2C8.69530544%20L10.1131428%2C5.10267352%20C9.98848601%2C4.59655451%2010.1052663%2C4.06183998%2010.4300197%2C3.65175481%20C10.7547732%2C3.24166964%2011.2516566%2C3.00147521%2011.7782857%2C3.00000016%20Z%20M18.8571429%2C9.82577491%20L5.14285714%2C9.82577491%20L5.14285714%2C18.8695305%20L18.8571429%2C18.8695305%20L18.8571429%2C9.82577491%20Z%20M6.85714285%2C16.6085916%20C7.17273414%2C16.6085916%207.42857143%2C16.8616558%207.42857143%2C17.1738264%20C7.42857143%2C17.4859969%207.17273414%2C17.7390611%206.85714285%2C17.7390611%20C6.54155156%2C17.7390611%206.28571427%2C17.4859969%206.28571427%2C17.1738264%20C6.28571427%2C16.8616558%206.54155156%2C16.6085916%206.85714285%2C16.6085916%20Z%20M17.1428571%2C16.6085916%20C17.4584484%2C16.6085916%2017.7142857%2C16.8616558%2017.7142857%2C17.1738264%20C17.7142857%2C17.4859969%2017.4584484%2C17.7390611%2017.1428571%2C17.7390611%20C16.8272659%2C17.7390611%2016.5714286%2C17.4859969%2016.5714286%2C17.1738264%20C16.5714286%2C16.8616558%2016.8272659%2C16.6085916%2017.1428571%2C16.6085916%20Z%20M13.9634286%2C11.4932173%20L14.7714286%2C12.2924592%20L12.7508571%2C14.2911292%20L14.7714286%2C16.2897992%20L13.9634286%2C17.0890411%20L11.9428571%2C15.0903712%20L9.92228571%2C17.0890411%20L9.11428572%2C16.2897992%20L11.1348571%2C14.2911292%20L9.11428572%2C12.2924592%20L9.92228571%2C11.4932173%20L11.9428571%2C13.4918874%20L13.9634286%2C11.4932173%20Z%20M17.1428571%2C11.0093764%20C17.4584484%2C11.0093764%2017.7142857%2C11.2624406%2017.7142857%2C11.5746112%20C17.7142857%2C11.8867817%2017.4584484%2C12.1398459%2017.1428571%2C12.1398459%20C16.9387054%2C12.1398459%2016.7500614%2C12.0321128%2016.6479855%2C11.8572285%20C16.5459096%2C11.6823443%2016.5459096%2C11.466878%2016.6479855%2C11.2919938%20C16.7500614%2C11.1171095%2016.9387054%2C11.0093764%2017.1428571%2C11.0093764%20Z%20M6.85714285%2C10.9562444%20C7.17273412%2C10.9562444%207.42857139%2C11.2093086%207.42857139%2C11.5214791%20C7.42857139%2C11.8336496%207.17273412%2C12.0867138%206.85714285%2C12.0867138%20C6.65299108%2C12.0867138%206.46434706%2C11.9789807%206.36227117%2C11.8040965%20C6.26019528%2C11.6292122%206.26019528%2C11.413746%206.36227117%2C11.2388617%20C6.46434706%2C11.0639775%206.65299108%2C10.9562444%206.85714285%2C10.9562444%20Z%20M12.8171429%2C6.04548504%20C12.5188904%2C6.27107685%2012.153742%2C6.39306307%2011.7782857%2C6.39253917%20C11.3977143%2C6.39253917%2011.0457143%2C6.269318%2010.7611429%2C6.06131161%20L8.09828571%2C8.69530544%20L15.4948571%2C8.69530544%20L12.8171429%2C6.04548504%20Z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
+var unhookIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M12.5311653%2C14.5508817%20L12.5311653%2C13.2326256%20C13.3848238%2C13.1340808%2014.1752484%2C12.8138102%2014.8328817%2C12.3334044%20L15.8699187%2C13.3434885%20L16.7109304%2C12.5243349%20L15.6865402%2C11.5265689%20C16.3757904%2C10.6889382%2016.7741644%2C9.61110446%2016.7299006%2C8.4470441%20C16.6774618%2C7.32337401%2016.3287928%2C6.21824036%2015.4374714%2C5.33134433%20C14.5455357%2C4.44383708%2013.3572314%2C4.01010691%2012%2C4.00006849%20C10.8617886%2C3.99405125%209.8036016%2C4.3849051%208.98156004%2C5.02544626%20L7.95302618%2C4.00636936%20L7.11833784%2C4.8193639%20L8.1531951%2C5.85691795%20C7.69418947%2C6.44248923%207.27225519%2C7.38404803%207.27225519%2C8.11644273%20C7.79460882%2C8.20600257%208.14631127%2C8.25397686%208.54141325%2C8.32640711%20C8.62994081%2C7.83368313%208.83284993%2C7.16515696%209.11107938%2C6.7709778%20L13.9539295%2C11.4772965%20C13.5365854%2C11.7544537%2013.0496838%2C11.9453842%2012.5311653%2C12.0316109%20L11.8102981%2C12.0316109%20C11.5826558%2C12.0316109%2011.3929539%2C12.2163824%2011.3929539%2C12.4381082%20L11.3929539%2C14.5508817%20L5.70189702%2C14.5508817%20C5.31616983%2C14.5631998%205%2C14.8773113%205%2C15.2468543%20L5%2C19.3040274%20C5%2C19.6858885%205.32249322%2C20%205.7145438%2C20%20L18.2854562%2C20%20C18.6775068%2C20%2019%2C19.6858885%2019%2C19.3040274%20L19%2C15.2468543%20C18.9873532%2C14.8649932%2018.66486%2C14.5508817%2018.2791328%2C14.5508817%20L12.5311653%2C14.5508817%20Z%20M12.2339657%2C5.20122497%20C12.9096339%2C5.25166385%2013.5465163%2C5.36896496%2014.0643728%2C5.74187871%20C14.8744517%2C6.32522476%2015.491468%2C7.27667119%2015.5647596%2C8.30990061%20C15.6279936%2C9.17216756%2015.2818428%2C10.048397%2014.8012647%2C10.67662%20L9.86269195%2C5.86640232%20C10.5203252%2C5.3921555%2011.3486901%2C5.13963448%2012.2339657%2C5.20122497%20Z%20M17.8491418%2C18.8081647%20L6.15718157%2C18.8081647%20L6.15718157%2C18.3831903%20L6.15718157%2C16.2686664%20L6.15718157%2C15.843692%20L17.8491418%2C15.843692%20L17.8491418%2C16.2686664%20L17.8491418%2C18.3831903%20L17.8491418%2C18.8081647%20Z%22%20fill%3D%22%233E3E3E%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
+var refreshIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M18.94575%2C11.125%20C18.981625%2C11.4115625%2019%2C11.7038125%2019%2C12%20C19%2C15.8661875%2015.8661881%2C19%2012.0000014%2C19%20C10.1362517%2C19%208.44225205%2C18.2715625%207.1875023%2C17.08375%20L7.1875023%2C19%20L5.87500256%2C19%20L5.87544006%2C15.9375%20L5.87500256%2C14.625%20L10.2500017%2C14.625%20L10.2500017%2C15.9375%20L7.89625216%2C15.9375%20C8.93137696%2C17.016375%2010.3873767%2C17.6875%2012.0000014%2C17.6875%20C15.1412507%2C17.6875%2017.6875003%2C15.14125%2017.6875003%2C12%20C17.687583%2C11.7070512%2017.665205%2C11.4145273%2017.6205628%2C11.125%20L18.9461875%2C11.125%20L18.94575%2C11.125%20Z%20M18.1250002%2C5%20L18.1245627%2C8.06250001%20L18.1250002%2C9.375%20L13.750001%2C9.375%20L13.750001%2C8.06250001%20L16.1041881%2C8.06250001%20C15.0327104%2C6.9428839%2013.5497111%2C6.31054214%2012.0000014%2C6.3125%20C8.85875197%2C6.3125%206.31250247%2C8.85875%206.31250247%2C12%20C6.31250247%2C12.2975%206.33525247%2C12.5901875%206.37943996%2C12.875%20L5.05381521%2C12.875%20C5.01779256%2C12.5847275%204.99982051%2C12.2924991%205.00000135%2C12%20C5.00000135%2C8.1338125%208.13381462%2C5%2012.0000014%2C5%20C13.863751%2C5%2015.5581882%2C5.72887501%2016.8125004%2C6.91668749%20L16.8125004%2C5%20L18.1250002%2C5%20Z%22%20fill%3D%22%233E3E3E%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
+var printIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M9.66666666%2C13.1666667%20L9.66666666%2C17.8333333%20L14.3333333%2C17.8333333%20L14.3333333%2C13.1666667%20L9.66666666%2C13.1666667%20Z%20M15.5%2C15.5%20L17.8333333%2C15.5%20L17.8333333%2C9.66666666%20L6.16666666%2C9.66666666%20L6.16666666%2C15.5%20L8.5%2C15.5%20L8.5%2C13.1666667%20L7.33342263%2C13.1666667%20L7.33342263%2C12.5833333%20L7.33342263%2C12%20L16.6665774%2C12%20L16.6665774%2C12.5833333%20L16.6665774%2C13.1666667%20L15.5%2C13.1666667%20L15.5%2C15.5%20Z%20M8.5%2C16.6666667%20L6.16666666%2C16.6666667%20C5.52233446%2C16.6666667%205%2C16.1443322%205%2C15.5%20L5%2C9.66666666%20C5%2C9.02233446%205.52233446%2C8.5%206.16666666%2C8.5%20L8.5%2C8.5%20L8.5%2C6.16666666%20C8.5%2C5.52233446%209.02233446%2C5%209.66666666%2C5%20L14.3333333%2C5%20C14.9776655%2C5%2015.5%2C5.52233446%2015.5%2C6.16666666%20L15.5%2C8.5%20L17.8333333%2C8.5%20C18.4776655%2C8.5%2019%2C9.02233446%2019%2C9.66666666%20L19%2C15.5%20C19%2C16.1443322%2018.4776655%2C16.6666667%2017.8333333%2C16.6666667%20L15.5%2C16.6666667%20L15.5%2C17.8333333%20C15.5%2C18.4776655%2014.9776655%2C19%2014.3333333%2C19%20L9.66666666%2C19%20C9.02233446%2C19%208.5%2C18.4776655%208.5%2C17.8333333%20L8.5%2C16.6666667%20Z%20M14.3333333%2C8.5%20L14.3333333%2C6.16666666%20L9.66666666%2C6.16666666%20L9.66666666%2C8.5%20L14.3333333%2C8.5%20Z%22%20fill%3D%22%233E3E3E%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
+var copyIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M17.0909091%2C5%20L17.9987273%2C5.00011112%20C18.5509686%2C5.00011112%2018.9986659%2C5.44775865%2018.9987273%2C6.00000001%20L19%2C15.4545455%20C19.0000614%2C16.0068302%2018.5523959%2C16.4545952%2018.0001111%2C16.4546566%20C18.0000741%2C16.4546566%2018.000037%2C16.4546566%2018%2C16.4546566%20L17.1625%2C16.4545455%20L17.1625%2C16.4545455%20L17.0909091%2C16.4545455%20L16.4545455%2C16.4545455%20L16.4545455%2C18%20C16.4545455%2C18.5522847%2016.0068302%2C19%2015.4545455%2C19%20L14.6170455%2C19%20L14.6170455%2C19%20L14.5454546%2C19%20L6.90909091%2C19%20L6%2C19%20C5.44771525%2C19%205%2C18.5522847%205%2C18%20L5%2C9.45454545%20L5%2C9.45454545%20L5%2C8.54545454%20C5%2C7.99316979%205.44771525%2C7.54545454%206%2C7.54545454%20L7.54545454%2C7.54545454%20L7.54545454%2C7.54545454%20L7.54545454%2C6%20C7.54545454%2C5.44771525%207.99316979%2C5%208.54545454%2C5%20L9.38295454%2C5%20L9.38295454%2C5%20L9.45454545%2C5%20L17.0909091%2C5%20Z%20M14.5454546%2C8.68691666%20L6.90909091%2C8.68691666%20L6.16011512%2C8.68691666%20L6.16011512%2C16.7079008%20L6.16011512%2C17.8735523%20L7.16954857%2C17.8735523%20L14.2108223%2C17.8735523%20L15.3188691%2C17.8735523%20L15.3188691%2C16.7502891%20L15.3188691%2C8.68691666%20L14.5454546%2C8.68691666%20Z%20M13.5909091%2C14.8636364%20L13.5909091%2C15.5%20L7.86363635%2C15.5%20L7.86363635%2C14.8636364%20L7.86363635%2C14.2272727%20L13.5909091%2C14.2272727%20L13.5909091%2C14.8636364%20Z%20M9.45454545%2C6.07289387%20L8.72541673%2C6.07289387%20L8.72382583%2C7.54545454%20L15.4545455%2C7.54545454%20C16.0068302%2C7.54545454%2016.4545455%2C7.99316979%2016.4545455%2C8.54545454%20L16.4545455%2C9.38295454%20L16.4545455%2C9.38295454%20L16.4545455%2C9.45454545%20L16.4545455%2C15.1818184%20L17.0909091%2C15.1818184%20L17.8806016%2C15.1818184%20L17.8821925%2C6.07289387%20L9.45454545%2C6.07289387%20Z%20M13.5057337%2C11.3636082%20L13.5057337%2C12.0000281%20L13.5057337%2C12.3181818%20L7.94881173%2C12.3181818%20L7.94881173%2C12.0000281%20L7.94881173%2C11.3636082%20L7.94881173%2C11.0454545%20L13.5057337%2C11.0454545%20L13.5057337%2C11.3636082%20Z%22%20fill%3D%22%232E3033%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
+var cancelIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20class%3D%22design-iconfont%22%20width%3D%2216%22%20height%3D%2216%22%3E%20%20%3Cpath%20d%3D%22M13.0151021%2C14.4269183%20L14.851%2C16.345%20L16.7185097%2C14.458311%20L17.5242651%2C15.3033815%20L15.658%2C17.189%20L17.3956835%2C19.0040241%20L16.5899281%2C19.8189135%20L14.847%2C18.009%20L13.0004688%2C19.876736%20L12.1947134%2C19.0316656%20L14.037%2C17.168%20L12.2093467%2C15.2719887%20L13.0151021%2C14.4269183%20Z%20M12.0143885%2C5%20C12.2446043%2C5%2012.4460432%2C5.09054326%2012.618705%2C5.27162978%20L16.9640288%2C9.79879276%20C17.1366906%2C9.97987928%2017.2230216%2C10.1911469%2017.2230216%2C10.4325956%20L17.2230216%2C13.4312601%20L16.0719424%2C13.4312601%20L16.071%2C10.949%20L12.4172662%2C10.9758551%20C12.1870504%2C10.9758551%2011.9568345%2C10.8853119%2011.7841727%2C10.7042254%20C11.6115108%2C10.5231388%2011.5251799%2C10.2816901%2011.5251799%2C10.0402414%20L11.525%2C6.237%20L7.17985612%2C6.23742455%20L7.17985612%2C18.1287726%20L10.9496403%2C18.1287726%20L10.9496403%2C19.3360161%20L6.86330935%2C19.3360161%20C6.4028777%2C19.3360161%206%2C18.943662%206%2C18.4305835%20L6%2C5.9054326%20C6%2C5.42253521%206.37410072%2C5%206.86330935%2C5%20L12.0143885%2C5%20Z%20M12.676259%2C7.08249497%20L12.676259%2C9.76861167%20L15.2086331%2C9.73843058%20L12.676259%2C7.08249497%20Z%22%20fill%3D%22%23040000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
+
 var css_248z$g = "";
 styleInject(css_248z$g);
 
-var _excluded$c = ["message", "type"];
+var _excluded$d = ["message", "type"];
 var CommonAlert = (function (props) {
   var message = props.message,
     _props$type = props.type,
     type = _props$type === void 0 ? 'info' : _props$type,
-    reset = _objectWithoutProperties(props, _excluded$c);
+    reset = _objectWithoutProperties(props, _excluded$d);
   return /*#__PURE__*/React$1.createElement("div", {
     style: {
       width: '100%',
@@ -15910,20 +16322,42 @@ var CommonAlert = (function (props) {
   }, reset)));
 });
 
-var _excluded$d = ["children"];
+var _excluded$e = ["children"];
+var iconStyle = {
+  width: 16,
+  height: 16
+};
 var iconMap = {
-  edit: /*#__PURE__*/React$1.createElement("img", {
+  edit: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
     src: editIcon
-  }),
-  delete: /*#__PURE__*/React$1.createElement("img", {
+  }, iconStyle)),
+  delete: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
     src: deleteIcon
-  }),
-  submit: /*#__PURE__*/React$1.createElement("img", {
+  }, iconStyle)),
+  submit: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
     src: submitIcon
-  }),
-  more: /*#__PURE__*/React$1.createElement("img", {
+  }, iconStyle)),
+  more: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
     src: moreIcon
-  })
+  }, iconStyle)),
+  hangUp: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: hangUpIcon
+  }, iconStyle)),
+  unhook: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: unhookIcon
+  }, iconStyle)),
+  refresh: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: refreshIcon
+  }, iconStyle)),
+  print: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: printIcon
+  }, iconStyle)),
+  copy: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: copyIcon
+  }, iconStyle)),
+  cancel: /*#__PURE__*/React$1.createElement("img", _objectSpread2({
+    src: cancelIcon
+  }, iconStyle))
 };
 var index$3 = (function (props) {
   var _useLocation = useLocation(),
@@ -15932,7 +16366,7 @@ var index$3 = (function (props) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$d);
+    restProps = _objectWithoutProperties(props, _excluded$e);
   return /*#__PURE__*/React$1.createElement("div", {
     id: id,
     className: 'detail_page_wrapper'
@@ -16038,6 +16472,7 @@ var DetailWrapper = /*#__PURE__*/React$1.memo(function (_ref) {
     }
   };
   var renderPageActionList = function renderPageActionList(actionLists) {
+    var _actionLists$;
     var authButton = localStorage.getItem(getMenuAuthDataKey()) ? JSON.parse(localStorage.getItem(getMenuAuthDataKey())) : [];
     var visibleActions = actionLists.filter(function (action) {
       return (action.visible && action.visible !== 'false' || judgeIsEmpty$1(action.visible)) && (!shouldUseAuth() || judgeIsEmpty$1(action.code) || authButton.filter(function (item) {
@@ -16045,9 +16480,10 @@ var DetailWrapper = /*#__PURE__*/React$1.memo(function (_ref) {
       }));
     });
     var renderButton = function renderButton(item, type) {
-      return /*#__PURE__*/React$1.createElement(Button, {
+      return /*#__PURE__*/React$1.createElement(Button, _objectSpread2({
         type: type || 'primary',
         icon: item.icon ? iconMap[item.icon] : '',
+        style: item.icon ? {} : {},
         danger: item.name === '删除' ? true : false,
         disabled: item.disabled,
         onClick: function onClick() {
@@ -16057,9 +16493,10 @@ var DetailWrapper = /*#__PURE__*/React$1.memo(function (_ref) {
             doDetailPageAction(item.action);
           }
         }
-      }, item.name);
+      }, item === null || item === void 0 ? void 0 : item.buttomProps), item.name);
     };
-    if (visibleActions.length <= 3) {
+    // 可在actionList第一项设置visibleActionCount，控制按钮几个开始显示更多，默认为3个
+    if (visibleActions.length <= ((actionLists === null || actionLists === void 0 ? void 0 : (_actionLists$ = actionLists[0]) === null || _actionLists$ === void 0 ? void 0 : _actionLists$.visibleActionCount) || 3)) {
       return visibleActions.map(function (item) {
         return renderButton(item);
       });
@@ -16155,10 +16592,10 @@ var DetailWrapper = /*#__PURE__*/React$1.memo(function (_ref) {
   return true;
 });
 
-var css_248z$h = ".bs_home_page_head_wrapper {\n  height: 32px;\n  position: sticky;\n  background: #fff;\n  width: 100%;\n  top: 0px;\n  z-index: 10;\n}\n.home_page_head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #f0f0f0;\n  padding: 6px 16px 5px;\n  font-weight: 500;\n}\n.home_page_head .home_page_title_wrapper {\n  display: flex;\n  align-items: center;\n  height: 20px;\n  line-height: 20px;\n}\n.home_page_head .home_page_title {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 16px;\n  color: #000000;\n  letter-spacing: 0;\n  flex-grow: 1;\n  padding-right: 10px;\n  display: none;\n}\n.home_page_head .ant-breadcrumb {\n  display: block !important;\n}\n.home_page_head .ant-breadcrumb .ant-breadcrumb-separator {\n  margin: 0 2px;\n}\n.home_page_head .ant-breadcrumb li .bread_name {\n  color: #8B8B8B;\n  font-size: 12px;\n  line-height: 16px;\n  cursor: pointer;\n}\n.home_page_head .ant-breadcrumb li .bread_name_last {\n  color: #282828;\n}\n";
+var css_248z$h = ".bs_home_page_head_wrapper {\n  position: sticky;\n  background: #fff;\n  width: 100%;\n  top: 0px;\n  z-index: 10;\n}\n.home_page_head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #f0f0f0;\n  padding: 6px 16px 5px;\n  font-weight: 500;\n}\n.home_page_head .home_page_title_wrapper {\n  display: flex;\n  align-items: center;\n  height: 20px;\n  line-height: 20px;\n}\n.home_page_head .home_page_title {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 16px;\n  color: #000000;\n  letter-spacing: 0;\n  flex-grow: 1;\n  padding-right: 10px;\n  display: none;\n}\n.home_page_head .ant-breadcrumb {\n  display: block !important;\n}\n.home_page_head .ant-breadcrumb .ant-breadcrumb-separator {\n  margin: 0 2px;\n}\n.home_page_head .ant-breadcrumb li .bread_name {\n  color: #8B8B8B;\n  font-size: 12px;\n  line-height: 16px;\n  cursor: pointer;\n}\n.home_page_head .ant-breadcrumb li .bread_name_last {\n  color: #282828;\n}\n";
 styleInject(css_248z$h);
 
-var _excluded$e = ["children"];
+var _excluded$f = ["children"];
 var index$4 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
@@ -16166,7 +16603,7 @@ var index$4 = (function (props) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$e);
+    restProps = _objectWithoutProperties(props, _excluded$f);
   return /*#__PURE__*/React$1.createElement("div", {
     id: id,
     className: 'home_page_wrapper'
@@ -16243,7 +16680,7 @@ var HeaderWrapper = /*#__PURE__*/React$1.memo(function (_ref) {
 var css_248z$i = ".sort_table_wrapper .sort_table {\n  display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n  width: 560px;\n  margin-right: 8px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n  width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n  color: #8E8E8E;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n  margin-top: 10px;\n  width: 560px;\n  height: 430px;\n  overflow: auto;\n  padding: 10px;\n  background: #ffffff;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n  width: 538px;\n  line-height: 360px;\n  text-align: center;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n  margin-top: 40px;\n  width: 100px;\n  height: 20px;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #848484;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n  width: 144px;\n  height: 16px;\n  line-height: 16px;\n  margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n  margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n  height: 430px;\n  margin-top: 10px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n  padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n  height: 32px;\n  line-height: 32px;\n  padding-left: 10px;\n  color: gray;\n}\n.sort_table_wrapper .ant-modal-body {\n  padding: 10px 16px;\n}\n.sort_table_wrapper .ant-modal-close-x {\n  height: 24px;\n  font-family: PingFangSC-Medium;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n  padding: 0px;\n  padding-right: 10px;\n}\n.sort_table_wrapper input {\n  height: 22px;\n  padding: 6px 4px;\n  border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n  width: 24px;\n  height: 24px;\n  margin: 0 4px;\n  display: flex;\n  justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n  padding: 8px 16px;\n  display: flex;\n  justify-content: space-between;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n  width: 80px;\n  height: 28px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n  font-family: PingFangSC-Medium;\n  font-weight: 600;\n  font-size: 12px;\n  letter-spacing: 0;\n  text-align: center;\n  line-height: 20px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n  margin-top: 10px;\n  height: 364px;\n  overflow: scroll;\n  padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n  height: 30px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n  width: 24px !important;\n  height: 30px !important;\n  font-family: PingFangSC-Regular;\n  font-weight: 400;\n  font-size: 12px;\n  color: #000000;\n  letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n  padding-left: 10px !important;\n  padding-right: 0px !important;\n  width: 108px !important;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 30px !important;\n  line-height: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n  cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n  padding-left: 0px !important;\n  padding-right: 3px !important;\n  width: 30px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n  position: relative;\n  top: 1px;\n}\n.sort_table_wrapper .ant-dropdown-link {\n  cursor: pointer;\n}\n";
 styleInject(css_248z$i);
 
-var _excluded$f = ["className", "style"];
+var _excluded$g = ["className", "style"];
 var DragHandle$2 = SortableHandle(function () {
   return /*#__PURE__*/React$1.createElement("img", {
     width: 25,
@@ -16681,7 +17118,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$f);
+        restProps = _objectWithoutProperties(_ref2, _excluded$g);
       var sortDataSource = _this.state.sortDataSource;
       // function findIndex base on Table rowKey props and should always be a right array index
       var index = sortDataSource.findIndex(function (x) {
@@ -16873,7 +17310,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React$1.createElement("div", {
         className: 'sort_table_wrapper'
       }, visible && ( /*#__PURE__*/React$1.createElement(Modal, {
-        title: "\u7B5B\u9009\u6761\u4EF6\u8BBE\u7F6E",
+        title: "\u5C55\u793A\u5217\u8BBE\u7F6E",
         wrapClassName: 'sort_table_wrapper',
         width: 810,
         visible: visible,
@@ -16910,7 +17347,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
         className: 'sort_table_column_wrapper'
       }, /*#__PURE__*/React$1.createElement("span", {
         className: 'sort_table_column_count'
-      }, /*#__PURE__*/React$1.createElement("span", null, "\u52FE\u9009\u4F60\u60F3\u4F7F\u7528\u7684\u7B5B\u9009\u6761\u4EF6")), /*#__PURE__*/React$1.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("span", null, "\u52FE\u9009\u4F60\u60F3\u5C55\u793A\u7684\u8868\u683C\u5217")), /*#__PURE__*/React$1.createElement("div", {
         className: 'sort_table_column'
       }, /*#__PURE__*/React$1.createElement(Input, {
         prefix: /*#__PURE__*/React$1.createElement(SearchOutlined, {
@@ -17005,7 +17442,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
         className: 'sort_table_content_wrapper'
       }, /*#__PURE__*/React$1.createElement("span", {
         className: 'sort_table_content_count'
-      }, /*#__PURE__*/React$1.createElement("span", null, "\u5DF2\u9009\u62E9\u7684\u641C\u7D22\u6761\u4EF6\u6392\u5E8F")), /*#__PURE__*/React$1.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("span", null, "\u5DF2\u9009\u62E9\u7684\u5C55\u793A\u5217\u6392\u5E8F")), /*#__PURE__*/React$1.createElement("div", {
         className: 'sort_table_content'
       }, /*#__PURE__*/React$1.createElement("span", {
         style: {
@@ -17051,7 +17488,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React$1.Component);
 
-var _excluded$g = ["className", "style"];
+var _excluded$h = ["className", "style"];
 var DragHandle$3 = SortableHandle(function () {
   return /*#__PURE__*/React$1.createElement("img", {
     width: 25,
@@ -17304,7 +17741,7 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
     _this.DraggableBodyRow = function (_ref2) {
       var className = _ref2.className,
         style = _ref2.style,
-        restProps = _objectWithoutProperties(_ref2, _excluded$g);
+        restProps = _objectWithoutProperties(_ref2, _excluded$h);
       var sortDataSource = _this.state.sortDataSource;
       var index = sortDataSource.findIndex(function (x) {
         return x.name === restProps['data-row-key'];
@@ -17603,13 +18040,13 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
 var css_248z$j = "#bs-sula-query-table .ant-table-title + .ant-table-container table {\n  visibility: unset !important;\n}\n";
 styleInject(css_248z$j);
 
-var _excluded$h = ["onResize", "width"];
+var _excluded$i = ["onResize", "width"];
 var MemoQueryTable = /*#__PURE__*/React$1.memo(QueryTable);
 var Text$2 = Typography.Text;
 var ResizeableTitle$2 = function ResizeableTitle(props) {
   var onResize = props.onResize,
     width = props.width,
-    restProps = _objectWithoutProperties(props, _excluded$h);
+    restProps = _objectWithoutProperties(props, _excluded$i);
   var _useState = useState(width),
     _useState2 = _slicedToArray(_useState, 2),
     innerWidth = _useState2[0],
@@ -17878,7 +18315,7 @@ var BsSulaQueryTable = (function (props) {
             }
           });
         }
-        handleBssulaColumnsSpecialParams(d);
+        // handleBssulaColumnsSpecialParams(d);
       });
       setCommonRenderFn(props.columns);
       var authButton = localStorage.getItem(getMenuAuthDataKey()) ? JSON.parse(localStorage.getItem(getMenuAuthDataKey())) : [];
@@ -17908,7 +18345,7 @@ var BsSulaQueryTable = (function (props) {
     var showColumns = getSettingFieldOrColumn(isReset ? [] : columnConfig, columns, 'columns');
     showColumns.forEach(function (item, index) {
       item.width = item.width || getItemDefaultWidth(item);
-      handleBssulaColumnsSpecialParams(item);
+      // handleBssulaColumnsSpecialParams(item);
       item.onHeaderCell = function (column) {
         return _objectSpread2(_objectSpread2({}, item), {}, {
           width: typeof column.width === 'number' ? column.width : parseWidth(column.width),
@@ -17921,7 +18358,7 @@ var BsSulaQueryTable = (function (props) {
     var showExportColumns = getSettingFieldOrColumn(exportColumnConfig, columns, 'columns');
     showExportColumns.forEach(function (item, index) {
       item.width = item.width || getItemDefaultWidth(item);
-      handleBssulaColumnsSpecialParams(item);
+      // handleBssulaColumnsSpecialParams(item);
       item.onHeaderCell = function (column) {
         return _objectSpread2(_objectSpread2({}, item), {}, {
           width: typeof column.width === 'number' ? column.width : parseInt(column.width.replace('px', '')),
@@ -18002,7 +18439,7 @@ var BsSulaQueryTable = (function (props) {
   };
   // 处理 table 基本参数
   var setTableProps = function setTableProps() {
-    var _tableProps, _tableProps$initialPa, _tableProps2, _tableProps3, _tableProps3$initialP;
+    var _tableProps, _tableProps$initialPa, _tableProps2, _tableProps3, _tableProps4, _tableProps4$initialP;
     var tableProps = value.tableProps || {};
     tableProps = _objectSpread2(_objectSpread2({}, tableProps), {}, {
       size: value.size || 'middle',
@@ -18025,16 +18462,16 @@ var BsSulaQueryTable = (function (props) {
         x: props.overScrollX || 'max-content',
         y: (props === null || props === void 0 ? void 0 : props.overScrollY) || height
       },
-      bordered: value.bordered || true,
-      sticky: true,
-      rowClassName: function rowClassName(record, index) {
+      bordered: typeof value.bordered == 'boolean' ? value.bordered : true,
+      sticky: typeof value.sticky == 'boolean' ? value.sticky : true,
+      rowClassName: (props === null || props === void 0 ? void 0 : props.rowClassName) || ((_tableProps2 = tableProps) === null || _tableProps2 === void 0 ? void 0 : _tableProps2.rowClassName) || function (record, index) {
         return index % 2 === 0 ? 'table_base' : 'table_odd';
       },
       components: _objectSpread2({
         header: {
           cell: ResizeableTitle$2
         }
-      }, (_tableProps2 = tableProps) === null || _tableProps2 === void 0 ? void 0 : _tableProps2.components)
+      }, (_tableProps3 = tableProps) === null || _tableProps3 === void 0 ? void 0 : _tableProps3.components)
     }, props.viewPagePath ?
     // 详情页查看地址 存在该参数时 默认列表支持双击打开
     {
@@ -18049,7 +18486,7 @@ var BsSulaQueryTable = (function (props) {
       }
     } : {});
     // @ts-ignore
-    if ((_tableProps3 = tableProps) === null || _tableProps3 === void 0 ? void 0 : (_tableProps3$initialP = _tableProps3.initialPaging) === null || _tableProps3$initialP === void 0 ? void 0 : _tableProps3$initialP.pagination) {
+    if ((_tableProps4 = tableProps) === null || _tableProps4 === void 0 ? void 0 : (_tableProps4$initialP = _tableProps4.initialPaging) === null || _tableProps4$initialP === void 0 ? void 0 : _tableProps4$initialP.pagination) {
       // @ts-ignore
       tableProps.initialPaging.pagination.showSizeChanger = true;
     }
@@ -18148,9 +18585,9 @@ var BsSulaQueryTable = (function (props) {
         newColumns[index] = _objectSpread2(_objectSpread2({}, newColumns[index]), {}, {
           width: size.width
         });
-        newColumns.forEach(function (d) {
-          handleBssulaColumnsSpecialParams(d);
-        });
+        // newColumns.forEach((d: any) => {
+        //   handleBssulaColumnsSpecialParams(d);
+        // });
         return _toConsumableArray(newColumns);
       });
     };
@@ -20686,7 +21123,7 @@ var NoFoundPage = function NoFoundPage(props) {
   }));
 };
 
-var _excluded$i = ["route"];
+var _excluded$j = ["route"];
 var TabPane = Tabs.TabPane;
 var getId = function getId(str) {
   // 找到最后一个 / 的位置
@@ -21627,7 +22064,7 @@ var BasicLayout = /*#__PURE__*/function (_React$PureComponent) {
       }); // 添加数据大屏
       var _this$props3 = this.props,
         route = _this$props3.route,
-        restPrpos = _objectWithoutProperties(_this$props3, _excluded$i);
+        restPrpos = _objectWithoutProperties(_this$props3, _excluded$j);
       var exist = route.routes.find(function (route) {
         return route.path === '/homePage/data-show';
       });
@@ -22600,10 +23037,10 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   }))))));
 });
 
-var _excluded$j = ["children"];
+var _excluded$k = ["children"];
 var Drawer = (function (props) {
   var children = props.children,
-    restProps = _objectWithoutProperties(props, _excluded$j);
+    restProps = _objectWithoutProperties(props, _excluded$k);
   return /*#__PURE__*/React$1.createElement(Drawer$1, _objectSpread2({
     mask: true,
     closable: false,
@@ -31382,7 +31819,7 @@ var formatListName = function formatListName(list, columns) {
   });
 };
 
-var _excluded$k = ["sorter"];
+var _excluded$l = ["sorter"];
 /**
  * 删掉查询条件的qp- 和 -eq等
  * @param {object} data
@@ -31465,7 +31902,7 @@ var remoteFetch = function remoteFetch(requestConfig, coloumns) {
       var _requestConfig$method;
       var params = _ref.params;
       var sorter = params.sorter,
-        paramsTemp = _objectWithoutProperties(params, _excluded$k);
+        paramsTemp = _objectWithoutProperties(params, _excluded$l);
       var queryParams = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, requestConfig.params), requestConfig.body), _.omit(paramsTemp, ['filters', 'current'])), (paramsTemp === null || paramsTemp === void 0 ? void 0 : paramsTemp.filters) || {}), {
         currentPage: (paramsTemp === null || paramsTemp === void 0 ? void 0 : paramsTemp.currentPage) || paramsTemp.current || 1
       });
@@ -36838,14 +37275,15 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
       });
     };
     _this.renderRuleItem = function (itemDetail, parentDetail, floorIndex, classDataIndex, relateDatas) {
-      var _itemDetail$subExpres, _itemDetail$params, _itemDetail$params$;
+      var _itemDetail$subExpres, _itemDetail$params, _itemDetail$params$, _itemDetail$params2;
       var ruleTreeData = _this.state.ruleTreeData;
       var _this$props3 = _this.props,
         callBack = _this$props3.callBack,
         _this$props3$initialT = _this$props3.initialThresholdQuery,
         initialThresholdQuery = _this$props3$initialT === void 0 ? {} : _this$props3$initialT,
         disabled = _this$props3.disabled,
-        systemVariableList = _this$props3.systemVariableList;
+        systemVariableList = _this$props3.systemVariableList,
+        needShowInsertSQL = _this$props3.needShowInsertSQL;
       var thresholdQuery = _objectSpread2(_objectSpread2({}, initialThresholdQuery), relateDatas);
       var finalIndex = floorIndex + 1;
       var queryIdentify = '';
@@ -36937,6 +37375,9 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           itemDetail.dataTypeCode = nodeInfo.triggerNode.props.dataTypeCode;
           itemDetail.metaObjectCode = nodeInfo.triggerNode.props.metaObjectCode;
           itemDetail.isInsertParam = false;
+          if (needShowInsertSQL) {
+            itemDetail.isInsertSQL = false;
+          }
           _this.setState({
             ruleClassData: ruleClassData
           }, function () {
@@ -36968,7 +37409,7 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           value: item.code,
           key: item.code
         }, item.name);
-      })), !(itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertParam) ? /*#__PURE__*/React$1.createElement(RuleField, {
+      })), (needShowInsertSQL ? !(itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertParam) && !(itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertSQL) : !(itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertParam)) ? /*#__PURE__*/React$1.createElement(RuleField, {
         customerWidth: _this.props.customerWidth,
         selectOperation: (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.operationCode) || '',
         disabled: disabled,
@@ -37018,7 +37459,26 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           value: item.code,
           key: item.code
         }, item.name);
-      }) : null), /*#__PURE__*/React$1.createElement(PlusCircleOutlined, {
+      }) : null), /*#__PURE__*/React$1.createElement(Input, {
+        disabled: disabled,
+        value: (itemDetail === null || itemDetail === void 0 ? void 0 : (_itemDetail$params2 = itemDetail.params) === null || _itemDetail$params2 === void 0 ? void 0 : _itemDetail$params2[0]) || '',
+        style: {
+          width: '150px',
+          marginLeft: '10px',
+          display: needShowInsertSQL && (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertSQL) ? '' : 'none'
+        },
+        onChange: function onChange(e) {
+          var value = e.target.value;
+          var ruleClassData = _this.state.ruleClassData;
+          itemDetail.params = [value || ''];
+          itemDetail.paramNames = [''];
+          _this.setState({
+            ruleClassData: ruleClassData
+          }, function () {
+            callBack(ruleClassData);
+          });
+        }
+      }), /*#__PURE__*/React$1.createElement(PlusCircleOutlined, {
         className: 'icon_btn_style',
         onClick: function onClick() {
           _this.addChildRules(itemDetail);
@@ -37060,7 +37520,27 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             message$1.warn('未配置规则变量');
           }
         }
-      }, (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertParam) ? '取消插入参数' : '插入参数')), /*#__PURE__*/React$1.createElement("div", {
+      }, (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertParam) ? '取消插入参数' : '插入参数'), /*#__PURE__*/React$1.createElement(Button, {
+        type: "link",
+        disabled: disabled || (itemDetail.operationCode === '' || !itemDetail.operationCode ? true : false),
+        style: needShowInsertSQL ? {} : {
+          display: 'none'
+        },
+        onClick: function onClick() {
+          var ruleClassData = _this.state.ruleClassData;
+          itemDetail.isInsertSQL = !itemDetail.isInsertSQL;
+          if (itemDetail.isInsertSQL) {
+            itemDetail.type = 30;
+            itemDetail.paramNames = [];
+            itemDetail.params = [];
+          }
+          _this.setState({
+            ruleClassData: ruleClassData
+          }, function () {
+            callBack(ruleClassData);
+          });
+        }
+      }, (itemDetail === null || itemDetail === void 0 ? void 0 : itemDetail.isInsertSQL) ? '取消插入SQL' : '插入SQL')), /*#__PURE__*/React$1.createElement("div", {
         style: {
           display: itemDetail.operationType == 'logic' && !disabled ? 'block' : 'none'
         }
@@ -38633,14 +39113,14 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
 var css_248z$y = ".bs-collapse-wrap {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.bs-collapse-wrap .bs-collapse-header-wrap {\n  background: #fff;\n}\n.bs-collapse-wrap .bs-collapse-icon {\n  color: #b6b6b6;\n  transition: transform 0.3s;\n}\n.bs-collapse-wrap .bs-guidewrap-icon-toogle {\n  transform: rotate(180deg);\n}\n.bs-collapse-wrap .bs-collapse-header-title {\n  font-weight: 500;\n  font-size: 14px;\n  color: #000000;\n}\n.bs-collapse-wrap .bs-collapse-header-divider {\n  width: 3px;\n  height: 20px;\n  background: #005cff;\n}\n.bs-collapse-header-boder .ant-collapse .ant-collapse-item > .ant-collapse-header {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 8px 16px;\n}\n";
 styleInject(css_248z$y);
 
-var _excluded$l = ["titleExtra", "header", "showArrow"];
+var _excluded$m = ["titleExtra", "header", "showArrow"];
 var Panel = Collapse.Panel;
 var ExtendedPanel = function ExtendedPanel(_ref) {
   var titleExtra = _ref.titleExtra,
     header = _ref.header,
     _ref$showArrow = _ref.showArrow,
     showArrow = _ref$showArrow === void 0 ? false : _ref$showArrow,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   var renderHeader = function renderHeader() {
     return /*#__PURE__*/React$1.createElement(Space, {
       align: "center"
@@ -38664,11 +39144,11 @@ var ExtendedPanel = function ExtendedPanel(_ref) {
   }), props.children);
 };
 
-var _excluded$m = ["children", "bordered"];
+var _excluded$n = ["children", "bordered"];
 var ExtendedCollapse = function ExtendedCollapse(props) {
   var children = props.children,
     bordered = props.bordered,
-    restProps = _objectWithoutProperties(props, _excluded$m);
+    restProps = _objectWithoutProperties(props, _excluded$n);
   return /*#__PURE__*/React$1.createElement("div", {
     className: classNames({
       'bs-collapse-wrap': true,