@fle-ui/plus-dynamic-form 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/es/index.d.ts +16 -0
  2. package/es/index.js +357 -0
  3. package/lib/index.d.ts +16 -0
  4. package/lib/index.js +364 -0
  5. package/package.json +5 -2
  6. package/LICENSE +0 -1
package/es/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import type { ProFormProps } from '@ant-design/pro-components';
3
+ interface DynamicFormRef {
4
+ getFieldsValue: () => Promise<any>;
5
+ setFiledsValue: (params: any) => Promise<void>;
6
+ setFiledValue: (key: string, value: any) => Promise<void>;
7
+ }
8
+ interface DynamicFormProps extends ProFormProps {
9
+ style: React.CSSProperties;
10
+ request: () => Promise<Record<string, any>>;
11
+ }
12
+ declare const CreateDynamicFormList: (extList: any) => React.ReactNode[];
13
+ declare const HocFormHooks: (WrapperComponent: any, settingsRequst: any) => Promise<any>;
14
+ declare const _default: React.ForwardRefExoticComponent<DynamicFormProps & React.RefAttributes<DynamicFormRef>>;
15
+ export default _default;
16
+ export { CreateDynamicFormList, HocFormHooks };
package/es/index.js ADDED
@@ -0,0 +1,357 @@
1
+ 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); }
2
+ import "antd/es/form/style";
3
+ import _Form from "antd/es/form";
4
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
+ 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."); }
6
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
7
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
8
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
9
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
10
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
11
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
12
+ 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; }
13
+ 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; }
14
+ 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; }
15
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
16
+ 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); }
17
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
+ 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."); }
19
+ 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); }
20
+ 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; }
21
+ 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; } }
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
+ import React, { useEffect, useRef, useState, useImperativeHandle } from 'react';
24
+ import { ProForm, ProFormText, ProFormSelect, ProFormDatePicker, ProFormDateTimePicker } from '@ant-design/pro-components';
25
+ import dayjs from 'dayjs';
26
+ import _ from 'lodash';
27
+ function PlusDynamicForm(props, ref) {
28
+ var propsRequest = props.request,
29
+ propsContainStyles = props.style;
30
+ var _Form$useForm = _Form.useForm(),
31
+ _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
32
+ form = _Form$useForm2[0]; // 表单实例
33
+ var _useState = useState([]),
34
+ _useState2 = _slicedToArray(_useState, 2),
35
+ formData = _useState2[0],
36
+ setFormData = _useState2[1]; // 表单数据
37
+ var actionRef = useRef();
38
+ var containStyles = {
39
+ fontSize: '20px',
40
+ fontWeight: 'bold',
41
+ marginBottom: '16px'
42
+ };
43
+ useImperativeHandle(ref, function () {
44
+ return _objectSpread(_objectSpread({}, actionRef.current), {}, {
45
+ submit: function () {
46
+ var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
47
+ var res, key, _key;
48
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
49
+ while (1) switch (_context.prev = _context.next) {
50
+ case 0:
51
+ _context.next = 2;
52
+ return form.validateFields();
53
+ case 2:
54
+ _context.next = 4;
55
+ return form.getFieldsValue();
56
+ case 4:
57
+ res = _context.sent;
58
+ // 获取表单数据
59
+ for (key in res) {
60
+ if (res[key] instanceof dayjs) {
61
+ // 时间类型需要做特殊格式处理
62
+ res[key] = res[key].format('YYYY-MM-DD HH:mm:ss');
63
+ }
64
+ }
65
+ // 补全 undefined
66
+ for (_key in res) {
67
+ if (res[_key] === undefined) {
68
+ res[_key] = '';
69
+ }
70
+ }
71
+ return _context.abrupt("return", res);
72
+ case 8:
73
+ case "end":
74
+ return _context.stop();
75
+ }
76
+ }, _callee);
77
+ }));
78
+ function submit() {
79
+ return _submit.apply(this, arguments);
80
+ }
81
+ return submit;
82
+ }()
83
+ });
84
+ });
85
+ var init = /*#__PURE__*/function () {
86
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
87
+ var res;
88
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
89
+ while (1) switch (_context2.prev = _context2.next) {
90
+ case 0:
91
+ _context2.next = 2;
92
+ return propsRequest();
93
+ case 2:
94
+ res = _context2.sent;
95
+ // 返回的值塞入表单
96
+ setFormData(res);
97
+ case 4:
98
+ case "end":
99
+ return _context2.stop();
100
+ }
101
+ }, _callee2);
102
+ }));
103
+ return function init() {
104
+ return _ref.apply(this, arguments);
105
+ };
106
+ }();
107
+ useEffect(function () {
108
+ init();
109
+ }, []);
110
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
111
+ style: propsContainStyles || containStyles
112
+ }, "\u5907\u7528\u5B57\u6BB5"), (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/React.createElement(ProForm, _extends({
113
+ submitter: false,
114
+ layout: "horizontal",
115
+ grid: true,
116
+ rowProps: {
117
+ gutter: [16, 16]
118
+ },
119
+ labelCol: {
120
+ flex: '110px'
121
+ },
122
+ colProps: {
123
+ xl: 8,
124
+ md: 12
125
+ }
126
+ }, props, {
127
+ form: form
128
+ }), // 遍历系统字段
129
+ formData === null || formData === void 0 ? void 0 : formData.map(function (item) {
130
+ switch (item.fieldType) {
131
+ case 'input':
132
+ return /*#__PURE__*/React.createElement(ProFormText, {
133
+ key: item.field,
134
+ name: item.field,
135
+ label: item.title,
136
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
137
+ fieldProps: {
138
+ maxLength: item.fieldLength,
139
+ showCount: true
140
+ },
141
+ rules: [{
142
+ required: item.required,
143
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
144
+ }]
145
+ });
146
+ case 'number':
147
+ return /*#__PURE__*/React.createElement(ProFormText, {
148
+ name: item.field,
149
+ key: item.field,
150
+ label: item.title,
151
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
152
+ fieldProps: {
153
+ maxLength: item.fieldLength
154
+ },
155
+ rules: [{
156
+ required: item.required,
157
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
158
+ }, {
159
+ pattern: /^-?\d+(\.\d+)?$/,
160
+ message: '请输入数值!'
161
+ }]
162
+ });
163
+ case 'select':
164
+ return /*#__PURE__*/React.createElement(ProFormSelect, {
165
+ options: item.selectOptions,
166
+ name: item.field,
167
+ key: item.field,
168
+ label: item.title,
169
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
170
+ rules: [{
171
+ required: item.required,
172
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
173
+ }]
174
+ });
175
+ case 'multiSelect':
176
+ return /*#__PURE__*/React.createElement(ProFormSelect, {
177
+ options: item.selectOptions,
178
+ mode: "multiple",
179
+ name: item.field,
180
+ key: item.field,
181
+ label: item.title,
182
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
183
+ rules: [{
184
+ required: item.required,
185
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
186
+ }]
187
+ });
188
+ case 'date':
189
+ return item.dateType === 'YYYY-MM-DD' ? /*#__PURE__*/React.createElement(ProFormDatePicker, {
190
+ name: item.field,
191
+ label: item.title,
192
+ fieldProps: {
193
+ format: item.dateType
194
+ },
195
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
196
+ rules: [{
197
+ required: item.required,
198
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
199
+ }]
200
+ }) : /*#__PURE__*/React.createElement(ProFormDateTimePicker, {
201
+ name: item.field,
202
+ label: item.title,
203
+ fieldProps: {
204
+ format: item.dateType
205
+ },
206
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
207
+ rules: [{
208
+ required: item.required,
209
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
210
+ }]
211
+ });
212
+ default:
213
+ return null;
214
+ }
215
+ })) : null);
216
+ }
217
+ var CreateDynamicFormList = function CreateDynamicFormList(extList) {
218
+ var DyanmiceFormList = [];
219
+ extList.forEach(function (item) {
220
+ switch (item.fieldType) {
221
+ case 'input':
222
+ DyanmiceFormList.push( /*#__PURE__*/React.createElement(ProFormText, {
223
+ key: item.field,
224
+ name: item.field,
225
+ label: item.title,
226
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
227
+ fieldProps: {
228
+ maxLength: item.fieldLength,
229
+ showCount: true
230
+ },
231
+ rules: [{
232
+ required: item.required,
233
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
234
+ }]
235
+ }));
236
+ return;
237
+ case 'number':
238
+ DyanmiceFormList.push( /*#__PURE__*/React.createElement(ProFormText, {
239
+ name: item.field,
240
+ key: item.field,
241
+ label: item.title,
242
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
243
+ fieldProps: {
244
+ maxLength: item.fieldLength
245
+ },
246
+ rules: [{
247
+ required: item.required,
248
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
249
+ }, {
250
+ pattern: /^-?\d+(\.\d+)?$/,
251
+ message: '请输入数值!'
252
+ }]
253
+ }));
254
+ return;
255
+ case 'select':
256
+ DyanmiceFormList.push( /*#__PURE__*/React.createElement(ProFormSelect, {
257
+ options: item.selectOptions,
258
+ name: item.field,
259
+ key: item.field,
260
+ label: item.title,
261
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
262
+ rules: [{
263
+ required: item.required,
264
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
265
+ }]
266
+ }));
267
+ return;
268
+ case 'multiSelect':
269
+ DyanmiceFormList.push( /*#__PURE__*/React.createElement(ProFormSelect, {
270
+ options: item.selectOptions,
271
+ mode: "multiple",
272
+ name: item.field,
273
+ key: item.field,
274
+ label: item.title,
275
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
276
+ rules: [{
277
+ required: item.required,
278
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
279
+ }]
280
+ }));
281
+ return;
282
+ case 'date':
283
+ DyanmiceFormList.push(item.dateType === 'YYYY-MM-DD' ? /*#__PURE__*/React.createElement(ProFormDatePicker, {
284
+ name: item.field,
285
+ label: item.title,
286
+ fieldProps: {
287
+ format: item.dateType
288
+ },
289
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
290
+ rules: [{
291
+ required: item.required,
292
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
293
+ }]
294
+ }) : /*#__PURE__*/React.createElement(ProFormDateTimePicker, {
295
+ name: item.field,
296
+ label: item.title,
297
+ fieldProps: {
298
+ format: item.dateType
299
+ },
300
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
301
+ rules: [{
302
+ required: item.required,
303
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
304
+ }]
305
+ }));
306
+ return;
307
+ default:
308
+ return null;
309
+ }
310
+ });
311
+ return DyanmiceFormList;
312
+ };
313
+ var HocFormHooks = /*#__PURE__*/function () {
314
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(WrapperComponent, settingsRequst) {
315
+ var newWrapperComponent, settings;
316
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
317
+ while (1) switch (_context3.prev = _context3.next) {
318
+ case 0:
319
+ newWrapperComponent = _.cloneDeep(WrapperComponent);
320
+ _context3.next = 3;
321
+ return settingsRequst();
322
+ case 3:
323
+ settings = _context3.sent;
324
+ settings.length > 0 && newWrapperComponent.props.children[1].props.children.map(function (item) {
325
+ if (item.props.children.props.rules) {
326
+ // 如果包含rule属性进行重写
327
+ item.props.children.props.rules = [{
328
+ message: "".concat(item.props.children.props.label, "\u662F\u5FC5\u586B\u9879!"),
329
+ required: settings.filter(function (setItem) {
330
+ return setItem.field === item.props.children.props.name;
331
+ })[0].required
332
+ }].concat(_toConsumableArray(item.props.children.props.rules.filter(function (rulesItem) {
333
+ return rulesItem.required === undefined;
334
+ })));
335
+ } else {
336
+ item.props.children.props.rules = [{
337
+ message: "".concat(item.props.children.props.label, "\u662F\u5FC5\u586B\u9879!"),
338
+ required: settings.filter(function (setItem) {
339
+ return setItem.field === item.props.children.props.name;
340
+ })[0].required
341
+ }];
342
+ }
343
+ return item;
344
+ });
345
+ return _context3.abrupt("return", newWrapperComponent);
346
+ case 6:
347
+ case "end":
348
+ return _context3.stop();
349
+ }
350
+ }, _callee3);
351
+ }));
352
+ return function HocFormHooks(_x, _x2) {
353
+ return _ref2.apply(this, arguments);
354
+ };
355
+ }();
356
+ export default /*#__PURE__*/React.forwardRef(PlusDynamicForm);
357
+ export { CreateDynamicFormList, HocFormHooks };
package/lib/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import type { ProFormProps } from '@ant-design/pro-components';
3
+ interface DynamicFormRef {
4
+ getFieldsValue: () => Promise<any>;
5
+ setFiledsValue: (params: any) => Promise<void>;
6
+ setFiledValue: (key: string, value: any) => Promise<void>;
7
+ }
8
+ interface DynamicFormProps extends ProFormProps {
9
+ style: React.CSSProperties;
10
+ request: () => Promise<Record<string, any>>;
11
+ }
12
+ declare const CreateDynamicFormList: (extList: any) => React.ReactNode[];
13
+ declare const HocFormHooks: (WrapperComponent: any, settingsRequst: any) => Promise<any>;
14
+ declare const _default: React.ForwardRefExoticComponent<DynamicFormProps & React.RefAttributes<DynamicFormRef>>;
15
+ export default _default;
16
+ export { CreateDynamicFormList, HocFormHooks };
package/lib/index.js ADDED
@@ -0,0 +1,364 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.HocFormHooks = exports.CreateDynamicFormList = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _antd = require("antd");
10
+ var _proComponents = require("@ant-design/pro-components");
11
+ var _dayjs = _interopRequireDefault(require("dayjs"));
12
+ var _lodash = _interopRequireDefault(require("lodash"));
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
17
+ 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."); }
18
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
19
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
20
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
22
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
23
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
24
+ 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; }
25
+ 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; }
26
+ 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; }
27
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
28
+ 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); }
29
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
30
+ 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."); }
31
+ 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); }
32
+ 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; }
33
+ 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; } }
34
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
35
+ function PlusDynamicForm(props, ref) {
36
+ var propsRequest = props.request,
37
+ propsContainStyles = props.style;
38
+ var _Form$useForm = _antd.Form.useForm(),
39
+ _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
40
+ form = _Form$useForm2[0]; // 表单实例
41
+ var _useState = (0, _react.useState)([]),
42
+ _useState2 = _slicedToArray(_useState, 2),
43
+ formData = _useState2[0],
44
+ setFormData = _useState2[1]; // 表单数据
45
+ var actionRef = (0, _react.useRef)();
46
+ var containStyles = {
47
+ fontSize: '20px',
48
+ fontWeight: 'bold',
49
+ marginBottom: '16px'
50
+ };
51
+ (0, _react.useImperativeHandle)(ref, function () {
52
+ return _objectSpread(_objectSpread({}, actionRef.current), {}, {
53
+ submit: function () {
54
+ var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
55
+ var res, key, _key;
56
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
57
+ while (1) switch (_context.prev = _context.next) {
58
+ case 0:
59
+ _context.next = 2;
60
+ return form.validateFields();
61
+ case 2:
62
+ _context.next = 4;
63
+ return form.getFieldsValue();
64
+ case 4:
65
+ res = _context.sent;
66
+ // 获取表单数据
67
+ for (key in res) {
68
+ if (res[key] instanceof _dayjs.default) {
69
+ // 时间类型需要做特殊格式处理
70
+ res[key] = res[key].format('YYYY-MM-DD HH:mm:ss');
71
+ }
72
+ }
73
+ // 补全 undefined
74
+ for (_key in res) {
75
+ if (res[_key] === undefined) {
76
+ res[_key] = '';
77
+ }
78
+ }
79
+ return _context.abrupt("return", res);
80
+ case 8:
81
+ case "end":
82
+ return _context.stop();
83
+ }
84
+ }, _callee);
85
+ }));
86
+ function submit() {
87
+ return _submit.apply(this, arguments);
88
+ }
89
+ return submit;
90
+ }()
91
+ });
92
+ });
93
+ var init = /*#__PURE__*/function () {
94
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
95
+ var res;
96
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
97
+ while (1) switch (_context2.prev = _context2.next) {
98
+ case 0:
99
+ _context2.next = 2;
100
+ return propsRequest();
101
+ case 2:
102
+ res = _context2.sent;
103
+ // 返回的值塞入表单
104
+ setFormData(res);
105
+ case 4:
106
+ case "end":
107
+ return _context2.stop();
108
+ }
109
+ }, _callee2);
110
+ }));
111
+ return function init() {
112
+ return _ref.apply(this, arguments);
113
+ };
114
+ }();
115
+ (0, _react.useEffect)(function () {
116
+ init();
117
+ }, []);
118
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
119
+ style: propsContainStyles || containStyles
120
+ }, "\u5907\u7528\u5B57\u6BB5"), (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_proComponents.ProForm, _extends({
121
+ submitter: false,
122
+ layout: "horizontal",
123
+ grid: true,
124
+ rowProps: {
125
+ gutter: [16, 16]
126
+ },
127
+ labelCol: {
128
+ flex: '110px'
129
+ },
130
+ colProps: {
131
+ xl: 8,
132
+ md: 12
133
+ }
134
+ }, props, {
135
+ form: form
136
+ }), // 遍历系统字段
137
+ formData === null || formData === void 0 ? void 0 : formData.map(function (item) {
138
+ switch (item.fieldType) {
139
+ case 'input':
140
+ return /*#__PURE__*/_react.default.createElement(_proComponents.ProFormText, {
141
+ key: item.field,
142
+ name: item.field,
143
+ label: item.title,
144
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
145
+ fieldProps: {
146
+ maxLength: item.fieldLength,
147
+ showCount: true
148
+ },
149
+ rules: [{
150
+ required: item.required,
151
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
152
+ }]
153
+ });
154
+ case 'number':
155
+ return /*#__PURE__*/_react.default.createElement(_proComponents.ProFormText, {
156
+ name: item.field,
157
+ key: item.field,
158
+ label: item.title,
159
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
160
+ fieldProps: {
161
+ maxLength: item.fieldLength
162
+ },
163
+ rules: [{
164
+ required: item.required,
165
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
166
+ }, {
167
+ pattern: /^-?\d+(\.\d+)?$/,
168
+ message: '请输入数值!'
169
+ }]
170
+ });
171
+ case 'select':
172
+ return /*#__PURE__*/_react.default.createElement(_proComponents.ProFormSelect, {
173
+ options: item.selectOptions,
174
+ name: item.field,
175
+ key: item.field,
176
+ label: item.title,
177
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
178
+ rules: [{
179
+ required: item.required,
180
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
181
+ }]
182
+ });
183
+ case 'multiSelect':
184
+ return /*#__PURE__*/_react.default.createElement(_proComponents.ProFormSelect, {
185
+ options: item.selectOptions,
186
+ mode: "multiple",
187
+ name: item.field,
188
+ key: item.field,
189
+ label: item.title,
190
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
191
+ rules: [{
192
+ required: item.required,
193
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
194
+ }]
195
+ });
196
+ case 'date':
197
+ return item.dateType === 'YYYY-MM-DD' ? /*#__PURE__*/_react.default.createElement(_proComponents.ProFormDatePicker, {
198
+ name: item.field,
199
+ label: item.title,
200
+ fieldProps: {
201
+ format: item.dateType
202
+ },
203
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
204
+ rules: [{
205
+ required: item.required,
206
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
207
+ }]
208
+ }) : /*#__PURE__*/_react.default.createElement(_proComponents.ProFormDateTimePicker, {
209
+ name: item.field,
210
+ label: item.title,
211
+ fieldProps: {
212
+ format: item.dateType
213
+ },
214
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
215
+ rules: [{
216
+ required: item.required,
217
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
218
+ }]
219
+ });
220
+ default:
221
+ return null;
222
+ }
223
+ })) : null);
224
+ }
225
+ var CreateDynamicFormList = exports.CreateDynamicFormList = function CreateDynamicFormList(extList) {
226
+ var DyanmiceFormList = [];
227
+ extList.forEach(function (item) {
228
+ switch (item.fieldType) {
229
+ case 'input':
230
+ DyanmiceFormList.push( /*#__PURE__*/_react.default.createElement(_proComponents.ProFormText, {
231
+ key: item.field,
232
+ name: item.field,
233
+ label: item.title,
234
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
235
+ fieldProps: {
236
+ maxLength: item.fieldLength,
237
+ showCount: true
238
+ },
239
+ rules: [{
240
+ required: item.required,
241
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
242
+ }]
243
+ }));
244
+ return;
245
+ case 'number':
246
+ DyanmiceFormList.push( /*#__PURE__*/_react.default.createElement(_proComponents.ProFormText, {
247
+ name: item.field,
248
+ key: item.field,
249
+ label: item.title,
250
+ placeholder: "\u8BF7\u586B\u5165".concat(item.title),
251
+ fieldProps: {
252
+ maxLength: item.fieldLength
253
+ },
254
+ rules: [{
255
+ required: item.required,
256
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
257
+ }, {
258
+ pattern: /^-?\d+(\.\d+)?$/,
259
+ message: '请输入数值!'
260
+ }]
261
+ }));
262
+ return;
263
+ case 'select':
264
+ DyanmiceFormList.push( /*#__PURE__*/_react.default.createElement(_proComponents.ProFormSelect, {
265
+ options: item.selectOptions,
266
+ name: item.field,
267
+ key: item.field,
268
+ label: item.title,
269
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
270
+ rules: [{
271
+ required: item.required,
272
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
273
+ }]
274
+ }));
275
+ return;
276
+ case 'multiSelect':
277
+ DyanmiceFormList.push( /*#__PURE__*/_react.default.createElement(_proComponents.ProFormSelect, {
278
+ options: item.selectOptions,
279
+ mode: "multiple",
280
+ name: item.field,
281
+ key: item.field,
282
+ label: item.title,
283
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
284
+ rules: [{
285
+ required: item.required,
286
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
287
+ }]
288
+ }));
289
+ return;
290
+ case 'date':
291
+ DyanmiceFormList.push(item.dateType === 'YYYY-MM-DD' ? /*#__PURE__*/_react.default.createElement(_proComponents.ProFormDatePicker, {
292
+ name: item.field,
293
+ label: item.title,
294
+ fieldProps: {
295
+ format: item.dateType
296
+ },
297
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
298
+ rules: [{
299
+ required: item.required,
300
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
301
+ }]
302
+ }) : /*#__PURE__*/_react.default.createElement(_proComponents.ProFormDateTimePicker, {
303
+ name: item.field,
304
+ label: item.title,
305
+ fieldProps: {
306
+ format: item.dateType
307
+ },
308
+ placeholder: "\u8BF7\u9009\u62E9".concat(item.title),
309
+ rules: [{
310
+ required: item.required,
311
+ message: "".concat(item.title, "\u662F\u5FC5\u586B\u9879!")
312
+ }]
313
+ }));
314
+ return;
315
+ default:
316
+ return null;
317
+ }
318
+ });
319
+ return DyanmiceFormList;
320
+ };
321
+ var HocFormHooks = exports.HocFormHooks = /*#__PURE__*/function () {
322
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(WrapperComponent, settingsRequst) {
323
+ var newWrapperComponent, settings;
324
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
325
+ while (1) switch (_context3.prev = _context3.next) {
326
+ case 0:
327
+ newWrapperComponent = _lodash.default.cloneDeep(WrapperComponent);
328
+ _context3.next = 3;
329
+ return settingsRequst();
330
+ case 3:
331
+ settings = _context3.sent;
332
+ settings.length > 0 && newWrapperComponent.props.children[1].props.children.map(function (item) {
333
+ if (item.props.children.props.rules) {
334
+ // 如果包含rule属性进行重写
335
+ item.props.children.props.rules = [{
336
+ message: "".concat(item.props.children.props.label, "\u662F\u5FC5\u586B\u9879!"),
337
+ required: settings.filter(function (setItem) {
338
+ return setItem.field === item.props.children.props.name;
339
+ })[0].required
340
+ }].concat(_toConsumableArray(item.props.children.props.rules.filter(function (rulesItem) {
341
+ return rulesItem.required === undefined;
342
+ })));
343
+ } else {
344
+ item.props.children.props.rules = [{
345
+ message: "".concat(item.props.children.props.label, "\u662F\u5FC5\u586B\u9879!"),
346
+ required: settings.filter(function (setItem) {
347
+ return setItem.field === item.props.children.props.name;
348
+ })[0].required
349
+ }];
350
+ }
351
+ return item;
352
+ });
353
+ return _context3.abrupt("return", newWrapperComponent);
354
+ case 6:
355
+ case "end":
356
+ return _context3.stop();
357
+ }
358
+ }, _callee3);
359
+ }));
360
+ return function HocFormHooks(_x, _x2) {
361
+ return _ref2.apply(this, arguments);
362
+ };
363
+ }();
364
+ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(PlusDynamicForm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fle-ui/plus-dynamic-form",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "description": "@fle-ui/plus-dynamic-form",
5
5
  "author": "liqing19931031 <liqing@qq.com>",
6
6
  "homepage": "",
@@ -27,5 +27,8 @@
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "37abc672563ff256b57c831082a80dd310e847c6"
30
+ "gitHead": "c22c12e17f40a31c4c59324b19657c5afc418e79",
31
+ "dependencies": {
32
+ "lodash": "^4.17.21"
33
+ }
31
34
  }
package/LICENSE DELETED
@@ -1 +0,0 @@
1
- MIT