@4399ywkf/design 2.1.0 → 2.1.1

package/dist/FormRender/widgets/fields/upload.js

@@ -0,0 +1,64 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+import React, { useContext } from 'react';
+import { Button, message, Upload, ConfigProvider } from 'antd';
+import { UploadOutlined } from '@ant-design/icons';
+import { get } from 'lodash-es';
+import { translation } from "../utils";
+import { useUploadStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FrUpload = function FrUpload(_ref) {
+  var action = _ref.action,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    uploadProps = _ref.uploadProps,
+    buttonProps = _ref.buttonProps,
+    schema = _ref.schema;
+  var _useUploadStyles = useUploadStyles(),
+    styles = _useUploadStyles.styles;
+  var configCtx = useContext(ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var props = _objectSpread({
+    name: 'file',
+    type: 'file',
+    action: action,
+    // 旧的兼容
+    onChange: function onChange(info) {
+      if (info.file.status === 'done') {
+        message.success("".concat(info.file.name, " ").concat(t('upload_success')));
+        var path = get(schema, 'props.path', '');
+        var url = path ? get(info.file.response, path) : info.file.response.url;
+        _onChange(url);
+      } else if (info.file.status === 'error') {
+        message.error("".concat(info.file.name, " ").concat(t('upload_fail')));
+      }
+    },
+    onRemove: function onRemove() {
+      _onChange('');
+    }
+  }, uploadProps);
+  var defaultBtnProps = {
+    icon: /*#__PURE__*/_jsx(UploadOutlined, {}),
+    children: t('upload')
+  };
+  var btnProps = _objectSpread(_objectSpread({}, defaultBtnProps), buttonProps);
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.frUploadMod,
+    children: [/*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, props), {}, {
+      className: styles.frUploadFile,
+      children: /*#__PURE__*/_jsx(Button, _objectSpread({}, btnProps))
+    })), value && /*#__PURE__*/_jsx("a", {
+      href: value,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: styles.frUploadPreview,
+      children: t('uploaded_address')
+    })]
+  });
+};
+export default FrUpload;

package/dist/FormRender/widgets/fields/urlInput.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormRender/widgets/fields/urlInput.js

@@ -0,0 +1,73 @@
+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); }
+var _excluded = ["value", "prefix", "suffix", "addonText", "onChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useContext } from 'react';
+import { Input, ConfigProvider } from 'antd';
+import { isUrl, translation } from "../utils";
+import withFieldWrap from "../utils/withFieldWrap";
+import { jsx as _jsx } from "react/jsx-runtime";
+var UrlNode = function UrlNode(props) {
+  var configCtx = useContext(ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var value = props.value,
+    _props$addonText = props.addonText,
+    addonText = _props$addonText === void 0 ? t('test_src') : _props$addonText;
+  var useUrl = isUrl(value);
+  if (useUrl) {
+    return /*#__PURE__*/_jsx("a", {
+      target: "_blank",
+      href: value,
+      rel: "noreferrer",
+      children: addonText
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    children: addonText
+  });
+};
+var UrlInput = function UrlInput(_ref) {
+  var value = _ref.value,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    addonText = _ref.addonText,
+    onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _value = value || '';
+  if (prefix) {
+    _value = _value.replace(prefix, '');
+  }
+  if (suffix) {
+    _value = _value.replace(suffix, '');
+  }
+  var handleChange = function handleChange(e) {
+    var _value = e.target.value;
+    if (!_value) {
+      onChange === null || onChange === void 0 || onChange(_value);
+      return;
+    }
+    if (prefix) {
+      _value = prefix + _value;
+    }
+    if (suffix) {
+      _value = _value + suffix;
+    }
+    onChange === null || onChange === void 0 || onChange(_value);
+  };
+  return /*#__PURE__*/_jsx(Input, _objectSpread({
+    value: _value,
+    prefix: prefix,
+    suffix: suffix,
+    onChange: handleChange,
+    addonAfter: /*#__PURE__*/_jsx(UrlNode, {
+      value: value || '',
+      addonText: addonText
+    })
+  }, rest));
+};
+export default withFieldWrap(UrlInput);

package/dist/FormRender/widgets/index.d.ts

@@ -0,0 +1,67 @@
+export { default as Input, default as input } from './fields/input';
+export { default as InputNumber, default as inputNumber, } from './fields/number';
+export { default as TextArea, default as textArea } from './fields/textArea';
+export { default as MultiSelect, default as Select, default as multiSelect, default as select, } from './fields/select';
+export { default as Switch } from './fields/switch';
+export { default as Checkbox, default as checkbox } from './fields/checkbox';
+export { default as Checkboxes, default as checkboxes, } from './fields/checkboxes';
+export { default as Radio, default as radio } from './fields/radio';
+export { default as Rate, default as rate } from './fields/rate';
+export { default as TreeSelect, default as treeSelect, } from './fields/treeSelect';
+export { default as Button, default as button } from './fields/button';
+export { default as Color, default as color } from './fields/color';
+export { default as DatePicker, default as datePicker } from './fields/date';
+export { default as DateRange, default as dateRange } from './fields/dateRange';
+export { default as Html, default as html } from './fields/html';
+export { default as ImageInput, default as imageInput, } from './fields/imageInput';
+export { default as PercentSlider, default as percentSlider, } from './fields/percentSlider';
+export { default as Slider, default as slider } from './fields/slider';
+export { default as TimePicker, default as timePicker } from './fields/time';
+export { default as TimeRange, default as timeRange } from './fields/timeRange';
+export { default as Upload, default as upload } from './fields/upload';
+export { default as UrlInput, default as urlInput } from './fields/urlInput';
+export { default as AdvancedChart, default as advancedChart, } from './advanced/chart';
+export { default as AdvancedTable, default as advancedTable, } from './advanced/table';
+export { default as DisplayHeader, default as displayHeader, } from './display/header';
+export { default as DisplayHr, default as displayHr } from './display/hr';
+export { default as DisplayMarkdown, default as displayMarkdown, } from './display/markdown';
+export { default as DisplayPlainText, default as displayPlainText, } from './display/plainText';
+export { default as DisplayTextTag, default as displayTextTag, } from './display/textTag';
+export { default as FormResetBtn, default as formResetBtn, } from './fields/resetBtn';
+export { default as FormSubmitBtn, default as formSubmitBtn, } from './fields/submitBtn';
+export declare const map: (props: any) => any;
+export declare const Map: (props: any) => any;
+export { default as Card, default as card } from './containers/Card';
+export { default as Collapse, default as collapse, } from './containers/Collapse';
+export { default as LineTitle, default as lineTitle, } from './containers/LineTitle';
+export { default as SubInline, default as subInline, } from './containers/SubInline';
+export { default as CardList } from './lists/CardList';
+export { default as DrawerList } from './lists/DrawerList';
+export { default as SimpleList } from './lists/SimpleList';
+export { default as TabList } from './lists/TabList';
+export { default as TableList } from './lists/TableList';
+export { default as VirtualList } from './lists/VirtualList';
+export { default as ErrorSchema, default as errorSchema, } from './special/ErrorSchema';
+export { default as VoidTitle } from './special/VoidTitle';
+export { default as Hr, default as hr } from './card/hr';
+export { default as CardButton, default as cardButton, } from './card/cardButton';
+export { default as CardHeader, default as cardHeader, } from './card/cardHeader';
+export { default as CardRoot, default as cardRoot } from './card/cardRoot';
+export { default as Column, default as column } from './card/column';
+export { default as ColumnSet, default as columnSet } from './card/columnSet';
+export { default as FieldGroup, default as fieldGroup, } from './card/fieldGroup';
+export { default as FormContainer, default as formContainer, } from './card/formContainer';
+export { default as Markdown, default as markdown } from './card/markdown';
+export { default as PlainText, default as plainText } from './card/plainText';
+export { default as StandardIcon, default as standardIcon, } from './card/standardIcon';
+export { default as Div, default as div } from './card/div';
+export { default as Img, default as img } from './card/img';
+export { default as ImgCombination, default as imgCombination, } from './card/imgCombination';
+export { default as PersonList, default as personList, } from './card/personList';
+export { default as SelectStatic, default as SelectStaticMulti, default as selectStatic, default as selectStaticMulti, } from './card/selectStatic';
+export { default as InteractiveContainer, default as interactiveContainer, } from './card/interactiveContainer';
+export { default as Chart, default as chart } from './card/chart';
+export { default as Repeat, default as repeat } from './card/repeat';
+export { default as SelectPerson, default as selectPerson, } from './card/selectPerson';
+export { default as TableCard, default as table } from './card/table';
+export { default as TextTag, default as textTag } from './card/textTag';

package/dist/FormRender/widgets/index.js

@@ -0,0 +1,93 @@
+// Field widgets（大写 + 小写别名，mapping 返回小写名如 'input'，注册需匹配）
+export { default as Input, default as input } from "./fields/input";
+export { default as InputNumber, default as inputNumber } from "./fields/number";
+export { default as TextArea, default as textArea } from "./fields/textArea";
+export { default as MultiSelect, default as Select, default as multiSelect, default as select } from "./fields/select";
+export { default as Switch } from "./fields/switch";
+// switch 是 JS 保留字，不能用作 export name
+export { default as Checkbox, default as checkbox } from "./fields/checkbox";
+export { default as Checkboxes, default as checkboxes } from "./fields/checkboxes";
+export { default as Radio, default as radio } from "./fields/radio";
+export { default as Rate, default as rate } from "./fields/rate";
+export { default as TreeSelect, default as treeSelect } from "./fields/treeSelect";
+export { default as Button, default as button } from "./fields/button";
+export { default as Color, default as color } from "./fields/color";
+export { default as DatePicker, default as datePicker } from "./fields/date";
+export { default as DateRange, default as dateRange } from "./fields/dateRange";
+export { default as Html, default as html } from "./fields/html";
+export { default as ImageInput, default as imageInput } from "./fields/imageInput";
+export { default as PercentSlider, default as percentSlider } from "./fields/percentSlider";
+export { default as Slider, default as slider } from "./fields/slider";
+export { default as TimePicker, default as timePicker } from "./fields/time";
+export { default as TimeRange, default as timeRange } from "./fields/timeRange";
+export { default as Upload, default as upload } from "./fields/upload";
+export { default as UrlInput, default as urlInput } from "./fields/urlInput";
+
+// Advanced widgets
+export { default as AdvancedChart, default as advancedChart } from "./advanced/chart";
+export { default as AdvancedTable, default as advancedTable } from "./advanced/table";
+
+// Display widgets
+export { default as DisplayHeader, default as displayHeader } from "./display/header";
+export { default as DisplayHr, default as displayHr } from "./display/hr";
+export { default as DisplayMarkdown, default as displayMarkdown } from "./display/markdown";
+export { default as DisplayPlainText, default as displayPlainText } from "./display/plainText";
+export { default as DisplayTextTag, default as displayTextTag } from "./display/textTag";
+
+// 表单按钮（R11）：运行时 submit / reset，widget 名对齐设计器 schema
+export { default as FormResetBtn, default as formResetBtn } from "./fields/resetBtn";
+export { default as FormSubmitBtn, default as formSubmitBtn } from "./fields/submitBtn";
+
+// Map widget（object 类型的默认容器，直接透传 children）
+export var map = function map(props) {
+  var _props$children;
+  return (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : null;
+};
+export var Map = map;
+
+// Container widgets
+export { default as Card, default as card } from "./containers/Card";
+export { default as Collapse, default as collapse } from "./containers/Collapse";
+export { default as LineTitle, default as lineTitle } from "./containers/LineTitle";
+export { default as SubInline, default as subInline } from "./containers/SubInline";
+
+// List widgets
+export { default as CardList } from "./lists/CardList";
+export { default as DrawerList } from "./lists/DrawerList";
+export { default as SimpleList } from "./lists/SimpleList";
+export { default as TabList } from "./lists/TabList";
+export { default as TableList } from "./lists/TableList";
+export { default as VirtualList } from "./lists/VirtualList";
+
+// Special widgets
+export { default as ErrorSchema, default as errorSchema } from "./special/ErrorSchema";
+export { default as VoidTitle } from "./special/VoidTitle";
+
+// ========== Card widgets (CardKit mode) ==========
+export { default as Hr, default as hr } from "./card/hr";
+// Subsequent tasks append more exports here:
+//   standardIcon, markdown, cardRoot, cardHeader, columnSet, column, cardButton
+export { default as CardButton, default as cardButton } from "./card/cardButton";
+export { default as CardHeader, default as cardHeader } from "./card/cardHeader";
+export { default as CardRoot, default as cardRoot } from "./card/cardRoot";
+export { default as Column, default as column } from "./card/column";
+export { default as ColumnSet, default as columnSet } from "./card/columnSet";
+export { default as FieldGroup, default as fieldGroup } from "./card/fieldGroup";
+export { default as FormContainer, default as formContainer } from "./card/formContainer";
+export { default as Markdown, default as markdown } from "./card/markdown";
+export { default as PlainText, default as plainText } from "./card/plainText";
+export { default as StandardIcon, default as standardIcon } from "./card/standardIcon";
+// PR2: img / div / selectStatic / personList / imgCombination
+export { default as Div, default as div } from "./card/div";
+export { default as Img, default as img } from "./card/img";
+export { default as ImgCombination, default as imgCombination } from "./card/imgCombination";
+export { default as PersonList, default as personList } from "./card/personList";
+export { default as SelectStatic, default as SelectStaticMulti, default as selectStatic, default as selectStaticMulti } from "./card/selectStatic";
+// PR3
+export { default as InteractiveContainer, default as interactiveContainer } from "./card/interactiveContainer";
+// PR4
+export { default as Chart, default as chart } from "./card/chart";
+export { default as Repeat, default as repeat } from "./card/repeat";
+export { default as SelectPerson, default as selectPerson } from "./card/selectPerson";
+export { default as TableCard, default as table } from "./card/table";
+export { default as TextTag, default as textTag } from "./card/textTag";

package/dist/FormRender/widgets/lists/CardList.d.ts

@@ -0,0 +1,2 @@
+declare const CardList: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CardList;

package/dist/FormRender/widgets/lists/CardList.js

@@ -0,0 +1,152 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React from 'react';
+import { Button, Space, Popconfirm, Divider } from 'antd';
+import { PlusOutlined, CloseOutlined, ArrowUpOutlined, ArrowDownOutlined, CopyOutlined } from '@ant-design/icons';
+import classnames from 'classnames';
+import FButton from "../components/FButton";
+import { cloneDeep } from 'lodash-es';
+import { useCardListStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var getOperateFixed = function getOperateFixed(schema) {
+  var _schema$items;
+  var fixed = true;
+  if (schema !== null && schema !== void 0 && (_schema$items = schema.items) !== null && _schema$items !== void 0 && (_schema$items = _schema$items.props) !== null && _schema$items !== void 0 && _schema$items.extra) {
+    fixed = false;
+  }
+  return fixed;
+};
+var getOperateStyle = function getOperateStyle(schema) {
+  var _schema$items2, _schema$items3, _schema$items4;
+  var style = {};
+  var widgetName = (schema === null || schema === void 0 || (_schema$items2 = schema.items) === null || _schema$items2 === void 0 ? void 0 : _schema$items2.theme) || (schema === null || schema === void 0 || (_schema$items3 = schema.items) === null || _schema$items3 === void 0 ? void 0 : _schema$items3.widget) || 'collapse';
+  if (['card', 'collapse', 'lineTitle'].includes(widgetName) && !(schema !== null && schema !== void 0 && (_schema$items4 = schema.items) !== null && _schema$items4 !== void 0 && (_schema$items4 = _schema$items4.props) !== null && _schema$items4 !== void 0 && _schema$items4.extra)) {
+    var _schema$items5;
+    style.top = '14px';
+    if (['lineTitle'].includes(widgetName)) {
+      style.top = '3px';
+      style.padding = 0;
+    }
+    if (!(schema !== null && schema !== void 0 && (_schema$items5 = schema.items) !== null && _schema$items5 !== void 0 && _schema$items5.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 _useCardListStyles = useCardListStyles(),
+    styles = _useCardListStyles.styles;
+  var handleCopy = function handleCopy(name) {
+    var value = form.getFieldValue(rootPath.concat(name));
+    copyItem(value, name);
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classnames(styles.frListCard, {
+        'fr-list-card-background': hasBackground
+      }),
+      children: [fields.map(function (_ref) {
+        var key = _ref.key,
+          name = _ref.name;
+        var length = fields.length;
+        var newSchema = cloneDeep(schema);
+        if (newSchema.items.title && typeof newSchema.items.title === 'string') {
+          newSchema.items.title += " ".concat(name + 1);
+        }
+        return /*#__PURE__*/_jsxs("div", {
+          className: "fr-list-item",
+          children: [/*#__PURE__*/_jsx("div", {
+            style: {
+              width: 0,
+              flex: 1
+            },
+            children: renderCore({
+              schema: newSchema,
+              parentPath: [name],
+              rootPath: [].concat(_toConsumableArray(rootPath), [name])
+            })
+          }), /*#__PURE__*/_jsxs(Space, {
+            className: classnames('fr-list-item-operate', {
+              'fr-list-item-operate-fixed': getOperateFixed(schema)
+            }),
+            style: getOperateStyle(schema),
+            split: operateBtnType !== 'icon' && /*#__PURE__*/_jsx(Divider, {
+              type: "vertical"
+            }),
+            children: [!hideMove && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(FButton, _objectSpread({
+                disabled: name === 0,
+                onClick: function onClick() {
+                  return moveItem(name, name - 1);
+                },
+                icon: /*#__PURE__*/_jsx(ArrowUpOutlined, {})
+              }, moveUpBtnProps)), /*#__PURE__*/_jsx(FButton, _objectSpread({
+                disabled: name === length - 1,
+                onClick: function onClick() {
+                  return moveItem(name, name + 1);
+                },
+                icon: /*#__PURE__*/_jsx(ArrowDownOutlined, {})
+              }, moveDownBtnProps))]
+            }), !hideDelete && /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+              onConfirm: function onConfirm() {
+                return removeItem(name);
+              }
+            }, delConfirmProps), {}, {
+              children: /*#__PURE__*/_jsx(FButton, _objectSpread({
+                icon: /*#__PURE__*/_jsx(CloseOutlined, {})
+              }, deleteBtnProps))
+            })), !hideCopy && /*#__PURE__*/_jsx(FButton, _objectSpread({
+              onClick: function onClick() {
+                return handleCopy(name);
+              },
+              icon: /*#__PURE__*/_jsx(CopyOutlined, {})
+            }, copyBtnProps))]
+          })]
+        }, key);
+      }), (!schema.max || fields.length < schema.max) && !hideAdd && /*#__PURE__*/_jsx("div", {
+        className: "fr-list-add-btn",
+        children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, addBtnProps), {}, {
+          onClick: function onClick() {
+            return addItem();
+          },
+          icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+          block: fields.length > 0 ? true : false
+        }))
+      })]
+    })
+  });
+};
+export default CardList;

package/dist/FormRender/widgets/lists/DrawerList.d.ts

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