form-render-v3 3.0.0-alpha.1

package/es/render-core/FieldItem/module.js

@@ -0,0 +1,337 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React from 'react';
+import { _get, isObject, getArray, isArray, isNumber } from '../../utils';
+var _filterHiddenData = function filterHiddenData(list) {
+  if (!isArray(list)) {
+    return list;
+  }
+  var result = [];
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    if (!item.hidden) {
+      var node = Object.assign({}, item);
+      if (item.children) {
+        var children = _filterHiddenData(item.children);
+        if (children.length > 0) {
+          node.children = children;
+        }
+      }
+      if (item.items) {
+        var items = _filterHiddenData(item.items);
+        if (items.length > 0) {
+          node.items = items;
+        }
+      }
+      result.push(node);
+    }
+  }
+  return result;
+};
+// return dataIndex、dataPath、schemaPath
+var getPathObj = function getPathObj(_ref) {
+  var _ref$rootPath = _ref.rootPath,
+    rootPath = _ref$rootPath === void 0 ? [] : _ref$rootPath,
+    path = _ref.path;
+  var pathList = (path || '').split('.');
+  var dataIndex = [];
+  var schemaIndex = [];
+  var dataPathList = [];
+  // dataIndex
+  rootPath.forEach(function (item, index) {
+    if (isNumber(item)) {
+      dataIndex.push(item);
+      return;
+    }
+    if (isNumber(rootPath[index + 1])) {
+      schemaIndex.push("".concat(item, "[]"));
+    } else {
+      schemaIndex.push(item);
+    }
+  });
+  // dataPath
+  var list = _toConsumableArray(rootPath);
+  list.pop();
+  list = [].concat(_toConsumableArray(list), _toConsumableArray(pathList));
+  list.forEach(function (item, index) {
+    if (isNumber(item)) {
+      dataPathList.push("[".concat(item, "]"));
+    } else {
+      dataPathList.push(item);
+    }
+  });
+  var dataPath = dataPathList.join('.');
+  // schemaPath
+  var _path = pathList;
+  if (_path[0] && isNumber(_path[0])) {
+    _path.splice(0, 1);
+  }
+  var schemaPath = [].concat(schemaIndex, [_path]).join('.');
+  // console.log(path, rootPath, '-------', dataIndex, dataPath, schemaPath);
+  return {
+    dataIndex: dataIndex,
+    dataPath: dataPath,
+    schemaPath: schemaPath
+  };
+};
+export var getPath = function getPath(path) {
+  if (!path) {
+    return null;
+  }
+  if (isArray(path)) {
+    return path.join('.');
+  }
+  return path;
+};
+export var getLabel = function getLabel(schema, displayType, widgets, addons) {
+  var title = schema.title,
+    description = schema.description,
+    descWidget = schema.descWidget,
+    labelWidget = schema.labelWidget;
+  var LabelNode = widgets[labelWidget];
+  if (LabelNode) {
+    return /*#__PURE__*/React.createElement(LabelNode, {
+      schema: schema,
+      addons: addons
+    });
+  }
+  if (!description && !descWidget) {
+    return title;
+  }
+  var RenderDesc = function RenderDesc() {
+    var Widget = widgets[descWidget];
+    if (Widget) {
+      return /*#__PURE__*/React.createElement(Widget, {
+        schema: schema,
+        addons: addons
+      });
+    }
+    if (description) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: 'fr-desc'
+      }, "(", description, ")");
+    }
+    return null;
+  };
+  // if (displayType === 'inline') {
+  //   return title;
+  // }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, title, /*#__PURE__*/React.createElement(RenderDesc, null));
+};
+export var getTooltip = function getTooltip(schema, displayType) {
+  var descType = schema.descType,
+    description = schema.description,
+    tooltip = schema.tooltip;
+  if (tooltip) {
+    if (typeof tooltip === 'string') {
+      return {
+        title: /*#__PURE__*/React.createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: tooltip
+          }
+        })
+      };
+    }
+    return Object.assign(Object.assign({}, tooltip), {
+      title: /*#__PURE__*/React.createElement("span", {
+        dangerouslySetInnerHTML: {
+          __html: tooltip.title
+        }
+      })
+    });
+  }
+  if (descType === 'widget' || !description) {
+    return null;
+  }
+  if (displayType === 'column' && descType === 'icon') {
+    return {
+      title: description
+    };
+  }
+  return null;
+};
+export var getExtraView = function getExtraView(extraKey, schema, widgets, addons) {
+  var extra = schema[extraKey];
+  if (!extra) {
+    return;
+  }
+  // extra 自定义
+  var widgetName = (extra === null || extra === void 0 ? void 0 : extra.widget) || extra;
+  var Widget = widgets[widgetName];
+  if (!!Widget) {
+    return /*#__PURE__*/React.createElement(Widget, {
+      schema: schema,
+      addons: addons
+    });
+  }
+  if (!Widget && (extra === null || extra === void 0 ? void 0 : extra.widget)) {
+    return;
+  }
+  var __html = '';
+  if (typeof extra === 'string') {
+    __html = extra;
+  }
+  // 内部BU使用的口子，这个api不对外，也没有必要
+  if (extra === null || extra === void 0 ? void 0 : extra.text) {
+    __html = extra.text;
+  }
+  if (!__html) {
+    return;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'fr-form-item-extra',
+    dangerouslySetInnerHTML: {
+      __html: __html
+    }
+  });
+};
+export var getColSpan = function getColSpan(formCtx, parentCtx, schema) {
+  var span = 24;
+  var column = getParamValue(formCtx, parentCtx, schema)('column');
+  if (column) {
+    span = 24 / column;
+  }
+  // 兼容 1.0 逻辑
+  if (schema.width) {
+    if (schema.width === '100%') {
+      span = 24;
+    } else if (schema.width === '50%') {
+      span = 12;
+    } else if (schema.width === '20%') {
+      span = 5;
+    } else if (schema.width < '50%') {
+      span = 8;
+    }
+  }
+  if (schema.cellSpan) {
+    span = schema.cellSpan * span;
+  }
+  if (schema.span) {
+    span = schema.span;
+  }
+  return span > 24 ? 24 : span;
+};
+export var getParamValue = function getParamValue(formCtx, upperCtx, schema) {
+  return function (valueKey) {
+    var isTop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var _a, _b, _c;
+    if (isTop) {
+      return (_b = (_a = schema[valueKey]) !== null && _a !== void 0 ? _a : upperCtx[valueKey]) !== null && _b !== void 0 ? _b : formCtx[valueKey];
+    }
+    return (_c = schema[valueKey]) !== null && _c !== void 0 ? _c : upperCtx[valueKey];
+  };
+};
+export var getFieldProps = function getFieldProps(widgetName, schema, _ref2) {
+  var widgets = _ref2.widgets,
+    methods = _ref2.methods,
+    form = _ref2.form,
+    dependValues = _ref2.dependValues,
+    globalProps = _ref2.globalProps,
+    path = _ref2.path,
+    rootPath = _ref2.rootPath,
+    fieldRef = _ref2.fieldRef;
+  var _a;
+  var pathObj = getPathObj({
+    path: path,
+    rootPath: rootPath
+  });
+  var fieldProps = Object.assign(Object.assign({}, schema.props), {
+    addons: Object.assign(Object.assign(Object.assign({}, form), {
+      globalProps: globalProps,
+      dependValues: dependValues,
+      fieldRef: fieldRef
+    }), pathObj)
+  });
+  if ((dependValues === null || dependValues === void 0 ? void 0 : dependValues.length) > 0) {
+    fieldProps.dependValues = dependValues;
+  }
+  ['placeholder', 'disabled', 'format', 'onStatusChange'].forEach(function (key) {
+    if (schema[key]) {
+      fieldProps[key] = schema[key];
+    }
+  });
+  // 兼容 1.0 版本逻辑 enum => options
+  if (schema.enum && !((_a = schema.props) === null || _a === void 0 ? void 0 : _a.options)) {
+    var enums = schema.enum,
+      enumNames = schema.enumNames;
+    fieldProps.options = getArray(enums).map(function (item, index) {
+      var label = enumNames && Array.isArray(enumNames) ? enumNames[index] : item;
+      var isHtml = typeof label === 'string' && label[0] === '<';
+      if (isHtml) {
+        label = /*#__PURE__*/React.createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: label
+          }
+        });
+      }
+      return {
+        label: label,
+        value: item
+      };
+    });
+  }
+  if (isArray(fieldProps.options)) {
+    fieldProps = Object.assign(Object.assign({}, fieldProps), {
+      options: _filterHiddenData(fieldProps.options)
+    });
+  }
+  // 以 props 结尾的属性，直接透传
+  Object.keys(schema).forEach(function (key) {
+    if (typeof key === 'string' && key.toLowerCase().indexOf('props') > -1 && key.length > 5) {
+      fieldProps[key] = schema[key];
+    }
+  });
+  // 支持 addonAfter 为自定义组件的情况
+  if (isObject(fieldProps.addonAfter) && fieldProps.addonAfter.widget) {
+    var AddonAfterWidget = widgets[fieldProps.addonAfter.widget];
+    fieldProps.addonAfter = /*#__PURE__*/React.createElement(AddonAfterWidget, Object.assign({}, schema));
+  }
+  if (['treeSelect', 'inputNumber', 'multiSelect', 'select'].includes(widgetName)) {
+    fieldProps.style = Object.assign({
+      width: '100%'
+    }, fieldProps.style);
+  }
+  if (widgetName === 'multiSelect') {
+    fieldProps.mode = 'multiple';
+  }
+  // Dynamic Mapping of Methods
+  if (isObject(schema.methods)) {
+    Object.keys(schema.methods).forEach(function (key) {
+      var name = schema.methods[key];
+      fieldProps[key] = methods[name];
+    });
+  }
+  fieldProps.schema = schema;
+  return fieldProps;
+};
+/*
+   * Get depend values
+   *
+   * 1. normal path
+   * Just get value of path in formData
+   *
+   * 2. list path
+   * Like `list[].foo`.`[]` means the same index as the current item.
+   * You can pass `[index]` to get specific item at the index of list, such as `list[1].foo`.
+   * Support more complex path like `list[].foo[].bar`
+   */
+var _getDependValues = function getDependValues(formData, dependPath, props, dependencieItem) {
+  var indexReg = /\[[0-9]*\]/;
+  if (indexReg.test(dependPath)) {
+    var currentIndex = _get(props, 'path.0');
+    var dependIndex = dependPath.match(indexReg)[0].replace('[', '').replace(']', '');
+    var listPath = dependPath.split(indexReg)[0];
+    var itemIndex = dependIndex || currentIndex;
+    var itemPath = dependPath.replace("".concat(listPath, "[").concat(dependIndex, "]."), '');
+    var listData = _get(formData, "".concat(listPath, "[").concat(itemIndex, "]"));
+    dependencieItem.push(listPath, itemIndex);
+    return _getDependValues(listData, itemPath, props, dependencieItem);
+  }
+  dependencieItem.push.apply(dependencieItem, _toConsumableArray(dependPath.split('.')));
+  return _get(formData, dependPath);
+};
+export { _getDependValues as getDependValues };

package/es/render-core/FieldList/field.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/es/render-core/FieldList/field.js

@@ -0,0 +1,300 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { __awaiter, __rest } from "tslib";
+import React, { useContext, useEffect, useMemo } from 'react';
+import { isFunction, translation } from '../../utils';
+import { getWidget } from '../../models/mapping';
+import { transformRules } from '../../models/validates';
+import { getParamValue } from './modules';
+export default (function (props) {
+  var _a, _b;
+  var form = props.form,
+    schema = props.schema,
+    path = props.path,
+    parentLitPath = props.parentLitPath,
+    renderCore = props.renderCore,
+    rootPath = props.rootPath,
+    methods = props.methods,
+    upperCtx = props.upperCtx,
+    formCtx = props.formCtx,
+    configContext = props.configContext,
+    setListData = props.setListData;
+  var widgets = configContext.widgets,
+    globalConfig = configContext.globalConfig;
+  var configCtx = useContext(_ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var defaultAddBtnProps = {
+    type: 'dashed',
+    block: true,
+    children: t('add_item')
+  };
+  var defaultDelConfirmProps = {
+    title: t('confirm_delete'),
+    okText: t('confirm'),
+    cancelText: t('cancel')
+  };
+  var defaultActionColumnProps = {
+    colHeaderText: t('operate')
+  };
+  var widgetName = schema.widget || 'cardList';
+  var Widget = getWidget(widgetName, widgets);
+  var listProps = schema.props,
+    removeBtn = schema.removeBtn,
+    _schema$rules = schema.rules,
+    rules = _schema$rules === void 0 ? [] : _schema$rules,
+    otherSchema = __rest(schema, ["props", "removeBtn", "rules"]);
+  var _c = listProps || {},
+    addBtnProps = _c.addBtnProps,
+    delConfirmProps = _c.delConfirmProps,
+    actionColumnProps = _c.actionColumnProps,
+    hideAdd = _c.hideAdd,
+    hideCopy = _c.hideCopy,
+    hideMove = _c.hideMove,
+    hideDelete = _c.hideDelete,
+    onAdd = _c.onAdd,
+    onRemove = _c.onRemove,
+    onMove = _c.onMove,
+    onCopy = _c.onCopy,
+    otherListProps = __rest(_c, ["addBtnProps", "delConfirmProps", "actionColumnProps", "hideAdd", "hideCopy", "hideMove", "hideDelete", "onAdd", "onRemove", "onMove", "onCopy"]);
+  var getValueFromKey = getParamValue(formCtx, upperCtx, schema);
+  var readOnly = getValueFromKey('readOnly');
+  var preRootPath = _toConsumableArray(rootPath || []).splice(0, rootPath.length - 1);
+  var displayType = getValueFromKey('displayType');
+  if (hideMove === undefined && ((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.listOperate) === null || _a === void 0 ? void 0 : _a.hideMove)) {
+    hideMove = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.listOperate.hideMove;
+  }
+  var listData = form.getFieldValue([].concat(_toConsumableArray(preRootPath), _toConsumableArray(path))) || [];
+  if ((otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.min) > 0 && listData.length <= (otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.min)) {
+    hideDelete = true;
+  }
+  if ((otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.max) > 0 && (otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.max) <= listData.length) {
+    hideAdd = true;
+  }
+  if (hideAdd) {
+    hideCopy = true;
+  }
+  if (readOnly) {
+    hideAdd = true;
+    hideCopy = true;
+    hideDelete = true;
+    hideMove = true;
+  }
+  var defaultValue = useMemo(function () {
+    var _a;
+    var result = (_a = schema.default) !== null && _a !== void 0 ? _a : schema.defaultValue;
+    if (result === undefined) {
+      result = form.getFieldValue([].concat(_toConsumableArray(preRootPath), _toConsumableArray(path)));
+      if (!result && !['drawerList', 'list1'].includes(widgetName)) {
+        result = [{}];
+      }
+    }
+    return result;
+  }, []);
+  useEffect(function () {
+    setListData(defaultValue || []);
+  }, []);
+  var handleAdd = function handleAdd(add) {
+    return function (data) {
+      var addFunc = onAdd;
+      if (typeof onAdd === 'string') {
+        addFunc = methods[onAdd];
+      }
+      if (isFunction(addFunc)) {
+        addFunc(function (funData) {
+          return add(funData || data);
+        }, {
+          schema: schema,
+          data: data
+        });
+        return;
+      }
+      add(data);
+    };
+  };
+  var handleRemove = function handleRemove(remove) {
+    return function (index) {
+      var removeFunc = onRemove;
+      if (typeof onRemove === 'string') {
+        removeFunc = methods[onRemove];
+      }
+      if (isFunction(removeFunc)) {
+        var data = form.getFieldValue([].concat(_toConsumableArray(preRootPath), _toConsumableArray(path), [index]));
+        removeFunc(function () {
+          return remove(index);
+        }, {
+          schema: schema,
+          index: index,
+          data: data
+        });
+        return;
+      }
+      remove(index);
+    };
+  };
+  var handleMove = function handleMove(move) {
+    return function (from, to) {
+      var moveFunc = onMove;
+      if (typeof moveFunc === 'string') {
+        moveFunc = methods[onMove];
+      }
+      if (isFunction(moveFunc)) {
+        moveFunc(function () {
+          return move(from, to);
+        }, {
+          schema: schema,
+          from: from,
+          to: to
+        });
+        return;
+      }
+      move(from, to);
+    };
+  };
+  var handleCopy = function handleCopy(add, fields) {
+    return function (data, copyIndex) {
+      if (schema.max && fields.length === schema.max) {
+        return _message.warning(t('copy_max_tip'));
+      }
+      var copyFunc = onCopy;
+      if (typeof onCopy === 'string') {
+        copyFunc = methods[onCopy];
+      }
+      if (isFunction(copyFunc)) {
+        console.log(copyIndex, 'copyIndex');
+        copyFunc(function (funData) {
+          return add(funData || data);
+        }, {
+          schema: schema,
+          data: data,
+          copyIndex: copyIndex
+        });
+        return;
+      }
+      add(data);
+    };
+  };
+  var handleDelete = function handleDelete() {
+    if (isFunction(removeBtn === null || removeBtn === void 0 ? void 0 : removeBtn.onClick)) {
+      removeBtn.onClick(function () {
+        form.setSchemaByPath(path, {
+          hidden: true
+        });
+      });
+      return;
+    }
+    form.setSchemaByPath(path, {
+      hidden: true
+    });
+  };
+  var operateBtnType = (_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.listOperate) === null || _b === void 0 ? void 0 : _b.btnType;
+  var ruleList = [];
+  if (!readOnly) {
+    ruleList = [{
+      validator: function validator(_, data) {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+          var _d;
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                setListData(data);
+                if (otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.min) {
+                  _context.n = 1;
+                  break;
+                }
+                return _context.a(2);
+              case 1:
+                if (!(!data || data.length < otherSchema.min)) {
+                  _context.n = 2;
+                  break;
+                }
+                return _context.a(2, Promise.reject(new Error(((_d = otherSchema === null || otherSchema === void 0 ? void 0 : otherSchema.message) === null || _d === void 0 ? void 0 : _d.min) || "\u6570\u636E\u957F\u5EA6\u5FC5\u987B\u5927\u4E8E\u7B49\u4E8E".concat(otherSchema.min))));
+              case 2:
+                return _context.a(2);
+            }
+          }, _callee);
+        }));
+      }
+    }].concat(_toConsumableArray(transformRules(rules || [], methods, form)));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form.List, {
+    name: path,
+    initialValue: defaultValue,
+    rules: ruleList
+  }, function (fields, operation, _ref) {
+    var errors = _ref.errors;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Widget, Object.assign({}, otherListProps, {
+      configContext: configContext,
+      form: form,
+      schema: otherSchema,
+      fields: fields,
+      operation: operation,
+      path: path,
+      listName: path,
+      parentLitPath: parentLitPath,
+      rootPath: [].concat(_toConsumableArray(preRootPath), _toConsumableArray(path)),
+      readOnly: readOnly,
+      methods: methods,
+      renderCore: renderCore,
+      widgets: widgets,
+      hideAdd: hideAdd,
+      hideCopy: hideCopy,
+      hideDelete: hideDelete,
+      hideMove: hideMove,
+      addItem: handleAdd(operation.add),
+      removeItem: handleRemove(operation.remove),
+      moveItem: handleMove(operation.move),
+      copyItem: handleCopy(operation.add, fields),
+      temporary: {
+        displayType: displayType
+      },
+      addBtnProps: Object.assign(Object.assign({}, defaultAddBtnProps), addBtnProps),
+      delConfirmProps: Object.assign(Object.assign({}, defaultDelConfirmProps), delConfirmProps),
+      actionColumnProps: Object.assign(Object.assign({}, defaultActionColumnProps), actionColumnProps),
+      copyBtnProps: {
+        children: t('copy'),
+        btnType: operateBtnType
+      },
+      editorBtnProps: {
+        children: t('edit'),
+        btnType: operateBtnType
+      },
+      deleteBtnProps: {
+        children: t('delete'),
+        btnType: operateBtnType
+      },
+      moveUpBtnProps: {
+        children: t('moveUp'),
+        btnType: operateBtnType
+      },
+      moveDownBtnProps: {
+        children: t('moveDown'),
+        btnType: operateBtnType
+      }
+    })), (errors === null || errors === void 0 ? void 0 : errors.length) !== 0 && (/*#__PURE__*/React.createElement("div", {
+      style: {
+        marginBottom: '12px'
+      }
+    }, /*#__PURE__*/React.createElement(_Form.ErrorList, {
+      errors: errors
+    }))));
+  }), removeBtn && (/*#__PURE__*/React.createElement(_Button, Object.assign({
+    type: 'link',
+    danger: true
+  }, removeBtn, {
+    onClick: handleDelete
+  }), (removeBtn === null || removeBtn === void 0 ? void 0 : removeBtn.text) || t('delete'))));
+});

package/es/render-core/FieldList/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/es/render-core/FieldList/index.js

@@ -0,0 +1,44 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import { __rest } from "tslib";
+import React, { useContext } from 'react';
+import { FRContext, ConfigContext } from '../../models/context';
+import { isHasExpression, parseAllExpression } from '../../models/expression';
+import fieldShouldUpdate from '../../models/fieldShouldUpdate';
+import Main from './main';
+export default (function (props) {
+  var _a;
+  var schema = props.schema,
+    rootPath = props.rootPath;
+  var _b = schema || {},
+    items = _b.items,
+    listSchema = __rest(_b, ["items"]);
+  var store = useContext(FRContext);
+  var _store$getState = store.getState(),
+    formSchema = _store$getState.schema;
+  var configCtx = useContext(ConfigContext);
+  var mustacheDisabled = (_a = configCtx === null || configCtx === void 0 ? void 0 : configCtx.globalConfig) === null || _a === void 0 ? void 0 : _a.mustacheDisabled;
+  var dependencies = schema === null || schema === void 0 ? void 0 : schema.dependencies;
+  // No function expressions exist
+  if (!isHasExpression(schema) && !mustacheDisabled && (!dependencies || !(dependencies === null || dependencies === void 0 ? void 0 : dependencies.length))) {
+    return /*#__PURE__*/React.createElement(Main, Object.assign({
+      configContext: configCtx
+    }, props));
+  }
+  // Need to listen to form values for dynamic rendering
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    noStyle: true,
+    shouldUpdate: fieldShouldUpdate(JSON.stringify(listSchema || {}), rootPath, dependencies, true)
+  }, function (form) {
+    var formData = form.getFieldsValue(true);
+    var newListSchema = mustacheDisabled ? schema : parseAllExpression(listSchema, formData, rootPath, formSchema);
+    return /*#__PURE__*/React.createElement(Main, Object.assign({
+      configContext: configCtx
+    }, props, {
+      schema: Object.assign({
+        items: items
+      }, newListSchema),
+      rootPath: rootPath
+    }));
+  });
+});