@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.2
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 +26 -25
- package/package.json +2 -2
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js +1 -1
- package/src/components/form-designer/index.vue.js +55 -54
- package/src/components/form-designer/setting-panel/form-crud-setting.vue.js +62 -23
- package/src/components/form-designer/setting-panel/index.vue.js +4 -386
- package/src/components/form-designer/setting-panel/index.vue2.js +273 -0
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue.js +1 -0
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js +1 -0
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue2.js +24 -24
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js +9 -8
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +7 -6
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue2.js +7 -6
- package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue.js +2 -40
- package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue2.js +41 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClickIcon-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClickIcon-editor.vue2.js +44 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue2.js +43 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOkButtonClick-editor.vue.js +2 -46
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOkButtonClick-editor.vue2.js +43 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue2.js +44 -0
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js +2 -66
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue2.js +42 -0
- package/src/components/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue.js +6 -5
- package/src/components/form-designer/setting-panel/property-editor/index.js +146 -152
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js +8 -7
- package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue.js +38 -35
- package/src/components/form-designer/setting-panel/propertyRegister.js +0 -12
- package/src/components/form-render/container-item/data-table-item.vue.js +149 -0
- package/src/components/form-render/container-item/grid-col-item.vue.js +149 -0
- package/src/components/form-render/container-item/grid-item.vue.js +92 -0
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +319 -0
- package/src/components/form-render/container-item/index.js +24 -0
- package/src/components/form-render/container-item/sub-form-item.vue.js +429 -0
- package/src/components/form-render/container-item/tab-item.vue.js +160 -0
- package/src/components/form-render/container-item/table-cell-item.vue.js +95 -0
- package/src/components/form-render/container-item/table-item.vue.js +96 -0
- package/src/components/form-render/container-item/vf-collapse-item.vue.js +252 -0
- package/src/components/form-render/container-item/vf-dialog-item.vue.js +12 -0
- package/src/components/form-render/container-item/vf-drawer-item.vue.js +12 -0
- package/src/components/form-render/index.vue.js +12 -14
- package/src/components/http-editor/index.vue.js +10 -10
- package/src/components/public/ActionButtonListRender.vue.js +19 -24
- package/src/lang/en-US.js +1 -3
- package/src/lang/zh-CN.js +0 -3
- package/src/utils/useEmitter.js +57 -0
- package/src/utils/util.js +50 -49
- package/stats.html +1 -1
- package/styles/style.css +1 -1
- package/src/components/form-designer/setting-panel/property-editor/displayStyle-editor.vue.js +0 -46
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onVformAdd-editor.vue.js +0 -49
- package/src/components/form-designer/setting-panel/property-editor/multipleSelect-editor.vue.js +0 -30
- package/src/components/form-designer/setting-panel/property-editor/uploadTip-editor.vue.js +0 -31
- package/src/components/form-designer/setting-panel/property-editor/uploadURL-editor.vue.js +0 -44
- package/src/components/form-designer/setting-panel/property-editor/withCredentials-editor.vue.js +0 -30
package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { defineComponent as _, ref as u, watch as C, resolveComponent as p, createElementBlock as
|
|
1
|
+
import { defineComponent as _, ref as u, watch as C, resolveComponent as p, createElementBlock as h, openBlock as L, 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";
|
|
5
5
|
import { TpfModal as B } from "tmgc2-share";
|
|
6
|
-
const
|
|
6
|
+
const T = /* @__PURE__ */ _({
|
|
7
|
+
inheritAttrs: !1,
|
|
7
8
|
name: "button-list-editor",
|
|
8
9
|
__name: "button-list-editor",
|
|
9
10
|
props: {
|
|
@@ -23,7 +24,7 @@ const U = /* @__PURE__ */ _({
|
|
|
23
24
|
};
|
|
24
25
|
return (M, s) => {
|
|
25
26
|
const d = p("a-button"), v = p("a-form-item");
|
|
26
|
-
return
|
|
27
|
+
return L(), h(k, null, [
|
|
27
28
|
e(v, {
|
|
28
29
|
label: o(i)("designer.setting.buttonList")
|
|
29
30
|
}, {
|
|
@@ -72,5 +73,5 @@ const U = /* @__PURE__ */ _({
|
|
|
72
73
|
}
|
|
73
74
|
});
|
|
74
75
|
export {
|
|
75
|
-
|
|
76
|
+
T as default
|
|
76
77
|
};
|
|
@@ -4,6 +4,7 @@ import { resolveComponent as c, createElementBlock as g, openBlock as v, Fragmen
|
|
|
4
4
|
import w from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const h = {
|
|
6
6
|
name: "data-table-customRow-editor",
|
|
7
|
+
inheritAttrs: !1,
|
|
7
8
|
mixins: [b, f],
|
|
8
9
|
props: {
|
|
9
10
|
designer: Object,
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import g from "../../../../../utils/i18n.js";
|
|
2
2
|
import E from "../../../../http-editor/index.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import { resolveComponent as o, createElementBlock as
|
|
3
|
+
import h from "../../../../code-editor/code-modal-editor.vue.js";
|
|
4
|
+
import { resolveComponent as o, createElementBlock as u, openBlock as a, Fragment as M, createVNode as d, createBlock as r, createCommentVNode as c, withCtx as i, createTextVNode as k, toDisplayString as C } from "vue";
|
|
5
5
|
import D from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const O = {
|
|
7
7
|
name: "data-table-dsEnabled-editor",
|
|
8
8
|
mixins: [g],
|
|
9
|
-
|
|
9
|
+
inheritAttrs: !1,
|
|
10
|
+
components: { HttpEditor: E, CodeModalEditor: h },
|
|
10
11
|
props: {
|
|
11
12
|
designer: Object,
|
|
12
13
|
selectedWidget: Object,
|
|
@@ -34,7 +35,7 @@ const O = {
|
|
|
34
35
|
};
|
|
35
36
|
function y(t, n, e, S, w, l) {
|
|
36
37
|
const m = o("a-switch"), s = o("a-form-item"), p = o("a-button"), b = o("CodeModalEditor"), f = o("HttpEditor");
|
|
37
|
-
return a(),
|
|
38
|
+
return a(), u(M, null, [
|
|
38
39
|
d(s, {
|
|
39
40
|
label: t.i18nt("designer.setting.dsEnabled")
|
|
40
41
|
}, {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as x, mergeModels as M, useModel as U, ref as V, resolveComponent as i, createElementBlock as E, openBlock as f, Fragment as K, createVNode as o, unref as r, withCtx as n, createBlock as T, createCommentVNode as W, createTextVNode as w, toDisplayString as v, normalizeClass as O } from "vue";
|
|
2
2
|
import { useI18n as j } from "../../../../../utils/i18n.js";
|
|
3
3
|
import { useComRef as B } from "tmgc2-share";
|
|
4
4
|
import g from "../../../../code-editor/code-modal-editor.vue.js";
|
|
5
|
-
const
|
|
5
|
+
const D = /* @__PURE__ */ x({
|
|
6
6
|
name: "rowSelection-editor",
|
|
7
|
+
inheritAttrs: !1,
|
|
7
8
|
__name: "data-table-selections-editor",
|
|
8
|
-
props: /* @__PURE__ */
|
|
9
|
+
props: /* @__PURE__ */ M({
|
|
9
10
|
designer: Object,
|
|
10
|
-
selectedWidget: Object
|
|
11
|
-
optionModel: Object
|
|
11
|
+
selectedWidget: Object
|
|
12
12
|
}, {
|
|
13
13
|
optionModel: {
|
|
14
14
|
type: Object,
|
|
@@ -34,10 +34,10 @@ const F = /* @__PURE__ */ M({
|
|
|
34
34
|
(c = m.value) == null || c.open(e.value.rowSelection.onChange);
|
|
35
35
|
};
|
|
36
36
|
return (c, t) => {
|
|
37
|
-
const u = i("a-switch"), p = i("a-button"), b = i("a-space"),
|
|
37
|
+
const u = i("a-switch"), p = i("a-button"), b = i("a-space"), d = i("a-form-item"), C = i("a-input-number"), k = i("a-input"), R = i("a-form"), y = i("a-drawer");
|
|
38
38
|
return f(), E(K, null, [
|
|
39
|
-
o(
|
|
40
|
-
label:
|
|
39
|
+
o(d, {
|
|
40
|
+
label: r(a)("designer.setting.hasRowSelection")
|
|
41
41
|
}, {
|
|
42
42
|
default: n(() => [
|
|
43
43
|
o(b, null, {
|
|
@@ -46,7 +46,7 @@ const F = /* @__PURE__ */ M({
|
|
|
46
46
|
checked: e.value.rowSelection.hasRowSelection,
|
|
47
47
|
"onUpdate:checked": t[0] || (t[0] = (l) => e.value.rowSelection.hasRowSelection = l)
|
|
48
48
|
}, null, 8, ["checked"]),
|
|
49
|
-
e.value.rowSelection.hasRowSelection ? (f(),
|
|
49
|
+
e.value.rowSelection.hasRowSelection ? (f(), T(p, {
|
|
50
50
|
key: 0,
|
|
51
51
|
type: "primary",
|
|
52
52
|
plain: "",
|
|
@@ -54,10 +54,10 @@ const F = /* @__PURE__ */ M({
|
|
|
54
54
|
onClick: _
|
|
55
55
|
}, {
|
|
56
56
|
default: n(() => [
|
|
57
|
-
w(v(
|
|
57
|
+
w(v(r(a)("designer.setting.edit")), 1)
|
|
58
58
|
]),
|
|
59
59
|
_: 1
|
|
60
|
-
})) :
|
|
60
|
+
})) : W("", !0)
|
|
61
61
|
]),
|
|
62
62
|
_: 1
|
|
63
63
|
})
|
|
@@ -68,7 +68,7 @@ const F = /* @__PURE__ */ M({
|
|
|
68
68
|
class: "editor-Selection-drawer",
|
|
69
69
|
open: s.value,
|
|
70
70
|
"onUpdate:open": t[6] || (t[6] = (l) => s.value = l),
|
|
71
|
-
title:
|
|
71
|
+
title: r(a)("designer.setting.hasRowSelection"),
|
|
72
72
|
placement: "right"
|
|
73
73
|
}, {
|
|
74
74
|
default: n(() => [
|
|
@@ -78,8 +78,8 @@ const F = /* @__PURE__ */ M({
|
|
|
78
78
|
layout: "horizontal"
|
|
79
79
|
}, {
|
|
80
80
|
default: n(() => [
|
|
81
|
-
o(
|
|
82
|
-
label:
|
|
81
|
+
o(d, {
|
|
82
|
+
label: r(a)("designer.setting.fixedLeft")
|
|
83
83
|
}, {
|
|
84
84
|
default: n(() => [
|
|
85
85
|
o(u, {
|
|
@@ -89,8 +89,8 @@ const F = /* @__PURE__ */ M({
|
|
|
89
89
|
]),
|
|
90
90
|
_: 1
|
|
91
91
|
}, 8, ["label"]),
|
|
92
|
-
o(
|
|
93
|
-
label:
|
|
92
|
+
o(d, {
|
|
93
|
+
label: r(a)("designer.setting.preserveSelectedRowKeys")
|
|
94
94
|
}, {
|
|
95
95
|
default: n(() => [
|
|
96
96
|
o(u, {
|
|
@@ -100,8 +100,8 @@ const F = /* @__PURE__ */ M({
|
|
|
100
100
|
]),
|
|
101
101
|
_: 1
|
|
102
102
|
}, 8, ["label"]),
|
|
103
|
-
o(
|
|
104
|
-
label:
|
|
103
|
+
o(d, {
|
|
104
|
+
label: r(a)("designer.setting.customColumnWidth")
|
|
105
105
|
}, {
|
|
106
106
|
default: n(() => [
|
|
107
107
|
o(C, {
|
|
@@ -113,8 +113,8 @@ const F = /* @__PURE__ */ M({
|
|
|
113
113
|
]),
|
|
114
114
|
_: 1
|
|
115
115
|
}, 8, ["label"]),
|
|
116
|
-
o(
|
|
117
|
-
label:
|
|
116
|
+
o(d, {
|
|
117
|
+
label: r(a)("designer.setting.customColumnTitle")
|
|
118
118
|
}, {
|
|
119
119
|
default: n(() => [
|
|
120
120
|
o(k, {
|
|
@@ -124,16 +124,16 @@ const F = /* @__PURE__ */ M({
|
|
|
124
124
|
]),
|
|
125
125
|
_: 1
|
|
126
126
|
}, 8, ["label"]),
|
|
127
|
-
o(
|
|
127
|
+
o(d, { label: "onChange" }, {
|
|
128
128
|
default: n(() => [
|
|
129
129
|
o(p, {
|
|
130
130
|
plain: "",
|
|
131
131
|
shape: "round",
|
|
132
|
-
class:
|
|
132
|
+
class: O([e.value.rowSelection.onChange ? "button-text-highlight" : ""]),
|
|
133
133
|
onClick: h
|
|
134
134
|
}, {
|
|
135
135
|
default: n(() => [
|
|
136
|
-
w(v(
|
|
136
|
+
w(v(r(a)("designer.setting.addEventHandler")), 1)
|
|
137
137
|
]),
|
|
138
138
|
_: 1
|
|
139
139
|
}, 8, ["class"])
|
|
@@ -160,5 +160,5 @@ const F = /* @__PURE__ */ M({
|
|
|
160
160
|
}
|
|
161
161
|
});
|
|
162
162
|
export {
|
|
163
|
-
|
|
163
|
+
D as default
|
|
164
164
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import k from "../../../../../utils/i18n.js";
|
|
2
2
|
import D from "../../../../public/ActionButtonListDialog.vue.js";
|
|
3
3
|
import { TpfModal as E } from "tmgc2-share";
|
|
4
|
-
import { resolveComponent as l, createElementBlock as T, openBlock as _, Fragment as y, createVNode as o, withCtx as e, createBlock as U, createCommentVNode as
|
|
4
|
+
import { resolveComponent as l, createElementBlock as T, openBlock as _, Fragment as y, createVNode as o, withCtx as e, createBlock as U, createCommentVNode as A, createTextVNode as u, toDisplayString as f, createElementVNode as W } from "vue";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import
|
|
6
|
+
import x from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
7
7
|
const F = {
|
|
8
8
|
name: "showButtonsColumn-editor",
|
|
9
|
+
inheritAttrs: !1,
|
|
9
10
|
mixins: [k],
|
|
10
11
|
components: { ActionButtonListDialog: D, TpfModal: E },
|
|
11
12
|
props: {
|
|
@@ -25,7 +26,7 @@ const F = {
|
|
|
25
26
|
}
|
|
26
27
|
}, N = { class: "dialog-footer" };
|
|
27
28
|
function V(s, t, i, j, d, c) {
|
|
28
|
-
const b = l("a-switch"), r = l("a-button"), g = l("a-space"), a = l("a-form-item"), C = l("a-input"), m = l("a-col"), w = l("a-input-number"), p = l("a-select-option"), B = l("a-select"), v = l("a-row"),
|
|
29
|
+
const b = l("a-switch"), r = l("a-button"), g = l("a-space"), a = l("a-form-item"), C = l("a-input"), m = l("a-col"), w = l("a-input-number"), p = l("a-select-option"), B = l("a-select"), v = l("a-row"), h = l("ActionButtonListDialog"), M = l("TpfModal");
|
|
29
30
|
return _(), T(y, null, [
|
|
30
31
|
o(a, {
|
|
31
32
|
label: s.i18nt("designer.setting.showButtonsColumn")
|
|
@@ -47,14 +48,14 @@ function V(s, t, i, j, d, c) {
|
|
|
47
48
|
u(f(s.i18nt("designer.setting.editAction")), 1)
|
|
48
49
|
]),
|
|
49
50
|
_: 1
|
|
50
|
-
}, 8, ["onClick"])) :
|
|
51
|
+
}, 8, ["onClick"])) : A("", !0)
|
|
51
52
|
]),
|
|
52
53
|
_: 1
|
|
53
54
|
})
|
|
54
55
|
]),
|
|
55
56
|
_: 1
|
|
56
57
|
}, 8, ["label"]),
|
|
57
|
-
o(
|
|
58
|
+
o(M, {
|
|
58
59
|
title: s.i18nt("designer.setting.buttonsColumnEdit"),
|
|
59
60
|
visible: d.showButtonsEditDialog,
|
|
60
61
|
"onUpdate:visible": t[6] || (t[6] = (n) => d.showButtonsEditDialog = n),
|
|
@@ -67,7 +68,7 @@ function V(s, t, i, j, d, c) {
|
|
|
67
68
|
width: "1250px"
|
|
68
69
|
}, {
|
|
69
70
|
footer: e(() => [
|
|
70
|
-
|
|
71
|
+
W("div", N, [
|
|
71
72
|
o(r, {
|
|
72
73
|
size: "default",
|
|
73
74
|
onClick: t[5] || (t[5] = (n) => d.showButtonsEditDialog = !1)
|
|
@@ -156,7 +157,7 @@ function V(s, t, i, j, d, c) {
|
|
|
156
157
|
]),
|
|
157
158
|
_: 1
|
|
158
159
|
}),
|
|
159
|
-
o(
|
|
160
|
+
o(h, {
|
|
160
161
|
data: i.optionModel.operationButtons,
|
|
161
162
|
"onUpdate:data": t[4] || (t[4] = (n) => i.optionModel.operationButtons = n),
|
|
162
163
|
parmas: "scope"
|
|
@@ -166,7 +167,7 @@ function V(s, t, i, j, d, c) {
|
|
|
166
167
|
}, 8, ["title", "visible"])
|
|
167
168
|
], 64);
|
|
168
169
|
}
|
|
169
|
-
const q = /* @__PURE__ */
|
|
170
|
+
const q = /* @__PURE__ */ x(F, [["render", V], ["__scopeId", "data-v-93b01625"]]);
|
|
170
171
|
export {
|
|
171
172
|
q as default
|
|
172
173
|
};
|
|
@@ -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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-963b8b36"]]);
|
|
5
5
|
export {
|
|
6
6
|
e as default
|
|
7
7
|
};
|
|
@@ -9,6 +9,7 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
9
9
|
style: { "text-align": "center" }
|
|
10
10
|
}, Z = { class: "add-btn" }, de = /* @__PURE__ */ j({
|
|
11
11
|
name: "tableColumns-editor",
|
|
12
|
+
inheritAttrs: !1,
|
|
12
13
|
__name: "data-table-tableColumns-editor",
|
|
13
14
|
props: {
|
|
14
15
|
designer: {},
|
|
@@ -16,11 +17,11 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
16
17
|
optionModel: {}
|
|
17
18
|
},
|
|
18
19
|
setup(S, { expose: W }) {
|
|
19
|
-
const { i18nt: t } = J(), k = S, x = _(null), f = _(!1), e = _([]), C = _(null),
|
|
20
|
+
const { i18nt: t } = J(), k = S, x = _(null), f = _(!1), e = _([]), C = _(null), A = [
|
|
20
21
|
{ value: "left", label: "left" },
|
|
21
22
|
{ value: "center", label: "center" },
|
|
22
23
|
{ value: "right", label: "right" }
|
|
23
|
-
],
|
|
24
|
+
], E = [
|
|
24
25
|
{
|
|
25
26
|
title: "序号",
|
|
26
27
|
dataIndex: "index",
|
|
@@ -98,7 +99,7 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
98
99
|
width: 80,
|
|
99
100
|
fixed: "right"
|
|
100
101
|
}
|
|
101
|
-
],
|
|
102
|
+
], M = (c, g) => {
|
|
102
103
|
var p;
|
|
103
104
|
C.value = c, (p = x.value) == null || p.open(g.customRender || "");
|
|
104
105
|
}, N = (c) => {
|
|
@@ -193,7 +194,7 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
193
194
|
pagination: !1,
|
|
194
195
|
resizable: "",
|
|
195
196
|
"row-key": (i) => i.columnId,
|
|
196
|
-
columns:
|
|
197
|
+
columns: E
|
|
197
198
|
}, {
|
|
198
199
|
bodyCell: d(({ column: i, record: y, index: H, recordIndexs: l }) => [
|
|
199
200
|
i.dataIndex === "dataIndex" ? (s(), r(w, {
|
|
@@ -266,11 +267,11 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
266
267
|
style: {},
|
|
267
268
|
value: e.value[l[0]].align,
|
|
268
269
|
"onUpdate:value": (a) => e.value[l[0]].align = a,
|
|
269
|
-
options:
|
|
270
|
+
options: A
|
|
270
271
|
}, null, 8, ["value", "onUpdate:value"])) : u("", !0),
|
|
271
272
|
i.dataIndex === "customRender" ? (s(), r(p, {
|
|
272
273
|
key: 9,
|
|
273
|
-
onClick: (a) =>
|
|
274
|
+
onClick: (a) => M(l[0], y),
|
|
274
275
|
class: G([{ "button-text-highlight": !!y.customRender }]),
|
|
275
276
|
size: "small",
|
|
276
277
|
shape: "round"
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { defineComponent as y, ref as _, resolveComponent as
|
|
1
|
+
import { defineComponent as y, ref as _, resolveComponent as d, createElementBlock as b, openBlock as S, Fragment as C, createVNode as o, unref as t, withCtx as a, createTextVNode as E, toDisplayString as v } from "vue";
|
|
2
2
|
import { TpfCodeEditor as V } from "tmgc2-share";
|
|
3
3
|
import { useI18n as g } from "../../../../../utils/i18n.js";
|
|
4
|
-
const
|
|
4
|
+
const h = /* @__PURE__ */ y({
|
|
5
|
+
inheritAttrs: !1,
|
|
5
6
|
name: "bodyStyle-editor",
|
|
6
7
|
__name: "bodyStyle-editor",
|
|
7
8
|
props: {
|
|
@@ -15,8 +16,8 @@ const w = /* @__PURE__ */ y({
|
|
|
15
16
|
}, p = (e) => {
|
|
16
17
|
i.optionModel.bodyStyle = e;
|
|
17
18
|
};
|
|
18
|
-
return (e,
|
|
19
|
-
const f =
|
|
19
|
+
return (e, r) => {
|
|
20
|
+
const f = d("a-button"), c = d("a-form-item");
|
|
20
21
|
return S(), b(C, null, [
|
|
21
22
|
o(c, {
|
|
22
23
|
label: t(n)("窗体样式")
|
|
@@ -36,7 +37,7 @@ const w = /* @__PURE__ */ y({
|
|
|
36
37
|
ref_key: "codeEditorRef",
|
|
37
38
|
ref: l,
|
|
38
39
|
modelValue: e.optionModel.bodyStyle,
|
|
39
|
-
"onUpdate:modelValue":
|
|
40
|
+
"onUpdate:modelValue": r[0] || (r[0] = (u) => e.optionModel.bodyStyle = u),
|
|
40
41
|
mode: "css",
|
|
41
42
|
readonly: !1,
|
|
42
43
|
title: "编写style",
|
|
@@ -47,5 +48,5 @@ const w = /* @__PURE__ */ y({
|
|
|
47
48
|
}
|
|
48
49
|
});
|
|
49
50
|
export {
|
|
50
|
-
|
|
51
|
+
h as default
|
|
51
52
|
};
|
package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue.js
CHANGED
|
@@ -1,42 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import m from "./event-handler/eventMixin.js";
|
|
3
|
-
import { resolveComponent as o, createBlock as c, openBlock as l, withCtx as n, createVNode as p, normalizeClass as u, createTextVNode as f, toDisplayString as _ } from "vue";
|
|
4
|
-
import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const b = {
|
|
6
|
-
name: "customRender-editor",
|
|
7
|
-
mixins: [d, m],
|
|
8
|
-
props: {
|
|
9
|
-
designer: Object,
|
|
10
|
-
selectedWidget: Object,
|
|
11
|
-
optionModel: Object
|
|
12
|
-
},
|
|
13
|
-
data() {
|
|
14
|
-
return {
|
|
15
|
-
eventParams: ["data"]
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
function v(e, t, r, x, i, R) {
|
|
20
|
-
const s = o("a-button"), a = o("a-form-item");
|
|
21
|
-
return l(), c(a, {
|
|
22
|
-
label: e.i18nt("designer.setting.customRender")
|
|
23
|
-
}, {
|
|
24
|
-
default: n(() => [
|
|
25
|
-
p(s, {
|
|
26
|
-
shape: "round",
|
|
27
|
-
class: u([r.optionModel.customRender ? "button-text-highlight" : ""]),
|
|
28
|
-
onClick: t[0] || (t[0] = (h) => e.editEventHandler("customRender", i.eventParams))
|
|
29
|
-
}, {
|
|
30
|
-
default: n(() => [
|
|
31
|
-
f(_(e.i18nt("designer.setting.editFunction")), 1)
|
|
32
|
-
]),
|
|
33
|
-
_: 1
|
|
34
|
-
}, 8, ["class"])
|
|
35
|
-
]),
|
|
36
|
-
_: 1
|
|
37
|
-
}, 8, ["label"]);
|
|
38
|
-
}
|
|
39
|
-
const O = /* @__PURE__ */ g(b, [["render", v]]);
|
|
1
|
+
import f from "./customRender-editor.vue2.js";
|
|
40
2
|
export {
|
|
41
|
-
|
|
3
|
+
f as default
|
|
42
4
|
};
|
package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue2.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { defineComponent as d, resolveComponent as n, createBlock as c, openBlock as l, unref as e, withCtx as r, createVNode as u, normalizeClass as p, createTextVNode as _, toDisplayString as f } from "vue";
|
|
2
|
+
import { useI18n as g } from "../../../../utils/i18n.js";
|
|
3
|
+
import { useEmitter as C } from "../../../../utils/useEmitter.js";
|
|
4
|
+
const k = /* @__PURE__ */ d({
|
|
5
|
+
name: "customRender-editor",
|
|
6
|
+
__name: "customRender-editor",
|
|
7
|
+
props: {
|
|
8
|
+
optionModel: { default: {
|
|
9
|
+
customRender: ""
|
|
10
|
+
} }
|
|
11
|
+
},
|
|
12
|
+
setup(R) {
|
|
13
|
+
const { i18nt: t } = g(), { onChangeEditEventHandler: s } = C();
|
|
14
|
+
return (a, o) => {
|
|
15
|
+
const i = n("a-button"), m = n("a-form-item");
|
|
16
|
+
return l(), c(m, {
|
|
17
|
+
label: e(t)("designer.setting.customRender")
|
|
18
|
+
}, {
|
|
19
|
+
default: r(() => [
|
|
20
|
+
u(i, {
|
|
21
|
+
shape: "round",
|
|
22
|
+
class: p([a.optionModel.customRender ? "button-text-highlight" : ""]),
|
|
23
|
+
onClick: o[0] || (o[0] = (b) => e(s)({
|
|
24
|
+
attr: "customRender",
|
|
25
|
+
eventParams: ["data"]
|
|
26
|
+
}))
|
|
27
|
+
}, {
|
|
28
|
+
default: r(() => [
|
|
29
|
+
_(f(e(t)("designer.setting.editFunction")), 1)
|
|
30
|
+
]),
|
|
31
|
+
_: 1
|
|
32
|
+
}, 8, ["class"])
|
|
33
|
+
]),
|
|
34
|
+
_: 1
|
|
35
|
+
}, 8, ["label"]);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
export {
|
|
40
|
+
k as default
|
|
41
|
+
};
|
|
@@ -1,49 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import s from "./eventMixin.js";
|
|
3
|
-
import { resolveComponent as n, createBlock as d, openBlock as m, withCtx as o, createVNode as p, normalizeClass as f, createTextVNode as _, toDisplayString as u } from "vue";
|
|
4
|
-
import b from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const C = {
|
|
6
|
-
name: "onClickIcon-editor",
|
|
7
|
-
mixins: [c, s],
|
|
8
|
-
props: {
|
|
9
|
-
designer: Object,
|
|
10
|
-
selectedWidget: Object,
|
|
11
|
-
optionModel: Object,
|
|
12
|
-
eventHandled: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
default: !1
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
data() {
|
|
18
|
-
return {
|
|
19
|
-
eventParams: []
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
function g(e, t, i, k, l, v) {
|
|
24
|
-
const r = n("a-button"), a = n("a-form-item");
|
|
25
|
-
return m(), d(a, {
|
|
26
|
-
label: "onClickIcon",
|
|
27
|
-
labelAlign: "left",
|
|
28
|
-
"label-width": "150px"
|
|
29
|
-
}, {
|
|
30
|
-
default: o(() => [
|
|
31
|
-
p(r, {
|
|
32
|
-
plain: "",
|
|
33
|
-
shape: "round",
|
|
34
|
-
class: f([i.optionModel.onClickIcon ? "button-text-highlight" : ""]),
|
|
35
|
-
onClick: t[0] || (t[0] = (x) => e.editEventHandler("onClickIcon", l.eventParams))
|
|
36
|
-
}, {
|
|
37
|
-
default: o(() => [
|
|
38
|
-
_(u(e.i18nt("designer.setting.addEventHandler")), 1)
|
|
39
|
-
]),
|
|
40
|
-
_: 1
|
|
41
|
-
}, 8, ["class"])
|
|
42
|
-
]),
|
|
43
|
-
_: 1
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
const E = /* @__PURE__ */ b(C, [["render", g]]);
|
|
1
|
+
import f from "./onClickIcon-editor.vue2.js";
|
|
47
2
|
export {
|
|
48
|
-
|
|
3
|
+
f as default
|
|
49
4
|
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent as s, resolveComponent as t, createBlock as m, openBlock as p, withCtx as e, createVNode as d, unref as n, normalizeClass as u, createTextVNode as _, toDisplayString as f } from "vue";
|
|
2
|
+
import { useI18n as C } from "../../../../../utils/i18n.js";
|
|
3
|
+
import { useEmitter as k } from "../../../../../utils/useEmitter.js";
|
|
4
|
+
const x = /* @__PURE__ */ s({
|
|
5
|
+
name: "onClickIcon-editor",
|
|
6
|
+
__name: "onClickIcon-editor",
|
|
7
|
+
props: {
|
|
8
|
+
optionModel: { default: {
|
|
9
|
+
onClickIcon: ""
|
|
10
|
+
} }
|
|
11
|
+
},
|
|
12
|
+
setup(g) {
|
|
13
|
+
const { i18nt: l } = C(), { onChangeEditEventHandler: i } = k();
|
|
14
|
+
return (a, o) => {
|
|
15
|
+
const r = t("a-button"), c = t("a-form-item");
|
|
16
|
+
return p(), m(c, {
|
|
17
|
+
label: "onClickIcon",
|
|
18
|
+
labelAlign: "left",
|
|
19
|
+
"label-width": "150px"
|
|
20
|
+
}, {
|
|
21
|
+
default: e(() => [
|
|
22
|
+
d(r, {
|
|
23
|
+
plain: "",
|
|
24
|
+
shape: "round",
|
|
25
|
+
class: u([a.optionModel.onClickIcon ? "button-text-highlight" : ""]),
|
|
26
|
+
onClick: o[0] || (o[0] = (I) => n(i)({
|
|
27
|
+
attr: "onClickIcon",
|
|
28
|
+
eventParams: []
|
|
29
|
+
}))
|
|
30
|
+
}, {
|
|
31
|
+
default: e(() => [
|
|
32
|
+
_(f(n(l)("designer.setting.addEventHandler")), 1)
|
|
33
|
+
]),
|
|
34
|
+
_: 1
|
|
35
|
+
}, 8, ["class"])
|
|
36
|
+
]),
|
|
37
|
+
_: 1
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
export {
|
|
43
|
+
x as default
|
|
44
|
+
};
|
|
@@ -1,49 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import s from "./eventMixin.js";
|
|
3
|
-
import { resolveComponent as n, createBlock as m, openBlock as p, withCtx as o, createVNode as c, normalizeClass as f, createTextVNode as _, toDisplayString as u } from "vue";
|
|
4
|
-
import b from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const C = {
|
|
6
|
-
name: "onCreated-editor",
|
|
7
|
-
mixins: [l, s],
|
|
8
|
-
props: {
|
|
9
|
-
designer: Object,
|
|
10
|
-
selectedWidget: Object,
|
|
11
|
-
optionModel: Object,
|
|
12
|
-
eventHandled: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
default: !1
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
data() {
|
|
18
|
-
return {
|
|
19
|
-
eventParams: []
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
function g(e, t, r, v, a, x) {
|
|
24
|
-
const i = n("a-button"), d = n("a-form-item");
|
|
25
|
-
return p(), m(d, {
|
|
26
|
-
label: "onCreated",
|
|
27
|
-
labelAlign: "left",
|
|
28
|
-
"label-width": "150px"
|
|
29
|
-
}, {
|
|
30
|
-
default: o(() => [
|
|
31
|
-
c(i, {
|
|
32
|
-
plain: "",
|
|
33
|
-
shape: "round",
|
|
34
|
-
class: f([r.optionModel.onCreated ? "button-text-highlight" : ""]),
|
|
35
|
-
onClick: t[0] || (t[0] = (h) => e.editEventHandler("onCreated", a.eventParams))
|
|
36
|
-
}, {
|
|
37
|
-
default: o(() => [
|
|
38
|
-
_(u(e.i18nt("designer.setting.addEventHandler")), 1)
|
|
39
|
-
]),
|
|
40
|
-
_: 1
|
|
41
|
-
}, 8, ["class"])
|
|
42
|
-
]),
|
|
43
|
-
_: 1
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
const H = /* @__PURE__ */ b(C, [["render", g]]);
|
|
1
|
+
import f from "./onCreated-editor.vue2.js";
|
|
47
2
|
export {
|
|
48
|
-
|
|
3
|
+
f as default
|
|
49
4
|
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { defineComponent as s, resolveComponent as t, createBlock as p, openBlock as m, withCtx as o, createVNode as c, unref as n, normalizeClass as u, createTextVNode as _, toDisplayString as f } from "vue";
|
|
2
|
+
import { useI18n as C } from "../../../../../utils/i18n.js";
|
|
3
|
+
import { useEmitter as g } from "../../../../../utils/useEmitter.js";
|
|
4
|
+
const k = /* @__PURE__ */ s({
|
|
5
|
+
name: "onCreated-editor",
|
|
6
|
+
__name: "onCreated-editor",
|
|
7
|
+
props: {
|
|
8
|
+
optionModel: { default: {
|
|
9
|
+
onCreated: ""
|
|
10
|
+
} }
|
|
11
|
+
},
|
|
12
|
+
setup(b) {
|
|
13
|
+
const { i18nt: r } = C(), { onChangeEditEventHandler: a } = g();
|
|
14
|
+
return (l, e) => {
|
|
15
|
+
const i = t("a-button"), d = t("a-form-item");
|
|
16
|
+
return m(), p(d, {
|
|
17
|
+
label: "onCreated",
|
|
18
|
+
labelAlign: "left",
|
|
19
|
+
"label-width": "150px"
|
|
20
|
+
}, {
|
|
21
|
+
default: o(() => [
|
|
22
|
+
c(i, {
|
|
23
|
+
plain: "",
|
|
24
|
+
shape: "round",
|
|
25
|
+
class: u([l.optionModel.onCreated ? "button-text-highlight" : ""]),
|
|
26
|
+
onClick: e[0] || (e[0] = (h) => n(a)({
|
|
27
|
+
attr: "onCreated"
|
|
28
|
+
}))
|
|
29
|
+
}, {
|
|
30
|
+
default: o(() => [
|
|
31
|
+
_(f(n(r)("designer.setting.addEventHandler")), 1)
|
|
32
|
+
]),
|
|
33
|
+
_: 1
|
|
34
|
+
}, 8, ["class"])
|
|
35
|
+
]),
|
|
36
|
+
_: 1
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
export {
|
|
42
|
+
k as default
|
|
43
|
+
};
|