@kp-ui/lowcode 2.14.0-alpha.4 → 2.14.0-beta
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/install.js +24 -45
- package/package.json +1 -1
- package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js +17 -17
- package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js +10 -10
- package/src/components/form-designer/form-widget/container-widget/index.js +6 -7
- package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js +9 -9
- package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js +2 -2
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js +1 -1
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +32 -32
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js +3 -3
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js +7 -7
- package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js +18 -18
- package/src/components/form-designer/index.vue.js +21 -25
- package/src/components/form-designer/setting-panel/index.vue.js +55 -54
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js +10 -10
- package/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue.js +14 -11
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +116 -118
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +11 -11
- package/src/components/form-designer/setting-panel/property-editor/field-button/danger-editor.vue.js +13 -11
- package/src/components/form-designer/setting-panel/property-editor/field-button/ghost-editor.vue.js +15 -13
- package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue.js +17 -14
- package/src/components/form-designer/setting-panel/property-editor/field-button/shape-editor.vue.js +14 -12
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js +15 -11
- package/src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue.js +2 -2
- package/src/components/form-designer/setting-panel/property-editor/field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue.js +16 -14
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js +16 -13
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue.js +7 -3
- package/src/components/form-designer/setting-panel/property-editor/placement-editor.vue.js +24 -22
- package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue.js +15 -12
- package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
- package/src/components/form-designer/toolbar-panel/index.vue2.js +66 -67
- package/src/components/form-designer/widget-panel/advanced/data-table.js +6 -1
- package/src/components/form-designer/widget-panel/basicFields/color.js +2 -7
- package/src/components/form-designer/widget-panel/index.vue.js +16 -16
- package/src/components/form-render/index.vue.js +10 -10
- package/src/components/http-editor/index.vue.js +27 -23
- package/src/components/public/ActionButtonListRender.vue.js +24 -19
- package/src/components/public/ActionButtonListRender.vue2.js +1 -1
- package/src/lang/en-US.js +17 -0
- package/src/lang/zh-CN.js +17 -0
- package/stats.html +1 -1
- package/styles/style.css +1 -1
- package/types/install.d.ts +3 -14
- package/src/components/form-render/container-item/data-table-item.vue.js +0 -149
- package/src/components/form-render/container-item/grid-col-item.vue.js +0 -149
- package/src/components/form-render/container-item/grid-item.vue.js +0 -92
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +0 -319
- package/src/components/form-render/container-item/index.js +0 -24
- package/src/components/form-render/container-item/sub-form-item.vue.js +0 -429
- package/src/components/form-render/container-item/tab-item.vue.js +0 -160
- package/src/components/form-render/container-item/table-cell-item.vue.js +0 -95
- package/src/components/form-render/container-item/table-item.vue.js +0 -96
- package/src/components/form-render/container-item/vf-collapse-item.vue.js +0 -252
- package/src/components/form-render/container-item/vf-dialog-item.vue.js +0 -12
- package/src/components/form-render/container-item/vf-drawer-item.vue.js +0 -12
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { defineComponent as j, ref as
|
|
1
|
+
import { defineComponent as j, ref as _, resolveComponent as h, createElementBlock as I, openBlock as s, Fragment as q, createVNode as o, unref as n, withCtx as d, createTextVNode as v, toDisplayString as m, createElementVNode as T, createBlock as r, createCommentVNode as u, normalizeClass as G } from "vue";
|
|
2
2
|
import { useI18n as J } from "../../../../../utils/i18n.js";
|
|
3
3
|
import K from "../../../../code-editor/code-modal-editor.vue.js";
|
|
4
4
|
import { cloneDeep as D } from "lodash-es";
|
|
5
5
|
import { TpfModal as P } from "tmgc2-share";
|
|
6
|
-
|
|
6
|
+
import { message as Q } from "ant-design-vue";
|
|
7
|
+
const X = { class: "table-wrap" }, Y = {
|
|
7
8
|
key: 2,
|
|
8
9
|
style: { "text-align": "center" }
|
|
9
|
-
},
|
|
10
|
+
}, Z = { class: "add-btn" }, de = /* @__PURE__ */ j({
|
|
10
11
|
name: "tableColumns-editor",
|
|
11
12
|
__name: "data-table-tableColumns-editor",
|
|
12
13
|
props: {
|
|
@@ -15,7 +16,7 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
15
16
|
optionModel: {}
|
|
16
17
|
},
|
|
17
18
|
setup(S, { expose: W }) {
|
|
18
|
-
const { i18nt:
|
|
19
|
+
const { i18nt: t } = J(), k = S, x = _(null), f = _(!1), e = _([]), C = _(null), E = [
|
|
19
20
|
{ value: "left", label: "left" },
|
|
20
21
|
{ value: "center", label: "center" },
|
|
21
22
|
{ value: "right", label: "right" }
|
|
@@ -27,82 +28,83 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
27
28
|
fixed: "left",
|
|
28
29
|
rowDrag: !0,
|
|
29
30
|
resizable: !0,
|
|
30
|
-
customRender: ({ index:
|
|
31
|
+
customRender: ({ index: c }) => c + 1
|
|
31
32
|
},
|
|
32
33
|
{
|
|
33
|
-
title:
|
|
34
|
+
title: t("designer.setting.columnName"),
|
|
34
35
|
dataIndex: "dataIndex",
|
|
35
36
|
resizable: !0,
|
|
36
37
|
width: 150
|
|
37
38
|
},
|
|
38
39
|
{
|
|
39
|
-
title:
|
|
40
|
+
title: t("designer.setting.columnLabel"),
|
|
40
41
|
dataIndex: "title",
|
|
41
42
|
align: "center",
|
|
42
43
|
resizable: !0,
|
|
43
44
|
width: 100
|
|
44
45
|
},
|
|
45
46
|
{
|
|
46
|
-
title:
|
|
47
|
+
title: t("designer.setting.columnWidth"),
|
|
47
48
|
dataIndex: "width",
|
|
48
49
|
resizable: !0,
|
|
49
50
|
width: 120
|
|
50
51
|
},
|
|
51
52
|
{
|
|
52
|
-
title:
|
|
53
|
+
title: t("designer.setting.visibleColumn"),
|
|
53
54
|
dataIndex: "show",
|
|
54
55
|
resizable: !0,
|
|
55
56
|
width: 90
|
|
56
57
|
},
|
|
57
58
|
{
|
|
58
|
-
title:
|
|
59
|
+
title: t("designer.setting.sortableColumn"),
|
|
59
60
|
dataIndex: "sorter",
|
|
60
61
|
resizable: !0,
|
|
61
62
|
width: 90
|
|
62
63
|
},
|
|
63
64
|
{
|
|
64
|
-
title: "
|
|
65
|
+
title: t("designer.setting.resizableColumn"),
|
|
65
66
|
dataIndex: "resizable",
|
|
67
|
+
resizable: !0,
|
|
66
68
|
width: 120
|
|
67
69
|
},
|
|
68
70
|
{
|
|
69
|
-
title: "
|
|
71
|
+
title: t("designer.setting.ellipsisColumn"),
|
|
70
72
|
dataIndex: "ellipsis",
|
|
71
73
|
resizable: !0,
|
|
72
74
|
width: 150
|
|
73
75
|
},
|
|
74
76
|
{
|
|
75
|
-
title:
|
|
77
|
+
title: t("designer.setting.fixedColumn"),
|
|
76
78
|
dataIndex: "fixed",
|
|
77
79
|
resizable: !0,
|
|
78
80
|
width: 100
|
|
79
81
|
},
|
|
80
82
|
{
|
|
81
|
-
title:
|
|
83
|
+
title: t("designer.setting.alignTypeOfColumn"),
|
|
82
84
|
dataIndex: "align",
|
|
83
85
|
resizable: !0,
|
|
84
86
|
width: 100
|
|
85
87
|
},
|
|
86
88
|
{
|
|
87
|
-
title: "
|
|
89
|
+
title: t("designer.setting.customRender"),
|
|
88
90
|
dataIndex: "customRender",
|
|
89
91
|
width: 120,
|
|
90
92
|
resizable: !0,
|
|
91
93
|
fixed: "right"
|
|
92
94
|
},
|
|
93
95
|
{
|
|
94
|
-
title:
|
|
96
|
+
title: t("designer.setting.actionColumn"),
|
|
95
97
|
dataIndex: "action",
|
|
96
98
|
width: 80,
|
|
97
99
|
fixed: "right"
|
|
98
100
|
}
|
|
99
|
-
],
|
|
100
|
-
var
|
|
101
|
-
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
},
|
|
105
|
-
const
|
|
101
|
+
], A = (c, g) => {
|
|
102
|
+
var p;
|
|
103
|
+
C.value = c, (p = x.value) == null || p.open(g.customRender || "");
|
|
104
|
+
}, N = (c) => {
|
|
105
|
+
C.value !== null && (e.value[C.value].customRender = c);
|
|
106
|
+
}, V = () => {
|
|
107
|
+
const c = {
|
|
106
108
|
isAutoWidth: !1,
|
|
107
109
|
columnId: (/* @__PURE__ */ new Date()).getTime(),
|
|
108
110
|
show: !0,
|
|
@@ -116,68 +118,68 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
116
118
|
resizable: !0,
|
|
117
119
|
showSorterTooltip: !1
|
|
118
120
|
};
|
|
119
|
-
e.value.push(
|
|
120
|
-
},
|
|
121
|
+
e.value.push(c), k.designer.emitHistoryChange();
|
|
122
|
+
}, $ = (c) => {
|
|
121
123
|
if (e.value.length === 1)
|
|
122
|
-
return
|
|
123
|
-
e.value.splice(
|
|
124
|
+
return Q.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
|
|
125
|
+
e.value.splice(c, 1);
|
|
124
126
|
}, B = () => {
|
|
125
|
-
|
|
127
|
+
k.optionModel.tableColumns = D(e.value), f.value = !1;
|
|
126
128
|
}, z = () => {
|
|
127
|
-
|
|
129
|
+
f.value = !0, e.value = D(k.optionModel.tableColumns);
|
|
128
130
|
};
|
|
129
131
|
return W({
|
|
130
132
|
openSetting: z
|
|
131
|
-
}), (
|
|
132
|
-
const
|
|
133
|
-
return
|
|
134
|
-
|
|
135
|
-
label:
|
|
133
|
+
}), (c, g) => {
|
|
134
|
+
const p = h("a-button"), O = h("a-form-item"), w = h("a-input"), b = h("a-switch"), U = h("a-select-option"), R = h("a-select"), F = h("a-space"), L = h("s-table");
|
|
135
|
+
return s(), I(q, null, [
|
|
136
|
+
o(O, {
|
|
137
|
+
label: n(t)("designer.setting.tableColEdit")
|
|
136
138
|
}, {
|
|
137
139
|
default: d(() => [
|
|
138
|
-
|
|
140
|
+
o(p, {
|
|
139
141
|
type: "primary",
|
|
140
142
|
shape: "round",
|
|
141
143
|
onClick: z
|
|
142
144
|
}, {
|
|
143
145
|
default: d(() => [
|
|
144
|
-
|
|
146
|
+
v(m(n(t)("designer.setting.editAction")), 1)
|
|
145
147
|
]),
|
|
146
148
|
_: 1
|
|
147
149
|
})
|
|
148
150
|
]),
|
|
149
151
|
_: 1
|
|
150
152
|
}, 8, ["label"]),
|
|
151
|
-
|
|
152
|
-
title:
|
|
153
|
-
visible:
|
|
154
|
-
"onUpdate:visible":
|
|
153
|
+
o(n(P), {
|
|
154
|
+
title: n(t)("designer.setting.tableColEdit"),
|
|
155
|
+
visible: f.value,
|
|
156
|
+
"onUpdate:visible": g[2] || (g[2] = (i) => f.value = i),
|
|
155
157
|
width: "1200px"
|
|
156
158
|
}, {
|
|
157
159
|
footerRight: d(() => [
|
|
158
|
-
|
|
160
|
+
o(p, {
|
|
159
161
|
size: "default",
|
|
160
|
-
onClick:
|
|
162
|
+
onClick: g[1] || (g[1] = (i) => f.value = !1)
|
|
161
163
|
}, {
|
|
162
164
|
default: d(() => [
|
|
163
|
-
|
|
165
|
+
v(m(n(t)("designer.hint.cancel")), 1)
|
|
164
166
|
]),
|
|
165
167
|
_: 1
|
|
166
168
|
}),
|
|
167
|
-
|
|
169
|
+
o(p, {
|
|
168
170
|
size: "default",
|
|
169
171
|
type: "primary",
|
|
170
172
|
onClick: B
|
|
171
173
|
}, {
|
|
172
174
|
default: d(() => [
|
|
173
|
-
|
|
175
|
+
v(m(n(t)("designer.hint.confirm")), 1)
|
|
174
176
|
]),
|
|
175
177
|
_: 1
|
|
176
178
|
})
|
|
177
179
|
]),
|
|
178
180
|
default: d(() => [
|
|
179
|
-
T("div",
|
|
180
|
-
|
|
181
|
+
T("div", X, [
|
|
182
|
+
o(L, {
|
|
181
183
|
class: "tpf-surely-table",
|
|
182
184
|
"aria-hidden": "false",
|
|
183
185
|
dataSource: e.value,
|
|
@@ -190,110 +192,106 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
190
192
|
scroll: { y: 300, x: 300 },
|
|
191
193
|
pagination: !1,
|
|
192
194
|
resizable: "",
|
|
193
|
-
"row-key": (
|
|
195
|
+
"row-key": (i) => i.columnId,
|
|
194
196
|
columns: M
|
|
195
197
|
}, {
|
|
196
|
-
bodyCell: d(({ column:
|
|
197
|
-
|
|
198
|
+
bodyCell: d(({ column: i, record: y, index: H, recordIndexs: l }) => [
|
|
199
|
+
i.dataIndex === "dataIndex" ? (s(), r(w, {
|
|
198
200
|
key: 0,
|
|
199
|
-
value: e.value[
|
|
200
|
-
"onUpdate:value": (
|
|
201
|
+
value: e.value[l[0]].dataIndex,
|
|
202
|
+
"onUpdate:value": (a) => e.value[l[0]].dataIndex = a
|
|
201
203
|
}, null, 8, ["value", "onUpdate:value"])) : u("", !0),
|
|
202
|
-
|
|
204
|
+
i.dataIndex === "title" ? (s(), r(w, {
|
|
203
205
|
key: 1,
|
|
204
|
-
value: e.value[
|
|
205
|
-
"onUpdate:value": (
|
|
206
|
+
value: e.value[l[0]].title,
|
|
207
|
+
"onUpdate:value": (a) => e.value[l[0]].title = a
|
|
206
208
|
}, null, 8, ["value", "onUpdate:value"])) : u("", !0),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
"checked-children": "
|
|
210
|
-
checked: e.value[
|
|
211
|
-
"onUpdate:checked": (
|
|
209
|
+
i.dataIndex === "width" ? (s(), I("div", Y, [
|
|
210
|
+
o(b, {
|
|
211
|
+
"checked-children": "{{ i18nt('designer.setting.autoWidth') }}",
|
|
212
|
+
checked: e.value[l[0]].isAutoWidth,
|
|
213
|
+
"onUpdate:checked": (a) => e.value[l[0]].isAutoWidth = a
|
|
212
214
|
}, null, 8, ["checked", "onUpdate:checked"]),
|
|
213
|
-
y.isAutoWidth ? u("", !0) : (
|
|
215
|
+
y.isAutoWidth ? u("", !0) : (s(), r(w, {
|
|
214
216
|
key: 0,
|
|
215
|
-
value: e.value[
|
|
216
|
-
"onUpdate:value": (
|
|
217
|
+
value: e.value[l[0]].width,
|
|
218
|
+
"onUpdate:value": (a) => e.value[l[0]].width = a
|
|
217
219
|
}, null, 8, ["value", "onUpdate:value"]))
|
|
218
220
|
])) : u("", !0),
|
|
219
|
-
|
|
221
|
+
i.dataIndex === "show" ? (s(), r(b, {
|
|
220
222
|
key: 3,
|
|
221
|
-
checked: e.value[
|
|
222
|
-
"onUpdate:checked": (
|
|
223
|
+
checked: e.value[l[0]].show,
|
|
224
|
+
"onUpdate:checked": (a) => e.value[l[0]].show = a
|
|
223
225
|
}, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
|
|
224
|
-
|
|
226
|
+
i.dataIndex === "sorter" ? (s(), r(b, {
|
|
225
227
|
key: 4,
|
|
226
|
-
checked: e.value[
|
|
227
|
-
"onUpdate:checked": (
|
|
228
|
+
checked: e.value[l[0]].sorter,
|
|
229
|
+
"onUpdate:checked": (a) => e.value[l[0]].sorter = a
|
|
228
230
|
}, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
|
|
229
|
-
|
|
231
|
+
i.dataIndex === "resizable" ? (s(), r(b, {
|
|
230
232
|
key: 5,
|
|
231
|
-
checked: e.value[
|
|
232
|
-
"onUpdate:checked": (
|
|
233
|
+
checked: e.value[l[0]].resizable,
|
|
234
|
+
"onUpdate:checked": (a) => e.value[l[0]].resizable = a
|
|
233
235
|
}, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
|
|
234
|
-
|
|
236
|
+
i.dataIndex === "ellipsis" ? (s(), r(b, {
|
|
235
237
|
key: 6,
|
|
236
|
-
checked: e.value[
|
|
237
|
-
"onUpdate:checked": (
|
|
238
|
+
checked: e.value[l[0]].ellipsis,
|
|
239
|
+
"onUpdate:checked": (a) => e.value[l[0]].ellipsis = a
|
|
238
240
|
}, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
|
|
239
|
-
|
|
241
|
+
i.dataIndex === "fixed" ? (s(), r(R, {
|
|
240
242
|
key: 7,
|
|
241
|
-
value: e.value[
|
|
242
|
-
"onUpdate:value": (
|
|
243
|
+
value: e.value[l[0]].fixed,
|
|
244
|
+
"onUpdate:value": (a) => e.value[l[0]].fixed = a,
|
|
243
245
|
allowClear: "",
|
|
244
246
|
style: {}
|
|
245
247
|
}, {
|
|
246
248
|
default: d(() => [
|
|
247
|
-
|
|
248
|
-
default: d(() =>
|
|
249
|
-
|
|
250
|
-
])
|
|
251
|
-
_: 1
|
|
252
|
-
__: [3]
|
|
249
|
+
o(U, { value: "left" }, {
|
|
250
|
+
default: d(() => [
|
|
251
|
+
v(m(n(t)("designer.setting.fixedLeft")), 1)
|
|
252
|
+
]),
|
|
253
|
+
_: 1
|
|
253
254
|
}),
|
|
254
|
-
|
|
255
|
-
default: d(() =>
|
|
256
|
-
|
|
257
|
-
])
|
|
258
|
-
_: 1
|
|
259
|
-
__: [4]
|
|
255
|
+
o(U, { value: "right" }, {
|
|
256
|
+
default: d(() => [
|
|
257
|
+
v(m(n(t)("designer.setting.fixedRight")), 1)
|
|
258
|
+
]),
|
|
259
|
+
_: 1
|
|
260
260
|
})
|
|
261
261
|
]),
|
|
262
262
|
_: 2
|
|
263
263
|
}, 1032, ["value", "onUpdate:value"])) : u("", !0),
|
|
264
|
-
|
|
264
|
+
i.dataIndex === "align" ? (s(), r(R, {
|
|
265
265
|
key: 8,
|
|
266
266
|
style: {},
|
|
267
|
-
value: e.value[
|
|
268
|
-
"onUpdate:value": (
|
|
267
|
+
value: e.value[l[0]].align,
|
|
268
|
+
"onUpdate:value": (a) => e.value[l[0]].align = a,
|
|
269
269
|
options: E
|
|
270
270
|
}, null, 8, ["value", "onUpdate:value"])) : u("", !0),
|
|
271
|
-
|
|
271
|
+
i.dataIndex === "customRender" ? (s(), r(p, {
|
|
272
272
|
key: 9,
|
|
273
|
-
onClick: (
|
|
273
|
+
onClick: (a) => A(l[0], y),
|
|
274
274
|
class: G([{ "button-text-highlight": !!y.customRender }]),
|
|
275
275
|
size: "small",
|
|
276
276
|
shape: "round"
|
|
277
277
|
}, {
|
|
278
|
-
default: d(() =>
|
|
279
|
-
|
|
280
|
-
])
|
|
281
|
-
_: 2
|
|
282
|
-
__: [5]
|
|
278
|
+
default: d(() => [
|
|
279
|
+
v(m(n(t)("designer.setting.edit")), 1)
|
|
280
|
+
]),
|
|
281
|
+
_: 2
|
|
283
282
|
}, 1032, ["onClick", "class"])) : u("", !0),
|
|
284
|
-
|
|
283
|
+
i.dataIndex === "action" ? (s(), r(F, { key: 10 }, {
|
|
285
284
|
default: d(() => [
|
|
286
|
-
|
|
287
|
-
title:
|
|
285
|
+
o(p, {
|
|
286
|
+
title: n(t)("designer.setting.deleteTableColumn"),
|
|
288
287
|
size: "small",
|
|
289
|
-
onClick: (
|
|
288
|
+
onClick: (a) => $(H),
|
|
290
289
|
type: "text"
|
|
291
290
|
}, {
|
|
292
|
-
default: d(() =>
|
|
293
|
-
|
|
294
|
-
])
|
|
295
|
-
_: 2
|
|
296
|
-
__: [6]
|
|
291
|
+
default: d(() => [
|
|
292
|
+
v(m(n(t)("designer.setting.delete")), 1)
|
|
293
|
+
]),
|
|
294
|
+
_: 2
|
|
297
295
|
}, 1032, ["title", "onClick"])
|
|
298
296
|
]),
|
|
299
297
|
_: 2
|
|
@@ -301,15 +299,15 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
301
299
|
]),
|
|
302
300
|
_: 1
|
|
303
301
|
}, 8, ["dataSource", "row-key"]),
|
|
304
|
-
T("div",
|
|
305
|
-
|
|
306
|
-
title:
|
|
302
|
+
T("div", Z, [
|
|
303
|
+
o(p, {
|
|
304
|
+
title: n(t)("designer.setting.addTableColumn"),
|
|
307
305
|
type: "primary",
|
|
308
306
|
size: "medium",
|
|
309
|
-
onClick:
|
|
307
|
+
onClick: g[0] || (g[0] = (i) => V())
|
|
310
308
|
}, {
|
|
311
309
|
default: d(() => [
|
|
312
|
-
|
|
310
|
+
v(m(n(t)("designer.setting.addTableColumn")), 1)
|
|
313
311
|
]),
|
|
314
312
|
_: 1
|
|
315
313
|
}, 8, ["title"])
|
|
@@ -318,11 +316,11 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
318
316
|
]),
|
|
319
317
|
_: 1
|
|
320
318
|
}, 8, ["title", "visible"]),
|
|
321
|
-
|
|
322
|
-
onSave:
|
|
319
|
+
o(K, {
|
|
320
|
+
onSave: N,
|
|
323
321
|
ref_key: "CodeModalEditorRef",
|
|
324
322
|
ref: x,
|
|
325
|
-
title:
|
|
323
|
+
title: n(t)("designer.setting.renderFunction"),
|
|
326
324
|
"fn-params": "scope"
|
|
327
325
|
}, null, 8, ["title"])
|
|
328
326
|
], 64);
|
|
@@ -330,5 +328,5 @@ const Q = { class: "table-wrap" }, X = {
|
|
|
330
328
|
}
|
|
331
329
|
});
|
|
332
330
|
export {
|
|
333
|
-
|
|
331
|
+
de as default
|
|
334
332
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import b from "../../../../../utils/i18n.js";
|
|
2
|
-
import y from "
|
|
2
|
+
import { SvgIcon as y } from "tmgc2-share";
|
|
3
3
|
import w from "../../../../../lib/vuedraggable/src/vuedraggable.js";
|
|
4
4
|
import { resolveComponent as a, createElementBlock as k, openBlock as N, createVNode as e, withCtx as i, createTextVNode as p, toDisplayString as r, createElementVNode as u, mergeProps as O } from "vue";
|
|
5
5
|
/* empty css */
|
|
@@ -29,7 +29,7 @@ const W = {
|
|
|
29
29
|
}
|
|
30
30
|
}, E = { class: "col-item" }, G = { class: "col-span-title" };
|
|
31
31
|
function j(t, n, o, H, M, g) {
|
|
32
|
-
const f = a("a-divider"), s = a("a-form-item"), _ = a("a-input-number"),
|
|
32
|
+
const f = a("a-divider"), s = a("a-form-item"), _ = a("a-input-number"), c = a("a-button"), h = a("svg-icon"), v = a("draggable");
|
|
33
33
|
return N(), k("div", null, [
|
|
34
34
|
e(s, { "label-width": "0" }, {
|
|
35
35
|
default: i(() => [
|
|
@@ -67,23 +67,23 @@ function j(t, n, o, H, M, g) {
|
|
|
67
67
|
"component-data": { name: "fade" },
|
|
68
68
|
handle: ".drag-handler"
|
|
69
69
|
}), {
|
|
70
|
-
item: i(({ element: l, index:
|
|
70
|
+
item: i(({ element: l, index: m }) => [
|
|
71
71
|
u("li", E, [
|
|
72
|
-
u("span", G, r(t.i18nt("designer.setting.colSpanTitle")) + r(
|
|
72
|
+
u("span", G, r(t.i18nt("designer.setting.colSpanTitle")) + r(m + 1), 1),
|
|
73
73
|
e(_, {
|
|
74
74
|
value: l.options.span,
|
|
75
75
|
"onUpdate:value": (d) => l.options.span = d,
|
|
76
76
|
min: 1,
|
|
77
77
|
max: 24,
|
|
78
|
-
onChange: (d, C) => g.spanChanged(o.selectedWidget, l,
|
|
78
|
+
onChange: (d, C) => g.spanChanged(o.selectedWidget, l, m, d, C),
|
|
79
79
|
class: "cell-span-input"
|
|
80
80
|
}, null, 8, ["value", "onUpdate:value", "onChange"]),
|
|
81
|
-
e(
|
|
81
|
+
e(c, {
|
|
82
82
|
circle: "",
|
|
83
83
|
shape: "plain",
|
|
84
84
|
size: "small",
|
|
85
85
|
type: "danger",
|
|
86
|
-
onClick: (d) => g.deleteCol(o.selectedWidget,
|
|
86
|
+
onClick: (d) => g.deleteCol(o.selectedWidget, m),
|
|
87
87
|
class: "col-delete-button"
|
|
88
88
|
}, {
|
|
89
89
|
default: i(() => n[2] || (n[2] = [
|
|
@@ -92,14 +92,14 @@ function j(t, n, o, H, M, g) {
|
|
|
92
92
|
_: 2,
|
|
93
93
|
__: [2]
|
|
94
94
|
}, 1032, ["onClick"]),
|
|
95
|
-
e(
|
|
95
|
+
e(c, {
|
|
96
96
|
circle: "",
|
|
97
97
|
shape: "plain",
|
|
98
98
|
size: "small",
|
|
99
99
|
class: "col-delete-button drag-handler"
|
|
100
100
|
}, {
|
|
101
101
|
default: i(() => [
|
|
102
|
-
e(h, { "icon-class": "move1" })
|
|
102
|
+
e(h, { "icon-class": "icon-move1" })
|
|
103
103
|
]),
|
|
104
104
|
_: 1
|
|
105
105
|
})
|
|
@@ -108,7 +108,7 @@ function j(t, n, o, H, M, g) {
|
|
|
108
108
|
_: 1
|
|
109
109
|
}, 16, ["list"]),
|
|
110
110
|
u("div", null, [
|
|
111
|
-
e(
|
|
111
|
+
e(c, {
|
|
112
112
|
type: "primary",
|
|
113
113
|
onClick: n[1] || (n[1] = (l) => g.addNewCol(o.selectedWidget))
|
|
114
114
|
}, {
|
|
@@ -123,7 +123,7 @@ function j(t, n, o, H, M, g) {
|
|
|
123
123
|
})
|
|
124
124
|
]);
|
|
125
125
|
}
|
|
126
|
-
const x = /* @__PURE__ */ S(W, [["render", j], ["__scopeId", "data-v-
|
|
126
|
+
const x = /* @__PURE__ */ S(W, [["render", j], ["__scopeId", "data-v-2601b3af"]]);
|
|
127
127
|
export {
|
|
128
128
|
x as default
|
|
129
129
|
};
|
package/src/components/form-designer/setting-panel/property-editor/field-button/danger-editor.vue.js
CHANGED
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
1
|
+
import i from "../../../../../utils/i18n.js";
|
|
2
|
+
import { resolveComponent as o, createBlock as a, openBlock as s, withCtx as m, createVNode as l } from "vue";
|
|
3
3
|
import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const _ = {
|
|
5
5
|
name: "danger-editor",
|
|
6
|
-
mixins: [
|
|
6
|
+
mixins: [i],
|
|
7
7
|
props: {
|
|
8
8
|
designer: Object,
|
|
9
9
|
selectedWidget: Object,
|
|
10
10
|
optionModel: Object
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
return
|
|
13
|
+
function f(n, e, t, g, u, b) {
|
|
14
|
+
const r = o("a-switch"), c = o("a-form-item");
|
|
15
|
+
return s(), a(c, {
|
|
16
|
+
label: n.i18nt("designer.setting.danger")
|
|
17
|
+
}, {
|
|
16
18
|
default: m(() => [
|
|
17
|
-
|
|
18
|
-
checked:
|
|
19
|
-
"onUpdate:checked": e[0] || (e[0] = (
|
|
19
|
+
l(r, {
|
|
20
|
+
checked: t.optionModel.danger,
|
|
21
|
+
"onUpdate:checked": e[0] || (e[0] = (d) => t.optionModel.danger = d)
|
|
20
22
|
}, null, 8, ["checked"])
|
|
21
23
|
]),
|
|
22
24
|
_: 1
|
|
23
|
-
});
|
|
25
|
+
}, 8, ["label"]);
|
|
24
26
|
}
|
|
25
|
-
const j = /* @__PURE__ */ p(_, [["render",
|
|
27
|
+
const j = /* @__PURE__ */ p(_, [["render", f]]);
|
|
26
28
|
export {
|
|
27
29
|
j as default
|
|
28
30
|
};
|
package/src/components/form-designer/setting-panel/property-editor/field-button/ghost-editor.vue.js
CHANGED
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
3
|
-
import
|
|
1
|
+
import s from "../../../../../utils/i18n.js";
|
|
2
|
+
import { resolveComponent as o, createBlock as d, openBlock as m, withCtx as a, createVNode as l } from "vue";
|
|
3
|
+
import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const _ = {
|
|
5
5
|
name: "ghost-editor",
|
|
6
|
-
mixins: [
|
|
6
|
+
mixins: [s],
|
|
7
7
|
props: {
|
|
8
8
|
designer: Object,
|
|
9
9
|
selectedWidget: Object,
|
|
10
10
|
optionModel: Object
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
function f(n, e, t, h, g, u) {
|
|
14
|
+
const c = o("a-switch"), i = o("a-form-item");
|
|
15
|
+
return m(), d(i, {
|
|
16
|
+
label: n.i18nt("designer.setting.ghost")
|
|
17
|
+
}, {
|
|
18
|
+
default: a(() => [
|
|
19
|
+
l(c, {
|
|
20
|
+
checked: t.optionModel.ghost,
|
|
21
|
+
"onUpdate:checked": e[0] || (e[0] = (r) => t.optionModel.ghost = r)
|
|
20
22
|
}, null, 8, ["checked"])
|
|
21
23
|
]),
|
|
22
24
|
_: 1
|
|
23
|
-
});
|
|
25
|
+
}, 8, ["label"]);
|
|
24
26
|
}
|
|
25
|
-
const j = /* @__PURE__ */
|
|
27
|
+
const j = /* @__PURE__ */ p(_, [["render", f]]);
|
|
26
28
|
export {
|
|
27
29
|
j as default
|
|
28
30
|
};
|
package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue.js
CHANGED
|
@@ -1,31 +1,34 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import s from "
|
|
1
|
+
import l from "../../../../../utils/i18n.js";
|
|
2
|
+
import { TpfSelectIcon as p } from "tmgc2-share";
|
|
3
|
+
import { resolveComponent as t, createBlock as m, openBlock as s, withCtx as a, createVNode as d } from "vue";
|
|
4
|
+
import f from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
5
|
const _ = {
|
|
5
6
|
name: "icon-editor",
|
|
6
|
-
mixins: [
|
|
7
|
+
mixins: [l],
|
|
8
|
+
components: {
|
|
9
|
+
TpfSelectIcon: p
|
|
10
|
+
},
|
|
7
11
|
props: {
|
|
8
12
|
designer: Object,
|
|
9
13
|
selectedWidget: Object,
|
|
10
14
|
optionModel: Object
|
|
11
15
|
}
|
|
12
16
|
};
|
|
13
|
-
function u(n,
|
|
14
|
-
const
|
|
15
|
-
return
|
|
17
|
+
function u(n, o, e, b, g, v) {
|
|
18
|
+
const c = t("TpfSelectIcon"), i = t("a-form-item");
|
|
19
|
+
return s(), m(i, {
|
|
16
20
|
label: n.i18nt("designer.setting.buttonIcon")
|
|
17
21
|
}, {
|
|
18
|
-
default:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
value: o.optionModel.icon
|
|
22
|
-
"onUpdate:value": e[0] || (e[0] = (c) => o.optionModel.icon = c)
|
|
22
|
+
default: a(() => [
|
|
23
|
+
d(c, {
|
|
24
|
+
value: e.optionModel.icon,
|
|
25
|
+
"onUpdate:value": o[0] || (o[0] = (r) => e.optionModel.icon = r)
|
|
23
26
|
}, null, 8, ["value"])
|
|
24
27
|
]),
|
|
25
28
|
_: 1
|
|
26
29
|
}, 8, ["label"]);
|
|
27
30
|
}
|
|
28
|
-
const
|
|
31
|
+
const O = /* @__PURE__ */ f(_, [["render", u]]);
|
|
29
32
|
export {
|
|
30
|
-
|
|
33
|
+
O as default
|
|
31
34
|
};
|