form-render-v3 3.0.0-alpha.1

package/lib/widgets/listCard/index.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _PlusOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/PlusOutlined"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _CopyOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/CopyOutlined"));
+var _CloseOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/CloseOutlined"));
+require("antd/es/popconfirm/style");
+var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+var _ArrowDownOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/ArrowDownOutlined"));
+var _ArrowUpOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/ArrowUpOutlined"));
+require("antd/es/divider/style");
+var _divider = _interopRequireDefault(require("antd/es/divider"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FButton = _interopRequireDefault(require("../components/FButton"));
+var _lodashEs = require("lodash-es");
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+var getOperateFixed = function getOperateFixed(schema) {
+  var _a, _b;
+  var fixed = true;
+  if ((_b = (_a = schema === null || schema === void 0 ? void 0 : schema.items) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.extra) {
+    fixed = false;
+  }
+  return fixed;
+};
+var getOperateStyle = function getOperateStyle(schema) {
+  var _a, _b, _c, _d, _e;
+  var style = {};
+  var widgetName = ((_a = schema === null || schema === void 0 ? void 0 : schema.items) === null || _a === void 0 ? void 0 : _a.theme) || ((_b = schema === null || schema === void 0 ? void 0 : schema.items) === null || _b === void 0 ? void 0 : _b.widget) || 'collapse';
+  if (['card', 'collapse', 'lineTitle'].includes(widgetName) && !((_d = (_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.extra)) {
+    style.top = '14px';
+    if (['lineTitle'].includes(widgetName)) {
+      style.top = '3px';
+      style.padding = 0;
+    }
+    if (!((_e = schema === null || schema === void 0 ? void 0 : schema.items) === null || _e === void 0 ? void 0 : _e.title)) {
+      style.right = '0';
+    }
+  }
+  return style;
+};
+var CardList = function CardList(props) {
+  var form = props.form,
+    schema = props.schema,
+    fields = props.fields,
+    rootPath = props.rootPath,
+    renderCore = props.renderCore,
+    hasBackground = props.hasBackground,
+    operateBtnType = props.operateBtnType,
+    addBtnProps = props.addBtnProps,
+    delConfirmProps = props.delConfirmProps,
+    copyBtnProps = props.copyBtnProps,
+    deleteBtnProps = props.deleteBtnProps,
+    moveUpBtnProps = props.moveUpBtnProps,
+    moveDownBtnProps = props.moveDownBtnProps,
+    hideDelete = props.hideDelete,
+    hideCopy = props.hideCopy,
+    hideMove = props.hideMove,
+    hideAdd = props.hideAdd,
+    addItem = props.addItem,
+    copyItem = props.copyItem,
+    moveItem = props.moveItem,
+    removeItem = props.removeItem;
+  var handleCopy = function handleCopy(name) {
+    var value = form.getFieldValue(rootPath.concat(name));
+    copyItem(value, name);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('fr-list-card', {
+      'fr-list-card-background': hasBackground
+    })
+  }, fields.map(function (_ref) {
+    var key = _ref.key,
+      name = _ref.name;
+    var length = fields.length;
+    var newSchema = (0, _lodashEs.cloneDeep)(schema);
+    if (newSchema.items.title && typeof newSchema.items.title === 'string') {
+      newSchema.items.title += " ".concat(name + 1);
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: key,
+      className: 'fr-list-item'
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: 0,
+        flex: 1
+      }
+    }, renderCore({
+      schema: newSchema,
+      parentPath: [name],
+      rootPath: [].concat(_toConsumableArray(rootPath), [name])
+    })), /*#__PURE__*/_react.default.createElement(_space.default, {
+      className: (0, _classnames.default)('fr-list-item-operate', {
+        'fr-list-item-operate-fixed': getOperateFixed(schema)
+      }),
+      style: getOperateStyle(schema),
+      split: operateBtnType !== 'icon' && /*#__PURE__*/_react.default.createElement(_divider.default, {
+        type: 'vertical'
+      })
+    }, !hideMove && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+      disabled: name === 0,
+      onClick: function onClick() {
+        return moveItem(name, name - 1);
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_ArrowUpOutlined2.default, null)
+    }, moveUpBtnProps)), /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+      disabled: name === length - 1,
+      onClick: function onClick() {
+        return moveItem(name, name + 1);
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_ArrowDownOutlined2.default, null)
+    }, moveDownBtnProps)))), !hideDelete && (/*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+      onConfirm: function onConfirm() {
+        return removeItem(name);
+      }
+    }, delConfirmProps), /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+      icon: /*#__PURE__*/_react.default.createElement(_CloseOutlined2.default, null)
+    }, deleteBtnProps)))), !hideCopy && (/*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+      onClick: function onClick() {
+        return handleCopy(name);
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_CopyOutlined2.default, null)
+    }, copyBtnProps)))));
+  }), (!schema.max || fields.length < schema.max) && !hideAdd && (/*#__PURE__*/_react.default.createElement("div", {
+    className: "fr-list-add-btn"
+  }, /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, addBtnProps, {
+    onClick: function onClick() {
+      return addItem();
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_PlusOutlined2.default, null),
+    block: fields.length > 0 ? true : false
+  }))))));
+};
+var _default = exports.default = CardList;

package/lib/widgets/listDrawer/drawerForm.d.ts

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

package/lib/widgets/listDrawer/drawerForm.js

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/drawer/style");
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var DrawerForm = function DrawerForm(props) {
+  var children = props.children,
+    onConfirm = props.onConfirm,
+    onClose = props.onClose,
+    ret = (0, _tslib.__rest)(props, ["children", "onConfirm", "onClose"]);
+  var configCtx = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  var t = (0, _utils.translation)(configCtx);
+  var extraProps = Object.assign(Object.assign({}, ret), {
+    open: true
+  });
+  if (window.antdVersion === 'v4') {
+    extraProps = Object.assign(Object.assign({}, ret), {
+      visible: true
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_drawer.default, Object.assign({
+    width: 600,
+    title: t('operate')
+  }, extraProps, {
+    onClose: onClose,
+    extra: /*#__PURE__*/_react.default.createElement(_space.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+      onClick: onClose
+    }, t('cancel')), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary",
+      onClick: onConfirm
+    }, t('confirm')))
+  }), children);
+};
+var _default = exports.default = DrawerForm;

package/lib/widgets/listDrawer/index.css

@@ -0,0 +1,16 @@
+.fr-list-drawer {
+  margin-bottom: 24px;
+}
+.fr-list-drawer-table-header {
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.fr-list-drawer .ant-form-item {
+  margin-bottom: 0;
+}
+.fr-list-drawer .fr-list-item-operate {
+  gap: 0 !important;
+}

package/lib/widgets/listDrawer/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FormListFieldData, FormListOperation } from 'antd';
+import './index.less';
+interface Props {
+    schema: any;
+    fields: FormListFieldData[];
+    operation: FormListOperation;
+    prefix: string;
+    [key: string]: any;
+}
+declare const TableList: React.FC<Props>;
+export default TableList;

package/lib/widgets/listDrawer/index.js

@@ -0,0 +1,296 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _PlusOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/PlusOutlined"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+require("antd/es/table/style");
+var _table = _interopRequireDefault(require("antd/es/table"));
+var _CopyOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/CopyOutlined"));
+var _CloseOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/CloseOutlined"));
+require("antd/es/popconfirm/style");
+var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+var _ArrowDownOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/ArrowDownOutlined"));
+var _ArrowUpOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/ArrowUpOutlined"));
+require("antd/es/divider/style");
+var _divider = _interopRequireDefault(require("antd/es/divider"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/form/style");
+var _form = _interopRequireDefault(require("antd/es/form"));
+require("antd/es/collapse/style");
+var _collapse = _interopRequireDefault(require("antd/es/collapse"));
+var _InfoCircleOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/InfoCircleOutlined"));
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _sortProperties = _interopRequireDefault(require("../../models/sortProperties"));
+var _drawerForm = _interopRequireDefault(require("./drawerForm"));
+var _FButton = _interopRequireDefault(require("../components/FButton"));
+require("./index.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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 _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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+;
+var getTooltip = function getTooltip(tooltip) {
+  if (!tooltip) {
+    return;
+  }
+  if (typeof tooltip === 'string') {
+    return {
+      title: /*#__PURE__*/_react.default.createElement("span", {
+        dangerouslySetInnerHTML: {
+          __html: tooltip
+        }
+      })
+    };
+  }
+  return Object.assign(Object.assign({}, tooltip), {
+    title: /*#__PURE__*/_react.default.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: tooltip.title
+      }
+    })
+  });
+};
+var TableList = function TableList(props) {
+  var _a, _b;
+  var form = props.form,
+    schema = props.schema,
+    fields = props.fields,
+    rootPath = props.rootPath,
+    renderCore = props.renderCore,
+    readOnly = props.readOnly,
+    widgets = props.widgets,
+    pagination = props.pagination,
+    operateBtnType = props.operateBtnType,
+    addBtnProps = props.addBtnProps,
+    delConfirmProps = props.delConfirmProps,
+    copyBtnProps = props.copyBtnProps,
+    deleteBtnProps = props.deleteBtnProps,
+    moveUpBtnProps = props.moveUpBtnProps,
+    moveDownBtnProps = props.moveDownBtnProps,
+    actionColumnProps = props.actionColumnProps,
+    editorBtnProps = props.editorBtnProps,
+    drawerProps = props.drawerProps,
+    hideOperate = props.hideOperate,
+    hideDelete = props.hideDelete,
+    hideCopy = props.hideCopy,
+    hideMove = props.hideMove,
+    hideAdd = props.hideAdd,
+    hideEdit = props.hideEdit,
+    hideColumnNestedObject = props.hideColumnNestedObject,
+    operation = props.operation,
+    addItem = props.addItem,
+    copyItem = props.copyItem,
+    moveItem = props.moveItem,
+    removeItem = props.removeItem,
+    configContext = props.configContext;
+  var colHeaderText = actionColumnProps.colHeaderText,
+    otherActionColumnProps = (0, _tslib.__rest)(actionColumnProps, ["colHeaderText"]);
+  var paginationConfig = Object.assign({
+    size: 'small',
+    hideOnSinglePage: true
+  }, pagination);
+  var columnSchema = ((_a = schema === null || schema === void 0 ? void 0 : schema.items) === null || _a === void 0 ? void 0 : _a.properties) || {};
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    itemData = _useState4[0],
+    setItemData = _useState4[1];
+  var indexRef = (0, _react.useRef)(null);
+  var handleCopy = function handleCopy(name) {
+    var value = form.getFieldValue(rootPath.concat(name));
+    copyItem(value, name);
+  };
+  var handleAdd = function handleAdd() {
+    setVisible(true);
+    addItem();
+  };
+  var handleRepeal = function handleRepeal() {
+    if (!indexRef.current && indexRef.current !== 0) {
+      operation.remove(fields.length - 1);
+    } else {
+      form.setFieldValue([].concat(_toConsumableArray(rootPath), [indexRef.current]), itemData);
+    }
+    handleCloseDrawer();
+  };
+  var handleCloseDrawer = function handleCloseDrawer() {
+    setItemData(null);
+    setVisible(false);
+    indexRef.current = null;
+  };
+  var columns = (0, _sortProperties.default)(Object.entries(columnSchema)).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      dataIndex = _ref2[0],
+      item = _ref2[1];
+    var required = item.required,
+      title = item.title,
+      tooltip = item.tooltip,
+      width = item.width,
+      columnHidden = item.columnHidden;
+    if (columnHidden) {
+      return null;
+    }
+    var tooltipProps = getTooltip(tooltip);
+    return {
+      dataIndex: dataIndex,
+      width: width,
+      title: (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, required && (/*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          color: 'red',
+          marginRight: '3px'
+        }
+      }, "*")), /*#__PURE__*/_react.default.createElement("span", null, title), tooltipProps && (/*#__PURE__*/_react.default.createElement(_tooltip.default, Object.assign({
+        placement: "top"
+      }, tooltipProps), /*#__PURE__*/_react.default.createElement(_InfoCircleOutlined2.default, {
+        style: {
+          marginLeft: 6
+        }
+      }))))),
+      render: function render(_, field) {
+        var _a;
+        var fieldSchema = {
+          type: 'object',
+          properties: _defineProperty({}, dataIndex, Object.assign(Object.assign({}, columnSchema[dataIndex]), {
+            noStyle: true,
+            readOnly: true
+          }))
+        };
+        var fieldDataIndex = fieldSchema.properties[dataIndex];
+        var renderColumn = renderCore({
+          schema: fieldSchema,
+          parentPath: [field.name],
+          rootPath: [].concat(_toConsumableArray(rootPath), [field.name])
+        });
+        if ((fieldDataIndex === null || fieldDataIndex === void 0 ? void 0 : fieldDataIndex.type) === 'array' && ((_a = fieldDataIndex === null || fieldDataIndex === void 0 ? void 0 : fieldDataIndex.items) === null || _a === void 0 ? void 0 : _a.type) === 'object' || (fieldDataIndex === null || fieldDataIndex === void 0 ? void 0 : fieldDataIndex.type) === 'object') {
+          if (hideColumnNestedObject === 'hide') {
+            return '-';
+          } else if (hideColumnNestedObject === 'collapse') {
+            return /*#__PURE__*/_react.default.createElement(_collapse.default, {
+              ghost: true,
+              items: [{
+                key: 'detail',
+                label: '查看详情',
+                children: renderColumn
+              }]
+            });
+          } else {
+            return renderColumn;
+          }
+        }
+        return renderColumn;
+      }
+    };
+  }).filter(function (item) {
+    return item;
+  });
+  if (!readOnly && !hideOperate) {
+    columns.push(Object.assign(Object.assign({
+      title: colHeaderText,
+      width: '190px',
+      fixed: 'right'
+    }, otherActionColumnProps), {
+      render: function render(_, field) {
+        return /*#__PURE__*/_react.default.createElement(_form.default.Item, null, /*#__PURE__*/_react.default.createElement(_space.default, {
+          className: 'fr-list-item-operate',
+          split: operateBtnType !== 'icon' && /*#__PURE__*/_react.default.createElement(_divider.default, {
+            type: 'vertical'
+          })
+        }, !hideMove && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+          disabled: field.name === 0,
+          onClick: function onClick() {
+            return moveItem(field.name, field.name - 1);
+          },
+          icon: /*#__PURE__*/_react.default.createElement(_ArrowUpOutlined2.default, null)
+        }, moveUpBtnProps)), /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+          disabled: field.name === fields.length - 1,
+          onClick: function onClick() {
+            return moveItem(field.name, field.name + 1);
+          },
+          icon: /*#__PURE__*/_react.default.createElement(_ArrowDownOutlined2.default, null)
+        }, moveDownBtnProps)))), !hideDelete && (/*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+          onConfirm: function onConfirm() {
+            return removeItem(field.name);
+          }
+        }, delConfirmProps), /*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+          icon: /*#__PURE__*/_react.default.createElement(_CloseOutlined2.default, null),
+          btnType: operateBtnType
+        }, deleteBtnProps)))), !hideCopy && (/*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+          onClick: function onClick() {
+            return handleCopy(field.name);
+          },
+          icon: /*#__PURE__*/_react.default.createElement(_CopyOutlined2.default, null)
+        }, copyBtnProps))), !hideEdit && (/*#__PURE__*/_react.default.createElement(_FButton.default, Object.assign({
+          onClick: function onClick() {
+            setVisible(true);
+            indexRef.current = field.name;
+            setItemData(form.getFieldValue(rootPath.concat(field.name)));
+          },
+          icon: /*#__PURE__*/_react.default.createElement(_CopyOutlined2.default, null)
+        }, editorBtnProps)))));
+      }
+    }));
+  }
+  var drawerIndex = (_b = indexRef.current) !== null && _b !== void 0 ? _b : fields.length - 1;
+  var hanldeConfirm = function hanldeConfirm() {
+    var _a;
+    var path = (_a = [].concat(_toConsumableArray(rootPath), [drawerIndex])) === null || _a === void 0 ? void 0 : _a.join('.');
+    form.validateFields([path], {
+      recursive: true
+    }).then(function (res) {
+      handleCloseDrawer();
+    }).catch(function (error) {
+      console.log('表单校验错误', error);
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-list-drawer'
+  }, /*#__PURE__*/_react.default.createElement(_table.default, {
+    size: 'middle',
+    dataSource: fields,
+    columns: columns,
+    style: {
+      marginBottom: '12px'
+    },
+    scroll: {
+      x: 'max-content'
+    },
+    pagination: paginationConfig
+  }), (!schema.max || fields.length < schema.max) && !hideAdd && (/*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_PlusOutlined2.default, null),
+    onClick: handleAdd
+  }, addBtnProps))), visible && (/*#__PURE__*/_react.default.createElement(_drawerForm.default, Object.assign({}, drawerProps, {
+    schema: schema,
+    data: itemData,
+    widgets: widgets,
+    configContext: configContext,
+    onClose: handleRepeal,
+    onConfirm: hanldeConfirm
+  }), renderCore({
+    schema: schema.items,
+    parentPath: [drawerIndex],
+    rootPath: [].concat(_toConsumableArray(rootPath), [drawerIndex])
+  }))));
+};
+var _default = exports.default = TableList;

package/lib/widgets/listSimple/index.css

@@ -0,0 +1,27 @@
+.fr-list-simple {
+  display: inline-block;
+}
+.fr-list-simple .fr-inline-field {
+  min-width: 220px;
+  margin-bottom: 24px !important;
+}
+.fr-list-simple .fr-list-item {
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+}
+.fr-list-simple .fr-list-item-operate {
+  height: 32px;
+  gap: 0 !important;
+}
+.fr-list-simple-background {
+  padding: 24px 24px 0 24px;
+  background-color: #f6f6f6;
+  border-radius: 4px;
+}
+.fr-list-simple-background .add-btn {
+  margin-bottom: 24px;
+}
+.fr-list-simple-column .fr-list-item {
+  align-items: center;
+}

package/lib/widgets/listSimple/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const SimpleList: (props: any) => React.JSX.Element;
+export default SimpleList;