tntd 2.0.20 → 2.0.23

package/lib/table/table.d.ts

@@ -5,7 +5,6 @@ import ColumnGroup from 'antd/lib/table/ColumnGroup';
 export declare type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {
     storageKey?: string;
     enableToolbar?: boolean;
-    showCellBorders?: boolean;
     locale?: AntdTableProps<T>['locale'] & {
         loadingDescription?: string;
         emptyText?: string;
@@ -13,7 +12,7 @@ export declare type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {
     refresh?(): void;
 };
 export declare const Table: {
-    <T>({ className, locale, bordered, refresh, size, storageKey, columns, children, showCellBorders, pagination, enableToolbar, ...rest }: TableProps<T>): JSX.Element;
+    <T>({ className, locale, bordered, refresh, size, storageKey, columns, children, pagination, enableToolbar, ...rest }: TableProps<T>): JSX.Element;
     Column: typeof Column;
     ColumnGroup: typeof ColumnGroup;
     displayName: string;

package/lib/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAQnD,oBAAY,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAyFjB,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AAQnD,oBAAY,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAA;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAsFjB,CAAA"}

package/lib/table/table.js

@@ -46,8 +46,6 @@ var Table = function Table(_a) {
     storageKey = _a.storageKey,
     columns = _a.columns,
     children = _a.children,
-    _a$showCellBorders = _a.showCellBorders,
-    showCellBorders = _a$showCellBorders === void 0 ? false : _a$showCellBorders,
     _a$pagination = _a.pagination,
     pagination = _a$pagination === void 0 ? {
       showTotal: function showTotal(total) {
@@ -56,7 +54,7 @@ var Table = function Table(_a) {
     } : _a$pagination,
     _a$enableToolbar = _a.enableToolbar,
     enableToolbar = _a$enableToolbar === void 0 ? false : _a$enableToolbar,
-    rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "showCellBorders", "pagination", "enableToolbar"]);
+    rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "pagination", "enableToolbar"]);
   var tableContainer = (0, _react.useRef)(null);
   // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
   //   TABLE_SIZE_STORAGE_KEY,
@@ -99,7 +97,7 @@ var Table = function Table(_a) {
       var _classNames;
       var locale = localeObject;
       return _react["default"].createElement(_table["default"], Object.assign({
-        className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-hide-cell-borders"), !showCellBorders), _defineProperty(_classNames, "".concat(prefixCls, "-size-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _classNames), className),
+        className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-size-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _classNames), className),
         locale: locale,
         bordered: bordered,
         size: size,

package/lib/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAwD;AACxD,4FAAmE;AAEnE,0DAAoD;AACpD,kEAAyC;AACzC,4EAAmD;AACnD,4DAAmC;AACnC,+CAA8C;AAE9C,uCAAwC;AACxC,mCAA0C;AAC1C,mCAA0C;AAanC,MAAM,KAAK,GAAG,CAAK,EAeV,EAAE,EAAE;QAfM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAdiB,6IAezB,CADQ;IAEP,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,IAAA,wBAAgB,EAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,wBAAgB,EACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,uCAAK,GAAG,EAAE,cAAc;gBACtB,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,oBAAoB,CAAC,EAAE,CAAC,eAAe;4BACpD,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,OAAO;4BAC7C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;4BAC/C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAChD,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAzFY,QAAA,KAAK,SAyFjB;AAED,aAAK,CAAC,MAAM,GAAG,gBAAM,CAAA;AACrB,aAAK,CAAC,WAAW,GAAG,qBAAW,CAAA;AAC/B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/lib/table'\nimport { default as AntdTable } from 'antd/lib/table'\nimport Column from 'antd/lib/table/Column'\nimport ColumnGroup from 'antd/lib/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  showCellBorders?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n}\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  refresh,\n  size,\n  storageKey,\n  columns,\n  children,\n  showCellBorders = false,\n  pagination = {\n    showTotal: (total) => `共 ${total} 条记录`,\n  },\n  enableToolbar = false,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  const locale = localeObject as Record<string, string>\n\n                  return (\n                    <AntdTable\n                      className={classNames(\n                        prefixCls,\n                        {\n                          [`${prefixCls}-borderless`]: !bordered,\n                          [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n                          [`${prefixCls}-size-small`]: size === 'small',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={displayColumns}\n                      pagination={pagination}\n                      {...rest}\n                    />\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAwD;AACxD,4FAAmE;AAEnE,0DAAoD;AACpD,kEAAyC;AACzC,4EAAmD;AACnD,4DAAmC;AACnC,+CAA8C;AAE9C,uCAAwC;AACxC,mCAA0C;AAC1C,mCAA0C;AAYnC,MAAM,KAAK,GAAG,CAAK,EAcV,EAAE,EAAE;QAdM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAbiB,0HAczB,CADQ;IAEP,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,IAAA,wBAAgB,EAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,wBAAgB,EACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,uCAAK,GAAG,EAAE,cAAc;gBACtB,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,OAAO;4BAC7C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAChD,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,KAAK,SAsFjB;AAED,aAAK,CAAC,MAAM,GAAG,gBAAM,CAAA;AACrB,aAAK,CAAC,WAAW,GAAG,qBAAW,CAAA;AAC/B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/lib/table'\nimport { default as AntdTable } from 'antd/lib/table'\nimport Column from 'antd/lib/table/Column'\nimport ColumnGroup from 'antd/lib/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n}\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  refresh,\n  size,\n  storageKey,\n  columns,\n  children,\n  pagination = {\n    showTotal: (total) => `共 ${total} 条记录`,\n  },\n  enableToolbar = false,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  const locale = localeObject as Record<string, string>\n\n                  return (\n                    <AntdTable\n                      className={classNames(\n                        prefixCls,\n                        {\n                          [`${prefixCls}-borderless`]: !bordered,\n                          [`${prefixCls}-size-small`]: size === 'small',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={displayColumns}\n                      pagination={pagination}\n                      {...rest}\n                    />\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}

package/lib/table/table.less

@@ -19,13 +19,6 @@
     }
   }
 
-  &.@{table-prefix-cls}-hide-cell-borders {
-    .@{table-prefix-cls}-thead > tr > th:not(:last-child),
-    .@{table-prefix-cls}-tbody > tr > td:not(:last-child) {
-      border-right: none;
-    }
-  }
-
   // middle table override
   &.@{table-prefix-cls}-size-middle {
     .@{table-prefix-cls}-pagination.@{pagination-prefix-cls} {

package/lib/tntd-form/TntdForm/components/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,cAAc,CAAA;;AAiC3D,wBAAyB"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,SAAS,EAAkC,MAAM,cAAc,CAAA;;AAyC7E,wBAKE"}

package/lib/tntd-form/TntdForm/components/Item.js

@@ -5,18 +5,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _react = _interopRequireWildcard(require("react"));
 var _ItemComp = _interopRequireDefault(require("./ItemComp"));
 var _store = require("../store");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _utils = require("../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /*
  * @Descripttion: TntdForm.Item
  * @Author: 郑泳健
  * @Date: 2023-02-22 23:25:24
  * @LastEditors: 郑泳健
- * @LastEditTime: 2023-03-17 17:17:00
+ * @LastEditTime: 2023-04-06 17:46:57
  */
 
 var Item = function Item(_ref) {
@@ -30,21 +32,34 @@ var Item = function Item(_ref) {
   var _useContext = (0, _react.useContext)(_store.FormContext),
     form = _useContext.form,
     initialValues = _useContext.initialValues,
-    currentChangeKeys = _useContext.currentChangeKeys,
-    setCurrentChangeKeys = _useContext.setCurrentChangeKeys;
+    updateRefs = _useContext.updateRefs,
+    compsRefs = _useContext.compsRefs;
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    compsRefs.current[(0, _utils.getNames)(name).join('.')] = function () {
+      var _a, _b;
+      (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.onRefresh) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+  }, [compsRefs, name]);
   return _react["default"].createElement(_ItemComp["default"], Object.assign({}, {
+    form: form,
+    initialValues: initialValues,
+    updateRefs: updateRefs,
+    compsRefs: compsRefs,
     style: style,
     rules: rules,
     name: name,
+    ref: ref,
     children: children,
-    form: form,
-    currentChangeKeys: currentChangeKeys,
-    setCurrentChangeKeys: setCurrentChangeKeys,
-    initialValues: initialValues,
     initialValue: initialValue,
     shouldUpdate: shouldUpdate,
     dependencies: dependencies
   }));
 };
-var _default = (0, _react.memo)(Item);
+var _default = (0, _react.memo)(Item, function (nextProps, prevProps) {
+  if ((0, _isEqual2["default"])(nextProps.name, prevProps.name) && !!prevProps.name) {
+    return true;
+  }
+  return false;
+});
 exports["default"] = _default;

package/lib/tntd-form/TntdForm/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAA+C;AAC/C,0DAAiC;AACjC,oCAAsC;AAGtC,MAAM,IAAI,GAAwB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GACpE,IAAA,kBAAU,EAAe,mBAAW,CAAC,CAAA;IAEvC,OAAO,CACL,8BAAC,kBAAQ,oBACH;QACF,KAAK;QACL,KAAK;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,EACD,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,YAAI,EAAC,IAAI,CAAC,CAAA","sourcesContent":["/*\n * @Descripttion: TntdForm.Item\n * @Author: 郑泳健\n * @Date: 2023-02-22 23:25:24\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 17:17:00\n */\n\nimport React, { useContext, memo } from 'react'\nimport ItemComp from './ItemComp'\nimport { FormContext } from '../store'\nimport type { IFormItem, IFormContext } from '../interface'\n\nconst Item: React.FC<IFormItem> = ({\n  name,\n  children,\n  style,\n  rules,\n  shouldUpdate,\n  initialValue,\n  dependencies,\n}) => {\n  const { form, initialValues, currentChangeKeys, setCurrentChangeKeys } =\n    useContext<IFormContext>(FormContext)\n\n  return (\n    <ItemComp\n      {...{\n        style,\n        rules,\n        name,\n        children,\n        form,\n        currentChangeKeys,\n        setCurrentChangeKeys,\n        initialValues,\n        initialValue,\n        shouldUpdate,\n        dependencies,\n      }}\n    />\n  )\n}\n\nexport default memo(Item)\n"]}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAkE;AAClE,mCAAgC;AAChC,0DAAiC;AACjC,oCAAsC;AAEtC,oCAAmC;AAEnC,MAAM,IAAI,GAAwB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAe,mBAAW,CAAC,CAAA;IAC5F,MAAM,GAAG,GAAG,IAAA,cAAM,GAAoB,CAAA;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,CAAC,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;;YACjD,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,kDAAI,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BAAC,kBAAQ,oBACH;QACF,IAAI;QACJ,aAAa;QACb,UAAU;QACV,SAAS;QACT,KAAK;QACL,KAAK;QACL,IAAI;QACJ,GAAG;QACH,QAAQ;QACR,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,EACD,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACjD,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE;QAC/D,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAC,CAAA","sourcesContent":["/*\n * @Descripttion: TntdForm.Item\n * @Author: 郑泳健\n * @Date: 2023-02-22 23:25:24\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:46:57\n */\n\nimport React, { memo, useRef, useContext, useEffect } from 'react'\nimport { isEqual } from 'lodash'\nimport ItemComp from './ItemComp'\nimport { FormContext } from '../store'\nimport type { IFormItem, IFormContext, IChildrenCompFun } from '../interface'\nimport { getNames } from '../utils'\n\nconst Item: React.FC<IFormItem> = ({\n  name,\n  children,\n  style,\n  rules,\n  shouldUpdate,\n  initialValue,\n  dependencies,\n}) => {\n  const { form, initialValues, updateRefs, compsRefs } = useContext<IFormContext>(FormContext)\n  const ref = useRef<IChildrenCompFun>()\n\n  useEffect(() => {\n    compsRefs.current[getNames(name).join('.')] = () => {\n      ref.current?.onRefresh?.()\n    }\n  }, [compsRefs, name])\n\n  return (\n    <ItemComp\n      {...{\n        form,\n        initialValues,\n        updateRefs,\n        compsRefs,\n        style,\n        rules,\n        name,\n        ref,\n        children,\n        initialValue,\n        shouldUpdate,\n        dependencies,\n      }}\n    />\n  )\n}\n\nexport default memo(Item, (nextProps, prevProps) => {\n  if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n    return true\n  }\n  return false\n})\n"]}

package/lib/tntd-form/TntdForm/components/ItemComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemComp.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAGxD,OAAO,KAAK,EAAE,SAAS,EAAoC,MAAM,cAAc,CAAA;;AAsK/E,wBAA4C"}
+{"version":3,"file":"ItemComp.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAA;;AAiNjG,wBAA6B"}

package/lib/tntd-form/TntdForm/components/ItemComp.js

@@ -4,33 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ItemComp = function ItemComp(_ref) {
-  var form = _ref.form,
-    name = _ref.name,
+var ItemComp = _react["default"].forwardRef(function (_ref, ref) {
+  var name = _ref.name,
     children = _ref.children,
     style = _ref.style,
-    initialValues = _ref.initialValues,
     initialValue = _ref.initialValue,
     rules = _ref.rules,
-    setCurrentChangeKeys = _ref.setCurrentChangeKeys;
+    shouldUpdate = _ref.shouldUpdate,
+    dependencies = _ref.dependencies,
+    form = _ref.form,
+    updateRefs = _ref.updateRefs,
+    initialValues = _ref.initialValues,
+    compsRefs = _ref.compsRefs;
   var _useState = (0, _react.useState)(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -39,6 +43,54 @@ var ItemComp = function ItemComp(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     errorMsg = _useState4[0],
     setErrorMsg = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    refresh = _useState6[0],
+    setRefresh = _useState6[1];
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      onRefresh: function onRefresh() {
+        setRefresh(!refresh);
+      }
+    };
+  });
+  /** 根据shouldUpdate 和 dependencies收集修改某个字段后需要同步更新的字段 */
+  (0, _react.useEffect)(function () {
+    var _a;
+    var nameStr = (_a = (0, _utils.getNames)(name)) === null || _a === void 0 ? void 0 : _a.join('.');
+    if (shouldUpdate) {
+      updateRefs.current.shouldUpdateList.push(nameStr);
+    }
+    if (Array.isArray(dependencies)) {
+      var arr = dependencies.map(function (i) {
+        return (0, _utils.getNames)(i).join('.');
+      });
+      if (Array.isArray(arr)) {
+        arr.forEach(function (i) {
+          if (Array.isArray(updateRefs.current.dependencies[i])) {
+            updateRefs.current.dependencies[i] = [].concat(_toConsumableArray(updateRefs.current.dependencies[i]), [(0, _utils.getNames)(name).join('.')]);
+          } else {
+            updateRefs.current.dependencies[i] = [(0, _utils.getNames)(name).join('.')];
+          }
+        });
+      }
+    }
+  }, [shouldUpdate, dependencies, name, updateRefs]);
+  var updateRender = function updateRender() {
+    if (Array.isArray(updateRefs.current.shouldUpdateList)) {
+      updateRefs.current.shouldUpdateList.forEach(function (i) {
+        var _a, _b;
+        (_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      });
+    }
+    var list = updateRefs.current.dependencies[(0, _utils.getNames)(name).join('.')];
+    if (Array.isArray(list)) {
+      list.forEach(function (i) {
+        var _a, _b;
+        (_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      });
+    }
+  };
   /**
    * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行，需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的
    * @param name
@@ -46,7 +98,7 @@ var ItemComp = function ItemComp(_ref) {
    * @returns
    */
   var generateFormData = function generateFormData(name, value) {
-    if (!name || !form) return;
+    if (!name || !form || _typeof(name) !== 'object') return;
     var _name = _toArray(name),
       str = _name[0],
       rest = _name.slice(1);
@@ -75,7 +127,7 @@ var ItemComp = function ItemComp(_ref) {
   // 为了给最外层提供方法去校验，比如保存的时候.
   // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行，如果添加了依赖value会导致子组件获取到的formData永远是上一次的
   (0, _react.useEffect)(function () {
-    if (!name || !form) return;
+    if (!name || !form || _typeof(name) !== 'object') return;
     var _name2 = _toArray(name),
       str = _name2[0],
       rest = _name2.slice(1);
@@ -85,6 +137,7 @@ var ItemComp = function ItemComp(_ref) {
         setValue(_val);
         setErrorMsg(error);
         callback === null || callback === void 0 ? void 0 : callback();
+        updateRender();
       },
       checkItem: function checkItem() {
         var error = (0, _utils.handleCheckItem)(value, rules);
@@ -107,23 +160,21 @@ var ItemComp = function ItemComp(_ref) {
     if (initialValue) {
       setValue(initialValue);
       generateFormData(name, initialValue);
+      updateRender();
     }
   }, [initialValue]);
   // 初始化设置默认值,
   (0, _react.useEffect)(function () {
-    var _a;
     var initValue = (0, _utils.getInitValue)(initialValues, name);
     // @ts-ignore
     var _value = ['', null, undefined].includes(initValue) ? initialValue : initValue;
     setValue(_value);
     generateFormData(name, _value);
-    if (name) {
-      setCurrentChangeKeys([(_a = (0, _utils.getNames)(name)) === null || _a === void 0 ? void 0 : _a.join('.')]);
-    }
+    updateRender();
   }, []);
   // 默认方法
   var handleChange = function handleChange(e) {
-    var _a, _b;
+    var _a;
     var val;
     if (_typeof(e) === 'object') {
       val = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value;
@@ -134,9 +185,7 @@ var ItemComp = function ItemComp(_ref) {
     generateFormData(name, val);
     var error = (0, _utils.handleCheckItem)(val, rules);
     setErrorMsg(error);
-    if (name) {
-      setCurrentChangeKeys([(_b = (0, _utils.getNames)(name)) === null || _b === void 0 ? void 0 : _b.join('.')]);
-    }
+    updateRender();
   };
   return _react["default"].createElement("div", {
     className: errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper',
@@ -155,15 +204,12 @@ var ItemComp = function ItemComp(_ref) {
   }), errorMsg && _react["default"].createElement("div", {
     className: "ant-form-explain ant-form-item-explain-error"
   }, errorMsg));
-};
+});
 function arePropsEqual(prevProps, nextProps) {
-  if (Array.isArray(nextProps.currentChangeKeys) && nextProps.currentChangeKeys.length && (0, _isEqual2["default"])(prevProps.initialValues, nextProps.initialValues) && !nextProps.currentChangeKeys.includes((0, _utils.getNames)(nextProps.name).join('.')) && !nextProps.shouldUpdate && Array.isArray(nextProps.dependencies) && nextProps.dependencies.every(function (i) {
-    var _a;
-    return !((_a = nextProps.currentChangeKeys) === null || _a === void 0 ? void 0 : _a.includes((0, _utils.getNames)(i).join('.')));
-  })) {
+  if (!nextProps.shouldUpdate && Array.isArray(nextProps.dependencies)) {
     return true;
   }
   return false;
 }
-var _default = (0, _react.memo)(ItemComp, arePropsEqual);
+var _default = (0, _react.memo)(ItemComp);
 exports["default"] = _default;

package/lib/tntd-form/TntdForm/components/ItemComp.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: TntdForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 18:27:03\n */\n\nimport React, { useState, memo, useEffect } from 'react'\nimport { isEqual } from 'lodash'\nimport { getNames, handleCheckItem, getInitValue } from '../utils'\nimport type { IFormItem, IFormItemData, TinitialValueType } from '../interface'\n\nconst ItemComp: React.FC<IFormItem> = ({\n  form,\n  name,\n  children,\n  style,\n  initialValues,\n  initialValue,\n  rules,\n  setCurrentChangeKeys,\n}) => {\n  const [value, setValue] = useState<TinitialValueType>(undefined)\n  const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined)\n\n  /**\n   * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行，需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n   * @param name\n   * @param value\n   * @returns\n   */\n  const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n    if (!name || !form) return\n    const [str, ...rest] = name\n\n    rest.forEach((i) => {\n      if (form.formData[str]) {\n        form.formData[str][i].value = value\n        form.formData[str][i].checkItem = () => {\n          const error = handleCheckItem(value, rules)\n          setErrorMsg(error)\n          return error\n        }\n      } else {\n        form.formData[str] = {\n          [i]: {\n            value,\n            checkItem: () => {\n              const error = handleCheckItem(value, rules)\n              setErrorMsg(error)\n              return error\n            },\n            setItemValue: () => {},\n            errorMsg: undefined,\n          },\n        }\n      }\n    })\n  }\n\n  // 为了给最外层提供方法去校验，比如保存的时候.\n  // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行，如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n  useEffect(() => {\n    if (!name || !form) return\n    const [str, ...rest] = name\n\n    const addItem: IFormItemData = {\n      setItemValue: (_val, callback) => {\n        const error = handleCheckItem(_val, rules)\n        setValue(_val)\n        setErrorMsg(error)\n        callback?.()\n      },\n      checkItem: () => {\n        const error = handleCheckItem(value, rules)\n        setErrorMsg(error)\n        return error\n      },\n      value,\n      errorMsg,\n    }\n    rest.forEach((i) => {\n      if (form.formData[str]) {\n        form.formData[str][i] = addItem\n      } else {\n        form.formData[str] = {\n          [i]: addItem,\n        }\n      }\n    })\n  }, [rules, name, errorMsg, form])\n\n  /** 这段代码不能删除，当增加/删除列的时候有些默认值需要更新 */\n  useEffect(() => {\n    if (initialValue) {\n      setValue(initialValue)\n      generateFormData(name, initialValue)\n    }\n  }, [initialValue])\n\n  // 初始化设置默认值,\n  useEffect(() => {\n    const initValue = getInitValue(initialValues, name)\n    // @ts-ignore\n    const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue\n\n    setValue(_value)\n    generateFormData(name, _value)\n    if (name) {\n      setCurrentChangeKeys([getNames(name)?.join('.')])\n    }\n  }, [])\n\n  // 默认方法\n  const handleChange = (\n    e:\n      | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n      | string\n      | number\n      | undefined\n  ) => {\n    let val\n    if (typeof e === 'object') {\n      val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n        ?.target?.value\n    } else {\n      val = e\n    }\n    setValue(val)\n    generateFormData(name, val)\n    const error = handleCheckItem(val, rules)\n    setErrorMsg(error)\n    if (name) {\n      setCurrentChangeKeys([getNames(name)?.join('.')])\n    }\n  }\n\n  return (\n    <div\n      className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n      style={style}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, {\n            value,\n            form,\n            onChange: handleChange,\n            'data-key': getNames(name)?.join('.'),\n            ...child.props,\n          })\n        }\n        return null\n      })}\n      {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n    </div>\n  )\n}\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n  if (\n    Array.isArray(nextProps.currentChangeKeys) &&\n    nextProps.currentChangeKeys.length &&\n    isEqual(prevProps.initialValues, nextProps.initialValues) &&\n    !nextProps.currentChangeKeys.includes(getNames(nextProps.name).join('.')) &&\n    !nextProps.shouldUpdate &&\n    Array.isArray(nextProps.dependencies) &&\n    nextProps.dependencies.every(\n      (i) => !nextProps.currentChangeKeys?.includes(getNames(i).join('.'))\n    )\n  ) {\n    return true\n  }\n  return false\n}\n\nexport default memo(ItemComp, arePropsEqual)\n"]}
+{"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: TntdForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:45:35\n */\n\nimport React, { useState, memo, useEffect, useImperativeHandle } from 'react'\nimport { getNames, handleCheckItem, getInitValue } from '../utils'\nimport type { IFormItem, IFormItemData, TinitialValueType, IChildrenCompFun } from '../interface'\n\nconst ItemComp: React.FC<IFormItem> = React.forwardRef<IChildrenCompFun, IFormItem>(\n  (\n    {\n      name,\n      children,\n      style,\n      initialValue,\n      rules,\n      shouldUpdate,\n      dependencies,\n      form,\n      updateRefs,\n      initialValues,\n      compsRefs,\n    },\n    ref\n  ) => {\n    const [value, setValue] = useState<TinitialValueType>(undefined)\n    const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined)\n    const [refresh, setRefresh] = useState<boolean>(false)\n\n    useImperativeHandle(ref, () => ({\n      onRefresh: () => {\n        setRefresh(!refresh)\n      },\n    }))\n\n    /** 根据shouldUpdate 和 dependencies收集修改某个字段后需要同步更新的字段 */\n    useEffect(() => {\n      const nameStr = getNames(name)?.join('.')\n      if (shouldUpdate) {\n        updateRefs.current.shouldUpdateList.push(nameStr)\n      }\n\n      if (Array.isArray(dependencies)) {\n        const arr = dependencies.map((i) => getNames(i).join('.'))\n        if (Array.isArray(arr)) {\n          arr.forEach((i) => {\n            if (Array.isArray(updateRefs.current.dependencies[i])) {\n              updateRefs.current.dependencies[i] = [\n                ...updateRefs.current.dependencies[i],\n                getNames(name).join('.'),\n              ]\n            } else {\n              updateRefs.current.dependencies[i] = [getNames(name).join('.')]\n            }\n          })\n        }\n      }\n    }, [shouldUpdate, dependencies, name, updateRefs])\n\n    const updateRender = () => {\n      if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n        updateRefs.current.shouldUpdateList.forEach((i) => {\n          compsRefs?.current?.[i]?.()\n        })\n      }\n      const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n      if (Array.isArray(list)) {\n        list.forEach((i) => {\n          compsRefs?.current?.[i]?.()\n        })\n      }\n    }\n\n    /**\n     * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行，需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n     * @param name\n     * @param value\n     * @returns\n     */\n    const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n      if (!name || !form || typeof name !== 'object') return\n      const [str, ...rest] = name\n\n      rest.forEach((i) => {\n        if (form.formData[str]) {\n          form.formData[str][i].value = value\n          form.formData[str][i].checkItem = () => {\n            const error = handleCheckItem(value, rules)\n            setErrorMsg(error)\n            return error\n          }\n        } else {\n          form.formData[str] = {\n            [i]: {\n              value,\n              checkItem: () => {\n                const error = handleCheckItem(value, rules)\n                setErrorMsg(error)\n                return error\n              },\n              setItemValue: () => {},\n              errorMsg: undefined,\n            },\n          }\n        }\n      })\n    }\n\n    // 为了给最外层提供方法去校验，比如保存的时候.\n    // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行，如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n    useEffect(() => {\n      if (!name || !form || typeof name !== 'object') return\n      const [str, ...rest] = name\n\n      const addItem: IFormItemData = {\n        setItemValue: (_val, callback) => {\n          const error = handleCheckItem(_val, rules)\n          setValue(_val)\n          setErrorMsg(error)\n          callback?.()\n          updateRender()\n        },\n        checkItem: () => {\n          const error = handleCheckItem(value, rules)\n          setErrorMsg(error)\n          return error\n        },\n        value,\n        errorMsg,\n      }\n      rest.forEach((i) => {\n        if (form.formData[str]) {\n          form.formData[str][i] = addItem\n        } else {\n          form.formData[str] = {\n            [i]: addItem,\n          }\n        }\n      })\n    }, [rules, name, errorMsg, form])\n\n    /** 这段代码不能删除，当增加/删除列的时候有些默认值需要更新 */\n    useEffect(() => {\n      if (initialValue) {\n        setValue(initialValue)\n        generateFormData(name, initialValue)\n        updateRender()\n      }\n    }, [initialValue])\n\n    // 初始化设置默认值,\n    useEffect(() => {\n      const initValue = getInitValue(initialValues, name)\n      // @ts-ignore\n      const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue\n\n      setValue(_value)\n      generateFormData(name, _value)\n      updateRender()\n    }, [])\n\n    // 默认方法\n    const handleChange = (\n      e:\n        | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n        | string\n        | number\n        | undefined\n    ) => {\n      let val\n      if (typeof e === 'object') {\n        val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n          ?.target?.value\n      } else {\n        val = e\n      }\n      setValue(val)\n      generateFormData(name, val)\n      const error = handleCheckItem(val, rules)\n      setErrorMsg(error)\n      updateRender()\n    }\n\n    return (\n      <div\n        className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n        style={style}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              value,\n              form,\n              onChange: handleChange,\n              'data-key': getNames(name)?.join('.'),\n              ...child.props,\n            })\n          }\n          return null\n        })}\n        {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n      </div>\n    )\n  }\n)\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n  if (!nextProps.shouldUpdate && Array.isArray(nextProps.dependencies)) {\n    return true\n  }\n\n  return false\n}\n\nexport default memo(ItemComp)\n"]}

package/lib/tntd-form/TntdForm/components/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,OAAO,KAAK,EAAE,cAAc,EAA+C,MAAM,cAAc,CAAA;;AA0D/F,wBAKE"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,OAAO,KAAK,EAAE,cAAc,EAA+C,MAAM,cAAc,CAAA;;AAmF/F,wBAKE"}

package/lib/tntd-form/TntdForm/components/List.js

@@ -26,27 +26,40 @@ var List = function List(_ref) {
   var maxRef = (0, _react.useRef)(-1);
   var _useContext = (0, _react.useContext)(_store.FormContext),
     form = _useContext.form,
-    initialValues = _useContext.initialValues;
+    initialValues = _useContext.initialValues,
+    compsRefs = _useContext.compsRefs,
+    updateRefs = _useContext.updateRefs;
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     dataLevel = _useState2[0],
     setDataLevel = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
-    if (form && form.dataLevel) {
-      form.dataLevel[key] = dataLevel;
+  /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */
+  var updateRender = function updateRender() {
+    if (Array.isArray(updateRefs.current.shouldUpdateList)) {
+      updateRefs.current.shouldUpdateList.forEach(function (i) {
+        var _a, _b;
+        (_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      });
     }
-  }, [form, dataLevel, name]);
+    var list = updateRefs.current.dependencies[(0, _utils.getNames)(name).join('.')];
+    if (Array.isArray(list)) {
+      list.forEach(function (i) {
+        var _a, _b;
+        (_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      });
+    }
+  };
   /** 根据默认数值自动生成dataLevel */
   (0, _react.useEffect)(function () {
     var dataSource = initialValues;
     var attrs = (0, _utils.getNames)(name);
+    var key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
     var _iterator = _createForOfIteratorHelper(attrs),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var key = _step.value;
-        dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
+        var _key = _step.value;
+        dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[_key]) || [{}];
       }
     } catch (err) {
       _iterator.e(err);
@@ -62,11 +75,16 @@ var List = function List(_ref) {
       });
       setDataLevel(_level);
       maxRef.current = dataSource.length - 1;
+      if (form) {
+        form.dataLevel[key] = _level;
+      }
+      updateRender();
     }
-  }, [initialValues, name]);
+  }, [form, initialValues, name]);
   /** 新增一列 */
   var handleAdd = function handleAdd(index) {
     var tempDataLevel = (0, _cloneDeep2["default"])(dataLevel);
+    var key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
     maxRef.current++;
     var attrs = (0, _utils.getNames)(name);
     tempDataLevel.splice(index + 1, 0, {
@@ -74,12 +92,21 @@ var List = function List(_ref) {
       name: "".concat(attrs === null || attrs === void 0 ? void 0 : attrs.join('.'), ".").concat(maxRef.current)
     });
     setDataLevel(tempDataLevel);
+    if (form) {
+      form.dataLevel[key] = tempDataLevel;
+    }
+    updateRender();
   };
   /** 删除一列 */
   var handleDel = function handleDel(index) {
     var temp = (0, _cloneDeep2["default"])(dataLevel);
+    var key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
     temp.splice(index, 1);
     setDataLevel(temp);
+    if (form) {
+      form.dataLevel[key] = temp;
+    }
+    updateRender();
   };
   return _react["default"].createElement(_react["default"].Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, {
     add: handleAdd,

package/lib/tntd-form/TntdForm/components/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 18:47:05\n */\n\nimport React, { useState, useEffect, useRef, useContext, memo } from 'react'\nimport { cloneDeep, isEqual } from 'lodash'\nimport { getNames } from '../utils'\nimport { FormContext } from '../store'\nimport type { IFormListProps, IFormContext, ILevel, TAddOrRemove, IObject } from '../interface'\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n  const maxRef = useRef(-1)\n  const { form, initialValues } = useContext<IFormContext>(FormContext)\n  const [dataLevel, setDataLevel] = useState<ILevel[]>([])\n\n  useEffect(() => {\n    const key: string = Array.isArray(name) ? name?.[0] : name\n    if (form && form.dataLevel) {\n      form.dataLevel[key] = dataLevel\n    }\n  }, [form, dataLevel, name])\n\n  /** 根据默认数值自动生成dataLevel */\n  useEffect(() => {\n    let dataSource = initialValues\n    const attrs = getNames(name)\n\n    for (const key of attrs) {\n      dataSource = dataSource?.[key] || [{}]\n    }\n\n    if (Array.isArray(dataSource)) {\n      const _level = dataSource.map((i, index) => {\n        return {\n          key: index,\n          name: `${attrs.join('.')}.${index}`,\n        }\n      })\n      setDataLevel(_level)\n      maxRef.current = dataSource.length - 1\n    }\n  }, [initialValues, name])\n\n  /** 新增一列 */\n  const handleAdd: TAddOrRemove = (index) => {\n    const tempDataLevel = cloneDeep(dataLevel)\n    maxRef.current++\n    const attrs = getNames(name)\n    tempDataLevel.splice(index + 1, 0, {\n      key: maxRef.current,\n      name: `${attrs?.join('.')}.${maxRef.current}`,\n    })\n    setDataLevel(tempDataLevel)\n  }\n\n  /** 删除一列 */\n  const handleDel: TAddOrRemove = (index) => {\n    const temp = cloneDeep(dataLevel)\n    temp.splice(index, 1)\n    setDataLevel(temp)\n  }\n\n  return <>{children?.(dataLevel, { add: handleAdd, remove: handleDel })}</>\n}\n\n// name 没有改变就不需要重复render\nexport default memo(List, (nextProps, prevProps) => {\n  if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n    return true\n  }\n  return false\n})\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:42:31\n */\n\nimport React, { useState, useEffect, useRef, useContext, memo } from 'react'\nimport { cloneDeep, isEqual } from 'lodash'\nimport { getNames } from '../utils'\nimport { FormContext } from '../store'\nimport type { IFormListProps, IFormContext, ILevel, TAddOrRemove, IObject } from '../interface'\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n  const maxRef = useRef(-1)\n  const { form, initialValues, compsRefs, updateRefs } = useContext<IFormContext>(FormContext)\n  const [dataLevel, setDataLevel] = useState<ILevel[]>([])\n\n  /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */\n  const updateRender = () => {\n    if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n      updateRefs.current.shouldUpdateList.forEach((i) => {\n        compsRefs?.current?.[i]?.()\n      })\n    }\n\n    const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n    if (Array.isArray(list)) {\n      list.forEach((i) => {\n        compsRefs?.current?.[i]?.()\n      })\n    }\n  }\n\n  /** 根据默认数值自动生成dataLevel */\n  useEffect(() => {\n    let dataSource = initialValues\n    const attrs = getNames(name)\n    const key: string = Array.isArray(name) ? name?.[0] : name\n\n    for (const key of attrs) {\n      dataSource = dataSource?.[key] || [{}]\n    }\n\n    if (Array.isArray(dataSource)) {\n      const _level = dataSource.map((i, index) => {\n        return {\n          key: index,\n          name: `${attrs.join('.')}.${index}`,\n        }\n      })\n      setDataLevel(_level)\n      maxRef.current = dataSource.length - 1\n      if (form) {\n        form.dataLevel[key] = _level\n      }\n      updateRender()\n    }\n  }, [form, initialValues, name])\n\n  /** 新增一列 */\n  const handleAdd: TAddOrRemove = (index) => {\n    const tempDataLevel = cloneDeep(dataLevel)\n    const key: string = Array.isArray(name) ? name?.[0] : name\n    maxRef.current++\n    const attrs = getNames(name)\n    tempDataLevel.splice(index + 1, 0, {\n      key: maxRef.current,\n      name: `${attrs?.join('.')}.${maxRef.current}`,\n    })\n    setDataLevel(tempDataLevel)\n    if (form) {\n      form.dataLevel[key] = tempDataLevel\n    }\n    updateRender()\n  }\n\n  /** 删除一列 */\n  const handleDel: TAddOrRemove = (index) => {\n    const temp = cloneDeep(dataLevel)\n    const key: string = Array.isArray(name) ? name?.[0] : name\n    temp.splice(index, 1)\n    setDataLevel(temp)\n    if (form) {\n      form.dataLevel[key] = temp\n    }\n    updateRender()\n  }\n\n  return <>{children?.(dataLevel, { add: handleAdd, remove: handleDel })}</>\n}\n\n// name 没有改变就不需要重复render\nexport default memo(List, (nextProps, prevProps) => {\n  if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n    return true\n  }\n  return false\n})\n"]}

package/lib/tntd-form/TntdForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAA8B,MAAM,aAAa,CAAA;AAIpF,QAAA,MAAM,QAAQ;wCAAuC,cAAc;;;;CAgBlE,CAAA;AA4BD,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAA0C,MAAM,aAAa,CAAA;AAIhG,QAAA,MAAM,QAAQ;wCAAuC,cAAc;;;;CAoBlE,CAAA;AA4BD,eAAe,QAAQ,CAAA"}

package/lib/tntd-form/TntdForm/index.js

@@ -13,27 +13,29 @@ var _Item = _interopRequireDefault(require("./components/Item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/*
+ * @Descripttion: 高性能动态增删form表单
+ * @Author: 郑泳健
+ * @Date: 2023-02-16 10:43:03
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2023-04-06 15:32:07
+ */
+
 var TntdForm = function TntdForm(_ref) {
   var form = _ref.form,
     initialValues = _ref.initialValues,
     children = _ref.children;
-  // 这个是为了获取当前是哪一个单元格在输入
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentChangeKeys = _useState2[0],
-    setCurrentChangeKeys = _useState2[1];
+  var updateRefs = (0, _react.useRef)({
+    shouldUpdateList: [],
+    dependencies: {}
+  });
+  var compsRefs = (0, _react.useRef)({});
   return _react["default"].createElement(_store.FormContext.Provider, {
     value: {
       form: form,
       initialValues: initialValues,
-      currentChangeKeys: currentChangeKeys,
-      setCurrentChangeKeys: setCurrentChangeKeys
+      updateRefs: updateRefs,
+      compsRefs: compsRefs
     }
   }, children);
 };