tntd 2.0.18 → 2.0.20

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

@@ -0,0 +1,169 @@
+"use strict";
+
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+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,
+    children = _ref.children,
+    style = _ref.style,
+    initialValues = _ref.initialValues,
+    initialValue = _ref.initialValue,
+    rules = _ref.rules,
+    setCurrentChangeKeys = _ref.setCurrentChangeKeys;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorMsg = _useState4[0],
+    setErrorMsg = _useState4[1];
+  /**
+   * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行，需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的
+   * @param name
+   * @param value
+   * @returns
+   */
+  var generateFormData = function generateFormData(name, value) {
+    if (!name || !form) return;
+    var _name = _toArray(name),
+      str = _name[0],
+      rest = _name.slice(1);
+    rest.forEach(function (i) {
+      if (form.formData[str]) {
+        form.formData[str][i].value = value;
+        form.formData[str][i].checkItem = function () {
+          var error = (0, _utils.handleCheckItem)(value, rules);
+          setErrorMsg(error);
+          return error;
+        };
+      } else {
+        form.formData[str] = _defineProperty({}, i, {
+          value: value,
+          checkItem: function checkItem() {
+            var error = (0, _utils.handleCheckItem)(value, rules);
+            setErrorMsg(error);
+            return error;
+          },
+          setItemValue: function setItemValue() {},
+          errorMsg: undefined
+        });
+      }
+    });
+  };
+  // 为了给最外层提供方法去校验，比如保存的时候.
+  // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行，如果添加了依赖value会导致子组件获取到的formData永远是上一次的
+  (0, _react.useEffect)(function () {
+    if (!name || !form) return;
+    var _name2 = _toArray(name),
+      str = _name2[0],
+      rest = _name2.slice(1);
+    var addItem = {
+      setItemValue: function setItemValue(_val, callback) {
+        var error = (0, _utils.handleCheckItem)(_val, rules);
+        setValue(_val);
+        setErrorMsg(error);
+        callback === null || callback === void 0 ? void 0 : callback();
+      },
+      checkItem: function checkItem() {
+        var error = (0, _utils.handleCheckItem)(value, rules);
+        setErrorMsg(error);
+        return error;
+      },
+      value: value,
+      errorMsg: errorMsg
+    };
+    rest.forEach(function (i) {
+      if (form.formData[str]) {
+        form.formData[str][i] = addItem;
+      } else {
+        form.formData[str] = _defineProperty({}, i, addItem);
+      }
+    });
+  }, [rules, name, errorMsg, form]);
+  /** 这段代码不能删除，当增加/删除列的时候有些默认值需要更新 */
+  (0, _react.useEffect)(function () {
+    if (initialValue) {
+      setValue(initialValue);
+      generateFormData(name, initialValue);
+    }
+  }, [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('.')]);
+    }
+  }, []);
+  // 默认方法
+  var handleChange = function handleChange(e) {
+    var _a, _b;
+    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;
+    } else {
+      val = e;
+    }
+    setValue(val);
+    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('.')]);
+    }
+  };
+  return _react["default"].createElement("div", {
+    className: errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper',
+    style: style
+  }, _react["default"].Children.map(children, function (child) {
+    var _a;
+    if (_react["default"].isValidElement(child)) {
+      return _react["default"].cloneElement(child, Object.assign({
+        value: value,
+        form: form,
+        onChange: handleChange,
+        'data-key': (_a = (0, _utils.getNames)(name)) === null || _a === void 0 ? void 0 : _a.join('.')
+      }, child.props));
+    }
+    return null;
+  }), 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('.')));
+  })) {
+    return true;
+  }
+  return false;
+}
+var _default = (0, _react.memo)(ItemComp, arePropsEqual);
+exports["default"] = _default;

package/lib/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-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"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IFormListProps } from '../interface';
+declare const _default: React.NamedExoticComponent<IFormListProps>;
+export default _default;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,96 @@
+"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
+});
+exports["default"] = void 0;
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+var _store = require("../store");
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+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 List = function List(_ref) {
+  var name = _ref.name,
+    children = _ref.children;
+  var maxRef = (0, _react.useRef)(-1);
+  var _useContext = (0, _react.useContext)(_store.FormContext),
+    form = _useContext.form,
+    initialValues = _useContext.initialValues;
+  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;
+    }
+  }, [form, dataLevel, name]);
+  /** 根据默认数值自动生成dataLevel */
+  (0, _react.useEffect)(function () {
+    var dataSource = initialValues;
+    var attrs = (0, _utils.getNames)(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]) || [{}];
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (Array.isArray(dataSource)) {
+      var _level = dataSource.map(function (i, index) {
+        return {
+          key: index,
+          name: "".concat(attrs.join('.'), ".").concat(index)
+        };
+      });
+      setDataLevel(_level);
+      maxRef.current = dataSource.length - 1;
+    }
+  }, [initialValues, name]);
+  /** 新增一列 */
+  var handleAdd = function handleAdd(index) {
+    var tempDataLevel = (0, _cloneDeep2["default"])(dataLevel);
+    maxRef.current++;
+    var attrs = (0, _utils.getNames)(name);
+    tempDataLevel.splice(index + 1, 0, {
+      key: maxRef.current,
+      name: "".concat(attrs === null || attrs === void 0 ? void 0 : attrs.join('.'), ".").concat(maxRef.current)
+    });
+    setDataLevel(tempDataLevel);
+  };
+  /** 删除一列 */
+  var handleDel = function handleDel(index) {
+    var temp = (0, _cloneDeep2["default"])(dataLevel);
+    temp.splice(index, 1);
+    setDataLevel(temp);
+  };
+  return _react["default"].createElement(_react["default"].Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, {
+    add: handleAdd,
+    remove: handleDel
+  }));
+};
+// name 没有改变就不需要重复render
+var _default = (0, _react.memo)(List, 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/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-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"]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { IForm, ITntdFormProps } from './interface';
+declare const TntdForm: {
+    ({ form, initialValues, children }: ITntdFormProps): JSX.Element;
+    useForm(): IForm[];
+    List: React.NamedExoticComponent<import("./interface").IFormListProps>;
+    Item: React.NamedExoticComponent<import("./interface").IFormItem>;
+};
+export default TntdForm;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,70 @@
+"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
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("./utils");
+var _store = require("./store");
+var _List = _interopRequireDefault(require("./components/List"));
+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; }
+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];
+  return _react["default"].createElement(_store.FormContext.Provider, {
+    value: {
+      form: form,
+      initialValues: initialValues,
+      currentChangeKeys: currentChangeKeys,
+      setCurrentChangeKeys: setCurrentChangeKeys
+    }
+  }, children);
+};
+TntdForm.useForm = function () {
+  var form = (0, _react.useRef)({
+    dataLevel: {},
+    formData: {},
+    validateFields: function validateFields() {
+      return (0, _utils.validateFields)(form.current);
+    },
+    getFieldsValue: function getFieldsValue() {
+      return (0, _utils.getFieldsValue)(form.current);
+    },
+    getFieldValue: function getFieldValue(field) {
+      return (0, _utils.getFieldValue)(form.current, field);
+    },
+    setFieldsValue: function setFieldsValue(obj) {
+      for (var i in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, i)) {
+          var prefix = (i === null || i === void 0 ? void 0 : i.split('.')) || [];
+          var 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["default"];
+TntdForm.Item = _Item["default"];
+var _default = TntdForm;
+exports["default"] = _default;

package/lib/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,+CAA+C;AAC/C,mCAAuE;AACvE,mCAAqC;AAErC,6DAAoC;AACpC,6DAAoC;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,sBAAsB;IACtB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAA;IAExE,OAAO,CACL,8BAAC,mBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,iBAAiB;YACjB,oBAAoB;SACrB,IAEA,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAuB,IAAA,cAAM,EAAQ;QAC7C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,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,cAAI,CAAA;AACpB,QAAQ,CAAC,IAAI,GAAG,cAAI,CAAA;AAEpB,kBAAe,QAAQ,CAAA","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-20 10:27:35\n */\nimport React, { useState, useRef } from 'react'\nimport { validateFields, getFieldsValue, getFieldValue } from './utils'\nimport { FormContext } from './store'\nimport type { IForm, ITntdFormProps, IObject, TinitialValueType } from './interface'\nimport List from './components/List'\nimport Item from './components/Item'\n\nconst TntdForm = ({ form, initialValues, children }: ITntdFormProps) => {\n  // 这个是为了获取当前是哪一个单元格在输入\n  const [currentChangeKeys, setCurrentChangeKeys] = useState<string[]>([])\n\n  return (\n    <FormContext.Provider\n      value={{\n        form,\n        initialValues,\n        currentChangeKeys,\n        setCurrentChangeKeys,\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/lib/tntd-form/TntdForm/interface.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/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 IFormContext {\n  form?: IForm\n  initialValues?: IObject<any>\n  currentChangeKeys?: Array<string>\n  setCurrentChangeKeys: React.Dispatch<React.SetStateAction<Array<string>>>\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} & CustomRequired<IFormContext, 'setCurrentChangeKeys'>\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"]}

package/lib/tntd-form/TntdForm/store.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IFormContext } from './interface';
+export declare const FormContext: React.Context<IFormContext>;
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,6BAAwD,CAAA"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var FormContext = _react["default"].createContext({});
+exports.FormContext = FormContext;

package/lib/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,kDAAyB;AAGZ,QAAA,WAAW,GAAG,eAAK,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/lib/tntd-form/TntdForm/utils.d.ts

@@ -0,0 +1,48 @@
+import type { TinitialValueType, ValidationRule, IForm, IObject, ILevel, IFormData } from './interface';
+export declare const isValidKey: (key: string | number | symbol, object: object) => key is never;
+/**
+ * 将xx.xx.xx 转换为数组
+ * @param {*} name
+ * @returns
+ */
+export declare const getNames: (name: string[] | string) => string[];
+/**
+ * 对数据进行校验
+ * @param {*} list
+ * @param {*} dataLevel
+ * @param {*} formData
+ * @returns
+ */
+export declare const recursionCheck: (list: any, dataLevel: IObject<ILevel[]>, formData: IFormData, errorList?: string[]) => string[];
+/**
+ * 将数据进行排序
+ * @param {*} list
+ * @param {*} dataLevel
+ * @param {*} formData
+ * @param {*} errorList
+ * @returns
+ */
+export declare const recursionSort: (list: any, dataLevel: IObject<ILevel[]>, formData: IFormData) => any;
+/**
+ * 获取form表单的value
+ * @param {*} formCurrent
+ * @returns
+ */
+export declare const getFieldsValue: (formCurrent: IForm) => any;
+/**
+ * 获取form表单的value
+ * @param {*} formCurrent
+ * @returns
+ */
+export declare const getFieldValue: (formCurrent: IForm, field: string[]) => any;
+/**
+ * 提交时候校验的方法
+ * @param {*} formCurrent
+ * @returns
+ */
+export declare const validateFields: (formCurrent: IForm) => Promise<unknown>;
+/** 获取初始化的值 */
+export declare const getInitValue: (initialValues: IObject<any> | undefined, names: string[] | string) => TinitialValueType;
+/** 校验表单是否正确的方法 */
+export declare const handleCheckItem: (value: TinitialValueType, rules: ValidationRule) => string | undefined;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACV,MAAM,aAAa,CAAA;AAEpB,eAAO,MAAM,UAAU,QAChB,MAAM,GAAG,MAAM,GAAG,MAAM,UACrB,MAAM,iBAGf,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,MAAM,EAAE,GAAG,MAAM,aAS/C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,SACnB,GAAG,aACE,QAAQ,MAAM,EAAE,CAAC,YAClB,SAAS,cACR,MAAM,EAAE,aA4BpB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,SAAU,GAAG,aAAa,QAAQ,MAAM,EAAE,CAAC,YAAY,SAAS,QA6CzF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,gBAAiB,KAAK,QAwBhD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,gBAAiB,KAAK,SAAS,MAAM,EAAE,QAYhE,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,gBAAiB,KAAK,qBAmBhD,CAAA;AAED,cAAc;AACd,eAAO,MAAM,YAAY,kBACR,QAAQ,GAAG,CAAC,GAAG,SAAS,SAChC,MAAM,EAAE,GAAG,MAAM,KACvB,iBAgBF,CAAA;AAED,kBAAkB;AAClB,eAAO,MAAM,eAAe,UAAW,iBAAiB,SAAS,cAAc,uBAuB9E,CAAA"}