vxe-design 4.0.2 → 4.0.4
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/README.md +5 -3
- package/es/components.js +3 -2
- package/es/form-design/render/index.js +2 -1
- package/es/form-design/render/util.js +2 -1
- package/es/form-design/src/default-setting-data.js +4 -2
- package/es/form-design/src/default-setting-form.js +2 -1
- package/es/form-design/src/default-style-form.js +101 -52
- package/es/form-design/src/form-design.js +3 -1
- package/es/form-design/src/layout-style.js +14 -9
- package/es/form-design/widget-subtable/subtable-view.js +1 -0
- package/es/form-design/widget-vxe-upload-file/vxe-upload-file-form.js +1 -1
- package/es/form-design/widget-vxe-upload-image/vxe-upload-image-form.js +1 -1
- package/es/index.esm.js +2 -2
- package/es/ui/index.js +15 -3
- package/es/ui/src/log.js +3 -2
- package/lib/components.js +14 -15
- package/lib/components.min.js +1 -1
- package/lib/form-design/render/index.js +4 -1
- package/lib/form-design/render/index.min.js +1 -1
- package/lib/form-design/render/util.js +4 -1
- package/lib/form-design/render/util.min.js +1 -1
- package/lib/form-design/src/default-setting-data.js +4 -2
- package/lib/form-design/src/default-setting-data.min.js +1 -1
- package/lib/form-design/src/default-setting-form.js +15 -11
- package/lib/form-design/src/default-setting-form.min.js +1 -1
- package/lib/form-design/src/default-style-form.js +137 -77
- package/lib/form-design/src/default-style-form.min.js +1 -1
- package/lib/form-design/src/form-design.js +27 -15
- package/lib/form-design/src/form-design.min.js +1 -1
- package/lib/form-design/src/layout-style.js +5 -2
- package/lib/form-design/src/layout-style.min.js +1 -1
- package/lib/form-design/widget-subtable/subtable-view.js +1 -0
- package/lib/form-design/widget-subtable/subtable-view.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/vxe-upload-file-form.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/vxe-upload-file-form.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/vxe-upload-image-form.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/vxe-upload-image-form.min.js +1 -1
- package/lib/index.common.js +5 -5
- package/lib/index.umd.js +10246 -10427
- package/lib/index.umd.min.js +1 -1
- package/lib/ui/index.js +24 -15
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +6 -3
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +4 -4
- package/packages/components.ts +6 -2
- package/packages/form-design/index.ts +1 -1
- package/packages/form-design/render/index.ts +3 -1
- package/packages/form-design/render/util.ts +3 -1
- package/packages/form-design/src/default-setting-data.ts +5 -3
- package/packages/form-design/src/default-setting-form.ts +3 -1
- package/packages/form-design/src/default-style-form.ts +115 -52
- package/packages/form-design/src/form-design.ts +4 -1
- package/packages/form-design/src/layout-style.ts +14 -9
- package/packages/form-design/widget-subtable/subtable-view.ts +1 -0
- package/packages/form-design/widget-vxe-upload-file/vxe-upload-file-form.ts +1 -1
- package/packages/form-design/widget-vxe-upload-image/vxe-upload-image-form.ts +1 -1
- package/packages/index.ts +2 -2
- package/packages/list-design/index.ts +1 -1
- package/packages/list-design/src/default-setting-data.ts +1 -1
- package/packages/list-design/src/layout-preview.ts +3 -2
- package/packages/ui/index.ts +17 -2
- package/packages/ui/src/log.ts +4 -2
package/README.md
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
[](https://gitee.com/x-extends/vxe-design/stargazers)
|
|
6
6
|
[](https://www.npmjs.com/package/vxe-design)
|
|
7
7
|
[](https://github.com/x-extends/vxe-design/actions/workflows/webpack.yml)
|
|
8
|
+
[](https://unpkg.com/vxe-design/lib/index.umd.min.js)
|
|
8
9
|
[](https://npm-stat.com/charts.html?package=vxe-design)
|
|
9
10
|
[](https://github.com/x-extends/vxe-design/issues)
|
|
10
11
|
[](https://github.com/x-extends/vxe-design/issues?q=is%3Aissue+is%3Aclosed)
|
|
@@ -39,9 +40,10 @@
|
|
|
39
40
|
|
|
40
41
|
## 在线文档
|
|
41
42
|
|
|
42
|
-
👉 [
|
|
43
|
-
👉 [
|
|
44
|
-
👉 [
|
|
43
|
+
👉 [基础库](https://vxeui.com)
|
|
44
|
+
👉 [表格库](https://vxetable.cn)
|
|
45
|
+
👉 [甘特图](https://gantt.vxeui.com)
|
|
46
|
+
👉 [可视化](https://design.vxeui.com)
|
|
45
47
|
|
|
46
48
|
## QQ 交流群
|
|
47
49
|
|
package/es/components.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import VxeUI from './ui';
|
|
2
2
|
import VxeFlowDesign from './flow-design';
|
|
3
3
|
import VxeFlowView from './flow-view';
|
|
4
4
|
import VxeFormDesign from './form-design';
|
|
5
5
|
import VxeFormView from './form-view';
|
|
6
6
|
import VxeListDesign from './list-design';
|
|
7
7
|
import VxeListView from './list-view';
|
|
8
|
+
const { setConfig } = VxeUI;
|
|
8
9
|
const components = [
|
|
9
10
|
VxeFlowDesign,
|
|
10
11
|
VxeFlowView,
|
|
@@ -17,7 +18,7 @@ export function install(app, options) {
|
|
|
17
18
|
setConfig(options);
|
|
18
19
|
components.forEach(component => app.use(component));
|
|
19
20
|
}
|
|
20
|
-
export
|
|
21
|
+
export { VxeUI };
|
|
21
22
|
// Components
|
|
22
23
|
export * from './flow-design';
|
|
23
24
|
export * from './flow-view';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
3
3
|
import { getWidgetTextConfig, WidgetTextViewComponent, WidgetTextFormComponent } from '../widget-text';
|
|
4
4
|
import { getWidgetRowConfig, WidgetRowEditComponent, WidgetRowViewComponent, WidgetRowFormComponent } from '../widget-row';
|
|
5
5
|
import { getWidgetSubtableConfig, WidgetSubtableEditComponent, WidgetSubtableViewComponent, WidgetSubtableFormComponent } from '../widget-subtable';
|
|
@@ -19,6 +19,7 @@ import { getWidgetVxeUploadFileConfig, WidgetVxeUploadFileViewComponent, WidgetV
|
|
|
19
19
|
import { getWidgetVxeUploadImageConfig, WidgetVxeUploadImageViewComponent, WidgetVxeUploadImageFormComponent } from '../widget-vxe-upload-image';
|
|
20
20
|
import { getWidgetVxeRateConfig, WidgetVxeRateViewComponent, WidgetVxeRateFormComponent } from '../widget-vxe-rate';
|
|
21
21
|
import { getWidgetVxeSliderConfig, WidgetVxeSliderViewComponent, WidgetVxeSliderFormComponent } from '../widget-vxe-slider';
|
|
22
|
+
const { renderer } = VxeUI;
|
|
22
23
|
/**
|
|
23
24
|
* 表单设计器 - 渲染器
|
|
24
25
|
*/
|
|
@@ -7,6 +7,7 @@ export const getDefaultSettingFormData = (defOpts) => {
|
|
|
7
7
|
pcTitleColon: false,
|
|
8
8
|
pcTitleAlign: '',
|
|
9
9
|
pcTitleWidth: '',
|
|
10
|
+
pcTitleAutoWidth: true,
|
|
10
11
|
pcTitleWidthUnit: '',
|
|
11
12
|
mobileVisible: defOpts ? !!defOpts.mobileVisible : true,
|
|
12
13
|
mobileVertical: true,
|
|
@@ -14,6 +15,7 @@ export const getDefaultSettingFormData = (defOpts) => {
|
|
|
14
15
|
mobileTitleColon: false,
|
|
15
16
|
mobileTitleAlign: '',
|
|
16
17
|
mobileTitleWidth: '',
|
|
18
|
+
mobileTitleAutoWidth: true,
|
|
17
19
|
mobileTitleWidthUnit: ''
|
|
18
20
|
};
|
|
19
21
|
};
|
|
@@ -24,7 +26,7 @@ export const createDefaultFormViewPCFormConfig = (params) => {
|
|
|
24
26
|
titleBold: formConfig.pcTitleBold,
|
|
25
27
|
titleColon: formConfig.pcTitleColon,
|
|
26
28
|
titleAlign: formConfig.pcTitleAlign,
|
|
27
|
-
titleWidth: formConfig.pcTitleWidth
|
|
29
|
+
titleWidth: formConfig.pcTitleAutoWidth ? 'auto' : formConfig.pcTitleWidth
|
|
28
30
|
};
|
|
29
31
|
};
|
|
30
32
|
export const createDefaultFormViewMobileFormConfig = (params) => {
|
|
@@ -34,6 +36,6 @@ export const createDefaultFormViewMobileFormConfig = (params) => {
|
|
|
34
36
|
titleBold: formConfig.mobileTitleBold,
|
|
35
37
|
titleColon: formConfig.mobileTitleColon,
|
|
36
38
|
titleAlign: formConfig.mobileTitleAlign,
|
|
37
|
-
titleWidth: formConfig.mobileTitleWidth
|
|
39
|
+
titleWidth: formConfig.mobileTitleAutoWidth ? 'auto' : formConfig.mobileTitleWidth
|
|
38
40
|
};
|
|
39
41
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { h, inject, createCommentVNode } from 'vue';
|
|
2
2
|
import { defineVxeComponent } from '../../ui/src/comp';
|
|
3
|
-
import { VxeUI
|
|
3
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
4
|
+
const { getIcon, getI18n } = VxeUI;
|
|
4
5
|
export const DefaultSettingFormComponent = defineVxeComponent({
|
|
5
6
|
name: 'DefaultSettingForm',
|
|
6
7
|
props: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { h, ref, inject
|
|
1
|
+
import { h, ref, inject } from 'vue';
|
|
2
2
|
import { defineVxeComponent } from '../../ui/src/comp';
|
|
3
|
-
import { VxeUI
|
|
3
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
4
|
+
const { getI18n } = VxeUI;
|
|
4
5
|
const getBoldOptions = () => {
|
|
5
6
|
return [
|
|
6
7
|
{ label: getI18n('vxe.formDesign.styleSetting.fontNormal'), value: false },
|
|
@@ -25,6 +26,12 @@ const getWidthUnitOptions = () => {
|
|
|
25
26
|
{ label: getI18n('vxe.formDesign.styleSetting.unitPct'), value: '%' }
|
|
26
27
|
];
|
|
27
28
|
};
|
|
29
|
+
const getWidthAutoOptions = () => {
|
|
30
|
+
return [
|
|
31
|
+
{ label: '自适应', value: true },
|
|
32
|
+
{ label: '固定', value: false }
|
|
33
|
+
];
|
|
34
|
+
};
|
|
28
35
|
const renderLayoutOption = (formData, field, type, changeEvent) => {
|
|
29
36
|
const isVertical = type === 'vertical';
|
|
30
37
|
return h('div', {
|
|
@@ -57,7 +64,7 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
57
64
|
setup(props) {
|
|
58
65
|
const VxeUIFormComponent = VxeUI.getComponent('vxe-form');
|
|
59
66
|
const VxeUIFormItemComponent = VxeUI.getComponent('vxe-form-item');
|
|
60
|
-
const
|
|
67
|
+
const VxeUINumberInputComponent = VxeUI.getComponent('vxe-number-input');
|
|
61
68
|
const VxeUIRadioGroupComponent = VxeUI.getComponent('vxe-radio-group');
|
|
62
69
|
const VxeUISelectComponent = VxeUI.getComponent('vxe-select');
|
|
63
70
|
const $xeFormDesign = inject('$xeFormDesign', null);
|
|
@@ -65,6 +72,7 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
65
72
|
const refBoldOpts = ref(getBoldOptions());
|
|
66
73
|
const refColonOpts = ref(getColonOptions());
|
|
67
74
|
const refAlignOpts = ref(getAlignOptions());
|
|
75
|
+
const refWidthAutoOpts = ref(getWidthAutoOptions());
|
|
68
76
|
const refWidthUnitOpts = ref(getWidthUnitOptions());
|
|
69
77
|
const refreshPreview = () => {
|
|
70
78
|
if ($xeFormDesign) {
|
|
@@ -107,8 +115,9 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
107
115
|
title: getI18n('vxe.formDesign.styleSetting.styleTitle')
|
|
108
116
|
}, {
|
|
109
117
|
default() {
|
|
110
|
-
|
|
118
|
+
const propVns = [
|
|
111
119
|
h('div', {
|
|
120
|
+
key: 'tb',
|
|
112
121
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
113
122
|
}, [
|
|
114
123
|
h('span', {}, getI18n('vxe.formDesign.styleSetting.boldTitle')),
|
|
@@ -122,6 +131,7 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
122
131
|
})
|
|
123
132
|
]),
|
|
124
133
|
h('div', {
|
|
134
|
+
key: 'tc',
|
|
125
135
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
126
136
|
}, [
|
|
127
137
|
h('span', {}, getI18n('vxe.formDesign.styleSetting.colonTitle')),
|
|
@@ -133,29 +143,45 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
133
143
|
formData.pcTitleColon = val;
|
|
134
144
|
}
|
|
135
145
|
})
|
|
136
|
-
])
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
146
|
+
])
|
|
147
|
+
];
|
|
148
|
+
if (formData.pcVertical) {
|
|
149
|
+
//
|
|
150
|
+
}
|
|
151
|
+
else {
|
|
152
|
+
propVns.push(h('div', {
|
|
153
|
+
key: 'ta',
|
|
154
|
+
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
155
|
+
}, [
|
|
156
|
+
h('span', {}, getI18n('vxe.formDesign.styleSetting.alignTitle')),
|
|
157
|
+
h(VxeUIRadioGroupComponent, {
|
|
158
|
+
modelValue: formData.pcTitleAlign,
|
|
159
|
+
options: refAlignOpts.value,
|
|
160
|
+
onChange: refreshPreview,
|
|
161
|
+
'onUpdate:modelValue'(val) {
|
|
162
|
+
formData.pcTitleAlign = val;
|
|
163
|
+
}
|
|
164
|
+
})
|
|
165
|
+
]), h('div', {
|
|
166
|
+
key: 'twa',
|
|
167
|
+
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
168
|
+
}, [
|
|
169
|
+
h('span', {}, getI18n('vxe.formDesign.styleSetting.widthTitle')),
|
|
170
|
+
h(VxeUIRadioGroupComponent, {
|
|
171
|
+
modelValue: formData.pcTitleAutoWidth,
|
|
172
|
+
options: refWidthAutoOpts.value,
|
|
173
|
+
onChange: refreshPreview,
|
|
174
|
+
'onUpdate:modelValue'(val) {
|
|
175
|
+
formData.pcTitleAutoWidth = val;
|
|
176
|
+
}
|
|
177
|
+
})
|
|
178
|
+
]));
|
|
179
|
+
if (!formData.pcTitleAutoWidth) {
|
|
180
|
+
propVns.push(h('div', {
|
|
181
|
+
key: 'tw',
|
|
155
182
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
156
183
|
}, [
|
|
157
|
-
h(
|
|
158
|
-
h(VxeUIInputComponent, {
|
|
184
|
+
h(VxeUINumberInputComponent, {
|
|
159
185
|
class: 'vxe-form-design--widget-form-item-prop-width',
|
|
160
186
|
modelValue: formData.pcTitleWidth,
|
|
161
187
|
type: 'integer',
|
|
@@ -174,8 +200,10 @@ export const DefaultPCStyleFormComponent = defineVxeComponent({
|
|
|
174
200
|
formData.pcTitleWidthUnit = val;
|
|
175
201
|
}
|
|
176
202
|
})
|
|
177
|
-
])
|
|
178
|
-
|
|
203
|
+
]));
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
return propVns;
|
|
179
207
|
}
|
|
180
208
|
})
|
|
181
209
|
];
|
|
@@ -196,7 +224,7 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
196
224
|
setup(props) {
|
|
197
225
|
const VxeUIFormComponent = VxeUI.getComponent('vxe-form');
|
|
198
226
|
const VxeUIFormItemComponent = VxeUI.getComponent('vxe-form-item');
|
|
199
|
-
const
|
|
227
|
+
const VxeUINumberInputComponent = VxeUI.getComponent('vxe-number-input');
|
|
200
228
|
const VxeUIRadioGroupComponent = VxeUI.getComponent('vxe-radio-group');
|
|
201
229
|
const VxeUISelectComponent = VxeUI.getComponent('vxe-select');
|
|
202
230
|
const $xeFormDesign = inject('$xeFormDesign', null);
|
|
@@ -204,6 +232,7 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
204
232
|
const refBoldOpts = ref(getBoldOptions());
|
|
205
233
|
const refColonOpts = ref(getColonOptions());
|
|
206
234
|
const refAlignOpts = ref(getAlignOptions());
|
|
235
|
+
const refWidthAutoOpts = ref(getWidthAutoOptions());
|
|
207
236
|
const refWidthUnitOpts = ref(getWidthUnitOptions());
|
|
208
237
|
const refreshPreview = () => {
|
|
209
238
|
if ($xeFormDesign) {
|
|
@@ -246,8 +275,9 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
246
275
|
title: getI18n('vxe.formDesign.styleSetting.styleTitle')
|
|
247
276
|
}, {
|
|
248
277
|
default() {
|
|
249
|
-
|
|
278
|
+
const propVns = [
|
|
250
279
|
h('div', {
|
|
280
|
+
key: 'tb',
|
|
251
281
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
252
282
|
}, [
|
|
253
283
|
h('span', {}, getI18n('vxe.formDesign.styleSetting.boldTitle')),
|
|
@@ -261,6 +291,7 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
261
291
|
})
|
|
262
292
|
]),
|
|
263
293
|
h('div', {
|
|
294
|
+
key: 'tc',
|
|
264
295
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
265
296
|
}, [
|
|
266
297
|
h('span', {}, getI18n('vxe.formDesign.styleSetting.colonTitle')),
|
|
@@ -272,29 +303,45 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
272
303
|
formData.mobileTitleColon = val;
|
|
273
304
|
}
|
|
274
305
|
})
|
|
275
|
-
])
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
306
|
+
])
|
|
307
|
+
];
|
|
308
|
+
if (formData.mobileVertical) {
|
|
309
|
+
//
|
|
310
|
+
}
|
|
311
|
+
else {
|
|
312
|
+
propVns.push(h('div', {
|
|
313
|
+
key: 'ta',
|
|
314
|
+
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
315
|
+
}, [
|
|
316
|
+
h('span', {}, getI18n('vxe.formDesign.styleSetting.alignTitle')),
|
|
317
|
+
h(VxeUIRadioGroupComponent, {
|
|
318
|
+
modelValue: formData.mobileTitleAlign,
|
|
319
|
+
options: refAlignOpts.value,
|
|
320
|
+
onChange: refreshPreview,
|
|
321
|
+
'onUpdate:modelValue'(val) {
|
|
322
|
+
formData.mobileTitleAlign = val;
|
|
323
|
+
}
|
|
324
|
+
})
|
|
325
|
+
]), h('div', {
|
|
326
|
+
key: 'twa',
|
|
327
|
+
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
328
|
+
}, [
|
|
329
|
+
h('span', {}, getI18n('vxe.formDesign.styleSetting.widthTitle')),
|
|
330
|
+
h(VxeUIRadioGroupComponent, {
|
|
331
|
+
modelValue: formData.mobileTitleAutoWidth,
|
|
332
|
+
options: refWidthAutoOpts.value,
|
|
333
|
+
onChange: refreshPreview,
|
|
334
|
+
'onUpdate:modelValue'(val) {
|
|
335
|
+
formData.mobileTitleAutoWidth = val;
|
|
336
|
+
}
|
|
337
|
+
})
|
|
338
|
+
]));
|
|
339
|
+
if (!formData.mobileTitleAutoWidth) {
|
|
340
|
+
propVns.push(h('div', {
|
|
341
|
+
key: 'wt',
|
|
294
342
|
class: 'vxe-form-design--widget-form-item-prop-list'
|
|
295
343
|
}, [
|
|
296
|
-
h(
|
|
297
|
-
h(VxeUIInputComponent, {
|
|
344
|
+
h(VxeUINumberInputComponent, {
|
|
298
345
|
class: 'vxe-form-design--widget-form-item-prop-width',
|
|
299
346
|
modelValue: formData.mobileTitleWidth,
|
|
300
347
|
type: 'integer',
|
|
@@ -313,8 +360,10 @@ export const DefaultMobileStyleFormComponent = defineVxeComponent({
|
|
|
313
360
|
formData.mobileTitleWidthUnit = val;
|
|
314
361
|
}
|
|
315
362
|
})
|
|
316
|
-
])
|
|
317
|
-
|
|
363
|
+
]));
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
return propVns;
|
|
318
367
|
}
|
|
319
368
|
})
|
|
320
369
|
];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref, h, reactive, provide, watch, nextTick, createCommentVNode } from 'vue';
|
|
2
2
|
import { defineVxeComponent } from '../../ui/src/comp';
|
|
3
|
-
import { VxeUI
|
|
3
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
4
4
|
import { toCssUnit } from '../../ui/src/dom';
|
|
5
5
|
import { FormDesignWidgetInfo, getWidgetConfig, getWidgetConfigCustomGroup, configToWidget } from './widget-info';
|
|
6
6
|
import XEUtils from 'xe-utils';
|
|
@@ -9,6 +9,8 @@ import LayoutPreviewComponent from './layout-preview';
|
|
|
9
9
|
import LayoutSettingComponent from './layout-setting';
|
|
10
10
|
import LayoutStyleComponent from './layout-style';
|
|
11
11
|
import { getDefaultSettingFormData } from './default-setting-data';
|
|
12
|
+
const { getConfig, getIcon, getI18n, renderer, createEvent, renderEmptyElement, useFns } = VxeUI;
|
|
13
|
+
const { useSize } = useFns;
|
|
12
14
|
export default defineVxeComponent({
|
|
13
15
|
name: 'VxeFormDesign',
|
|
14
16
|
props: {
|
|
@@ -63,17 +63,22 @@ export default defineVxeComponent({
|
|
|
63
63
|
Object.assign($xeFormDesignLayoutStyle, formDesignLayoutStyleMethod);
|
|
64
64
|
const renderStylePreview = () => {
|
|
65
65
|
const { activeTab } = reactData;
|
|
66
|
+
const isMobile = activeTab === 2;
|
|
66
67
|
return h('div', {
|
|
67
|
-
class: ['vxe-form-design--layout-style-preview', `is--${
|
|
68
|
+
class: ['vxe-form-design--layout-style-preview', `is--${isMobile ? 'mobile' : 'pc'}`]
|
|
68
69
|
}, [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
settingFormData.value
|
|
75
|
-
|
|
76
|
-
|
|
70
|
+
isMobile
|
|
71
|
+
? h('div', {
|
|
72
|
+
class: 'vxe-form-view'
|
|
73
|
+
}, '暂不支持')
|
|
74
|
+
: h(VxeFormViewComponent, {
|
|
75
|
+
modelValue: settingFormData.value,
|
|
76
|
+
config: settingConfig.value,
|
|
77
|
+
createFormConfig: createFormViewFormConfig,
|
|
78
|
+
'onUpdate:modelValue'(val) {
|
|
79
|
+
settingFormData.value = val;
|
|
80
|
+
}
|
|
81
|
+
})
|
|
77
82
|
]);
|
|
78
83
|
};
|
|
79
84
|
const renderMobileStyle = () => {
|
|
@@ -58,7 +58,7 @@ export const WidgetVxeUploadFileFormComponent = defineVxeComponent({
|
|
|
58
58
|
? h(VxeUIFormItemComponent, {
|
|
59
59
|
title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitFileCount'),
|
|
60
60
|
field: 'limitCount',
|
|
61
|
-
itemRender: { name: '
|
|
61
|
+
itemRender: { name: 'VxeNumberInput', props: { type: 'integer', min: 1, clearable: true } }
|
|
62
62
|
})
|
|
63
63
|
: createCommentVNode(),
|
|
64
64
|
h(VxeUIFormItemComponent, {
|
|
@@ -58,7 +58,7 @@ export const WidgetVxeUploadImageFormComponent = defineVxeComponent({
|
|
|
58
58
|
? h(VxeUIFormItemComponent, {
|
|
59
59
|
title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitImgCount'),
|
|
60
60
|
field: 'limitCount',
|
|
61
|
-
itemRender: { name: '
|
|
61
|
+
itemRender: { name: 'VxeNumberInput', props: { type: 'integer', min: 1, clearable: true } }
|
|
62
62
|
})
|
|
63
63
|
: createCommentVNode(),
|
|
64
64
|
h(VxeUIFormItemComponent, {
|
package/es/index.esm.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as VxeUIDesignExport from './components';
|
|
2
2
|
export * from './components';
|
|
3
|
-
export default
|
|
3
|
+
export default VxeUIDesignExport;
|
package/es/ui/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { VxeUI
|
|
2
|
-
|
|
1
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
2
|
+
import { errLog } from './src/log';
|
|
3
|
+
const { setConfig, setIcon, checkVersion } = VxeUI;
|
|
4
|
+
VxeUI.designVersion = "4.0.4";
|
|
3
5
|
setConfig({
|
|
4
6
|
formDesign: {
|
|
5
7
|
height: 400,
|
|
@@ -34,5 +36,15 @@ setIcon({
|
|
|
34
36
|
LIST_DESIGN_LIST_SETTING_SEARCH_DELETE: iconPrefix + 'delete',
|
|
35
37
|
LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE: iconPrefix + 'delete'
|
|
36
38
|
});
|
|
37
|
-
|
|
39
|
+
const pVersion = 4;
|
|
40
|
+
const sVersion = 11;
|
|
41
|
+
if (checkVersion) {
|
|
42
|
+
if (!checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
|
|
43
|
+
errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
|
|
48
|
+
}
|
|
49
|
+
export { VxeUI };
|
|
38
50
|
export default VxeUI;
|
package/es/ui/src/log.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { VxeUI } from '@vxe-ui/core';
|
|
2
|
+
const { log } = VxeUI;
|
|
3
|
+
const version = `design v${"4.0.4"}`;
|
|
3
4
|
export const warnLog = log.create('warn', version);
|
|
4
5
|
export const errLog = log.create('error', version);
|
package/lib/components.js
CHANGED
|
@@ -4,10 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {
|
|
7
|
-
install: true
|
|
7
|
+
install: true,
|
|
8
|
+
VxeUI: true
|
|
8
9
|
};
|
|
10
|
+
Object.defineProperty(exports, "VxeUI", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _ui.default;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
9
16
|
exports.install = install;
|
|
10
|
-
var
|
|
17
|
+
var _ui = _interopRequireDefault(require("./ui"));
|
|
11
18
|
var _flowDesign = _interopRequireWildcard(require("./flow-design"));
|
|
12
19
|
Object.keys(_flowDesign).forEach(function (key) {
|
|
13
20
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -80,23 +87,15 @@ Object.keys(_listView).forEach(function (key) {
|
|
|
80
87
|
}
|
|
81
88
|
});
|
|
82
89
|
});
|
|
83
|
-
var _ui = require("./ui");
|
|
84
|
-
Object.keys(_ui).forEach(function (key) {
|
|
85
|
-
if (key === "default" || key === "__esModule") return;
|
|
86
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
87
|
-
if (key in exports && exports[key] === _ui[key]) return;
|
|
88
|
-
Object.defineProperty(exports, key, {
|
|
89
|
-
enumerable: true,
|
|
90
|
-
get: function () {
|
|
91
|
-
return _ui[key];
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
90
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
96
91
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
92
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
93
|
+
const {
|
|
94
|
+
setConfig
|
|
95
|
+
} = _ui.default;
|
|
97
96
|
const components = [_flowDesign.default, _flowView.default, _formDesign.default, _formView.default, _listDesign.default, _listView.default];
|
|
98
97
|
function install(app, options) {
|
|
99
|
-
|
|
98
|
+
setConfig(options);
|
|
100
99
|
components.forEach(component => app.use(component));
|
|
101
100
|
}
|
|
102
101
|
|
package/lib/components.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0,VxeUI:!0},_ui=(Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _ui.default}}),exports.install=install,_interopRequireDefault(require("./ui"))),_flowDesign=_interopRequireWildcard(require("./flow-design")),_flowView=(Object.keys(_flowDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowDesign[e]}})}),_interopRequireWildcard(require("./flow-view"))),_formDesign=(Object.keys(_flowView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowView[e]}})}),_interopRequireWildcard(require("./form-design"))),_formView=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-view"))),_listDesign=(Object.keys(_formView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formView[e]}})}),_interopRequireWildcard(require("./list-design"))),_listView=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./list-view")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,i={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=n?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(i,r,o):i[r]=e[r]);return i.default=e,t&&t.set(e,i),i}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.keys(_listView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listView[e]}})});const setConfig=_ui.default["setConfig"],components=[_flowDesign.default,_flowView.default,_formDesign.default,_formView.default,_listDesign.default,_listView.default];function install(t,e){setConfig(e),components.forEach(e=>t.use(e))}
|
|
@@ -21,10 +21,13 @@ var _widgetVxeUploadFile = require("../widget-vxe-upload-file");
|
|
|
21
21
|
var _widgetVxeUploadImage = require("../widget-vxe-upload-image");
|
|
22
22
|
var _widgetVxeRate = require("../widget-vxe-rate");
|
|
23
23
|
var _widgetVxeSlider = require("../widget-vxe-slider");
|
|
24
|
+
const {
|
|
25
|
+
renderer
|
|
26
|
+
} = _core.VxeUI;
|
|
24
27
|
/**
|
|
25
28
|
* 表单设计器 - 渲染器
|
|
26
29
|
*/
|
|
27
|
-
|
|
30
|
+
renderer.mixin({
|
|
28
31
|
text: {
|
|
29
32
|
createFormDesignWidgetConfig: _widgetText.getWidgetTextConfig,
|
|
30
33
|
renderFormDesignWidgetView(renderOpts, renderParams) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _vue=require("vue"),_core=require("@vxe-ui/core"),_widgetText=require("../widget-text"),_widgetRow=require("../widget-row"),_widgetSubtable=require("../widget-subtable"),_widgetInput=require("../widget-input"),_widgetTextarea=require("../widget-textarea"),_widgetSelect=require("../widget-select"),_widgetVxeInput=require("../widget-vxe-input"),_widgetVxeNumberInput=require("../widget-vxe-number-input"),_widgetVxeDatePicker=require("../widget-vxe-date-picker"),_widgetVxeTextarea=require("../widget-vxe-textarea"),_widgetVxeSwitch=require("../widget-vxe-switch"),_widgetVxeSelect=require("../widget-vxe-select"),_widgetVxeTreeSelect=require("../widget-vxe-tree-select"),_widgetVxeRadioGroup=require("../widget-vxe-radio-group"),_widgetVxeCheckboxGroup=require("../widget-vxe-checkbox-group"),_widgetVxeUploadFile=require("../widget-vxe-upload-file"),_widgetVxeUploadImage=require("../widget-vxe-upload-image"),_widgetVxeRate=require("../widget-vxe-rate"),_widgetVxeSlider=require("../widget-vxe-slider");_core.renderer.mixin({text:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},title:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},row:{createFormDesignWidgetConfig:_widgetRow.getWidgetRowConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetRow.WidgetRowEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowFormComponent,{renderOpts:e,renderParams:r})}},subtable:{createFormDesignWidgetConfig:_widgetSubtable.getWidgetSubtableConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableFormComponent,{renderOpts:e,renderParams:r})}},input:{createFormDesignWidgetConfig:_widgetInput.getWidgetInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputFormComponent,{renderOpts:e,renderParams:r})}},textarea:{createFormDesignWidgetConfig:_widgetTextarea.getWidgetTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaFormComponent,{renderOpts:e,renderParams:r})}},select:{createFormDesignWidgetConfig:_widgetSelect.getWidgetSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeInput:{createFormDesignWidgetConfig:_widgetVxeInput.getWidgetVxeInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputFormComponent,{renderOpts:e,renderParams:r})}},VxeNumberInput:{createFormDesignWidgetConfig:_widgetVxeNumberInput.getWidgetVxeNumberInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputFormComponent,{renderOpts:e,renderParams:r})}},VxeDatePicker:{createFormDesignWidgetConfig:_widgetVxeDatePicker.getWidgetVxeDatePickerConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerFormComponent,{renderOpts:e,renderParams:r})}},VxeTextarea:{createFormDesignWidgetConfig:_widgetVxeTextarea.getWidgetVxeTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaFormComponent,{renderOpts:e,renderParams:r})}},VxeSwitch:{createFormDesignWidgetConfig:_widgetVxeSwitch.getWidgetVxeSwitchConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchFormComponent,{renderOpts:e,renderParams:r})}},VxeSelect:{createFormDesignWidgetConfig:_widgetVxeSelect.getWidgetVxeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeTreeSelect:{createFormDesignWidgetConfig:_widgetVxeTreeSelect.getWidgetVxeTreeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeRadioGroup:{createFormDesignWidgetConfig:_widgetVxeRadioGroup.getWidgetVxeRadioGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeCheckboxGroup:{createFormDesignWidgetConfig:_widgetVxeCheckboxGroup.getWidgetVxeCheckboxGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadFile:{createFormDesignWidgetConfig:_widgetVxeUploadFile.getWidgetVxeUploadFileConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadImage:{createFormDesignWidgetConfig:_widgetVxeUploadImage.getWidgetVxeUploadImageConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageFormComponent,{renderOpts:e,renderParams:r})}},VxeRate:{createFormDesignWidgetConfig:_widgetVxeRate.getWidgetVxeRateConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateFormComponent,{renderOpts:e,renderParams:r})}},VxeSlider:{createFormDesignWidgetConfig:_widgetVxeSlider.getWidgetVxeSliderConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderFormComponent,{renderOpts:e,renderParams:r})}}});
|
|
1
|
+
"use strict";var _vue=require("vue"),_core=require("@vxe-ui/core"),_widgetText=require("../widget-text"),_widgetRow=require("../widget-row"),_widgetSubtable=require("../widget-subtable"),_widgetInput=require("../widget-input"),_widgetTextarea=require("../widget-textarea"),_widgetSelect=require("../widget-select"),_widgetVxeInput=require("../widget-vxe-input"),_widgetVxeNumberInput=require("../widget-vxe-number-input"),_widgetVxeDatePicker=require("../widget-vxe-date-picker"),_widgetVxeTextarea=require("../widget-vxe-textarea"),_widgetVxeSwitch=require("../widget-vxe-switch"),_widgetVxeSelect=require("../widget-vxe-select"),_widgetVxeTreeSelect=require("../widget-vxe-tree-select"),_widgetVxeRadioGroup=require("../widget-vxe-radio-group"),_widgetVxeCheckboxGroup=require("../widget-vxe-checkbox-group"),_widgetVxeUploadFile=require("../widget-vxe-upload-file"),_widgetVxeUploadImage=require("../widget-vxe-upload-image"),_widgetVxeRate=require("../widget-vxe-rate"),_widgetVxeSlider=require("../widget-vxe-slider");const renderer=_core.VxeUI["renderer"];renderer.mixin({text:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},title:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},row:{createFormDesignWidgetConfig:_widgetRow.getWidgetRowConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetRow.WidgetRowEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowFormComponent,{renderOpts:e,renderParams:r})}},subtable:{createFormDesignWidgetConfig:_widgetSubtable.getWidgetSubtableConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableFormComponent,{renderOpts:e,renderParams:r})}},input:{createFormDesignWidgetConfig:_widgetInput.getWidgetInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputFormComponent,{renderOpts:e,renderParams:r})}},textarea:{createFormDesignWidgetConfig:_widgetTextarea.getWidgetTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaFormComponent,{renderOpts:e,renderParams:r})}},select:{createFormDesignWidgetConfig:_widgetSelect.getWidgetSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeInput:{createFormDesignWidgetConfig:_widgetVxeInput.getWidgetVxeInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputFormComponent,{renderOpts:e,renderParams:r})}},VxeNumberInput:{createFormDesignWidgetConfig:_widgetVxeNumberInput.getWidgetVxeNumberInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputFormComponent,{renderOpts:e,renderParams:r})}},VxeDatePicker:{createFormDesignWidgetConfig:_widgetVxeDatePicker.getWidgetVxeDatePickerConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerFormComponent,{renderOpts:e,renderParams:r})}},VxeTextarea:{createFormDesignWidgetConfig:_widgetVxeTextarea.getWidgetVxeTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaFormComponent,{renderOpts:e,renderParams:r})}},VxeSwitch:{createFormDesignWidgetConfig:_widgetVxeSwitch.getWidgetVxeSwitchConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchFormComponent,{renderOpts:e,renderParams:r})}},VxeSelect:{createFormDesignWidgetConfig:_widgetVxeSelect.getWidgetVxeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeTreeSelect:{createFormDesignWidgetConfig:_widgetVxeTreeSelect.getWidgetVxeTreeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeRadioGroup:{createFormDesignWidgetConfig:_widgetVxeRadioGroup.getWidgetVxeRadioGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeCheckboxGroup:{createFormDesignWidgetConfig:_widgetVxeCheckboxGroup.getWidgetVxeCheckboxGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadFile:{createFormDesignWidgetConfig:_widgetVxeUploadFile.getWidgetVxeUploadFileConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadImage:{createFormDesignWidgetConfig:_widgetVxeUploadImage.getWidgetVxeUploadImageConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageFormComponent,{renderOpts:e,renderParams:r})}},VxeRate:{createFormDesignWidgetConfig:_widgetVxeRate.getWidgetVxeRateConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateFormComponent,{renderOpts:e,renderParams:r})}},VxeSlider:{createFormDesignWidgetConfig:_widgetVxeSlider.getWidgetVxeSliderConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderFormComponent,{renderOpts:e,renderParams:r})}}});
|
|
@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.handleGetFormDesignWidgetName = exports.getFormDesignWidgetName = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
|
+
const {
|
|
9
|
+
getI18n
|
|
10
|
+
} = _core.VxeUI;
|
|
8
11
|
const getFormDesignWidgetName = name => {
|
|
9
|
-
return
|
|
12
|
+
return getI18n(`vxe.formDesign.widget.component.${name}`);
|
|
10
13
|
};
|
|
11
14
|
exports.getFormDesignWidgetName = getFormDesignWidgetName;
|
|
12
15
|
const handleGetFormDesignWidgetName = params => {
|