@lambo-design/variant-form 2.2.9-beta.0 → 2.2.9-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +201 -0
- package/babel.config.js +5 -0
- package/dist/lib/VFormDesigner.common-report.html +53 -0
- package/dist/lib/VFormDesigner.common.js +123773 -0
- package/dist/lib/VFormDesigner.common.js.map +1 -0
- package/dist/lib/VFormDesigner.css +1 -0
- package/dist/lib/VFormDesigner.umd-report.html +53 -0
- package/dist/lib/VFormDesigner.umd.js +123783 -0
- package/dist/lib/VFormDesigner.umd.js.map +1 -0
- package/dist/lib/VFormDesigner.umd.min-report.html +53 -0
- package/dist/lib/VFormDesigner.umd.min.js +222 -0
- package/dist/lib/demo.html +10 -0
- package/dist/lib/img/indicator-card-header.7291bcc9.png +0 -0
- package/dist/lib/img/lan_navigator.53090c9d.png +0 -0
- package/dist/lib/img/layout-header-bg-canglan.b1d97e4e.png +0 -0
- package/dist/lib/img/layout-header-bg-cuiwei.67019b6d.png +0 -0
- package/dist/lib/img/lv_navigator.f07fb393.png +0 -0
- package/index_template/index_dev.html +19 -0
- package/index_template/index_prod.html +28 -0
- package/install-render.js +29 -0
- package/install.js +41 -0
- package/jsconfig.json +10 -0
- package/license.txt +8 -0
- package/package.json +10 -4
- package/public/favicon.ico +0 -0
- package/public/index.html +19 -0
- package/src/App.vue +45 -0
- package/src/components/form-designer/designer.js +1 -0
- package/src/components/form-designer/form-widget/field-widget/organ-select-widget.vue +254 -0
- package/src/components/form-designer/form-widget/field-widget/relation-form-widget.vue +397 -0
- package/src/components/form-designer/form-widget/field-widget/sub-form-widget.vue +660 -0
- package/src/components/form-designer/form-widget/field-widget/user-select-widget.vue +333 -0
- package/src/components/form-designer/form-widget/index.vue +1 -1
- package/src/components/form-designer/index.vue +14 -12
- package/src/components/form-designer/setting-panel/form-setting.vue +59 -60
- package/src/components/form-designer/setting-panel/index.vue +2 -0
- package/src/components/form-designer/setting-panel/property-editor/allowMultiple-editor.vue +24 -0
- package/src/components/form-designer/setting-panel/property-editor/border-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/buttonStyle-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/displayFields-editor.vue +91 -0
- package/src/components/form-designer/setting-panel/property-editor/displayStyle-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/field-relation-form/relation-form-defaultValue-editor.vue +18 -0
- package/src/components/form-designer/setting-panel/property-editor/filterable-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/multipleLimit-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue +2 -2
- package/src/components/form-designer/setting-panel/property-editor/operList-editor.vue +64 -0
- package/src/components/form-designer/setting-panel/property-editor/placeholder-editor.vue +1 -1
- package/src/components/form-designer/setting-panel/property-editor/relationForm-editor.vue +74 -0
- package/src/components/form-designer/setting-panel/property-editor/relationItems-editor.vue +91 -0
- package/src/components/form-designer/setting-panel/property-editor/relationType-editor.vue +67 -0
- package/src/components/form-designer/setting-panel/property-editor/rootOrgan-editor.vue +248 -0
- package/src/components/form-designer/setting-panel/property-editor/size-editor.vue +5 -5
- package/src/components/form-designer/setting-panel/property-editor/subFormId-editor.vue +74 -0
- package/src/components/form-designer/setting-panel/propertyRegister.js +144 -133
- package/src/components/form-designer/toolbar-panel/index.vue +11 -10
- package/src/components/form-designer/widget-panel/index.vue +11 -11
- package/src/components/form-designer/widget-panel/widgetsConfig.js +425 -297
- package/src/extension/extension-loader.js +1 -1
- package/src/icons/svg/relation-form-field.svg +1 -0
- package/src/lang/en-US.js +39 -0
- package/src/lang/zh-CN.js +42 -3
- package/src/main.js +29 -0
- package/src/utils/config.js +1 -1
- package/src/utils/util.js +35 -1
- package/vue.config.js +93 -0
|
@@ -4,134 +4,145 @@ import Vue from 'vue'
|
|
|
4
4
|
* 格式说明:属性名称==对应属性编辑器的组件名称
|
|
5
5
|
*/
|
|
6
6
|
const COMMON_PROPERTIES = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
7
|
+
//字段
|
|
8
|
+
'name': 'name-editor',
|
|
9
|
+
'label': 'label-editor',
|
|
10
|
+
// 'labelAlign' : 'labelAlign-editor',
|
|
11
|
+
'type': 'type-editor',
|
|
12
|
+
'defaultValue': 'defaultValue-editor',
|
|
13
|
+
|
|
14
|
+
'relationForm': 'relationForm-editor',
|
|
15
|
+
'relationItems': 'relationItems-editor',
|
|
16
|
+
'relationType': 'relationType-editor',
|
|
17
|
+
|
|
18
|
+
'subFormId': 'subFormId-editor',
|
|
19
|
+
'displayFields': 'displayFields-editor',
|
|
20
|
+
'operList': 'operList-editor',
|
|
21
|
+
|
|
22
|
+
'placeholder': 'placeholder-editor',
|
|
23
|
+
'startPlaceholder': 'startPlaceholder-editor',
|
|
24
|
+
'endPlaceholder': 'endPlaceholder-editor',
|
|
25
|
+
'columnWidth': 'columnWidth-editor',
|
|
26
|
+
'size': 'size-editor',
|
|
27
|
+
'showStops': 'showStops-editor',
|
|
28
|
+
'displayStyle': 'displayStyle-editor',
|
|
29
|
+
// 'buttonStyle': 'buttonStyle-editor',
|
|
30
|
+
'border': 'border-editor',
|
|
31
|
+
'labelWidth': 'labelWidth-editor',
|
|
32
|
+
// 'labelHidden' : 'labelHidden-editor',
|
|
33
|
+
'rows': 'rows-editor',
|
|
34
|
+
'required': 'required-editor',
|
|
35
|
+
// 'requiredHint' : 'requiredHint-editor',
|
|
36
|
+
// 'validation' : 'validation-editor',
|
|
37
|
+
// 'validationHint' : 'validationHint-editor',
|
|
38
|
+
'readonly': 'readonly-editor',
|
|
39
|
+
'disabled': 'disabled-editor',
|
|
40
|
+
'hidden': 'hidden-editor',
|
|
41
|
+
'clearable': 'clearable-editor',
|
|
42
|
+
'editable': 'editable-editor',
|
|
43
|
+
'showPassword': 'showPassword-editor',
|
|
44
|
+
'textContent': 'textContent-editor',
|
|
45
|
+
'textAlign': 'textAlign-editor',
|
|
46
|
+
'fontSize': 'fontSize-editor',
|
|
47
|
+
'preWrap': 'preWrap-editor',
|
|
48
|
+
'htmlContent': 'htmlContent-editor',
|
|
49
|
+
'format': 'format-editor',
|
|
50
|
+
// 'valueFormat' : 'valueFormat-editor',
|
|
51
|
+
'filterable': 'filterable-editor',
|
|
52
|
+
// 'allowCreate' : 'allowCreate-editor',
|
|
53
|
+
// 'remote' : 'remote-editor',
|
|
54
|
+
// 'automaticDropdown' : 'automaticDropdown-editor',
|
|
55
|
+
'checkStrictly': 'checkStrictly-editor',
|
|
56
|
+
'showAllLevels': 'showAllLevels-editor',
|
|
57
|
+
'multiple': 'multiple-editor',
|
|
58
|
+
'multipleLimit': 'multipleLimit-editor',
|
|
59
|
+
'contentPosition': 'contentPosition-editor',
|
|
60
|
+
'optionItems': 'optionItems-editor',
|
|
61
|
+
// 'uploadURL' : 'uploadURL-editor',
|
|
62
|
+
// 'uploadTip' : 'uploadTip-editor',
|
|
63
|
+
// 'withCredentials' : 'withCredentials-editor',
|
|
64
|
+
// 'multipleSelect' : 'multipleSelect-editor',
|
|
65
|
+
'limit': 'limit-editor',
|
|
66
|
+
'fileMaxSize': 'fileMaxSize-editor',
|
|
67
|
+
'fileTypes': 'fileTypes-editor',
|
|
68
|
+
'rootOrgan': 'rootOrgan-editor',
|
|
69
|
+
'allowMultiple': 'allowMultiple-editor',
|
|
70
|
+
// 'customClass' : 'customClass-editor',
|
|
71
|
+
|
|
72
|
+
//容器
|
|
73
|
+
'showBlankRow': 'showBlankRow-editor',
|
|
74
|
+
'showRowNumber': 'showRowNumber-editor',
|
|
75
|
+
'cellWidth': 'cellWidth-editor',
|
|
76
|
+
'cellHeight': 'cellHeight-editor',
|
|
77
|
+
'colHeight': 'colHeight-editor',
|
|
78
|
+
'wordBreak': 'wordBreak-editor',
|
|
79
|
+
'gutter': 'gutter-editor',
|
|
80
|
+
'responsive': 'responsive-editor',
|
|
81
|
+
'span': 'span-editor',
|
|
82
|
+
'offset': 'offset-editor',
|
|
83
|
+
'push': 'push-editor',
|
|
84
|
+
'pull': 'pull-editor',
|
|
74
85
|
|
|
75
86
|
}
|
|
76
87
|
|
|
77
88
|
const ADVANCED_PROPERTIES = {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
89
|
+
'min': 'min-editor',
|
|
90
|
+
'max': 'max-editor',
|
|
91
|
+
'precision': 'precision-editor',
|
|
92
|
+
'step': 'step-editor',
|
|
93
|
+
'controlsPosition': 'controlsPosition-editor',
|
|
94
|
+
'minLength': 'minLength-editor',
|
|
95
|
+
'maxLength': 'maxLength-editor',
|
|
96
|
+
'showWordLimit': 'showWordLimit-editor',
|
|
97
|
+
// 'prefixIcon': 'prefixIcon-editor',
|
|
98
|
+
// 'suffixIcon': 'suffixIcon-editor',
|
|
99
|
+
// 'switchWidth': 'switchWidth-editor',
|
|
100
|
+
// 'activeText': 'activeText-editor',
|
|
101
|
+
// 'inactiveText': 'inactiveText-editor',
|
|
102
|
+
// 'activeColor': 'activeColor-editor',
|
|
103
|
+
// 'inactiveColor': 'inactiveColor-editor',
|
|
104
|
+
'lowThreshold': 'lowThreshold-editor',
|
|
105
|
+
'highThreshold': 'highThreshold-editor',
|
|
106
|
+
'allowHalf': 'allowHalf-editor',
|
|
107
|
+
'showText': 'showText-editor',
|
|
108
|
+
'showScore': 'showScore-editor',
|
|
109
|
+
'range': 'range-editor',
|
|
110
|
+
'vertical': 'vertical-editor',
|
|
111
|
+
'plain': 'plain-editor',
|
|
112
|
+
'round': 'round-editor',
|
|
113
|
+
'circle': 'circle-editor',
|
|
114
|
+
// 'icon' : 'icon-editor',
|
|
115
|
+
// 'labelIconClass' : 'labelIconClass-editor',
|
|
116
|
+
// 'labelIconPosition' : 'labelIconPosition-editor',
|
|
117
|
+
'labelTooltip': 'labelTooltip-editor',
|
|
118
|
+
// 'appendButton' : 'appendButton-editor',
|
|
119
|
+
// 'appendButtonDisabled': 'appendButtonDisabled-editor',
|
|
120
|
+
// 'buttonIcon' : 'buttonIcon-editor',
|
|
110
121
|
|
|
111
122
|
}
|
|
112
123
|
|
|
113
124
|
const EVENT_PROPERTIES = {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
125
|
+
//字段
|
|
126
|
+
// 'onCreated' : 'onCreated-editor',
|
|
127
|
+
// 'onMounted' : 'onMounted-editor',
|
|
128
|
+
// 'onClick': 'onClick-editor',
|
|
129
|
+
// 'onInput' : 'onInput-editor',
|
|
130
|
+
// 'onChange': 'onChange-editor',
|
|
131
|
+
// 'onFocus' : 'onFocus-editor',
|
|
132
|
+
// 'onBlur' : 'onBlur-editor',
|
|
133
|
+
// 'onRemoteQuery' : 'onRemoteQuery-editor',
|
|
134
|
+
// 'onBeforeUpload' : 'onBeforeUpload-editor',
|
|
135
|
+
// 'onUploadSuccess' : 'onUploadSuccess-editor',
|
|
136
|
+
// 'onUploadError' : 'onUploadError-editor',
|
|
137
|
+
// 'onFileRemove' : 'onFileRemove-editor',
|
|
138
|
+
// 'onValidate' : 'onValidate-editor',
|
|
139
|
+
// 'onAppendButtonClick': 'onAppendButtonClick-editor',
|
|
140
|
+
|
|
141
|
+
//容器
|
|
142
|
+
// 'onSubFormRowAdd': 'onSubFormRowAdd-editor',
|
|
143
|
+
// 'onSubFormRowInsert': 'onSubFormRowInsert-editor',
|
|
144
|
+
// 'onSubFormRowDelete': 'onSubFormRowDelete-editor',
|
|
145
|
+
// 'onSubFormRowChange': 'onSubFormRowChange-editor',
|
|
135
146
|
|
|
136
147
|
}
|
|
137
148
|
|
|
@@ -142,7 +153,7 @@ const EVENT_PROPERTIES = {
|
|
|
142
153
|
* @param propEditorName 对应属性编辑器的组件名称
|
|
143
154
|
*/
|
|
144
155
|
export function registerCommonProperty(uniquePropName, propEditorName) {
|
|
145
|
-
|
|
156
|
+
COMMON_PROPERTIES[uniquePropName] = propEditorName
|
|
146
157
|
}
|
|
147
158
|
|
|
148
159
|
/**
|
|
@@ -152,7 +163,7 @@ export function registerCommonProperty(uniquePropName, propEditorName) {
|
|
|
152
163
|
* @param propEditorName 对应属性编辑器的组件名称
|
|
153
164
|
*/
|
|
154
165
|
export function registerAdvancedProperty(uniquePropName, propEditorName) {
|
|
155
|
-
|
|
166
|
+
ADVANCED_PROPERTIES[uniquePropName] = propEditorName
|
|
156
167
|
}
|
|
157
168
|
|
|
158
169
|
/**
|
|
@@ -162,7 +173,7 @@ export function registerAdvancedProperty(uniquePropName, propEditorName) {
|
|
|
162
173
|
* @param propEditorName 对应属性编辑器的组件名称
|
|
163
174
|
*/
|
|
164
175
|
export function registerEventProperty(uniquePropName, propEditorName) {
|
|
165
|
-
|
|
176
|
+
EVENT_PROPERTIES[uniquePropName] = propEditorName
|
|
166
177
|
}
|
|
167
178
|
|
|
168
179
|
/**
|
|
@@ -170,7 +181,7 @@ export function registerEventProperty(uniquePropName, propEditorName) {
|
|
|
170
181
|
* @param uniquePropName 属性名称(保证名称唯一,不跟其他组件属性冲突)
|
|
171
182
|
*/
|
|
172
183
|
export function propertyRegistered(uniquePropName) {
|
|
173
|
-
|
|
184
|
+
return !!COMMON_PROPERTIES[uniquePropName] || !!ADVANCED_PROPERTIES[uniquePropName] || !!EVENT_PROPERTIES[uniquePropName]
|
|
174
185
|
}
|
|
175
186
|
|
|
176
187
|
/**
|
|
@@ -180,8 +191,8 @@ export function propertyRegistered(uniquePropName) {
|
|
|
180
191
|
* @param editorComponent
|
|
181
192
|
*/
|
|
182
193
|
export function registerCPEditor(uniquePropName, propEditorName, editorComponent) {
|
|
183
|
-
|
|
184
|
-
|
|
194
|
+
Vue.component(propEditorName, editorComponent)
|
|
195
|
+
registerCommonProperty(uniquePropName, propEditorName)
|
|
185
196
|
}
|
|
186
197
|
|
|
187
198
|
/**
|
|
@@ -191,8 +202,8 @@ export function registerCPEditor(uniquePropName, propEditorName, editorComponent
|
|
|
191
202
|
* @param editorComponent
|
|
192
203
|
*/
|
|
193
204
|
export function registerAPEditor(uniquePropName, propEditorName, editorComponent) {
|
|
194
|
-
|
|
195
|
-
|
|
205
|
+
Vue.component(propEditorName, editorComponent)
|
|
206
|
+
registerAdvancedProperty(uniquePropName, propEditorName)
|
|
196
207
|
}
|
|
197
208
|
|
|
198
209
|
/**
|
|
@@ -202,14 +213,14 @@ export function registerAPEditor(uniquePropName, propEditorName, editorComponent
|
|
|
202
213
|
* @param editorComponent
|
|
203
214
|
*/
|
|
204
215
|
export function registerEPEditor(uniquePropName, propEditorName, editorComponent) {
|
|
205
|
-
|
|
206
|
-
|
|
216
|
+
Vue.component(propEditorName, editorComponent)
|
|
217
|
+
registerEventProperty(uniquePropName, propEditorName)
|
|
207
218
|
}
|
|
208
219
|
|
|
209
220
|
export default {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
221
|
+
COMMON_PROPERTIES,
|
|
222
|
+
ADVANCED_PROPERTIES,
|
|
223
|
+
EVENT_PROPERTIES
|
|
213
224
|
}
|
|
214
225
|
|
|
215
226
|
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
<svg-icon icon-class="undo" /></el-button>
|
|
6
6
|
<el-button type="text" :disabled="redoDisabled" :title="i18nt('designer.toolbar.redoHint')" @click="redoHistory">
|
|
7
7
|
<svg-icon icon-class="redo" /></el-button>
|
|
8
|
-
<el-button-group style="margin-left: 20px"
|
|
9
|
-
<el-button :type="layoutType === 'PC' ? 'info': ''" @click="changeLayoutType('PC')"
|
|
10
|
-
{{i18nt('designer.toolbar.pcLayout')}}</el-button
|
|
11
|
-
<el-button :type="layoutType === 'Pad' ? 'info': ''" @click="changeLayoutType('Pad')"
|
|
12
|
-
{{i18nt('designer.toolbar.padLayout')}}</el-button
|
|
13
|
-
<el-button :type="layoutType === 'H5' ? 'info': ''" @click="changeLayoutType('H5')"
|
|
14
|
-
{{i18nt('designer.toolbar.mobileLayout')}}</el-button
|
|
15
|
-
</el-button-group
|
|
8
|
+
<!-- <el-button-group style="margin-left: 20px">-->
|
|
9
|
+
<!-- <el-button :type="layoutType === 'PC' ? 'info': ''" @click="changeLayoutType('PC')">-->
|
|
10
|
+
<!-- {{i18nt('designer.toolbar.pcLayout')}}</el-button>-->
|
|
11
|
+
<!-- <el-button :type="layoutType === 'Pad' ? 'info': ''" @click="changeLayoutType('Pad')">-->
|
|
12
|
+
<!-- {{i18nt('designer.toolbar.padLayout')}}</el-button>-->
|
|
13
|
+
<!-- <el-button :type="layoutType === 'H5' ? 'info': ''" @click="changeLayoutType('H5')">-->
|
|
14
|
+
<!-- {{i18nt('designer.toolbar.mobileLayout')}}</el-button>-->
|
|
15
|
+
<!-- </el-button-group>-->
|
|
16
16
|
<el-button type="" style="margin-left: 20px" :title="i18nt('designer.toolbar.nodeTreeHint')" @click="showNodeTreeDrawer">
|
|
17
17
|
<svg-icon icon-class="node-tree" /></el-button>
|
|
18
18
|
</div>
|
|
@@ -488,8 +488,9 @@
|
|
|
488
488
|
exportJson() {
|
|
489
489
|
let widgetList = deepClone(this.designer.widgetList)
|
|
490
490
|
let formConfig = deepClone(this.designer.formConfig)
|
|
491
|
-
|
|
492
|
-
this.
|
|
491
|
+
let dataModelConfig = deepClone(this.designer.dataModelConfig)
|
|
492
|
+
this.jsonContent = JSON.stringify({widgetList, formConfig,dataModelConfig}, null, ' ')
|
|
493
|
+
this.jsonRawContent = JSON.stringify({widgetList, formConfig,dataModelConfig})
|
|
493
494
|
this.showExportJsonDialogFlag = true
|
|
494
495
|
},
|
|
495
496
|
|
|
@@ -41,17 +41,17 @@
|
|
|
41
41
|
</el-collapse-item>
|
|
42
42
|
|
|
43
43
|
<!-- -->
|
|
44
|
-
<el-collapse-item name="4" :title="i18nt('designer.customFieldTitle')"
|
|
45
|
-
<draggable tag="ul" :list="customFields" :group="{name: 'dragGroup', pull: 'clone', put: false}"
|
|
46
|
-
:move="checkFieldMove"
|
|
47
|
-
:clone="handleFieldWidgetClone" ghost-class="ghost" :sort="false"
|
|
48
|
-
<li v-for="(fld, index) in customFields" :key="index" class="field-widget-item" :title="fld.displayName"
|
|
49
|
-
@dblclick="addFieldByDbClick(fld)"
|
|
50
|
-
<span
|
|
51
|
-
<svg-icon :icon-class="fld.icon" class-name="color-svg-icon" />{{i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)}}</span
|
|
52
|
-
</li
|
|
53
|
-
</draggable
|
|
54
|
-
</el-collapse-item
|
|
44
|
+
<!-- <el-collapse-item name="4" :title="i18nt('designer.customFieldTitle')">-->
|
|
45
|
+
<!-- <draggable tag="ul" :list="customFields" :group="{name: 'dragGroup', pull: 'clone', put: false}"-->
|
|
46
|
+
<!-- :move="checkFieldMove"-->
|
|
47
|
+
<!-- :clone="handleFieldWidgetClone" ghost-class="ghost" :sort="false">-->
|
|
48
|
+
<!-- <li v-for="(fld, index) in customFields" :key="index" class="field-widget-item" :title="fld.displayName"-->
|
|
49
|
+
<!-- @dblclick="addFieldByDbClick(fld)">-->
|
|
50
|
+
<!-- <span>-->
|
|
51
|
+
<!-- <svg-icon :icon-class="fld.icon" class-name="color-svg-icon" />{{i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)}}</span>-->
|
|
52
|
+
<!-- </li>-->
|
|
53
|
+
<!-- </draggable>-->
|
|
54
|
+
<!-- </el-collapse-item>-->
|
|
55
55
|
<!-- -->
|
|
56
56
|
|
|
57
57
|
</el-collapse>
|