tntd 2.7.22 → 2.7.24

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

@@ -0,0 +1,186 @@
+/*
+ * @Descripttion: TntdForm.Item进行性能优化
+ * @Author: 郑泳健
+ * @Date: 2023-02-23 12:47:28
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2023-04-06 17:45:35
+ */
+import React, { useState, memo, useEffect, useImperativeHandle } from 'react';
+import { getNames, handleCheckItem, getInitValue } from '../utils';
+const ItemComp = React.forwardRef(({
+  name,
+  children,
+  style,
+  initialValue,
+  rules,
+  shouldUpdate,
+  dependencies,
+  form,
+  updateRefs,
+  initialValues,
+  compsRefs
+}, ref) => {
+  const [value, setValue] = useState(undefined);
+  const [errorMsg, setErrorMsg] = useState(undefined);
+  const [refresh, setRefresh] = useState(false);
+  useImperativeHandle(ref, () => ({
+    onRefresh: () => {
+      setRefresh(!refresh);
+    }
+  }));
+  /** 根据shouldUpdate 和 dependencies收集修改某个字段后需要同步更新的字段 */
+  useEffect(() => {
+    var _a;
+    const nameStr = (_a = getNames(name)) === null || _a === void 0 ? void 0 : _a.join('.');
+    if (shouldUpdate) {
+      updateRefs.current.shouldUpdateList.push(nameStr);
+    }
+    if (Array.isArray(dependencies)) {
+      const arr = dependencies.map(i => getNames(i).join('.'));
+      if (Array.isArray(arr)) {
+        arr.forEach(i => {
+          if (Array.isArray(updateRefs.current.dependencies[i])) {
+            updateRefs.current.dependencies[i] = [...updateRefs.current.dependencies[i], getNames(name).join('.')];
+          } else {
+            updateRefs.current.dependencies[i] = [getNames(name).join('.')];
+          }
+        });
+      }
+    }
+  }, [shouldUpdate, dependencies, name, updateRefs]);
+  const updateRender = () => {
+    if (Array.isArray(updateRefs.current.shouldUpdateList)) {
+      updateRefs.current.shouldUpdateList.forEach(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);
+      });
+    }
+    const list = updateRefs.current.dependencies[getNames(name).join('.')];
+    if (Array.isArray(list)) {
+      list.forEach(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
+   * @param value
+   * @returns
+   */
+  const generateFormData = (name, value) => {
+    if (!name || !form || typeof name !== 'object') 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 || typeof name !== 'object') 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();
+        updateRender();
+      },
+      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);
+      updateRender();
+    }
+  }, [initialValue]);
+  // 初始化设置默认值,
+  useEffect(() => {
+    const initValue = getInitValue(initialValues, name);
+    // @ts-ignore
+    const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue;
+    setValue(_value);
+    generateFormData(name, _value);
+    updateRender();
+  }, []);
+  // 默认方法
+  const handleChange = e => {
+    var _a;
+    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);
+    updateRender();
+  };
+  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 (!nextProps.shouldUpdate && Array.isArray(nextProps.dependencies)) {
+    return true;
+  }
+  return false;
+}
+export default memo(ItemComp);

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

@@ -0,0 +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-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/es/tntd-form/TntdForm/components/List.js

@@ -0,0 +1,102 @@
+import _isEqual from "lodash/isEqual";
+import _cloneDeep from "lodash/cloneDeep";
+/*
+ * @Descripttion: FormList
+ * @Author: 郑泳健
+ * @Date: 2023-03-06 18:42:08
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2023-04-06 17:42:31
+ */
+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,
+    compsRefs,
+    updateRefs
+  } = useContext(FormContext);
+  const [dataLevel, setDataLevel] = useState([]);
+  /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */
+  const updateRender = () => {
+    if (Array.isArray(updateRefs.current.shouldUpdateList)) {
+      updateRefs.current.shouldUpdateList.forEach(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);
+      });
+    }
+    const list = updateRefs.current.dependencies[getNames(name).join('.')];
+    if (Array.isArray(list)) {
+      list.forEach(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 */
+  useEffect(() => {
+    let dataSource = initialValues;
+    const attrs = getNames(name);
+    const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : 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;
+      if (form) {
+        form.dataLevel[key] = _level;
+      }
+      updateRender();
+    }
+  }, [form, initialValues, name]);
+  /** 新增一列 */
+  const handleAdd = index => {
+    const tempDataLevel = _cloneDeep(dataLevel);
+    const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
+    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);
+    if (form) {
+      form.dataLevel[key] = tempDataLevel;
+    }
+    updateRender();
+  };
+  /** 删除一列 */
+  const handleDel = index => {
+    const temp = _cloneDeep(dataLevel);
+    const 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.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/TntdForm/components/List.js.map

@@ -0,0 +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-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/es/tntd-form/TntdForm/index.js

@@ -0,0 +1,55 @@
+/*
+ * @Descripttion: 高性能动态增删form表单
+ * @Author: 郑泳健
+ * @Date: 2023-02-16 10:43:03
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2023-04-06 15:32:07
+ */
+import React, { useRef } from 'react';
+import { validateFields, getFieldsValue, getFieldValue } from './utils';
+import { FormContext } from './store';
+import List from './components/List';
+import Item from './components/Item';
+const TntdForm = ({
+  form,
+  initialValues,
+  children
+}) => {
+  const updateRefs = useRef({
+    shouldUpdateList: [],
+    dependencies: {}
+  });
+  const compsRefs = useRef({});
+  return React.createElement(FormContext.Provider, {
+    value: {
+      form,
+      initialValues,
+      updateRefs,
+      compsRefs
+    }
+  }, children);
+};
+TntdForm.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) {
+        if (Object.prototype.hasOwnProperty.call(obj, i)) {
+          const prefix = (i === null || i === void 0 ? void 0 : i.split('.')) || [];
+          const attr = prefix.pop();
+          if (attr && form.current.formData[prefix.join('.')][attr]) {
+            form.current.formData[prefix.join('.')][attr].setItemValue(obj[i]);
+          }
+        }
+      }
+    }
+  });
+  return [form.current];
+};
+TntdForm.List = List;
+TntdForm.Item = Item;
+export default TntdForm;

package/es/tntd-form/TntdForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAY,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,MAAM,CAAa;QACpC,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,UAAU;YACV,SAAS;SACV,IAEA,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAuB,MAAM,CAAQ;QAC7C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;QAClD,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QAC3E,cAAc,EAAE,CAAC,GAA+B,EAAE,EAAE;YAClD,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;gBACnB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE;oBAChD,MAAM,MAAM,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAA;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE,CAAA;oBACzB,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;wBACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;qBACnE;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;AACpB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;AAEpB,eAAe,QAAQ,CAAA","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 15:32:07\n */\nimport React, { useState, useRef } from 'react'\nimport { validateFields, getFieldsValue, getFieldValue } from './utils'\nimport { FormContext } from './store'\nimport type { IForm, ITntdFormProps, IObject, TinitialValueType, IUpdateObj } from './interface'\nimport List from './components/List'\nimport Item from './components/Item'\n\nconst TntdForm = ({ form, initialValues, children }: ITntdFormProps) => {\n  const updateRefs = useRef<IUpdateObj>({\n    shouldUpdateList: [],\n    dependencies: {},\n  })\n\n  const compsRefs = useRef({})\n\n  return (\n    <FormContext.Provider\n      value={{\n        form,\n        initialValues,\n        updateRefs,\n        compsRefs,\n      }}\n    >\n      {children}\n    </FormContext.Provider>\n  )\n}\n\nTntdForm.useForm = () => {\n  const form: { current: IForm } = useRef<IForm>({\n    dataLevel: {},\n    formData: {},\n    validateFields: () => validateFields(form.current),\n    getFieldsValue: () => getFieldsValue(form.current),\n    getFieldValue: (field: Array<string>) => getFieldValue(form.current, field),\n    setFieldsValue: (obj: IObject<TinitialValueType>) => {\n      for (const i in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, i)) {\n          const prefix = i?.split('.') || []\n          const attr = prefix.pop()\n          if (attr && form.current.formData[prefix.join('.')][attr]) {\n            form.current.formData[prefix.join('.')][attr].setItemValue(obj[i])\n          }\n        }\n      }\n    },\n  })\n\n  return [form.current]\n}\n\nTntdForm.List = List\nTntdForm.Item = Item\n\nexport default TntdForm\n"]}

package/es/tntd-form/TntdForm/interface.js

@@ -0,0 +1 @@
+export {};

package/es/tntd-form/TntdForm/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 层级\n */\nexport interface ILevel {\n  key?: number\n  name?: string\n}\n\nexport interface IObject<T> {\n  [key: string]: T\n}\n\nexport type TinitialValueType = null | undefined | string | number | boolean\n\n/**\n * 每一个单元格的信息\n */\nexport interface IFormItemData {\n  /** 每个formItem的值 */\n  value: TinitialValueType\n  /** 每个formItem的错误信息 */\n  errorMsg: string | undefined\n  /** 每个formItem的校验方法, 返回值为该formItem的错误信息，同时会在formItem下面显示错误信息 */\n  checkItem: () => string | undefined\n  /** 给某个formItem设置值 */\n  setItemValue: (value: TinitialValueType, callback?: () => void) => void\n}\n\nexport interface IForm {\n  /** 记录每一层级的顺序 */\n  dataLevel: IObject<ILevel[]>\n  /** 整个form的数据，{content.0: { id: IFormItemData, value: IFormItemData }} */\n  formData: IFormData\n  /** 先校验，并将结果返回 */\n  validateFields: () => Promise<any>\n  /** 获取form表单的数据 */\n  getFieldsValue: () => object\n  /** 获取formItem的数据 */\n  getFieldValue: (field: Array<string>) => any\n  /** 给某些formItem设置数据 */\n  setFieldsValue: (fileds: IObject<TinitialValueType>) => void\n}\n\n/**\n * TntdForm的props\n */\nexport interface ITntdFormProps {\n  form: IForm\n  initialValues: object\n  children: React.ReactNode\n}\n\nexport interface IUpdateObj {\n  shouldUpdateList: Array<string>\n  dependencies: IObject<string[] | string>\n}\n\nexport interface IFormContext {\n  form?: IForm\n  initialValues?: IObject<any>\n  updateRefs: React.MutableRefObject<IUpdateObj>\n  compsRefs: React.MutableRefObject<IObject<() => void>>\n}\n\n/** formList的props */\nexport interface IFormListProps {\n  name: string[] | string\n  children: (\n    dataLevel: ILevel[],\n    { add, remove }: { add: TAddOrRemove; remove: TAddOrRemove }\n  ) => void\n}\n\n/** 增删事件 */\nexport type TAddOrRemove = (index: number) => void\n\nexport type IFormItem = {\n  name: string[] | string\n  children: React.ReactChild | React.ReactChild[]\n  style: React.CSSProperties\n  rules: ValidationRule\n  shouldUpdate: boolean\n  initialValue: TinitialValueType\n  dependencies?: Array<string[] | string>\n} & IFormContext\n\n/** 将某个不可选属性变成必选 */\ntype CustomRequired<T, K extends keyof T> = {\n  [P in K]-?: T[P]\n} & Omit<T, K>\n\nexport interface ValidationRule {\n  /** validation error message */\n  message?: React.ReactNode\n  /** indicates whether field is required */\n  required?: boolean\n  /** custom validate function (Note: callback must be called) */\n  validator?: (rule: any, value: any, callback: any) => any\n}\n\nexport interface IFormData {\n  [name: string]: {\n    [attr: string]: IFormItemData\n  }\n}\n\nexport interface IChildrenCompFun {\n  onRefresh: () => void\n}\n"]}

package/es/tntd-form/TntdForm/store.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const FormContext = React.createContext({});

package/es/tntd-form/TntdForm/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAe,EAAkB,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport type { IFormContext } from './interface'\n\nexport const FormContext = React.createContext<IFormContext>({} as IFormContext)\n"]}

package/es/tntd-form/TntdForm/utils.js

@@ -0,0 +1,219 @@
+export const isValidKey = (key, object) => {
+  return key in object;
+};
+/**
+ * 将xx.xx.xx 转换为数组
+ * @param {*} name
+ * @returns
+ */
+export const getNames = name => {
+  let attrs = [];
+  if (Array.isArray(name)) {
+    const [str, ...rest] = name;
+    attrs = str.split('.').concat(rest);
+  } else {
+    attrs = typeof name === 'string' ? name.split('.') : [];
+  }
+  return attrs;
+};
+/**
+ * 对数据进行校验
+ * @param {*} list
+ * @param {*} dataLevel
+ * @param {*} formData
+ * @returns
+ */
+export const recursionCheck = (list, dataLevel, formData, errorList = []) => {
+  try {
+    if (Array.isArray(list)) {
+      list.forEach(item => {
+        const key = item.name;
+        const attrs = Object.keys(formData[key]);
+        attrs.forEach(attr => {
+          var _a;
+          const error = (_a = formData[item.name][attr]) === null || _a === void 0 ? void 0 : _a.checkItem();
+          if (error) {
+            errorList.push(`${[item.name + '.' + attr]}:`, error);
+          }
+        });
+        if (dataLevel[key]) {
+          recursionCheck(dataLevel[key], dataLevel, formData, errorList);
+        }
+      });
+    }
+    return errorList;
+  } catch (e) {
+    if (typeof e === 'string') {
+      throw e.toUpperCase();
+    } else if (e instanceof Error) {
+      throw e.message;
+    }
+    throw e;
+  }
+};
+/**
+ * 将数据进行排序
+ * @param {*} list
+ * @param {*} dataLevel
+ * @param {*} formData
+ * @param {*} errorList
+ * @returns
+ */
+export const recursionSort = (list, dataLevel, formData) => {
+  try {
+    if (Array.isArray(list)) {
+      const values = list.reduce((total, item, index) => {
+        const attrObj = {};
+        const key = item.name;
+        const prefixs = key.split('.');
+        const attrs = formData[key] ? Object.keys(formData[key]) : [];
+        attrs.forEach(attr => {
+          var _a;
+          attrObj[attr] = (_a = formData[key][attr]) === null || _a === void 0 ? void 0 : _a.value;
+        });
+        let children = [];
+        if (dataLevel[key]) {
+          children = recursionSort(dataLevel[key], dataLevel, formData);
+        }
+        const len = prefixs.length - 2;
+        if (total[prefixs[len]]) {
+          total[prefixs[len]][index] = Object.assign(Object.assign({}, attrObj), children || []);
+        } else {
+          total[prefixs[len]] = [Object.assign(Object.assign({}, attrObj), children || [])];
+        }
+        return total;
+      }, {});
+      return values;
+    }
+  } catch (e) {
+    if (typeof e === 'string') {
+      console.error(e.toUpperCase());
+      throw e.toUpperCase();
+    } else if (e instanceof Error) {
+      console.error(e.message);
+      throw e.message;
+    }
+    throw e;
+  }
+};
+/**
+ * 获取form表单的value
+ * @param {*} formCurrent
+ * @returns
+ */
+export const getFieldsValue = formCurrent => {
+  try {
+    const {
+      formData,
+      dataLevel
+    } = formCurrent;
+    let firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (const i in dataLevel) {
+      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
+        firstKey = i;
+        break;
+      }
+    }
+    const recursionStart = dataLevel[firstKey];
+    const values = recursionSort(recursionStart, dataLevel, formData);
+    return values;
+  } catch (e) {
+    if (typeof e === 'string') {
+      console.error(e.toUpperCase());
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      console.error(e.message);
+      return e.message;
+    }
+    return e;
+  }
+};
+/**
+ * 获取form表单的value
+ * @param {*} formCurrent
+ * @returns
+ */
+export const getFieldValue = (formCurrent, field) => {
+  var _a, _b;
+  try {
+    const {
+      formData
+    } = formCurrent;
+    return formData && ((_b = (_a = formData === null || formData === void 0 ? void 0 : formData[field[0]]) === null || _a === void 0 ? void 0 : _a[field[1]]) === null || _b === void 0 ? void 0 : _b.value);
+  } catch (e) {
+    if (typeof e === 'string') {
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      return e.message;
+    }
+    return e;
+  }
+};
+/**
+ * 提交时候校验的方法
+ * @param {*} formCurrent
+ * @returns
+ */
+export const validateFields = formCurrent => {
+  return new Promise(resolve => {
+    const {
+      formData,
+      dataLevel
+    } = formCurrent;
+    let firstKey = '';
+    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
+    for (const i in dataLevel) {
+      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
+        firstKey = i;
+        break;
+      }
+    }
+    const recursionStart = dataLevel[firstKey];
+    const errorList = recursionCheck(recursionStart, dataLevel, formData);
+    if (Array.isArray(errorList) && errorList.length) {
+      console.error(JSON.stringify(errorList));
+    } else {
+      resolve(recursionSort(recursionStart, dataLevel, formData));
+    }
+  });
+};
+/** 获取初始化的值 */
+export const getInitValue = (initialValues, names) => {
+  let keys = [];
+  if (Array.isArray(names)) {
+    const [str, ...rest] = names;
+    keys = str.split('.').concat(rest);
+  }
+  if (Array.isArray(keys) && !!keys.length) {
+    keys.forEach(i => {
+      initialValues = ['', null, undefined].includes(initialValues === null || initialValues === void 0 ? void 0 : initialValues[i]) ? undefined : initialValues === null || initialValues === void 0 ? void 0 : initialValues[i];
+    });
+  }
+  return initialValues;
+};
+/** 校验表单是否正确的方法 */
+export const handleCheckItem = (value, rules) => {
+  try {
+    if (Array.isArray(rules)) {
+      rules.forEach(i => {
+        // @ts-ignore
+        if (i.required && ['', null, undefined].includes(value)) {
+          throw new Error((i === null || i === void 0 ? void 0 : i.message) || 'error');
+        }
+        if (i === null || i === void 0 ? void 0 : i.validator) {
+          i.validator(rules, value, function (_errorMsg) {
+            throw new Error(_errorMsg);
+          });
+        }
+      });
+    }
+    return;
+  } catch (e) {
+    if (typeof e === 'string') {
+      return e.toUpperCase();
+    } else if (e instanceof Error) {
+      return e.message;
+    }
+  }
+};

package/es/tntd-form/TntdForm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  TinitialValueType,\n  ValidationRule,\n  IForm,\n  IObject,\n  ILevel,\n  IFormData,\n} from './interface'\n\nexport const isValidKey = (\n  key: string | number | symbol,\n  object: object\n): key is keyof typeof object => {\n  return key in object\n}\n\n/**\n * 将xx.xx.xx 转换为数组\n * @param {*} name\n * @returns\n */\nexport const getNames = (name: string[] | string) => {\n  let attrs = []\n  if (Array.isArray(name)) {\n    const [str, ...rest] = name\n    attrs = str.split('.').concat(rest)\n  } else {\n    attrs = typeof name === 'string' ? name.split('.') : []\n  }\n  return attrs\n}\n\n/**\n * 对数据进行校验\n * @param {*} list\n * @param {*} dataLevel\n * @param {*} formData\n * @returns\n */\nexport const recursionCheck = (\n  list: any,\n  dataLevel: IObject<ILevel[]>,\n  formData: IFormData,\n  errorList: string[] = []\n) => {\n  try {\n    if (Array.isArray(list)) {\n      list.forEach((item) => {\n        const key = item.name\n        const attrs = Object.keys(formData[key])\n\n        attrs.forEach((attr) => {\n          const error = formData[item.name][attr]?.checkItem()\n          if (error) {\n            errorList.push(`${[item.name + '.' + attr]}:`, error)\n          }\n        })\n        if (dataLevel[key]) {\n          recursionCheck(dataLevel[key], dataLevel, formData, errorList)\n        }\n      })\n    }\n    return errorList\n  } catch (e) {\n    if (typeof e === 'string') {\n      throw e.toUpperCase()\n    } else if (e instanceof Error) {\n      throw e.message\n    }\n    throw e\n  }\n}\n\n/**\n * 将数据进行排序\n * @param {*} list\n * @param {*} dataLevel\n * @param {*} formData\n * @param {*} errorList\n * @returns\n */\nexport const recursionSort = (list: any, dataLevel: IObject<ILevel[]>, formData: IFormData) => {\n  try {\n    if (Array.isArray(list)) {\n      const values = list.reduce((total, item, index) => {\n        const attrObj: IObject<TinitialValueType> = {}\n        const key = item.name\n        const prefixs = key.split('.')\n        const attrs = formData[key] ? Object.keys(formData[key]) : []\n\n        attrs.forEach((attr) => {\n          attrObj[attr] = formData[key][attr]?.value\n        })\n        let children = []\n        if (dataLevel[key]) {\n          children = recursionSort(dataLevel[key], dataLevel, formData)\n        }\n\n        const len = prefixs.length - 2\n        if (total[prefixs[len]]) {\n          total[prefixs[len]][index] = {\n            ...attrObj,\n            ...(children || []),\n          }\n        } else {\n          total[prefixs[len]] = [\n            {\n              ...attrObj,\n              ...(children || []),\n            },\n          ]\n        }\n        return total\n      }, {})\n      return values\n    }\n  } catch (e) {\n    if (typeof e === 'string') {\n      console.error(e.toUpperCase())\n      throw e.toUpperCase()\n    } else if (e instanceof Error) {\n      console.error(e.message)\n      throw e.message\n    }\n    throw e\n  }\n}\n\n/**\n * 获取form表单的value\n * @param {*} formCurrent\n * @returns\n */\nexport const getFieldsValue = (formCurrent: IForm) => {\n  try {\n    const { formData, dataLevel } = formCurrent\n    let firstKey = ''\n    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序\n    for (const i in dataLevel) {\n      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {\n        firstKey = i\n        break\n      }\n    }\n    const recursionStart = dataLevel[firstKey]\n    const values = recursionSort(recursionStart, dataLevel, formData)\n    return values\n  } catch (e) {\n    if (typeof e === 'string') {\n      console.error(e.toUpperCase())\n      return e.toUpperCase()\n    } else if (e instanceof Error) {\n      console.error(e.message)\n      return e.message\n    }\n    return e\n  }\n}\n\n/**\n * 获取form表单的value\n * @param {*} formCurrent\n * @returns\n */\nexport const getFieldValue = (formCurrent: IForm, field: string[]) => {\n  try {\n    const { formData } = formCurrent\n    return formData && formData?.[field[0]]?.[field[1]]?.value\n  } catch (e) {\n    if (typeof e === 'string') {\n      return e.toUpperCase()\n    } else if (e instanceof Error) {\n      return e.message\n    }\n    return e\n  }\n}\n\n/**\n * 提交时候校验的方法\n * @param {*} formCurrent\n * @returns\n */\nexport const validateFields = (formCurrent: IForm) => {\n  return new Promise((resolve) => {\n    const { formData, dataLevel } = formCurrent\n    let firstKey = ''\n    // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序\n    for (const i in dataLevel) {\n      if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {\n        firstKey = i\n        break\n      }\n    }\n    const recursionStart = dataLevel[firstKey]\n    const errorList = recursionCheck(recursionStart, dataLevel, formData)\n    if (Array.isArray(errorList) && errorList.length) {\n      console.error(JSON.stringify(errorList))\n    } else {\n      resolve(recursionSort(recursionStart, dataLevel, formData))\n    }\n  })\n}\n\n/** 获取初始化的值 */\nexport const getInitValue = (\n  initialValues: IObject<any> | undefined,\n  names: string[] | string\n): TinitialValueType => {\n  let keys: string[] = []\n  if (Array.isArray(names)) {\n    const [str, ...rest] = names\n    keys = str.split('.').concat(rest)\n  }\n\n  if (Array.isArray(keys) && !!keys.length) {\n    keys.forEach((i) => {\n      initialValues = ['', null, undefined].includes(initialValues?.[i])\n        ? undefined\n        : initialValues?.[i]\n    })\n  }\n\n  return initialValues as TinitialValueType\n}\n\n/** 校验表单是否正确的方法 */\nexport const handleCheckItem = (value: TinitialValueType, rules: ValidationRule) => {\n  try {\n    if (Array.isArray(rules)) {\n      rules.forEach((i) => {\n        // @ts-ignore\n        if (i.required && ['', null, undefined].includes(value)) {\n          throw new Error(i?.message || 'error')\n        }\n        if (i?.validator) {\n          i.validator(rules, value, function (_errorMsg: string) {\n            throw new Error(_errorMsg)\n          })\n        }\n      })\n    }\n    return\n  } catch (e) {\n    if (typeof e === 'string') {\n      return e.toUpperCase()\n    } else if (e instanceof Error) {\n      return e.message\n    }\n  }\n}\n"]}