@fle-ui/plus-dynamic-form 1.1.0 → 1.1.3-diff.0

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.
package/LICENSE ADDED
@@ -0,0 +1 @@
1
+ MIT
package/es/index.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
2
  import type { ProFormProps } from '@ant-design/pro-components';
3
3
  interface DynamicFormRef {
4
- getFieldsValue: () => Promise<any>;
5
- setFiledsValue: (params: any) => Promise<void>;
6
- setFiledValue: (key: string, value: any) => Promise<void>;
4
+ submit: () => Promise<any>;
5
+ setData: (params: any) => Promise<void>;
7
6
  }
8
7
  interface DynamicFormProps extends ProFormProps {
9
8
  style: React.CSSProperties;
10
9
  request: () => Promise<Record<string, any>>;
10
+ initSetData: () => Promise<Record<string, any>>;
11
+ disabled: false;
11
12
  }
12
13
  declare const searchFormTypeToDynamicFormType: any;
13
14
  declare const searchFormTypeToDynamicFormTypeRender: any;
package/es/index.js CHANGED
@@ -9,8 +9,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
9
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
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
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
12
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
13
  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."); }
16
14
  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,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
18
  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; }
21
19
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
22
20
  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); }
23
- import React, { useEffect, useRef, useState, useImperativeHandle } from 'react';
21
+ import React, { useEffect, useState, useImperativeHandle } from 'react';
24
22
  import { ProForm, ProFormText, ProFormSelect, ProFormDatePicker, ProFormDateTimePicker } from '@ant-design/pro-components';
25
23
  import dayjs from 'dayjs';
26
24
  import _ from 'lodash';
@@ -60,7 +58,8 @@ var searchFormTypeToDynamicFormTypeSearch = {
60
58
  };
61
59
  function PlusDynamicForm(props, ref) {
62
60
  var propsRequest = props.request,
63
- propsContainStyles = props.style;
61
+ propsContainStyles = props.style,
62
+ initSetData = props.initSetData;
64
63
  var _Form$useForm = _Form.useForm(),
65
64
  _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
66
65
  form = _Form$useForm2[0]; // 表单实例
@@ -68,14 +67,13 @@ function PlusDynamicForm(props, ref) {
68
67
  _useState2 = _slicedToArray(_useState, 2),
69
68
  formData = _useState2[0],
70
69
  setFormData = _useState2[1]; // 表单数据
71
- var actionRef = useRef();
72
70
  var containStyles = {
73
71
  fontSize: '20px',
74
72
  fontWeight: 'bold',
75
73
  marginBottom: '16px'
76
74
  };
77
75
  useImperativeHandle(ref, function () {
78
- return _objectSpread(_objectSpread({}, actionRef.current), {}, {
76
+ return {
79
77
  submit: function () {
80
78
  var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
81
79
  var res, key, _key;
@@ -113,26 +111,67 @@ function PlusDynamicForm(props, ref) {
113
111
  return _submit.apply(this, arguments);
114
112
  }
115
113
  return submit;
114
+ }(),
115
+ setData: function () {
116
+ var _setData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
117
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
118
+ while (1) switch (_context2.prev = _context2.next) {
119
+ case 0:
120
+ form.setFieldsValue(data);
121
+ case 1:
122
+ case "end":
123
+ return _context2.stop();
124
+ }
125
+ }, _callee2);
126
+ }));
127
+ function setData(_x) {
128
+ return _setData.apply(this, arguments);
129
+ }
130
+ return setData;
131
+ }(),
132
+ initData: function () {
133
+ var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
134
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
135
+ while (1) switch (_context3.prev = _context3.next) {
136
+ case 0:
137
+ case "end":
138
+ return _context3.stop();
139
+ }
140
+ }, _callee3);
141
+ }));
142
+ function initData() {
143
+ return _initData.apply(this, arguments);
144
+ }
145
+ return initData;
116
146
  }()
117
- });
147
+ };
118
148
  });
119
149
  var init = /*#__PURE__*/function () {
120
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
121
- var res;
122
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
123
- while (1) switch (_context2.prev = _context2.next) {
150
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
151
+ var res, initData;
152
+ return _regeneratorRuntime().wrap(function _callee4$(_context4) {
153
+ while (1) switch (_context4.prev = _context4.next) {
124
154
  case 0:
125
- _context2.next = 2;
155
+ _context4.next = 2;
126
156
  return propsRequest();
127
157
  case 2:
128
- res = _context2.sent;
158
+ res = _context4.sent;
129
159
  // 返回的值塞入表单
130
160
  setFormData(res);
131
- case 4:
161
+ if (!initSetData) {
162
+ _context4.next = 9;
163
+ break;
164
+ }
165
+ _context4.next = 7;
166
+ return initSetData();
167
+ case 7:
168
+ initData = _context4.sent;
169
+ form.setFieldsValue(initData);
170
+ case 9:
132
171
  case "end":
133
- return _context2.stop();
172
+ return _context4.stop();
134
173
  }
135
- }, _callee2);
174
+ }, _callee4);
136
175
  }));
137
176
  return function init() {
138
177
  return _ref3.apply(this, arguments);
@@ -141,9 +180,7 @@ function PlusDynamicForm(props, ref) {
141
180
  useEffect(function () {
142
181
  init();
143
182
  }, []);
144
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
145
- style: propsContainStyles || containStyles
146
- }, "\u5907\u7528\u5B57\u6BB5"), (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/React.createElement(ProForm, _extends({
183
+ return /*#__PURE__*/React.createElement(React.Fragment, null, (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/React.createElement(ProForm, _extends({
147
184
  submitter: false,
148
185
  layout: "horizontal",
149
186
  grid: true,
@@ -152,10 +189,6 @@ function PlusDynamicForm(props, ref) {
152
189
  },
153
190
  labelCol: {
154
191
  flex: '110px'
155
- },
156
- colProps: {
157
- xl: 8,
158
- md: 12
159
192
  }
160
193
  }, props, {
161
194
  form: form
@@ -184,7 +217,8 @@ function PlusDynamicForm(props, ref) {
184
217
  label: item.title,
185
218
  placeholder: "\u8BF7\u586B\u5165".concat(item.title),
186
219
  fieldProps: {
187
- maxLength: item.fieldLength
220
+ maxLength: item.fieldLength,
221
+ showCount: true
188
222
  },
189
223
  rules: [{
190
224
  required: item.required,
@@ -345,16 +379,16 @@ var CreateDynamicFormList = function CreateDynamicFormList(extList) {
345
379
  return DyanmiceFormList;
346
380
  };
347
381
  var HocFormHooks = /*#__PURE__*/function () {
348
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(WrapperComponent, settingsRequst) {
382
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(WrapperComponent, settingsRequst) {
349
383
  var newWrapperComponent, settings;
350
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
351
- while (1) switch (_context3.prev = _context3.next) {
384
+ return _regeneratorRuntime().wrap(function _callee5$(_context5) {
385
+ while (1) switch (_context5.prev = _context5.next) {
352
386
  case 0:
353
387
  newWrapperComponent = _.cloneDeep(WrapperComponent);
354
- _context3.next = 3;
388
+ _context5.next = 3;
355
389
  return settingsRequst();
356
390
  case 3:
357
- settings = _context3.sent;
391
+ settings = _context5.sent;
358
392
  settings.length > 0 && newWrapperComponent.props.children[1].props.children.map(function (item) {
359
393
  if (item.props.children.props.rules) {
360
394
  // 如果包含rule属性进行重写
@@ -376,14 +410,14 @@ var HocFormHooks = /*#__PURE__*/function () {
376
410
  }
377
411
  return item;
378
412
  });
379
- return _context3.abrupt("return", newWrapperComponent);
413
+ return _context5.abrupt("return", newWrapperComponent);
380
414
  case 6:
381
415
  case "end":
382
- return _context3.stop();
416
+ return _context5.stop();
383
417
  }
384
- }, _callee3);
418
+ }, _callee5);
385
419
  }));
386
- return function HocFormHooks(_x, _x2) {
420
+ return function HocFormHooks(_x2, _x3) {
387
421
  return _ref4.apply(this, arguments);
388
422
  };
389
423
  }();
package/lib/index.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
2
  import type { ProFormProps } from '@ant-design/pro-components';
3
3
  interface DynamicFormRef {
4
- getFieldsValue: () => Promise<any>;
5
- setFiledsValue: (params: any) => Promise<void>;
6
- setFiledValue: (key: string, value: any) => Promise<void>;
4
+ submit: () => Promise<any>;
5
+ setData: (params: any) => Promise<void>;
7
6
  }
8
7
  interface DynamicFormProps extends ProFormProps {
9
8
  style: React.CSSProperties;
10
9
  request: () => Promise<Record<string, any>>;
10
+ initSetData: () => Promise<Record<string, any>>;
11
+ disabled: false;
11
12
  }
12
13
  declare const searchFormTypeToDynamicFormType: any;
13
14
  declare const searchFormTypeToDynamicFormTypeRender: any;
package/lib/index.js CHANGED
@@ -21,8 +21,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
21
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
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
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
24
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
25
  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."); }
28
26
  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); }
@@ -68,7 +66,8 @@ var searchFormTypeToDynamicFormTypeSearch = exports.searchFormTypeToDynamicFormT
68
66
  };
69
67
  function PlusDynamicForm(props, ref) {
70
68
  var propsRequest = props.request,
71
- propsContainStyles = props.style;
69
+ propsContainStyles = props.style,
70
+ initSetData = props.initSetData;
72
71
  var _Form$useForm = _antd.Form.useForm(),
73
72
  _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
74
73
  form = _Form$useForm2[0]; // 表单实例
@@ -76,14 +75,13 @@ function PlusDynamicForm(props, ref) {
76
75
  _useState2 = _slicedToArray(_useState, 2),
77
76
  formData = _useState2[0],
78
77
  setFormData = _useState2[1]; // 表单数据
79
- var actionRef = (0, _react.useRef)();
80
78
  var containStyles = {
81
79
  fontSize: '20px',
82
80
  fontWeight: 'bold',
83
81
  marginBottom: '16px'
84
82
  };
85
83
  (0, _react.useImperativeHandle)(ref, function () {
86
- return _objectSpread(_objectSpread({}, actionRef.current), {}, {
84
+ return {
87
85
  submit: function () {
88
86
  var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
89
87
  var res, key, _key;
@@ -121,26 +119,67 @@ function PlusDynamicForm(props, ref) {
121
119
  return _submit.apply(this, arguments);
122
120
  }
123
121
  return submit;
122
+ }(),
123
+ setData: function () {
124
+ var _setData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
125
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
126
+ while (1) switch (_context2.prev = _context2.next) {
127
+ case 0:
128
+ form.setFieldsValue(data);
129
+ case 1:
130
+ case "end":
131
+ return _context2.stop();
132
+ }
133
+ }, _callee2);
134
+ }));
135
+ function setData(_x) {
136
+ return _setData.apply(this, arguments);
137
+ }
138
+ return setData;
139
+ }(),
140
+ initData: function () {
141
+ var _initData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
142
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
143
+ while (1) switch (_context3.prev = _context3.next) {
144
+ case 0:
145
+ case "end":
146
+ return _context3.stop();
147
+ }
148
+ }, _callee3);
149
+ }));
150
+ function initData() {
151
+ return _initData.apply(this, arguments);
152
+ }
153
+ return initData;
124
154
  }()
125
- });
155
+ };
126
156
  });
127
157
  var init = /*#__PURE__*/function () {
128
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
129
- var res;
130
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
131
- while (1) switch (_context2.prev = _context2.next) {
158
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
159
+ var res, initData;
160
+ return _regeneratorRuntime().wrap(function _callee4$(_context4) {
161
+ while (1) switch (_context4.prev = _context4.next) {
132
162
  case 0:
133
- _context2.next = 2;
163
+ _context4.next = 2;
134
164
  return propsRequest();
135
165
  case 2:
136
- res = _context2.sent;
166
+ res = _context4.sent;
137
167
  // 返回的值塞入表单
138
168
  setFormData(res);
139
- case 4:
169
+ if (!initSetData) {
170
+ _context4.next = 9;
171
+ break;
172
+ }
173
+ _context4.next = 7;
174
+ return initSetData();
175
+ case 7:
176
+ initData = _context4.sent;
177
+ form.setFieldsValue(initData);
178
+ case 9:
140
179
  case "end":
141
- return _context2.stop();
180
+ return _context4.stop();
142
181
  }
143
- }, _callee2);
182
+ }, _callee4);
144
183
  }));
145
184
  return function init() {
146
185
  return _ref3.apply(this, arguments);
@@ -149,9 +188,7 @@ function PlusDynamicForm(props, ref) {
149
188
  (0, _react.useEffect)(function () {
150
189
  init();
151
190
  }, []);
152
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
153
- style: propsContainStyles || containStyles
154
- }, "\u5907\u7528\u5B57\u6BB5"), (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_proComponents.ProForm, _extends({
191
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (formData === null || formData === void 0 ? void 0 : formData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_proComponents.ProForm, _extends({
155
192
  submitter: false,
156
193
  layout: "horizontal",
157
194
  grid: true,
@@ -160,10 +197,6 @@ function PlusDynamicForm(props, ref) {
160
197
  },
161
198
  labelCol: {
162
199
  flex: '110px'
163
- },
164
- colProps: {
165
- xl: 8,
166
- md: 12
167
200
  }
168
201
  }, props, {
169
202
  form: form
@@ -192,7 +225,8 @@ function PlusDynamicForm(props, ref) {
192
225
  label: item.title,
193
226
  placeholder: "\u8BF7\u586B\u5165".concat(item.title),
194
227
  fieldProps: {
195
- maxLength: item.fieldLength
228
+ maxLength: item.fieldLength,
229
+ showCount: true
196
230
  },
197
231
  rules: [{
198
232
  required: item.required,
@@ -353,16 +387,16 @@ var CreateDynamicFormList = exports.CreateDynamicFormList = function CreateDynam
353
387
  return DyanmiceFormList;
354
388
  };
355
389
  var HocFormHooks = exports.HocFormHooks = /*#__PURE__*/function () {
356
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(WrapperComponent, settingsRequst) {
390
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(WrapperComponent, settingsRequst) {
357
391
  var newWrapperComponent, settings;
358
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
359
- while (1) switch (_context3.prev = _context3.next) {
392
+ return _regeneratorRuntime().wrap(function _callee5$(_context5) {
393
+ while (1) switch (_context5.prev = _context5.next) {
360
394
  case 0:
361
395
  newWrapperComponent = _lodash.default.cloneDeep(WrapperComponent);
362
- _context3.next = 3;
396
+ _context5.next = 3;
363
397
  return settingsRequst();
364
398
  case 3:
365
- settings = _context3.sent;
399
+ settings = _context5.sent;
366
400
  settings.length > 0 && newWrapperComponent.props.children[1].props.children.map(function (item) {
367
401
  if (item.props.children.props.rules) {
368
402
  // 如果包含rule属性进行重写
@@ -384,14 +418,14 @@ var HocFormHooks = exports.HocFormHooks = /*#__PURE__*/function () {
384
418
  }
385
419
  return item;
386
420
  });
387
- return _context3.abrupt("return", newWrapperComponent);
421
+ return _context5.abrupt("return", newWrapperComponent);
388
422
  case 6:
389
423
  case "end":
390
- return _context3.stop();
424
+ return _context5.stop();
391
425
  }
392
- }, _callee3);
426
+ }, _callee5);
393
427
  }));
394
- return function HocFormHooks(_x, _x2) {
428
+ return function HocFormHooks(_x2, _x3) {
395
429
  return _ref4.apply(this, arguments);
396
430
  };
397
431
  }();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fle-ui/plus-dynamic-form",
3
- "version": "1.1.0",
3
+ "version": "1.1.3-diff.0",
4
4
  "description": "@fle-ui/plus-dynamic-form",
5
5
  "author": "liqing19931031 <liqing@qq.com>",
6
6
  "homepage": "",
@@ -27,7 +27,7 @@
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "c22c12e17f40a31c4c59324b19657c5afc418e79",
30
+ "gitHead": "a1a8eca220b64c619ced27d1c5678175276228cb",
31
31
  "dependencies": {
32
32
  "lodash": "^4.17.21"
33
33
  }