@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.10
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/FormRender/useFormRender.js +18 -0
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js +18 -18
- package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js +18 -20
- package/src/components/form-designer/form-widget/container-widget/index.js +6 -6
- package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js +9 -9
- package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js +20 -19
- package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js +32 -39
- package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js +24 -31
- package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js +26 -33
- 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/fieldMixin.js +4 -1
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +84 -152
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js +31 -38
- package/src/components/form-designer/form-widget/field-widget/number-widget.vue.js +23 -30
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js +56 -63
- package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js +1 -1
- package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js +23 -32
- package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js +26 -33
- 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/form-setting.vue.js +2 -2
- package/src/components/form-designer/setting-panel/form-setting.vue2.js +81 -94
- 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-colorRow-editor.vue2.js +8 -7
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js +26 -24
- 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 +3 -3
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +13 -12
- 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/container-vf-dialog/line-height-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 -153
- 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 +3 -18
- package/src/components/form-designer/widget-panel/advanced/cascader.js +0 -1
- package/src/components/form-designer/widget-panel/advanced/data-table.js +1 -1
- package/src/components/form-designer/widget-panel/advanced/file-upload.js +0 -1
- package/src/components/form-designer/widget-panel/advanced/rich-editor.js +4 -5
- package/src/components/form-designer/widget-panel/advanced/tree-select.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/checkbox.js +2 -3
- package/src/components/form-designer/widget-panel/basicFields/color.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/date.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/dateRange.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/input.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/number.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/radio.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/rate.js +5 -6
- package/src/components/form-designer/widget-panel/basicFields/select.js +2 -3
- package/src/components/form-designer/widget-panel/basicFields/slider.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/switch.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/textarea.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/time.js +0 -1
- package/src/components/form-designer/widget-panel/basicFields/timeRange.js +0 -1
- package/src/components/form-designer/widget-panel/business/department-select.js +0 -1
- package/src/components/form-designer/widget-panel/business/material-select.js +0 -1
- package/src/components/form-designer/widget-panel/business/operation-select.js +2 -3
- package/src/components/form-designer/widget-panel/business/post-select.js +0 -1
- package/src/components/form-designer/widget-panel/business/project-group-select.js +2 -3
- package/src/components/form-designer/widget-panel/business/project-select.js +2 -3
- package/src/components/form-designer/widget-panel/business/user-select.js +0 -1
- package/src/components/form-render/RenderWigetList.vue.js +61 -0
- package/src/components/form-render/RenderWigetList.vue2.js +4 -0
- package/src/components/form-render/SubmitButtonRender.vue.js +33 -29
- package/src/components/form-render/container-item/container-item-wrapper.vue.js +2 -23
- package/src/components/form-render/container-item/container-item-wrapper.vue2.js +20 -0
- package/src/components/form-render/container-item/data-table-item.vue.js +135 -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 +398 -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/dynamic-dialog.vue.js +66 -81
- package/src/components/form-render/index.vue.js +96 -114
- package/src/components/http-editor/index.vue.js +10 -10
- package/src/components/public/ActionButtonListRender.vue.js +19 -24
- package/src/hooks/useLowcode.js +40 -39
- package/src/lang/en-US.js +4 -4
- package/src/lang/zh-CN.js +3 -4
- package/src/mixins/useDataTableMixin.js +18 -23
- 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/labelTooltip-editor.vue.js +0 -31
- 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,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useI18n as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as a, mergeModels as i, useModel as s, resolveComponent as t, createBlock as p, openBlock as m, unref as u, withCtx as f, createVNode as _ } from "vue";
|
|
2
|
+
import { useI18n as w } from "../../../../../utils/i18n.js";
|
|
3
|
+
const g = /* @__PURE__ */ a({
|
|
4
|
+
name: "data-table-colorRow-editor",
|
|
4
5
|
__name: "data-table-colorRow-editor",
|
|
5
|
-
props: /* @__PURE__ */
|
|
6
|
+
props: /* @__PURE__ */ i({
|
|
6
7
|
designer: Object,
|
|
7
8
|
selectedWidget: Object,
|
|
8
9
|
optionModel: Object
|
|
@@ -17,8 +18,8 @@ const h = /* @__PURE__ */ i({
|
|
|
17
18
|
}),
|
|
18
19
|
emits: ["update:optionModel"],
|
|
19
20
|
setup(n) {
|
|
20
|
-
const { i18nt: l } =
|
|
21
|
-
return (
|
|
21
|
+
const { i18nt: l } = w(), e = s(n, "optionModel");
|
|
22
|
+
return (M, o) => {
|
|
22
23
|
const c = t("a-switch"), d = t("a-form-item");
|
|
23
24
|
return m(), p(d, {
|
|
24
25
|
label: u(l)("designer.setting.selectRow")
|
|
@@ -35,5 +36,5 @@ const h = /* @__PURE__ */ i({
|
|
|
35
36
|
}
|
|
36
37
|
});
|
|
37
38
|
export {
|
|
38
|
-
|
|
39
|
+
g as default
|
|
39
40
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { resolveComponent as o, createElementBlock as
|
|
1
|
+
import E from "../../../../../utils/i18n.js";
|
|
2
|
+
import _ from "../../../../http-editor/index.vue.js";
|
|
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 C, toDisplayString as k } 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
|
-
mixins: [
|
|
9
|
-
|
|
8
|
+
mixins: [E],
|
|
9
|
+
inheritAttrs: !1,
|
|
10
|
+
components: { HttpEditor: _, CodeModalEditor: h },
|
|
10
11
|
props: {
|
|
11
12
|
designer: Object,
|
|
12
13
|
selectedWidget: Object,
|
|
@@ -18,9 +19,9 @@ const O = {
|
|
|
18
19
|
};
|
|
19
20
|
},
|
|
20
21
|
methods: {
|
|
21
|
-
handleUpdate(
|
|
22
|
+
handleUpdate(e) {
|
|
22
23
|
try {
|
|
23
|
-
this.optionModel.dataSource = JSON.parse(
|
|
24
|
+
this.optionModel.dataSource = JSON.parse(e);
|
|
24
25
|
} catch (n) {
|
|
25
26
|
this.$message.error(
|
|
26
27
|
this.i18nt("designer.hint.invalidOptionsData") + n.message
|
|
@@ -32,23 +33,23 @@ const O = {
|
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
};
|
|
35
|
-
function y(
|
|
36
|
+
function y(e, n, t, 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
|
-
label:
|
|
40
|
+
label: e.i18nt("designer.setting.dsEnabled")
|
|
40
41
|
}, {
|
|
41
42
|
default: i(() => [
|
|
42
43
|
d(m, {
|
|
43
|
-
checked:
|
|
44
|
-
"onUpdate:checked": n[0] || (n[0] = (
|
|
44
|
+
checked: t.optionModel.dsEnabled,
|
|
45
|
+
"onUpdate:checked": n[0] || (n[0] = (g) => t.optionModel.dsEnabled = g)
|
|
45
46
|
}, null, 8, ["checked"])
|
|
46
47
|
]),
|
|
47
48
|
_: 1
|
|
48
49
|
}, 8, ["label"]),
|
|
49
|
-
|
|
50
|
+
t.optionModel.dsEnabled ? c("", !0) : (a(), r(s, {
|
|
50
51
|
key: 0,
|
|
51
|
-
label:
|
|
52
|
+
label: e.i18nt("designer.setting.tableDataEdit")
|
|
52
53
|
}, {
|
|
53
54
|
default: i(() => [
|
|
54
55
|
d(p, {
|
|
@@ -57,7 +58,7 @@ function y(t, n, e, S, w, l) {
|
|
|
57
58
|
onClick: l.openTableDataEdit
|
|
58
59
|
}, {
|
|
59
60
|
default: i(() => [
|
|
60
|
-
k(
|
|
61
|
+
C(k(e.i18nt("designer.setting.editAction")), 1)
|
|
61
62
|
]),
|
|
62
63
|
_: 1
|
|
63
64
|
}, 8, ["onClick"])
|
|
@@ -69,18 +70,19 @@ function y(t, n, e, S, w, l) {
|
|
|
69
70
|
mode: "json",
|
|
70
71
|
readonly: !1,
|
|
71
72
|
isShowEventHeader: !1,
|
|
72
|
-
title:
|
|
73
|
+
title: e.i18nt("designer.setting.tableDataEdit"),
|
|
73
74
|
onSave: l.handleUpdate
|
|
74
75
|
}, null, 8, ["title", "onSave"]),
|
|
75
|
-
|
|
76
|
+
t.optionModel.dsEnabled ? (a(), r(f, {
|
|
76
77
|
key: 1,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
label: e.i18nt("designer.setting.editAPIConfig"),
|
|
79
|
+
designer: t.designer,
|
|
80
|
+
"selected-widget": t.selectedWidget,
|
|
81
|
+
optionModel: t.optionModel
|
|
82
|
+
}, null, 8, ["label", "designer", "selected-widget", "optionModel"])) : c("", !0)
|
|
81
83
|
], 64);
|
|
82
84
|
}
|
|
83
|
-
const
|
|
85
|
+
const A = /* @__PURE__ */ D(O, [["render", y]]);
|
|
84
86
|
export {
|
|
85
|
-
|
|
87
|
+
A as default
|
|
86
88
|
};
|
|
@@ -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
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b0d9c3ea"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as j, ref as
|
|
1
|
+
import { defineComponent as j, ref as k, 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";
|
|
@@ -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(),
|
|
20
|
+
const { i18nt: t } = J(), _ = S, x = k(null), f = k(!1), e = k([]), C = k(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) => {
|
|
@@ -118,15 +119,15 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
118
119
|
resizable: !0,
|
|
119
120
|
showSorterTooltip: !1
|
|
120
121
|
};
|
|
121
|
-
e.value.push(c),
|
|
122
|
+
e.value.push(c), _.designer.emitHistoryChange();
|
|
122
123
|
}, $ = (c) => {
|
|
123
124
|
if (e.value.length === 1)
|
|
124
125
|
return Q.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
|
|
125
126
|
e.value.splice(c, 1);
|
|
126
127
|
}, B = () => {
|
|
127
|
-
|
|
128
|
+
_.optionModel.tableColumns = D(e.value), f.value = !1;
|
|
128
129
|
}, z = () => {
|
|
129
|
-
f.value = !0, e.value = D(
|
|
130
|
+
f.value = !0, e.value = D(_.optionModel.tableColumns);
|
|
130
131
|
};
|
|
131
132
|
return W({
|
|
132
133
|
openSetting: z
|
|
@@ -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, {
|
|
@@ -208,10 +209,10 @@ const X = { class: "table-wrap" }, Y = {
|
|
|
208
209
|
}, null, 8, ["value", "onUpdate:value"])) : u("", !0),
|
|
209
210
|
i.dataIndex === "width" ? (s(), I("div", Y, [
|
|
210
211
|
o(b, {
|
|
211
|
-
"checked-children": "
|
|
212
|
+
"checked-children": n(t)("designer.setting.autoWidth"),
|
|
212
213
|
checked: e.value[l[0]].isAutoWidth,
|
|
213
214
|
"onUpdate:checked": (a) => e.value[l[0]].isAutoWidth = a
|
|
214
|
-
}, null, 8, ["checked", "onUpdate:checked"]),
|
|
215
|
+
}, null, 8, ["checked-children", "checked", "onUpdate:checked"]),
|
|
215
216
|
y.isAutoWidth ? u("", !0) : (s(), r(w, {
|
|
216
217
|
key: 0,
|
|
217
218
|
value: e.value[l[0]].width,
|
|
@@ -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
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as p, useModel as u, resolveComponent as o, createBlock as m, openBlock as d, unref as s, withCtx as _, createVNode as c } from "vue";
|
|
2
2
|
import { useI18n as f } from "../../../../../utils/i18n.js";
|
|
3
|
-
const v = /* @__PURE__ */
|
|
3
|
+
const v = /* @__PURE__ */ p({
|
|
4
|
+
name: "line-height-editor",
|
|
4
5
|
__name: "line-height-editor",
|
|
5
6
|
props: {
|
|
6
7
|
optionModel: {
|
|
@@ -12,17 +13,17 @@ const v = /* @__PURE__ */ u({
|
|
|
12
13
|
},
|
|
13
14
|
emits: ["update:optionModel"],
|
|
14
15
|
setup(n) {
|
|
15
|
-
const { i18nt: i } = f(), e =
|
|
16
|
+
const { i18nt: i } = f(), e = u(n, "optionModel");
|
|
16
17
|
return (g, t) => {
|
|
17
|
-
const l = o("a-input-number"),
|
|
18
|
-
return d(), m(
|
|
18
|
+
const l = o("a-input-number"), r = o("a-form-item");
|
|
19
|
+
return d(), m(r, {
|
|
19
20
|
label: s(i)("designer.setting.lineHeight")
|
|
20
21
|
}, {
|
|
21
22
|
default: _(() => [
|
|
22
23
|
c(l, {
|
|
23
24
|
type: "text",
|
|
24
25
|
value: e.value.lineHeight,
|
|
25
|
-
"onUpdate:value": t[0] || (t[0] = (
|
|
26
|
+
"onUpdate:value": t[0] || (t[0] = (a) => e.value.lineHeight = a)
|
|
26
27
|
}, null, 8, ["value"])
|
|
27
28
|
]),
|
|
28
29
|
_: 1
|
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
|
+
};
|