form-render-v3 3.0.0-alpha.1

package/es/form-core/index.js

@@ -0,0 +1,305 @@
+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); }
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+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 _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); }
+import { __awaiter, __rest } from "tslib";
+import React, { useEffect, useContext } from 'react';
+import classNames from 'classnames';
+import { cloneDeep } from 'lodash-es';
+import { useStore } from 'zustand';
+import { FRContext } from '../models/context';
+import transformProps from '../models/transformProps';
+import { parseValuesToBind } from '../models/bindValues';
+import filterValuesHidden from '../models/filterValuesHidden';
+import filterValuesUndefined from '../models/filterValuesUndefined';
+import { getFormItemLayout } from '../models/layout';
+import { translation, isFunction } from '../utils';
+import { valuesWatch, immediateWatch, yymmdd, msToTime, getSessionItem, setSessionItem } from '../models/formCoreUtils';
+import RenderCore from '../render-core';
+import "./index.css";
+var FormCore = function FormCore(props) {
+  var _a, _b, _c, _d, _e;
+  var store = useContext(FRContext);
+  var schema = useStore(store, function (state) {
+    return state.schema;
+  });
+  var flattenSchema = useStore(store, function (state) {
+    return state.flattenSchema;
+  });
+  var setContext = useStore(store, function (state) {
+    return state.setContext;
+  });
+  var configCtx = useContext(_ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var _f = schema || {},
+    type = _f.type,
+    properties = _f.properties,
+    schemProps = __rest(_f, ["type", "properties"]);
+  var _transformProps = transformProps(Object.assign(Object.assign({}, props), schemProps)),
+    formProps = _transformProps.formProps,
+    displayType = _transformProps.displayType,
+    beforeFinish = _transformProps.beforeFinish,
+    watch = _transformProps.watch,
+    onMount = _transformProps.onMount,
+    column = _transformProps.column,
+    labelWidth = _transformProps.labelWidth,
+    labelCol = _transformProps.labelCol,
+    fieldCol = _transformProps.fieldCol,
+    maxWidth = _transformProps.maxWidth,
+    form = _transformProps.form,
+    onFinish = _transformProps.onFinish,
+    onFinishFailed = _transformProps.onFinishFailed,
+    readOnly = _transformProps.readOnly,
+    disabled = _transformProps.disabled,
+    footer = _transformProps.footer,
+    removeHiddenData = _transformProps.removeHiddenData,
+    operateExtra = _transformProps.operateExtra,
+    logOnMount = _transformProps.logOnMount,
+    logOnSubmit = _transformProps.logOnSubmit,
+    id = _transformProps.id,
+    className = _transformProps.className,
+    validateTrigger = _transformProps.validateTrigger,
+    antdVersion = _transformProps.antdVersion;
+  useEffect(function () {
+    form.__initStore(store);
+    setTimeout(initial, 0);
+    window.antdVersion = antdVersion;
+  }, []);
+  useEffect(function () {
+    form.setSchema(props.schema, true);
+  }, [JSON.stringify(props.schema || {})]);
+  useEffect(function () {
+    store.setState({
+      removeHiddenData: removeHiddenData
+    });
+  }, [removeHiddenData]);
+  useEffect(function () {
+    var context = {
+      column: column,
+      readOnly: readOnly,
+      disabled: disabled,
+      labelWidth: labelWidth,
+      displayType: displayType,
+      labelCol: labelCol,
+      fieldCol: fieldCol,
+      maxWidth: maxWidth,
+      validateTrigger: validateTrigger
+    };
+    setContext(context);
+  }, [column, labelCol, fieldCol, displayType, labelWidth, maxWidth, readOnly, disabled, validateTrigger]);
+  var initial = function initial() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+      var _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _t = onMount;
+            if (!_t) {
+              _context.n = 1;
+              break;
+            }
+            _context.n = 1;
+            return onMount();
+          case 1:
+            onMountLogger();
+            setTimeout(function () {
+              var values = form.getValues();
+              immediateWatch(watch, values);
+            }, 0);
+          case 2:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+  };
+  var onMountLogger = function onMountLogger() {
+    var start = new Date().getTime();
+    if (isFunction(logOnMount) || isFunction(logOnSubmit)) {
+      setSessionItem('FORM_MOUNT_TIME', start);
+      setSessionItem('FORM_START', start);
+    }
+    if (isFunction(logOnMount)) {
+      var logParams = {
+        schema: props.schema,
+        url: location.href,
+        formData: JSON.stringify(form.getValues()),
+        formMount: yymmdd(start)
+      };
+      if (id) {
+        logParams.id = id;
+      }
+      logOnMount(logParams);
+    }
+    // 如果是要计算时间，在 onMount 时存一个时间戳
+    if (isFunction(logOnSubmit)) {
+      setSessionItem('NUMBER_OF_SUBMITS', 0);
+      setSessionItem('FAILED_ATTEMPTS', 0);
+    }
+  };
+  var onSubmitLogger = function onSubmitLogger(params) {
+    if (!isFunction(logOnSubmit)) {
+      return;
+    }
+    var start = getSessionItem('FORM_START');
+    var mount = getSessionItem('FORM_MOUNT_TIME');
+    var numberOfSubmits = getSessionItem('NUMBER_OF_SUBMITS') + 1;
+    var end = new Date().getTime();
+    var failedAttempts = getSessionItem('FAILED_ATTEMPTS');
+    if (params.errorFields.length > 0) {
+      failedAttempts = failedAttempts + 1;
+    }
+    var logParams = {
+      formMount: yymmdd(mount),
+      ms: end - start,
+      duration: msToTime(end - start),
+      numberOfSubmits: numberOfSubmits,
+      failedAttempts: failedAttempts,
+      url: location.href,
+      formData: JSON.stringify(params.values),
+      errors: JSON.stringify(params.errorFields),
+      schema: JSON.stringify(schema)
+    };
+    if (id) {
+      logParams.id = id;
+    }
+    logOnSubmit(logParams);
+    setSessionItem('FORM_START', end);
+    setSessionItem('NUMBER_OF_SUBMITS', numberOfSubmits);
+    setSessionItem('FAILED_ATTEMPTS', failedAttempts);
+  };
+  var handleValuesChange = function handleValuesChange(changedValues, _allValues) {
+    var allValues = filterValuesUndefined(_allValues, true);
+    valuesWatch(changedValues, allValues, watch);
+  };
+  var transFormValues = function transFormValues(_values) {
+    var values = cloneDeep(_values);
+    values = removeHiddenData ? filterValuesHidden(values, flattenSchema) : cloneDeep(form.getFieldsValue(true));
+    values = parseValuesToBind(values, flattenSchema);
+    values = filterValuesUndefined(values);
+    return values;
+  };
+  var handleFinish = function handleFinish(_values) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
+      var values, fieldsError, _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            values = transFormValues(_values);
+            if (!beforeFinish) {
+              _context2.n = 2;
+              break;
+            }
+            _context2.n = 1;
+            return beforeFinish({
+              data: values,
+              schema: schema,
+              errors: []
+            });
+          case 1:
+            _t2 = _context2.v;
+            _context2.n = 3;
+            break;
+          case 2:
+            _t2 = null;
+          case 3:
+            fieldsError = _t2;
+            if (!((fieldsError === null || fieldsError === void 0 ? void 0 : fieldsError.length) > 0)) {
+              _context2.n = 4;
+              break;
+            }
+            form.setFields(fieldsError);
+            return _context2.a(2);
+          case 4:
+            onSubmitLogger({
+              values: values
+            });
+            onFinish && onFinish(values, []);
+          case 5:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+  };
+  var handleFinishFailed = function handleFinishFailed(params) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee3() {
+      var values;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            values = transFormValues(params.values);
+            onSubmitLogger(Object.assign(Object.assign({}, params), {
+              values: values
+            }));
+            if (onFinishFailed) {
+              _context3.n = 1;
+              break;
+            }
+            return _context3.a(2);
+          case 1:
+            onFinishFailed(Object.assign(Object.assign({}, params), {
+              values: values
+            }));
+          case 2:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+  };
+  var operlabelCol = (_a = getFormItemLayout(column, {}, {
+    labelWidth: labelWidth
+  })) === null || _a === void 0 ? void 0 : _a.labelCol;
+  var actionBtns = [];
+  if (!((_b = footer === null || footer === void 0 ? void 0 : footer.reset) === null || _b === void 0 ? void 0 : _b.hide)) {
+    actionBtns.push(/*#__PURE__*/React.createElement(_Button, Object.assign({
+      key: 'reset'
+    }, footer === null || footer === void 0 ? void 0 : footer.reset, {
+      onClick: function onClick() {
+        return form.resetFields();
+      }
+    }), ((_c = footer === null || footer === void 0 ? void 0 : footer.reset) === null || _c === void 0 ? void 0 : _c.text) || t('reset')));
+  }
+  if (!((_d = footer === null || footer === void 0 ? void 0 : footer.submit) === null || _d === void 0 ? void 0 : _d.hide)) {
+    actionBtns.push(/*#__PURE__*/React.createElement(_Button, Object.assign({
+      key: 'submit',
+      type: 'primary',
+      onClick: form.submit
+    }, footer === null || footer === void 0 ? void 0 : footer.submit), ((_e = footer === null || footer === void 0 ? void 0 : footer.submit) === null || _e === void 0 ? void 0 : _e.text) || t('submit')));
+  }
+  return /*#__PURE__*/React.createElement(_Form, Object.assign({
+    className: classNames('fr-form', _defineProperty({}, className, !!className)),
+    labelWrap: true
+  }, formProps, {
+    disabled: disabled,
+    form: form,
+    onFinish: handleFinish,
+    onFinishFailed: handleFinishFailed,
+    onValuesChange: handleValuesChange
+  }), /*#__PURE__*/React.createElement(_Row, {
+    gutter: displayType === 'row' ? 16 : 24
+  }, /*#__PURE__*/React.createElement(RenderCore, {
+    schema: schema
+  }), operateExtra), schema && !!footer && (/*#__PURE__*/React.createElement(_Row, {
+    gutter: displayType === 'row' ? 16 : 24
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 24 / column
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: displayType !== 'column' ? 'hideLabel' : null,
+    labelCol: operlabelCol,
+    className: 'fr-hide-label'
+  }, isFunction(footer) ? (/*#__PURE__*/React.createElement(_Space, null, footer(actionBtns))) : (/*#__PURE__*/React.createElement(_Space, null, actionBtns)))))));
+};
+export default FormCore;

package/es/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export * from './widgets';
+export { mapping } from './models/mapping';
+export { default as useForm } from './models/useForm';
+export { default as connectForm } from './form-core/connectForm';
+export { default as SearchForm } from './derivative/SearchForm';
+export { default as FormSlimRender } from './derivative/SlimRender';
+export type { default as FR, Schema, FRProps, FormInstance, FormParams, FieldParams, WatchProperties, SchemaType, SchemaBase, ValidateParams, ResetParams, RuleItem, WidgetProps, } from './type';
+declare const _default: import("react").ComponentType<import("./type").FRProps>;
+export default _default;

package/es/index.js

@@ -0,0 +1,10 @@
+import FormCore from './form-core';
+import withProvider from './withProvider';
+import * as defaultWidgets from './widgets';
+export * from './widgets';
+export { mapping } from './models/mapping';
+export { default as useForm } from './models/useForm';
+export { default as connectForm } from './form-core/connectForm';
+export { default as SearchForm } from './derivative/SearchForm';
+export { default as FormSlimRender } from './derivative/SlimRender';
+export default withProvider(FormCore, defaultWidgets);

package/es/locales/en_US.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    copy_max_tip: string;
+    copy: string;
+    add_item: string;
+    confirm_delete: string;
+    confirm: string;
+    cancel: string;
+    operate: string;
+    delete: string;
+    edit: string;
+    img_src_error: string;
+    upload: string;
+    upload_success: string;
+    upload_fail: string;
+    uploaded_address: string;
+    test_src: string;
+    schema_not_match: string;
+    item: string;
+    search: string;
+    reset: string;
+    expand: string;
+    fold: string;
+    submit: string;
+    save: string;
+    moveDown: string;
+    moveUp: string;
+};
+export default _default;

package/es/locales/en_US.js

@@ -0,0 +1,27 @@
+export default {
+  "copy_max_tip": "The maximum number of table items has been reached and cannot be copied",
+  "copy": "Copy",
+  "add_item": "Add a new line",
+  "confirm_delete": "Are you sure to delete?",
+  "confirm": "Yes",
+  "cancel": "No",
+  "operate": "Operate",
+  "delete": "Delete",
+  "edit": "Edit",
+  "img_src_error": "Image address error",
+  "upload": "Upload",
+  "upload_success": "upload success",
+  "upload_fail": "upload failed",
+  "uploaded_address": "Uploaded address",
+  "test_src": "Test address",
+  "schema_not_match": "Schema does not match the display component：",
+  "item": "Item",
+  "search": "Search",
+  "reset": "Reset",
+  "expand": "Expand",
+  "fold": "Fold",
+  "submit": "Submit",
+  "save": "Save",
+  "moveDown": "Move Down",
+  "moveUp": "Move Up"
+};

package/es/locales/index.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    'en-US': {
+        copy_max_tip: string;
+        copy: string;
+        add_item: string;
+        confirm_delete: string;
+        confirm: string;
+        cancel: string;
+        operate: string;
+        delete: string;
+        edit: string;
+        img_src_error: string;
+        upload: string;
+        upload_success: string;
+        upload_fail: string;
+        uploaded_address: string;
+        test_src: string;
+        schema_not_match: string;
+        item: string;
+        search: string;
+        reset: string;
+        expand: string;
+        fold: string;
+        submit: string;
+        save: string;
+        moveDown: string;
+        moveUp: string;
+    };
+    'zh-CN': {
+        copy_max_tip: string;
+        copy: string;
+        add_item: string;
+        confirm_delete: string;
+        confirm: string;
+        cancel: string;
+        operate: string;
+        delete: string;
+        edit: string;
+        img_src_error: string;
+        upload: string;
+        upload_success: string;
+        upload_fail: string;
+        uploaded_address: string;
+        test_src: string;
+        schema_not_match: string;
+        item: string;
+        search: string;
+        reset: string;
+        expand: string;
+        fold: string;
+        submit: string;
+        save: string;
+        moveDown: string;
+        moveUp: string;
+    };
+};
+export default _default;

package/es/locales/index.js

@@ -0,0 +1,6 @@
+import enUS from './en_US';
+import zhCN from './zh_CN';
+export default {
+  'en-US': enUS,
+  'zh-CN': zhCN
+};

package/es/locales/zh_CN.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    copy_max_tip: string;
+    copy: string;
+    add_item: string;
+    confirm_delete: string;
+    confirm: string;
+    cancel: string;
+    operate: string;
+    delete: string;
+    edit: string;
+    img_src_error: string;
+    upload: string;
+    upload_success: string;
+    upload_fail: string;
+    uploaded_address: string;
+    test_src: string;
+    schema_not_match: string;
+    item: string;
+    search: string;
+    reset: string;
+    expand: string;
+    fold: string;
+    submit: string;
+    save: string;
+    moveDown: string;
+    moveUp: string;
+};
+export default _default;

package/es/locales/zh_CN.js

@@ -0,0 +1,27 @@
+export default {
+  "copy_max_tip": "已达表单项数量上限，无法复制！",
+  "copy": "复制",
+  "add_item": "新增一条",
+  "confirm_delete": "确定删除?",
+  "confirm": "确定",
+  "cancel": "取消",
+  "operate": "操作",
+  "delete": "删除",
+  "edit": "编辑",
+  "img_src_error": "图片地址错误",
+  "upload": "上传",
+  "upload_success": "上传成功",
+  "upload_fail": "上传失败",
+  "uploaded_address": "已上传地址",
+  "test_src": "测试链接",
+  "schema_not_match": "schema未匹配到展示组件：",
+  "item": "项目",
+  "search": "查询",
+  "reset": "重置",
+  "expand": "展开",
+  "fold": "收起",
+  "submit": "提交",
+  "save": "保存",
+  "moveDown": "下移",
+  "moveUp": "上移"
+};

package/es/models/bindValues.d.ts

@@ -0,0 +1,2 @@
+export declare const parseValuesToBind: (values: any, flatten: any) => any;
+export declare const parseBindToValues: (values: any, flatten: any) => any;