1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | (function (global, factory) {
|
8 | typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('iview')) :
|
9 | typeof define === 'function' && define.amd ? define(['exports', 'vue', 'iview'], factory) :
|
10 | (global = global || self, factory(global.formCreate = {}, global.Vue, global.iview));
|
11 | }(this, (function (exports, Vue, iview) { 'use strict';
|
12 |
|
13 | Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
|
14 | iview = iview && iview.hasOwnProperty('default') ? iview['default'] : iview;
|
15 |
|
16 | function _typeof(obj) {
|
17 | if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
18 | _typeof = function (obj) {
|
19 | return typeof obj;
|
20 | };
|
21 | } else {
|
22 | _typeof = function (obj) {
|
23 | return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
24 | };
|
25 | }
|
26 |
|
27 | return _typeof(obj);
|
28 | }
|
29 |
|
30 | function _classCallCheck(instance, Constructor) {
|
31 | if (!(instance instanceof Constructor)) {
|
32 | throw new TypeError("Cannot call a class as a function");
|
33 | }
|
34 | }
|
35 |
|
36 | function _defineProperties(target, props) {
|
37 | for (var i = 0; i < props.length; i++) {
|
38 | var descriptor = props[i];
|
39 | descriptor.enumerable = descriptor.enumerable || false;
|
40 | descriptor.configurable = true;
|
41 | if ("value" in descriptor) descriptor.writable = true;
|
42 | Object.defineProperty(target, descriptor.key, descriptor);
|
43 | }
|
44 | }
|
45 |
|
46 | function _createClass(Constructor, protoProps, staticProps) {
|
47 | if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
48 | if (staticProps) _defineProperties(Constructor, staticProps);
|
49 | return Constructor;
|
50 | }
|
51 |
|
52 | function _defineProperty(obj, key, value) {
|
53 | if (key in obj) {
|
54 | Object.defineProperty(obj, key, {
|
55 | value: value,
|
56 | enumerable: true,
|
57 | configurable: true,
|
58 | writable: true
|
59 | });
|
60 | } else {
|
61 | obj[key] = value;
|
62 | }
|
63 |
|
64 | return obj;
|
65 | }
|
66 |
|
67 | function ownKeys(object, enumerableOnly) {
|
68 | var keys = Object.keys(object);
|
69 |
|
70 | if (Object.getOwnPropertySymbols) {
|
71 | var symbols = Object.getOwnPropertySymbols(object);
|
72 | if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
73 | return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
74 | });
|
75 | keys.push.apply(keys, symbols);
|
76 | }
|
77 |
|
78 | return keys;
|
79 | }
|
80 |
|
81 | function _objectSpread2(target) {
|
82 | for (var i = 1; i < arguments.length; i++) {
|
83 | var source = arguments[i] != null ? arguments[i] : {};
|
84 |
|
85 | if (i % 2) {
|
86 | ownKeys(source, true).forEach(function (key) {
|
87 | _defineProperty(target, key, source[key]);
|
88 | });
|
89 | } else if (Object.getOwnPropertyDescriptors) {
|
90 | Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
91 | } else {
|
92 | ownKeys(source).forEach(function (key) {
|
93 | Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
94 | });
|
95 | }
|
96 | }
|
97 |
|
98 | return target;
|
99 | }
|
100 |
|
101 | function _inherits(subClass, superClass) {
|
102 | if (typeof superClass !== "function" && superClass !== null) {
|
103 | throw new TypeError("Super expression must either be null or a function");
|
104 | }
|
105 |
|
106 | subClass.prototype = Object.create(superClass && superClass.prototype, {
|
107 | constructor: {
|
108 | value: subClass,
|
109 | writable: true,
|
110 | configurable: true
|
111 | }
|
112 | });
|
113 | if (superClass) _setPrototypeOf(subClass, superClass);
|
114 | }
|
115 |
|
116 | function _getPrototypeOf(o) {
|
117 | _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
118 | return o.__proto__ || Object.getPrototypeOf(o);
|
119 | };
|
120 | return _getPrototypeOf(o);
|
121 | }
|
122 |
|
123 | function _setPrototypeOf(o, p) {
|
124 | _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
125 | o.__proto__ = p;
|
126 | return o;
|
127 | };
|
128 |
|
129 | return _setPrototypeOf(o, p);
|
130 | }
|
131 |
|
132 | function _assertThisInitialized(self) {
|
133 | if (self === void 0) {
|
134 | throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
135 | }
|
136 |
|
137 | return self;
|
138 | }
|
139 |
|
140 | function _possibleConstructorReturn(self, call) {
|
141 | if (call && (typeof call === "object" || typeof call === "function")) {
|
142 | return call;
|
143 | }
|
144 |
|
145 | return _assertThisInitialized(self);
|
146 | }
|
147 |
|
148 | function _toConsumableArray(arr) {
|
149 | return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
|
150 | }
|
151 |
|
152 | function _arrayWithoutHoles(arr) {
|
153 | if (Array.isArray(arr)) {
|
154 | for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
|
155 |
|
156 | return arr2;
|
157 | }
|
158 | }
|
159 |
|
160 | function _iterableToArray(iter) {
|
161 | if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
|
162 | }
|
163 |
|
164 | function _nonIterableSpread() {
|
165 | throw new TypeError("Invalid attempt to spread non-iterable instance");
|
166 | }
|
167 |
|
168 | function _extends() {
|
169 | return _extends = Object.assign || function (a) {
|
170 | for (var b, c = 1; c < arguments.length; c++) {
|
171 | for (var d in b = arguments[c], b) {
|
172 | Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);
|
173 | }
|
174 | }
|
175 |
|
176 | return a;
|
177 | }, _extends.apply(this, arguments);
|
178 | }
|
179 |
|
180 | var normalMerge = ["attrs", "props", "domProps"],
|
181 | toArrayMerge = ["class", "style", "directives"],
|
182 | functionalMerge = ["on", "nativeOn"],
|
183 | mergeJsxProps = function mergeJsxProps(a) {
|
184 | return a.reduce(function (c, a) {
|
185 | for (var b in a) {
|
186 | if (!c[b]) c[b] = a[b];else if (-1 !== normalMerge.indexOf(b)) c[b] = _extends({}, c[b], a[b]);else if (-1 !== toArrayMerge.indexOf(b)) {
|
187 | var d = c[b] instanceof Array ? c[b] : [c[b]],
|
188 | e = a[b] instanceof Array ? a[b] : [a[b]];
|
189 | c[b] = d.concat(e);
|
190 | } else if (-1 !== functionalMerge.indexOf(b)) {
|
191 | for (var f in a[b]) {
|
192 | if (c[b][f]) {
|
193 | var g = c[b][f] instanceof Array ? c[b][f] : [c[b][f]],
|
194 | h = a[b][f] instanceof Array ? a[b][f] : [a[b][f]];
|
195 | c[b][f] = g.concat(h);
|
196 | } else c[b][f] = a[b][f];
|
197 | }
|
198 | } else if ("hook" == b) for (var i in a[b]) {
|
199 | c[b][i] = c[b][i] ? mergeFn(c[b][i], a[b][i]) : a[b][i];
|
200 | } else c[b] = a[b];
|
201 | }
|
202 |
|
203 | return c;
|
204 | }, {});
|
205 | },
|
206 | mergeFn = function mergeFn(a, b) {
|
207 | return function () {
|
208 | a && a.apply(this, arguments), b && b.apply(this, arguments);
|
209 | };
|
210 | };
|
211 |
|
212 | var helper = mergeJsxProps;
|
213 |
|
214 | function $set(target, field, value) {
|
215 | Vue.set(target, field, value);
|
216 | }
|
217 | function $del(target, field) {
|
218 | Vue.delete(target, field);
|
219 | }
|
220 | function isValidChildren(children) {
|
221 | return Array.isArray(children) && children.length > 0;
|
222 | }
|
223 | var _toString = Object.prototype.toString;
|
224 | function isUndef(v) {
|
225 | return v === undefined || v === null;
|
226 | }
|
227 | function toString$1(val) {
|
228 | return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
|
229 | }
|
230 | function extend(to, _from) {
|
231 | for (var key in _from) {
|
232 | $set(to, key, _from[key]);
|
233 | }
|
234 |
|
235 | return to;
|
236 | }
|
237 | function debounce(fn, wait) {
|
238 | var timeout = null;
|
239 | return function () {
|
240 | for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
|
241 | arg[_key] = arguments[_key];
|
242 | }
|
243 |
|
244 | if (timeout !== null) clearTimeout(timeout);
|
245 | timeout = setTimeout(function () {
|
246 | return fn.apply(void 0, arg);
|
247 | }, wait);
|
248 | };
|
249 | }
|
250 | function isType(arg, type) {
|
251 | return _toString.call(arg) === '[object ' + type + ']';
|
252 | }
|
253 | function isDate(arg) {
|
254 | return isType(arg, 'Date');
|
255 | }
|
256 | function isPlainObject(arg) {
|
257 | return isType(arg, 'Object');
|
258 | }
|
259 | function isFunction(arg) {
|
260 | return isType(arg, 'Function');
|
261 | }
|
262 | function isString(arg) {
|
263 | return isType(arg, 'String');
|
264 | }
|
265 | function isBool(arg) {
|
266 | return isType(arg, 'Boolean');
|
267 | }
|
268 | function toLine(name) {
|
269 | var line = name.replace(/([A-Z])/g, '-$1').toLowerCase();
|
270 | if (line.indexOf('-') === 0) line = line.substr(1);
|
271 | return line;
|
272 | }
|
273 | function toArray(value) {
|
274 | return Array.isArray(value) ? value : isUndef(value) || value === '' ? [] : [value];
|
275 | }
|
276 | function isElement(arg) {
|
277 | return _typeof(arg) === 'object' && arg !== null && arg.nodeType === 1 && !isPlainObject(arg);
|
278 | }
|
279 | function deepExtend(origin) {
|
280 | var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
281 | var mode = arguments.length > 2 ? arguments[2] : undefined;
|
282 | var isArr = false;
|
283 |
|
284 | for (var key in target) {
|
285 | if (Object.prototype.hasOwnProperty.call(target, key)) {
|
286 | var clone = target[key];
|
287 |
|
288 | if ((isArr = Array.isArray(clone)) || isPlainObject(clone)) {
|
289 | var nst = origin[key] === undefined;
|
290 |
|
291 | if (isArr) {
|
292 | isArr = false;
|
293 | nst && $set(origin, key, []);
|
294 | } else if (clone._clone) {
|
295 | clone = clone._clone();
|
296 |
|
297 | if (mode) {
|
298 | clone = clone.getRule();
|
299 | nst && $set(origin, key, {});
|
300 | } else {
|
301 | $set(origin, key, clone);
|
302 | continue;
|
303 | }
|
304 | } else {
|
305 | nst && $set(origin, key, {});
|
306 | }
|
307 |
|
308 | deepExtend(origin[key], clone, mode);
|
309 | } else {
|
310 | $set(origin, key, clone);
|
311 | }
|
312 | }
|
313 | }
|
314 |
|
315 | return origin;
|
316 | }
|
317 | function deepExtendArgs(origin) {
|
318 | for (var _len2 = arguments.length, lst = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
319 | lst[_key2 - 1] = arguments[_key2];
|
320 | }
|
321 |
|
322 | lst.forEach(function (target) {
|
323 | origin = deepExtend(origin, target);
|
324 | });
|
325 | return origin;
|
326 | }
|
327 | var id = 0;
|
328 | function uniqueId() {
|
329 | return ++id;
|
330 | }
|
331 | function toDefSlot(slot, $h) {
|
332 | return [slot && isFunction(slot) ? slot($h) : slot];
|
333 | }
|
334 | function timeStampToDate(timeStamp) {
|
335 | if (isDate(timeStamp)) return timeStamp;else {
|
336 | var date = new Date(timeStamp);
|
337 | return date.toString() === 'Invalid Date' ? timeStamp : date;
|
338 | }
|
339 | }
|
340 | function preventDefault(e) {
|
341 | e.preventDefault();
|
342 | }
|
343 | function hasSlot(children, slotName) {
|
344 | return children.length !== 0 && children.some(function (child) {
|
345 | if (child.data) {
|
346 | if (!child.data.slot && slotName === 'default' || child.data.slot === slotName) return true;
|
347 | } else if (slotName === 'default') return true;
|
348 |
|
349 | return false;
|
350 | });
|
351 | }
|
352 | function errMsg(i) {
|
353 | return '\n\x67\x69\x74\x68\x75\x62\x3a\x68\x74\x74\x70' + '\x73\x3a\x2f\x2f\x67\x69\x74\x68\x75\x62\x2e\x63\x6f' + '\x6d\x2f\x78\x61\x62\x6f\x79\x2f\x66\x6f\x72\x6d\x2d' + '\x63\x72\x65\x61\x74\x65\n\x64\x6f\x63\x75\x6d\x65' + '\x6e\x74\x3a\x68\x74\x74\x70\x3a\x2f\x2f\x77\x77\x77' + '\x2e\x66\x6f\x72\x6d\x2d\x63\x72\x65\x61\x74\x65\x2e' + '\x63\x6f\x6d' + (i || '');
|
354 | }
|
355 |
|
356 | var NAME = 'fc-ivu-checkbox';
|
357 | var checkbox = {
|
358 | name: NAME,
|
359 | props: {
|
360 | options: {
|
361 | type: Array,
|
362 | default: function _default() {
|
363 | return [];
|
364 | }
|
365 | },
|
366 | children: {
|
367 | type: Array,
|
368 | default: function _default() {
|
369 | return [];
|
370 | }
|
371 | },
|
372 | ctx: {
|
373 | type: Object,
|
374 | default: function _default() {
|
375 | return {};
|
376 | }
|
377 | },
|
378 | value: {
|
379 | type: Array,
|
380 | default: function _default() {
|
381 | return [];
|
382 | }
|
383 | }
|
384 | },
|
385 | watch: {
|
386 | value: function value() {
|
387 | this.update();
|
388 | }
|
389 | },
|
390 | data: function data() {
|
391 | return {
|
392 | trueValue: [],
|
393 | unique: uniqueId()
|
394 | };
|
395 | },
|
396 | methods: {
|
397 | onInput: function onInput(n) {
|
398 | this.$emit('input', this.options.filter(function (opt) {
|
399 | return n.indexOf(opt.label) !== -1;
|
400 | }).map(function (opt) {
|
401 | return opt.value;
|
402 | }));
|
403 | },
|
404 | update: function update() {
|
405 | var _this = this;
|
406 |
|
407 | this.trueValue = this.value ? this.options.filter(function (opt) {
|
408 | return _this.value.indexOf(opt.value) !== -1;
|
409 | }).map(function (option) {
|
410 | return option.label;
|
411 | }) : [];
|
412 | }
|
413 | },
|
414 | created: function created() {
|
415 | this.update();
|
416 | },
|
417 | render: function render() {
|
418 | var _this2 = this;
|
419 |
|
420 | var h = arguments[0];
|
421 | return h("CheckboxGroup", helper([{}, this.ctx, {
|
422 | "on": {
|
423 | "input": this.onInput
|
424 | },
|
425 | "model": {
|
426 | value: _this2.trueValue,
|
427 | callback: function callback($$v) {
|
428 | _this2.trueValue = $$v;
|
429 | }
|
430 | }
|
431 | }]), [this.options.map(function (opt, index) {
|
432 | var props = _objectSpread2({}, opt);
|
433 |
|
434 | delete props.value;
|
435 | return h("Checkbox", {
|
436 | "props": _objectSpread2({}, props),
|
437 | "key": NAME + index + _this2.unique
|
438 | });
|
439 | }).concat(this.chlidren)]);
|
440 | }
|
441 | };
|
442 |
|
443 | var iview2 = {
|
444 | _v: 2,
|
445 | resetBtnType: 'ghost',
|
446 | resetBtnIcon: 'refresh',
|
447 | submitBtnIcon: 'ios-upload',
|
448 | fileIcon: 'document-text',
|
449 | fileUpIcon: 'folder',
|
450 | imgUpIcon: 'image',
|
451 | infoIcon: 'ios-information-outline',
|
452 | removeIcon: 'ios-minus-outline',
|
453 | addIcon: 'ios-plus-outline'
|
454 | };
|
455 | var iview3 = {
|
456 | _v: 3,
|
457 | resetBtnType: 'default',
|
458 | resetBtnIcon: 'md-refresh',
|
459 | submitBtnIcon: 'ios-share',
|
460 | fileIcon: 'md-document',
|
461 | fileUpIcon: 'ios-folder-open',
|
462 | imgUpIcon: 'md-images',
|
463 | infoIcon: 'ios-information-circle-outline',
|
464 | removeIcon: 'ios-remove-circle-outline',
|
465 | addIcon: 'ios-add-circle-outline'
|
466 | };
|
467 | var iviewConfig = function () {
|
468 | if (typeof iview === 'undefined') return iview2;
|
469 | return iview.version && iview.version.split('.')[0] > 2 ? iview3 : iview2;
|
470 | }();
|
471 | function getConfig() {
|
472 | return {
|
473 | form: {
|
474 | inline: false,
|
475 | labelPosition: 'right',
|
476 | labelWidth: 125,
|
477 | showMessage: true,
|
478 | autocomplete: 'off',
|
479 | size: undefined
|
480 | },
|
481 | row: {
|
482 | gutter: 0,
|
483 | type: undefined,
|
484 | align: undefined,
|
485 | justify: undefined,
|
486 | className: undefined
|
487 | },
|
488 | info: {
|
489 | type: 'poptip',
|
490 | trigger: 'hover',
|
491 | placement: 'top-start',
|
492 | wordWrap: true,
|
493 | icon: iviewConfig.infoIcon
|
494 | },
|
495 | submitBtn: {
|
496 | type: 'primary',
|
497 | size: 'large',
|
498 | shape: undefined,
|
499 | long: true,
|
500 | htmlType: 'button',
|
501 | disabled: false,
|
502 | icon: iviewConfig.submitBtnIcon,
|
503 | innerText: '提交',
|
504 | loading: false,
|
505 | show: true,
|
506 | col: undefined,
|
507 | click: undefined
|
508 | },
|
509 | resetBtn: {
|
510 | type: iviewConfig.resetBtnType,
|
511 | size: 'large',
|
512 | shape: undefined,
|
513 | long: true,
|
514 | htmlType: 'button',
|
515 | disabled: false,
|
516 | icon: iviewConfig.resetBtnIcon,
|
517 | innerText: '重置',
|
518 | loading: false,
|
519 | show: false,
|
520 | col: undefined,
|
521 | click: undefined
|
522 | }
|
523 | };
|
524 | }
|
525 |
|
526 | function styleInject(css, ref) {
|
527 | if (ref === void 0) ref = {};
|
528 | var insertAt = ref.insertAt;
|
529 |
|
530 | if (!css || typeof document === 'undefined') {
|
531 | return;
|
532 | }
|
533 |
|
534 | var head = document.head || document.getElementsByTagName('head')[0];
|
535 | var style = document.createElement('style');
|
536 | style.type = 'text/css';
|
537 |
|
538 | if (insertAt === 'top') {
|
539 | if (head.firstChild) {
|
540 | head.insertBefore(style, head.firstChild);
|
541 | } else {
|
542 | head.appendChild(style);
|
543 | }
|
544 | } else {
|
545 | head.appendChild(style);
|
546 | }
|
547 |
|
548 | if (style.styleSheet) {
|
549 | style.styleSheet.cssText = css;
|
550 | } else {
|
551 | style.appendChild(document.createTextNode(css));
|
552 | }
|
553 | }
|
554 |
|
555 | var css = ".fc-upload-btn, .fc-files {\n display: inline-block;\n width: 58px;\n height: 58px;\n text-align: center;\n line-height: 58px;\n border: 1px solid #c0ccda;\n border-radius: 4px;\n overflow: hidden;\n background: #fff;\n position: relative;\n box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);\n margin-right: 4px;\n box-sizing: border-box;\n}\n\n.form-create .form-create .ivu-form-item {\n margin-bottom: 24px;\n}\n\n.form-create .form-create .ivu-form-item .ivu-form-item {\n margin-bottom: 0px;\n}\n\n.form-create .fc-group .ivu-icon + .ivu-icon {\n margin-left: 3px;\n}\n\n.form-create .fc-upload .ivu-icon {\n vertical-align: middle;\n}\n\n.form-create .__fc_h {\n display: none;\n}\n\n.form-create .__fc_v {\n visibility: hidden;\n}\n\n.fc-pop2 {\n text-align: left;\n vertical-align: -0.2em;\n}\n\n.fc-pop3 {\n vertical-align: 0.1em;\n}\n\n.fc-files img {\n width: 100%;\n height: 100%;\n display: inline-block;\n vertical-align: top;\n}\n\n.fc-upload-btn {\n border: 1px dashed #c0ccda;\n cursor: pointer;\n}\n\n.fc-upload .fc-upload-cover {\n opacity: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, .6);\n transition: opacity .3s;\n}\n\n.fc-upload .fc-upload-cover i {\n color: #fff;\n font-size: 20px;\n cursor: pointer;\n margin: 0 2px;\n}\n\n.fc-files:hover .fc-upload-cover {\n opacity: 1;\n}\n\n.fc-hide-btn .ivu-upload .ivu-upload {\n display: none;\n}\n\n.fc-upload .ivu-upload-list {\n margin-top: 0;\n}\n";
|
556 | var style = {"fc-upload-btn":"fc-upload-btn","fc-files":"fc-files","form-create":"form-create","ivu-form-item":"ivu-form-item","fc-group":"fc-group","ivu-icon":"ivu-icon","fc-upload":"fc-upload","__fc_h":"__fc_h","__fc_v":"__fc_v","fc-pop2":"fc-pop2","fc-pop3":"fc-pop3","fc-upload-cover":"fc-upload-cover","fc-hide-btn":"fc-hide-btn","ivu-upload":"ivu-upload","ivu-upload-list":"ivu-upload-list"};
|
557 | styleInject(css);
|
558 |
|
559 | var NAME$1 = 'fc-ivu-frame';
|
560 | var frame = {
|
561 | name: NAME$1,
|
562 | props: {
|
563 | type: {
|
564 | type: String,
|
565 | default: 'input'
|
566 | },
|
567 | field: {
|
568 | type: String,
|
569 | default: ''
|
570 | },
|
571 | helper: {
|
572 | type: Boolean,
|
573 | default: true
|
574 | },
|
575 | disabled: {
|
576 | type: Boolean,
|
577 | default: false
|
578 | },
|
579 | src: {
|
580 | type: String,
|
581 | required: true
|
582 | },
|
583 | icon: {
|
584 | type: String,
|
585 | default: iviewConfig.fileUpIcon
|
586 | },
|
587 | width: {
|
588 | type: [Number, String],
|
589 | default: 500
|
590 | },
|
591 | height: {
|
592 | type: [Number, String],
|
593 | default: 370
|
594 | },
|
595 | maxLength: {
|
596 | type: Number,
|
597 | default: 0
|
598 | },
|
599 | okBtnText: {
|
600 | type: String,
|
601 | default: '确定'
|
602 | },
|
603 | closeBtnText: {
|
604 | type: String,
|
605 | default: '关闭'
|
606 | },
|
607 | modalTitle: String,
|
608 | handleIcon: {
|
609 | type: [String, Boolean],
|
610 | default: undefined
|
611 | },
|
612 | title: String,
|
613 | allowRemove: {
|
614 | type: Boolean,
|
615 | default: true
|
616 | },
|
617 | onOpen: {
|
618 | type: Function,
|
619 | default: function _default() {}
|
620 | },
|
621 | onOk: {
|
622 | type: Function,
|
623 | default: function _default() {}
|
624 | },
|
625 | onCancel: {
|
626 | type: Function,
|
627 | default: function _default() {}
|
628 | },
|
629 | onLoad: {
|
630 | type: Function,
|
631 | default: function _default() {}
|
632 | },
|
633 | onBeforeRemove: {
|
634 | type: Function,
|
635 | default: function _default() {}
|
636 | },
|
637 | onRemove: {
|
638 | type: Function,
|
639 | default: function _default() {}
|
640 | },
|
641 | onHandle: {
|
642 | type: Function,
|
643 | default: function _default(src) {
|
644 | this.previewImage = this.getSrc(src);
|
645 | this.previewVisible = true;
|
646 | }
|
647 | },
|
648 | modal: {
|
649 | type: Object,
|
650 | default: function _default() {
|
651 | return {};
|
652 | }
|
653 | },
|
654 | srcKey: {
|
655 | type: [String, Number]
|
656 | },
|
657 | value: [Array, String, Number, Object],
|
658 | previewMask: undefined,
|
659 | footer: {
|
660 | type: Boolean,
|
661 | default: true
|
662 | },
|
663 | reload: {
|
664 | type: Boolean,
|
665 | default: true
|
666 | },
|
667 | closeBtn: {
|
668 | type: Boolean,
|
669 | default: true
|
670 | },
|
671 | okBtn: {
|
672 | type: Boolean,
|
673 | default: true
|
674 | }
|
675 | },
|
676 | data: function data() {
|
677 | return {
|
678 | fileList: toArray(this.value),
|
679 | unique: uniqueId(),
|
680 | previewVisible: false,
|
681 | frameVisible: false,
|
682 | previewImage: ''
|
683 | };
|
684 | },
|
685 | watch: {
|
686 | value: function value(n) {
|
687 | this.fileList = toArray(n);
|
688 | },
|
689 | fileList: function fileList(n) {
|
690 | var val = this.maxLength === 1 ? n[0] || '' : n;
|
691 | this.$emit('input', val);
|
692 | this.$emit('on-change', val);
|
693 | },
|
694 | src: function src(n) {
|
695 | this.modalVm && (this.modalVm.src = n);
|
696 | }
|
697 | },
|
698 | methods: {
|
699 | key: function key(unique) {
|
700 | return NAME$1 + unique + this.unique;
|
701 | },
|
702 | closeModel: function closeModel(close) {
|
703 | this.$emit(close ? '$close' : '$ok');
|
704 |
|
705 | if (this.reload) {
|
706 | this.$off('$ok');
|
707 | this.$off('$close');
|
708 | }
|
709 |
|
710 | this.frameVisible = false;
|
711 | },
|
712 | showModel: function showModel() {
|
713 | if (this.disabled || false === this.onOpen()) return;
|
714 | this.frameVisible = true;
|
715 | },
|
716 | makeInput: function makeInput() {
|
717 | var _this = this;
|
718 |
|
719 | var h = this.$createElement;
|
720 | var props = {
|
721 | type: 'text',
|
722 | value: this.fileList.map(function (v) {
|
723 | return _this.getSrc(v);
|
724 | }).toString(),
|
725 | icon: this.icon,
|
726 | readonly: true,
|
727 | clearable: false
|
728 | };
|
729 | return h("Input", helper([{}, {
|
730 | "props": props
|
731 | }, {}, {
|
732 | "on": {
|
733 | 'on-click': function onClick() {
|
734 | return _this.showModel();
|
735 | }
|
736 | }
|
737 | }, {
|
738 | "key": this.key('input')
|
739 | }]));
|
740 | },
|
741 | makeGroup: function makeGroup(children) {
|
742 | var h = this.$createElement;
|
743 | if (!this.maxLength || this.fileList.length < this.maxLength) children.push(this.makeBtn());
|
744 | return h("div", {
|
745 | "class": style['fc-upload'],
|
746 | "key": this.key('group')
|
747 | }, _toConsumableArray(children));
|
748 | },
|
749 | makeItem: function makeItem(index, children) {
|
750 | var h = this.$createElement;
|
751 | return h("div", {
|
752 | "class": style['fc-files'],
|
753 | "key": this.key('file' + index)
|
754 | }, _toConsumableArray(children));
|
755 | },
|
756 | valid: function valid(field) {
|
757 | if (field !== this.field) throw new Error('frame 无效的字段值');
|
758 | },
|
759 | makeIcons: function makeIcons(val, index) {
|
760 | var h = this.$createElement;
|
761 |
|
762 | if (this.handleIcon !== false || this.allowRemove === true) {
|
763 | var icons = [];
|
764 | if (this.type !== 'file' && this.handleIcon !== false || this.type === 'file' && this.handleIcon) icons.push(this.makeHandleIcon(val, index));
|
765 | if (this.allowRemove) icons.push(this.makeRemoveIcon(val, index));
|
766 | return h("div", {
|
767 | "class": style['fc-upload-cover'],
|
768 | "key": this.key('uc')
|
769 | }, [icons]);
|
770 | }
|
771 | },
|
772 | makeHandleIcon: function makeHandleIcon(val, index) {
|
773 | var _this2 = this;
|
774 |
|
775 | var h = this.$createElement;
|
776 | return h("icon", helper([{}, {
|
777 | "props": {
|
778 | type: this.handleIcon === true || this.handleIcon === undefined ? 'ios-eye-outline' : this.handleIcon
|
779 | }
|
780 | }, {
|
781 | "on": {
|
782 | "click": function click() {
|
783 | return _this2.handleClick(val);
|
784 | }
|
785 | },
|
786 | "key": this.key('hi' + index)
|
787 | }]));
|
788 | },
|
789 | makeRemoveIcon: function makeRemoveIcon(val, index) {
|
790 | var _this3 = this;
|
791 |
|
792 | var h = this.$createElement;
|
793 | return h("icon", helper([{}, {
|
794 | "props": {
|
795 | type: 'ios-trash-outline'
|
796 | }
|
797 | }, {
|
798 | "on": {
|
799 | "click": function click() {
|
800 | return _this3.handleRemove(val);
|
801 | }
|
802 | },
|
803 | "key": this.key('ri' + index)
|
804 | }]));
|
805 | },
|
806 | makeFiles: function makeFiles() {
|
807 | var _this4 = this;
|
808 |
|
809 | var h = this.$createElement;
|
810 | return this.makeGroup(this.fileList.map(function (src, index) {
|
811 | return _this4.makeItem(index, [h("icon", helper([{}, {
|
812 | "props": {
|
813 | type: iviewConfig.fileIcon,
|
814 | size: 40
|
815 | }
|
816 | }, {
|
817 | "on": {
|
818 | "click": function click() {
|
819 | return _this4.handleClick(src);
|
820 | }
|
821 | }
|
822 | }])), _this4.makeIcons(src, index)]);
|
823 | }));
|
824 | },
|
825 | makeImages: function makeImages() {
|
826 | var _this5 = this;
|
827 |
|
828 | var h = this.$createElement;
|
829 | return this.makeGroup(this.fileList.map(function (src, index) {
|
830 | return _this5.makeItem(index, [h("img", {
|
831 | "attrs": {
|
832 | "src": _this5.getSrc(src)
|
833 | }
|
834 | }), _this5.makeIcons(src, index)]);
|
835 | }));
|
836 | },
|
837 | makeBtn: function makeBtn() {
|
838 | var _this6 = this;
|
839 |
|
840 | var h = this.$createElement;
|
841 | return h("div", {
|
842 | "class": style['fc-upload-btn'],
|
843 | "on": {
|
844 | "click": function click() {
|
845 | return _this6.showModel();
|
846 | }
|
847 | },
|
848 | "key": this.key('btn')
|
849 | }, [h("icon", helper([{}, {
|
850 | "props": {
|
851 | type: this.icon,
|
852 | size: 20
|
853 | }
|
854 | }]))]);
|
855 | },
|
856 | handleClick: function handleClick(src) {
|
857 | if (this.disabled) return;
|
858 | return this.onHandle(src);
|
859 | },
|
860 | handleRemove: function handleRemove(src) {
|
861 | if (this.disabled) return;
|
862 |
|
863 | if (false !== this.onBeforeRemove(src)) {
|
864 | this.fileList.splice(this.fileList.indexOf(src), 1);
|
865 | this.onRemove(src);
|
866 | }
|
867 | },
|
868 | getSrc: function getSrc(src) {
|
869 | return isUndef(this.srcKey) ? src : src[this.srcKey];
|
870 | },
|
871 | frameLoad: function frameLoad(iframe) {
|
872 | var _this7 = this;
|
873 |
|
874 | this.onLoad(iframe);
|
875 |
|
876 | try {
|
877 | if (this.helper === true) {
|
878 | iframe['form_create_helper'] = {
|
879 | close: function close(field) {
|
880 | _this7.valid(field);
|
881 |
|
882 | _this7.closeModel();
|
883 | },
|
884 | set: function set(field, value) {
|
885 | _this7.valid(field);
|
886 |
|
887 | if (!_this7.disabled) _this7.$emit('input', value);
|
888 | },
|
889 | get: function get(field) {
|
890 | _this7.valid(field);
|
891 |
|
892 | return _this7.value;
|
893 | },
|
894 | onOk: function onOk(fn) {
|
895 | return _this7.$on('$ok', fn);
|
896 | },
|
897 | onClose: function onClose(fn) {
|
898 | return _this7.$on('$close', fn);
|
899 | }
|
900 | };
|
901 | }
|
902 | } catch (e) {
|
903 | console.log(e);
|
904 | }
|
905 | },
|
906 | makeFooter: function makeFooter() {
|
907 | var _this8 = this;
|
908 |
|
909 | var h = this.$createElement;
|
910 | var _this$$props = this.$props,
|
911 | okBtnText = _this$$props.okBtnText,
|
912 | closeBtnText = _this$$props.closeBtnText,
|
913 | closeBtn = _this$$props.closeBtn,
|
914 | okBtn = _this$$props.okBtn,
|
915 | footer = _this$$props.footer;
|
916 | var node = [];
|
917 | if (!footer) return node;
|
918 | if (closeBtn) node.push(h("Button", {
|
919 | "on": {
|
920 | "click": function click() {
|
921 | return _this8.onCancel() !== false && _this8.closeModel(true);
|
922 | }
|
923 | }
|
924 | }, [closeBtnText]));
|
925 | if (okBtn) node.push(h("Button", {
|
926 | "attrs": {
|
927 | "type": "primary"
|
928 | },
|
929 | "on": {
|
930 | "click": function click() {
|
931 | return _this8.onOk() !== false && _this8.closeModel();
|
932 | }
|
933 | }
|
934 | }, [okBtnText]));
|
935 | return node;
|
936 | }
|
937 | },
|
938 | render: function render() {
|
939 | var _this9 = this;
|
940 |
|
941 | var h = arguments[0];
|
942 | var type = this.type;
|
943 | var node;
|
944 | if (type === 'input') node = this.makeInput();else if (type === 'image') node = this.makeImages();else node = this.makeFiles();
|
945 | var _this$$props2 = this.$props,
|
946 | width = _this$$props2.width,
|
947 | height = _this$$props2.height,
|
948 | src = _this$$props2.src,
|
949 | title = _this$$props2.title,
|
950 | modalTitle = _this$$props2.modalTitle;
|
951 | this.$nextTick(function () {
|
952 | if (_this9.$refs.frame) {
|
953 | _this9.frameLoad(_this9.$refs.frame.contentWindow || {});
|
954 | }
|
955 | });
|
956 | return h("div", [node, h("Modal", {
|
957 | "attrs": {
|
958 | "mask": this.previewMask,
|
959 | "title": modalTitle,
|
960 | "footerHide": true
|
961 | },
|
962 | "model": {
|
963 | value: _this9.previewVisible,
|
964 | callback: function callback($$v) {
|
965 | _this9.previewVisible = $$v;
|
966 | }
|
967 | }
|
968 | }, [h("img", {
|
969 | "attrs": {
|
970 | "alt": "example",
|
971 | "src": this.previewImage
|
972 | },
|
973 | "style": "width: 100%"
|
974 | })]), h("Modal", helper([{}, {
|
975 | "props": _objectSpread2({
|
976 | width: width,
|
977 | title: title
|
978 | }, this.modal)
|
979 | }, {
|
980 | "on": {
|
981 | "on-cancel": function onCancel() {
|
982 | return _this9.closeModel(true);
|
983 | }
|
984 | },
|
985 | "model": {
|
986 | value: _this9.frameVisible,
|
987 | callback: function callback($$v) {
|
988 | _this9.frameVisible = $$v;
|
989 | }
|
990 | }
|
991 | }]), [this.frameVisible || !this.reload ? h("iframe", {
|
992 | "ref": "frame",
|
993 | "attrs": {
|
994 | "src": src,
|
995 | "frameBorder": "0"
|
996 | },
|
997 | "style": {
|
998 | 'height': height,
|
999 | 'border': '0 none',
|
1000 | 'width': '100%'
|
1001 | }
|
1002 | }) : null, h("div", {
|
1003 | "slot": "footer"
|
1004 | }, [this.makeFooter()])])]);
|
1005 | }
|
1006 | };
|
1007 |
|
1008 | var NAME$2 = 'fc-ivu-radio';
|
1009 | var radio = {
|
1010 | name: NAME$2,
|
1011 | functional: true,
|
1012 | props: {
|
1013 | options: {
|
1014 | type: Array,
|
1015 | default: function _default() {
|
1016 | return [];
|
1017 | }
|
1018 | },
|
1019 | unique: {
|
1020 | default: function _default() {
|
1021 | return uniqueId();
|
1022 | }
|
1023 | }
|
1024 | },
|
1025 | render: function render(h, ctx) {
|
1026 | return h("RadioGroup", helper([{}, ctx.data]), [ctx.props.options.map(function (opt, index) {
|
1027 | var props = _objectSpread2({}, opt);
|
1028 |
|
1029 | delete props.value;
|
1030 | return h("Radio", {
|
1031 | "props": _objectSpread2({}, props),
|
1032 | "key": NAME$2 + index + ctx.props.unique
|
1033 | });
|
1034 | }).concat(ctx.chlidren)]);
|
1035 | }
|
1036 | };
|
1037 |
|
1038 | var NAME$3 = 'fc-ivu-select';
|
1039 | var select = {
|
1040 | name: NAME$3,
|
1041 | functional: true,
|
1042 | props: {
|
1043 | options: {
|
1044 | type: Array,
|
1045 | default: function _default() {
|
1046 | return [];
|
1047 | }
|
1048 | },
|
1049 | unique: {
|
1050 | default: function _default() {
|
1051 | return uniqueId();
|
1052 | }
|
1053 | }
|
1054 | },
|
1055 | render: function render(h, ctx) {
|
1056 | return h("Select", helper([{}, ctx.data]), [ctx.props.options.map(function (props, index) {
|
1057 | var slot = props.slot ? toDefSlot(props.slot, h) : [];
|
1058 | return h("Option", {
|
1059 | "props": _objectSpread2({}, props),
|
1060 | "key": NAME$3 + index + ctx.props.unique
|
1061 | }, [slot]);
|
1062 | }).concat(ctx.chlidren)]);
|
1063 | }
|
1064 | };
|
1065 |
|
1066 | var tree = {
|
1067 | name: 'fc-ivu-tree',
|
1068 | props: {
|
1069 | ctx: {
|
1070 | type: Object,
|
1071 | default: function _default() {
|
1072 | return {
|
1073 | props: {}
|
1074 | };
|
1075 | }
|
1076 | },
|
1077 | children: {
|
1078 | type: Array,
|
1079 | default: function _default() {
|
1080 | return [];
|
1081 | }
|
1082 | },
|
1083 | type: {
|
1084 | type: String,
|
1085 | default: 'checked'
|
1086 | },
|
1087 | value: {
|
1088 | type: [Array, String, Number],
|
1089 | default: function _default() {
|
1090 | return [];
|
1091 | }
|
1092 | }
|
1093 | },
|
1094 | data: function data() {
|
1095 | return {
|
1096 | treeData: []
|
1097 | };
|
1098 | },
|
1099 | watch: {
|
1100 | value: function value(n) {
|
1101 | this.setStatus(n);
|
1102 | }
|
1103 | },
|
1104 | methods: {
|
1105 | setStatus: function setStatus(value) {
|
1106 | var n = toArray(value);
|
1107 | var data = this.$refs.tree.data;
|
1108 | this.type === 'selected' ? this.selected(data, n) : this.checked(data, n);
|
1109 | },
|
1110 | selected: function selected(_data, value) {
|
1111 | var _this = this;
|
1112 |
|
1113 | _data.forEach(function (node) {
|
1114 | _this.$set(node, 'selected', value.indexOf(node.id) !== -1);
|
1115 |
|
1116 | if (node.children !== undefined && Array.isArray(node.children)) _this.selected(node.children, value);
|
1117 | });
|
1118 | },
|
1119 | checked: function checked(_data, value) {
|
1120 | var _this2 = this;
|
1121 |
|
1122 | _data.forEach(function (node) {
|
1123 | _this2.$set(node, 'checked', value.indexOf(node.id) !== -1);
|
1124 |
|
1125 | if (node.children !== undefined && Array.isArray(node.children)) _this2.checked(node.children, value);
|
1126 | });
|
1127 | },
|
1128 | makeTree: function makeTree() {
|
1129 | var h = this.$createElement;
|
1130 | return h("Tree", helper([{
|
1131 | "ref": "tree"
|
1132 | }, this.ctx]), [this.children]);
|
1133 | },
|
1134 | updateTreeData: function updateTreeData() {
|
1135 | var type = this.type.toLocaleLowerCase();
|
1136 | if (type === 'selected') this.treeData = this.$refs.tree.getSelectedNodes();else this.treeData = this.$refs.tree.getCheckedNodes();
|
1137 | this.$emit('input', this.treeData.map(function (node) {
|
1138 | return node.id;
|
1139 | }));
|
1140 | }
|
1141 | },
|
1142 | render: function render() {
|
1143 | return this.makeTree();
|
1144 | },
|
1145 | mounted: function mounted() {
|
1146 | var _this3 = this;
|
1147 |
|
1148 | this.$nextTick(function () {
|
1149 | _this3.setStatus(_this3.value);
|
1150 |
|
1151 | _this3.$watch(function () {
|
1152 | return _this3.$refs.tree.flatState;
|
1153 | }, function () {
|
1154 | return _this3.updateTreeData();
|
1155 | });
|
1156 | });
|
1157 | }
|
1158 | };
|
1159 |
|
1160 | function parseFile(file) {
|
1161 | return {
|
1162 | url: file,
|
1163 | name: getFileName(file)
|
1164 | };
|
1165 | }
|
1166 |
|
1167 | function getFileName(file) {
|
1168 | return toString$1(file).split('/').pop();
|
1169 | }
|
1170 |
|
1171 | var NAME$4 = 'fc-ivu-upload';
|
1172 | var upload = {
|
1173 | name: NAME$4,
|
1174 | props: {
|
1175 | ctx: {
|
1176 | type: Object,
|
1177 | default: function _default() {
|
1178 | return {
|
1179 | props: {}
|
1180 | };
|
1181 | }
|
1182 | },
|
1183 | children: {
|
1184 | type: Array,
|
1185 | default: function _default() {
|
1186 | return [];
|
1187 | }
|
1188 | },
|
1189 | onHandle: {
|
1190 | type: Function,
|
1191 | default: function _default(file) {
|
1192 | this.previewImage = file.url;
|
1193 | this.previewVisible = true;
|
1194 | }
|
1195 | },
|
1196 | uploadType: {
|
1197 | type: String,
|
1198 | default: 'file'
|
1199 | },
|
1200 | maxLength: {
|
1201 | type: Number,
|
1202 | default: 0
|
1203 | },
|
1204 | allowRemove: {
|
1205 | type: Boolean,
|
1206 | default: true
|
1207 | },
|
1208 | modalTitle: String,
|
1209 | handleIcon: [String, Boolean],
|
1210 | previewMask: undefined,
|
1211 | value: [Array, String]
|
1212 | },
|
1213 | data: function data() {
|
1214 | return {
|
1215 | uploadList: [],
|
1216 | unique: uniqueId(),
|
1217 | previewVisible: false,
|
1218 | previewImage: ''
|
1219 | };
|
1220 | },
|
1221 | created: function created() {
|
1222 | if (this.ctx.props.showUploadList === undefined) this.ctx.props.showUploadList = false;
|
1223 | this.ctx.props.defaultFileList = toArray(this.value).map(parseFile);
|
1224 | },
|
1225 | watch: {
|
1226 | value: function value(n) {
|
1227 | if (this.$refs.upload.fileList.every(function (file) {
|
1228 | return !file.status || file.status === 'finished';
|
1229 | })) {
|
1230 | this.$refs.upload.fileList = toArray(n).map(parseFile);
|
1231 | this.uploadList = this.$refs.upload.fileList;
|
1232 | }
|
1233 | },
|
1234 | maxLength: function maxLength(n, o) {
|
1235 | if (o === 1 || n === 1) this.update();
|
1236 | }
|
1237 | },
|
1238 | methods: {
|
1239 | key: function key(unique) {
|
1240 | return NAME$4 + unique + this.unique;
|
1241 | },
|
1242 | isDisabled: function isDisabled() {
|
1243 | return this.ctx.props.disabled === true;
|
1244 | },
|
1245 | onRemove: function onRemove(file) {
|
1246 | if (this.isDisabled()) return;
|
1247 | this.$refs.upload.handleRemove(file);
|
1248 | },
|
1249 | handleClick: function handleClick(file) {
|
1250 | if (this.isDisabled()) return;
|
1251 | this.onHandle(file);
|
1252 | },
|
1253 | makeDefaultBtn: function makeDefaultBtn() {
|
1254 | var h = this.$createElement;
|
1255 | return h("div", {
|
1256 | "class": style['fc-upload-btn']
|
1257 | }, [h("icon", helper([{}, {
|
1258 | "props": {
|
1259 | type: this.uploadType === 'file' ? 'ios-cloud-upload-outline' : iviewConfig.imgUpIcon,
|
1260 | size: 20
|
1261 | }
|
1262 | }]))]);
|
1263 | },
|
1264 | makeItem: function makeItem(file, index) {
|
1265 | var h = this.$createElement;
|
1266 | return this.uploadType === 'image' ? h("img", {
|
1267 | "attrs": {
|
1268 | "src": file.url
|
1269 | },
|
1270 | "key": this.key('img' + index)
|
1271 | }) : h("icon", helper([{}, {
|
1272 | "props": {
|
1273 | type: iviewConfig.fileIcon,
|
1274 | size: 40
|
1275 | }
|
1276 | }, {
|
1277 | "key": this.key('i' + index)
|
1278 | }]));
|
1279 | },
|
1280 | makeRemoveIcon: function makeRemoveIcon(file, index) {
|
1281 | var _this = this;
|
1282 |
|
1283 | var h = this.$createElement;
|
1284 | return h("icon", {
|
1285 | "attrs": {
|
1286 | "type": 'ios-trash-outline'
|
1287 | },
|
1288 | "on": {
|
1289 | "click": function click() {
|
1290 | return _this.onRemove(file);
|
1291 | }
|
1292 | },
|
1293 | "key": this.key('ri' + index)
|
1294 | });
|
1295 | },
|
1296 | makeHandleIcon: function makeHandleIcon(file, index) {
|
1297 | var _this2 = this;
|
1298 |
|
1299 | var h = this.$createElement;
|
1300 | return h("icon", {
|
1301 | "attrs": {
|
1302 | "type": this.handleIcon === true || this.handleIcon === undefined ? 'ios-eye-outline' : this.handleIcon
|
1303 | },
|
1304 | "on": {
|
1305 | "click": function click() {
|
1306 | return _this2.handleClick(file);
|
1307 | }
|
1308 | },
|
1309 | "key": this.key('hi' + index)
|
1310 | });
|
1311 | },
|
1312 | makeProgress: function makeProgress(file, index) {
|
1313 | var h = this.$createElement;
|
1314 | return h("Progress", helper([{}, {
|
1315 | "props": {
|
1316 | percent: file.percentage,
|
1317 | hideInfo: true
|
1318 | }
|
1319 | }, {
|
1320 | "style": "width:90%",
|
1321 | "key": this.key('pg' + index)
|
1322 | }]));
|
1323 | },
|
1324 | makeIcons: function makeIcons(file, index) {
|
1325 | var h = this.$createElement;
|
1326 | var icons = [];
|
1327 |
|
1328 | if (this.allowRemove || this.handleIcon !== false) {
|
1329 | if (this.uploadType !== 'file' && this.handleIcon !== false || this.uploadType === 'file' && this.handleIcon) icons.push(this.makeHandleIcon(file, index));
|
1330 | if (this.allowRemove) icons.push(this.makeRemoveIcon(file, index));
|
1331 | return h("div", {
|
1332 | "class": style['fc-upload-cover']
|
1333 | }, [icons]);
|
1334 | }
|
1335 | },
|
1336 | makeFiles: function makeFiles() {
|
1337 | var _this3 = this;
|
1338 |
|
1339 | var h = this.$createElement;
|
1340 | return this.uploadList.map(function (file, index) {
|
1341 | return h("div", {
|
1342 | "key": _this3.key(index),
|
1343 | "class": style['fc-files']
|
1344 | }, [file.showProgress ? _this3.makeProgress(file, index) : [_this3.makeItem(file, index), _this3.makeIcons(file, index)]]);
|
1345 | });
|
1346 | },
|
1347 | makeUpload: function makeUpload() {
|
1348 | var h = this.$createElement;
|
1349 | return h("Upload", helper([{
|
1350 | "ref": "upload",
|
1351 | "style": {
|
1352 | display: 'inline-block'
|
1353 | }
|
1354 | }, this.ctx, {
|
1355 | "key": this.key('upload')
|
1356 | }]), [this.children]);
|
1357 | },
|
1358 | initChildren: function initChildren() {
|
1359 | if (!hasSlot(this.children, 'default')) this.children.push(this.makeDefaultBtn());
|
1360 | },
|
1361 | update: function update() {
|
1362 | var files = this.$refs.upload.fileList.map(function (file) {
|
1363 | return file.url;
|
1364 | }).filter(function (url) {
|
1365 | return url !== undefined;
|
1366 | });
|
1367 | this.$emit('input', this.maxLength === 1 ? files[0] || '' : files);
|
1368 | },
|
1369 | handleCancel: function handleCancel() {
|
1370 | this.previewVisible = false;
|
1371 | }
|
1372 | },
|
1373 | render: function render() {
|
1374 | var _class,
|
1375 | _this4 = this;
|
1376 |
|
1377 | var h = arguments[0];
|
1378 | var isShow = !this.maxLength || this.maxLength > this.uploadList.length;
|
1379 |
|
1380 | if (this.$refs.upload) {
|
1381 | if (this.ctx.props.showUploadList === undefined) this.ctx.props.showUploadList = this.$refs.upload.showUploadList;
|
1382 | this.ctx.props.defaultFileList = this.$refs.upload.defaultFileList;
|
1383 | }
|
1384 |
|
1385 | this.initChildren();
|
1386 | return h("div", {
|
1387 | "class": (_class = {}, _defineProperty(_class, style['fc-upload'], true), _defineProperty(_class, style['fc-hide-btn'], !isShow), _class)
|
1388 | }, [[this.ctx.props.showUploadList ? [] : this.makeFiles(), this.makeUpload()], h("Modal", {
|
1389 | "attrs": {
|
1390 | "mask": this.previewMask,
|
1391 | "title": this.modalTitle,
|
1392 | "footerHide": true
|
1393 | },
|
1394 | "model": {
|
1395 | value: _this4.previewVisible,
|
1396 | callback: function callback($$v) {
|
1397 | _this4.previewVisible = $$v;
|
1398 | }
|
1399 | }
|
1400 | }, [h("img", {
|
1401 | "attrs": {
|
1402 | "alt": "example",
|
1403 | "src": this.previewImage
|
1404 | },
|
1405 | "style": "width: 100%"
|
1406 | })])]);
|
1407 | },
|
1408 | mounted: function mounted() {
|
1409 | var _this5 = this;
|
1410 |
|
1411 | this.uploadList = this.$refs.upload.fileList;
|
1412 | this.$watch(function () {
|
1413 | return _this5.$refs.upload.fileList;
|
1414 | }, function () {
|
1415 | _this5.update();
|
1416 | }, {
|
1417 | deep: true
|
1418 | });
|
1419 | }
|
1420 | };
|
1421 |
|
1422 | var formCreateName = 'FormCreate';
|
1423 | function $FormCreate(FormCreate, components) {
|
1424 | return {
|
1425 | name: formCreateName,
|
1426 | componentName: formCreateName,
|
1427 | props: {
|
1428 | rule: {
|
1429 | type: Array,
|
1430 | required: true
|
1431 | },
|
1432 | option: {
|
1433 | type: Object,
|
1434 | default: function _default() {
|
1435 | return {};
|
1436 | },
|
1437 | required: false
|
1438 | },
|
1439 | value: Object
|
1440 | },
|
1441 | data: function data() {
|
1442 | return {
|
1443 | formData: undefined,
|
1444 | buttonProps: undefined,
|
1445 | resetProps: undefined,
|
1446 | $f: undefined,
|
1447 | isShow: true,
|
1448 | unique: 1
|
1449 | };
|
1450 | },
|
1451 | components: components,
|
1452 | render: function render() {
|
1453 | return this.formCreate.render();
|
1454 | },
|
1455 | methods: {
|
1456 | _buttonProps: function _buttonProps(props) {
|
1457 | this.$set(this, 'buttonProps', deepExtend(this.buttonProps, props));
|
1458 | },
|
1459 | _resetProps: function _resetProps(props) {
|
1460 | this.$set(this, 'resetProps', deepExtend(this.resetProps, props));
|
1461 | },
|
1462 | _refresh: function _refresh() {
|
1463 | ++this.unique;
|
1464 | }
|
1465 | },
|
1466 | watch: {
|
1467 | option: '_refresh',
|
1468 | rule: function rule(n) {
|
1469 | this.formCreate.handle.reloadRule(n);
|
1470 | }
|
1471 | },
|
1472 | beforeCreate: function beforeCreate() {
|
1473 | var _this$$options$propsD = this.$options.propsData,
|
1474 | rule = _this$$options$propsD.rule,
|
1475 | option = _this$$options$propsD.option;
|
1476 | this.formCreate = new FormCreate(rule, option);
|
1477 | this.formCreate.beforeCreate(this);
|
1478 | },
|
1479 | created: function created() {
|
1480 | this.formCreate.created();
|
1481 | this.$f = this.formCreate.api();
|
1482 | this.$emit('input', this.$f);
|
1483 | },
|
1484 | mounted: function mounted() {
|
1485 | this.formCreate.mounted();
|
1486 | this.$emit('input', this.$f);
|
1487 | },
|
1488 | beforeDestroy: function beforeDestroy() {
|
1489 | this.formCreate.handle.reloadRule([]);
|
1490 | this.formCreate.handle.$render.clearCacheAll();
|
1491 | }
|
1492 | };
|
1493 | }
|
1494 |
|
1495 | var normalMerge$1 = ['attrs', 'props', 'domProps'];
|
1496 | var toArrayMerge$1 = ['class', 'style', 'directives'];
|
1497 | var functionalMerge$1 = ['on', 'nativeOn'];
|
1498 |
|
1499 | var mergeJsxProps$1 = function mergeJsxProps(objects, initial) {
|
1500 | return objects.reduce(function (a, b) {
|
1501 | for (var key in b) {
|
1502 | if (a[key]) {
|
1503 | if (normalMerge$1.indexOf(key) !== -1) {
|
1504 | a[key] = _objectSpread2({}, a[key], {}, b[key]);
|
1505 | } else if (toArrayMerge$1.indexOf(key) !== -1) {
|
1506 | var arrA = a[key] instanceof Array ? a[key] : [a[key]];
|
1507 | var arrB = b[key] instanceof Array ? b[key] : [b[key]];
|
1508 | a[key] = [].concat(_toConsumableArray(arrA), _toConsumableArray(arrB));
|
1509 | } else if (functionalMerge$1.indexOf(key) !== -1) {
|
1510 | for (var event in b[key]) {
|
1511 | if (a[key][event]) {
|
1512 | var _arrA = a[key][event] instanceof Array ? a[key][event] : [a[key][event]];
|
1513 |
|
1514 | var _arrB = b[key][event] instanceof Array ? b[key][event] : [b[key][event]];
|
1515 |
|
1516 | a[key][event] = [].concat(_toConsumableArray(_arrA), _toConsumableArray(_arrB));
|
1517 | } else {
|
1518 | a[key][event] = b[key][event];
|
1519 | }
|
1520 | }
|
1521 | } else if (key === 'hook') {
|
1522 | for (var hook in b[key]) {
|
1523 | if (a[key][hook]) {
|
1524 | a[key][hook] = mergeFn$1(a[key][hook], b[key][hook]);
|
1525 | } else {
|
1526 | a[key][hook] = b[key][hook];
|
1527 | }
|
1528 | }
|
1529 | } else {
|
1530 | a[key] = b[key];
|
1531 | }
|
1532 | } else {
|
1533 | a[key] = b[key];
|
1534 | }
|
1535 | }
|
1536 |
|
1537 | return a;
|
1538 | }, initial);
|
1539 | };
|
1540 |
|
1541 | var mergeFn$1 = function mergeFn(fn1, fn2) {
|
1542 | return function () {
|
1543 | fn1 && fn1.apply(this, arguments);
|
1544 | fn2 && fn2.apply(this, arguments);
|
1545 | };
|
1546 | };
|
1547 |
|
1548 | function defVData() {
|
1549 | return {
|
1550 |
|
1551 |
|
1552 |
|
1553 | props: {},
|
1554 |
|
1555 | on: {}
|
1556 |
|
1557 |
|
1558 |
|
1559 |
|
1560 |
|
1561 |
|
1562 | };
|
1563 | }
|
1564 |
|
1565 | var VData =
|
1566 |
|
1567 | function () {
|
1568 | function VData() {
|
1569 | _classCallCheck(this, VData);
|
1570 |
|
1571 | this.init();
|
1572 | }
|
1573 |
|
1574 | _createClass(VData, [{
|
1575 | key: "merge",
|
1576 | value: function merge(props) {
|
1577 | mergeJsxProps$1([props], this._data);
|
1578 | return this;
|
1579 | }
|
1580 | }, {
|
1581 | key: "class",
|
1582 | value: function _class(classList) {
|
1583 | var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
1584 | if (isUndef(classList)) return this;
|
1585 |
|
1586 | if (Array.isArray(classList)) {
|
1587 | this.merge({
|
1588 | class: classList
|
1589 | });
|
1590 | } else if (isPlainObject(classList)) {
|
1591 | this.merge(classList);
|
1592 | } else {
|
1593 | this.merge({
|
1594 | class: _defineProperty({}, toString$1(classList), !!status)
|
1595 | });
|
1596 | }
|
1597 |
|
1598 | return this;
|
1599 | }
|
1600 | }, {
|
1601 | key: "init",
|
1602 | value: function init() {
|
1603 | this._data = defVData();
|
1604 | return this;
|
1605 | }
|
1606 | }, {
|
1607 | key: "get",
|
1608 | value: function get() {
|
1609 | var _this = this;
|
1610 |
|
1611 | var data = Object.keys(this._data).reduce(function (initial, key) {
|
1612 | var value = _this._data[key];
|
1613 | if (value === undefined) return initial;
|
1614 | if (Array.isArray(value) && !value.length) return initial;
|
1615 | if (isPlainObject(value) && !Object.keys(value).length && key !== 'props') return initial;
|
1616 | initial[key] = value;
|
1617 | return initial;
|
1618 | }, {});
|
1619 | this.init();
|
1620 | return data;
|
1621 | }
|
1622 | }]);
|
1623 |
|
1624 | return VData;
|
1625 | }();
|
1626 | var keyList = ['ref', 'key', 'slot'];
|
1627 | var objList = ['scopedSlots', 'nativeOn', 'on', 'domProps', 'props', 'attrs', 'style', 'directives'];
|
1628 | keyList.forEach(function (key) {
|
1629 | VData.prototype[key] = function (val) {
|
1630 | this.merge(_defineProperty({}, key, val));
|
1631 | return this;
|
1632 | };
|
1633 | });
|
1634 | objList.forEach(function (key) {
|
1635 | VData.prototype[key] = function (obj, val) {
|
1636 | if (isUndef(obj)) return this;
|
1637 |
|
1638 | if (isPlainObject(obj)) {
|
1639 | this.merge(_defineProperty({}, key, obj));
|
1640 | } else {
|
1641 | this.merge(_defineProperty({}, key, _defineProperty({}, toString$1(obj), val)));
|
1642 | }
|
1643 |
|
1644 | return this;
|
1645 | };
|
1646 | });
|
1647 | var vdataField = objList.concat(keyList, 'class');
|
1648 |
|
1649 | function baseRule() {
|
1650 | return {
|
1651 | validate: [],
|
1652 | options: [],
|
1653 | col: {},
|
1654 | children: [],
|
1655 | control: [],
|
1656 | emit: [],
|
1657 | template: undefined,
|
1658 | emitPrefix: undefined,
|
1659 | native: undefined,
|
1660 | info: undefined
|
1661 | };
|
1662 | }
|
1663 |
|
1664 | function creatorFactory(name) {
|
1665 | return function (title, field, value) {
|
1666 | var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
1667 | return new Creator(name, title, field, value, props);
|
1668 | };
|
1669 | }
|
1670 | function creatorTypeFactory(name, type) {
|
1671 | var typeName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'type';
|
1672 | return function (title, field, value) {
|
1673 | var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
1674 | var maker = new Creator(name, title, field, value, props);
|
1675 | if (isFunction(type)) type(maker);else maker.props(typeName, type);
|
1676 | return maker;
|
1677 | };
|
1678 | }
|
1679 |
|
1680 | var Creator =
|
1681 |
|
1682 | function (_VData) {
|
1683 | _inherits(Creator, _VData);
|
1684 |
|
1685 | function Creator(type, title, field, value) {
|
1686 | var _this;
|
1687 |
|
1688 | var props = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
|
1689 |
|
1690 | _classCallCheck(this, Creator);
|
1691 |
|
1692 | _this = _possibleConstructorReturn(this, _getPrototypeOf(Creator).call(this));
|
1693 | extend(_this._data, baseRule());
|
1694 | extend(_this._data, {
|
1695 | type: type,
|
1696 | title: title,
|
1697 | field: field,
|
1698 | value: value
|
1699 | });
|
1700 | if (isPlainObject(props)) _this.props(props);
|
1701 | return _this;
|
1702 | }
|
1703 |
|
1704 | _createClass(Creator, [{
|
1705 | key: "type",
|
1706 | value: function type(_type) {
|
1707 | this.props('type', _type);
|
1708 | return this;
|
1709 | }
|
1710 | }, {
|
1711 | key: "_clone",
|
1712 | value: function _clone() {
|
1713 | var clone = new this.constructor();
|
1714 | clone._data = deepExtend({}, this._data);
|
1715 | return clone;
|
1716 | }
|
1717 | }, {
|
1718 | key: "getRule",
|
1719 | value: function getRule() {
|
1720 | return this._data;
|
1721 | }
|
1722 | }, {
|
1723 | key: "event",
|
1724 | value: function event() {
|
1725 | this.on.apply(this, arguments);
|
1726 | return this;
|
1727 | }
|
1728 | }]);
|
1729 |
|
1730 | return Creator;
|
1731 | }(VData);
|
1732 | var keyAttrs = ['emitPrefix', 'className', 'value', 'name', 'title', 'native', 'info', 'hidden', 'visibility', 'inject', 'model'];
|
1733 | keyAttrs.forEach(function (attr) {
|
1734 | Creator.prototype[attr] = function (value) {
|
1735 | $set(this._data, attr, value);
|
1736 | return this;
|
1737 | };
|
1738 | });
|
1739 | var objAttrs = ['col'];
|
1740 | objAttrs.forEach(function (attr) {
|
1741 | Creator.prototype[attr] = function (opt) {
|
1742 | $set(this._data, attr, extend(this._data[attr], opt));
|
1743 | return this;
|
1744 | };
|
1745 | });
|
1746 | var arrAttrs = ['validate', 'options', 'children', 'emit', 'control'];
|
1747 | arrAttrs.forEach(function (attr) {
|
1748 | Creator.prototype[attr] = function (opt) {
|
1749 | if (!Array.isArray(opt)) opt = [opt];
|
1750 | $set(this._data, attr, this._data[attr].concat(opt));
|
1751 | return this;
|
1752 | };
|
1753 | });
|
1754 |
|
1755 | var PREFIX = '[[FORM-CREATE-PREFIX-';
|
1756 | var SUFFIX = '-FORM-CREATE-SUFFIX]]';
|
1757 | function toJson(obj) {
|
1758 | return JSON.stringify(deepExtend([], obj, true), function (key, val) {
|
1759 | if (val && val._isVue === true) return undefined;
|
1760 |
|
1761 | if (typeof val !== 'function') {
|
1762 | return val;
|
1763 | }
|
1764 |
|
1765 | if (val.__inject) val = val.__origin;
|
1766 | if (val.__emit) return undefined;
|
1767 | return PREFIX + val + SUFFIX;
|
1768 | });
|
1769 | }
|
1770 |
|
1771 | function makeFn(fn) {
|
1772 | return eval('(function(){return ' + fn + ' })()');
|
1773 | }
|
1774 |
|
1775 | function parseJson(json, mode) {
|
1776 | return JSON.parse(json, function (k, v) {
|
1777 | if (isUndef(v) || !v.indexOf) return v;
|
1778 |
|
1779 | try {
|
1780 | if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
|
1781 | v = v.replace(SUFFIX, '').replace(PREFIX, '');
|
1782 | return makeFn(v.indexOf('function') === -1 && v.indexOf('(') !== 0 ? 'function ' + v : v);
|
1783 | } else if (!mode && v.indexOf('function') > -1) return makeFn(v);
|
1784 | } catch (e) {
|
1785 | console.error("[form-create]\u89E3\u6790\u5931\u8D25:".concat(v));
|
1786 | return undefined;
|
1787 | }
|
1788 |
|
1789 | return v;
|
1790 | });
|
1791 | }
|
1792 | function enumerable(value) {
|
1793 | return {
|
1794 | value: value,
|
1795 | enumerable: false,
|
1796 | configurable: false
|
1797 | };
|
1798 | }
|
1799 | function copyRule(rule, mode) {
|
1800 | return copyRules([rule], mode)[0];
|
1801 | }
|
1802 | function copyRules(rules, mode) {
|
1803 | return deepExtend([], rules, mode);
|
1804 | }
|
1805 |
|
1806 | var commonMaker = creatorFactory('');
|
1807 | function create(type, field, title) {
|
1808 | var make = commonMaker('', field);
|
1809 | make._data.type = type;
|
1810 | make._data.title = title;
|
1811 | return make;
|
1812 | }
|
1813 | function createTmp(template, vm, field, title) {
|
1814 | var make = commonMaker('', field);
|
1815 | make._data.type = 'template';
|
1816 | make._data.template = template;
|
1817 | make._data.title = title;
|
1818 | make._data.vm = vm;
|
1819 | return make;
|
1820 | }
|
1821 | function makerFactory() {
|
1822 | var maker = {};
|
1823 | extend(maker, {
|
1824 | create: create,
|
1825 | createTmp: createTmp
|
1826 | });
|
1827 | maker.template = createTmp;
|
1828 | maker.parse = parse;
|
1829 | return maker;
|
1830 | }
|
1831 |
|
1832 | function parse(rule) {
|
1833 | var toMaker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
1834 | if (isString(rule)) rule = parseJson(rule);
|
1835 | if (rule instanceof Creator) return toMaker ? rule : rule.getRule();
|
1836 |
|
1837 | if (isPlainObject(rule)) {
|
1838 | var maker = ruleToMaker(rule);
|
1839 | return toMaker ? maker : maker.getRule();
|
1840 | } else if (!Array.isArray(rule)) return rule;else {
|
1841 | var rules = rule.map(function (r) {
|
1842 | return parse(r, toMaker);
|
1843 | });
|
1844 | Object.defineProperties(rules, {
|
1845 | find: enumerable(findField),
|
1846 | model: enumerable(model)
|
1847 | });
|
1848 | return rules;
|
1849 | }
|
1850 | }
|
1851 |
|
1852 | function findField(field, origin) {
|
1853 | var children = [];
|
1854 |
|
1855 | for (var i in this) {
|
1856 | var rule = this[i] instanceof Creator ? this[i]._data : this[i];
|
1857 | if (rule.field === field) return origin === true ? rule : this[i];
|
1858 | if (isValidChildren(rule.children)) children = children.concat(rule.children);
|
1859 | }
|
1860 |
|
1861 | if (children.length > 0) return findField.call(children, field);
|
1862 | }
|
1863 |
|
1864 | function model(formData) {
|
1865 | var _this = this;
|
1866 |
|
1867 | Object.keys(formData).forEach(function (field) {
|
1868 | var rule = _this.find(field, true);
|
1869 |
|
1870 | if (rule) rule.value = formData[field];
|
1871 | });
|
1872 | }
|
1873 |
|
1874 | function ruleToMaker(rule) {
|
1875 | var maker = new Creator();
|
1876 | Object.keys(rule).forEach(function (key) {
|
1877 | maker._data[key] = rule[key];
|
1878 | });
|
1879 | return maker;
|
1880 | }
|
1881 |
|
1882 | function parseVData(data) {
|
1883 | if (isString(data)) data = {
|
1884 | domProps: {
|
1885 | innerHTML: data
|
1886 | }
|
1887 | };else if (data && isFunction(data.get)) data = data.get();
|
1888 | return data;
|
1889 | }
|
1890 |
|
1891 | function getVNode(VNode) {
|
1892 | return isFunction(VNode) ? VNode() : VNode || [];
|
1893 | }
|
1894 |
|
1895 | var VNode =
|
1896 |
|
1897 | function () {
|
1898 | function VNode(vm) {
|
1899 | _classCallCheck(this, VNode);
|
1900 |
|
1901 | if (vm) this.setVm(vm);
|
1902 | }
|
1903 |
|
1904 | _createClass(VNode, [{
|
1905 | key: "setVm",
|
1906 | value: function setVm(vm) {
|
1907 | this.vm = vm;
|
1908 | this.$h = vm.$createElement;
|
1909 | }
|
1910 | }, {
|
1911 | key: "make",
|
1912 | value: function make(nodeName, data, VNodeFn) {
|
1913 | var Node = this.$h(nodeName, parseVData(data), getVNode(VNodeFn));
|
1914 | Node.context = this.vm;
|
1915 | return Node;
|
1916 | }
|
1917 | }], [{
|
1918 | key: "use",
|
1919 | value: function use(nodes) {
|
1920 | Object.keys(nodes).forEach(function (k) {
|
1921 | VNode.prototype[toString$1(k).toLocaleLowerCase()] = VNode.prototype[k] = function (data, VNodeFn) {
|
1922 | return this.make(nodes[k], data, VNodeFn);
|
1923 | };
|
1924 | });
|
1925 | }
|
1926 | }]);
|
1927 |
|
1928 | return VNode;
|
1929 | }();
|
1930 | VNode.use({
|
1931 | fragment: 'fcFragment'
|
1932 | });
|
1933 |
|
1934 | var BaseParser =
|
1935 |
|
1936 | function () {
|
1937 | function BaseParser(handle, rule, id) {
|
1938 | _classCallCheck(this, BaseParser);
|
1939 |
|
1940 | this.rule = rule;
|
1941 | this.vData = new VData();
|
1942 | this.vNode = new VNode();
|
1943 | this.id = id;
|
1944 | this.watch = [];
|
1945 | this.originType = rule.type;
|
1946 | this.type = toString$1(rule.type).toLocaleLowerCase();
|
1947 | this.isDef = true;
|
1948 | this.el = undefined;
|
1949 |
|
1950 | if (!rule.field) {
|
1951 | this.field = '_def_' + uniqueId();
|
1952 | this.isDef = false;
|
1953 | } else {
|
1954 | this.field = rule.field;
|
1955 | }
|
1956 |
|
1957 | this.name = rule.name;
|
1958 | this.key = 'key_' + id;
|
1959 | this.refName = '__' + this.field + this.id;
|
1960 | this.formItemRefName = 'fi' + this.refName;
|
1961 | this.root = [];
|
1962 | this.ctrlRule = null;
|
1963 | this.modelEvent = 'input';
|
1964 | this.parent = null;
|
1965 | this.update(handle);
|
1966 | this.init();
|
1967 | }
|
1968 |
|
1969 | _createClass(BaseParser, [{
|
1970 | key: "update",
|
1971 | value: function update(handle) {
|
1972 | this.$handle = handle;
|
1973 | this.$render = handle.$render;
|
1974 | this.vm = handle.vm;
|
1975 | this.options = handle.options;
|
1976 | this.vNode.setVm(this.vm);
|
1977 | this.deleted = false;
|
1978 | }
|
1979 | }, {
|
1980 | key: "init",
|
1981 | value: function init() {}
|
1982 | }, {
|
1983 | key: "toFormValue",
|
1984 | value: function toFormValue(value) {
|
1985 | return value;
|
1986 | }
|
1987 | }, {
|
1988 | key: "toValue",
|
1989 | value: function toValue(formValue) {
|
1990 | return formValue;
|
1991 | }
|
1992 | }]);
|
1993 |
|
1994 | return BaseParser;
|
1995 | }();
|
1996 |
|
1997 | var $de = debounce(function (fn) {
|
1998 | return fn();
|
1999 | }, 1);
|
2000 |
|
2001 | var Render =
|
2002 |
|
2003 | function () {
|
2004 | function Render(handle) {
|
2005 | _classCallCheck(this, Render);
|
2006 |
|
2007 | this.$handle = handle;
|
2008 | this.fc = handle.fc;
|
2009 | this.vm = handle.vm;
|
2010 | this.options = handle.options;
|
2011 | this.$form = handle.$form;
|
2012 | this.vNode = new VNode(this.vm);
|
2013 | this.vData = new VData();
|
2014 | this.cache = {};
|
2015 | this.renderList = {};
|
2016 | }
|
2017 |
|
2018 | _createClass(Render, [{
|
2019 | key: "clearCache",
|
2020 | value: function clearCache(parser) {
|
2021 | var clear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
2022 | if (!this.cache[parser.id]) return;
|
2023 | if (this.cacheStatus(parser)) this.$handle.refresh();
|
2024 | var parent = this.cache[parser.id].parent;
|
2025 | this.cache[parser.id] = null;
|
2026 | if (parent && clear) this.clearCache(parent, clear);
|
2027 | }
|
2028 | }, {
|
2029 | key: "clearCacheAll",
|
2030 | value: function clearCacheAll() {
|
2031 | this.cache = {};
|
2032 | }
|
2033 | }, {
|
2034 | key: "setCache",
|
2035 | value: function setCache(parser, vnode, parent) {
|
2036 | this.cache[parser.id] = {
|
2037 | vnode: vnode,
|
2038 | use: false,
|
2039 | parent: parent
|
2040 | };
|
2041 | }
|
2042 | }, {
|
2043 | key: "cacheStatus",
|
2044 | value: function cacheStatus(parser) {
|
2045 | return this.cache[parser.id] && (this.cache[parser.id].use === true || this.cache[parser.id].parent);
|
2046 | }
|
2047 | }, {
|
2048 | key: "getCache",
|
2049 | value: function getCache(parser) {
|
2050 | var cache = this.cache[parser.id];
|
2051 | cache.use = true;
|
2052 | return cache.vnode;
|
2053 | }
|
2054 | }, {
|
2055 | key: "initOrgChildren",
|
2056 | value: function initOrgChildren() {
|
2057 | var parsers = this.$handle.parsers;
|
2058 | this.orgChildren = Object.keys(parsers).reduce(function (initial, id) {
|
2059 | var children = parsers[id].rule.children;
|
2060 | initial[id] = isValidChildren(children) ? _toConsumableArray(children) : [];
|
2061 | return initial;
|
2062 | }, {});
|
2063 | }
|
2064 | }, {
|
2065 | key: "run",
|
2066 | value: function run() {
|
2067 | var _this = this;
|
2068 |
|
2069 | if (!this.vm.isShow) return;
|
2070 | this.$form.beforeRender();
|
2071 | var vn = this.$handle.sortList.map(function (id) {
|
2072 | return _this.renderParser(_this.$handle.parsers[id]);
|
2073 | }).filter(function (val) {
|
2074 | return val !== undefined;
|
2075 | });
|
2076 | return this.$form.render(vn);
|
2077 | }
|
2078 | }, {
|
2079 | key: "setGlobalConfig",
|
2080 | value: function setGlobalConfig(parser) {
|
2081 | if (!this.options.global) return;
|
2082 | var global = this.options.global;
|
2083 |
|
2084 | if (global['*']) {
|
2085 | this.toData(parser, global['*']);
|
2086 | }
|
2087 |
|
2088 | if (global[parser.type]) {
|
2089 | this.toData(parser, global[parser.type]);
|
2090 | } else if (global[parser.originType]) {
|
2091 | this.toData(parser, global[parser.originType]);
|
2092 | }
|
2093 | }
|
2094 | }, {
|
2095 | key: "renderTemplate",
|
2096 | value: function renderTemplate(parser) {
|
2097 | var _this2 = this;
|
2098 |
|
2099 | var id = parser.id,
|
2100 | rule = parser.rule,
|
2101 | key = parser.key;
|
2102 |
|
2103 | if (isUndef(_vue.compile)) {
|
2104 | console.error('使用的 Vue 版本不支持 compile' + errMsg());
|
2105 | return [];
|
2106 | }
|
2107 |
|
2108 | if (!this.renderList[id]) {
|
2109 | var _vm = rule.vm;
|
2110 | if (isUndef(rule.vm)) _vm = new _vue();else if (isFunction(rule.vm)) _vm = rule.vm(this.$handle.getInjectData(rule));
|
2111 | this.renderList[id] = {
|
2112 | vm: _vm,
|
2113 | template: _vue.compile(rule.template)
|
2114 | };
|
2115 | }
|
2116 |
|
2117 | var _this$renderList$id = this.renderList[id],
|
2118 | vm = _this$renderList$id.vm,
|
2119 | template = _this$renderList$id.template;
|
2120 | setTemplateProps(vm, parser, this.$handle.fCreateApi);
|
2121 | vm.$off('input');
|
2122 | vm.$on('input', function (value) {
|
2123 | _this2.onInput(parser, value);
|
2124 | });
|
2125 | var vn = template.render.call(vm);
|
2126 | if (isUndef(vn.data)) vn.data = {};
|
2127 | vn.key = key;
|
2128 | return vn;
|
2129 | }
|
2130 | }, {
|
2131 | key: "renderParser",
|
2132 | value: function renderParser(parser, parent) {
|
2133 | if (parser.type === 'hidden') return;
|
2134 |
|
2135 | if (!this.cache[parser.id] || parser.type === 'template') {
|
2136 | parser.vData.get();
|
2137 | this.setGlobalConfig(parser);
|
2138 | var type = parser.type,
|
2139 | rule = parser.rule,
|
2140 | form = this.$form,
|
2141 | vn;
|
2142 |
|
2143 | if (type === 'template' && rule.template) {
|
2144 | vn = this.renderTemplate(parser);
|
2145 |
|
2146 | if (parent && isUndef(rule.native)) {
|
2147 | this.setCache(parser, vn, parent);
|
2148 | return vn;
|
2149 | }
|
2150 | } else if (!this.$handle.isNoVal(parser)) {
|
2151 | var children = this.renderChildren(parser);
|
2152 | vn = parser.render ? parser.render(children) : this.defaultRender(parser, children);
|
2153 | } else {
|
2154 | vn = this.defaultRender(parser, this.renderChildren(parser));
|
2155 |
|
2156 | if (parent && isUndef(rule.native)) {
|
2157 | this.setCache(parser, vn, parent);
|
2158 | return vn;
|
2159 | }
|
2160 | }
|
2161 |
|
2162 | if (rule.native !== true) vn = form.container(vn, parser);
|
2163 | this.setCache(parser, vn, parent);
|
2164 | return vn;
|
2165 | }
|
2166 |
|
2167 | return this.getCache(parser);
|
2168 | }
|
2169 | }, {
|
2170 | key: "toData",
|
2171 | value: function toData(parser, data) {
|
2172 | vdataField.forEach(function (key) {
|
2173 | if (data[key] !== undefined) parser.vData[key](data[key]);
|
2174 | });
|
2175 | return parser.vData;
|
2176 | }
|
2177 | }, {
|
2178 | key: "parserToData",
|
2179 | value: function parserToData(parser) {
|
2180 | return this.toData(parser, parser.rule);
|
2181 | }
|
2182 | }, {
|
2183 | key: "inputVData",
|
2184 | value: function inputVData(parser, custom) {
|
2185 | var _this3 = this;
|
2186 |
|
2187 | var refName = parser.refName,
|
2188 | key = parser.key;
|
2189 | this.parserToData(parser);
|
2190 | var data = parser.vData.ref(refName).key('fc_item' + key).props('formCreate', this.$handle.fCreateApi).on('fc.subForm', function (subForm) {
|
2191 | return _this3.$handle.addSubForm(parser, subForm);
|
2192 | });
|
2193 | var model = this.$handle.modelEvent(parser);
|
2194 | if (!custom) data.on(model.event || model, function (value) {
|
2195 | _this3.onInput(parser, value);
|
2196 | }).props(model.prop || 'value', this.$handle.getFormData(parser));
|
2197 | this.$form.inputVData && this.$form.inputVData(parser, custom);
|
2198 | return data;
|
2199 | }
|
2200 | }, {
|
2201 | key: "onInput",
|
2202 | value: function onInput(parser, value) {
|
2203 | this.$handle.onInput(parser, value);
|
2204 | }
|
2205 | }, {
|
2206 | key: "renderChildren",
|
2207 | value: function renderChildren(parser) {
|
2208 | var _this4 = this;
|
2209 |
|
2210 | var children = parser.rule.children,
|
2211 | orgChildren = this.orgChildren[parser.id];
|
2212 |
|
2213 | if (!isValidChildren(children)) {
|
2214 | orgChildren.forEach(function (child) {
|
2215 | if (!isString(child) && child.__fc__) {
|
2216 | _this4.$handle.removeField(child.__fc__);
|
2217 | }
|
2218 | });
|
2219 | this.orgChildren[parser.id] = [];
|
2220 | return [];
|
2221 | }
|
2222 |
|
2223 | this.orgChildren[parser.id].forEach(function (child) {
|
2224 | if (children.indexOf(child) === -1 && !isString(child) && child.__fc__) {
|
2225 | _this4.$handle.removeField(child.__fc__);
|
2226 | }
|
2227 | });
|
2228 | return children.map(function (child) {
|
2229 | if (isString(child)) return child;
|
2230 |
|
2231 | if (child.__fc__) {
|
2232 | return _this4.renderParser(child.__fc__, parser);
|
2233 | }
|
2234 |
|
2235 | if (!_this4.$handle.isset(child) && child.type) $de(function () {
|
2236 | return _this4.$handle.reloadRule();
|
2237 | });
|
2238 | });
|
2239 | }
|
2240 | }, {
|
2241 | key: "defaultRender",
|
2242 | value: function defaultRender(parser, children) {
|
2243 | var vdata = this.inputVData(parser);
|
2244 | if (this.vNode[parser.type]) return this.vNode[parser.type](vdata, children);
|
2245 | if (this.vNode[parser.originType]) return this.vNode[parser.originType](vdata, children);
|
2246 | return this.vNode.make(parser.originType, vdata, children);
|
2247 | }
|
2248 | }]);
|
2249 |
|
2250 | return Render;
|
2251 | }();
|
2252 |
|
2253 | function setTemplateProps(vm, parser, fApi) {
|
2254 | if (!vm.$props) return;
|
2255 | var rule = parser.rule;
|
2256 | var keys = Object.keys(vm.$props);
|
2257 | keys.forEach(function (key) {
|
2258 | if (rule.props[key] !== undefined) vm.$props[key] = rule.props[key];
|
2259 | });
|
2260 |
|
2261 | if (keys.indexOf('value') !== -1) {
|
2262 | vm.$props.value = parser.rule.value;
|
2263 | }
|
2264 |
|
2265 | vm.$props.formCreate = fApi;
|
2266 | }
|
2267 |
|
2268 | function Api(h) {
|
2269 | function tidyFields(fields) {
|
2270 | var all = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
2271 | if (!fields) fields = all ? Object.keys(h.fieldList) : h.fields();else if (!Array.isArray(fields)) fields = [fields];
|
2272 | return fields;
|
2273 | }
|
2274 |
|
2275 | return {
|
2276 | formData: function formData() {
|
2277 | var parsers = h.fieldList;
|
2278 | return Object.keys(parsers).reduce(function (initial, id) {
|
2279 | var parser = parsers[id];
|
2280 | initial[parser.field] = deepExtend({}, {
|
2281 | value: parser.rule.value
|
2282 | }).value;
|
2283 | return initial;
|
2284 | }, {});
|
2285 | },
|
2286 | getValue: function getValue(field) {
|
2287 | var parser = h.fieldList[field];
|
2288 | if (!parser) return;
|
2289 | return deepExtend({}, {
|
2290 | value: parser.rule.value
|
2291 | }).value;
|
2292 | },
|
2293 | setValue: function setValue(field, value) {
|
2294 | var formData = field;
|
2295 | if (!isPlainObject(field)) formData = _defineProperty({}, field, value);
|
2296 | Object.keys(formData).forEach(function (key) {
|
2297 | var parser = h.fieldList[key];
|
2298 | if (!parser) return;
|
2299 | parser.rule.value = formData[key];
|
2300 | });
|
2301 | },
|
2302 | changeValue: function changeValue(field, value) {
|
2303 | this.setValue(field, value);
|
2304 | },
|
2305 | changeField: function changeField(field, value) {
|
2306 | this.setValue(field, value);
|
2307 | },
|
2308 | removeField: function removeField(field) {
|
2309 | var parser = h.getParser(field);
|
2310 | if (!parser) return;
|
2311 | var index = parser.root.indexOf(parser.rule.__origin__);
|
2312 | if (index === -1) return;
|
2313 | parser.root.splice(index, 1);
|
2314 | if (h.sortList.indexOf(parser.id) === -1) this.reload();
|
2315 | return parser.rule.__origin__;
|
2316 | },
|
2317 | destroy: function destroy() {
|
2318 | h.vm.$el.parentNode && h.vm.$el.parentNode.removeChild(h.vm.$el);
|
2319 | h.vm.$destroy();
|
2320 | },
|
2321 | fields: function fields() {
|
2322 | return h.fields();
|
2323 | },
|
2324 | append: function append(rule, after, isChild) {
|
2325 | var fields = Object.keys(h.fieldList),
|
2326 | index = h.sortList.length,
|
2327 | rules;
|
2328 | if (rule.field && fields.indexOf(rule.field) !== -1) return console.error("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728") + errMsg());
|
2329 | var parser = h.getParser(after);
|
2330 |
|
2331 | if (parser) {
|
2332 | if (isChild) {
|
2333 | rules = parser.rule.children;
|
2334 | index = parser.rule.children.length;
|
2335 | } else {
|
2336 | index = parser.root.indexOf(parser.rule.__origin__);
|
2337 | rules = parser.root;
|
2338 | }
|
2339 | } else rules = h.rules;
|
2340 |
|
2341 | rules.splice(index + 1, 0, rule);
|
2342 | },
|
2343 | prepend: function prepend(rule, after, isChild) {
|
2344 | var fields = Object.keys(h.fieldList),
|
2345 | index = 0,
|
2346 | rules;
|
2347 | if (rule.field && fields.indexOf(rule.field) !== -1) return console.error("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728") + errMsg());
|
2348 | var parser = h.getParser(after);
|
2349 |
|
2350 | if (parser) {
|
2351 | if (isChild) {
|
2352 | rules = parser.rule.children;
|
2353 | } else {
|
2354 | index = parser.root.indexOf(parser.rule.__origin__);
|
2355 | rules = parser.root;
|
2356 | }
|
2357 | } else rules = h.rules;
|
2358 |
|
2359 | rules.splice(index, 0, rule);
|
2360 | },
|
2361 | hidden: function hidden(_hidden, fields) {
|
2362 | tidyFields(fields, true).forEach(function (field) {
|
2363 | var parser = h.getParser(field);
|
2364 | if (!parser) return;
|
2365 | $set(parser.rule, 'hidden', !!_hidden);
|
2366 | h.$render.clearCache(parser, true);
|
2367 | });
|
2368 | h.refresh();
|
2369 | },
|
2370 | hiddenStatus: function hiddenStatus(id) {
|
2371 | var parser = h.getParser(id);
|
2372 | if (!parser) return;
|
2373 | return !!parser.rule.hidden;
|
2374 | },
|
2375 | visibility: function visibility(_visibility, fields) {
|
2376 | tidyFields(fields, true).forEach(function (field) {
|
2377 | var parser = h.getParser(field);
|
2378 | if (!parser) return;
|
2379 | $set(parser.rule, 'visibility', !!_visibility);
|
2380 | h.$render.clearCache(parser, true);
|
2381 | });
|
2382 | h.refresh();
|
2383 | },
|
2384 | visibilityStatus: function visibilityStatus(id) {
|
2385 | var parser = h.getParser(id);
|
2386 | if (!parser) return;
|
2387 | return !!parser.rule.visibility;
|
2388 | },
|
2389 | disabled: function disabled(_disabled, fields) {
|
2390 | tidyFields(fields, true).forEach(function (field) {
|
2391 | var parser = h.fieldList[field];
|
2392 | if (!parser) return;
|
2393 | h.vm.$set(parser.rule.props, 'disabled', !!_disabled);
|
2394 | });
|
2395 | },
|
2396 | model: function model() {
|
2397 | return Object.keys(h.trueData).reduce(function (initial, key) {
|
2398 | initial[key] = h.trueData[key].rule;
|
2399 | return initial;
|
2400 | }, {});
|
2401 | },
|
2402 | component: function component() {
|
2403 | return Object.keys(h.customData).reduce(function (initial, key) {
|
2404 | initial[key] = h.customData[key].rule;
|
2405 | return initial;
|
2406 | }, {});
|
2407 | },
|
2408 | bind: function bind() {
|
2409 | var bind = {},
|
2410 | properties = {};
|
2411 | Object.keys(h.fieldList).forEach(function (field) {
|
2412 | var parser = h.fieldList[field];
|
2413 | properties[field] = {
|
2414 | get: function get() {
|
2415 | return parser.rule.value;
|
2416 | },
|
2417 | set: function set(value) {
|
2418 | parser.rule.value = value;
|
2419 | },
|
2420 | enumerable: true,
|
2421 | configurable: true
|
2422 | };
|
2423 | });
|
2424 | Object.defineProperties(bind, properties);
|
2425 | return bind;
|
2426 | },
|
2427 | submitBtnProps: function submitBtnProps() {
|
2428 | var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
2429 |
|
2430 | h.vm._buttonProps(props);
|
2431 | },
|
2432 | resetBtnProps: function resetBtnProps() {
|
2433 | var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
2434 |
|
2435 | h.vm._resetProps(props);
|
2436 | },
|
2437 | set: function set(node, field, value) {
|
2438 | h.vm.$set(node, field, value);
|
2439 | },
|
2440 | reload: function reload(rules) {
|
2441 | h.reloadRule(rules);
|
2442 | },
|
2443 | updateOptions: function updateOptions(options) {
|
2444 | deepExtend(h.options, options);
|
2445 | this.refresh(true);
|
2446 | },
|
2447 | onSubmit: function onSubmit(fn) {
|
2448 | this.updateOptions({
|
2449 | onSubmit: fn
|
2450 | });
|
2451 | },
|
2452 | sync: function sync(field) {
|
2453 | var parser = h.getParser(field);
|
2454 |
|
2455 | if (parser) {
|
2456 | h.$render.clearCache(parser, true);
|
2457 | h.refresh();
|
2458 | }
|
2459 | },
|
2460 | refresh: function refresh(clear) {
|
2461 | if (clear) h.$render.clearCacheAll();
|
2462 | h.refresh();
|
2463 | },
|
2464 | hideForm: function hideForm(isShow) {
|
2465 | h.vm.isShow = !isShow;
|
2466 | },
|
2467 | changeStatus: function changeStatus() {
|
2468 | return h.changeStatus;
|
2469 | },
|
2470 | clearChangeStatus: function clearChangeStatus() {
|
2471 | h.changeStatus = false;
|
2472 | },
|
2473 | updateRule: function updateRule(id, rule, cover) {
|
2474 | var parser = h.getParser(id);
|
2475 |
|
2476 | if (parser) {
|
2477 | cover ? Object.keys(rule).forEach(function (key) {
|
2478 | parser.rule[key] = rule[key];
|
2479 | }) : deepExtend(parser.rule, rule);
|
2480 | return parser.rule.__origin__;
|
2481 | }
|
2482 | },
|
2483 | getRule: function getRule(id) {
|
2484 | var parser = h.getParser(id);
|
2485 |
|
2486 | if (parser) {
|
2487 | return parser.rule;
|
2488 | }
|
2489 | },
|
2490 | updateRules: function updateRules(rules, cover) {
|
2491 | var _this = this;
|
2492 |
|
2493 | Object.keys(rules).forEach(function (id) {
|
2494 | _this.updateRule(id, rules[id], cover);
|
2495 | });
|
2496 | },
|
2497 | updateValidate: function updateValidate(id, validate, merge) {
|
2498 | var parser = h.getParser(id);
|
2499 |
|
2500 | if (parser) {
|
2501 | parser.rule.validate = merge ? parser.rule.validate.concat(validate) : validate;
|
2502 | }
|
2503 | },
|
2504 | updateValidates: function updateValidates(validates, merge) {
|
2505 | var _this2 = this;
|
2506 |
|
2507 | Object.keys(validates).forEach(function (id) {
|
2508 | _this2.updateValidate(id, validates[id], merge);
|
2509 | });
|
2510 | },
|
2511 | method: function method(id, name) {
|
2512 | var el = this.el(id);
|
2513 | if (!el || !el[name]) throw new Error('方法不存在' + errMsg());
|
2514 | return function () {
|
2515 | return el[name].apply(el, arguments);
|
2516 | };
|
2517 | },
|
2518 | toJson: function toJson$1() {
|
2519 | return toJson(this.rule);
|
2520 | },
|
2521 | on: function on() {
|
2522 | var _h$vm;
|
2523 |
|
2524 | (_h$vm = h.vm).$on.apply(_h$vm, arguments);
|
2525 | },
|
2526 | once: function once() {
|
2527 | var _h$vm2;
|
2528 |
|
2529 | (_h$vm2 = h.vm).$once.apply(_h$vm2, arguments);
|
2530 | },
|
2531 | off: function off() {
|
2532 | var _h$vm3;
|
2533 |
|
2534 | (_h$vm3 = h.vm).$off.apply(_h$vm3, arguments);
|
2535 | },
|
2536 | trigger: function trigger(id, event) {
|
2537 | var el = this.el(id);
|
2538 |
|
2539 | for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
2540 | args[_key - 2] = arguments[_key];
|
2541 | }
|
2542 |
|
2543 | el && el.$emit.apply(el, [event].concat(args));
|
2544 | },
|
2545 | el: function el(id) {
|
2546 | var parser = h.getParser(id);
|
2547 | if (parser) return parser.el;
|
2548 | },
|
2549 | validate: function validate(callback) {
|
2550 | var _this3 = this;
|
2551 |
|
2552 | var state = false;
|
2553 |
|
2554 | var subForm = _objectSpread2({}, {
|
2555 | ___this: {
|
2556 | validate: function validate(call) {
|
2557 | h.$form.validate(function (valid) {
|
2558 | call && call(valid);
|
2559 | });
|
2560 | }
|
2561 | }
|
2562 | }, {}, h.subForm);
|
2563 |
|
2564 | var keys = Object.keys(subForm).filter(function (field) {
|
2565 | var sub = subForm[field];
|
2566 | return Array.isArray(sub) ? sub.length : !isUndef(sub);
|
2567 | }),
|
2568 | len = keys.length,
|
2569 | subLen;
|
2570 |
|
2571 | var validFn = function validFn(valid, field) {
|
2572 | if (valid) {
|
2573 | if (subLen > 1) subLen--;else if (len > 1) len--;else callback(true);
|
2574 | } else {
|
2575 | if (!state) {
|
2576 | callback(false);
|
2577 | state = true;
|
2578 | }
|
2579 |
|
2580 | field && _this3.clearValidateState(field, false);
|
2581 | }
|
2582 | };
|
2583 |
|
2584 | keys.forEach(function (field) {
|
2585 | var sub = subForm[field];
|
2586 |
|
2587 | if (Array.isArray(sub)) {
|
2588 | subLen = sub.length;
|
2589 | sub.forEach(function (form) {
|
2590 | form.validate(function (v) {
|
2591 | return validFn(v, field);
|
2592 | });
|
2593 | });
|
2594 | } else if (sub) {
|
2595 | subLen = 1;
|
2596 | sub.validate(validFn);
|
2597 | }
|
2598 | });
|
2599 | },
|
2600 | validateField: function validateField(field, callback) {
|
2601 | if (!h.fieldList[field]) return;
|
2602 | h.$form.validateField(field, callback);
|
2603 | },
|
2604 | resetFields: function resetFields(fields) {
|
2605 | var parsers = h.fieldList;
|
2606 | tidyFields(fields, true).forEach(function (field) {
|
2607 | var parser = parsers[field];
|
2608 | if (!parser) return;
|
2609 | if (parser.type === 'hidden') return;
|
2610 | h.$form.resetField(parser);
|
2611 | h.refreshControl(parser);
|
2612 | h.$render.clearCache(parser, true);
|
2613 | });
|
2614 | },
|
2615 | submit: function submit(successFn, failFn) {
|
2616 | var _this4 = this;
|
2617 |
|
2618 | this.validate(function (valid) {
|
2619 | if (valid) {
|
2620 | var formData = _this4.formData();
|
2621 |
|
2622 | if (isFunction(successFn)) successFn(formData, _this4);else {
|
2623 | h.options.onSubmit && h.options.onSubmit(formData, _this4);
|
2624 | h.fc.$emit('on-submit', formData, _this4);
|
2625 | }
|
2626 | } else {
|
2627 | failFn && failFn(_this4);
|
2628 | }
|
2629 | });
|
2630 | },
|
2631 | clearValidateState: function clearValidateState(fields) {
|
2632 | var _this5 = this;
|
2633 |
|
2634 | var clearSub = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
2635 | tidyFields(fields).forEach(function (field) {
|
2636 | if (clearSub) _this5.clearSubValidateState(field);
|
2637 | var parser = h.fieldList[field];
|
2638 | if (!parser) return;
|
2639 | h.$form.clearValidateState(parser);
|
2640 | });
|
2641 | },
|
2642 | clearSubValidateState: function clearSubValidateState(fields) {
|
2643 | tidyFields(fields).forEach(function (field) {
|
2644 | var subForm = h.subForm[field];
|
2645 |
|
2646 | if (subForm) {
|
2647 | if (Array.isArray(subForm)) {
|
2648 | subForm.forEach(function (form) {
|
2649 | form.clearValidateState();
|
2650 | });
|
2651 | } else if (subForm) {
|
2652 | subForm.clearValidateState();
|
2653 | }
|
2654 | }
|
2655 | });
|
2656 | },
|
2657 | getSubForm: function getSubForm(field) {
|
2658 | return h.subForm[field];
|
2659 | },
|
2660 | btn: {
|
2661 | loading: function loading() {
|
2662 | var _loading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2663 |
|
2664 | h.vm._buttonProps({
|
2665 | loading: !!_loading
|
2666 | });
|
2667 | },
|
2668 | disabled: function disabled() {
|
2669 | var _disabled2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2670 |
|
2671 | h.vm._buttonProps({
|
2672 | disabled: !!_disabled2
|
2673 | });
|
2674 | },
|
2675 | show: function show() {
|
2676 | var isShow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2677 |
|
2678 | h.vm._buttonProps({
|
2679 | show: !!isShow
|
2680 | });
|
2681 | }
|
2682 | },
|
2683 | resetBtn: {
|
2684 | loading: function loading() {
|
2685 | var _loading2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2686 |
|
2687 | h.vm._resetProps({
|
2688 | loading: !!_loading2
|
2689 | });
|
2690 | },
|
2691 | disabled: function disabled() {
|
2692 | var _disabled3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2693 |
|
2694 | h.vm._resetProps({
|
2695 | disabled: !!_disabled3
|
2696 | });
|
2697 | },
|
2698 | show: function show() {
|
2699 | var isShow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
2700 |
|
2701 | h.vm._resetProps({
|
2702 | show: !!isShow
|
2703 | });
|
2704 | }
|
2705 | },
|
2706 | closeModal: function closeModal(field) {
|
2707 | var parser = h.fieldList[field];
|
2708 | parser && parser.closeModel && parser.closeModel();
|
2709 | }
|
2710 | };
|
2711 | }
|
2712 |
|
2713 | function getRule(rule) {
|
2714 | if (isFunction(rule.getRule)) return rule.getRule();else return rule;
|
2715 | }
|
2716 |
|
2717 | var Handle =
|
2718 |
|
2719 | function () {
|
2720 | function Handle(fc) {
|
2721 | _classCallCheck(this, Handle);
|
2722 |
|
2723 | var _this$fc = this.fc = fc,
|
2724 | vm = _this$fc.vm,
|
2725 | rules = _this$fc.rules,
|
2726 | options = _this$fc.options;
|
2727 |
|
2728 | this.watching = false;
|
2729 | this.vm = vm;
|
2730 | this.options = options;
|
2731 | this.validate = {};
|
2732 | this.formData = {};
|
2733 | this.subForm = {};
|
2734 | this.fCreateApi = undefined;
|
2735 |
|
2736 | this.__init(rules);
|
2737 |
|
2738 | this.$form = new fc.drive.formRender(this);
|
2739 | this.$render = new Render(this);
|
2740 | this.loadRule(this.rules, false);
|
2741 | this.$render.initOrgChildren();
|
2742 | this.$form.init();
|
2743 | }
|
2744 |
|
2745 | _createClass(Handle, [{
|
2746 | key: "__init",
|
2747 | value: function __init(rules) {
|
2748 | this.fieldList = {};
|
2749 | this.trueData = {};
|
2750 | this.parsers = {};
|
2751 | this.customData = {};
|
2752 | this.sortList = [];
|
2753 | this.rules = rules;
|
2754 | this.origin = _toConsumableArray(this.rules);
|
2755 | this.changeStatus = false;
|
2756 | this.issetRule = [];
|
2757 | }
|
2758 | }, {
|
2759 | key: "modelEvent",
|
2760 | value: function modelEvent(parser) {
|
2761 | var modelList = this.fc.modelEvents;
|
2762 | return modelList[parser.type] || modelList[parser.originType] || parser.rule.model || parser.modelEvent;
|
2763 | }
|
2764 | }, {
|
2765 | key: "isset",
|
2766 | value: function isset(rule) {
|
2767 | return this.issetRule.indexOf(rule) > -1;
|
2768 | }
|
2769 | }, {
|
2770 | key: "loadRule",
|
2771 | value: function loadRule(rules, parent) {
|
2772 | var _this = this;
|
2773 |
|
2774 | rules.map(function (_rule, index) {
|
2775 | if (parent && isString(_rule)) return;
|
2776 | if (!_rule.type) return console.error('未定义生成规则的 type 字段' + errMsg());
|
2777 | var parser;
|
2778 |
|
2779 | if (_rule.__fc__) {
|
2780 | parser = _rule.__fc__;
|
2781 |
|
2782 | if (!parser.deleted && (parser.vm !== _this.vm || _this.parsers[parser.id])) {
|
2783 | rules[index] = _rule = copyRule(_rule);
|
2784 | parser = _this.createParser(_this.parseRule(_rule));
|
2785 | } else {
|
2786 | parser.update(_this);
|
2787 | var _rule2 = parser.rule;
|
2788 |
|
2789 | _this.parseOn(_rule2);
|
2790 |
|
2791 | _this.parseProps(_rule2);
|
2792 | }
|
2793 | } else {
|
2794 | parser = _this.createParser(_this.parseRule(_rule));
|
2795 | }
|
2796 |
|
2797 | var children = parser.rule.children,
|
2798 | rule = parser.rule;
|
2799 |
|
2800 | if (!_this.notField(parser.field)) {
|
2801 | _this.issetRule.push(_rule);
|
2802 |
|
2803 | return console.error("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728") + errMsg());
|
2804 | }
|
2805 |
|
2806 | parser.parent = parent || null;
|
2807 |
|
2808 | _this.setParser(parser);
|
2809 |
|
2810 | if (!_rule.__fc__) {
|
2811 | bindParser(_rule, parser);
|
2812 | }
|
2813 |
|
2814 | if (isValidChildren(children)) {
|
2815 | _this.loadRule(children, parser);
|
2816 | }
|
2817 |
|
2818 | if (!parent) {
|
2819 | _this.sortList.push(parser.id);
|
2820 | }
|
2821 |
|
2822 | if (!_this.isNoVal(parser)) Object.defineProperty(parser.rule, 'value', _this.valueHandle(parser));
|
2823 | return parser;
|
2824 | }).filter(function (h) {
|
2825 | return h;
|
2826 | }).forEach(function (h) {
|
2827 | h.root = rules;
|
2828 | });
|
2829 | }
|
2830 | }, {
|
2831 | key: "valueHandle",
|
2832 | value: function valueHandle(parser) {
|
2833 | var _this2 = this;
|
2834 |
|
2835 | return {
|
2836 | enumerable: true,
|
2837 | get: function get() {
|
2838 | return parser.toValue(_this2.getFormData(parser));
|
2839 | },
|
2840 | set: function set(value) {
|
2841 | if (_this2.isChange(parser, value)) {
|
2842 | _this2.$render.clearCache(parser, true);
|
2843 |
|
2844 | _this2.setFormData(parser, parser.toFormValue(value));
|
2845 |
|
2846 | _this2.valueChange(parser, value);
|
2847 |
|
2848 | _this2.refresh();
|
2849 | }
|
2850 | }
|
2851 | };
|
2852 | }
|
2853 | }, {
|
2854 | key: "createParser",
|
2855 | value: function createParser(rule) {
|
2856 | return new (this.fc.parsers[toString$1(rule.type).toLocaleLowerCase()] || BaseParser)(this, rule, '' + uniqueId());
|
2857 | }
|
2858 | }, {
|
2859 | key: "parseRule",
|
2860 | value: function parseRule(_rule) {
|
2861 | var def = defRule(),
|
2862 | rule = getRule(_rule);
|
2863 | Object.defineProperties(rule, {
|
2864 | __origin__: enumerable(_rule)
|
2865 | });
|
2866 | Object.keys(def).forEach(function (k) {
|
2867 | if (isUndef(rule[k])) $set(rule, k, def[k]);
|
2868 | });
|
2869 | if (rule.field && this.options.formData[rule.field] !== undefined) rule.value = this.options.formData[rule.field];
|
2870 | rule.options = parseArray(rule.options);
|
2871 | this.parseOn(rule);
|
2872 | this.parseProps(rule);
|
2873 | return rule;
|
2874 | }
|
2875 | }, {
|
2876 | key: "parseOn",
|
2877 | value: function parseOn(rule) {
|
2878 | this.parseInjectEvent(rule, rule.on || {});
|
2879 |
|
2880 | if (!this.watching) {
|
2881 | this.margeEmit(rule);
|
2882 | }
|
2883 | }
|
2884 | }, {
|
2885 | key: "margeEmit",
|
2886 | value: function margeEmit(rule) {
|
2887 | var emitEvent = this.parseEmit(rule);
|
2888 | if (Object.keys(emitEvent).length > 0) extend(rule.on, emitEvent);
|
2889 | }
|
2890 | }, {
|
2891 | key: "parseProps",
|
2892 | value: function parseProps(rule) {
|
2893 | this.parseInjectEvent(rule, rule.props || {});
|
2894 | }
|
2895 | }, {
|
2896 | key: "parseInjectEvent",
|
2897 | value: function parseInjectEvent(rule, on) {
|
2898 | var _this3 = this;
|
2899 |
|
2900 | if (this.options.injectEvent || rule.inject) Object.keys(on).forEach(function (k) {
|
2901 | if (isFunction(on[k])) on[k] = _this3.inject(rule, on[k]);
|
2902 | });
|
2903 | return on;
|
2904 | }
|
2905 | }, {
|
2906 | key: "getInjectData",
|
2907 | value: function getInjectData(self, inject) {
|
2908 | var _this$vm$$options$pro = this.vm.$options.propsData,
|
2909 | option = _this$vm$$options$pro.option,
|
2910 | rule = _this$vm$$options$pro.rule;
|
2911 | return {
|
2912 | $f: this.fCreateApi,
|
2913 | rule: rule,
|
2914 | self: self.__origin__,
|
2915 | option: option,
|
2916 | inject: inject || rule.inject || {}
|
2917 | };
|
2918 | }
|
2919 | }, {
|
2920 | key: "inject",
|
2921 | value: function inject(self, _fn, _inject) {
|
2922 | if (_fn.__inject) {
|
2923 | if (this.watching) return _fn;
|
2924 | _fn = _fn.__origin;
|
2925 | }
|
2926 |
|
2927 | var h = this;
|
2928 |
|
2929 | var fn = function fn() {
|
2930 | for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
2931 | args[_key] = arguments[_key];
|
2932 | }
|
2933 |
|
2934 | args.unshift(h.getInjectData(self, _inject));
|
2935 | return _fn.apply(void 0, args);
|
2936 | };
|
2937 |
|
2938 | fn.__inject = true;
|
2939 | fn.__origin = _fn;
|
2940 | return fn;
|
2941 | }
|
2942 | }, {
|
2943 | key: "parseEmit",
|
2944 | value: function parseEmit(rule) {
|
2945 | var _this4 = this;
|
2946 |
|
2947 | var event = {},
|
2948 | emit = rule.emit,
|
2949 | emitPrefix = rule.emitPrefix,
|
2950 | field = rule.field,
|
2951 | name = rule.name;
|
2952 | if (!Array.isArray(emit)) return event;
|
2953 | var emitKey = emitPrefix ? emitPrefix : field || name;
|
2954 | if (!emitKey) return event;
|
2955 | emit.forEach(function (config) {
|
2956 | var inject,
|
2957 | eventName = config;
|
2958 |
|
2959 | if (isPlainObject(config)) {
|
2960 | eventName = config.name;
|
2961 | inject = config.inject;
|
2962 | }
|
2963 |
|
2964 | if (!eventName) return;
|
2965 |
|
2966 | var _fieldKey = "".concat(emitKey, "-").concat(eventName);
|
2967 |
|
2968 | var fieldKey = toLine(_fieldKey).replace('_', '-');
|
2969 |
|
2970 | var fn = function fn() {
|
2971 | var _this4$vm, _this4$vm2;
|
2972 |
|
2973 | for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
2974 | arg[_key2] = arguments[_key2];
|
2975 | }
|
2976 |
|
2977 | (_this4$vm = _this4.vm).$emit.apply(_this4$vm, [fieldKey].concat(arg));
|
2978 |
|
2979 | (_this4$vm2 = _this4.vm).$emit.apply(_this4$vm2, [_fieldKey].concat(arg));
|
2980 | };
|
2981 |
|
2982 | fn.__emit = true;
|
2983 | event[eventName] = _this4.options.injectEvent || config.inject !== undefined ? _this4.inject(rule, fn, inject) : fn;
|
2984 | });
|
2985 | return event;
|
2986 | }
|
2987 | }, {
|
2988 | key: "run",
|
2989 | value: function run() {
|
2990 | if (this.vm.unique > 0) return this.$render.run();else {
|
2991 | this.vm.unique = 1;
|
2992 | return [];
|
2993 | }
|
2994 | }
|
2995 | }, {
|
2996 | key: "setParser",
|
2997 | value: function setParser(parser) {
|
2998 | var id = parser.id,
|
2999 | field = parser.field,
|
3000 | name = parser.name,
|
3001 | rule = parser.rule;
|
3002 | if (this.parsers[id]) return;
|
3003 | this.parsers[id] = parser;
|
3004 | if (name) $set(this.customData, name, parser);
|
3005 | if (this.isNoVal(parser)) return;
|
3006 | this.fieldList[field] = parser;
|
3007 | $set(this.formData, field, parser.toFormValue(rule.value));
|
3008 | $set(this.validate, field, rule.validate || []);
|
3009 | $set(this.trueData, field, parser);
|
3010 | }
|
3011 | }, {
|
3012 | key: "addSubForm",
|
3013 | value: function addSubForm(parser, subForm) {
|
3014 | this.subForm[parser.field] = subForm;
|
3015 | }
|
3016 | }, {
|
3017 | key: "notField",
|
3018 | value: function notField(field) {
|
3019 | return this.fieldList[field] === undefined;
|
3020 | }
|
3021 | }, {
|
3022 | key: "isChange",
|
3023 | value: function isChange(parser, value) {
|
3024 | return JSON.stringify(parser.rule.value) !== JSON.stringify(value);
|
3025 | }
|
3026 | }, {
|
3027 | key: "valueChange",
|
3028 | value: function valueChange(parser) {
|
3029 | this.validateControl(parser);
|
3030 | }
|
3031 | }, {
|
3032 | key: "onInput",
|
3033 | value: function onInput(parser, value) {
|
3034 | var val;
|
3035 |
|
3036 | if (!this.isNoVal(parser) && this.isChange(parser, val = parser.toValue(value))) {
|
3037 | this.$render.clearCache(parser);
|
3038 | this.setFormData(parser, value);
|
3039 | this.changeStatus = true;
|
3040 | this.valueChange(parser);
|
3041 | this.vm.$emit('change', parser.field, val, this.fCreateApi);
|
3042 | }
|
3043 | }
|
3044 | }, {
|
3045 | key: "getParser",
|
3046 | value: function getParser(id) {
|
3047 | return this.fieldList[id] || this.customData[id] || this.parsers[id];
|
3048 | }
|
3049 | }, {
|
3050 | key: "created",
|
3051 | value: function created() {
|
3052 | var _this5 = this;
|
3053 |
|
3054 | var vm = this.vm;
|
3055 | vm.$set(vm, 'buttonProps', this.options.submitBtn);
|
3056 | vm.$set(vm, 'resetProps', this.options.resetBtn);
|
3057 | vm.$set(vm, 'formData', this.formData);
|
3058 | if (this.fCreateApi === undefined) this.fCreateApi = Api(this);
|
3059 | this.fCreateApi.rule = this.rules;
|
3060 | this.fCreateApi.config = this.options;
|
3061 |
|
3062 | if (this.fCreateApi.form) {
|
3063 | var form = this.fCreateApi.form;
|
3064 | Object.keys(form).forEach(function (field) {
|
3065 | delete form[field];
|
3066 | });
|
3067 | } else {
|
3068 | Object.defineProperty(this.fCreateApi, 'form', {
|
3069 | value: {},
|
3070 | writable: false,
|
3071 | enumerable: true
|
3072 | });
|
3073 | }
|
3074 |
|
3075 | Object.defineProperties(this.fCreateApi.form, Object.keys(this.fCreateApi.formData()).reduce(function (initial, field) {
|
3076 | var parser = _this5.getParser(field);
|
3077 |
|
3078 | var handle = _this5.valueHandle(parser);
|
3079 |
|
3080 | handle.configurable = true;
|
3081 | initial[field] = handle;
|
3082 | return initial;
|
3083 | }, {}));
|
3084 | }
|
3085 | }, {
|
3086 | key: "addParserWitch",
|
3087 | value: function addParserWitch(parser) {
|
3088 | var _this6 = this;
|
3089 |
|
3090 | var vm = this.vm;
|
3091 | Object.keys(parser.rule).forEach(function (key) {
|
3092 | if (['field', 'type', 'value', 'vm', 'template', 'name', 'config', 'control'].indexOf(key) !== -1 || parser.rule[key] === undefined) return;
|
3093 |
|
3094 | try {
|
3095 | parser.watch.push(vm.$watch(function () {
|
3096 | return parser.rule[key];
|
3097 | }, function (n, o) {
|
3098 | if (o === undefined) return;
|
3099 | _this6.watching = true;
|
3100 | if (key === 'validate') _this6.validate[parser.field] = n;else if (key === 'props') _this6.parseProps(parser.rule);else if (key === 'on') _this6.parseOn(parser.rule);else if (key === 'emit') _this6.margeEmit(parser.rule);
|
3101 |
|
3102 | _this6.$render.clearCache(parser);
|
3103 |
|
3104 | _this6.watching = false;
|
3105 | }, {
|
3106 | deep: key !== 'children',
|
3107 | immediate: true
|
3108 | }));
|
3109 | } catch (e) {
|
3110 | }
|
3111 | });
|
3112 | }
|
3113 | }, {
|
3114 | key: "refreshControl",
|
3115 | value: function refreshControl(parser) {
|
3116 | if (!this.isNoVal(parser) && parser.rule.control) {
|
3117 | this.validateControl(parser);
|
3118 | }
|
3119 | }
|
3120 | }, {
|
3121 | key: "validateControl",
|
3122 | value: function validateControl(parser) {
|
3123 | var _this7 = this;
|
3124 |
|
3125 | var controls = getControl(parser),
|
3126 | len = controls.length,
|
3127 | ctrlRule = parser.ctrlRule;
|
3128 | if (!len) return;
|
3129 |
|
3130 | var _loop = function _loop(i) {
|
3131 | var control = controls[i],
|
3132 | validate = control.handle || function (val) {
|
3133 | return val === control.value;
|
3134 | };
|
3135 |
|
3136 | if (validate(parser.rule.value, _this7.fCreateApi)) {
|
3137 | if (ctrlRule) {
|
3138 | if (ctrlRule.children === control.rule) return {
|
3139 | v: void 0
|
3140 | };else removeControl(parser);
|
3141 | }
|
3142 |
|
3143 | var rule = {
|
3144 | type: 'fcFragment',
|
3145 | native: true,
|
3146 | children: control.rule
|
3147 | };
|
3148 |
|
3149 | parser.root.splice(parser.root.indexOf(parser.rule.__origin__) + 1, 0, rule);
|
3150 | parser.ctrlRule = rule;
|
3151 |
|
3152 | _this7.vm.$emit('control', parser.rule.__origin__, _this7.fCreateApi);
|
3153 |
|
3154 | parser.parent && _this7.$render.clearCache(parser.parent);
|
3155 |
|
3156 | _this7.refresh();
|
3157 |
|
3158 | return {
|
3159 | v: void 0
|
3160 | };
|
3161 | }
|
3162 | };
|
3163 |
|
3164 | for (var i = 0; i < len; i++) {
|
3165 | var _ret = _loop(i);
|
3166 |
|
3167 | if (_typeof(_ret) === "object") return _ret.v;
|
3168 | }
|
3169 |
|
3170 | if (ctrlRule) {
|
3171 | removeControl(parser);
|
3172 | this.vm.$emit('control', parser.rule.__origin__, this.fCreateApi);
|
3173 | this.refresh();
|
3174 | }
|
3175 | }
|
3176 | }, {
|
3177 | key: "mountedParser",
|
3178 | value: function mountedParser() {
|
3179 | var _this8 = this;
|
3180 |
|
3181 | var vm = this.vm;
|
3182 | Object.keys(this.parsers).forEach(function (id) {
|
3183 | var parser = _this8.parsers[id];
|
3184 | if (parser.watch.length === 0) _this8.addParserWitch(parser);
|
3185 |
|
3186 | _this8.refreshControl(parser);
|
3187 |
|
3188 | parser.el = vm.$refs[parser.refName] || {};
|
3189 | if (parser.defaultValue === undefined) parser.defaultValue = deepExtend({}, {
|
3190 | value: parser.rule.value
|
3191 | }).value;
|
3192 | parser.mounted && parser.mounted();
|
3193 | });
|
3194 | }
|
3195 | }, {
|
3196 | key: "mounted",
|
3197 | value: function mounted() {
|
3198 | var mounted = this.options.mounted;
|
3199 | this.mountedParser();
|
3200 | mounted && mounted(this.fCreateApi);
|
3201 | this.fc.$emit('mounted', this.fCreateApi);
|
3202 | }
|
3203 | }, {
|
3204 | key: "reload",
|
3205 | value: function reload() {
|
3206 | var onReload = this.options.onReload;
|
3207 | this.mountedParser();
|
3208 | onReload && onReload(this.fCreateApi);
|
3209 | this.fc.$emit('on-reload', this.fCreateApi);
|
3210 | }
|
3211 | }, {
|
3212 | key: "removeField",
|
3213 | value: function removeField(parser, value) {
|
3214 | var id = parser.id,
|
3215 | field = parser.field,
|
3216 | index = this.sortList.indexOf(id);
|
3217 | delParser(parser, value);
|
3218 | $del(this.parsers, id);
|
3219 |
|
3220 | if (index !== -1) {
|
3221 | this.sortList.splice(index, 1);
|
3222 | }
|
3223 |
|
3224 | if (!this.fieldList[field]) {
|
3225 | $del(this.validate, field);
|
3226 | $del(this.formData, field);
|
3227 | $del(this.customData, field);
|
3228 | $del(this.fieldList, field);
|
3229 | $del(this.trueData, field);
|
3230 | }
|
3231 |
|
3232 | if (this.subForm[parser.field]) $del(this.subForm, field);
|
3233 | return parser;
|
3234 | }
|
3235 | }, {
|
3236 | key: "refresh",
|
3237 | value: function refresh() {
|
3238 | this.vm._refresh();
|
3239 | }
|
3240 | }, {
|
3241 | key: "reloadRule",
|
3242 | value: function reloadRule(rules) {
|
3243 | var _this9 = this;
|
3244 |
|
3245 | var vm = this.vm;
|
3246 | if (!rules) return this.reloadRule(this.rules);
|
3247 | if (!this.origin.length) this.fCreateApi.refresh();
|
3248 | this.origin = _toConsumableArray(rules);
|
3249 |
|
3250 | var parsers = _objectSpread2({}, this.parsers);
|
3251 |
|
3252 | var formData = this.fCreateApi.formData();
|
3253 |
|
3254 | this.__init(rules);
|
3255 |
|
3256 | this.loadRule(rules, false);
|
3257 | Object.keys(parsers).filter(function (id) {
|
3258 | return _this9.parsers[id] === undefined;
|
3259 | }).forEach(function (id) {
|
3260 | return _this9.removeField(parsers[id], formData[parsers[id].field]);
|
3261 | });
|
3262 | this.$render.initOrgChildren();
|
3263 | this.formData = _objectSpread2({}, this.formData);
|
3264 | this.created();
|
3265 | vm.$f = this.fCreateApi;
|
3266 | this.$render.clearCacheAll();
|
3267 | this.refresh();
|
3268 | vm.$nextTick(function () {
|
3269 | _this9.reload();
|
3270 | });
|
3271 | }
|
3272 | }, {
|
3273 | key: "setFormData",
|
3274 | value: function setFormData(parser, value) {
|
3275 | $set(this.formData, parser.field, value);
|
3276 | }
|
3277 | }, {
|
3278 | key: "getFormData",
|
3279 | value: function getFormData(parser) {
|
3280 | return this.formData[parser.field];
|
3281 | }
|
3282 | }, {
|
3283 | key: "fields",
|
3284 | value: function fields() {
|
3285 | return Object.keys(this.formData);
|
3286 | }
|
3287 | }, {
|
3288 | key: "isNoVal",
|
3289 | value: function isNoVal(parser) {
|
3290 | return !parser.isDef;
|
3291 | }
|
3292 | }]);
|
3293 |
|
3294 | return Handle;
|
3295 | }();
|
3296 | function delParser(parser, value) {
|
3297 | if (parser.ctrlRule) removeControl(parser);
|
3298 | parser.watch.forEach(function (unWatch) {
|
3299 | return unWatch();
|
3300 | });
|
3301 | parser.watch = [];
|
3302 | parser.deleted = true;
|
3303 | parser.root = [];
|
3304 | Object.defineProperty(parser.rule, 'value', {
|
3305 | value: value
|
3306 | });
|
3307 | }
|
3308 |
|
3309 | function parseArray(validate) {
|
3310 | return Array.isArray(validate) ? validate : [];
|
3311 | }
|
3312 |
|
3313 | function getControl(parser) {
|
3314 | var control = parser.rule.control || [];
|
3315 | if (isPlainObject(control)) return [control];else return control;
|
3316 | }
|
3317 |
|
3318 | function removeControl(parser) {
|
3319 | var index = parser.root.indexOf(parser.ctrlRule);
|
3320 | if (index !== -1) parser.root.splice(index, 1);
|
3321 | parser.ctrlRule = null;
|
3322 | }
|
3323 |
|
3324 | function defRule() {
|
3325 | return {
|
3326 | validate: [],
|
3327 | col: {},
|
3328 | emit: [],
|
3329 | props: {},
|
3330 | on: {},
|
3331 | options: [],
|
3332 | title: undefined,
|
3333 | value: null,
|
3334 | field: '',
|
3335 | name: undefined,
|
3336 | className: undefined
|
3337 | };
|
3338 | }
|
3339 |
|
3340 | function bindParser(rule, parser) {
|
3341 | Object.defineProperties(rule, {
|
3342 | __field__: enumerable(parser.field),
|
3343 | __fc__: enumerable(parser)
|
3344 | });
|
3345 | }
|
3346 |
|
3347 | var NAME$5 = 'fcFragment';
|
3348 | var fragment = {
|
3349 | name: NAME$5,
|
3350 | functional: true,
|
3351 | props: {
|
3352 | children: Array
|
3353 | },
|
3354 | render: function render(h, ctx) {
|
3355 | return ctx.children;
|
3356 | }
|
3357 | };
|
3358 |
|
3359 | var _vue = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
|
3360 | function createFormCreate(drive) {
|
3361 | var components = _defineProperty({}, fragment.name, fragment),
|
3362 | parsers = {},
|
3363 | maker = makerFactory(),
|
3364 | globalConfig = drive.getConfig(),
|
3365 | data = {},
|
3366 | modelEvents = {};
|
3367 |
|
3368 | function setParser(id, parser) {
|
3369 | id = toString$1(id);
|
3370 | parsers[id.toLocaleLowerCase()] = parser;
|
3371 | FormCreate.maker[id] = creatorFactory(id);
|
3372 | }
|
3373 |
|
3374 | function setModel(id, model) {
|
3375 | modelEvents[id.toLocaleLowerCase()] = model;
|
3376 | }
|
3377 |
|
3378 | function createParser() {
|
3379 | return (
|
3380 |
|
3381 | function (_BaseParser) {
|
3382 | _inherits(Parser, _BaseParser);
|
3383 |
|
3384 | function Parser() {
|
3385 | _classCallCheck(this, Parser);
|
3386 |
|
3387 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
3388 | }
|
3389 |
|
3390 | return Parser;
|
3391 | }(BaseParser)
|
3392 | );
|
3393 | }
|
3394 |
|
3395 | function component(id, component) {
|
3396 | id = toString$1(id);
|
3397 |
|
3398 | var _id = id.toLocaleLowerCase();
|
3399 |
|
3400 | if (_id === 'form-create' || _id === 'formcreate') return get$FormCreate();
|
3401 | if (component === undefined) return components[id];else components[id] = component;
|
3402 | }
|
3403 |
|
3404 | function margeGlobal(config, _options) {
|
3405 | if (isBool(_options.submitBtn)) _options.submitBtn = {
|
3406 | show: _options.submitBtn
|
3407 | };
|
3408 | if (isBool(_options.resetBtn)) _options.resetBtn = {
|
3409 | show: _options.resetBtn
|
3410 | };
|
3411 | var options = deepExtend(config, _options);
|
3412 | $set(options, 'el', !options.el ? window.document.body : isElement(options.el) ? options.el : document.querySelector(options.el));
|
3413 | return options;
|
3414 | }
|
3415 |
|
3416 | function get$FormCreate() {
|
3417 | return _vue.extend($FormCreate(FormCreate, components));
|
3418 | }
|
3419 |
|
3420 | function bindAttr(formCreate) {
|
3421 | extend(formCreate, {
|
3422 | version: drive.version,
|
3423 | ui: drive.ui,
|
3424 | maker: maker,
|
3425 | component: component,
|
3426 | setParser: setParser,
|
3427 | createParser: createParser,
|
3428 | data: data,
|
3429 | copyRule: copyRule,
|
3430 | copyRules: copyRules,
|
3431 | $form: function $form() {
|
3432 | return get$FormCreate();
|
3433 | },
|
3434 | parseJson: function parseJson$1(json) {
|
3435 | return parseJson(json);
|
3436 | }
|
3437 | });
|
3438 | }
|
3439 |
|
3440 | function _create(rules, option) {
|
3441 | var $vm = new _vue({
|
3442 | data: function data() {
|
3443 | return {
|
3444 | rule: rules,
|
3445 | option: isElement(option) ? {
|
3446 | el: option
|
3447 | } : option
|
3448 | };
|
3449 | },
|
3450 | render: function render() {
|
3451 | var h = arguments[0];
|
3452 | return h("form-create", helper([{
|
3453 | "ref": 'fc'
|
3454 | }, {
|
3455 | "props": this.$data
|
3456 | }]));
|
3457 | }
|
3458 | });
|
3459 | $vm.$mount();
|
3460 | return $vm;
|
3461 | }
|
3462 |
|
3463 | var FormCreate =
|
3464 |
|
3465 | function () {
|
3466 | function FormCreate(rules) {
|
3467 | var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
3468 |
|
3469 | _classCallCheck(this, FormCreate);
|
3470 |
|
3471 | this.fCreateApi = undefined;
|
3472 | this.drive = drive;
|
3473 | this.parsers = parsers;
|
3474 | this.modelEvents = modelEvents;
|
3475 | this.vm = undefined;
|
3476 | this.rules = Array.isArray(rules) ? rules : [];
|
3477 | this.options = margeGlobal(deepExtend({
|
3478 | formData: {}
|
3479 | }, globalConfig), options);
|
3480 | }
|
3481 |
|
3482 | _createClass(FormCreate, [{
|
3483 | key: "beforeCreate",
|
3484 | value: function beforeCreate(vm) {
|
3485 | this.vm = vm;
|
3486 | this.handle = new Handle(this);
|
3487 | }
|
3488 | }, {
|
3489 | key: "created",
|
3490 | value: function created() {
|
3491 | this.handle.created();
|
3492 | }
|
3493 | }, {
|
3494 | key: "api",
|
3495 | value: function api() {
|
3496 | return this.handle.fCreateApi;
|
3497 | }
|
3498 | }, {
|
3499 | key: "render",
|
3500 | value: function render() {
|
3501 | return this.handle.run();
|
3502 | }
|
3503 | }, {
|
3504 | key: "mounted",
|
3505 | value: function mounted() {
|
3506 | this.handle.mounted();
|
3507 | }
|
3508 | }, {
|
3509 | key: "$emit",
|
3510 | value: function $emit(eventName) {
|
3511 | var _this$$parent, _this$vm;
|
3512 |
|
3513 | for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
3514 | params[_key - 1] = arguments[_key];
|
3515 | }
|
3516 |
|
3517 | if (this.$parent) (_this$$parent = this.$parent).$emit.apply(_this$$parent, ["fc:".concat(eventName)].concat(params));
|
3518 |
|
3519 | (_this$vm = this.vm).$emit.apply(_this$vm, [eventName].concat(params));
|
3520 | }
|
3521 | }], [{
|
3522 | key: "create",
|
3523 | value: function create(rules) {
|
3524 | var _opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
3525 |
|
3526 | var parent = arguments.length > 2 ? arguments[2] : undefined;
|
3527 |
|
3528 | var $vm = _create(rules, _opt);
|
3529 |
|
3530 | var _this = $vm.$refs.fc.formCreate;
|
3531 | _this.parent = parent;
|
3532 |
|
3533 | _this.options.el.appendChild($vm.$el);
|
3534 |
|
3535 | return _this.handle.fCreateApi;
|
3536 | }
|
3537 | }, {
|
3538 | key: "install",
|
3539 | value: function install(Vue, options) {
|
3540 | if (options && isPlainObject(options)) margeGlobal(globalConfig, options);
|
3541 | if (Vue._installedFormCreate === true) return;
|
3542 | Vue._installedFormCreate = true;
|
3543 |
|
3544 | var $formCreate = function $formCreate(rules) {
|
3545 | var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
3546 | return FormCreate.create(rules, opt, this);
|
3547 | };
|
3548 |
|
3549 | bindAttr($formCreate);
|
3550 | Vue.prototype.$formCreate = $formCreate;
|
3551 | Vue.component(formCreateName, get$FormCreate());
|
3552 | Vue.component(fragment.name, _vue.extend(fragment));
|
3553 | _vue = Vue;
|
3554 | }
|
3555 | }, {
|
3556 | key: "init",
|
3557 | value: function init(rules) {
|
3558 | var _opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
3559 |
|
3560 | var $vm = _create(rules, _opt),
|
3561 | formCreate = $vm.$refs.fc.formCreate;
|
3562 |
|
3563 | return {
|
3564 | mount: function mount($el) {
|
3565 | if ($el && isElement($el)) formCreate.options.el = $el;
|
3566 | formCreate.options.el.appendChild($vm.$el);
|
3567 | return formCreate.handle.fCreateApi;
|
3568 | },
|
3569 | remove: function remove() {
|
3570 | formCreate.options.el.removeChild($vm.$el);
|
3571 | },
|
3572 | destroy: function destroy() {
|
3573 | this.remove();
|
3574 | $vm.$destroy();
|
3575 | },
|
3576 | $f: formCreate.handle.fCreateApi
|
3577 | };
|
3578 | }
|
3579 | }]);
|
3580 |
|
3581 | return FormCreate;
|
3582 | }();
|
3583 |
|
3584 | bindAttr(FormCreate);
|
3585 | drive.components.forEach(function (component) {
|
3586 | FormCreate.component(component.name, component);
|
3587 | });
|
3588 | drive.parsers.forEach(function (_ref) {
|
3589 | var name = _ref.name,
|
3590 | parser = _ref.parser;
|
3591 | FormCreate.setParser(name, parser);
|
3592 | });
|
3593 | Object.keys(drive.makers).forEach(function (name) {
|
3594 | FormCreate.maker[name] = drive.makers[name];
|
3595 | });
|
3596 |
|
3597 | if (drive.modelEvents) {
|
3598 | Object.keys(drive.modelEvents).forEach(function (name) {
|
3599 | return setModel(name, drive.modelEvents[name]);
|
3600 | });
|
3601 | }
|
3602 |
|
3603 | return {
|
3604 | FormCreate: FormCreate,
|
3605 | install: FormCreate.install
|
3606 | };
|
3607 | }
|
3608 |
|
3609 | var BaseForm =
|
3610 |
|
3611 | function () {
|
3612 | function BaseForm(handle) {
|
3613 | _classCallCheck(this, BaseForm);
|
3614 |
|
3615 | this.$handle = handle;
|
3616 | this.vm = handle.vm;
|
3617 | this.drive = this.$handle.fc.drive;
|
3618 | this.options = handle.options;
|
3619 | this.vNode = new VNode(this.vm);
|
3620 | this.vData = new VData();
|
3621 | this.unique = uniqueId();
|
3622 | this.refName = "cForm".concat(this.unique);
|
3623 | }
|
3624 |
|
3625 | _createClass(BaseForm, [{
|
3626 | key: "getFormRef",
|
3627 | value: function getFormRef() {
|
3628 | return this.vm.$refs[this.refName];
|
3629 | }
|
3630 | }, {
|
3631 | key: "init",
|
3632 | value: function init() {
|
3633 | this.$render = this.$handle.$render;
|
3634 | }
|
3635 | }, {
|
3636 | key: "getGetCol",
|
3637 | value: function getGetCol(parser) {
|
3638 | var field = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'col';
|
3639 | var col = parser.rule[field] || {},
|
3640 | mCol = {},
|
3641 | pCol = {},
|
3642 | global = this.options.global;
|
3643 | if (!global) return col;
|
3644 |
|
3645 | if (global['*']) {
|
3646 | mCol = global['*'][field] || {};
|
3647 | }
|
3648 |
|
3649 | if (global[parser.type]) {
|
3650 | pCol = global[parser.type][field] || {};
|
3651 | } else if (global[parser.originType]) {
|
3652 | pCol = global[parser.originType][field] || {};
|
3653 | }
|
3654 |
|
3655 | col = deepExtendArgs({}, mCol, pCol, col);
|
3656 | return col;
|
3657 | }
|
3658 | }, {
|
3659 | key: "beforeRender",
|
3660 | value: function beforeRender() {}
|
3661 | }, {
|
3662 | key: "render",
|
3663 | value: function render() {}
|
3664 | }, {
|
3665 | key: "inputVData",
|
3666 | value: function inputVData() {}
|
3667 | }]);
|
3668 |
|
3669 | return BaseForm;
|
3670 | }();
|
3671 |
|
3672 | var NAME$6 = 'fc-ivu-group';
|
3673 | var group = {
|
3674 | name: NAME$6,
|
3675 | props: {
|
3676 | rule: Object,
|
3677 | rules: Array,
|
3678 | button: {
|
3679 | type: Boolean,
|
3680 | default: true
|
3681 | },
|
3682 | formCreate: Object,
|
3683 | max: {
|
3684 | type: Number,
|
3685 | default: 0
|
3686 | },
|
3687 | min: {
|
3688 | type: Number,
|
3689 | default: 0
|
3690 | },
|
3691 | value: {
|
3692 | type: Array,
|
3693 | default: function _default() {
|
3694 | return [];
|
3695 | }
|
3696 | },
|
3697 | disabled: {
|
3698 | type: Boolean,
|
3699 | default: false
|
3700 | },
|
3701 | fontSize: {
|
3702 | type: Number,
|
3703 | default: 28
|
3704 | }
|
3705 | },
|
3706 | data: function data() {
|
3707 | return {
|
3708 | option: deepExtendArgs({}, this.formCreate.config || {}, {
|
3709 | submitBtn: false,
|
3710 | resetBtn: false,
|
3711 | mounted: undefined,
|
3712 | onReload: undefined
|
3713 | }),
|
3714 | len: 0,
|
3715 | cacheRule: {},
|
3716 | group$f: {},
|
3717 | fieldRule: {}
|
3718 | };
|
3719 | },
|
3720 | computed: {
|
3721 | formRule: function formRule() {
|
3722 | if (this.rule) return [this.rule];else if (this.rules) return this.rules;
|
3723 | return [];
|
3724 | },
|
3725 | formData: function formData() {
|
3726 | var _this = this;
|
3727 |
|
3728 | return Object.keys(this.fieldRule).map(function (key) {
|
3729 | var keys = Object.keys(_this.fieldRule[key]);
|
3730 | return _this.rule ? keys[0] === undefined ? null : _this.fieldRule[key][keys[0]].value : keys.reduce(function (initial, field) {
|
3731 | initial[field] = _this.fieldRule[key][field].value;
|
3732 | return initial;
|
3733 | }, {});
|
3734 | });
|
3735 | }
|
3736 | },
|
3737 | watch: {
|
3738 | disabled: function disabled(n) {
|
3739 | var lst = this.group$f;
|
3740 | Object.keys(lst).forEach(function (k) {
|
3741 | lst[k].disabled(n);
|
3742 | });
|
3743 | },
|
3744 | formData: function formData(n) {
|
3745 | this.$emit('input', n);
|
3746 | this.$emit('change', n);
|
3747 | },
|
3748 | value: {
|
3749 | handler: function handler(n) {
|
3750 | var _this2 = this;
|
3751 |
|
3752 | var keys = Object.keys(this.cacheRule),
|
3753 | total = keys.length,
|
3754 | len = total - n.length;
|
3755 |
|
3756 | if (len < 0) {
|
3757 | for (var i = len; i < 0; i++) {
|
3758 | this.addRule();
|
3759 | }
|
3760 |
|
3761 | for (var _i = 0; _i < total; _i++) {
|
3762 | this.setValue(this.group$f[keys[_i]], n[_i]);
|
3763 | }
|
3764 | } else {
|
3765 | if (len > 0) {
|
3766 | for (var _i2 = 0; _i2 < len; _i2++) {
|
3767 | this.removeRule(keys[total - _i2 - 1]);
|
3768 | }
|
3769 |
|
3770 | this.subForm();
|
3771 | }
|
3772 |
|
3773 | n.forEach(function (val, i) {
|
3774 | _this2.setValue(_this2.group$f[keys[i]], n[i]);
|
3775 | });
|
3776 | }
|
3777 | },
|
3778 | deep: true,
|
3779 | immediate: true
|
3780 | }
|
3781 | },
|
3782 | methods: {
|
3783 | setValue: function setValue($f, value) {
|
3784 | if (this.rule) {
|
3785 | var fields = $f.fields();
|
3786 | if (!fields[0]) return;
|
3787 | $f.setValue(fields[0], value);
|
3788 | } else {
|
3789 | $f.setValue(value);
|
3790 | }
|
3791 | },
|
3792 | addRule: function addRule(emit) {
|
3793 | var _this3 = this;
|
3794 |
|
3795 | var rule = this.copyRule();
|
3796 | this.$set(this.cacheRule, ++this.len, rule);
|
3797 | if (emit) this.$nextTick(function () {
|
3798 | return _this3.$emit('add', rule, Object.keys(_this3.cacheRule).length - 1);
|
3799 | });
|
3800 | },
|
3801 | add$f: function add$f(i, key, $f) {
|
3802 | this.group$f[key] = $f;
|
3803 | this.setValue($f, this.value[i]);
|
3804 | this.syncData(key, $f);
|
3805 | this.subForm();
|
3806 | this.$emit('itemMounted', $f, Object.keys(this.cacheRule).indexOf(key));
|
3807 | },
|
3808 | subForm: function subForm() {
|
3809 | var _this4 = this;
|
3810 |
|
3811 | this.$emit('fc.subForm', Object.keys(this.group$f).map(function (k) {
|
3812 | return _this4.group$f[k];
|
3813 | }));
|
3814 | },
|
3815 | syncData: function syncData(key, $f) {
|
3816 | var _this5 = this;
|
3817 |
|
3818 | this.$set(this.fieldRule, key, {});
|
3819 | $f.fields().forEach(function (field) {
|
3820 | _this5.fieldRule[key][field] = $f.getRule(field);
|
3821 | });
|
3822 | },
|
3823 | removeRule: function removeRule(key, emit) {
|
3824 | var _this6 = this;
|
3825 |
|
3826 | var index = Object.keys(this.cacheRule).indexOf(key);
|
3827 | this.$delete(this.cacheRule, key);
|
3828 | this.$delete(this.fieldRule, key);
|
3829 | this.$delete(this.group$f, key);
|
3830 | if (emit) this.$nextTick(function () {
|
3831 | return _this6.$emit('remove', index);
|
3832 | });
|
3833 | },
|
3834 | copyRule: function copyRule() {
|
3835 | return copyRules(this.formRule);
|
3836 | },
|
3837 | add: function add() {
|
3838 | !this.disabled && this.addRule(true);
|
3839 | },
|
3840 | del: function del(key) {
|
3841 | if (this.disabled) return;
|
3842 | this.removeRule(key, true);
|
3843 | this.subForm();
|
3844 | },
|
3845 | addIcon: function addIcon(key) {
|
3846 | var h = this.$createElement;
|
3847 | return h("Icon", {
|
3848 | "key": "a".concat(key),
|
3849 | "attrs": {
|
3850 | "type": iviewConfig.addIcon
|
3851 | },
|
3852 | "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer;color:#000'),
|
3853 | "on": {
|
3854 | "click": this.add
|
3855 | }
|
3856 | });
|
3857 | },
|
3858 | delIcon: function delIcon(key) {
|
3859 | var _this7 = this;
|
3860 |
|
3861 | var h = this.$createElement;
|
3862 | return h("Icon", {
|
3863 | "key": "d".concat(key),
|
3864 | "attrs": {
|
3865 | "type": iviewConfig.removeIcon
|
3866 | },
|
3867 | "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer', ";"),
|
3868 | "on": {
|
3869 | "click": function click() {
|
3870 | return _this7.del(key);
|
3871 | }
|
3872 | }
|
3873 | });
|
3874 | },
|
3875 | makeIcon: function makeIcon(total, index, key) {
|
3876 | var _this8 = this;
|
3877 |
|
3878 | if (this.$scopedSlots.button) return this.$scopedSlots.button({
|
3879 | total: total,
|
3880 | index: index,
|
3881 | vm: this,
|
3882 | key: key,
|
3883 | del: function del() {
|
3884 | return _this8.del(key);
|
3885 | },
|
3886 | add: this.add
|
3887 | });
|
3888 |
|
3889 | if (index === 0) {
|
3890 | return [this.max !== 0 && total >= this.max ? null : this.addIcon(key), this.min === 0 || total > this.min ? this.delIcon(key) : null];
|
3891 | } else if (index >= this.min) {
|
3892 | return this.delIcon(key);
|
3893 | }
|
3894 | }
|
3895 | },
|
3896 | render: function render() {
|
3897 | var _this9 = this;
|
3898 |
|
3899 | var h = arguments[0];
|
3900 | var keys = Object.keys(this.cacheRule);
|
3901 | var button = this.button;
|
3902 | return keys.length === 0 ? this.$scopedSlots.default ? this.$scopedSlots.default({
|
3903 | vm: this,
|
3904 | add: this.add
|
3905 | }) : h("Icon", {
|
3906 | "key": 'a_def',
|
3907 | "attrs": {
|
3908 | "type": iviewConfig.addIcon
|
3909 | },
|
3910 | "style": "font-size:".concat(this.fontSize, "px;vertical-align:middle;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer', ";"),
|
3911 | "on": {
|
3912 | "click": this.add
|
3913 | }
|
3914 | }) : h("div", {
|
3915 | "class": "fc-group",
|
3916 | "key": 'con'
|
3917 | }, [keys.map(function (key, index) {
|
3918 | var rule = _this9.cacheRule[key];
|
3919 | return h("Row", {
|
3920 | "attrs": {
|
3921 | "align": "middle",
|
3922 | "type": "flex"
|
3923 | },
|
3924 | "key": key,
|
3925 | "style": "background-color:#f5f7fa;padding:10px;border-radius:5px;margin-bottom:10px;"
|
3926 | }, [h("Col", {
|
3927 | "attrs": {
|
3928 | "span": button ? 20 : 24
|
3929 | }
|
3930 | }, [h("FormItem", [h("FormCreate", {
|
3931 | "on": {
|
3932 | "mounted": function mounted($f) {
|
3933 | return _this9.add$f(index, key, $f);
|
3934 | },
|
3935 | "on-reload": function onReload($f) {
|
3936 | return _this9.syncData(key, $f);
|
3937 | }
|
3938 | },
|
3939 | "attrs": {
|
3940 | "rule": rule,
|
3941 | "option": _this9.option
|
3942 | }
|
3943 | })])]), button ? h("Col", {
|
3944 | "attrs": {
|
3945 | "span": 2,
|
3946 | "pull": 1,
|
3947 | "push": 1
|
3948 | }
|
3949 | }, [_this9.makeIcon(keys.length, index, key)]) : null]);
|
3950 | })]);
|
3951 | }
|
3952 | };
|
3953 |
|
3954 | var components = [checkbox, frame, radio, select, tree, upload, group];
|
3955 |
|
3956 | var parser =
|
3957 |
|
3958 | function (_BaseParser) {
|
3959 | _inherits(parser, _BaseParser);
|
3960 |
|
3961 | function parser() {
|
3962 | _classCallCheck(this, parser);
|
3963 |
|
3964 | return _possibleConstructorReturn(this, _getPrototypeOf(parser).apply(this, arguments));
|
3965 | }
|
3966 |
|
3967 | _createClass(parser, [{
|
3968 | key: "render",
|
3969 | value: function render(children) {
|
3970 | var _this = this;
|
3971 |
|
3972 | return this.vNode.checkbox({
|
3973 | props: {
|
3974 | ctx: this.$render.inputVData(this, true).get(),
|
3975 | options: this.rule.options,
|
3976 | value: this.$handle.getFormData(this),
|
3977 | children: children
|
3978 | },
|
3979 | on: {
|
3980 | input: function input(n) {
|
3981 | _this.$render.onInput(_this, n);
|
3982 | }
|
3983 | }
|
3984 | });
|
3985 | }
|
3986 | }]);
|
3987 |
|
3988 | return parser;
|
3989 | }(BaseParser);
|
3990 |
|
3991 | var name = 'checkbox';
|
3992 | var checkbox$1 = {
|
3993 | parser: parser,
|
3994 | name: name
|
3995 | };
|
3996 |
|
3997 | var Parser =
|
3998 |
|
3999 | function (_BaseParser) {
|
4000 | _inherits(Parser, _BaseParser);
|
4001 |
|
4002 | function Parser() {
|
4003 | _classCallCheck(this, Parser);
|
4004 |
|
4005 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4006 | }
|
4007 |
|
4008 | _createClass(Parser, [{
|
4009 | key: "init",
|
4010 | value: function init() {
|
4011 | var props = this.rule.props;
|
4012 | if (props.startDate) $set(props, 'startDate', timeStampToDate(props.startDate));
|
4013 | }
|
4014 | }, {
|
4015 | key: "isRange",
|
4016 | value: function isRange() {
|
4017 | return this.el.type.includes('range') || this.el.multiple;
|
4018 | }
|
4019 | }, {
|
4020 | key: "_toValue",
|
4021 | value: function _toValue(val) {
|
4022 | var value = this.el.formatDate(val || ''),
|
4023 | separator = this.el.separator,
|
4024 | isRange = this.isRange();
|
4025 | if (!value) return isRange ? this.el.multiple ? [] : ['', ''] : value;else if (isRange) return value.split(separator);else return value;
|
4026 | }
|
4027 | }, {
|
4028 | key: "toValue",
|
4029 | value: function toValue(formValue) {
|
4030 | var el = this.$handle.vm.$refs[this.refName];
|
4031 |
|
4032 | if (el) {
|
4033 | this.el = el;
|
4034 | return this._toValue(formValue);
|
4035 | }
|
4036 |
|
4037 | return formValue;
|
4038 | }
|
4039 | }, {
|
4040 | key: "toFormValue",
|
4041 | value: function toFormValue(value) {
|
4042 | var isArr = Array.isArray(value),
|
4043 | props = this.rule.props,
|
4044 | parseValue,
|
4045 | type = props.type || 'date';
|
4046 |
|
4047 | if (['daterange', 'datetimerange'].indexOf(type) !== -1) {
|
4048 | if (isArr) {
|
4049 | parseValue = value.map(function (time) {
|
4050 | return !time ? '' : timeStampToDate(time);
|
4051 | });
|
4052 | } else {
|
4053 | parseValue = ['', ''];
|
4054 | }
|
4055 | } else if ('date' === type && props.multiple === true) {
|
4056 | parseValue = toString(value);
|
4057 | } else {
|
4058 | parseValue = isArr ? value[0] || '' : value;
|
4059 | parseValue = !parseValue ? '' : timeStampToDate(parseValue);
|
4060 | }
|
4061 |
|
4062 | return parseValue;
|
4063 | }
|
4064 | }, {
|
4065 | key: "mounted",
|
4066 | value: function mounted() {
|
4067 | var _this = this;
|
4068 |
|
4069 | this.toFormValue = function (val) {
|
4070 | var v = _this.el.parseDate(val);
|
4071 |
|
4072 | return _this.isRange() ? v : v[0];
|
4073 | };
|
4074 |
|
4075 | this.toValue = this._toValue;
|
4076 | }
|
4077 | }]);
|
4078 |
|
4079 | return Parser;
|
4080 | }(BaseParser);
|
4081 |
|
4082 | var name$1 = 'datePicker';
|
4083 | var datePicker = {
|
4084 | parser: Parser,
|
4085 | name: name$1
|
4086 | };
|
4087 |
|
4088 | var Parser$1 =
|
4089 |
|
4090 | function (_BaseParser) {
|
4091 | _inherits(Parser, _BaseParser);
|
4092 |
|
4093 | function Parser() {
|
4094 | _classCallCheck(this, Parser);
|
4095 |
|
4096 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4097 | }
|
4098 |
|
4099 | _createClass(Parser, [{
|
4100 | key: "render",
|
4101 | value: function render(children) {
|
4102 | var data = this.$render.inputVData(this).props('field', this.field);
|
4103 | return this.vNode.frame(data, children);
|
4104 | }
|
4105 | }, {
|
4106 | key: "closeModel",
|
4107 | value: function closeModel() {
|
4108 | this.el.closeModel && this.el.closeModel();
|
4109 | }
|
4110 | }]);
|
4111 |
|
4112 | return Parser;
|
4113 | }(BaseParser);
|
4114 |
|
4115 | var name$2 = 'frame';
|
4116 | var frame$1 = {
|
4117 | parser: Parser$1,
|
4118 | name: name$2
|
4119 | };
|
4120 |
|
4121 | var name$3 = 'hidden';
|
4122 |
|
4123 | var parser$1 =
|
4124 |
|
4125 | function (_BaseParser) {
|
4126 | _inherits(parser, _BaseParser);
|
4127 |
|
4128 | function parser() {
|
4129 | _classCallCheck(this, parser);
|
4130 |
|
4131 | return _possibleConstructorReturn(this, _getPrototypeOf(parser).apply(this, arguments));
|
4132 | }
|
4133 |
|
4134 | _createClass(parser, [{
|
4135 | key: "render",
|
4136 | value: function render() {
|
4137 | return [];
|
4138 | }
|
4139 | }]);
|
4140 |
|
4141 | return parser;
|
4142 | }(BaseParser);
|
4143 |
|
4144 | var hidden = {
|
4145 | parser: parser$1,
|
4146 | name: name$3
|
4147 | };
|
4148 |
|
4149 | var Parser$2 =
|
4150 |
|
4151 | function (_BaseParser) {
|
4152 | _inherits(Parser, _BaseParser);
|
4153 |
|
4154 | function Parser() {
|
4155 | _classCallCheck(this, Parser);
|
4156 |
|
4157 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4158 | }
|
4159 |
|
4160 | _createClass(Parser, [{
|
4161 | key: "init",
|
4162 | value: function init() {
|
4163 | var props = this.rule.props;
|
4164 | if (props.autosize && props.autosize.minRows) $set(props, 'rows', props.autosize.minRows || 2);
|
4165 | }
|
4166 | }]);
|
4167 |
|
4168 | return Parser;
|
4169 | }(BaseParser);
|
4170 |
|
4171 | var name$4 = 'input';
|
4172 | var input = {
|
4173 | parser: Parser$2,
|
4174 | name: name$4
|
4175 | };
|
4176 |
|
4177 | var Parser$3 =
|
4178 |
|
4179 | function (_BaseParser) {
|
4180 | _inherits(Parser, _BaseParser);
|
4181 |
|
4182 | function Parser() {
|
4183 | _classCallCheck(this, Parser);
|
4184 |
|
4185 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4186 | }
|
4187 |
|
4188 | _createClass(Parser, [{
|
4189 | key: "toFormValue",
|
4190 | value: function toFormValue(value) {
|
4191 | return this.rule.options.filter(function (opt) {
|
4192 | return opt.value === value;
|
4193 | }).reduce(function (initial, opt) {
|
4194 | return opt.label;
|
4195 | }, '');
|
4196 | }
|
4197 | }, {
|
4198 | key: "toValue",
|
4199 | value: function toValue(parseValue) {
|
4200 | return this.rule.options.filter(function (opt) {
|
4201 | return opt.label === parseValue;
|
4202 | }).reduce(function (initial, opt) {
|
4203 | return opt.value;
|
4204 | }, '');
|
4205 | }
|
4206 | }, {
|
4207 | key: "render",
|
4208 | value: function render(children) {
|
4209 | return this.vNode.radio(this.$render.inputVData(this).props({
|
4210 | 'options': this.rule.options
|
4211 | }), children);
|
4212 | }
|
4213 | }]);
|
4214 |
|
4215 | return Parser;
|
4216 | }(BaseParser);
|
4217 |
|
4218 | var name$5 = 'radio';
|
4219 | var radio$1 = {
|
4220 | parser: Parser$3,
|
4221 | name: name$5
|
4222 | };
|
4223 |
|
4224 | var Parser$4 =
|
4225 |
|
4226 | function (_BaseParser) {
|
4227 | _inherits(Parser, _BaseParser);
|
4228 |
|
4229 | function Parser() {
|
4230 | _classCallCheck(this, Parser);
|
4231 |
|
4232 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4233 | }
|
4234 |
|
4235 | _createClass(Parser, [{
|
4236 | key: "render",
|
4237 | value: function render(children) {
|
4238 | return this.vNode.select(this.$render.inputVData(this).props('options', this.rule.options), children);
|
4239 | }
|
4240 | }]);
|
4241 |
|
4242 | return Parser;
|
4243 | }(BaseParser);
|
4244 |
|
4245 | var name$6 = 'select';
|
4246 | var select$1 = {
|
4247 | parser: Parser$4,
|
4248 | name: name$6
|
4249 | };
|
4250 |
|
4251 | var Parser$5 =
|
4252 |
|
4253 | function (_BaseParser) {
|
4254 | _inherits(Parser, _BaseParser);
|
4255 |
|
4256 | function Parser() {
|
4257 | _classCallCheck(this, Parser);
|
4258 |
|
4259 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4260 | }
|
4261 |
|
4262 | _createClass(Parser, [{
|
4263 | key: "toFormValue",
|
4264 | value: function toFormValue(value) {
|
4265 | var rule = this.rule,
|
4266 | isArr = Array.isArray(value),
|
4267 | props = rule.props,
|
4268 | min = props.min || 0,
|
4269 | parseValue;
|
4270 |
|
4271 | if (props.range === true) {
|
4272 | parseValue = isArr ? value : [min, parseFloat(value) || min];
|
4273 | } else {
|
4274 | parseValue = isArr ? parseFloat(value[0]) || min : parseFloat(value);
|
4275 | }
|
4276 |
|
4277 | return parseValue;
|
4278 | }
|
4279 | }]);
|
4280 |
|
4281 | return Parser;
|
4282 | }(BaseParser);
|
4283 |
|
4284 | var name$7 = 'slider';
|
4285 | var slider = {
|
4286 | parser: Parser$5,
|
4287 | name: name$7
|
4288 | };
|
4289 |
|
4290 | var parser$2 =
|
4291 |
|
4292 | function (_BaseParser) {
|
4293 | _inherits(parser, _BaseParser);
|
4294 |
|
4295 | function parser() {
|
4296 | _classCallCheck(this, parser);
|
4297 |
|
4298 | return _possibleConstructorReturn(this, _getPrototypeOf(parser).apply(this, arguments));
|
4299 | }
|
4300 |
|
4301 | _createClass(parser, [{
|
4302 | key: "render",
|
4303 | value: function render(children) {
|
4304 | var rule = this.rule,
|
4305 | slot = rule.props.slot || {};
|
4306 | return this.vNode.switch(this.$render.inputVData(this).scopedSlots({
|
4307 | open: function open() {
|
4308 | return slot.open;
|
4309 | },
|
4310 | close: function close() {
|
4311 | return slot.close;
|
4312 | }
|
4313 | }).get(), children);
|
4314 | }
|
4315 | }]);
|
4316 |
|
4317 | return parser;
|
4318 | }(BaseParser);
|
4319 |
|
4320 | var name$8 = 'switch';
|
4321 | var iswitch = {
|
4322 | parser: parser$2,
|
4323 | name: name$8
|
4324 | };
|
4325 |
|
4326 | var Parser$6 =
|
4327 |
|
4328 | function (_BaseParser) {
|
4329 | _inherits(Parser, _BaseParser);
|
4330 |
|
4331 | function Parser() {
|
4332 | _classCallCheck(this, Parser);
|
4333 |
|
4334 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4335 | }
|
4336 |
|
4337 | _createClass(Parser, [{
|
4338 | key: "render",
|
4339 | value: function render(children) {
|
4340 | var _this = this;
|
4341 |
|
4342 | var data = this.$render.parserToData(this).get();
|
4343 | return this.vNode.tree({
|
4344 | props: {
|
4345 | ctx: data,
|
4346 | children: children,
|
4347 | value: this.$handle.getFormData(this),
|
4348 | type: data.props.type
|
4349 | },
|
4350 | ref: this.refName,
|
4351 | key: this.key,
|
4352 | on: {
|
4353 | input: function input(value) {
|
4354 | _this.$render.onInput(_this, value);
|
4355 | }
|
4356 | }
|
4357 | });
|
4358 | }
|
4359 | }]);
|
4360 |
|
4361 | return Parser;
|
4362 | }(BaseParser);
|
4363 |
|
4364 | var name$9 = 'tree';
|
4365 | var tree$1 = {
|
4366 | parser: Parser$6,
|
4367 | name: name$9
|
4368 | };
|
4369 |
|
4370 | var Parser$7 =
|
4371 |
|
4372 | function (_BaseParser) {
|
4373 | _inherits(Parser, _BaseParser);
|
4374 |
|
4375 | function Parser() {
|
4376 | _classCallCheck(this, Parser);
|
4377 |
|
4378 | return _possibleConstructorReturn(this, _getPrototypeOf(Parser).apply(this, arguments));
|
4379 | }
|
4380 |
|
4381 | _createClass(Parser, [{
|
4382 | key: "render",
|
4383 | value: function render(children) {
|
4384 | var _this = this;
|
4385 |
|
4386 | var ctx = this.$render.parserToData(this).get();
|
4387 | var key = this.key,
|
4388 | refName = this.refName;
|
4389 | delete ctx.props.defaultFileList;
|
4390 | var props = {
|
4391 | uploadType: ctx.props.uploadType,
|
4392 | maxLength: ctx.props.maxLength,
|
4393 | modalTitle: ctx.props.modalTitle,
|
4394 | handleIcon: ctx.props.handleIcon,
|
4395 | onHandle: ctx.props.onHandle,
|
4396 | allowRemove: ctx.props.allowRemove,
|
4397 | value: this.$handle.getFormData(this),
|
4398 | ctx: ctx,
|
4399 | children: children
|
4400 | };
|
4401 | return this.vNode.upload({
|
4402 | props: props,
|
4403 | key: key,
|
4404 | ref: refName,
|
4405 | on: {
|
4406 | input: function input(n) {
|
4407 | _this.$render.onInput(_this, n);
|
4408 | }
|
4409 | }
|
4410 | });
|
4411 | }
|
4412 | }]);
|
4413 |
|
4414 | return Parser;
|
4415 | }(BaseParser);
|
4416 |
|
4417 | var name$a = 'upload';
|
4418 | var upload$1 = {
|
4419 | parser: Parser$7,
|
4420 | name: name$a
|
4421 | };
|
4422 |
|
4423 | var parsers = [checkbox$1, datePicker, frame$1, hidden, input, radio$1, select$1, slider, iswitch, tree$1, upload$1];
|
4424 |
|
4425 | var nodes = {
|
4426 | button: 'i-button',
|
4427 | icon: 'Icon',
|
4428 | slider: 'Slider',
|
4429 | rate: 'Rate',
|
4430 | upload: 'fc-ivu-upload',
|
4431 | cascader: 'Cascader',
|
4432 | colorPicker: 'Color-Picker',
|
4433 | timePicker: 'Time-Picker',
|
4434 | datePicker: 'Date-Picker',
|
4435 | 'switch': 'i-switch',
|
4436 | select: 'fc-ivu-select',
|
4437 | checkbox: 'fc-ivu-checkbox',
|
4438 | radio: 'fc-ivu-radio',
|
4439 | inputNumber: 'Input-Number',
|
4440 | input: 'i-input',
|
4441 | formItem: 'Form-Item',
|
4442 | form: 'i-form',
|
4443 | frame: 'fc-ivu-frame',
|
4444 | col: 'i-col',
|
4445 | row: 'row',
|
4446 | tree: 'fc-ivu-tree',
|
4447 | autoComplete: 'AutoComplete',
|
4448 | group: 'fc-ivu-group'
|
4449 | };
|
4450 |
|
4451 | function isTooltip(info) {
|
4452 | return info.type === 'tooltip';
|
4453 | }
|
4454 |
|
4455 | var Form =
|
4456 |
|
4457 | function (_BaseForm) {
|
4458 | _inherits(Form, _BaseForm);
|
4459 |
|
4460 | function Form() {
|
4461 | _classCallCheck(this, Form);
|
4462 |
|
4463 | return _possibleConstructorReturn(this, _getPrototypeOf(Form).apply(this, arguments));
|
4464 | }
|
4465 |
|
4466 | _createClass(Form, [{
|
4467 | key: "inputVData",
|
4468 | value: function inputVData(parser) {
|
4469 | if (!parser.rule.props.size && this.options.form.size) parser.vData.props('size', this.options.form.size);
|
4470 | }
|
4471 | }, {
|
4472 | key: "validate",
|
4473 | value: function validate(call) {
|
4474 | this.getFormRef().validate(function (valid) {
|
4475 | call && call(valid);
|
4476 | });
|
4477 | }
|
4478 | }, {
|
4479 | key: "validateField",
|
4480 | value: function validateField(field, call) {
|
4481 | this.getFormRef().validateField(field, call);
|
4482 | }
|
4483 | }, {
|
4484 | key: "resetField",
|
4485 | value: function resetField(parser) {
|
4486 | this.vm.$refs[parser.formItemRefName].resetField();
|
4487 | }
|
4488 | }, {
|
4489 | key: "clearValidateState",
|
4490 | value: function clearValidateState(parser) {
|
4491 | var fItem = this.vm.$refs[parser.formItemRefName];
|
4492 |
|
4493 | if (fItem) {
|
4494 | fItem.validateMessage = '';
|
4495 | fItem.validateState = '';
|
4496 | }
|
4497 | }
|
4498 | }, {
|
4499 | key: "beforeRender",
|
4500 | value: function beforeRender() {
|
4501 | this.propsData = this.vData.props(this.options.form).props({
|
4502 | model: this.$handle.formData,
|
4503 | rules: this.$handle.validate,
|
4504 | key: 'form' + this.unique
|
4505 | }).ref(this.refName).nativeOn({
|
4506 | submit: preventDefault
|
4507 | }).class(this.options.form.className).class('form-create', true).key(this.unique).get();
|
4508 | }
|
4509 | }, {
|
4510 | key: "render",
|
4511 | value: function render(vn) {
|
4512 | if (vn.length > 0) vn.push(this.makeFormBtn());
|
4513 | return this.vNode.form(this.propsData, [this.options.row === false ? vn : this.makeRow(vn)]);
|
4514 | }
|
4515 | }, {
|
4516 | key: "makeRow",
|
4517 | value: function makeRow(vn) {
|
4518 | var _class = {},
|
4519 | row = this.options.row || {};
|
4520 | if (row.class) _class[row.class] = true;
|
4521 | return this.vNode.row({
|
4522 | props: row || {},
|
4523 | key: 'fr' + this.unique,
|
4524 | class: _class
|
4525 | }, vn);
|
4526 | }
|
4527 | }, {
|
4528 | key: "container",
|
4529 | value: function container(child, parser) {
|
4530 | return this.makeFormItem(parser, child);
|
4531 | }
|
4532 | }, {
|
4533 | key: "makeFormItem",
|
4534 | value: function makeFormItem(parser, child) {
|
4535 | var fItemUnique = "fItem".concat(parser.key).concat(this.unique),
|
4536 | rule = parser.rule,
|
4537 | field = parser.field,
|
4538 | formItemRefName = parser.formItemRefName,
|
4539 | col = this.getGetCol(parser),
|
4540 | labelWidth = !col.labelWidth && !rule.title ? 0 : col.labelWidth,
|
4541 | _this$propsData$props = this.propsData.props,
|
4542 | inline = _this$propsData$props.inline,
|
4543 | _col = _this$propsData$props.col,
|
4544 | propsData = this.vData.props({
|
4545 | prop: field,
|
4546 | label: rule.title,
|
4547 |
|
4548 | rules: rule.validate,
|
4549 | labelWidth: labelWidth,
|
4550 | required: rule.props.required
|
4551 | }).key(fItemUnique).ref(formItemRefName).class(rule.className).get(),
|
4552 | node = this.vNode.formItem(propsData, [child, this.makeFormPop(parser, fItemUnique)]);
|
4553 | return inline === true || _col === false ? node : this.makeCol(col, parser, fItemUnique, [node]);
|
4554 | }
|
4555 | }, {
|
4556 | key: "makeFormPop",
|
4557 | value: function makeFormPop(_ref, unique) {
|
4558 | var rule = _ref.rule;
|
4559 |
|
4560 | if (rule.title) {
|
4561 | var titleProp = isString(rule.title) ? {
|
4562 | title: rule.title
|
4563 | } : rule.title;
|
4564 | var info = this.options.info || {},
|
4565 | svn = [titleProp.title || ''];
|
4566 |
|
4567 | if (rule.info) {
|
4568 | svn.push(this.vNode.make(isTooltip(info) ? 'Tooltip' : 'Poptip', {
|
4569 | props: _objectSpread2({}, info, {
|
4570 | content: rule.info
|
4571 | }),
|
4572 | class: 'fc-pop' + iviewConfig._v,
|
4573 | key: "pop".concat(unique)
|
4574 | }, [this.vNode.icon({
|
4575 | props: {
|
4576 | type: info.icon || iviewConfig.infoIcon,
|
4577 | size: 16
|
4578 | }
|
4579 | })]));
|
4580 | }
|
4581 |
|
4582 | return this.vNode.make('span', _objectSpread2({}, titleProp, {
|
4583 | slot: 'label'
|
4584 | }), svn);
|
4585 | }
|
4586 | }
|
4587 | }, {
|
4588 | key: "makeCol",
|
4589 | value: function makeCol(col, parser, fItemUnique, VNodeFn) {
|
4590 | var _cls;
|
4591 |
|
4592 | if (col.span === undefined) col.span = 24;
|
4593 | var cls = (_cls = {}, _defineProperty(_cls, style.__fc_h, !!parser.rule.hidden), _defineProperty(_cls, style.__fc_v, !!parser.rule.visibility), _cls);
|
4594 | if (col.class) cls[col.class] = true;
|
4595 | return this.vNode.col({
|
4596 | props: col,
|
4597 | class: cls,
|
4598 | key: "".concat(fItemUnique, "col1")
|
4599 | }, VNodeFn);
|
4600 | }
|
4601 | }, {
|
4602 | key: "makeFormBtn",
|
4603 | value: function makeFormBtn() {
|
4604 | var btn = [],
|
4605 | submitBtnShow = false !== this.vm.buttonProps && false !== this.vm.buttonProps.show,
|
4606 | resetBtnShow = false !== this.vm.resetProps && false !== this.vm.resetProps.show;
|
4607 | if (submitBtnShow) btn.push(this.makeSubmitBtn(resetBtnShow ? 19 : 24));
|
4608 | if (resetBtnShow) btn.push(this.makeResetBtn(4));
|
4609 | return this.propsData.props.inline === true ? btn : btn.length ? this.vNode.col({
|
4610 | props: {
|
4611 | span: 24
|
4612 | },
|
4613 | key: "".concat(this.unique, "col2")
|
4614 | }, btn) : [];
|
4615 | }
|
4616 | }, {
|
4617 | key: "makeResetBtn",
|
4618 | value: function makeResetBtn(span) {
|
4619 | var _this = this;
|
4620 |
|
4621 | var resetBtn = this.vm.resetProps,
|
4622 | props = resetBtn.col || {
|
4623 | span: span,
|
4624 | push: 1
|
4625 | };
|
4626 | return this.vNode.col({
|
4627 | props: props,
|
4628 | key: "".concat(this.unique, "col3")
|
4629 | }, [this.vNode.button({
|
4630 | key: "frsbtn".concat(this.unique),
|
4631 | props: resetBtn,
|
4632 | on: {
|
4633 | 'click': function click() {
|
4634 | var fApi = _this.$handle.fCreateApi;
|
4635 | isFunction(resetBtn.click) ? resetBtn.click(fApi) : fApi.resetFields();
|
4636 | }
|
4637 | }
|
4638 | }, [resetBtn.innerText])]);
|
4639 | }
|
4640 | }, {
|
4641 | key: "makeSubmitBtn",
|
4642 | value: function makeSubmitBtn(span) {
|
4643 | var _this2 = this;
|
4644 |
|
4645 | var submitBtn = this.vm.buttonProps,
|
4646 | props = submitBtn.col || {
|
4647 | span: span
|
4648 | };
|
4649 | return this.vNode.col({
|
4650 | props: props,
|
4651 | key: "".concat(this.unique, "col4")
|
4652 | }, [this.vNode.button({
|
4653 | key: "fbtn".concat(this.unique),
|
4654 | props: submitBtn,
|
4655 | on: {
|
4656 | 'click': function click() {
|
4657 | var fApi = _this2.$handle.fCreateApi;
|
4658 | isFunction(submitBtn.click) ? submitBtn.click(fApi) : fApi.submit();
|
4659 | }
|
4660 | }
|
4661 | }, [submitBtn.innerText])]);
|
4662 | }
|
4663 | }]);
|
4664 |
|
4665 | return Form;
|
4666 | }(BaseForm);
|
4667 |
|
4668 | var name$b = 'datePicker';
|
4669 | var datePicker$1 = ['date', 'dateRange', 'dateTime', 'dateTimeRange', 'year', 'month'].reduce(function (maker, type) {
|
4670 | maker[type] = creatorTypeFactory(name$b, type.toLowerCase());
|
4671 | return maker;
|
4672 | }, {});
|
4673 |
|
4674 | var name$c = 'frame';
|
4675 | var types = {
|
4676 | frameInputs: ['input', 0],
|
4677 | frameFiles: ['file', 0],
|
4678 | frameImages: ['image', 0],
|
4679 | frameInputOne: ['input', 1],
|
4680 | frameFileOne: ['file', 1],
|
4681 | frameImageOne: ['image', 1]
|
4682 | };
|
4683 | var maker = Object.keys(types).reduce(function (maker, key) {
|
4684 | maker[key] = creatorTypeFactory(name$c, function (m) {
|
4685 | return m.props({
|
4686 | type: types[key][0],
|
4687 | maxLength: types[key][1]
|
4688 | });
|
4689 | });
|
4690 | return maker;
|
4691 | }, {});
|
4692 | maker.frameInput = maker.frameInputs;
|
4693 | maker.frameFile = maker.frameFiles;
|
4694 | maker.frameImage = maker.frameImages;
|
4695 |
|
4696 | var name$d = 'input';
|
4697 | var maker$1 = ['password', 'url', 'email', 'text', 'textarea'].reduce(function (maker, type) {
|
4698 | maker[type] = creatorTypeFactory(name$d, type);
|
4699 | return maker;
|
4700 | }, {});
|
4701 | maker$1.idate = creatorTypeFactory(name$d, 'date');
|
4702 |
|
4703 | var name$e = 'select';
|
4704 | var select$2 = {
|
4705 | selectMultiple: creatorTypeFactory(name$e, true, 'multiple'),
|
4706 | selectOne: creatorTypeFactory(name$e, false, 'multiple')
|
4707 | };
|
4708 |
|
4709 | var name$f = 'slider';
|
4710 | var slider$1 = {
|
4711 | sliderRange: creatorTypeFactory(name$f, true, 'range')
|
4712 | };
|
4713 |
|
4714 | var name$g = 'timePicker';
|
4715 | var timePicker = {
|
4716 | time: creatorTypeFactory(name$g, 'time'),
|
4717 | timeRange: creatorTypeFactory(name$g, 'timerange')
|
4718 | };
|
4719 |
|
4720 | var name$h = 'tree';
|
4721 | var types$1 = {
|
4722 | 'treeSelected': 'selected',
|
4723 | 'treeChecked': 'checked'
|
4724 | };
|
4725 | var tree$2 = Object.keys(types$1).reduce(function (maker, key) {
|
4726 | maker[key] = creatorTypeFactory(name$h, types$1[key]);
|
4727 | return maker;
|
4728 | }, {});
|
4729 |
|
4730 | var name$i = 'upload';
|
4731 | var types$2 = {
|
4732 | image: ['image', 0],
|
4733 | file: ['file', 0],
|
4734 | uploadFileOne: ['file', 1],
|
4735 | uploadImageOne: ['image', 1]
|
4736 | };
|
4737 | var maker$2 = Object.keys(types$2).reduce(function (maker, key) {
|
4738 | maker[key] = creatorTypeFactory(name$i, function (m) {
|
4739 | return m.props({
|
4740 | uploadType: types$2[key][0],
|
4741 | maxLength: types$2[key][1]
|
4742 | });
|
4743 | });
|
4744 | return maker;
|
4745 | }, {});
|
4746 | maker$2.uploadImage = maker$2.image;
|
4747 | maker$2.uploadFile = maker$2.file;
|
4748 |
|
4749 | var maker$3 = _objectSpread2({}, datePicker$1, {}, maker, {}, maker$1, {}, select$2, {}, slider$1, {}, timePicker, {}, tree$2, {}, maker$2),
|
4750 | names = ['autoComplete', 'cascader', 'colorPicker', 'datePicker', 'frame', 'inputNumber', 'radio', 'rate', 'timePicker', 'group'];
|
4751 |
|
4752 | names.forEach(function (name) {
|
4753 | maker$3[name] = creatorFactory(name);
|
4754 | });
|
4755 | maker$3.auto = maker$3.autoComplete;
|
4756 | maker$3.number = maker$3.inputNumber;
|
4757 | maker$3.color = maker$3.colorPicker;
|
4758 |
|
4759 | maker$3.hidden = function (field, value) {
|
4760 | return creatorFactory('hidden')('', field, value);
|
4761 | };
|
4762 |
|
4763 | VNode.use(nodes);
|
4764 | var drive = {
|
4765 | ui: "iview",
|
4766 | version: "1.0.17",
|
4767 | formRender: Form,
|
4768 | components: components,
|
4769 | parsers: parsers,
|
4770 | makers: maker$3,
|
4771 | getConfig: getConfig
|
4772 | };
|
4773 |
|
4774 | var _createFormCreate = createFormCreate(drive),
|
4775 | FormCreate = _createFormCreate.FormCreate,
|
4776 | install = _createFormCreate.install;
|
4777 |
|
4778 | Creator.prototype.event = function (key, value) {
|
4779 | var _this = this;
|
4780 |
|
4781 | var event;
|
4782 |
|
4783 | if (!isPlainObject(key)) {
|
4784 | event = _defineProperty({}, key, value);
|
4785 | } else {
|
4786 | event = key;
|
4787 | }
|
4788 |
|
4789 | Object.keys(event).forEach(function (eventName) {
|
4790 | var name = toString$1(eventName).indexOf('on-') === 0 ? eventName : "on-".concat(eventName);
|
4791 |
|
4792 | _this.on(name, event[eventName]);
|
4793 | });
|
4794 | return this;
|
4795 | };
|
4796 |
|
4797 | if (typeof window !== 'undefined') {
|
4798 | window.formCreate = FormCreate;
|
4799 |
|
4800 | if (window.Vue) {
|
4801 | install(window.Vue);
|
4802 | }
|
4803 | }
|
4804 |
|
4805 | var maker$4 = FormCreate.maker;
|
4806 |
|
4807 | exports.default = FormCreate;
|
4808 | exports.maker = maker$4;
|
4809 |
|
4810 | Object.defineProperty(exports, '__esModule', { value: true });
|
4811 |
|
4812 | })));
|