kts-component-invoice-operate 3.2.153 → 3.2.154

package/dist/index.js

@@ -1120,6 +1120,7 @@ var GoodsListState = /*#__PURE__*/_createClass(function GoodsListState() {
   this.searchValue = '';
   this.goodsList = [];
   this.goodsMap = new Map();
+  this.expandedRowKeys = [];
   this.goodsMenuExpand = [];
   this.amountIncludeTax = void 0;
   this.amountExcludeTax = void 0;
@@ -10057,7 +10058,12 @@ var css_248z$2 = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {
 styleInject(css_248z$2);
 
 function TableVirtual (props) {
-  var _props$dataSource2;
+  var _props$dataSource;
+
+  var controller = Invoice.useInvoiceController();
+  var expandedRowKeys = controller.useMemo(function (s) {
+    return s.goodsListState.expandedRowKeys;
+  }, []);
 
   var _React$useState = React__default['default'].useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -10096,14 +10102,39 @@ function TableVirtual (props) {
     }
 
     return placeholder;
-  }, [self, tableBody]); // 设置占位dom的搞
+  }, [self, tableBody]);
+  /** 处理扩展行 */
+
+  var goodsList = React__default['default'].useMemo(function () {
+    if (!props.dataSource) return [];
+    var gl = props.dataSource.map(function (e) {
+      return _objectSpread2(_objectSpread2({}, e), {}, {
+        level: 0
+      });
+    });
+
+    for (var i = 0; i < gl.length; i++) {
+      var e = gl[i];
+
+      if (expandedRowKeys.includes(e.$index) && e.children) {
+        var c = e.children.map(function (t) {
+          return _objectSpread2(_objectSpread2({}, t), {}, {
+            level: 1
+          });
+        });
+        gl.splice.apply(gl, [i + 1, 0].concat(_toConsumableArray(c)));
+      }
+    }
+
+    return gl;
+  }, [props.dataSource, expandedRowKeys]); // 设置占位dom的搞
 
   var placeholderHeight = React__default['default'].useMemo(function () {
-    if (!self || !rowHeight || !props.dataSource || !placeholder) return;
-    var placeholderHeight = rowHeight * props.dataSource.length;
+    if (!self || !rowHeight || !goodsList || !placeholder) return;
+    var placeholderHeight = rowHeight * goodsList.length;
     placeholder.style.height = "".concat(placeholderHeight, "px");
     return placeholderHeight;
-  }, [self, rowHeight, props.dataSource, placeholder]);
+  }, [self, rowHeight, goodsList, placeholder]);
   /** 可以容纳的行数 */
 
   var rowSize = React__default['default'].useMemo(function () {
@@ -10112,20 +10143,17 @@ function TableVirtual (props) {
   }, [tableBody, rowHeight, placeholderHeight]); // 计算渲染的行
 
   var dataSource = React__default['default'].useMemo(function () {
-    var _props$dataSource;
-
-    if (!props.dataSource) return [];
-    if (props.dataSource.length < 10) return props.dataSource;
-    if (!rowSize) return [props.dataSource[0]];
-    return (_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.slice(pointer, pointer + 2 * rowSize);
-  }, [props.dataSource, pointer, rowSize]); // 监听滚动
+    if (goodsList.length < 10) return goodsList;
+    if (!rowSize) return [goodsList[0]];
+    return goodsList === null || goodsList === void 0 ? void 0 : goodsList.slice(pointer, pointer + 2 * rowSize);
+  }, [pointer, rowSize, goodsList]); // 监听滚动
 
   React__default['default'].useEffect(function () {
-    if (!self || !placeholder || !props.dataSource || !rowHeight || !tableBody) return;
+    if (!self || !placeholder || !goodsList || !rowHeight || !tableBody) return;
 
     var onScroll = function onScroll() {
-      if (!props.dataSource || !tableBody) return;
-      setPointer(Math.floor((props.dataSource.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
+      if (!goodsList || !tableBody) return;
+      setPointer(Math.floor((goodsList.length - rowSize) * (tableBody.scrollTop / (placeholder.clientHeight - tableBody.clientHeight))));
     };
 
     onScroll();
@@ -10133,7 +10161,7 @@ function TableVirtual (props) {
     return function () {
       tableBody.removeEventListener('scroll', onScroll);
     };
-  }, [self, placeholder, props.dataSource, rowHeight, rowSize]); // 移动列表
+  }, [self, placeholder, goodsList, rowHeight, rowSize]); // 移动列表
 
   React__default['default'].useEffect(function () {
     if (!self) return;
@@ -10146,7 +10174,8 @@ function TableVirtual (props) {
     var cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
     if (!cont) return;
     cont.scrollTop = 0;
-  }, [(_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.length]);
+  }, [(_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.length]);
+  console.log('===> pointer', pointer, dataSource);
   return /*#__PURE__*/React__default['default'].createElement("span", {
     className: "kts-invoice-operate-goods-table-virtual",
     ref: function ref(e) {
@@ -11161,6 +11190,10 @@ var RowMenu = (function (props) {
     }));
   }, [itemList]);
 
+  if (props.goods.level && props.goods.level > 0) {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  }
+
   if (itemList.length === 0) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
   }
@@ -13019,6 +13052,129 @@ function DragDiv(props) {
   }, /*#__PURE__*/React__default['default'].createElement("span", null, props.itemName), /*#__PURE__*/React__default['default'].createElement("span", null, props.itemModelName), /*#__PURE__*/React__default['default'].createElement("span", null, props.unit));
 }
 
+var _path$4, _path2$1, _path3$1;
+
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+
+function SvgI001$1(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    className: "I001_svg__icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 200,
+    height: 200
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    d: "M879.973 997.088H146.455c-67.235 0-122.213-54.978-122.213-122.213V141.236c0-67.235 54.978-122.212 122.213-122.212h733.639c67.235 0 122.212 54.977 122.212 122.212v733.64c0 67.113-54.977 122.212-122.333 122.212zM146.455 80.069c-36.652 0-61.167 24.394-61.167 61.167v733.64c0 36.65 24.394 61.166 61.167 61.166h733.639c36.651 0 61.167-24.394 61.167-61.167V141.236c0-36.651-24.394-61.167-61.167-61.167h-733.64zm0 0"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M757.76 538.578H268.667c-18.326 0-30.583-12.257-30.583-30.583s12.257-30.583 30.583-30.583H757.76c18.326 0 30.583 12.257 30.583 30.583s-12.257 30.583-30.583 30.583zm0 0"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M513.214 783.125c-18.326 0-30.584-12.258-30.584-30.584V263.45c0-18.326 12.258-30.584 30.584-30.584s30.583 12.258 30.583 30.584V752.54c0 18.326-12.258 30.584-30.583 30.584zm0 0"
+  })));
+}
+
+var _path$5, _path2$2;
+
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+
+function SvgI002(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    className: "I002_svg__icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 200,
+    height: 200
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    d: "M879.973 997.088H146.455c-67.235 0-122.213-54.978-122.213-122.213V141.236c0-67.235 54.978-122.212 122.213-122.212h733.639c67.235 0 122.212 54.977 122.212 122.212v733.64c0 67.113-54.977 122.212-122.333 122.212zM146.455 80.069c-36.652 0-61.167 24.394-61.167 61.167v733.64c0 36.65 24.394 61.166 61.167 61.166h733.639c36.651 0 61.167-24.394 61.167-61.167V141.236c0-36.651-24.394-61.167-61.167-61.167h-733.64zm0 0"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    d: "M757.76 538.578H268.667c-18.326 0-30.583-12.257-30.583-30.583s12.257-30.583 30.583-30.583H757.76c18.326 0 30.583 12.257 30.583 30.583s-12.257 30.583-30.583 30.583zm0 0"
+  })));
+}
+
+function Expand(props) {
+  var _goodsMap$get;
+
+  var record = props.record;
+  var controller = Invoice.useInvoiceController();
+  var goodsMap = controller.useMemo(function (s) {
+    return s.goodsListState.goodsMap;
+  }, []);
+  var expandedRowKeys = controller.useMemo(function (s) {
+    return s.goodsListState.expandedRowKeys;
+  }, []);
+
+  if ((_goodsMap$get = goodsMap.get(record.$index)) === null || _goodsMap$get === void 0 ? void 0 : _goodsMap$get.children) {
+    if (expandedRowKeys.includes(record.$index)) {
+      return /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
+        type: 'text',
+        style: {
+          width: 'auto',
+          color: "#0074ff"
+        },
+        icon: /*#__PURE__*/React__default['default'].createElement(Icon, {
+          component: SvgI002
+        }),
+        onClick: controller.pipeline( /*#__PURE__*/function () {
+          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s, e) {
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                    s.goodsListState.expandedRowKeys = s.goodsListState.expandedRowKeys.filter(function (e) {
+                      return e !== record.$index;
+                    });
+
+                  case 2:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          return function (_x, _x2) {
+            return _ref.apply(this, arguments);
+          };
+        }())
+      });
+    } else {
+      return /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
+        type: 'text',
+        style: {
+          width: 'auto',
+          color: "#0074ff"
+        },
+        icon: /*#__PURE__*/React__default['default'].createElement(Icon, {
+          component: SvgI001$1
+        }),
+        onClick: controller.pipeline( /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(s, e) {
+            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                    s.goodsListState.expandedRowKeys = [].concat(_toConsumableArray(s.goodsListState.expandedRowKeys), [record.$index]);
+
+                  case 2:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }));
+
+          return function (_x3, _x4) {
+            return _ref2.apply(this, arguments);
+          };
+        }())
+      });
+    }
+  } else {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  }
+}
+
 var useColumns = (function (form) {
   var getFieldDecorator = form.getFieldDecorator,
       getFieldValue = form.getFieldValue;
@@ -13056,6 +13212,11 @@ var useColumns = (function (form) {
   var editGood = controller.useMemo(function (e) {
     return e.goodsListState.editGood;
   }, []);
+  /** 正在编辑的货物 */
+
+  var goodsList = controller.useMemo(function (e) {
+    return e.goodsListState.goodsList;
+  }, []);
   /** 商品表格隐藏列 */
 
   var columnshide = controller.useMemo(function (e) {
@@ -13149,6 +13310,16 @@ var useColumns = (function (form) {
           record: record
         });
       }
+    }, {
+      title: ' ',
+      key: 'expand',
+      width: 40,
+      align: 'center',
+      render: function render(_, record) {
+        return /*#__PURE__*/React__default['default'].createElement(Expand, {
+          record: record
+        });
+      }
     }, {
       title: '序号',
       key: 'serialNo',
@@ -13959,6 +14130,11 @@ var useColumns = (function (form) {
     }) // 是否启动拖拽
     .filter(function (e) {
       return e.key !== 'drag' || isStart;
+    }) // 是否启动展开
+    .filter(function (e) {
+      return e.key === 'expand' ? goodsList.some(function (e) {
+        return !!e.children;
+      }) : true;
     }) // 只读
     .filter(function (e) {
       if (model === 'readOnly') {
@@ -13971,7 +14147,7 @@ var useColumns = (function (form) {
         ellipsis: true
       });
     });
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish, columnshide, isStart]);
+  }, [isTaxIncluded, editGood, goodsList, controller, changeField, deduction, isMyShow, searchValue, model, columnsReplenish, columnshide, isStart]);
   return columns;
 });
 /** 字段 */
@@ -14178,7 +14354,7 @@ var useOnRow = (function () {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              if (!(model === 'readOnly')) {
+              if (!(record.level && record.level > 0)) {
                 _context2.next = 2;
                 break;
               }
@@ -14186,38 +14362,46 @@ var useOnRow = (function () {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(model === 'readOnly')) {
+                _context2.next = 4;
+                break;
+              }
+
+              return _context2.abrupt("return");
+
+            case 4:
               editGood = controller.state.goodsListState.editGood;
 
               if (!(record.lineAttribute !== LineAttributeType$1.正常)) {
-                _context2.next = 5;
+                _context2.next = 7;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 5:
+            case 7:
               if (!editGood) {
-                _context2.next = 16;
+                _context2.next = 18;
                 break;
               }
 
               if (!(editGood.$index === record.$index)) {
-                _context2.next = 8;
+                _context2.next = 10;
                 break;
               }
 
               return _context2.abrupt("return");
 
-            case 8:
-              _context2.next = 10;
-              return controller.saveEditGood();
-
             case 10:
               _context2.next = 12;
-              return controller.wait();
+              return controller.saveEditGood();
 
             case 12:
               _context2.next = 14;
+              return controller.wait();
+
+            case 14:
+              _context2.next = 16;
               return controller.pipeline( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
                   return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -14247,15 +14431,15 @@ var useOnRow = (function () {
                 };
               }())();
 
-            case 14:
-              _context2.next = 18;
+            case 16:
+              _context2.next = 20;
               break;
 
-            case 16:
-              _context2.next = 18;
+            case 18:
+              _context2.next = 20;
               return controller.setEditGood(record);
 
-            case 18:
+            case 20:
             case "end":
               return _context2.stop();
           }
@@ -14633,11 +14817,20 @@ var useRowSelection = (function () {
     columnWidth: 45,
     columnTitle: columnTitle,
     onSelect: onSelect,
-    selectedRowKeys: selectedRowKeys
+    selectedRowKeys: selectedRowKeys,
+    getCheckboxProps: function getCheckboxProps(record) {
+      console.log('===> getCheckboxProps', record, record.level);
+      return {
+        disabled: record.level > 0,
+        style: record.level > 0 ? {
+          display: 'none'
+        } : undefined
+      };
+    }
   };
 });
 
-var css_248z$a = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n";
+var css_248z$a = ".kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 1px solid #dcdcdc;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list {\n  flex: 1;\n  display: flex;\n  gap: 10px;\n  padding-right: 10px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button {\n  padding-left: 10px;\n  padding-right: 10px;\n  border-radius: 12px;\n  color: #0074ff;\n  border: 1px solid #0074ff;\n  height: 24px;\n  line-height: 22px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-list button[disabled] {\n  color: rgba(0, 0, 0, 0.25);\n  border: 1px solid;\n}\n.kts-invoice-operate-goods-list .kts-invoice-operate-goods-list-able-extend {\n  flex: none;\n  display: flex;\n  gap: 5px;\n}\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell,\n.kts-invoice-operate-goods-list .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-discount .ktsAntX-table-cell {\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item {\n  margin: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-item-control {\n  line-height: 1;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input:focus {\n  box-shadow: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-input,\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-select-selection--single {\n  border: none;\n  border-radius: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAnt3x-form-explain {\n  display: none;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-checked .ktsAntX-checkbox-inner::after {\n  width: 5px;\n  height: 10px;\n}\n.kts-invoice-operate-goods-list-table .ktsAntX-table-row-indent + .ktsAntX-table-row-expand-icon {\n  display: none;\n}\n.kts-invoice-operate-goods-list-table .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n";
 styleInject(css_248z$a);
 
 var keys$1 = {};
@@ -16828,42 +17021,42 @@ var Tag = /*#__PURE__*/function (_React$Component2) {
   return Tag;
 }(React__default['default'].Component);
 
-var _path$4;
+var _path$6;
 
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
 function SvgArrowUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 13,
     height: 13,
     fill: "none"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
     d: "M9.557 8.573a.338.338 0 01-.252-.114L6.508 5.367 3.711 8.46a.333.333 0 01-.497.005.404.404 0 01-.005-.538l3.048-3.37a.339.339 0 01.251-.114c.095 0 .185.041.252.114l3.048 3.37a.404.404 0 01-.005.538.337.337 0 01-.246.11z"
   })));
 }
 
-var _path$5;
+var _path$7;
 
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
 function SvgArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 13,
     fill: "none"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     d: "M2.943 4.427c.092 0 .183.038.252.114l2.797 3.092L8.789 4.54a.333.333 0 01.497-.005.404.404 0 01.005.538l-3.048 3.37a.339.339 0 01-.251.114.339.339 0 01-.252-.114l-3.048-3.37a.404.404 0 01.005-.538.337.337 0 01.246-.11z"
   })));
 }
 
 var _g, _defs$2;
 
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 
 function SvgPlus(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 15,
@@ -17643,10 +17836,10 @@ function TableVirtual$1 (props) {
 
 var _g$1, _defs$3;
 
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
 function SvgFork(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -19250,18 +19443,18 @@ var TaxIncludedSwitch$1 = (function () {
   }));
 });
 
-var _path$6;
+var _path$8;
 
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 
 function SvgMagnifier$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
     className: "magnifier_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg",
     width: 200,
     height: 200
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     d: "M985.781 918.594L820.773 765.526c27.373-32.973 49.655-69.577 66.437-109.258 22.933-54.219 34.56-111.795 34.56-171.13 0-59.333-11.627-116.91-34.56-171.13-22.143-52.354-53.838-99.365-94.2-139.729s-87.377-72.056-139.73-94.199c-54.219-22.933-111.795-34.561-171.13-34.561S365.24 57.148 311.022 80.08c-52.354 22.143-99.365 53.837-139.73 94.2s-72.057 87.375-94.2 139.73c-22.932 54.218-34.56 111.795-34.56 171.13 0 59.334 11.628 116.91 34.56 171.129 22.144 52.354 53.838 99.365 94.2 139.729s87.376 72.057 139.73 94.2c54.219 22.933 111.795 34.56 171.13 34.56s116.91-11.627 171.13-34.56c45.352-19.181 86.686-45.543 123.171-78.487l165.803 153.804a31.886 31.886 0 0021.756 8.54c8.593 0 17.163-3.442 23.467-10.238 12.019-12.956 11.26-33.205-1.698-45.223zm-503.63-57.836c-207.117 0-375.62-168.502-375.62-375.62 0-207.117 168.503-375.62 375.62-375.62s375.62 168.503 375.62 375.62c0 207.118-168.503 375.62-375.62 375.62z"
   })));
 }
@@ -19411,10 +19604,10 @@ function TableRow$1(props) {
 
 var _g$2, _defs$4;
 
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 
 function SvgPlus$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 15
@@ -19659,18 +19852,18 @@ function ItemNameInput$1(props) {
   })));
 }
 
-var _path$7;
+var _path$9;
 
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 
-function SvgI001$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+function SvgI001$2(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
     className: "I001_svg__icon",
     viewBox: "0 0 1024 1024",
     xmlns: "http://www.w3.org/2000/svg",
     width: 200,
     height: 200
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
     d: "M304.874-5.815h123.758v123.758H304.874V-5.815zm281.277 0H709.91v123.758H586.151V-5.815zM304.874 286.75h123.758v123.758H304.874V286.75zm281.277 0H709.91v123.758H586.151V286.75zM304.874 579.212h123.758V702.97H304.874V579.212zm281.277 0H709.91V702.97H586.151V579.212zM304.874 871.83h123.758v123.758H304.874V871.83zm281.277 0H709.91v123.758H586.151V871.83z"
   })));
 }
@@ -19971,7 +20164,7 @@ function Drag$2(props) {
       className: "kts-invoice-operate-goods-list-itemName-drag",
       onMouseOver: controller.saveEditGood
     }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-      component: SvgI001$1
+      component: SvgI001$2
     }));
   }, [onMouseDown, controller]);
 

package/docs-dist/static/I001.4ff48f20.svg

@@ -0,0 +1 @@
+<svg t="1719031046892" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5456" width="200" height="200"><path d="M879.9725037 997.08776297H146.45475555c-67.23508148 0-122.2125037-54.97742222-122.2125037-122.21250372V141.23614815c0-67.23508148 54.97742222-122.2125037 122.2125037-122.2125037h733.63911112c67.23508148 0 122.2125037 54.97742222 122.2125037 122.2125037V874.87525925c0 67.11371852-54.97742222 122.2125037-122.33386667 122.21250372zM146.45475555 80.06921482c-36.65161482 0-61.16693333 24.39395555-61.16693333 61.16693333V874.87525925c0 36.65161482 24.39395555 61.16693333 61.16693333 61.16693334h733.63911112c36.65161482 0 61.16693333-24.39395555 61.16693333-61.16693334V141.23614815c0-36.65161482-24.39395555-61.16693333-61.16693333-61.16693333H146.45475555z m0 0" p-id="5457"></path><path d="M757.76 538.57848889h-489.09274075c-18.32580741 0-30.58346667-12.25765925-30.58346666-30.58346667s12.25765925-30.58346667 30.58346666-30.58346667h489.09274075c18.32580741 0 30.58346667 12.25765925 30.58346667 30.58346667s-12.25765925 30.58346667-30.58346667 30.58346667z m0 0" p-id="5458"></path><path d="M513.21362963 783.12485925c-18.32580741 0-30.58346667-12.25765925-30.58346666-30.58346666v-489.09274074c0-18.32580741 12.25765925-30.58346667 30.58346666-30.58346667s30.58346667 12.25765925 30.58346667 30.58346667v489.09274074c0 18.32580741-12.25765925 30.58346667-30.58346667 30.58346666z m0 0" p-id="5459"></path></svg>

package/docs-dist/static/I002.38b94da1.svg

@@ -0,0 +1 @@
+<svg t="1719031078613" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5605" width="200" height="200"><path d="M879.9725037 997.08776297H146.45475555c-67.23508148 0-122.2125037-54.97742222-122.2125037-122.21250372V141.23614815c0-67.23508148 54.97742222-122.2125037 122.2125037-122.2125037h733.63911112c67.23508148 0 122.2125037 54.97742222 122.2125037 122.2125037V874.87525925c0 67.11371852-54.97742222 122.2125037-122.33386667 122.21250372zM146.45475555 80.06921482c-36.65161482 0-61.16693333 24.39395555-61.16693333 61.16693333V874.87525925c0 36.65161482 24.39395555 61.16693333 61.16693333 61.16693334h733.63911112c36.65161482 0 61.16693333-24.39395555 61.16693333-61.16693334V141.23614815c0-36.65161482-24.39395555-61.16693333-61.16693333-61.16693333H146.45475555z m0 0" p-id="5606"></path><path d="M757.76 538.57848889h-489.09274075c-18.32580741 0-30.58346667-12.25765925-30.58346666-30.58346667s12.25765925-30.58346667 30.58346666-30.58346667h489.09274075c18.32580741 0 30.58346667 12.25765925 30.58346667 30.58346667s-12.25765925 30.58346667-30.58346667 30.58346667z m0 0" p-id="5607"></path></svg>