@kp-ui/lowcode 2.16.0-alpha.3 → 2.16.0-alpha.8
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 +20 -18
- package/install.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FormRender/index.vue.js +1 -1
- package/src/components/FormRender/index.vue2.js +30 -27
- package/src/components/FormRender/index.vue2.js.map +1 -1
- package/src/components/FormRender/useFormContext.js +29 -30
- package/src/components/FormRender/useFormContext.js.map +1 -1
- package/src/components/form-designer/form-widget/container-widget/useTableWidget.js +54 -53
- package/src/components/form-designer/form-widget/container-widget/useTableWidget.js.map +1 -1
- package/src/components/form-render/container-items/data-table-widget.vue.js +3 -3
- package/src/components/form-render/container-items/data-table-widget.vue2.js +7 -5
- package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
- package/src/components/form-render/dynamic-dialog.vue.js +7 -7
- package/src/components/form-render/dynamic-dialog.vue.js.map +1 -1
- package/src/components/public/ActionButtonListDialog.vue.js +2 -2
- package/src/components/public/ActionButtonListDialog.vue2.js +2 -2
- package/src/components/public/ActionButtonListDialog.vue2.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue.js +12 -12
- package/src/components/public/ActionButtonListRender.vue.js.map +1 -1
- package/src/components/public/ActionButtonListRender.vue2.js +29 -29
- package/src/components/public/ActionButtonListRender.vue2.js.map +1 -1
- package/src/components/public/ConfigView/CustomPageRender.vue.js +58 -0
- package/src/components/public/ConfigView/CustomPageRender.vue.js.map +1 -0
- package/src/components/public/ConfigView/CustomPageRender.vue2.js +5 -0
- package/src/components/public/ConfigView/CustomPageRender.vue2.js.map +1 -0
- package/src/hooks/useDataHttp.js +8 -7
- package/src/hooks/useDataHttp.js.map +1 -1
- package/stats.html +1 -1
- package/styles/style.css +1 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as t, createElementBlock as
|
|
1
|
+
import c from "./ActionButtonListRender.vue2.js";
|
|
2
|
+
import { resolveComponent as t, createElementBlock as s, openBlock as n, normalizeStyle as p, normalizeClass as u, createBlock as a, Teleport as b, createVNode as g, withCtx as l, Fragment as f, renderList as _, createCommentVNode as y, createTextVNode as k, toDisplayString as C } from "vue";
|
|
3
3
|
/* empty css */
|
|
4
|
-
import
|
|
4
|
+
import m from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
function h(o, v, z, B, S, $) {
|
|
6
|
-
const r = t("SvgIcon"),
|
|
7
|
-
return n(),
|
|
6
|
+
const r = t("SvgIcon"), d = t("a-button"), i = t("a-space");
|
|
7
|
+
return n(), s("div", {
|
|
8
8
|
ref: "fieldEditor",
|
|
9
9
|
class: u(["button-list-container", ...o.customClass]),
|
|
10
10
|
style: p(o.containerStyle)
|
|
11
11
|
}, [
|
|
12
|
-
(n(),
|
|
12
|
+
(n(), a(b, {
|
|
13
13
|
disabled: o.isDisabled,
|
|
14
14
|
to: o.getContainer
|
|
15
15
|
}, [
|
|
16
|
-
|
|
16
|
+
g(i, { size: 8 }, {
|
|
17
17
|
default: l(() => [
|
|
18
|
-
(n(!0),
|
|
18
|
+
(n(!0), s(f, null, _(o.visibleButtons, (e) => (n(), a(d, {
|
|
19
19
|
key: e.key,
|
|
20
20
|
type: e.type,
|
|
21
21
|
size: e.size,
|
|
@@ -23,16 +23,16 @@ function h(o, v, z, B, S, $) {
|
|
|
23
23
|
ghost: !!e.ghost,
|
|
24
24
|
class: "tpf-button",
|
|
25
25
|
loading: e.loading,
|
|
26
|
-
disabled: o.handleDisabled(e) || o.disabled,
|
|
26
|
+
disabled: o.handleDisabled(e) || o.disabled || !!e.disabled,
|
|
27
27
|
onClick: (D) => o.handleClick(e)
|
|
28
28
|
}, {
|
|
29
29
|
default: l(() => [
|
|
30
|
-
e.icon ? (n(),
|
|
30
|
+
e.icon ? (n(), a(r, {
|
|
31
31
|
key: 0,
|
|
32
32
|
"icon-class": e.icon,
|
|
33
33
|
class: "button-icon"
|
|
34
34
|
}, null, 8, ["icon-class"])) : y("", !0),
|
|
35
|
-
k(" " +
|
|
35
|
+
k(" " + C(e.label), 1)
|
|
36
36
|
]),
|
|
37
37
|
_: 2
|
|
38
38
|
}, 1032, ["type", "size", "danger", "ghost", "loading", "disabled", "onClick"]))), 128))
|
|
@@ -42,7 +42,7 @@ function h(o, v, z, B, S, $) {
|
|
|
42
42
|
], 8, ["disabled", "to"]))
|
|
43
43
|
], 6);
|
|
44
44
|
}
|
|
45
|
-
const L = /* @__PURE__ */
|
|
45
|
+
const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-4a5589b9"]]);
|
|
46
46
|
export {
|
|
47
47
|
L as default
|
|
48
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList.filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) return;\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAoBWC,GAAA;AAAA,MApBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAkBUC,GAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAgBWU,GAAA,MAAAC,EAfQT,EAAA,gBAAc,CAAtBU,YADXR,EAgBWS,GAAA;AAAA,YAdN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,OAAM;AAAA,YACL,SAASA,EAAK;AAAA,YACd,UAAUV,EAAA,eAAeU,CAAI,KAAKV,EAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList\n .filter(item => item.hidden !== 1)\n .filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) return;\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n console.log({ result });\n\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAoBWC,GAAA;AAAA,MApBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAkBUC,GAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAgBWU,GAAA,MAAAC,EAfQT,EAAA,gBAAc,CAAtBU,YADXR,EAgBWS,GAAA;AAAA,YAdN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,MAAMA,EAAK;AAAA,YACX,QAAM,EAAIA,EAAK;AAAA,YACf,OAAK,EAAIA,EAAK;AAAA,YACf,OAAM;AAAA,YACL,SAASA,EAAK;AAAA,YACd,UAAUV,EAAA,eAAeU,CAAI,KAAKV,EAAA,YAAQ,EAAMU,EAAK;AAAA,YACrD,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as b, computed as o } from "vue";
|
|
2
|
-
import { SvgIcon as x, useExecFunction as
|
|
3
|
-
import { ButtonPositionEnum as
|
|
2
|
+
import { SvgIcon as x, useExecFunction as g } from "tmgc2-share";
|
|
3
|
+
import { ButtonPositionEnum as h } from "../../constants/index.js";
|
|
4
4
|
const C = b({
|
|
5
5
|
name: "ActionButtonListRender",
|
|
6
6
|
components: { SvgIcon: x },
|
|
@@ -42,56 +42,56 @@ const C = b({
|
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
emits: ["on-click"],
|
|
45
|
-
setup(
|
|
45
|
+
setup(t, { emit: a }) {
|
|
46
46
|
const l = o(() => ({
|
|
47
|
-
"--flex":
|
|
48
|
-
})), { executeFunction: r, asyncExecuteFunction: i } =
|
|
47
|
+
"--flex": t.flex
|
|
48
|
+
})), { executeFunction: r, asyncExecuteFunction: i } = g(), c = o(
|
|
49
49
|
() => {
|
|
50
|
-
var
|
|
51
|
-
return ((
|
|
50
|
+
var e;
|
|
51
|
+
return ((e = t.options) == null ? void 0 : e.buttonPosition) !== h.DIY || t.designState;
|
|
52
52
|
}
|
|
53
53
|
), s = o(
|
|
54
54
|
() => {
|
|
55
|
-
var
|
|
56
|
-
return
|
|
55
|
+
var e;
|
|
56
|
+
return c.value ? null : (e = t.options) == null ? void 0 : e.getContainer;
|
|
57
57
|
}
|
|
58
58
|
), u = o(
|
|
59
|
-
() =>
|
|
60
|
-
), d = async (
|
|
61
|
-
if (!
|
|
62
|
-
|
|
59
|
+
() => t.buttonList.filter((e) => e.hidden !== 1).filter((e) => !y(e))
|
|
60
|
+
), d = async (e) => {
|
|
61
|
+
if (!t.designState && e.onClick && !e.loading) {
|
|
62
|
+
e.loading = !0;
|
|
63
63
|
try {
|
|
64
64
|
const n = await i({
|
|
65
|
-
functionBody:
|
|
66
|
-
context:
|
|
67
|
-
params:
|
|
65
|
+
functionBody: e.onClick,
|
|
66
|
+
context: t.ctx,
|
|
67
|
+
params: t.scope
|
|
68
68
|
});
|
|
69
|
-
|
|
69
|
+
console.log({ result: n }), a("on-click", { item: e, result: n });
|
|
70
70
|
} catch (n) {
|
|
71
71
|
console.error("Button click handler error:", n);
|
|
72
72
|
} finally {
|
|
73
|
-
|
|
73
|
+
e.loading = !1;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
}, f = (
|
|
77
|
-
if (!
|
|
76
|
+
}, f = (e) => {
|
|
77
|
+
if (!e.onDisabled) return !1;
|
|
78
78
|
try {
|
|
79
79
|
const n = r({
|
|
80
|
-
functionBody:
|
|
81
|
-
context:
|
|
82
|
-
params:
|
|
80
|
+
functionBody: e.onDisabled,
|
|
81
|
+
context: t.ctx,
|
|
82
|
+
params: t.scope
|
|
83
83
|
});
|
|
84
84
|
return typeof n == "boolean" ? n : !1;
|
|
85
85
|
} catch (n) {
|
|
86
86
|
return console.error("Button disabled handler error:", n), !1;
|
|
87
87
|
}
|
|
88
|
-
}, y = (
|
|
89
|
-
if (!
|
|
88
|
+
}, y = (e) => {
|
|
89
|
+
if (!e.onHidden) return !1;
|
|
90
90
|
try {
|
|
91
91
|
return r({
|
|
92
|
-
functionBody:
|
|
93
|
-
context:
|
|
94
|
-
params:
|
|
92
|
+
functionBody: e.onHidden,
|
|
93
|
+
context: t.ctx,
|
|
94
|
+
params: t.scope
|
|
95
95
|
});
|
|
96
96
|
} catch (n) {
|
|
97
97
|
return console.error("Button hidden handler error:", n), !1;
|
|
@@ -99,7 +99,7 @@ const C = b({
|
|
|
99
99
|
};
|
|
100
100
|
return {
|
|
101
101
|
getContainer: s,
|
|
102
|
-
isDisabled:
|
|
102
|
+
isDisabled: c,
|
|
103
103
|
containerStyle: l,
|
|
104
104
|
visibleButtons: u,
|
|
105
105
|
handleClick: d,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButtonListRender.vue2.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList.filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) return;\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_sfc_main","defineComponent","SvgIcon","props","emit","containerStyle","computed","executeFunction","asyncExecuteFunction","useExecFunction","isDisabled","_a","ButtonPositionEnum","getContainer","visibleButtons","
|
|
1
|
+
{"version":3,"file":"ActionButtonListRender.vue2.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n <div\n ref=\"fieldEditor\"\n :class=\"['button-list-container', ...customClass]\"\n :style=\"containerStyle\"\n >\n <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n <a-space :size=\"8\">\n <a-button\n v-for=\"item in visibleButtons\"\n :key=\"item.key\"\n :type=\"item.type\"\n :size=\"item.size\"\n :danger=\"!!item.danger\"\n :ghost=\"!!item.ghost\"\n class=\"tpf-button\"\n :loading=\"item.loading\"\n :disabled=\"handleDisabled(item) || disabled || !!item.disabled\"\n @click=\"handleClick(item)\"\n >\n <template v-if=\"item.icon\">\n <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n </template>\n {{ item.label }}\n </a-button>\n </a-space>\n </Teleport>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, computed, PropType } from 'vue';\n import { SvgIcon, useExecFunction } from 'tmgc2-share';\n import type { ActionButton } from '@/types/button';\n import { ButtonPositionEnum } from '@/constants';\n\n export default defineComponent({\n name: 'ActionButtonListRender',\n components: { SvgIcon },\n props: {\n options: {\n type: Object,\n default: () => {}\n },\n disabled: {\n type: Boolean,\n default: false\n },\n scope: {\n type: Object,\n default: () => {}\n },\n ctx: {\n type: Object,\n default: () => {}\n },\n buttonList: {\n type: Array as PropType<ActionButton[]>,\n default: () => []\n },\n customClass: {\n type: Array as PropType<string[]>,\n default: () => []\n },\n flex: {\n type: String,\n default: 'center'\n },\n designState: {\n type: Boolean,\n default: false\n }\n },\n emits: ['on-click'],\n setup(props, { emit }) {\n const containerStyle = computed(() => ({\n '--flex': props.flex\n }));\n\n const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n const isDisabled = computed(\n () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n );\n\n const getContainer = computed(() =>\n isDisabled.value ? null : props.options?.getContainer\n );\n\n const visibleButtons = computed(() =>\n props.buttonList\n .filter(item => item.hidden !== 1)\n .filter(item => !handleHidden(item))\n );\n\n const handleClick = async (item: ActionButton) => {\n if (props.designState) return; // 在设计状态下不处理点击事件\n if (!item.onClick) return;\n if (item.loading) return;\n item.loading = true;\n try {\n const result = await asyncExecuteFunction({\n functionBody: item.onClick,\n context: props.ctx,\n params: props.scope\n });\n console.log({ result });\n\n emit('on-click', { item, result });\n } catch (error) {\n console.error('Button click handler error:', error);\n } finally {\n item.loading = false;\n }\n };\n\n const handleDisabled = (item: ActionButton): boolean => {\n if (!item.onDisabled) return false;\n\n try {\n const result = executeFunction({\n functionBody: item.onDisabled,\n context: props.ctx,\n params: props.scope\n });\n if (typeof result === 'boolean') {\n return result;\n } else {\n return false;\n }\n } catch (error) {\n console.error('Button disabled handler error:', error);\n return false;\n }\n };\n\n const handleHidden = (item: ActionButton): boolean => {\n if (!item.onHidden) return false;\n\n try {\n return executeFunction({\n functionBody: item.onHidden,\n context: props.ctx,\n params: props.scope\n });\n } catch (error) {\n console.error('Button hidden handler error:', error);\n return false;\n }\n };\n\n return {\n getContainer,\n isDisabled,\n containerStyle,\n visibleButtons,\n handleClick,\n handleDisabled\n };\n }\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .button-list-container {\n flex: 1;\n display: flex;\n justify-content: var(--flex);\n\n .button-icon {\n margin-right: 4px;\n }\n }\n</style>\n"],"names":["_sfc_main","defineComponent","SvgIcon","props","emit","containerStyle","computed","executeFunction","asyncExecuteFunction","useExecFunction","isDisabled","_a","ButtonPositionEnum","getContainer","visibleButtons","item","handleHidden","handleClick","result","error","handleDisabled"],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { defineComponent as C, onMounted as g, createElementBlock as x, openBlock as B, createVNode as o, unref as t, withCtx as m, createElementVNode as k } from "vue";
|
|
2
|
+
import { getLocat as d } from "@kp-ui/tool";
|
|
3
|
+
import { TpfAddInfoLayout as L } from "tmgc2-share";
|
|
4
|
+
import { useLowcode as v } from "../../../hooks/useLowcode.js";
|
|
5
|
+
import R from "../ActionButtonListRender.vue.js";
|
|
6
|
+
import b from "../../FormRender/index.vue.js";
|
|
7
|
+
const h = {
|
|
8
|
+
class: "t-bg-[#fff] t-h-full"
|
|
9
|
+
}, I = /* @__PURE__ */ C({
|
|
10
|
+
__name: "CustomPageRender",
|
|
11
|
+
setup(y) {
|
|
12
|
+
const {
|
|
13
|
+
formCode: l = "",
|
|
14
|
+
id: u = "",
|
|
15
|
+
type: s = "edit"
|
|
16
|
+
} = d(), {
|
|
17
|
+
vfdRef: e,
|
|
18
|
+
formConfig: a,
|
|
19
|
+
getComponentJson: p,
|
|
20
|
+
goBack: n
|
|
21
|
+
} = v({
|
|
22
|
+
formCode: l,
|
|
23
|
+
type: s
|
|
24
|
+
}), _ = ({
|
|
25
|
+
item: r
|
|
26
|
+
}) => {
|
|
27
|
+
r.name === "cancelButton" && n();
|
|
28
|
+
};
|
|
29
|
+
return g(async () => {
|
|
30
|
+
await p([]);
|
|
31
|
+
}), (r, f) => (B(), x("div", h, [o(t(L), null, {
|
|
32
|
+
footerRight: m(() => {
|
|
33
|
+
var i, c;
|
|
34
|
+
return [f[0] || (f[0] = k("div", {
|
|
35
|
+
id: "fromBtn"
|
|
36
|
+
}, null, -1)), o(R, {
|
|
37
|
+
buttonList: ((i = t(a)) == null ? void 0 : i.buttonList) || [],
|
|
38
|
+
ctx: (c = t(e)) == null ? void 0 : c.context,
|
|
39
|
+
onOnClick: _
|
|
40
|
+
}, null, 8, ["buttonList", "ctx"])];
|
|
41
|
+
}),
|
|
42
|
+
default: m(() => [o(b, {
|
|
43
|
+
ref_key: "vfdRef",
|
|
44
|
+
ref: e,
|
|
45
|
+
vfCtx: {
|
|
46
|
+
_id: t(u),
|
|
47
|
+
...t(d)(),
|
|
48
|
+
goBack: t(n)
|
|
49
|
+
}
|
|
50
|
+
}, null, 8, ["vfCtx"])]),
|
|
51
|
+
_: 1
|
|
52
|
+
})]));
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
I as default
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=CustomPageRender.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomPageRender.vue.js","sources":["../../../../../src/components/public/ConfigView/CustomPageRender.vue"],"sourcesContent":["<template>\n <div class=\"t-bg-[#fff] t-h-full\">\n <TpfAddInfoLayout>\n <VFormRender ref=\"vfdRef\" :vfCtx=\"{ _id: id, ...getLocat(), goBack }\" />\n <template #footerRight>\n <div id=\"fromBtn\"></div>\n <ActionButtonListRender\n :buttonList=\"formConfig?.buttonList || []\"\n :ctx=\"vfdRef?.context\"\n @on-click=\"handleButtonClick\"\n />\n </template>\n </TpfAddInfoLayout>\n </div>\n</template>\n\n<script lang=\"tsx\" setup>\n import { getLocat } from '@kp-ui/tool';\n import { onMounted } from 'vue';\n import { TpfAddInfoLayout } from 'tmgc2-share';\n import { useLowcode } from '@/hooks/useLowcode';\n import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n import VFormRender from '@/components/FormRender/index.vue';\n import { ActionButton } from '@/types/button';\n\n const { formCode = '', id = '', type = 'edit' } = getLocat();\n\n const { vfdRef, formConfig, getComponentJson, goBack } = useLowcode({ formCode, type });\n\n const handleButtonClick = ({ item }: { item: ActionButton }) => {\n if (item.name === 'cancelButton') {\n goBack();\n }\n };\n\n onMounted(async () => {\n await getComponentJson([]);\n });\n</script>\n\n<style lang=\"less\"></style>\n"],"names":["formCode","id","type","getLocat","vfdRef","formConfig","getComponentJson","goBack","useLowcode","handleButtonClick","item","name","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TpfAddInfoLayout","footerRight","_createElementVNode","ActionButtonListRender","buttonList","ctx","context","onOnClick","VFormRender","ref","vfCtx","_id"],"mappings":";;;;;;;;;;;AAyBI,UAAM;AAAA,MAAEA,UAAAA,IAAW;AAAA,MAAIC,IAAAA,IAAK;AAAA,MAAIC,MAAAA,IAAO;AAAA,QAAWC,EAAQ,GAEpD;AAAA,MAAEC,QAAAA;AAAAA,MAAQC,YAAAA;AAAAA,MAAYC,kBAAAA;AAAAA,MAAkBC,QAAAA;AAAAA,QAAWC,EAAW;AAAA,MAAER,UAAAA;AAAAA,MAAUE,MAAAA;AAAAA,IAAK,CAAC,GAEhFO,IAAoBA,CAAC;AAAA,MAAEC,MAAAA;AAAAA,IAA6B,MAAM;AAC5D,MAAIA,EAAKC,SAAS,kBACdJ,EAAM;AAAA,IAEd;AAEAK,WAAAA,EAAU,YAAY;AAClB,YAAMN,EAAiB,CAAA,CAAE;AAAA,IAC7B,CAAC,cApCDO,EAAA,GAAAC,EAYM,OAZNC,GAYM,CAXFC,EAUmBC,EAAAC,CAAA,GAAA,MAAA;AAAA,MARJC,eACP,MAAA;;AAAwB,gCAAxBC,EAAwB,OAAA;AAAA,UAAnBnB,IAAG;AAAA,WAAS,MAAA,EAAA,IACjBe,EAIEK,GAAA;AAAA,UAHGC,cAAYL,IAAAA,EAAAZ,CAAA,MAAAY,gBAAAA,EAAYK,eAAU,CAAA;AAAA,UAClCC,MAAKN,IAAAA,EAAAb,CAAA,MAAAa,gBAAAA,EAAQO;AAAAA,UACbC,WAAUhB;AAAAA;;iBANnB,MAAwE,CAAxEO,EAAwEU,GAAA;AAAA,iBAAvD;AAAA,QAAJC,KAAIvB;AAAAA,QAAUwB,OAAK;AAAA,UAAAC,KAASZ,EAAAhB,CAAA;AAAA,UAAE,GAAKgB,EAAAd,CAAA,EAAQ;AAAA,kBAAIc,EAAAV,CAAA;AAAA,QAAM;AAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomPageRender.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/src/hooks/useDataHttp.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { useI18n as
|
|
3
|
-
import { useExecFunction as
|
|
1
|
+
import { ref as u } from "vue";
|
|
2
|
+
import { useI18n as s } from "../utils/i18n.js";
|
|
3
|
+
import { useExecFunction as d } from "tmgc2-share";
|
|
4
4
|
function w({ props: e }) {
|
|
5
|
-
const { http: n, dataHandlerCode: a, dataReqHandlerCode: r } = e.field.options, { i18nt: i } =
|
|
5
|
+
const { http: n, dataHandlerCode: a, dataReqHandlerCode: r } = e.field.options, { i18nt: i } = s(), { execHttpFunction: c } = d(), o = u({
|
|
6
6
|
...e.widget.options.pagination,
|
|
7
|
-
onShowSizeChange: (t,
|
|
8
|
-
e.field.options.pagination.pageSize =
|
|
7
|
+
onShowSizeChange: (t, l) => {
|
|
8
|
+
e.field.options.pagination.pageSize = l, e.field.options.pagination.current = 1, o.value.current = 1, console.log(o.value);
|
|
9
9
|
},
|
|
10
10
|
showTotal: (t) => i("designer.showTotal", { total: t })
|
|
11
11
|
});
|
|
@@ -17,7 +17,7 @@ function w({ props: e }) {
|
|
|
17
17
|
getPagination: () => o.value,
|
|
18
18
|
loadataSource: async () => {
|
|
19
19
|
try {
|
|
20
|
-
|
|
20
|
+
const t = await c(
|
|
21
21
|
{
|
|
22
22
|
http: n,
|
|
23
23
|
dataHandlerCode: a,
|
|
@@ -25,6 +25,7 @@ function w({ props: e }) {
|
|
|
25
25
|
},
|
|
26
26
|
{}
|
|
27
27
|
);
|
|
28
|
+
return console.log({ data: t }), t;
|
|
28
29
|
} catch (t) {
|
|
29
30
|
return console.error(t), {};
|
|
30
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDataHttp.js","sources":["../../../src/hooks/useDataHttp.ts"],"sourcesContent":["import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\nimport { ref } from 'vue';\nimport { PaginationProps } from 'ant-design-vue';\nimport { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\nimport { useI18n } from '@/utils/i18n';\nimport { useExecFunction } from 'tmgc2-share';\n\ntype useDataPropsType = {\n props: WidgetProps<DataTableWidget>;\n};\nexport function useDataHttp({ props }: useDataPropsType) {\n const { http, dataHandlerCode, dataReqHandlerCode } = props.field.options;\n\n const { i18nt } = useI18n();\n\n const { execHttpFunction } = useExecFunction();\n const pagintion = ref<PaginationProps>({\n ...(props.widget.options.pagination as any),\n onShowSizeChange: (current, pageSize) => {\n props.field.options.pagination.pageSize = pageSize;\n props.field.options.pagination.current = 1;\n pagintion.value.current = 1;\n console.log(pagintion.value);\n },\n showTotal: total => i18nt('designer.showTotal', { total })\n });\n\n const loadataSource = async (): Promise<any> => {\n try {\n const data = await execHttpFunction(\n {\n http,\n dataHandlerCode,\n dataReqHandlerCode\n },\n {}\n );\n return data;\n } catch (error) {\n console.error(error);\n return {};\n }\n };\n\n const getPagination = () => {\n return pagintion.value;\n };\n\n /**\n * 设置表格分页\n * @param pagination\n */\n const setPagination = pagination => {\n if (pagination.current !== undefined) {\n pagintion.value.current = pagination.current;\n props.field.options.pagination.current = pagination.current;\n }\n\n if (pagination.page !== undefined) {\n pagintion.value.current = pagination.page;\n props.field.options.pagination.current = pagination.page;\n }\n\n if (pagination.total !== undefined) {\n pagintion.value.total = pagination.total;\n props.field.options.pagination.total = pagination.total;\n }\n };\n\n return {\n pagintion,\n setPagination,\n getPagination,\n loadataSource\n };\n}\n"],"names":["useDataHttp","props","http","dataHandlerCode","dataReqHandlerCode","i18nt","useI18n","execHttpFunction","useExecFunction","pagintion","ref","current","pageSize","total","pagination","error"],"mappings":";;;AAUO,SAASA,EAAY,EAAE,OAAAC,KAA2B;AACrD,QAAM,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,oBAAAC,EAAA,IAAuBH,EAAM,MAAM,SAE5D,EAAE,OAAAI,EAAA,IAAUC,EAAA,GAEZ,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GACvBC,IAAYC,EAAqB;AAAA,IACnC,GAAIT,EAAM,OAAO,QAAQ;AAAA,IACzB,kBAAkB,CAACU,GAASC,MAAa;AACrC,MAAAX,EAAM,MAAM,QAAQ,WAAW,WAAWW,GAC1CX,EAAM,MAAM,QAAQ,WAAW,UAAU,GACzCQ,EAAU,MAAM,UAAU,GAC1B,QAAQ,IAAIA,EAAU,KAAK;AAAA,IAC/B;AAAA,IACA,WAAW,CAAAI,MAASR,EAAM,sBAAsB,EAAE,OAAAQ,GAAO;AAAA,EAAA,CAC5D;
|
|
1
|
+
{"version":3,"file":"useDataHttp.js","sources":["../../../src/hooks/useDataHttp.ts"],"sourcesContent":["import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\nimport { ref } from 'vue';\nimport { PaginationProps } from 'ant-design-vue';\nimport { DataTableWidget } from '@/components/form-designer/widget-panel/advanced';\nimport { useI18n } from '@/utils/i18n';\nimport { useExecFunction } from 'tmgc2-share';\n\ntype useDataPropsType = {\n props: WidgetProps<DataTableWidget>;\n};\nexport function useDataHttp({ props }: useDataPropsType) {\n const { http, dataHandlerCode, dataReqHandlerCode } = props.field.options;\n\n const { i18nt } = useI18n();\n\n const { execHttpFunction } = useExecFunction();\n const pagintion = ref<PaginationProps>({\n ...(props.widget.options.pagination as any),\n onShowSizeChange: (current, pageSize) => {\n props.field.options.pagination.pageSize = pageSize;\n props.field.options.pagination.current = 1;\n pagintion.value.current = 1;\n console.log(pagintion.value);\n },\n showTotal: total => i18nt('designer.showTotal', { total })\n });\n\n const loadataSource = async (): Promise<any> => {\n try {\n const data = await execHttpFunction(\n {\n http,\n dataHandlerCode,\n dataReqHandlerCode\n },\n {}\n );\n console.log({ data });\n\n return data;\n } catch (error) {\n console.error(error);\n return {};\n }\n };\n\n const getPagination = () => {\n return pagintion.value;\n };\n\n /**\n * 设置表格分页\n * @param pagination\n */\n const setPagination = pagination => {\n if (pagination.current !== undefined) {\n pagintion.value.current = pagination.current;\n props.field.options.pagination.current = pagination.current;\n }\n\n if (pagination.page !== undefined) {\n pagintion.value.current = pagination.page;\n props.field.options.pagination.current = pagination.page;\n }\n\n if (pagination.total !== undefined) {\n pagintion.value.total = pagination.total;\n props.field.options.pagination.total = pagination.total;\n }\n };\n\n return {\n pagintion,\n setPagination,\n getPagination,\n loadataSource\n };\n}\n"],"names":["useDataHttp","props","http","dataHandlerCode","dataReqHandlerCode","i18nt","useI18n","execHttpFunction","useExecFunction","pagintion","ref","current","pageSize","total","pagination","data","error"],"mappings":";;;AAUO,SAASA,EAAY,EAAE,OAAAC,KAA2B;AACrD,QAAM,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,oBAAAC,EAAA,IAAuBH,EAAM,MAAM,SAE5D,EAAE,OAAAI,EAAA,IAAUC,EAAA,GAEZ,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GACvBC,IAAYC,EAAqB;AAAA,IACnC,GAAIT,EAAM,OAAO,QAAQ;AAAA,IACzB,kBAAkB,CAACU,GAASC,MAAa;AACrC,MAAAX,EAAM,MAAM,QAAQ,WAAW,WAAWW,GAC1CX,EAAM,MAAM,QAAQ,WAAW,UAAU,GACzCQ,EAAU,MAAM,UAAU,GAC1B,QAAQ,IAAIA,EAAU,KAAK;AAAA,IAC/B;AAAA,IACA,WAAW,CAAAI,MAASR,EAAM,sBAAsB,EAAE,OAAAQ,GAAO;AAAA,EAAA,CAC5D;AA8CD,SAAO;AAAA,IACH,WAAAJ;AAAA,IACA,eAnBkB,CAAAK,MAAc;AAChC,MAAIA,EAAW,YAAY,WACvBL,EAAU,MAAM,UAAUK,EAAW,SACrCb,EAAM,MAAM,QAAQ,WAAW,UAAUa,EAAW,UAGpDA,EAAW,SAAS,WACpBL,EAAU,MAAM,UAAUK,EAAW,MACrCb,EAAM,MAAM,QAAQ,WAAW,UAAUa,EAAW,OAGpDA,EAAW,UAAU,WACrBL,EAAU,MAAM,QAAQK,EAAW,OACnCb,EAAM,MAAM,QAAQ,WAAW,QAAQa,EAAW;AAAA,IAE1D;AAAA,IAKI,eA5BkB,MACXL,EAAU;AAAA,IA4BjB,eAhDkB,YAA0B;AAC5C,UAAI;AACA,cAAMM,IAAO,MAAMR;AAAA,UACf;AAAA,YACI,MAAAL;AAAA,YACA,iBAAAC;AAAA,YACA,oBAAAC;AAAA,UAAA;AAAA,UAEJ,CAAA;AAAA,QAAC;AAEL,uBAAQ,IAAI,EAAE,MAAAW,GAAM,GAEbA;AAAA,MACX,SAASC,GAAO;AACZ,uBAAQ,MAAMA,CAAK,GACZ,CAAA;AAAA,MACX;AAAA,IACJ;AAAA,EA+BI;AAER;"}
|