@form-create/element-ui 3.0.0-alpha.4 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/form-create.esm.js +83 -59
- package/dist/form-create.esm.min.js +2 -2
- package/dist/form-create.js +83 -59
- package/dist/form-create.min.js +2 -2
- package/package.json +7 -6
- package/src/core/manager.js +18 -9
- package/src/style/index.css +1 -1
package/dist/form-create.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @form-create/element-ui v3.0.
|
|
2
|
+
* @form-create/element-ui v3.0.1
|
|
3
3
|
* (c) 2018-2022 xaboy
|
|
4
4
|
* Github https://github.com/xaboy/form-create
|
|
5
5
|
* Released under the MIT License.
|
|
@@ -11,14 +11,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
11
11
|
|
|
12
12
|
if (Object.getOwnPropertySymbols) {
|
|
13
13
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
keys.push.apply(keys, symbols);
|
|
14
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
15
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
16
|
+
})), keys.push.apply(keys, symbols);
|
|
22
17
|
}
|
|
23
18
|
|
|
24
19
|
return keys;
|
|
@@ -26,19 +21,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
26
21
|
|
|
27
22
|
function _objectSpread2(target) {
|
|
28
23
|
for (var i = 1; i < arguments.length; i++) {
|
|
29
|
-
var source = arguments[i]
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
36
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
37
|
-
} else {
|
|
38
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
39
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
40
|
-
});
|
|
41
|
-
}
|
|
24
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
25
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
26
|
+
_defineProperty(target, key, source[key]);
|
|
27
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
28
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
29
|
+
});
|
|
42
30
|
}
|
|
43
31
|
|
|
44
32
|
return target;
|
|
@@ -47,17 +35,11 @@ function _objectSpread2(target) {
|
|
|
47
35
|
function _typeof(obj) {
|
|
48
36
|
"@babel/helpers - typeof";
|
|
49
37
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
_typeof = function (obj) {
|
|
56
|
-
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
return _typeof(obj);
|
|
38
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
39
|
+
return typeof obj;
|
|
40
|
+
} : function (obj) {
|
|
41
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
42
|
+
}, _typeof(obj);
|
|
61
43
|
}
|
|
62
44
|
|
|
63
45
|
function _classCallCheck(instance, Constructor) {
|
|
@@ -66,6 +48,25 @@ function _classCallCheck(instance, Constructor) {
|
|
|
66
48
|
}
|
|
67
49
|
}
|
|
68
50
|
|
|
51
|
+
function _defineProperties(target, props) {
|
|
52
|
+
for (var i = 0; i < props.length; i++) {
|
|
53
|
+
var descriptor = props[i];
|
|
54
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
55
|
+
descriptor.configurable = true;
|
|
56
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
57
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
62
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
63
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
64
|
+
Object.defineProperty(Constructor, "prototype", {
|
|
65
|
+
writable: false
|
|
66
|
+
});
|
|
67
|
+
return Constructor;
|
|
68
|
+
}
|
|
69
|
+
|
|
69
70
|
function _defineProperty(obj, key, value) {
|
|
70
71
|
if (key in obj) {
|
|
71
72
|
Object.defineProperty(obj, key, {
|
|
@@ -93,6 +94,9 @@ function _inherits(subClass, superClass) {
|
|
|
93
94
|
configurable: true
|
|
94
95
|
}
|
|
95
96
|
});
|
|
97
|
+
Object.defineProperty(subClass, "prototype", {
|
|
98
|
+
writable: false
|
|
99
|
+
});
|
|
96
100
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
97
101
|
}
|
|
98
102
|
|
|
@@ -780,7 +784,6 @@ var Frame = defineComponent({
|
|
|
780
784
|
}, {
|
|
781
785
|
"default": function _default() {
|
|
782
786
|
return [createVNode("img", {
|
|
783
|
-
"alt": "example",
|
|
784
787
|
"style": "width: 100%",
|
|
785
788
|
"src": _this9.previewImage
|
|
786
789
|
}, null)];
|
|
@@ -837,10 +840,8 @@ var Radio = defineComponent({
|
|
|
837
840
|
inheritAttrs: false,
|
|
838
841
|
props: {
|
|
839
842
|
modelValue: {
|
|
840
|
-
type: [String, Number],
|
|
841
|
-
"default":
|
|
842
|
-
return [];
|
|
843
|
-
}
|
|
843
|
+
type: [String, Number, Boolean],
|
|
844
|
+
"default": ''
|
|
844
845
|
},
|
|
845
846
|
type: String
|
|
846
847
|
},
|
|
@@ -920,10 +921,8 @@ var Select = defineComponent({
|
|
|
920
921
|
inheritAttrs: false,
|
|
921
922
|
props: {
|
|
922
923
|
modelValue: {
|
|
923
|
-
type: Array,
|
|
924
|
-
"default":
|
|
925
|
-
return [];
|
|
926
|
-
}
|
|
924
|
+
type: [Array, String, Number, Boolean, Object],
|
|
925
|
+
"default": undefined
|
|
927
926
|
},
|
|
928
927
|
type: String
|
|
929
928
|
},
|
|
@@ -2676,6 +2675,10 @@ function Api(h) {
|
|
|
2676
2675
|
}
|
|
2677
2676
|
|
|
2678
2677
|
(_h$vm = h.vm).emit.apply(_h$vm, [name].concat(args));
|
|
2678
|
+
},
|
|
2679
|
+
helper: {
|
|
2680
|
+
tidyFields: tidyFields,
|
|
2681
|
+
props: props
|
|
2679
2682
|
}
|
|
2680
2683
|
};
|
|
2681
2684
|
['on', 'once', 'off', 'set'].forEach(function (n) {
|
|
@@ -2925,7 +2928,6 @@ function useRender$1(Render) {
|
|
|
2925
2928
|
};
|
|
2926
2929
|
|
|
2927
2930
|
this.setCache(ctx, vn, parent);
|
|
2928
|
-
ctx._vnode = vn;
|
|
2929
2931
|
return vn;
|
|
2930
2932
|
}
|
|
2931
2933
|
|
|
@@ -3090,7 +3092,11 @@ function useRender$1(Render) {
|
|
|
3090
3092
|
});
|
|
3091
3093
|
}
|
|
3092
3094
|
|
|
3093
|
-
|
|
3095
|
+
var props = _objectSpread2({}, rule);
|
|
3096
|
+
|
|
3097
|
+
delete props.type;
|
|
3098
|
+
delete props.is;
|
|
3099
|
+
return this.vNode.make(type, props, slotBag.mergeBag(children).getSlots());
|
|
3094
3100
|
}
|
|
3095
3101
|
});
|
|
3096
3102
|
}
|
|
@@ -3918,7 +3924,7 @@ function useInput(Handler) {
|
|
|
3918
3924
|
this.setFormData(ctx, formValue);
|
|
3919
3925
|
this.syncValue();
|
|
3920
3926
|
this.valueChange(ctx, value);
|
|
3921
|
-
this.vm.emit('change', ctx.field, value, ctx.origin, this.api, setFlag);
|
|
3927
|
+
this.vm.emit('change', ctx.field, value, ctx.origin, this.api, setFlag || false);
|
|
3922
3928
|
this.effect(ctx, 'value');
|
|
3923
3929
|
},
|
|
3924
3930
|
onInput: function onInput(ctx, value) {
|
|
@@ -3929,7 +3935,7 @@ function useInput(Handler) {
|
|
|
3929
3935
|
}
|
|
3930
3936
|
},
|
|
3931
3937
|
setFormData: function setFormData(ctx, value) {
|
|
3932
|
-
$set(this.formData, ctx.id, value);
|
|
3938
|
+
$set(this.formData, ctx.id, value === undefined ? null : value);
|
|
3933
3939
|
},
|
|
3934
3940
|
getFormData: function getFormData(ctx) {
|
|
3935
3941
|
return this.formData[ctx.id];
|
|
@@ -4340,7 +4346,6 @@ function useEffect(Handler) {
|
|
|
4340
4346
|
watchEffect: function watchEffect(ctx) {
|
|
4341
4347
|
var _this3 = this;
|
|
4342
4348
|
|
|
4343
|
-
this.vm;
|
|
4344
4349
|
Object.keys(ctx.rule.effect || {}).forEach(function (k) {
|
|
4345
4350
|
ctx.watch.push(watch(function () {
|
|
4346
4351
|
return ctx.rule.effect[k];
|
|
@@ -4637,7 +4642,12 @@ function CreateNodeFactory() {
|
|
|
4637
4642
|
return makeDirective(data, this.h(tag, toProps(data), children));
|
|
4638
4643
|
},
|
|
4639
4644
|
h: function h(tag, data, children) {
|
|
4640
|
-
|
|
4645
|
+
try {
|
|
4646
|
+
return createVNode(getCurrentInstance().appContext.config.isNativeTag(tag) ? tag : resolveComponent(tag), data, children);
|
|
4647
|
+
} catch (e) {
|
|
4648
|
+
console.error(e);
|
|
4649
|
+
return createVNode('');
|
|
4650
|
+
}
|
|
4641
4651
|
},
|
|
4642
4652
|
aliasMap: aliasMap
|
|
4643
4653
|
});
|
|
@@ -4676,7 +4686,7 @@ function createManager(proto) {
|
|
|
4676
4686
|
return _super.apply(this, arguments);
|
|
4677
4687
|
}
|
|
4678
4688
|
|
|
4679
|
-
return CustomManager;
|
|
4689
|
+
return _createClass(CustomManager);
|
|
4680
4690
|
}(Manager);
|
|
4681
4691
|
|
|
4682
4692
|
Object.assign(CustomManager.prototype, proto);
|
|
@@ -5365,15 +5375,29 @@ function tidyBool(opt, name) {
|
|
|
5365
5375
|
|
|
5366
5376
|
var manager = {
|
|
5367
5377
|
validate: function validate() {
|
|
5368
|
-
|
|
5378
|
+
var form = this.form();
|
|
5379
|
+
|
|
5380
|
+
if (form) {
|
|
5381
|
+
return form.validate();
|
|
5382
|
+
} else {
|
|
5383
|
+
return new Promise(function (v) {
|
|
5384
|
+
return v();
|
|
5385
|
+
});
|
|
5386
|
+
}
|
|
5369
5387
|
},
|
|
5370
5388
|
validateField: function validateField(field) {
|
|
5371
5389
|
var _this = this;
|
|
5372
5390
|
|
|
5373
5391
|
return new Promise(function (resolve, reject) {
|
|
5374
|
-
_this.form()
|
|
5375
|
-
|
|
5376
|
-
|
|
5392
|
+
var form = _this.form();
|
|
5393
|
+
|
|
5394
|
+
if (form) {
|
|
5395
|
+
form.validateField(field, function (res) {
|
|
5396
|
+
res ? reject(res) : resolve(null);
|
|
5397
|
+
});
|
|
5398
|
+
} else {
|
|
5399
|
+
resolve();
|
|
5400
|
+
}
|
|
5377
5401
|
});
|
|
5378
5402
|
},
|
|
5379
5403
|
clearValidateState: function clearValidateState(ctx) {
|
|
@@ -5585,7 +5609,7 @@ var manager = {
|
|
|
5585
5609
|
|
|
5586
5610
|
var resetBtn = _objectSpread2({}, this.options.resetBtn);
|
|
5587
5611
|
|
|
5588
|
-
var
|
|
5612
|
+
var innerText = resetBtn.innerText;
|
|
5589
5613
|
delete resetBtn.innerText;
|
|
5590
5614
|
return this.$r({
|
|
5591
5615
|
type: 'button',
|
|
@@ -5600,14 +5624,14 @@ var manager = {
|
|
|
5600
5624
|
}
|
|
5601
5625
|
},
|
|
5602
5626
|
key: "".concat(this.key, "b2")
|
|
5603
|
-
}, [
|
|
5627
|
+
}, [innerText]);
|
|
5604
5628
|
},
|
|
5605
5629
|
makeSubmitBtn: function makeSubmitBtn() {
|
|
5606
5630
|
var _this6 = this;
|
|
5607
5631
|
|
|
5608
5632
|
var submitBtn = _objectSpread2({}, this.options.submitBtn);
|
|
5609
5633
|
|
|
5610
|
-
var
|
|
5634
|
+
var innerText = submitBtn.innerText;
|
|
5611
5635
|
delete submitBtn.innerText;
|
|
5612
5636
|
return this.$r({
|
|
5613
5637
|
type: 'button',
|
|
@@ -5622,7 +5646,7 @@ var manager = {
|
|
|
5622
5646
|
}
|
|
5623
5647
|
},
|
|
5624
5648
|
key: "".concat(this.key, "b1")
|
|
5625
|
-
}, [
|
|
5649
|
+
}, [innerText]);
|
|
5626
5650
|
}
|
|
5627
5651
|
};
|
|
5628
5652
|
|
|
@@ -5708,7 +5732,7 @@ function useFrame(maker) {
|
|
|
5708
5732
|
return maker;
|
|
5709
5733
|
}
|
|
5710
5734
|
|
|
5711
|
-
var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create .form-create .el-form-item .el-form-item{margin-bottom:0}.form-create{
|
|
5735
|
+
var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create .form-create .el-form-item .el-form-item{margin-bottom:0}.form-create{width:100%}";
|
|
5712
5736
|
styleInject(css_248z);
|
|
5713
5737
|
|
|
5714
5738
|
function tidyBtnProp(btn, def) {
|
|
@@ -5885,7 +5909,7 @@ function install(FormCreate) {
|
|
|
5885
5909
|
function elmFormCreate() {
|
|
5886
5910
|
return FormCreateFactory({
|
|
5887
5911
|
ui: 'element-ui',
|
|
5888
|
-
version: '3.0.
|
|
5912
|
+
version: '3.0.1',
|
|
5889
5913
|
manager: manager,
|
|
5890
5914
|
extendApi: extendApi,
|
|
5891
5915
|
install: install,
|