tntd 2.0.19 → 2.0.22

package/lib/utils/index.js

@@ -1,132 +1,95 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  isGroupMenu: true,
-  getSelectedMenuInfo: true,
-  hasLevel3: true,
-  isNewTabMenu: true,
-  openInNewTab: true,
-  traverseTree: true,
-  safeParseJSON: true
-};
-exports.traverseTree = exports.safeParseJSON = exports.openInNewTab = exports.isNewTabMenu = exports.isGroupMenu = exports.hasLevel3 = exports.getSelectedMenuInfo = void 0;
-var _checkAuth = require("./checkAuth");
-Object.keys(_checkAuth).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _checkAuth[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _checkAuth[key];
-    }
-  });
-});
-var _findMenuInfoByPath = require("./findMenuInfoByPath");
-Object.keys(_findMenuInfoByPath).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _findMenuInfoByPath[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _findMenuInfoByPath[key];
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  });
-});
-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 _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 _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 _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; }
-var isGroupMenu = function isGroupMenu(menu) {
-  return (menu === null || menu === void 0 ? void 0 : menu.children) && !(menu === null || menu === void 0 ? void 0 : menu.path);
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.safeParseJSON = exports.traverseTree = exports.openInNewTab = exports.isNewTabMenu = exports.hasLevel3 = exports.getSelectedMenuInfo = exports.isGroupMenu = void 0;
+__exportStar(require("./checkAuth"), exports);
+__exportStar(require("./findMenuInfoByPath"), exports);
+const isGroupMenu = (menu) => (menu === null || menu === void 0 ? void 0 : menu.children) && !(menu === null || menu === void 0 ? void 0 : menu.path);
 exports.isGroupMenu = isGroupMenu;
-var getSelectedMenuInfo = function getSelectedMenuInfo(selectedKey) {
-  var menus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var subMenu;
-  var menu;
-  var parentMenus = [];
-  if (selectedKey) {
-    traverseTree(menus, function (node, pnode, pnodes) {
-      if (!isGroupMenu(node) && node.code === selectedKey) {
-        subMenu = node;
-        menu = pnode;
-        parentMenus = pnodes;
-        return false;
-      }
-    });
-  } else {
-    // 默认找到第一个菜单项
-    traverseTree(menus, function (node, pnode, pnodes) {
-      if (!isGroupMenu(node)) {
-        subMenu = node;
-        menu = pnode;
-        parentMenus = pnodes;
-        return false;
-      }
-    });
-  }
-  return {
-    subMenu: subMenu,
-    menu: menu,
-    parentMenus: parentMenus
-  };
+const getSelectedMenuInfo = (selectedKey, menus = []) => {
+    let subMenu;
+    let menu;
+    let parentMenus = [];
+    if (selectedKey) {
+        (0, exports.traverseTree)(menus, (node, pnode, pnodes) => {
+            if (!(0, exports.isGroupMenu)(node) && node.code === selectedKey) {
+                subMenu = node;
+                menu = pnode;
+                parentMenus = pnodes;
+                return false;
+            }
+        });
+    }
+    else {
+        // 默认找到第一个菜单项
+        (0, exports.traverseTree)(menus, (node, pnode, pnodes) => {
+            if (!(0, exports.isGroupMenu)(node)) {
+                subMenu = node;
+                menu = pnode;
+                parentMenus = pnodes;
+                return false;
+            }
+        });
+    }
+    return {
+        subMenu,
+        menu,
+        parentMenus,
+    };
 };
 exports.getSelectedMenuInfo = getSelectedMenuInfo;
-var hasLevel3 = function hasLevel3(menus) {
-  return menus === null || menus === void 0 ? void 0 : menus.some(function (menu) {
-    var _a;
-    return (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.some(function (item) {
-      var _a;
-      return (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length;
-    });
-  });
+const hasLevel3 = (menus) => {
+    return menus === null || menus === void 0 ? void 0 : menus.some((menu) => { var _a; return (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.some((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length; }); });
 };
 exports.hasLevel3 = hasLevel3;
-var isNewTabMenu = function isNewTabMenu(menu) {
-  var _ref = menu || {},
-    target = _ref.target,
-    path = _ref.path;
-  return target === '_blank' || /^http/i.test(path) && /blankType=newTarget/.test(path);
+const isNewTabMenu = (menu) => {
+    const { target, path } = menu || {};
+    return target === '_blank' || (/^http/i.test(path) && /blankType=newTarget/.test(path));
 };
 exports.isNewTabMenu = isNewTabMenu;
-var openInNewTab = function openInNewTab(path) {
-  window.open(path, '_blank');
+const openInNewTab = (path) => {
+    window.open(path, '_blank');
 };
 exports.openInNewTab = openInNewTab;
-var traverseTree = function traverseTree(treeData, callback, pnode) {
-  var pnodes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  ;
-  (treeData || []).every(function (node, index) {
-    var result;
-    if (callback) {
-      result = callback(node, pnode, (pnodes === null || pnodes === void 0 ? void 0 : pnodes.length) ? pnodes : [pnode].filter(function (item) {
-        return !!item;
-      }), index);
-    }
-    // 回调函数返回false则终止遍历
-    if (result !== false) {
-      node && traverseTree(node.children || [], callback, node, [node].concat(_toConsumableArray(pnodes)));
-    }
-    return result !== false;
-  });
-  return treeData;
+const traverseTree = (treeData, callback, pnode, pnodes = []) => {
+    ;
+    (treeData || []).every((node, index) => {
+        let result;
+        if (callback) {
+            result = callback(node, pnode, (pnodes === null || pnodes === void 0 ? void 0 : pnodes.length) ? pnodes : [pnode].filter((item) => !!item), index);
+        }
+        // 回调函数返回false则终止遍历
+        if (result !== false) {
+            node && (0, exports.traverseTree)(node.children || [], callback, node, [node, ...pnodes]);
+        }
+        return result !== false;
+    });
+    return treeData;
 };
 exports.traverseTree = traverseTree;
-var safeParseJSON = function safeParseJSON(str, defaultObj) {
-  var result;
-  try {
-    result = JSON.parse(str);
-  } catch (err) {
-    console.warn('json parse error:', err);
-    result = typeof defaultObj === 'undefined' ? str : defaultObj;
-  }
-  return result || defaultObj;
+const safeParseJSON = (str, defaultObj) => {
+    let result;
+    try {
+        result = JSON.parse(str);
+    }
+    catch (err) {
+        console.warn('json parse error:', err);
+        result = typeof defaultObj === 'undefined' ? str : defaultObj;
+    }
+    return result || defaultObj;
 };
-exports.safeParseJSON = safeParseJSON;
+exports.safeParseJSON = safeParseJSON;
+//# sourceMappingURL=index.js.map

package/lib/version/index.d.ts

@@ -1,5 +1,5 @@
-import Version from 'antd/lib/version';
-import 'antd/lib/version/style';
-export * from 'antd/lib/version';
+import Version from 'antd/es/version';
+import 'antd/es/version/style';
+export * from 'antd/es/version';
 export default Version;
 //# sourceMappingURL=index.d.ts.map

package/lib/version/index.js

@@ -1,25 +1,24 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _version = _interopRequireWildcard(require("antd/lib/version"));
-Object.keys(_version).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _version[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _version[key];
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
-  });
-});
-require("antd/lib/version/style");
-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; }
-var _default = _version["default"];
-exports["default"] = _default;
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const version_1 = __importDefault(require("antd/es/version"));
+require("antd/es/version/style");
+__exportStar(require("antd/es/version"), exports);
+exports.default = version_1.default;
+//# sourceMappingURL=index.js.map

package/lib/version/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/version/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,iCAA8B;AAE9B,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Version from 'antd/lib/version'\n\nimport 'antd/lib/version/style'\n\nexport * from 'antd/lib/version'\n\nexport default Version\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/version/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,iCAA8B;AAE9B,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Version from 'antd/es/version'\n\nimport 'antd/es/version/style'\n\nexport * from 'antd/es/version'\n\nexport default Version\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tntd",
-  "version": "2.0.19",
+  "version": "2.0.22",
   "license": "MIT",
   "dependencies": {
     "@icon-park/react": "^1.3.5",

package/es/tntd-form/CustomForm/components/Item.js

@@ -1,40 +0,0 @@
-/*
- * @Descripttion: CustomForm.Item
- * @Author: 郑泳健
- * @Date: 2023-02-22 23:25:24
- * @LastEditors: 郑泳健
- * @LastEditTime: 2023-03-17 16:50:32
- */
-import React, { useContext, memo } from 'react';
-import ItemComp from './ItemComp';
-import { FormContext } from '../store';
-const Item = ({
-  name,
-  children,
-  style,
-  rules,
-  shouldUpdate,
-  initialValue,
-  dependencies
-}) => {
-  const {
-    form,
-    initialValues,
-    currentChangeKeys,
-    setCurrentChangeKeys
-  } = useContext(FormContext);
-  return React.createElement(ItemComp, Object.assign({}, {
-    style,
-    rules,
-    name,
-    children,
-    form,
-    currentChangeKeys,
-    setCurrentChangeKeys,
-    initialValues,
-    initialValue,
-    shouldUpdate,
-    dependencies
-  }));
-};
-export default memo(Item);

package/es/tntd-form/CustomForm/components/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/components/Item.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,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,UAAU,CAAe,WAAW,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,QAAQ,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,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,IAAI,CAAC,CAAC","sourcesContent":["/*\n * @Descripttion: CustomForm.Item\n * @Author: 郑泳健\n * @Date: 2023-02-22 23:25:24\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:50:32\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"]}

package/es/tntd-form/CustomForm/components/ItemComp.js

@@ -1,149 +0,0 @@
-import _isEqual from "lodash/isEqual";
-/*
- * @Descripttion: 对CustomForm.Item进行性能优化
- * @Author: 郑泳健
- * @Date: 2023-02-23 12:47:28
- * @LastEditors: 郑泳健
- * @LastEditTime: 2023-03-17 16:55:35
- */
-import React, { useState, memo, useEffect } from 'react';
-import { getNames, handleCheckItem, getInitValue } from '../utils';
-const ItemComp = ({
-  form,
-  name,
-  children,
-  style,
-  initialValues,
-  initialValue,
-  rules,
-  setCurrentChangeKeys
-}) => {
-  const [value, setValue] = useState(undefined);
-  const [errorMsg, setErrorMsg] = useState(undefined);
-  /**
-   * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行，需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的
-   * @param name
-   * @param value
-   * @returns
-   */
-  const generateFormData = (name, value) => {
-    if (!name || !form) return;
-    const [str, ...rest] = name;
-    rest.forEach(i => {
-      if (form.formData[str]) {
-        form.formData[str][i].value = value;
-        form.formData[str][i].checkItem = () => {
-          const error = handleCheckItem(value, rules);
-          setErrorMsg(error);
-          return error;
-        };
-      } else {
-        form.formData[str] = {
-          [i]: {
-            value,
-            checkItem: () => {
-              const error = handleCheckItem(value, rules);
-              setErrorMsg(error);
-              return error;
-            },
-            setItemValue: () => {},
-            errorMsg: undefined
-          }
-        };
-      }
-    });
-  };
-  // 为了给最外层提供方法去校验，比如保存的时候.
-  // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行，如果添加了依赖value会导致子组件获取到的formData永远是上一次的
-  useEffect(() => {
-    if (!name || !form) return;
-    const [str, ...rest] = name;
-    const addItem = {
-      setItemValue: (_val, callback) => {
-        const error = handleCheckItem(_val, rules);
-        setValue(_val);
-        setErrorMsg(error);
-        callback === null || callback === void 0 ? void 0 : callback();
-      },
-      checkItem: () => {
-        const error = handleCheckItem(value, rules);
-        setErrorMsg(error);
-        return error;
-      },
-      value,
-      errorMsg
-    };
-    rest.forEach(i => {
-      if (form.formData[str]) {
-        form.formData[str][i] = addItem;
-      } else {
-        form.formData[str] = {
-          [i]: addItem
-        };
-      }
-    });
-  }, [rules, name, errorMsg, form]);
-  /** 这段代码不能删除，当增加/删除列的时候有些默认值需要更新 */
-  useEffect(() => {
-    if (initialValue) {
-      setValue(initialValue);
-      generateFormData(name, initialValue);
-    }
-  }, [initialValue]);
-  // 初始化设置默认值,
-  useEffect(() => {
-    var _a;
-    const initValue = getInitValue(initialValues, name);
-    // @ts-ignore
-    const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue;
-    setValue(_value);
-    generateFormData(name, _value);
-    if (name) {
-      setCurrentChangeKeys([(_a = getNames(name)) === null || _a === void 0 ? void 0 : _a.join('.')]);
-    }
-  }, []);
-  // 默认方法
-  const handleChange = e => {
-    var _a, _b;
-    let val;
-    if (typeof e === 'object') {
-      val = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value;
-    } else {
-      val = e;
-    }
-    setValue(val);
-    generateFormData(name, val);
-    const error = handleCheckItem(val, rules);
-    setErrorMsg(error);
-    if (name) {
-      setCurrentChangeKeys([(_b = getNames(name)) === null || _b === void 0 ? void 0 : _b.join('.')]);
-    }
-  };
-  return React.createElement("div", {
-    className: errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper',
-    style: style
-  }, React.Children.map(children, child => {
-    var _a;
-    if (React.isValidElement(child)) {
-      return React.cloneElement(child, Object.assign({
-        value,
-        form,
-        onChange: handleChange,
-        'data-key': (_a = getNames(name)) === null || _a === void 0 ? void 0 : _a.join('.')
-      }, child.props));
-    }
-    return null;
-  }), errorMsg && React.createElement("div", {
-    className: "ant-form-explain ant-form-item-explain-error"
-  }, errorMsg));
-};
-function arePropsEqual(prevProps, nextProps) {
-  if (Array.isArray(nextProps.currentChangeKeys) && nextProps.currentChangeKeys.length && _isEqual(prevProps.initialValues, nextProps.initialValues) && !nextProps.currentChangeKeys.includes(getNames(nextProps.name).join('.')) && !nextProps.shouldUpdate && Array.isArray(nextProps.dependencies) && nextProps.dependencies.every(i => {
-    var _a;
-    return !((_a = nextProps.currentChangeKeys) === null || _a === void 0 ? void 0 : _a.includes(getNames(i).join('.')));
-  })) {
-    return true;
-  }
-  return false;
-}
-export default memo(ItemComp, arePropsEqual);

package/es/tntd-form/CustomForm/components/ItemComp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 对CustomForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:55:35\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) as TinitialValueType;\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"]}

package/es/tntd-form/CustomForm/components/List.js

@@ -1,75 +0,0 @@
-import _isEqual from "lodash/isEqual";
-import _cloneDeep from "lodash/cloneDeep";
-/*
- * @Descripttion: FormList
- * @Author: 郑泳健
- * @Date: 2023-03-06 18:42:08
- * @LastEditors: 郑泳健
- * @LastEditTime: 2023-03-17 16:50:57
- */
-import React, { useState, useEffect, useRef, useContext, memo } from 'react';
-import { getNames } from '../utils';
-import { FormContext } from '../store';
-const List = ({
-  name,
-  children
-}) => {
-  const maxRef = useRef(-1);
-  const {
-    form,
-    initialValues
-  } = useContext(FormContext);
-  const [dataLevel, setDataLevel] = useState([]);
-  useEffect(() => {
-    const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
-    if (form && form.dataLevel) {
-      form.dataLevel[key] = dataLevel;
-    }
-  }, [form, dataLevel, name]);
-  /** 根据默认数值自动生成dataLevel */
-  useEffect(() => {
-    let dataSource = initialValues;
-    const attrs = getNames(name);
-    for (const key of attrs) {
-      dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
-    }
-    if (Array.isArray(dataSource)) {
-      const _level = dataSource.map((i, index) => {
-        return {
-          key: index,
-          name: `${attrs.join('.')}.${index}`
-        };
-      });
-      setDataLevel(_level);
-      maxRef.current = dataSource.length - 1;
-    }
-  }, [initialValues, name]);
-  /** 新增一列 */
-  const handleAdd = index => {
-    const tempDataLevel = _cloneDeep(dataLevel);
-    maxRef.current++;
-    const attrs = getNames(name);
-    tempDataLevel.splice(index + 1, 0, {
-      key: maxRef.current,
-      name: `${attrs === null || attrs === void 0 ? void 0 : attrs.join('.')}.${maxRef.current}`
-    });
-    setDataLevel(tempDataLevel);
-  };
-  /** 删除一列 */
-  const handleDel = index => {
-    const temp = _cloneDeep(dataLevel);
-    temp.splice(index, 1);
-    setDataLevel(temp);
-  };
-  return React.createElement(React.Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, {
-    add: handleAdd,
-    remove: handleDel
-  }));
-};
-// name 没有改变就不需要重复render
-export default memo(List, (nextProps, prevProps) => {
-  if (_isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {
-    return true;
-  }
-  return false;
-});

package/es/tntd-form/CustomForm/components/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/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 16:50:57\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 } 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"]}

package/es/tntd-form/CustomForm/index.js

@@ -1,48 +0,0 @@
-/*
- * @Descripttion: 高性能动态增删form表单
- * @Author: 郑泳健
- * @Date: 2023-02-16 10:43:03
- * @LastEditors: 郑泳健
- * @LastEditTime: 2023-03-17 16:49:01
- */
-import React, { useState, useRef } from 'react';
-import { validateFields, getFieldsValue, getFieldValue } from './utils';
-import { FormContext } from './store';
-import List from './components/List';
-import Item from './components/Item';
-const CustomForm = ({
-  form,
-  initialValues,
-  children
-}) => {
-  // 这个是为了获取当前是哪一个单元格在输入
-  const [currentChangeKeys, setCurrentChangeKeys] = useState([]);
-  return React.createElement(FormContext.Provider, {
-    value: {
-      form,
-      initialValues,
-      currentChangeKeys,
-      setCurrentChangeKeys
-    }
-  }, children);
-};
-CustomForm.useForm = () => {
-  const form = useRef({
-    dataLevel: [],
-    formData: {},
-    validateFields: () => validateFields(form.current),
-    getFieldsValue: () => getFieldsValue(form.current),
-    getFieldValue: field => getFieldValue(form.current, field),
-    setFieldsValue: obj => {
-      for (const i in obj) {
-        for (const attr in obj[i]) {
-          form.current.formData[i][attr].setItemValue(obj[i][attr]);
-        }
-      }
-    }
-  });
-  return [form.current];
-};
-CustomForm.List = List;
-CustomForm.Item = Item;
-export default CustomForm;