@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,6 +1,6 @@
|
|
|
1
|
-
import f from "
|
|
1
|
+
import { SvgIcon as f } from "tmgc2-share";
|
|
2
2
|
import u from "../../../../utils/i18n.js";
|
|
3
|
-
import { resolveComponent as y, createElementBlock as n, openBlock as d, normalizeStyle as m, normalizeClass as h, createCommentVNode as l, withModifiers as
|
|
3
|
+
import { resolveComponent as y, createElementBlock as n, openBlock as d, normalizeStyle as m, normalizeClass as h, createCommentVNode as l, withModifiers as c, renderSlot as v, Fragment as p, createElementVNode as g, createVNode as o, toDisplayString as L } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const k = {
|
|
@@ -86,57 +86,57 @@ function F(t, i, e, I, N, s) {
|
|
|
86
86
|
key: 0,
|
|
87
87
|
class: h(["static-content-item", [s.selected ? "selected" : "", s.customClass]]),
|
|
88
88
|
style: m({ display: e.displayStyle }),
|
|
89
|
-
onClick: i[0] || (i[0] =
|
|
89
|
+
onClick: i[0] || (i[0] = c((a) => s.selectField(e.field), ["stop"]))
|
|
90
90
|
}, [
|
|
91
91
|
v(t.$slots, "default", {}, void 0, !0)
|
|
92
92
|
], 6)) : l("", !0),
|
|
93
93
|
this.designer ? (d(), n(p, { key: 1 }, [
|
|
94
94
|
e.designer.selectedId === e.field.id ? (d(), n("div", C, [
|
|
95
|
-
|
|
95
|
+
g("i", {
|
|
96
96
|
title: t.i18nt("designer.hint.selectParentWidget"),
|
|
97
|
-
onClick: i[1] || (i[1] =
|
|
97
|
+
onClick: i[1] || (i[1] = c((a) => s.selectParentWidget(e.field), ["stop"]))
|
|
98
98
|
}, [
|
|
99
|
-
o(r, { "icon-class": "el-back" })
|
|
99
|
+
o(r, { "icon-class": "icon-el-back" })
|
|
100
100
|
], 8, S),
|
|
101
101
|
e.parentList && e.parentList.length > 1 ? (d(), n("i", {
|
|
102
102
|
key: 0,
|
|
103
103
|
title: t.i18nt("designer.hint.moveUpWidget"),
|
|
104
|
-
onClick: i[2] || (i[2] =
|
|
104
|
+
onClick: i[2] || (i[2] = c((a) => s.moveUpWidget(e.field), ["stop"]))
|
|
105
105
|
}, [
|
|
106
|
-
o(r, { "icon-class": "el-move-up" })
|
|
106
|
+
o(r, { "icon-class": "icon-el-move-up" })
|
|
107
107
|
], 8, b)) : l("", !0),
|
|
108
108
|
e.parentList && e.parentList.length > 1 ? (d(), n("i", {
|
|
109
109
|
key: 1,
|
|
110
110
|
title: t.i18nt("designer.hint.moveDownWidget"),
|
|
111
|
-
onClick: i[3] || (i[3] =
|
|
111
|
+
onClick: i[3] || (i[3] = c((a) => s.moveDownWidget(e.field), ["stop"]))
|
|
112
112
|
}, [
|
|
113
|
-
o(r, { "icon-class": "el-move-down" })
|
|
113
|
+
o(r, { "icon-class": "icon-el-move-down" })
|
|
114
114
|
], 8, w)) : l("", !0),
|
|
115
|
-
|
|
115
|
+
g("i", {
|
|
116
116
|
title: t.i18nt("designer.hint.remove"),
|
|
117
|
-
onClick: i[4] || (i[4] =
|
|
117
|
+
onClick: i[4] || (i[4] = c((...a) => s.removeFieldWidget && s.removeFieldWidget(...a), ["stop"]))
|
|
118
118
|
}, [
|
|
119
|
-
o(r, { "icon-class": "el-delete" })
|
|
119
|
+
o(r, { "icon-class": "icon-el-delete" })
|
|
120
120
|
], 8, _)
|
|
121
121
|
])) : l("", !0),
|
|
122
122
|
e.designer.selectedId === e.field.id ? (d(), n("div", O, [
|
|
123
|
-
|
|
123
|
+
g("i", {
|
|
124
124
|
title: t.i18nt("designer.hint.dragHandler")
|
|
125
125
|
}, [
|
|
126
|
-
o(r, { "icon-class": "el-drag-move" })
|
|
126
|
+
o(r, { "icon-class": "icon-el-drag-move" })
|
|
127
127
|
], 8, P),
|
|
128
|
-
|
|
128
|
+
g("i", null, L(t.i18n2t(
|
|
129
129
|
`designer.widgetLabel.${e.field.type}`,
|
|
130
130
|
`extension.widgetLabel.${e.field.type}`
|
|
131
131
|
)), 1),
|
|
132
132
|
e.field.options.hidden === !0 ? (d(), n("i", x, [
|
|
133
|
-
o(r, { "icon-class": "el-hide" })
|
|
133
|
+
o(r, { "icon-class": "icon-el-hide" })
|
|
134
134
|
])) : l("", !0)
|
|
135
135
|
])) : l("", !0)
|
|
136
136
|
], 64)) : l("", !0)
|
|
137
137
|
], 6);
|
|
138
138
|
}
|
|
139
|
-
const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-
|
|
139
|
+
const E = /* @__PURE__ */ W(k, [["render", F], ["__scopeId", "data-v-2782e594"]]);
|
|
140
140
|
export {
|
|
141
141
|
E as default
|
|
142
142
|
};
|
|
@@ -5,10 +5,10 @@ import w from "./form-widget/index.vue.js";
|
|
|
5
5
|
import { createDesigner as b } from "./designer.js";
|
|
6
6
|
import { traverseAllWidgets as y, getAllContainerWidgets as f, getAllFieldWidgets as c, deepClone as m, addWindowResizeHandler as R } from "../../utils/util.js";
|
|
7
7
|
import x from "../../utils/i18n.js";
|
|
8
|
-
import { isEmpty as
|
|
9
|
-
import { resolveComponent as
|
|
8
|
+
import { isEmpty as J } from "lodash-es";
|
|
9
|
+
import { resolveComponent as o, createBlock as A, openBlock as D, withCtx as n, createVNode as r, createSlots as S, renderList as V, renderSlot as H, createElementVNode as B } from "vue";
|
|
10
10
|
/* empty css */
|
|
11
|
-
import
|
|
11
|
+
import E from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
12
12
|
const N = {
|
|
13
13
|
name: "VFormDesigner",
|
|
14
14
|
componentName: "VFormDesigner",
|
|
@@ -123,7 +123,7 @@ const N = {
|
|
|
123
123
|
* @param {*} importObj
|
|
124
124
|
*/
|
|
125
125
|
setJsonImport(e = {}) {
|
|
126
|
-
if (!
|
|
126
|
+
if (!J(e))
|
|
127
127
|
try {
|
|
128
128
|
if (!e || !e.formConfig)
|
|
129
129
|
throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
|
|
@@ -132,9 +132,6 @@ const N = {
|
|
|
132
132
|
this.$message.error(t + "");
|
|
133
133
|
}
|
|
134
134
|
},
|
|
135
|
-
testEEH(e, t) {
|
|
136
|
-
console.log("test", e), console.log("test222222", t);
|
|
137
|
-
},
|
|
138
135
|
initLocale() {
|
|
139
136
|
this.curLangName = this.i18nt("application." + this.getLocale), this.changeLocale(this.getLocale);
|
|
140
137
|
},
|
|
@@ -247,24 +244,24 @@ const N = {
|
|
|
247
244
|
}
|
|
248
245
|
}, P = { class: "container-scroll-bar" };
|
|
249
246
|
function k(e, t, s, M, i, l) {
|
|
250
|
-
const u =
|
|
251
|
-
return
|
|
252
|
-
default:
|
|
247
|
+
const u = o("WidgetPanel"), d = o("a-layout-sider"), p = o("toolbar-panel"), W = o("a-layout-header"), _ = o("VFormWidget"), a = o("a-layout-content"), L = o("setting-panel"), g = o("a-layout");
|
|
248
|
+
return D(), A(g, { class: "main-container full-height" }, {
|
|
249
|
+
default: n(() => [
|
|
253
250
|
r(g, null, {
|
|
254
|
-
default:
|
|
251
|
+
default: n(() => [
|
|
255
252
|
r(d, {
|
|
256
253
|
width: i.leftWidth,
|
|
257
254
|
class: "side-panel"
|
|
258
255
|
}, {
|
|
259
|
-
default:
|
|
256
|
+
default: n(() => [
|
|
260
257
|
r(u, { designer: i.designer }, null, 8, ["designer"])
|
|
261
258
|
]),
|
|
262
259
|
_: 1
|
|
263
260
|
}, 8, ["width"]),
|
|
264
261
|
r(a, { class: "center-layout-container" }, {
|
|
265
|
-
default:
|
|
262
|
+
default: n(() => [
|
|
266
263
|
r(W, { class: "toolbar-header" }, {
|
|
267
|
-
default:
|
|
264
|
+
default: n(() => [
|
|
268
265
|
r(p, {
|
|
269
266
|
saveJsonApi: s.saveJsonApi,
|
|
270
267
|
designer: i.designer,
|
|
@@ -274,11 +271,11 @@ function k(e, t, s, M, i, l) {
|
|
|
274
271
|
leftWidth: i.leftWidth,
|
|
275
272
|
rightWidth: i.rightWidth,
|
|
276
273
|
ref: "toolbarRef"
|
|
277
|
-
},
|
|
278
|
-
|
|
274
|
+
}, S({ _: 2 }, [
|
|
275
|
+
V(e.$slots, (j, h) => ({
|
|
279
276
|
name: h,
|
|
280
|
-
fn:
|
|
281
|
-
|
|
277
|
+
fn: n(() => [
|
|
278
|
+
H(e.$slots, h)
|
|
282
279
|
])
|
|
283
280
|
}))
|
|
284
281
|
]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
|
|
@@ -286,8 +283,8 @@ function k(e, t, s, M, i, l) {
|
|
|
286
283
|
_: 3
|
|
287
284
|
}),
|
|
288
285
|
r(a, { class: "form-widget-main" }, {
|
|
289
|
-
default:
|
|
290
|
-
|
|
286
|
+
default: n(() => [
|
|
287
|
+
B("div", P, [
|
|
291
288
|
r(_, {
|
|
292
289
|
designer: i.designer,
|
|
293
290
|
"form-config": i.designer.formConfig,
|
|
@@ -302,14 +299,13 @@ function k(e, t, s, M, i, l) {
|
|
|
302
299
|
_: 3
|
|
303
300
|
}),
|
|
304
301
|
r(d, { width: i.rightWidth }, {
|
|
305
|
-
default:
|
|
302
|
+
default: n(() => [
|
|
306
303
|
r(L, {
|
|
307
304
|
designer: i.designer,
|
|
308
305
|
"selected-widget": i.designer.selectedWidget,
|
|
309
306
|
"global-dsv": s.globalDsv,
|
|
310
|
-
"form-config": i.designer.formConfig
|
|
311
|
-
|
|
312
|
-
}, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
|
|
307
|
+
"form-config": i.designer.formConfig
|
|
308
|
+
}, null, 8, ["designer", "selected-widget", "global-dsv", "form-config"])
|
|
313
309
|
]),
|
|
314
310
|
_: 1
|
|
315
311
|
}, 8, ["width"])
|
|
@@ -320,7 +316,7 @@ function k(e, t, s, M, i, l) {
|
|
|
320
316
|
_: 3
|
|
321
317
|
});
|
|
322
318
|
}
|
|
323
|
-
const Z = /* @__PURE__ */
|
|
319
|
+
const Z = /* @__PURE__ */ E(N, [["render", k]]);
|
|
324
320
|
export {
|
|
325
321
|
Z as default
|
|
326
322
|
};
|
|
@@ -5,20 +5,21 @@ import O from "./form-crud-setting.vue.js";
|
|
|
5
5
|
import V, { propertyRegistered as j } from "./propertyRegister.js";
|
|
6
6
|
import { addWindowResizeHandler as U } from "../../../utils/util.js";
|
|
7
7
|
import I from "../../../utils/i18n.js";
|
|
8
|
-
import z from "../../../utils/
|
|
9
|
-
import B from "
|
|
8
|
+
import { get as z } from "../../../utils/smart-vue-i18n/utils.js";
|
|
9
|
+
import B from "../../../utils/emitter.js";
|
|
10
|
+
import L from "../../code-editor/code-modal-editor.vue.js";
|
|
10
11
|
import { resolveComponent as m, createElementBlock as c, openBlock as i, Fragment as u, createVNode as h, withCtx as s, createBlock as g, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, renderList as p, resolveDynamicComponent as C } from "vue";
|
|
11
12
|
/* empty css */
|
|
12
13
|
/* empty css */
|
|
13
|
-
import
|
|
14
|
-
const { COMMON_PROPERTIES:
|
|
14
|
+
import q from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
15
|
+
const { COMMON_PROPERTIES: x, ADVANCED_PROPERTIES: G, EVENT_PROPERTIES: J } = V, Q = {
|
|
15
16
|
name: "SettingPanel",
|
|
16
17
|
componentName: "SettingPanel",
|
|
17
|
-
mixins: [I,
|
|
18
|
+
mixins: [I, B],
|
|
18
19
|
components: {
|
|
19
20
|
TpfCodeEditor: R,
|
|
20
21
|
FormSetting: K,
|
|
21
|
-
CodeModalEditor:
|
|
22
|
+
CodeModalEditor: L,
|
|
22
23
|
FormCrudSetting: O,
|
|
23
24
|
...D
|
|
24
25
|
},
|
|
@@ -46,9 +47,9 @@ const { COMMON_PROPERTIES: q, ADVANCED_PROPERTIES: x, EVENT_PROPERTIES: G } = V,
|
|
|
46
47
|
activeTab: "2",
|
|
47
48
|
widgetActiveCollapseNames: ["1", "2", "3"],
|
|
48
49
|
formActiveCollapseNames: ["1", "2"],
|
|
49
|
-
commonProps:
|
|
50
|
-
advProps:
|
|
51
|
-
eventProps:
|
|
50
|
+
commonProps: x,
|
|
51
|
+
advProps: G,
|
|
52
|
+
eventProps: J,
|
|
52
53
|
showWidgetEventDialogFlag: !1,
|
|
53
54
|
eventHandlerCode: "",
|
|
54
55
|
curEventName: "",
|
|
@@ -113,8 +114,8 @@ const { COMMON_PROPERTIES: q, ADVANCED_PROPERTIES: x, EVENT_PROPERTIES: G } = V,
|
|
|
113
114
|
if (!o)
|
|
114
115
|
return !1;
|
|
115
116
|
if (e.indexOf("-") <= -1) {
|
|
116
|
-
const
|
|
117
|
-
if (j(
|
|
117
|
+
const d = this.selectedWidget.type + "-" + e;
|
|
118
|
+
if (j(d))
|
|
118
119
|
return !1;
|
|
119
120
|
}
|
|
120
121
|
const n = e.replace(this.selectedWidget.type + "-", "");
|
|
@@ -134,19 +135,19 @@ const { COMMON_PROPERTIES: q, ADVANCED_PROPERTIES: x, EVENT_PROPERTIES: G } = V,
|
|
|
134
135
|
return o;
|
|
135
136
|
},
|
|
136
137
|
editEventHandler(e, o) {
|
|
137
|
-
|
|
138
|
+
this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${o.join(
|
|
138
139
|
", "
|
|
139
|
-
)}) {`, this.eventHandlerCode = this.selectedWidget.options
|
|
140
|
+
)}) {`, this.eventHandlerCode = z(this.selectedWidget.options, e) || "", console.log({ eventName: e, eventHandlerCode: this.eventHandlerCode }), e === "onValidate" && !this.optionModel.onValidate && (this.eventHandlerCode = ` /* sample code */
|
|
140
141
|
/*
|
|
141
142
|
if ((value > 100) || (value < 0)) {
|
|
142
143
|
return Promise.reject('error message') //fail
|
|
143
144
|
} else {
|
|
144
145
|
return Promise.resolve(); //pass
|
|
145
146
|
}
|
|
146
|
-
*/`),
|
|
147
|
+
*/`), this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
|
|
147
148
|
},
|
|
148
149
|
saveEventHandler(e) {
|
|
149
|
-
if (
|
|
150
|
+
if (this.curEventName.includes(".")) {
|
|
150
151
|
const [o, n] = this.curEventName.split(".");
|
|
151
152
|
this.selectedWidget.options[o][n] = e;
|
|
152
153
|
} else
|
|
@@ -154,7 +155,7 @@ const { COMMON_PROPERTIES: q, ADVANCED_PROPERTIES: x, EVENT_PROPERTIES: G } = V,
|
|
|
154
155
|
}
|
|
155
156
|
}
|
|
156
157
|
};
|
|
157
|
-
function
|
|
158
|
+
function X(e, o, n, f, d, t) {
|
|
158
159
|
const v = m("a-collapse-panel"), _ = m("a-collapse"), b = m("a-form"), H = m("a-empty"), E = m("a-tab-pane"), k = m("form-setting"), M = m("FormCrudSetting"), S = m("a-tabs"), T = m("a-layout"), F = m("a-config-provider"), A = m("TpfCodeEditor");
|
|
159
160
|
return i(), c(u, null, [
|
|
160
161
|
h(F, { componentSize: "small" }, {
|
|
@@ -162,8 +163,8 @@ function Q(e, o, n, f, l, t) {
|
|
|
162
163
|
h(T, { class: "panel-container" }, {
|
|
163
164
|
default: s(() => [
|
|
164
165
|
h(S, {
|
|
165
|
-
activeKey:
|
|
166
|
-
"onUpdate:activeKey": o[6] || (o[6] = (r) =>
|
|
166
|
+
activeKey: d.activeTab,
|
|
167
|
+
"onUpdate:activeKey": o[6] || (o[6] = (r) => d.activeTab = r),
|
|
167
168
|
style: { height: "100%", width: "100%", overflow: "hidden" }
|
|
168
169
|
}, {
|
|
169
170
|
default: s(() => [
|
|
@@ -174,7 +175,7 @@ function Q(e, o, n, f, l, t) {
|
|
|
174
175
|
default: s(() => [
|
|
175
176
|
P("div", {
|
|
176
177
|
class: "setting-scrollbar",
|
|
177
|
-
style: w({ height:
|
|
178
|
+
style: w({ height: d.scrollerHeight })
|
|
178
179
|
}, [
|
|
179
180
|
n.designer.selectedWidget && !n.designer.selectedWidget.category ? (i(), g(b, {
|
|
180
181
|
key: 0,
|
|
@@ -187,19 +188,19 @@ function Q(e, o, n, f, l, t) {
|
|
|
187
188
|
}, {
|
|
188
189
|
default: s(() => [
|
|
189
190
|
h(_, {
|
|
190
|
-
activeKey:
|
|
191
|
-
"onUpdate:activeKey": o[1] || (o[1] = (r) =>
|
|
191
|
+
activeKey: d.widgetActiveCollapseNames,
|
|
192
|
+
"onUpdate:activeKey": o[1] || (o[1] = (r) => d.widgetActiveCollapseNames = r),
|
|
192
193
|
class: "setting-collapse"
|
|
193
194
|
}, {
|
|
194
195
|
default: s(() => [
|
|
195
|
-
t.showCollapse(
|
|
196
|
+
t.showCollapse(d.commonProps) ? (i(), g(v, {
|
|
196
197
|
key: "1",
|
|
197
198
|
header: e.i18nt("designer.setting.常见属性")
|
|
198
199
|
}, {
|
|
199
200
|
default: s(() => [
|
|
200
|
-
(i(!0), c(u, null, p(
|
|
201
|
-
t.hasPropEditor(
|
|
202
|
-
key:
|
|
201
|
+
(i(!0), c(u, null, p(d.commonProps, (r, l) => (i(), c(u, null, [
|
|
202
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
203
|
+
key: l,
|
|
203
204
|
designer: n.designer,
|
|
204
205
|
"selected-widget": n.selectedWidget,
|
|
205
206
|
"option-model": t.optionModel,
|
|
@@ -209,14 +210,14 @@ function Q(e, o, n, f, l, t) {
|
|
|
209
210
|
]),
|
|
210
211
|
_: 1
|
|
211
212
|
}, 8, ["header"])) : a("", !0),
|
|
212
|
-
t.showCollapse(
|
|
213
|
+
t.showCollapse(d.advProps) ? (i(), g(v, {
|
|
213
214
|
key: "2",
|
|
214
215
|
header: e.i18nt("designer.setting.高级属性")
|
|
215
216
|
}, {
|
|
216
217
|
default: s(() => [
|
|
217
|
-
(i(!0), c(u, null, p(
|
|
218
|
-
t.hasPropEditor(
|
|
219
|
-
key:
|
|
218
|
+
(i(!0), c(u, null, p(d.advProps, (r, l) => (i(), c(u, null, [
|
|
219
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
220
|
+
key: l,
|
|
220
221
|
designer: n.designer,
|
|
221
222
|
"selected-widget": n.selectedWidget,
|
|
222
223
|
"option-model": t.optionModel
|
|
@@ -225,19 +226,19 @@ function Q(e, o, n, f, l, t) {
|
|
|
225
226
|
]),
|
|
226
227
|
_: 1
|
|
227
228
|
}, 8, ["header"])) : a("", !0),
|
|
228
|
-
t.showEventCollapse() && t.showCollapse(
|
|
229
|
+
t.showEventCollapse() && t.showCollapse(d.eventProps) ? (i(), g(v, {
|
|
229
230
|
key: "3",
|
|
230
231
|
class: "eventPanel",
|
|
231
232
|
header: e.i18nt("designer.setting.事件属性")
|
|
232
233
|
}, {
|
|
233
234
|
default: s(() => [
|
|
234
|
-
(i(!0), c(u, null, p(
|
|
235
|
-
t.hasPropEditor(
|
|
236
|
-
key:
|
|
235
|
+
(i(!0), c(u, null, p(d.eventProps, (r, l) => (i(), c(u, null, [
|
|
236
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
237
|
+
key: l,
|
|
237
238
|
designer: n.designer,
|
|
238
239
|
"selected-widget": n.selectedWidget,
|
|
239
240
|
"option-model": t.optionModel,
|
|
240
|
-
"event-handled": t.getEventHandled(
|
|
241
|
+
"event-handled": t.getEventHandled(l)
|
|
241
242
|
}, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
|
|
242
243
|
], 64))), 256))
|
|
243
244
|
]),
|
|
@@ -260,19 +261,19 @@ function Q(e, o, n, f, l, t) {
|
|
|
260
261
|
}, {
|
|
261
262
|
default: s(() => [
|
|
262
263
|
h(_, {
|
|
263
|
-
activeKey:
|
|
264
|
-
"onUpdate:activeKey": o[4] || (o[4] = (r) =>
|
|
264
|
+
activeKey: d.widgetActiveCollapseNames,
|
|
265
|
+
"onUpdate:activeKey": o[4] || (o[4] = (r) => d.widgetActiveCollapseNames = r),
|
|
265
266
|
class: "setting-collapse"
|
|
266
267
|
}, {
|
|
267
268
|
default: s(() => [
|
|
268
|
-
t.showCollapse(
|
|
269
|
+
t.showCollapse(d.commonProps) ? (i(), g(v, {
|
|
269
270
|
key: "1",
|
|
270
271
|
header: e.i18nt("designer.setting.常见属性")
|
|
271
272
|
}, {
|
|
272
273
|
default: s(() => [
|
|
273
|
-
(i(!0), c(u, null, p(
|
|
274
|
-
t.hasPropEditor(
|
|
275
|
-
key:
|
|
274
|
+
(i(!0), c(u, null, p(d.commonProps, (r, l) => (i(), c(u, null, [
|
|
275
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
276
|
+
key: l,
|
|
276
277
|
designer: n.designer,
|
|
277
278
|
"selected-widget": n.selectedWidget,
|
|
278
279
|
"option-model": t.optionModel,
|
|
@@ -282,14 +283,14 @@ function Q(e, o, n, f, l, t) {
|
|
|
282
283
|
]),
|
|
283
284
|
_: 1
|
|
284
285
|
}, 8, ["header"])) : a("", !0),
|
|
285
|
-
t.showCollapse(
|
|
286
|
+
t.showCollapse(d.advProps) ? (i(), g(v, {
|
|
286
287
|
key: "2",
|
|
287
288
|
header: e.i18nt("designer.setting.高级属性")
|
|
288
289
|
}, {
|
|
289
290
|
default: s(() => [
|
|
290
|
-
(i(!0), c(u, null, p(
|
|
291
|
-
t.hasPropEditor(
|
|
292
|
-
key:
|
|
291
|
+
(i(!0), c(u, null, p(d.advProps, (r, l) => (i(), c(u, null, [
|
|
292
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
293
|
+
key: l,
|
|
293
294
|
designer: n.designer,
|
|
294
295
|
"selected-widget": n.selectedWidget,
|
|
295
296
|
"option-model": t.optionModel
|
|
@@ -298,19 +299,19 @@ function Q(e, o, n, f, l, t) {
|
|
|
298
299
|
]),
|
|
299
300
|
_: 1
|
|
300
301
|
}, 8, ["header"])) : a("", !0),
|
|
301
|
-
t.showEventCollapse() && t.showCollapse(
|
|
302
|
+
t.showEventCollapse() && t.showCollapse(d.eventProps) ? (i(), g(v, {
|
|
302
303
|
key: "3",
|
|
303
304
|
class: "eventPanel",
|
|
304
305
|
header: e.i18nt("designer.setting.事件属性")
|
|
305
306
|
}, {
|
|
306
307
|
default: s(() => [
|
|
307
|
-
(i(!0), c(u, null, p(
|
|
308
|
-
t.hasPropEditor(
|
|
309
|
-
key:
|
|
308
|
+
(i(!0), c(u, null, p(d.eventProps, (r, l) => (i(), c(u, null, [
|
|
309
|
+
t.hasPropEditor(l, r) ? (i(), g(C(t.getPropEditor(l, r)), {
|
|
310
|
+
key: l,
|
|
310
311
|
designer: n.designer,
|
|
311
312
|
"selected-widget": n.selectedWidget,
|
|
312
313
|
"option-model": t.optionModel,
|
|
313
|
-
"event-handled": t.getEventHandled(
|
|
314
|
+
"event-handled": t.getEventHandled(l)
|
|
314
315
|
}, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
|
|
315
316
|
], 64))), 256))
|
|
316
317
|
]),
|
|
@@ -337,7 +338,7 @@ function Q(e, o, n, f, l, t) {
|
|
|
337
338
|
default: s(() => [
|
|
338
339
|
P("div", {
|
|
339
340
|
class: "setting-scrollbar",
|
|
340
|
-
style: w({ height:
|
|
341
|
+
style: w({ height: d.scrollerHeight })
|
|
341
342
|
}, [
|
|
342
343
|
h(k, {
|
|
343
344
|
designer: n.designer,
|
|
@@ -354,7 +355,7 @@ function Q(e, o, n, f, l, t) {
|
|
|
354
355
|
default: s(() => [
|
|
355
356
|
P("div", {
|
|
356
357
|
class: "ds-setting-scrollbar",
|
|
357
|
-
style: w({ height:
|
|
358
|
+
style: w({ height: d.scrollerHeight })
|
|
358
359
|
}, [
|
|
359
360
|
h(M, {
|
|
360
361
|
designer: n.designer,
|
|
@@ -374,7 +375,7 @@ function Q(e, o, n, f, l, t) {
|
|
|
374
375
|
_: 1
|
|
375
376
|
}),
|
|
376
377
|
h(A, {
|
|
377
|
-
eventHeader:
|
|
378
|
+
eventHeader: d.eventHeader,
|
|
378
379
|
ref: "CodeModalEditorRef",
|
|
379
380
|
title: e.i18nt("designer.setting.editWidgetEventHandler"),
|
|
380
381
|
mode: "javascript",
|
|
@@ -383,7 +384,7 @@ function Q(e, o, n, f, l, t) {
|
|
|
383
384
|
}, null, 8, ["eventHeader", "title", "onSetCode"])
|
|
384
385
|
], 64);
|
|
385
386
|
}
|
|
386
|
-
const
|
|
387
|
+
const ae = /* @__PURE__ */ q(Q, [["render", X], ["__scopeId", "data-v-d315cd31"]]);
|
|
387
388
|
export {
|
|
388
|
-
|
|
389
|
+
ae as default
|
|
389
390
|
};
|
package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as _, ref as u, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as
|
|
1
|
+
import { defineComponent as _, ref as u, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as f, toDisplayString as c } from "vue";
|
|
2
2
|
import { useI18n as w } from "../../../../utils/i18n.js";
|
|
3
3
|
import { cloneDeep as x } from "lodash-es";
|
|
4
4
|
import D from "../../../public/ActionButtonListDialog.vue.js";
|
|
@@ -12,25 +12,25 @@ const U = /* @__PURE__ */ _({
|
|
|
12
12
|
optionModel: {}
|
|
13
13
|
},
|
|
14
14
|
setup(m) {
|
|
15
|
-
const { i18nt:
|
|
15
|
+
const { i18nt: i } = w(), r = m, t = u([]), l = u(!1);
|
|
16
16
|
C(t, () => {
|
|
17
17
|
r.optionModel.buttonList = t.value;
|
|
18
18
|
});
|
|
19
19
|
const g = () => {
|
|
20
|
-
t.value = x(r.optionModel.buttonList),
|
|
20
|
+
t.value = x(r.optionModel.buttonList), l.value = !0;
|
|
21
21
|
}, b = () => {
|
|
22
|
-
|
|
22
|
+
l.value = !1;
|
|
23
23
|
};
|
|
24
24
|
return (M, s) => {
|
|
25
25
|
const d = p("a-button"), v = p("a-form-item");
|
|
26
26
|
return h(), L(k, null, [
|
|
27
27
|
e(v, {
|
|
28
|
-
label: o(
|
|
28
|
+
label: o(i)("designer.setting.buttonList")
|
|
29
29
|
}, {
|
|
30
30
|
default: n(() => [
|
|
31
31
|
e(d, { onClick: g }, {
|
|
32
32
|
default: n(() => [
|
|
33
|
-
c(
|
|
33
|
+
f(c(o(i)("designer.setting.buttonConfig")), 1)
|
|
34
34
|
]),
|
|
35
35
|
_: 1
|
|
36
36
|
})
|
|
@@ -38,9 +38,9 @@ const U = /* @__PURE__ */ _({
|
|
|
38
38
|
_: 1
|
|
39
39
|
}, 8, ["label"]),
|
|
40
40
|
e(o(B), {
|
|
41
|
-
title: o(
|
|
42
|
-
visible:
|
|
43
|
-
"onUpdate:visible": s[1] || (s[1] = (a) =>
|
|
41
|
+
title: o(i)("designer.setting.buttonsColumnEdit"),
|
|
42
|
+
visible: l.value,
|
|
43
|
+
"onUpdate:visible": s[1] || (s[1] = (a) => l.value = a),
|
|
44
44
|
"show-close": !0,
|
|
45
45
|
dialogClass: "drag-dialog",
|
|
46
46
|
"append-to-body": "",
|
|
@@ -54,7 +54,7 @@ const U = /* @__PURE__ */ _({
|
|
|
54
54
|
onClick: b
|
|
55
55
|
}, {
|
|
56
56
|
default: n(() => [
|
|
57
|
-
c(
|
|
57
|
+
f(c(o(i)("designer.hint.closePreview")), 1)
|
|
58
58
|
]),
|
|
59
59
|
_: 1
|
|
60
60
|
})
|
|
@@ -1,31 +1,34 @@
|
|
|
1
1
|
import p from "../../../../utils/i18n.js";
|
|
2
|
-
import {
|
|
3
|
-
import s from "
|
|
2
|
+
import { TpfSelectIcon as l } from "tmgc2-share";
|
|
3
|
+
import { resolveComponent as e, createBlock as m, openBlock as a, withCtx as d, createVNode as s } from "vue";
|
|
4
|
+
import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
5
|
const u = {
|
|
5
6
|
name: "buttonIcon-editor",
|
|
6
7
|
mixins: [p],
|
|
8
|
+
components: {
|
|
9
|
+
TpfSelectIcon: l
|
|
10
|
+
},
|
|
7
11
|
props: {
|
|
8
12
|
designer: Object,
|
|
9
13
|
selectedWidget: Object,
|
|
10
14
|
optionModel: Object
|
|
11
15
|
}
|
|
12
16
|
};
|
|
13
|
-
function _(n,
|
|
14
|
-
const
|
|
15
|
-
return
|
|
17
|
+
function _(n, o, t, b, I, g) {
|
|
18
|
+
const c = e("TpfSelectIcon"), r = e("a-form-item");
|
|
19
|
+
return a(), m(r, {
|
|
16
20
|
label: n.i18nt("designer.setting.appendButtonIcon")
|
|
17
21
|
}, {
|
|
18
22
|
default: d(() => [
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
value: o.optionModel.buttonIcon
|
|
22
|
-
"onUpdate:value": t[0] || (t[0] = (c) => o.optionModel.buttonIcon = c)
|
|
23
|
+
s(c, {
|
|
24
|
+
value: t.optionModel.buttonIcon,
|
|
25
|
+
"onUpdate:value": o[0] || (o[0] = (i) => t.optionModel.buttonIcon = i)
|
|
23
26
|
}, null, 8, ["value"])
|
|
24
27
|
]),
|
|
25
28
|
_: 1
|
|
26
29
|
}, 8, ["label"]);
|
|
27
30
|
}
|
|
28
|
-
const
|
|
31
|
+
const M = /* @__PURE__ */ f(u, [["render", _]]);
|
|
29
32
|
export {
|
|
30
|
-
|
|
33
|
+
M as default
|
|
31
34
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./data-table-tableColumns-editor.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bef70d8d"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|