@web-utils/component 2.7.20 → 2.7.22
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/chunks/{config.46422d7f.js → config.7dec2bf2.js} +2 -2
- package/dist/chunks/confirmable-mixin.35bd1934.js +104 -0
- package/dist/chunks/dataformat.9cc4428a.js +158 -0
- package/dist/chunks/dayjs.ed2e1b73.js +247 -0
- package/dist/chunks/detail.d47a021c.js +29 -0
- package/dist/chunks/dic.9de2fe5a.js +135 -0
- package/dist/chunks/{event.dd6f522d.js → event.fc358074.js} +31 -31
- package/dist/chunks/{form-input-mixin.ff5b58f7.js → form-input-mixin.760cd65d.js} +6 -6
- package/dist/chunks/form-item-mixin.fa314b67.js +139 -0
- package/dist/chunks/{form-pick-mixin.61ad06b2.js → form-pick-mixin.c4e0391b.js} +2 -2
- package/dist/chunks/init.e0133910.js +122 -0
- package/dist/chunks/{input-number-mixin.41a066be.js → input-number-mixin.6849fa63.js} +4 -4
- package/dist/chunks/{mixins.5a78e0db.js → mixins.6a394a6c.js} +4 -4
- package/dist/chunks/{packages.1fc9ccba.js → packages.419bde01.js} +7 -7
- package/dist/chunks/permission.07c49abf.js +16 -0
- package/dist/chunks/slot.a7387ecc.js +27 -0
- package/dist/chunks/tab-mixin.9d568df9.js +81 -0
- package/dist/chunks/util.89913643.js +261 -0
- package/dist/chunks/utils.d7f73f8d.js +185 -0
- package/dist/chunks/utils.f44207f4.js +26 -0
- package/dist/chunks/vueComponentNormalizer.77ec6792.js +32 -0
- package/dist/components/address-input/index.js +36 -36
- package/dist/components/affix/index.js +39 -39
- package/dist/components/aside-menu/index.js +29 -29
- package/dist/components/avatar/index.js +43 -43
- package/dist/components/awesome-button/index.js +64 -34
- package/dist/components/base.css +1 -1
- package/dist/components/capsule-tab/index.js +26 -26
- package/dist/components/card/index.js +49 -49
- package/dist/components/carousel/index.js +35 -35
- package/dist/components/chat/index.js +203 -203
- package/dist/components/chunk-file-uploader/index.js +46 -46
- package/dist/components/chunk-file-uploader-button/index.js +22 -22
- package/dist/components/chunk-file-uploader-drop/index.js +47 -29
- package/dist/components/chunk-file-uploader-file/index.js +119 -119
- package/dist/components/chunk-file-uploader-files/index.js +27 -27
- package/dist/components/chunk-file-uploader-list/index.js +27 -27
- package/dist/components/chunk-file-uploader-un-support/index.js +27 -27
- package/dist/components/code-mirror-editor/index.js +136 -136
- package/dist/components/color-picker/index.js +57 -39
- package/dist/components/column/index.js +66 -66
- package/dist/components/column-default/index.js +54 -54
- package/dist/components/column-dynamic/index.js +54 -54
- package/dist/components/column-menu/index.js +128 -128
- package/dist/components/column-slot/index.js +168 -168
- package/dist/components/comment/index.js +33 -33
- package/dist/components/confirm-button/index.js +18 -18
- package/dist/components/confirmable/index.js +17 -17
- package/dist/components/context-menu/index.js +89 -89
- package/dist/components/count-up/index.js +50 -39
- package/dist/components/custom-scrollbar/index.js +62 -49
- package/dist/components/data-box/index.js +41 -41
- package/dist/components/data-card/index.js +38 -38
- package/dist/components/data-cardtext/index.js +33 -33
- package/dist/components/data-display/index.js +37 -37
- package/dist/components/data-icons/index.js +40 -40
- package/dist/components/data-imgtext/index.js +44 -44
- package/dist/components/data-operatext/index.js +44 -44
- package/dist/components/data-panel/index.js +38 -38
- package/dist/components/data-pay/index.js +60 -60
- package/dist/components/data-price/index.js +38 -38
- package/dist/components/data-progress/index.js +39 -39
- package/dist/components/data-rotate/index.js +39 -39
- package/dist/components/data-table-picker/index.js +151 -53
- package/dist/components/data-tabs/index.js +39 -39
- package/dist/components/data-tabs/style.css +1 -1
- package/dist/components/dialog-column/index.js +50 -50
- package/dist/components/dialog-excel/index.js +68 -68
- package/dist/components/dialog-filter/index.js +84 -84
- package/dist/components/dialog-form/index.js +89 -89
- package/dist/components/dynamic-table/index.js +71 -71
- package/dist/components/e-charts/index.js +95 -94
- package/dist/components/easy-popup/index.js +87 -0
- package/dist/components/easy-popup/style.css +1 -0
- package/dist/components/editable-progress/index.js +48 -48
- package/dist/components/editable-tree/index.js +701 -348
- package/dist/components/egd-collapse/index.js +29 -29
- package/dist/components/egd-collapse-item/index.js +51 -51
- package/dist/components/element-dialog/index.js +74 -65
- package/dist/components/empty-view/index.js +26 -26
- package/dist/components/error-view/index.js +25 -25
- package/dist/components/flex-column/index.js +31 -19
- package/dist/components/flex-item/index.js +32 -20
- package/dist/components/flex-row/index.js +31 -19
- package/dist/components/flex-scroller/index.js +24 -24
- package/dist/components/flex-scroller/style.css +1 -1
- package/dist/components/flow/index.js +100 -100
- package/dist/components/flow-node/index.js +37 -37
- package/dist/components/flow-viewer/index.js +162 -0
- package/dist/components/flow-viewer/style.css +1 -0
- package/dist/components/form-button/index.js +32 -32
- package/dist/components/form-cascader/index.js +73 -61
- package/dist/components/form-checkbox-group/index.js +72 -61
- package/dist/components/form-date-picker/index.js +71 -62
- package/dist/components/form-group/index.js +38 -38
- package/dist/components/form-holder/index.js +50 -32
- package/dist/components/form-input/index.js +61 -50
- package/dist/components/form-input-email/index.js +55 -44
- package/dist/components/form-input-id-card/index.js +60 -49
- package/dist/components/form-input-number/index.js +60 -49
- package/dist/components/form-input-phone-number/index.js +56 -45
- package/dist/components/form-input-time/index.js +59 -48
- package/dist/components/form-item/index.js +107 -79
- package/dist/components/form-item-config-provider/index.js +19 -19
- package/dist/components/form-item-group/index.js +65 -65
- package/dist/components/form-radio-group/index.js +72 -61
- package/dist/components/form-select/index.js +63 -52
- package/dist/components/form-switch/index.js +56 -45
- package/dist/components/form-temp/index.js +50 -50
- package/dist/components/form-textarea/index.js +55 -44
- package/dist/components/form-view/index.js +172 -149
- package/dist/components/fy-array/index.js +64 -64
- package/dist/components/fy-article/index.js +34 -34
- package/dist/components/fy-cascader/index.js +52 -52
- package/dist/components/fy-checkbox/index.js +52 -52
- package/dist/components/fy-code/index.js +30 -30
- package/dist/components/fy-curd/index.js +317 -317
- package/dist/components/fy-date/index.js +45 -45
- package/dist/components/fy-dialog-form/index.js +115 -115
- package/dist/components/fy-draggable/index.js +120 -120
- package/dist/components/fy-draggable/style.css +1 -1
- package/dist/components/fy-dynamic/index.js +126 -126
- package/dist/components/fy-empty/index.js +26 -26
- package/dist/components/fy-form/index.js +384 -366
- package/dist/components/fy-form-design/index.js +6956 -459
- package/dist/components/fy-form-design/style.css +1 -1
- package/dist/components/fy-form-menu/index.js +45 -45
- package/dist/components/fy-input/index.js +61 -61
- package/dist/components/fy-input-color/index.js +41 -41
- package/dist/components/fy-input-icon/index.js +70 -70
- package/dist/components/fy-input-map/index.js +102 -102
- package/dist/components/fy-input-number/index.js +39 -39
- package/dist/components/fy-input-table/index.js +70 -70
- package/dist/components/fy-input-tree/index.js +105 -105
- package/dist/components/fy-progress/index.js +25 -25
- package/dist/components/fy-radio/index.js +36 -36
- package/dist/components/fy-rate/index.js +40 -40
- package/dist/components/fy-select/index.js +101 -101
- package/dist/components/fy-slider/index.js +42 -42
- package/dist/components/fy-switch/index.js +37 -37
- package/dist/components/fy-tabs/index.js +35 -35
- package/dist/components/fy-time/index.js +47 -47
- package/dist/components/fy-title/index.js +23 -23
- package/dist/components/fy-tree/index.js +157 -157
- package/dist/components/fy-u-editor/index.js +138 -105
- package/dist/components/fy-upload/index.js +270 -270
- package/dist/components/guide-steps/index.js +41 -41
- package/dist/components/header-menu/index.js +94 -94
- package/dist/components/header-search/index.js +121 -121
- package/dist/components/highlight-j-s/index.js +76 -0
- package/dist/components/highlight-j-s/style.css +1 -0
- package/dist/components/icon-card/index.js +28 -28
- package/dist/components/icon-temp/index.js +24 -24
- package/dist/components/iframe-window/index.js +24 -24
- package/dist/components/iframe-window/style.css +1 -1
- package/dist/components/image-cropper/index.js +128 -119
- package/dist/components/image-preview/index.js +140 -130
- package/dist/components/image-viewer/index.js +35 -35
- package/dist/components/input-number/index.js +116 -116
- package/dist/components/input-number-range/index.js +37 -37
- package/dist/components/j-s-x-component/index.js +4 -4
- package/dist/components/keep-view-alive/index.js +71 -71
- package/dist/components/keyboard/index.js +182 -182
- package/dist/components/keyboard/style.css +1 -1
- package/dist/components/license/index.js +54 -54
- package/dist/components/loading-view/index.js +25 -25
- package/dist/components/login/index.js +94 -94
- package/dist/components/name-avatar/index.js +26 -26
- package/dist/components/nav-bar/index.js +22 -22
- package/dist/components/not-implement/index.js +22 -22
- package/dist/components/notice/index.js +55 -55
- package/dist/components/page/index.js +20 -20
- package/dist/components/page-header/index.js +28 -28
- package/dist/components/page-index/index.js +86 -62
- package/dist/components/page-index-top/index.js +73 -51
- package/dist/components/page-skeleton/index.js +28 -28
- package/dist/components/page-skeleton-new/index.js +38 -38
- package/dist/components/pageable-table/index.js +206 -161
- package/dist/components/pageable-table/style.css +1 -1
- package/dist/components/pageable-view/index.js +169 -124
- package/dist/components/pageable-view/style.css +1 -1
- package/dist/components/photo-swipe/index.js +88 -66
- package/dist/components/process-designer/index.js +4668 -0
- package/dist/components/process-designer/style.css +1 -0
- package/dist/components/properties-panel/index.js +4791 -0
- package/dist/components/properties-panel/style.css +1 -0
- package/dist/components/queue/index.js +24 -24
- package/dist/components/record-video/index.js +55 -55
- package/dist/components/resize-observer/index.js +26 -26
- package/dist/components/search/index.js +64 -64
- package/dist/components/search-popover/index.js +119 -99
- package/dist/components/sign/index.js +66 -66
- package/dist/components/sign-panel/index.js +78 -78
- package/dist/components/sign-panel/style.css +1 -1
- package/dist/components/skeleton/index.js +35 -35
- package/dist/components/split-pane/index.js +108 -90
- package/dist/components/stateful/index.js +29 -29
- package/dist/components/static-pageable-table/index.js +30 -30
- package/dist/components/swiper/index.js +93 -73
- package/dist/components/tab/index.js +47 -47
- package/dist/components/tab-item/index.js +29 -29
- package/dist/components/table-column/index.js +37 -27
- package/dist/components/table-page/index.js +51 -51
- package/dist/components/table-view/index.js +175 -148
- package/dist/components/tag-render/index.js +50 -39
- package/dist/components/text-ellipsis/index.js +40 -40
- package/dist/components/tinymce-editor/index.js +85 -67
- package/dist/components/tinymce-wrapper/index.js +88 -78
- package/dist/components/toolbar/index.js +52 -52
- package/dist/components/toolbar-button/index.js +56 -38
- package/dist/components/trigger/index.js +27 -27
- package/dist/components/verify/index.js +33 -33
- package/dist/components/vue-tags-input/index.js +137 -137
- package/dist/components/watermark/index.js +37 -27
- package/dist/components/watermark/style.css +1 -1
- package/dist/index.css +1983 -228
- package/dist/index.es.js +23132 -12684
- package/package.json +18 -6
- package/web-types.json +307 -1
- package/dist/chunks/AfdColumn.vue_vue_type_template_lang.768f2ed2.js +0 -302
- package/dist/chunks/ConfigArray.vue_vue_type_template_lang.66483daa.js +0 -51
- package/dist/chunks/ConfigColor.vue_vue_type_template_lang.cd880091.js +0 -24
- package/dist/chunks/ConfigCustom.vue_vue_type_template_lang.6e03d7fd.js +0 -52
- package/dist/chunks/ConfigDate.vue_vue_type_template_lang.116fbad4.js +0 -104
- package/dist/chunks/ConfigDynamic.vue_vue_type_template_lang.99082e47.js +0 -133
- package/dist/chunks/ConfigEvent.vue_vue_type_template_lang.5e8ed6cc.js +0 -96
- package/dist/chunks/ConfigGroup.vue_vue_type_template_lang.44117322.js +0 -48
- package/dist/chunks/ConfigInput.vue_vue_type_template_lang.cc1eb052.js +0 -96
- package/dist/chunks/ConfigMap.vue_vue_type_template_lang.daee4d38.js +0 -31
- package/dist/chunks/ConfigNumber.vue_vue_type_template_lang.d60231d7.js +0 -130
- package/dist/chunks/ConfigRate.vue_vue_type_style_index_0_scoped_true_lang.cf5d437d.js +0 -125
- package/dist/chunks/ConfigSelect.vue_vue_type_template_lang.dfc91f07.js +0 -488
- package/dist/chunks/ConfigSlider.vue_vue_type_template_lang.27b8cc7b.js +0 -99
- package/dist/chunks/ConfigSwitch.vue_vue_type_style_index_0_scoped_true_lang.4caf1bd0.js +0 -54
- package/dist/chunks/ConfigTable.vue_vue_type_template_lang.b27540fd.js +0 -344
- package/dist/chunks/ConfigTextarea.vue_vue_type_template_lang.5cddf41c.js +0 -88
- package/dist/chunks/ConfigTitle.vue_vue_type_template_lang.57d9deb5.js +0 -87
- package/dist/chunks/ConfigTree.vue_vue_type_style_index_0_scoped_true_lang.89ec5376.js +0 -465
- package/dist/chunks/ConfigUEditor.vue_vue_type_template_lang.9726b4f5.js +0 -240
- package/dist/chunks/ConfigUpload.vue_vue_type_template_lang.129c0ced.js +0 -476
- package/dist/chunks/FormConfig.vue_vue_type_template_lang.82463ce5.js +0 -220
- package/dist/chunks/WidgetConfig.vue_vue_type_template_lang.3cc74fe8.js +0 -1821
- package/dist/chunks/WidgetForm.vue_vue_type_template_lang.d4b05679.js +0 -247
- package/dist/chunks/WidgetFormGroup.vue_vue_type_template_lang.bdcb6d37.js +0 -271
- package/dist/chunks/WidgetFormItem.vue_vue_type_template_lang.48d55a5c.js +0 -24
- package/dist/chunks/WidgetFormTable.vue_vue_type_template_lang.e2b788ba.js +0 -229
- package/dist/chunks/confirmable-mixin.3a79781b.js +0 -75
- package/dist/chunks/dataformat.65b92bfe.js +0 -158
- package/dist/chunks/detail.d67573b1.js +0 -28
- package/dist/chunks/dic.70feb9b4.js +0 -135
- package/dist/chunks/form-item-mixin.79f6eaff.js +0 -128
- package/dist/chunks/init.7c58eb34.js +0 -122
- package/dist/chunks/monaco.cefcb9f5.js +0 -290
- package/dist/chunks/permission.ce5d2121.js +0 -16
- package/dist/chunks/slot.4b391395.js +0 -27
- package/dist/chunks/tab-mixin.8c0142e0.js +0 -81
- package/dist/chunks/util.23fe58fb.js +0 -261
- package/dist/chunks/utils.97652d86.js +0 -26
- package/dist/chunks/utils.fa73de78.js +0 -185
- package/dist/chunks/vueComponentNormalizer.71e2aa87.js +0 -32
- package/dist/components/afd-column/index.js +0 -57
- package/dist/components/config-array/index.js +0 -28
- package/dist/components/config-color/index.js +0 -28
- package/dist/components/config-custom/index.js +0 -62
- package/dist/components/config-date/index.js +0 -28
- package/dist/components/config-dynamic/index.js +0 -28
- package/dist/components/config-event/index.js +0 -74
- package/dist/components/config-group/index.js +0 -36
- package/dist/components/config-input/index.js +0 -29
- package/dist/components/config-map/index.js +0 -28
- package/dist/components/config-number/index.js +0 -28
- package/dist/components/config-rate/index.js +0 -71
- package/dist/components/config-rate/style.css +0 -1
- package/dist/components/config-select/index.js +0 -90
- package/dist/components/config-slider/index.js +0 -28
- package/dist/components/config-switch/index.js +0 -33
- package/dist/components/config-switch/style.css +0 -1
- package/dist/components/config-table/index.js +0 -122
- package/dist/components/config-textarea/index.js +0 -28
- package/dist/components/config-title/index.js +0 -33
- package/dist/components/config-tree/index.js +0 -122
- package/dist/components/config-tree/style.css +0 -1
- package/dist/components/config-u-editor/index.js +0 -34
- package/dist/components/config-upload/index.js +0 -58
- package/dist/components/form-config/index.js +0 -28
- package/dist/components/widget-config/index.js +0 -110
- package/dist/components/widget-form/index.js +0 -71
- package/dist/components/widget-form-group/index.js +0 -96
- package/dist/components/widget-form-item/index.js +0 -71
- package/dist/components/widget-form-table/index.js +0 -95
|
@@ -1,363 +1,379 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
|
|
2
|
+
var fulfilled = (value) => {
|
|
3
|
+
try {
|
|
4
|
+
step(generator.next(value));
|
|
5
|
+
} catch (e) {
|
|
6
|
+
reject(e);
|
|
7
|
+
}
|
|
8
|
+
}, rejected = (value) => {
|
|
9
|
+
try {
|
|
10
|
+
step(generator.throw(value));
|
|
11
|
+
} catch (e) {
|
|
12
|
+
reject(e);
|
|
13
|
+
}
|
|
14
|
+
}, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
15
|
+
step((generator = generator.apply(__this, __arguments)).next());
|
|
16
|
+
});
|
|
17
|
+
import { d as detail } from "../../chunks/detail.d47a021c.js";
|
|
18
|
+
import { i as init } from "../../chunks/init.e0133910.js";
|
|
19
|
+
import { s as setPx, d as deepClone, u as uploadFun, x as setAsVal, g as getAsVal, v as filterParams, D as DIC_PROPS, o as optVal, y as clearVal } from "../../chunks/util.89913643.js";
|
|
20
|
+
import { b as calcCount, c as calcCascader, g as getComponent, a as getPlaceholder, f as formInitVal } from "../../chunks/dataformat.9cc4428a.js";
|
|
21
|
+
import { s as sendDic } from "../../chunks/dic.9de2fe5a.js";
|
|
22
|
+
import { p as packages } from "../../chunks/packages.419bde01.js";
|
|
23
|
+
import { isBlank } from "@web-utils/core";
|
|
24
|
+
import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
|
|
25
|
+
const mock = (column, dic, defaultForm, run) => {
|
|
26
|
+
if (!run)
|
|
11
27
|
return;
|
|
12
28
|
if (!window.Mock) {
|
|
13
|
-
|
|
29
|
+
packages.logs("mock");
|
|
14
30
|
return;
|
|
15
31
|
}
|
|
16
|
-
const
|
|
17
|
-
function
|
|
18
|
-
return
|
|
32
|
+
const Random = (window.Mock || {}).Random, form = {};
|
|
33
|
+
function createName({ en }) {
|
|
34
|
+
return en ? Random.name(!0) : Random.cname();
|
|
19
35
|
}
|
|
20
|
-
function
|
|
21
|
-
if (
|
|
22
|
-
const
|
|
23
|
-
return Number(
|
|
36
|
+
function createNumber({ max, min, precision }) {
|
|
37
|
+
if (precision) {
|
|
38
|
+
const number = `${Random.float(min, max, precision)}`, index = number.indexOf(".") + 1;
|
|
39
|
+
return Number(number.substring(0, index + precision));
|
|
24
40
|
} else
|
|
25
|
-
return
|
|
41
|
+
return Random.integer(min, max);
|
|
26
42
|
}
|
|
27
|
-
function
|
|
28
|
-
let
|
|
29
|
-
const
|
|
30
|
-
return
|
|
43
|
+
function createUrl({ header, footer }) {
|
|
44
|
+
let url = Random.url();
|
|
45
|
+
const index = url.indexOf("://");
|
|
46
|
+
return header === !1 ? url = url.substring(index + 3) : url = `http://${url.substring(index + 3)}`, url;
|
|
31
47
|
}
|
|
32
|
-
function
|
|
33
|
-
return
|
|
48
|
+
function createDatetime({ format, now }) {
|
|
49
|
+
return now ? Random.now(format) : Random.datetime(format);
|
|
34
50
|
}
|
|
35
|
-
function
|
|
36
|
-
return
|
|
51
|
+
function createText({ min, max }) {
|
|
52
|
+
return Random.csentence(min, max);
|
|
37
53
|
}
|
|
38
|
-
function
|
|
39
|
-
return
|
|
54
|
+
function createCounty() {
|
|
55
|
+
return Random.county(!0);
|
|
40
56
|
}
|
|
41
|
-
function
|
|
42
|
-
const
|
|
43
|
-
if (["checkbox"].includes(
|
|
44
|
-
const
|
|
57
|
+
function createDic({ dic: dic2, props, columnType, multiple }) {
|
|
58
|
+
const value = props.value || "value", len = dic2.length;
|
|
59
|
+
if (["checkbox"].includes(columnType) || multiple) {
|
|
60
|
+
const number = createNumber({
|
|
45
61
|
min: 1,
|
|
46
|
-
max:
|
|
47
|
-
}),
|
|
48
|
-
for (let
|
|
49
|
-
let
|
|
50
|
-
for (;
|
|
51
|
-
const
|
|
62
|
+
max: len
|
|
63
|
+
}), result = [];
|
|
64
|
+
for (let i = 0; i < number; i++) {
|
|
65
|
+
let flag = !0;
|
|
66
|
+
for (; flag; ) {
|
|
67
|
+
const numbers = createNumber({
|
|
52
68
|
min: 0,
|
|
53
|
-
max:
|
|
54
|
-
}),
|
|
55
|
-
|
|
69
|
+
max: len - 1
|
|
70
|
+
}), values = dic2[numbers][value];
|
|
71
|
+
result.includes(values) || (result.push(values), flag = !1);
|
|
56
72
|
}
|
|
57
73
|
}
|
|
58
|
-
return
|
|
74
|
+
return result;
|
|
59
75
|
} else {
|
|
60
|
-
const
|
|
76
|
+
const number = createNumber({
|
|
61
77
|
min: 0,
|
|
62
|
-
max:
|
|
78
|
+
max: len - 1
|
|
63
79
|
});
|
|
64
|
-
return
|
|
80
|
+
return dic2[number][value];
|
|
65
81
|
}
|
|
66
82
|
}
|
|
67
|
-
function
|
|
68
|
-
Object.keys(
|
|
69
|
-
const
|
|
70
|
-
if (
|
|
71
|
-
const
|
|
72
|
-
switch (
|
|
83
|
+
function create() {
|
|
84
|
+
Object.keys(column).forEach((index) => {
|
|
85
|
+
const ele = column[index];
|
|
86
|
+
if (ele.mock && typeof ele.mock == "object") {
|
|
87
|
+
const params = ele.mock;
|
|
88
|
+
switch (params.dic = typeof ele.dicData == "string" ? dic[ele.dicData] : ele.dicData || [], params.props = ele.props || {}, params.columnType = ele.type, params.multiple = ele.multiple, params.type) {
|
|
73
89
|
case "name":
|
|
74
|
-
|
|
90
|
+
form[ele.prop] = createName(params);
|
|
75
91
|
break;
|
|
76
92
|
case "number":
|
|
77
|
-
|
|
93
|
+
form[ele.prop] = createNumber(params);
|
|
78
94
|
break;
|
|
79
95
|
case "datetime":
|
|
80
|
-
|
|
96
|
+
form[ele.prop] = createDatetime(params);
|
|
81
97
|
break;
|
|
82
98
|
case "word":
|
|
83
|
-
|
|
99
|
+
form[ele.prop] = createText(params);
|
|
84
100
|
break;
|
|
85
101
|
case "url":
|
|
86
|
-
|
|
102
|
+
form[ele.prop] = createUrl(params);
|
|
87
103
|
break;
|
|
88
104
|
case "county":
|
|
89
|
-
|
|
105
|
+
form[ele.prop] = createCounty();
|
|
90
106
|
break;
|
|
91
107
|
case "dic":
|
|
92
|
-
|
|
108
|
+
form[ele.prop] = createDic(params);
|
|
93
109
|
break;
|
|
94
110
|
}
|
|
95
111
|
} else
|
|
96
|
-
|
|
112
|
+
ele.mock instanceof Function && (form[ele.prop] = ele.mock(defaultForm));
|
|
97
113
|
});
|
|
98
114
|
}
|
|
99
|
-
return
|
|
115
|
+
return create(), form;
|
|
100
116
|
};
|
|
101
|
-
var
|
|
102
|
-
var
|
|
103
|
-
return
|
|
117
|
+
var render = function() {
|
|
118
|
+
var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
|
|
119
|
+
return _c("div", {
|
|
104
120
|
class: ["avue-form", {
|
|
105
|
-
"avue--detail":
|
|
121
|
+
"avue--detail": _vm.isDetail
|
|
106
122
|
}],
|
|
107
123
|
style: {
|
|
108
|
-
width:
|
|
124
|
+
width: _vm.setPx(_vm.parentOption.formWidth, "100%")
|
|
109
125
|
}
|
|
110
|
-
}, [
|
|
126
|
+
}, [_c("ElForm", {
|
|
111
127
|
ref: "form",
|
|
112
128
|
attrs: {
|
|
113
|
-
"status-icon":
|
|
114
|
-
model:
|
|
115
|
-
"label-suffix":
|
|
116
|
-
size:
|
|
117
|
-
"label-position":
|
|
118
|
-
"label-width":
|
|
129
|
+
"status-icon": _vm.parentOption.statusIcon,
|
|
130
|
+
model: _vm.form,
|
|
131
|
+
"label-suffix": _vm.labelSuffix,
|
|
132
|
+
size: _vm.$AVUE.formSize || _vm.controlSize,
|
|
133
|
+
"label-position": _vm.parentOption.labelPosition,
|
|
134
|
+
"label-width": _vm.setPx(_vm.parentOption.labelWidth, _vm.labelWidth)
|
|
119
135
|
},
|
|
120
136
|
nativeOn: {
|
|
121
|
-
submit: function(
|
|
122
|
-
|
|
137
|
+
submit: function($event) {
|
|
138
|
+
$event.preventDefault();
|
|
123
139
|
}
|
|
124
140
|
}
|
|
125
|
-
}, [
|
|
141
|
+
}, [_c("ElRow", {
|
|
126
142
|
class: {
|
|
127
|
-
"avue-form__tabs":
|
|
143
|
+
"avue-form__tabs": _vm.isTabs
|
|
128
144
|
},
|
|
129
145
|
attrs: {
|
|
130
146
|
span: 24
|
|
131
147
|
}
|
|
132
|
-
}, [
|
|
133
|
-
return
|
|
134
|
-
key:
|
|
148
|
+
}, [_vm._l(_vm.columnOption, function(item, index) {
|
|
149
|
+
return _c("FormGroup", {
|
|
150
|
+
key: item.prop,
|
|
135
151
|
attrs: {
|
|
136
|
-
tabs:
|
|
137
|
-
arrow:
|
|
138
|
-
collapse:
|
|
139
|
-
display:
|
|
140
|
-
icon:
|
|
141
|
-
index
|
|
142
|
-
header: !
|
|
143
|
-
active:
|
|
144
|
-
label:
|
|
152
|
+
tabs: _vm.isTabs,
|
|
153
|
+
arrow: item.arrow,
|
|
154
|
+
collapse: item.collapse,
|
|
155
|
+
display: _vm.vaildDisplay(item),
|
|
156
|
+
icon: item.icon,
|
|
157
|
+
index,
|
|
158
|
+
header: !_vm.isTabs,
|
|
159
|
+
active: _vm.activeName,
|
|
160
|
+
label: item.label
|
|
145
161
|
},
|
|
146
162
|
on: {
|
|
147
|
-
change:
|
|
163
|
+
change: _vm.handleGroupClick
|
|
148
164
|
},
|
|
149
|
-
scopedSlots:
|
|
165
|
+
scopedSlots: _vm._u([_vm.getSlotName(item, "H", _vm.$scopedSlots) ? {
|
|
150
166
|
key: "header",
|
|
151
167
|
fn: function() {
|
|
152
|
-
return [
|
|
153
|
-
column:
|
|
168
|
+
return [_vm._t(_vm.getSlotName(item, "H"), null, {
|
|
169
|
+
column: item
|
|
154
170
|
})];
|
|
155
171
|
},
|
|
156
172
|
proxy: !0
|
|
157
173
|
} : null], null, !0)
|
|
158
|
-
}, [
|
|
174
|
+
}, [_vm.isTabs && index === 1 ? _c("ElTabs", {
|
|
159
175
|
staticClass: "avue-form__tabs",
|
|
160
176
|
attrs: {
|
|
161
177
|
slot: "tabs",
|
|
162
|
-
type:
|
|
178
|
+
type: _vm.tabsType
|
|
163
179
|
},
|
|
164
180
|
on: {
|
|
165
|
-
"tab-click":
|
|
181
|
+
"tab-click": _vm.handleTabClick
|
|
166
182
|
},
|
|
167
183
|
slot: "tabs",
|
|
168
184
|
model: {
|
|
169
|
-
value:
|
|
170
|
-
callback: function(
|
|
171
|
-
|
|
185
|
+
value: _vm.activeName,
|
|
186
|
+
callback: function($$v) {
|
|
187
|
+
_vm.activeName = $$v;
|
|
172
188
|
},
|
|
173
189
|
expression: "activeName"
|
|
174
190
|
}
|
|
175
|
-
}, [
|
|
176
|
-
return [
|
|
177
|
-
key:
|
|
191
|
+
}, [_vm._l(_vm.columnOption, function(tabs, sIndex) {
|
|
192
|
+
return [_vm.vaildDisplay(tabs) && sIndex !== 0 ? _c("ElTabPane", {
|
|
193
|
+
key: sIndex,
|
|
178
194
|
attrs: {
|
|
179
|
-
name: `${
|
|
195
|
+
name: `${sIndex}`
|
|
180
196
|
}
|
|
181
|
-
}, [
|
|
197
|
+
}, [_c("span", {
|
|
182
198
|
attrs: {
|
|
183
199
|
slot: "label"
|
|
184
200
|
},
|
|
185
201
|
slot: "label"
|
|
186
|
-
}, [
|
|
187
|
-
column:
|
|
188
|
-
}) : [
|
|
189
|
-
class:
|
|
190
|
-
}, [
|
|
191
|
-
})], 2) :
|
|
202
|
+
}, [_vm.getSlotName(tabs, "H", _vm.$scopedSlots) ? _vm._t(_vm.getSlotName(tabs, "H"), null, {
|
|
203
|
+
column: _vm.column
|
|
204
|
+
}) : [_c("i", {
|
|
205
|
+
class: tabs.icon
|
|
206
|
+
}, [_vm._v(" ")]), _vm._v(" " + _vm._s(tabs.label) + " ")]], 2)]) : _vm._e()];
|
|
207
|
+
})], 2) : _vm._e(), _c("div", {
|
|
192
208
|
directives: [{
|
|
193
209
|
name: "show",
|
|
194
210
|
rawName: "v-show",
|
|
195
|
-
value:
|
|
211
|
+
value: _vm.isGroupShow(item, index),
|
|
196
212
|
expression: "isGroupShow(item, index)"
|
|
197
213
|
}],
|
|
198
214
|
class: ["avue-form__group", {
|
|
199
|
-
"avue-form__group--flex":
|
|
215
|
+
"avue-form__group--flex": item.flex === !1
|
|
200
216
|
}]
|
|
201
|
-
}, [
|
|
202
|
-
return [
|
|
203
|
-
key:
|
|
217
|
+
}, [_vm._l(item.column, function(column, cindex) {
|
|
218
|
+
return [_vm.vaildDisplay(column) ? _c("ElCol", {
|
|
219
|
+
key: cindex,
|
|
204
220
|
class: ["avue-form__row", {
|
|
205
|
-
"avue--detail avue--detail__column":
|
|
206
|
-
},
|
|
221
|
+
"avue--detail avue--detail__column": _vm.vaildDetail(column)
|
|
222
|
+
}, column.className],
|
|
207
223
|
style: {
|
|
208
|
-
paddingLeft:
|
|
209
|
-
paddingRight:
|
|
224
|
+
paddingLeft: _vm.gutter,
|
|
225
|
+
paddingRight: _vm.gutter
|
|
210
226
|
},
|
|
211
227
|
attrs: {
|
|
212
|
-
span:
|
|
213
|
-
md:
|
|
214
|
-
sm:
|
|
215
|
-
xs:
|
|
216
|
-
offset:
|
|
217
|
-
push:
|
|
218
|
-
pull:
|
|
228
|
+
span: _vm.getSpan(column),
|
|
229
|
+
md: _vm.getSpan(column),
|
|
230
|
+
sm: column.smSpan || item.smSpan || 12,
|
|
231
|
+
xs: column.xsSpan || item.xmSpan || 24,
|
|
232
|
+
offset: column.offset || item.offset,
|
|
233
|
+
push: column.push || item.push,
|
|
234
|
+
pull: column.pull || item.pull
|
|
219
235
|
}
|
|
220
|
-
}, [
|
|
221
|
-
class: `avue-form__item--${
|
|
236
|
+
}, [_c("ElFormItem", {
|
|
237
|
+
class: `avue-form__item--${column.labelPosition || item.labelPosition || ""}`,
|
|
222
238
|
attrs: {
|
|
223
|
-
prop:
|
|
224
|
-
label:
|
|
225
|
-
rules:
|
|
226
|
-
"label-position":
|
|
227
|
-
"label-width":
|
|
239
|
+
prop: column.prop,
|
|
240
|
+
label: column.label,
|
|
241
|
+
rules: column.rules,
|
|
242
|
+
"label-position": column.labelPosition || item.labelPosition || _vm.parentOption.labelPosition,
|
|
243
|
+
"label-width": _vm.getLabelWidth(column, item)
|
|
228
244
|
},
|
|
229
|
-
scopedSlots:
|
|
245
|
+
scopedSlots: _vm._u([_vm.getSlotName(column, "L", _vm.$scopedSlots) ? {
|
|
230
246
|
key: "label",
|
|
231
247
|
fn: function() {
|
|
232
|
-
return [
|
|
233
|
-
column
|
|
234
|
-
value:
|
|
235
|
-
readonly:
|
|
236
|
-
disabled:
|
|
237
|
-
size:
|
|
238
|
-
dic:
|
|
248
|
+
return [_vm._t(_vm.getSlotName(column, "L"), null, {
|
|
249
|
+
column,
|
|
250
|
+
value: _vm.form[column.prop],
|
|
251
|
+
readonly: column.readonly || _vm.readonly,
|
|
252
|
+
disabled: _vm.getDisabled(column),
|
|
253
|
+
size: column.size || _vm.controlSize,
|
|
254
|
+
dic: _vm.DIC[column.prop]
|
|
239
255
|
})];
|
|
240
256
|
},
|
|
241
257
|
proxy: !0
|
|
242
|
-
} :
|
|
258
|
+
} : column.labelTip ? {
|
|
243
259
|
key: "label",
|
|
244
260
|
fn: function() {
|
|
245
|
-
return [
|
|
261
|
+
return [_c("ElTooltip", {
|
|
246
262
|
staticClass: "item",
|
|
247
263
|
attrs: {
|
|
248
264
|
effect: "dark",
|
|
249
|
-
placement:
|
|
265
|
+
placement: column.labelTipPlacement || "top-start"
|
|
250
266
|
}
|
|
251
|
-
}, [
|
|
267
|
+
}, [_c("div", {
|
|
252
268
|
attrs: {
|
|
253
269
|
slot: "content"
|
|
254
270
|
},
|
|
255
271
|
domProps: {
|
|
256
|
-
innerHTML:
|
|
272
|
+
innerHTML: _vm._s(column.labelTip)
|
|
257
273
|
},
|
|
258
274
|
slot: "content"
|
|
259
|
-
}),
|
|
275
|
+
}), _c("i", {
|
|
260
276
|
staticClass: "el-icon-info"
|
|
261
|
-
})]),
|
|
277
|
+
})]), _c("span", [_vm._v(" " + _vm._s(column.label) + _vm._s(_vm.labelSuffix))])];
|
|
262
278
|
},
|
|
263
279
|
proxy: !0
|
|
264
|
-
} : null,
|
|
280
|
+
} : null, _vm.getSlotName(column, "E", _vm.$scopedSlots) ? {
|
|
265
281
|
key: "error",
|
|
266
|
-
fn: function(
|
|
267
|
-
return [
|
|
268
|
-
column
|
|
269
|
-
value:
|
|
270
|
-
readonly:
|
|
271
|
-
disabled:
|
|
272
|
-
size:
|
|
273
|
-
dic:
|
|
282
|
+
fn: function(scope) {
|
|
283
|
+
return [_vm._t(_vm.getSlotName(column, "E"), null, null, Object.assign(scope, {
|
|
284
|
+
column,
|
|
285
|
+
value: _vm.form[column.prop],
|
|
286
|
+
readonly: _vm.readonly || column.readonly,
|
|
287
|
+
disabled: _vm.getDisabled(column),
|
|
288
|
+
size: column.size || _vm.controlSize,
|
|
289
|
+
dic: _vm.DIC[column.prop]
|
|
274
290
|
}))];
|
|
275
291
|
}
|
|
276
292
|
} : null], null, !0)
|
|
277
|
-
}, [
|
|
293
|
+
}, [_c(_vm.validTip(column) ? "div" : "elTooltip", {
|
|
278
294
|
tag: "Component",
|
|
279
295
|
attrs: {
|
|
280
|
-
disabled:
|
|
281
|
-
content:
|
|
282
|
-
placement:
|
|
296
|
+
disabled: _vm.validTip(column),
|
|
297
|
+
content: column.tip || _vm.getPlaceholder(column),
|
|
298
|
+
placement: column.tipPlacement
|
|
283
299
|
}
|
|
284
|
-
}, [
|
|
285
|
-
value:
|
|
286
|
-
column
|
|
287
|
-
label:
|
|
288
|
-
size:
|
|
289
|
-
readonly:
|
|
290
|
-
disabled:
|
|
291
|
-
dic:
|
|
292
|
-
}) :
|
|
293
|
-
ref:
|
|
300
|
+
}, [_vm.$scopedSlots[column.prop] ? _vm._t(column.prop, null, {
|
|
301
|
+
value: _vm.form[column.prop],
|
|
302
|
+
column,
|
|
303
|
+
label: _vm.form[`$${column.prop}`],
|
|
304
|
+
size: column.size || _vm.controlSize,
|
|
305
|
+
readonly: _vm.readonly || column.readonly,
|
|
306
|
+
disabled: _vm.getDisabled(column),
|
|
307
|
+
dic: _vm.DIC[column.prop]
|
|
308
|
+
}) : _c("FormTemp", _vm._b({
|
|
309
|
+
ref: column.prop,
|
|
294
310
|
refInFor: !0,
|
|
295
311
|
attrs: {
|
|
296
|
-
column
|
|
297
|
-
dic:
|
|
298
|
-
props:
|
|
299
|
-
"props-http":
|
|
300
|
-
disabled:
|
|
301
|
-
readonly:
|
|
302
|
-
enter:
|
|
303
|
-
size:
|
|
304
|
-
"column-slot":
|
|
312
|
+
column,
|
|
313
|
+
dic: _vm.DIC[column.prop],
|
|
314
|
+
props: _vm.parentOption.props,
|
|
315
|
+
"props-http": _vm.parentOption.propsHttp,
|
|
316
|
+
disabled: _vm.getDisabled(column),
|
|
317
|
+
readonly: column.readonly || _vm.readonly,
|
|
318
|
+
enter: _vm.parentOption.enter,
|
|
319
|
+
size: column.size || _vm.controlSize,
|
|
320
|
+
"column-slot": _vm.columnSlot
|
|
305
321
|
},
|
|
306
322
|
on: {
|
|
307
|
-
enter:
|
|
308
|
-
change: function(
|
|
309
|
-
return
|
|
323
|
+
enter: _vm.submit,
|
|
324
|
+
change: function($event) {
|
|
325
|
+
return _vm.propChange(item.column, column);
|
|
310
326
|
}
|
|
311
327
|
},
|
|
312
|
-
scopedSlots:
|
|
328
|
+
scopedSlots: _vm._u([_vm._l(_vm.getSlotName(column, "T", _vm.$scopedSlots) ? [column] : [], function(sItem) {
|
|
313
329
|
return {
|
|
314
|
-
key:
|
|
315
|
-
fn: function(
|
|
316
|
-
return [
|
|
330
|
+
key: _vm.getSlotName(column, "T"),
|
|
331
|
+
fn: function(scope) {
|
|
332
|
+
return [_vm._t(_vm.getSlotName(sItem, "T"), null, null, scope)];
|
|
317
333
|
}
|
|
318
334
|
};
|
|
319
|
-
}),
|
|
335
|
+
}), _vm._l(_vm.columnSlot, function(ssItem) {
|
|
320
336
|
return {
|
|
321
|
-
key:
|
|
322
|
-
fn: function(
|
|
323
|
-
return [
|
|
337
|
+
key: ssItem,
|
|
338
|
+
fn: function(scope) {
|
|
339
|
+
return [_vm._t(ssItem, null, null, scope)];
|
|
324
340
|
}
|
|
325
341
|
};
|
|
326
342
|
})], null, !0),
|
|
327
343
|
model: {
|
|
328
|
-
value:
|
|
329
|
-
callback: function(
|
|
330
|
-
|
|
344
|
+
value: _vm.form[column.prop],
|
|
345
|
+
callback: function($$v) {
|
|
346
|
+
_vm.$set(_vm.form, column.prop, $$v);
|
|
331
347
|
},
|
|
332
348
|
expression: "form[column.prop]"
|
|
333
349
|
}
|
|
334
|
-
}, "FormTemp",
|
|
335
|
-
key: `line${
|
|
350
|
+
}, "FormTemp", _vm.uploadFun(column), !1))], 2)], 1)], 1) : _vm._e(), _vm.vaildDisplay(column) && column.row && column.span !== 24 && column.count ? _c("div", {
|
|
351
|
+
key: `line${cindex}`,
|
|
336
352
|
staticClass: "avue-form__line",
|
|
337
353
|
style: {
|
|
338
|
-
width: `${
|
|
354
|
+
width: `${column.count / 24 * 100}%`
|
|
339
355
|
}
|
|
340
|
-
}) :
|
|
341
|
-
}), !
|
|
342
|
-
scopedSlots:
|
|
356
|
+
}) : _vm._e()];
|
|
357
|
+
}), !_vm.isDetail && !_vm.isMenu ? _c("FyFormMenu", {
|
|
358
|
+
scopedSlots: _vm._u([{
|
|
343
359
|
key: "menuForm",
|
|
344
|
-
fn: function(
|
|
345
|
-
return [
|
|
360
|
+
fn: function(scope) {
|
|
361
|
+
return [_vm._t("menuForm", null, null, scope)];
|
|
346
362
|
}
|
|
347
363
|
}], null, !0)
|
|
348
|
-
}) :
|
|
349
|
-
}), !
|
|
350
|
-
scopedSlots:
|
|
364
|
+
}) : _vm._e()], 2)], 1);
|
|
365
|
+
}), !_vm.isDetail && _vm.isMenu ? _c("FyFormMenu", {
|
|
366
|
+
scopedSlots: _vm._u([{
|
|
351
367
|
key: "menuForm",
|
|
352
|
-
fn: function(
|
|
353
|
-
return [
|
|
368
|
+
fn: function(scope) {
|
|
369
|
+
return [_vm._t("menuForm", null, null, scope)];
|
|
354
370
|
}
|
|
355
371
|
}], null, !0)
|
|
356
|
-
}) :
|
|
357
|
-
},
|
|
358
|
-
const
|
|
372
|
+
}) : _vm._e()], 2)], 1)], 1);
|
|
373
|
+
}, staticRenderFns = [];
|
|
374
|
+
const __vue2_script = {
|
|
359
375
|
name: "FyForm",
|
|
360
|
-
mixins: [
|
|
376
|
+
mixins: [init],
|
|
361
377
|
provide() {
|
|
362
378
|
return {
|
|
363
379
|
formSafe: this
|
|
@@ -401,7 +417,7 @@ const X = {
|
|
|
401
417
|
},
|
|
402
418
|
computed: {
|
|
403
419
|
columnSlot() {
|
|
404
|
-
return Object.keys(this.$scopedSlots).filter((
|
|
420
|
+
return Object.keys(this.$scopedSlots).filter((item) => !this.propOption.map((ele) => ele.prop).includes(item));
|
|
405
421
|
},
|
|
406
422
|
labelSuffix() {
|
|
407
423
|
return this.parentOption.labelSuffix || ":";
|
|
@@ -425,7 +441,7 @@ const X = {
|
|
|
425
441
|
return this.boxType === "view";
|
|
426
442
|
},
|
|
427
443
|
gutter() {
|
|
428
|
-
return
|
|
444
|
+
return setPx((this.parentOption.gutter || 10) / 2);
|
|
429
445
|
},
|
|
430
446
|
detail() {
|
|
431
447
|
return this.parentOption.detail;
|
|
@@ -443,35 +459,35 @@ const X = {
|
|
|
443
459
|
return this.columnOption.length;
|
|
444
460
|
},
|
|
445
461
|
dynamicOption() {
|
|
446
|
-
const
|
|
447
|
-
return this.propOption.forEach((
|
|
448
|
-
|
|
449
|
-
}),
|
|
462
|
+
const list = [];
|
|
463
|
+
return this.propOption.forEach((ele) => {
|
|
464
|
+
ele.type === "dynamic" && this.vaildDisplay(ele) && list.push(ele);
|
|
465
|
+
}), list;
|
|
450
466
|
},
|
|
451
467
|
propOption() {
|
|
452
|
-
const
|
|
453
|
-
return this.columnOption.forEach((
|
|
454
|
-
|
|
455
|
-
|
|
468
|
+
const list = [];
|
|
469
|
+
return this.columnOption.forEach((option) => {
|
|
470
|
+
option.display !== !1 && option.column.forEach((column) => {
|
|
471
|
+
list.push(column);
|
|
456
472
|
});
|
|
457
|
-
}),
|
|
473
|
+
}), list;
|
|
458
474
|
},
|
|
459
475
|
parentOption() {
|
|
460
476
|
return this.tableOption || {};
|
|
461
477
|
},
|
|
462
478
|
columnOption() {
|
|
463
|
-
const
|
|
464
|
-
return
|
|
479
|
+
const column = this.tableOption.column || [], group = deepClone(this.tableOption.group) || [], footer = this.tableOption.footer || [];
|
|
480
|
+
return group.unshift({
|
|
465
481
|
header: !1,
|
|
466
|
-
column
|
|
467
|
-
}),
|
|
482
|
+
column
|
|
483
|
+
}), footer.length !== 0 && group.push({
|
|
468
484
|
header: !1,
|
|
469
|
-
column:
|
|
470
|
-
}),
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
}),
|
|
474
|
-
}),
|
|
485
|
+
column: footer
|
|
486
|
+
}), group.forEach((ele) => {
|
|
487
|
+
ele.column = ele.column || [], ele.column.forEach((column2, cindex) => {
|
|
488
|
+
column2.display !== !1 && !this.isMobile && (column2 = calcCount(column2, this.itemSpanDefault, cindex === 0));
|
|
489
|
+
}), ele.column = calcCascader(ele.column), ele.column = ele.column.sort((a, b) => (b.order || 0) - (a.order || 0));
|
|
490
|
+
}), group;
|
|
475
491
|
},
|
|
476
492
|
menuPosition: function() {
|
|
477
493
|
return this.parentOption.menuPosition ? this.parentOption.menuPosition : "center";
|
|
@@ -516,8 +532,8 @@ const X = {
|
|
|
516
532
|
immediate: !0
|
|
517
533
|
},
|
|
518
534
|
allDisabled: {
|
|
519
|
-
handler(
|
|
520
|
-
this.$emit("update:status",
|
|
535
|
+
handler(val) {
|
|
536
|
+
this.$emit("update:status", val);
|
|
521
537
|
},
|
|
522
538
|
deep: !0,
|
|
523
539
|
immediate: !0
|
|
@@ -529,116 +545,116 @@ const X = {
|
|
|
529
545
|
});
|
|
530
546
|
},
|
|
531
547
|
beforeDestroy() {
|
|
532
|
-
Object.keys(this.formBind).forEach((
|
|
533
|
-
this.formBind[
|
|
534
|
-
|
|
548
|
+
Object.keys(this.formBind).forEach((ele) => {
|
|
549
|
+
this.formBind[ele].forEach((unWatch) => {
|
|
550
|
+
unWatch();
|
|
535
551
|
});
|
|
536
552
|
});
|
|
537
553
|
},
|
|
538
554
|
methods: {
|
|
539
|
-
setPx
|
|
540
|
-
deepClone
|
|
541
|
-
getComponent
|
|
542
|
-
getPlaceholder
|
|
543
|
-
uploadFun
|
|
544
|
-
getDisabled(
|
|
545
|
-
return this.vaildDetail(
|
|
555
|
+
setPx,
|
|
556
|
+
deepClone,
|
|
557
|
+
getComponent,
|
|
558
|
+
getPlaceholder,
|
|
559
|
+
uploadFun,
|
|
560
|
+
getDisabled(column) {
|
|
561
|
+
return this.vaildDetail(column) || this.isDetail || this.vaildDisabled(column) || this.allDisabled;
|
|
546
562
|
},
|
|
547
|
-
getSpan(
|
|
548
|
-
return
|
|
563
|
+
getSpan(column) {
|
|
564
|
+
return column.span || this.parentOption.span || this.itemSpanDefault;
|
|
549
565
|
},
|
|
550
|
-
isGroupShow(
|
|
551
|
-
return this.isTabs ?
|
|
566
|
+
isGroupShow(item, index) {
|
|
567
|
+
return this.isTabs ? index == this.activeName || index == 0 : !0;
|
|
552
568
|
},
|
|
553
569
|
// 初始化表单
|
|
554
570
|
dataFormat() {
|
|
555
|
-
const
|
|
556
|
-
Object.entries(Object.assign(
|
|
557
|
-
const
|
|
558
|
-
|
|
559
|
-
}), this.$set(this, "form",
|
|
571
|
+
const formDefault = formInitVal(this.propOption).tableForm, formValue = this.value, form = {};
|
|
572
|
+
Object.entries(Object.assign(formDefault, formValue)).forEach((ele) => {
|
|
573
|
+
const key = ele[0], value = ele[1];
|
|
574
|
+
isBlank(formValue[key]) ? form[key] = value : form[key] = formValue[key];
|
|
575
|
+
}), this.$set(this, "form", form), this.setLabel(), this.setControl(), this.setVal(), setTimeout(() => {
|
|
560
576
|
this.formCreate = !0, this.clearValidate();
|
|
561
577
|
});
|
|
562
578
|
},
|
|
563
579
|
setControl() {
|
|
564
|
-
this.propOption.forEach((
|
|
565
|
-
const
|
|
566
|
-
if (!this.formBind[
|
|
567
|
-
const
|
|
568
|
-
if (
|
|
569
|
-
const
|
|
570
|
-
|
|
571
|
-
}),
|
|
572
|
-
|
|
580
|
+
this.propOption.forEach((column) => {
|
|
581
|
+
const prop = column.prop, bind = column.bind, control = column.control;
|
|
582
|
+
if (!this.formBind[prop]) {
|
|
583
|
+
const bindList = [];
|
|
584
|
+
if (bind) {
|
|
585
|
+
const formProp = this.$watch(`form.${prop}`, (n, o) => {
|
|
586
|
+
n != o && setAsVal(this.form, bind, n);
|
|
587
|
+
}), formDeep = this.$watch(`form.${bind}`, (n, o) => {
|
|
588
|
+
n != o && this.$set(this.form, prop, n);
|
|
573
589
|
});
|
|
574
|
-
|
|
590
|
+
bindList.push(formProp), bindList.push(formDeep), this.$set(this.form, prop, getAsVal(this.form, bind));
|
|
575
591
|
}
|
|
576
|
-
if (
|
|
577
|
-
const
|
|
578
|
-
const
|
|
579
|
-
Object.keys(
|
|
580
|
-
const
|
|
581
|
-
this.$set(this.objectOption,
|
|
592
|
+
if (control) {
|
|
593
|
+
const callback = () => {
|
|
594
|
+
const controlList = control(this.form[column.prop], this.form) || {};
|
|
595
|
+
Object.keys(controlList).forEach((item) => {
|
|
596
|
+
const ele = Object.assign(this.objectOption[item] || {}, controlList[item]);
|
|
597
|
+
this.$set(this.objectOption, item, ele), controlList[item].dicData && (this.DIC[item] = controlList[item].dicData);
|
|
582
598
|
});
|
|
583
|
-
},
|
|
584
|
-
|
|
599
|
+
}, formControl = this.$watch(`form.${prop}`, () => {
|
|
600
|
+
callback();
|
|
585
601
|
});
|
|
586
|
-
|
|
602
|
+
bindList.push(formControl), callback();
|
|
587
603
|
}
|
|
588
|
-
this.formBind[
|
|
604
|
+
this.formBind[prop] = bindList;
|
|
589
605
|
}
|
|
590
606
|
});
|
|
591
607
|
},
|
|
592
608
|
setForm() {
|
|
593
|
-
Object.keys(this.value).forEach((
|
|
594
|
-
this.$set(this.form,
|
|
609
|
+
Object.keys(this.value).forEach((ele) => {
|
|
610
|
+
this.$set(this.form, ele, this.value[ele]);
|
|
595
611
|
});
|
|
596
612
|
},
|
|
597
613
|
setVal() {
|
|
598
614
|
this.$emit("input", this.form), this.$emit("change", this.form);
|
|
599
615
|
},
|
|
600
616
|
setLabel() {
|
|
601
|
-
this.tableOption.filterNull === !0 && (this.form =
|
|
602
|
-
let
|
|
603
|
-
const
|
|
604
|
-
|
|
617
|
+
this.tableOption.filterNull === !0 && (this.form = filterParams(this.form, [""], !1)), this.tableOption.filterDic == !0 ? this.form = filterParams(this.form, ["$"], !1) : this.propOption.forEach((column) => {
|
|
618
|
+
let result;
|
|
619
|
+
const DIC = this.DIC[column.prop];
|
|
620
|
+
isBlank(DIC) || (result = detail(this.form, column, this.tableOption, DIC), result ? this.$set(this.form, `$${column.prop}`, result) : this.$delete(this.form, `$${column.prop}`));
|
|
605
621
|
});
|
|
606
622
|
},
|
|
607
|
-
handleGroupClick(
|
|
608
|
-
this.$emit("tab-click",
|
|
623
|
+
handleGroupClick(activeNames) {
|
|
624
|
+
this.$emit("tab-click", activeNames);
|
|
609
625
|
},
|
|
610
|
-
handleTabClick(
|
|
611
|
-
this.$emit("tab-click",
|
|
626
|
+
handleTabClick(tab, event) {
|
|
627
|
+
this.$emit("tab-click", tab, event);
|
|
612
628
|
},
|
|
613
|
-
getLabelWidth(
|
|
614
|
-
let
|
|
615
|
-
return
|
|
629
|
+
getLabelWidth(column, item) {
|
|
630
|
+
let result;
|
|
631
|
+
return isBlank(column.labelWidth) ? isBlank(item.labelWidth) ? result = this.parentOption.labelWidth : result = item.labelWidth : result = column.labelWidth, setPx(result, this.labelWidth);
|
|
616
632
|
},
|
|
617
633
|
// 对部分表单字段进行校验的方法
|
|
618
|
-
validateField(
|
|
619
|
-
return this.$refs.form.validateField(
|
|
634
|
+
validateField(val) {
|
|
635
|
+
return this.$refs.form.validateField(val);
|
|
620
636
|
},
|
|
621
|
-
validTip(
|
|
622
|
-
return !
|
|
637
|
+
validTip(column) {
|
|
638
|
+
return !column.tip || column.type === "upload";
|
|
623
639
|
},
|
|
624
|
-
getPropRef(
|
|
625
|
-
return this.$refs[
|
|
640
|
+
getPropRef(prop) {
|
|
641
|
+
return this.$refs[prop][0];
|
|
626
642
|
},
|
|
627
|
-
handleChange(
|
|
643
|
+
handleChange(list, column) {
|
|
628
644
|
this.$nextTick(() => {
|
|
629
|
-
const
|
|
630
|
-
|
|
631
|
-
const
|
|
632
|
-
|
|
633
|
-
this.form[
|
|
634
|
-
}), !(
|
|
635
|
-
column:
|
|
636
|
-
value
|
|
645
|
+
const cascader = column.cascader, str = cascader.join(",");
|
|
646
|
+
cascader.forEach((item) => {
|
|
647
|
+
const columnNextProp = item, value = this.form[column.prop], columnNext = this.findObject(list, columnNextProp);
|
|
648
|
+
isBlank(columnNext) || (this.formList.includes(str) && cascader.forEach((ele) => {
|
|
649
|
+
this.form[ele] = "", this.$set(this.DIC, ele, []);
|
|
650
|
+
}), !(isBlank(cascader) || isBlank(value) || isBlank(columnNext)) && sendDic({
|
|
651
|
+
column: columnNext,
|
|
652
|
+
value,
|
|
637
653
|
form: this.form
|
|
638
|
-
}).then((
|
|
639
|
-
this.formList.includes(
|
|
640
|
-
const
|
|
641
|
-
this.$set(this.DIC,
|
|
654
|
+
}).then((res) => {
|
|
655
|
+
this.formList.includes(str) || this.formList.push(str);
|
|
656
|
+
const dic = res || [];
|
|
657
|
+
this.$set(this.DIC, columnNextProp, dic), !isBlank(dic) && !isBlank(dic) && !isBlank(columnNext.cascaderIndex) && isBlank(this.form[columnNextProp]) && (this.form[columnNextProp] = dic[columnNext.cascaderIndex][(columnNext.props || {}).value || DIC_PROPS.value]);
|
|
642
658
|
}));
|
|
643
659
|
});
|
|
644
660
|
});
|
|
@@ -646,85 +662,87 @@ const X = {
|
|
|
646
662
|
handlePrint() {
|
|
647
663
|
this.$Print(this.$el);
|
|
648
664
|
},
|
|
649
|
-
propChange(
|
|
650
|
-
|
|
665
|
+
propChange(option, column) {
|
|
666
|
+
column.cascader && this.handleChange(option, column);
|
|
651
667
|
},
|
|
652
668
|
handleMock() {
|
|
653
|
-
this.isMock && (this.columnOption.forEach((
|
|
654
|
-
const
|
|
655
|
-
|
|
656
|
-
this.form[
|
|
669
|
+
this.isMock && (this.columnOption.forEach((column) => {
|
|
670
|
+
const form = mock(column.column, this.DIC, this.form, this.isMock);
|
|
671
|
+
isBlank(form) || Object.keys(form).forEach((ele) => {
|
|
672
|
+
this.form[ele] = form[ele];
|
|
657
673
|
});
|
|
658
674
|
}), this.$nextTick(() => {
|
|
659
675
|
this.clearValidate(), this.$emit("mock-change", this.form);
|
|
660
676
|
}));
|
|
661
677
|
},
|
|
662
|
-
vaildDetail(
|
|
663
|
-
let
|
|
678
|
+
vaildDetail(column) {
|
|
679
|
+
let key;
|
|
664
680
|
if (this.detail)
|
|
665
681
|
return !1;
|
|
666
|
-
if (!
|
|
667
|
-
|
|
682
|
+
if (!isBlank(column.detail))
|
|
683
|
+
key = "detail";
|
|
668
684
|
else if (this.isAdd)
|
|
669
|
-
|
|
685
|
+
key = "addDetail";
|
|
670
686
|
else if (this.isEdit)
|
|
671
|
-
|
|
687
|
+
key = "editDetail";
|
|
672
688
|
else if (this.isView)
|
|
673
689
|
return !1;
|
|
674
|
-
return
|
|
690
|
+
return key ? column[key] === !0 : !1;
|
|
675
691
|
},
|
|
676
692
|
// 验证表单是否禁止
|
|
677
|
-
vaildDisabled(
|
|
678
|
-
let
|
|
693
|
+
vaildDisabled(column) {
|
|
694
|
+
let key;
|
|
679
695
|
if (this.disabled)
|
|
680
696
|
return !0;
|
|
681
|
-
if (!
|
|
682
|
-
|
|
697
|
+
if (!isBlank(column.disabled))
|
|
698
|
+
key = "disabled";
|
|
683
699
|
else if (this.isAdd)
|
|
684
|
-
|
|
700
|
+
key = "addDisabled";
|
|
685
701
|
else if (this.isEdit)
|
|
686
|
-
|
|
702
|
+
key = "editDisabled";
|
|
687
703
|
else if (this.isView)
|
|
688
704
|
return !0;
|
|
689
|
-
return
|
|
705
|
+
return key ? column[key] === !0 : !1;
|
|
690
706
|
},
|
|
691
707
|
// 验证表单是否显隐
|
|
692
|
-
vaildDisplay(
|
|
693
|
-
let
|
|
694
|
-
return
|
|
695
|
-
},
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
708
|
+
vaildDisplay(column) {
|
|
709
|
+
let key;
|
|
710
|
+
return isBlank(column.display) ? this.isAdd ? key = "addDisplay" : this.isEdit ? key = "editDisplay" : this.isView && (key = "viewDisplay") : key = "display", key ? optVal(column[key], !0) : !0;
|
|
711
|
+
},
|
|
712
|
+
clearValidate(list) {
|
|
713
|
+
return __async(this, null, function* () {
|
|
714
|
+
var _a;
|
|
715
|
+
(_a = this.$refs.form) == null || _a.clearValidate(list);
|
|
716
|
+
});
|
|
699
717
|
},
|
|
700
718
|
validateCellForm() {
|
|
701
|
-
return new Promise((
|
|
702
|
-
this.$refs.form.validate((
|
|
703
|
-
|
|
719
|
+
return new Promise((resolve) => {
|
|
720
|
+
this.$refs.form.validate((valid, msg) => {
|
|
721
|
+
resolve(msg);
|
|
704
722
|
});
|
|
705
723
|
});
|
|
706
724
|
},
|
|
707
|
-
validate(
|
|
708
|
-
this.$refs.form.validate((
|
|
709
|
-
const
|
|
710
|
-
this.dynamicOption.forEach((
|
|
711
|
-
const
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
}) :
|
|
715
|
-
}), Promise.all(
|
|
716
|
-
|
|
717
|
-
|
|
725
|
+
validate(callback) {
|
|
726
|
+
this.$refs.form.validate((valid, msg) => {
|
|
727
|
+
const dynamicList = [], dynamicName = [], dynamicError = {};
|
|
728
|
+
this.dynamicOption.forEach((ele) => {
|
|
729
|
+
const isForm = ele.children.type === "form";
|
|
730
|
+
dynamicName.push(ele.prop), isForm ? isBlank(this.$refs[ele.prop][0].$refs.temp.$refs.main) || this.$refs[ele.prop][0].$refs.temp.$refs.main.forEach((ele2) => {
|
|
731
|
+
dynamicList.push(ele2.validateCellForm());
|
|
732
|
+
}) : dynamicList.push(this.$refs[ele.prop][0].$refs.temp.$refs.main.validateCellForm());
|
|
733
|
+
}), Promise.all(dynamicList).then((res) => {
|
|
734
|
+
res.forEach((error, index) => {
|
|
735
|
+
isBlank(error) || (dynamicError[dynamicName[index]] = error);
|
|
718
736
|
});
|
|
719
|
-
const
|
|
720
|
-
|
|
737
|
+
const result = Object.assign(dynamicError, msg);
|
|
738
|
+
isBlank(result) ? (this.show(), callback(!0, this.hide)) : callback(!1, this.hide, result);
|
|
721
739
|
});
|
|
722
740
|
});
|
|
723
741
|
},
|
|
724
|
-
resetForm(
|
|
725
|
-
if (
|
|
726
|
-
const
|
|
727
|
-
this.form =
|
|
742
|
+
resetForm(reset = !0) {
|
|
743
|
+
if (reset) {
|
|
744
|
+
const propList = this.propOption.map((ele) => ele.prop);
|
|
745
|
+
this.form = clearVal(this.form, propList, (this.tableOption.filterParams || []).concat([this.rowKey]));
|
|
728
746
|
}
|
|
729
747
|
this.$nextTick(() => {
|
|
730
748
|
this.clearValidate(), this.$emit("reset-change");
|
|
@@ -740,29 +758,29 @@ const X = {
|
|
|
740
758
|
this.allDisabled = !1;
|
|
741
759
|
},
|
|
742
760
|
submit() {
|
|
743
|
-
this.validate((
|
|
744
|
-
|
|
761
|
+
this.validate((valid, msg) => {
|
|
762
|
+
valid ? this.$emit("submit", filterParams(this.form, ["$"]), this.hide) : this.$emit("error", msg);
|
|
745
763
|
});
|
|
746
764
|
}
|
|
747
765
|
}
|
|
748
|
-
},
|
|
749
|
-
var
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
766
|
+
}, __cssModules = {};
|
|
767
|
+
var __component__ = /* @__PURE__ */ normalizeComponent(
|
|
768
|
+
__vue2_script,
|
|
769
|
+
render,
|
|
770
|
+
staticRenderFns,
|
|
753
771
|
!1,
|
|
754
|
-
|
|
772
|
+
__vue2_injectStyles,
|
|
755
773
|
null,
|
|
756
774
|
null,
|
|
757
775
|
null
|
|
758
776
|
);
|
|
759
|
-
function
|
|
760
|
-
for (let
|
|
761
|
-
this[
|
|
777
|
+
function __vue2_injectStyles(context) {
|
|
778
|
+
for (let o in __cssModules)
|
|
779
|
+
this[o] = __cssModules[o];
|
|
762
780
|
}
|
|
763
|
-
const
|
|
764
|
-
return
|
|
781
|
+
const FyForm = /* @__PURE__ */ function() {
|
|
782
|
+
return __component__.exports;
|
|
765
783
|
}();
|
|
766
784
|
export {
|
|
767
|
-
|
|
785
|
+
FyForm as default
|
|
768
786
|
};
|