form-render-v3 3.0.0-alpha.1

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { FormListFieldData } from 'antd';
+import './index.less';
+interface ListVirtualProps {
+    fields: FormListFieldData[];
+    schema: any;
+    delConfirmProps: any;
+    renderCore: any;
+    rootPath: any;
+    hideEmptyTable?: boolean;
+    [key: string]: any;
+}
+declare const VirtualList: React.FC<ListVirtualProps>;
+export default VirtualList;

package/lib/widgets/listVirtual/index.js

@@ -0,0 +1,220 @@
+"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"));
+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 = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _virtualCell = _interopRequireDefault(require("./virtualCell"));
+var _FButton = _interopRequireDefault(require("../components/FButton"));
+var _sortProperties = _interopRequireDefault(require("../../models/sortProperties"));
+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 _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 _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 _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 VirtualList = function VirtualList(props) {
+  var _a, _b;
+  var form = props.form,
+    schema = props.schema,
+    fields = props.fields,
+    rootPath = props.rootPath,
+    renderCore = props.renderCore,
+    readOnly = props.readOnly,
+    operateBtnType = props.operateBtnType,
+    addBtnProps = props.addBtnProps,
+    delConfirmProps = props.delConfirmProps,
+    copyBtnProps = props.copyBtnProps,
+    deleteBtnProps = props.deleteBtnProps,
+    moveUpBtnProps = props.moveUpBtnProps,
+    moveDownBtnProps = props.moveDownBtnProps,
+    actionColumnProps = props.actionColumnProps,
+    _props$scrollY = props.scrollY,
+    scrollY = _props$scrollY === void 0 ? 600 : _props$scrollY,
+    hideDelete = props.hideDelete,
+    hideCopy = props.hideCopy,
+    hideMove = props.hideMove,
+    hideAdd = props.hideAdd,
+    hideOperate = props.hideOperate,
+    hideEmptyTable = props.hideEmptyTable,
+    addItem = props.addItem,
+    copyItem = props.copyItem,
+    moveItem = props.moveItem,
+    removeItem = props.removeItem,
+    configContext = props.configContext,
+    validatePopover = props.validatePopover;
+  var globalConfig = configContext.globalConfig;
+  var islidatePopover = (_a = validatePopover !== null && validatePopover !== void 0 ? validatePopover : globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.listValidatePopover) !== null && _a !== void 0 ? _a : true;
+  var colHeaderText = actionColumnProps.colHeaderText,
+    otherActionColumnProps = (0, _tslib.__rest)(actionColumnProps, ["colHeaderText"]);
+  var itemSchema = ((_b = schema === null || schema === void 0 ? void 0 : schema.items) === null || _b === void 0 ? void 0 : _b.properties) || {};
+  var handleCopy = function handleCopy(name) {
+    var value = form.getFieldValue(rootPath.concat(name));
+    copyItem(value, name);
+  };
+  var columns = (0, _sortProperties.default)(Object.entries(itemSchema)).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      dataIndex = _ref2[0],
+      item = _ref2[1];
+    var required = item.required,
+      title = item.title,
+      width = item.width,
+      tooltip = item.tooltip;
+    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 fieldSchema = {
+          type: 'object',
+          properties: _defineProperty({}, dataIndex, Object.assign(Object.assign({}, itemSchema[dataIndex]), {
+            fieldCol: 24
+          }))
+        };
+        if (!islidatePopover) {
+          return /*#__PURE__*/_react.default.createElement("div", {
+            className: 'fr-table-cell-content'
+          }, renderCore({
+            parentPath: [field.name],
+            rootPath: [].concat(_toConsumableArray(rootPath), [field.name]),
+            schema: fieldSchema
+          }));
+        }
+        return /*#__PURE__*/_react.default.createElement(_virtualCell.default, {
+          renderCore: renderCore,
+          schema: fieldSchema,
+          parentPath: [field.name],
+          rootPath: [].concat(_toConsumableArray(rootPath), [field.name]),
+          dataIndex: dataIndex
+        });
+      }
+    };
+  });
+  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)))));
+      }
+    }));
+  }
+  var showTable = fields.length > 0 ? true : !hideEmptyTable;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTable && (/*#__PURE__*/_react.default.createElement(_table.default, {
+    className: (0, _classnames.default)('fr-virtual-list', {
+      'fr-virtual-list-no-popover': !islidatePopover
+    }),
+    size: 'middle',
+    columns: columns,
+    dataSource: fields,
+    pagination: false,
+    virtual: true,
+    scroll: {
+      y: scrollY
+    }
+  })), (!schema.max || fields.length < schema.max) && !hideAdd && (/*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(_PlusOutlined2.default, null),
+    onClick: function onClick() {
+      return addItem();
+    }
+  }, addBtnProps))));
+};
+var _default = exports.default = VirtualList;

package/lib/widgets/listVirtual/virtualCell.d.ts

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

package/lib/widgets/listVirtual/virtualCell.js

@@ -0,0 +1,70 @@
+"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/popover/style");
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+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 _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 VirtualCell = function VirtualCell(props) {
+  var renderCore = props.renderCore,
+    schema = props.schema,
+    dataIndex = props.dataIndex,
+    otherProps = (0, _tslib.__rest)(props, ["renderCore", "schema", "dataIndex"]);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    errorMsg = _useState2[0],
+    setErrorMsg = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var mouseRef = (0, _react.useRef)(null);
+  var onStatusChange = function onStatusChange(_, errors) {
+    var message = errors[0] || null;
+    setErrorMsg(message);
+    if (mouseRef.current && message) {
+      setVisible(true);
+    }
+  };
+  if (!schema.properties[dataIndex].onStatusChange) {
+    schema.properties[dataIndex].onStatusChange = onStatusChange;
+  }
+  var popoverVisible = visible && errorMsg;
+  var popoverProps = {
+    open: popoverVisible
+  };
+  if (window.antdVersion === 'v4') {
+    popoverProps = {
+      visible: popoverVisible
+    };
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      mouseRef.current = true;
+      setVisible(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      mouseRef.current = false;
+      setVisible(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_popover.default, Object.assign({
+    overlayClassName: 'fr-popover-error',
+    content: errorMsg,
+    placement: 'topRight'
+  }, popoverProps), renderCore(Object.assign(Object.assign({}, otherProps), {
+    schema: schema
+  }))));
+};
+var _default = exports.default = VirtualCell;

package/lib/widgets/utils/hooks.d.ts

@@ -0,0 +1,2 @@
+export declare function usePrevious(value: any): any;
+export declare const useSet: (initState: any) => [any, import("react").ActionDispatch<[newState: any]>];

package/lib/widgets/utils/hooks.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = usePrevious;
+exports.useSet = void 0;
+var _react = require("react");
+function usePrevious(value) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+// 类似于class component的setState
+var useSet = exports.useSet = function useSet(initState) {
+  return (0, _react.useReducer)(function (state, newState) {
+    return Object.assign(Object.assign({}, state), newState);
+  }, initState);
+};

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

@@ -0,0 +1,4 @@
+export declare function isUrl(str: string): boolean;
+export declare function getFormat(format: string): string;
+export declare const transformDateValue: (value: string, format: string, dateFormat: string) => any;
+export declare const translation: (configCtx: any) => (key: string) => any;

package/lib/widgets/utils/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormat = getFormat;
+exports.isUrl = isUrl;
+exports.translation = exports.transformDateValue = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+_dayjs.default.extend(_weekOfYear.default); // 启用 weekOfYear 插件
+function isUrl(str) {
+  var protocolRE = /^(?:\w+:)?\/\/(\S+)$/;
+  // const domainRE = /^[^\s\.]+\.\S{2,}$/;
+  if (typeof str !== 'string') return false;
+  return protocolRE.test(str);
+}
+function getFormat(format) {
+  var dateFormat;
+  switch (format) {
+    case 'date':
+      dateFormat = 'YYYY-MM-DD';
+      break;
+    case 'time':
+      dateFormat = 'HH:mm:ss';
+      break;
+    case 'dateTime':
+      dateFormat = 'YYYY-MM-DD HH:mm:ss';
+      break;
+    case 'week':
+      dateFormat = 'YYYY-w';
+      break;
+    case 'year':
+      dateFormat = 'YYYY';
+      break;
+    case 'quarter':
+      dateFormat = 'YYYY-Q';
+      break;
+    case 'month':
+      dateFormat = 'YYYY-MM';
+      break;
+    default:
+      // dateTime
+      if (typeof format === 'string') {
+        dateFormat = format;
+      } else {
+        dateFormat = 'YYYY-MM-DD';
+      }
+  }
+  return dateFormat;
+}
+var transformDateValue = exports.transformDateValue = function transformDateValue(value, format, dateFormat) {
+  var _a;
+  var result = value || undefined;
+  if (typeof value === 'string') {
+    if (format === 'week') {
+      var _value$split = value.split('-'),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        years = _value$split2[0],
+        week = _value$split2[1];
+      result = (_a = (0, _dayjs.default)(years)) === null || _a === void 0 ? void 0 : _a.week(Number(week));
+    }
+    if (format === 'quarter') {
+      var _value$split3 = value.split('-'),
+        _value$split4 = _slicedToArray(_value$split3, 2),
+        yearx = _value$split4[0],
+        quarter = _value$split4[1];
+      result = (0, _dayjs.default)(yearx).quarter(quarter);
+    }
+  }
+  if (result) {
+    result = (0, _dayjs.default)(result, dateFormat);
+  }
+  return result;
+};
+var translation = exports.translation = function translation(configCtx) {
+  return function (key) {
+    var _a;
+    var locale = (_a = configCtx === null || configCtx === void 0 ? void 0 : configCtx.locale) === null || _a === void 0 ? void 0 : _a.FormRender;
+    return locale[key];
+  };
+};

package/lib/widgets/utils/withFieldWrap.d.ts

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

package/lib/widgets/utils/withFieldWrap.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var getProps = function getProps(props, filter) {
+  var result = {};
+  Object.keys(props).forEach(function (key) {
+    if (filter.includes(key)) {
+      return;
+    }
+    result[key] = props[key];
+  });
+  return result;
+};
+var _default = exports.default = function _default(Field) {
+  var filterProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['addons', 'schema', 'dependValues'];
+  return function (props) {
+    return /*#__PURE__*/_react.default.createElement(Field, Object.assign({}, getProps(props, filterProps)));
+  };
+};

package/lib/widgets/voidTitle/index.css

@@ -0,0 +1,7 @@
+.fr-void-title {
+  height: 24px;
+  color: #000000e0;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare const _default: ({ schema }: {
+    schema: any;
+}) => React.JSX.Element;
+export default _default;

package/lib/widgets/voidTitle/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); }
+var _default = exports.default = function _default(_ref) {
+  var schema = _ref.schema;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames2.default)('fr-void-title', _defineProperty({}, schema === null || schema === void 0 ? void 0 : schema.className, !!(schema === null || schema === void 0 ? void 0 : schema.className)))
+  }, schema.title);
+};

package/lib/withProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+export default function withProvider<T>(Element: React.ComponentType<T>, defaultWidgets?: any): React.ComponentType<T>;

package/lib/withProvider.js

@@ -0,0 +1,79 @@
+"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 = withProvider;
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _ahooks = require("ahooks");
+var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
+var _en_US = _interopRequireDefault(require("antd/lib/locale/en_US"));
+var _locales = _interopRequireDefault(require("./locales"));
+require("dayjs/locale/zh-cn");
+var _store = require("./models/store");
+var _context = require("./models/context");
+var _validateMessage = require("./models/validateMessage");
+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 withProvider(Element, defaultWidgets) {
+  return function (props) {
+    var configProvider = props.configProvider,
+      _props$locale = props.locale,
+      locale = _props$locale === void 0 ? 'zh-CN' : _props$locale,
+      widgets = props.widgets,
+      methods = props.methods,
+      form = props.form,
+      validateMessages = props.validateMessages,
+      _props$globalProps = props.globalProps,
+      globalProps = _props$globalProps === void 0 ? {} : _props$globalProps,
+      _props$globalConfig = props.globalConfig,
+      globalConfig = _props$globalConfig === void 0 ? {} : _props$globalConfig,
+      otherProps = (0, _tslib.__rest)(props, ["configProvider", "locale", "widgets", "methods", "form", "validateMessages", "globalProps", "globalConfig"]);
+    var storeRef = (0, _react.useRef)((0, _store.createStore)());
+    var store = storeRef.current;
+    (0, _react.useEffect)(function () {
+      if (locale === 'en-US') {
+        _dayjs.default.locale('en');
+        return;
+      }
+      _dayjs.default.locale('zh-cn');
+    }, [locale]);
+    (0, _ahooks.useUnmount)(function () {
+      form.resetFields();
+    });
+    if (!form) {
+      console.warn('Please provide a form instance to FormRender');
+      return null;
+    }
+    var antdLocale = locale === 'zh-CN' ? _zh_CN.default : _en_US.default;
+    var formValidateMessages = locale === 'zh-CN' ? _validateMessage.validateMessagesCN : _validateMessage.validateMessagesEN;
+    var configContext = {
+      locale: locale,
+      widgets: Object.assign(Object.assign({}, defaultWidgets), widgets),
+      methods: methods,
+      form: form,
+      globalProps: globalProps,
+      globalConfig: globalConfig
+    };
+    var langPack = Object.assign(Object.assign(Object.assign({}, antdLocale), {
+      'FormRender': _locales.default[locale]
+    }), configProvider === null || configProvider === void 0 ? void 0 : configProvider.locale);
+    return /*#__PURE__*/_react.default.createElement(_configProvider.default, Object.assign({}, configProvider, {
+      locale: langPack,
+      form: {
+        validateMessages: Object.assign(Object.assign({}, formValidateMessages), validateMessages)
+      }
+    }), /*#__PURE__*/_react.default.createElement(_context.ConfigContext.Provider, {
+      value: configContext
+    }, /*#__PURE__*/_react.default.createElement(_context.FRContext.Provider, {
+      value: store
+    }, /*#__PURE__*/_react.default.createElement(Element, Object.assign({
+      form: form
+    }, otherProps)))));
+  };
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "form-render-v3",
+  "version": "3.0.0-alpha.1",
+  "description": "通过 JSON Schema 生成标准 Form，常用于自定义搭建配置界面生成",
+  "keywords": [
+    "Form",
+    "FormRender",
+    "Render",
+    "XRender",
+    "React",
+    "Json Schema",
+    "Ant Design"
+  ],
+  "license": "MIT",
+  "contributors": [],
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "files": [
+    "es",
+    "lib",
+    "package.json"
+  ],
+  "scripts": {
+    "beta": "npm publish --tag beta",
+    "build": "father-build",
+    "next": "npm publish --tag next",
+    "prepare": "npm run build",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "postpublish": "git push --tags",
+    "test:ui": "vitest --ui"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^6.1.0",
+    "async-validator": "^3.5.1",
+    "classnames": "^2.3.1",
+    "color": "^3.1.2",
+    "lodash-es": "^4.17.21",
+    "dayjs": "^1.11.7",
+    "rc-color-picker": "^1.2.6",
+    "zustand": "^4.1.5",
+    "ahooks": "^3.7.5"
+  },
+  "devDependencies": {
+    "deep-equal": "^2.0.3",
+    "rollup-plugin-copy": "^3.4.0"
+  },
+  "peerDependencies": {
+    "antd": "4.x || 5.x || 6.x",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "sideEffect": false
+}