@kp-ui/lowcode 2.16.2 → 2.16.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.16.2",
+  "version": "2.16.3",
   "publishConfig": {
     "access": "public"
   },

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, computed as u, ref as c, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
+import { defineComponent as J, computed as c, ref as u, onBeforeUnmount as P, createBlock as A, openBlock as U, unref as i, mergeProps as z, withCtx as x, createElementVNode as I, createVNode as C, nextTick as q } from "vue";
 import { useExecFunction as G, TpfModal as K } from "tmgc2-share";
 import { useLowcode as Q } from "../../hooks/useLowcode.js";
 import { formatSize as h } from "../../utils/format.js";
@@ -47,14 +47,14 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
     }
   },
   setup(n, { expose: O }) {
-    const t = n, R = u(() => h(t.options.height, "500px")), f = c(null), p = c(!1), s = c(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
+    const t = n, R = c(() => h(t.options.height, "500px")), f = u(null), p = u(!1), s = u(!1), { context: r, asyncExecuteFunction: m, executeFunction: Z } = G(), { vfdRef: l, isLoading: v, getComponentJson: F } = Q({
       formCode: t.options.formCode,
       ...t.vfCtx
-    }), D = u(() => ({
+    }), D = c(() => ({
       ...t.parentFormRef,
       parentDom: r.value,
-      getParentFormRef: g
-    })), k = u(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
+      getParentFormRef: y
+    })), k = c(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
     P(() => {
       var e, o;
       console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, null);
@@ -66,11 +66,11 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
     }, j = () => {
       s.value = !0;
     }, E = async ({ result: e }) => {
-      e !== !1 && await d();
+      console.log({ result: e }), e != !1 && await d();
     }, L = () => {
       s.value = !0, q(async () => {
         var e, o, a;
-        (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), y();
+        (e = t.options) != null && e.readMode && ((o = l.value) == null || o.setReadMode(!0)), await F([], t.options.formCode), (a = l.value) == null || a.setDialogOrDrawerRef(r.value), t.parentFormRef && t.parentFormRef.setChildFormRef(l.value), g();
       });
     }, b = async () => {
       if (t.options.onDialogBeforeClose)
@@ -80,12 +80,12 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
       s.value = !1;
     }, d = () => {
       b();
-    }, y = async () => {
+    }, g = async () => {
       if (t.options.onDialogOpened)
         return await m({
           functionBody: t.options.onDialogOpened
         });
-    }, g = () => t.parentFormRef, T = () => {
+    }, y = () => t.parentFormRef, T = () => {
       var e, o, a;
       (a = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && a.updateTable && t.vfCtx.parent.exposed.updateTable();
     }, M = () => t.extraData, S = (e) => {
@@ -97,7 +97,7 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
       return (e = l.value) == null ? void 0 : e.context;
     };
     return O({
-      getParentFormRef: g,
+      getParentFormRef: y,
       getFormRef: V,
       setDisabled: N,
       setleftText: S,
@@ -107,7 +107,7 @@ const Y = { class: "dialog-content" }, ae = /* @__PURE__ */ J({
       show: L,
       close: b,
       handleCloseEvent: d,
-      handleOpenedEvent: y,
+      handleOpenedEvent: g,
       updateTable: T,
       getExtraData: M
     }), (e, o) => (U(), A(i(K), z({

package/src/components/form-render/dynamic-dialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        class=\"tpf-model design-model\"\n        :destroyOnClose=\"true\"\n        :title=\"options.title\"\n        :bodyStyle=\"{\n            height: dialogHeight,\n            overflow: 'auto',\n            ...JSON.parse(options.bodyStyle || '{}')\n        }\"\n        :centered=\"true\"\n        v-model:visible=\"dialogVisible\"\n        :width=\"formatSize(options.width)\"\n        :mask=\"options.showModal\"\n        :maskClosable=\"options.closeOnClickModal\"\n        :keyboard=\"options.closeOnPressEscape\"\n        @cancel=\"handleCloseEvent\"\n        :left-num=\"leftNum\"\n        v-bind=\"otherAttrs\"\n    >\n        <div class=\"dialog-content\">\n            <VFormRender\n                ref=\"vfdRef\"\n                :loading=\"isLoading\"\n                :vfCtx=\"{\n                    ...vfCtx,\n                    instance: context\n                }\"\n                :parent-form=\"parentForm\"\n                :disabled-mode=\"options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n        </div>\n        <template #footerRight>\n            <ActionButtonListRender\n                :buttonList=\"options.buttonList || []\"\n                :ctx=\"getFormContext()\"\n                @on-click=\"handleBtnClick\"\n                :disabled=\"isDisabled\"\n            />\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n    import { TpfModal, useExecFunction } from 'tmgc2-share';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import { formatSize } from '@/utils/format';\n    import VFormRender from '../FormRender/index.vue';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const dialogHeight = computed(() => {\n        return formatSize(props.options.height, '500px');\n    });\n    const leftNum = ref(null);\n\n    const isDisabled = ref(false);\n    const dialogVisible = ref(false);\n\n    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n    const { vfdRef, isLoading, getComponentJson } = useLowcode({\n        formCode: props.options.formCode,\n        ...props.vfCtx\n    });\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: context.value,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef?.setChildFormRef?.(null);\n    });\n\n    const setLoading = status => {\n        isLoading.value = status;\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const handleBtnClick = async ({ result }: any) => {\n        if (result !== false) {\n            await handleCloseEvent();\n        }\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(async () => {\n            if (props.options?.readMode) {\n                vfdRef.value?.setReadMode(true);\n            }\n            await getComponentJson([], props.options.formCode);\n            vfdRef.value?.setDialogOrDrawerRef(context.value);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(vfdRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            });\n        }\n\n        dialogVisible.value = false;\n    };\n\n    const handleCloseEvent = () => {\n        close();\n    };\n\n    const handleOpenedEvent = async () => {\n        if (props.options.onDialogOpened) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogOpened\n            });\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    const setleftText = number => {\n        leftNum.value = number;\n    };\n\n    const setDisabled = status => {\n        isDisabled.value = status;\n    };\n\n    const getFormRef = () => {\n        return vfdRef.value;\n    };\n\n    const getFormContext = () => {\n        return vfdRef.value?.context;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        getParentFormRef,\n        getFormRef,\n        setDisabled,\n        setleftText,\n        setLoading,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        handleCloseEvent,\n        handleOpenedEvent,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        min-height: 300px;\n    }\n</style>\n"],"names":["props","__props","dialogHeight","computed","formatSize","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}
+{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        class=\"tpf-model design-model\"\n        :destroyOnClose=\"true\"\n        :title=\"options.title\"\n        :bodyStyle=\"{\n            height: dialogHeight,\n            overflow: 'auto',\n            ...JSON.parse(options.bodyStyle || '{}')\n        }\"\n        :centered=\"true\"\n        v-model:visible=\"dialogVisible\"\n        :width=\"formatSize(options.width)\"\n        :mask=\"options.showModal\"\n        :maskClosable=\"options.closeOnClickModal\"\n        :keyboard=\"options.closeOnPressEscape\"\n        @cancel=\"handleCloseEvent\"\n        :left-num=\"leftNum\"\n        v-bind=\"otherAttrs\"\n    >\n        <div class=\"dialog-content\">\n            <VFormRender\n                ref=\"vfdRef\"\n                :loading=\"isLoading\"\n                :vfCtx=\"{\n                    ...vfCtx,\n                    instance: context\n                }\"\n                :parent-form=\"parentForm\"\n                :disabled-mode=\"options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n        </div>\n        <template #footerRight>\n            <ActionButtonListRender\n                :buttonList=\"options.buttonList || []\"\n                :ctx=\"getFormContext()\"\n                @on-click=\"handleBtnClick\"\n                :disabled=\"isDisabled\"\n            />\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n    import { TpfModal, useExecFunction } from 'tmgc2-share';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import { formatSize } from '@/utils/format';\n    import VFormRender from '../FormRender/index.vue';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const dialogHeight = computed(() => {\n        return formatSize(props.options.height, '500px');\n    });\n    const leftNum = ref(null);\n\n    const isDisabled = ref(false);\n    const dialogVisible = ref(false);\n\n    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n    const { vfdRef, isLoading, getComponentJson } = useLowcode({\n        formCode: props.options.formCode,\n        ...props.vfCtx\n    });\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: context.value,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef?.setChildFormRef?.(null);\n    });\n\n    const setLoading = status => {\n        isLoading.value = status;\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const handleBtnClick = async ({ result }: any) => {\n        console.log({ result });\n\n        if (result == false) {\n            return;\n        }\n        await handleCloseEvent();\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(async () => {\n            if (props.options?.readMode) {\n                vfdRef.value?.setReadMode(true);\n            }\n            await getComponentJson([], props.options.formCode);\n            vfdRef.value?.setDialogOrDrawerRef(context.value);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(vfdRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            });\n        }\n\n        dialogVisible.value = false;\n    };\n\n    const handleCloseEvent = () => {\n        close();\n    };\n\n    const handleOpenedEvent = async () => {\n        if (props.options.onDialogOpened) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogOpened\n            });\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    const setleftText = number => {\n        leftNum.value = number;\n    };\n\n    const setDisabled = status => {\n        isDisabled.value = status;\n    };\n\n    const getFormRef = () => {\n        return vfdRef.value;\n    };\n\n    const getFormContext = () => {\n        return vfdRef.value?.context;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        getParentFormRef,\n        getFormRef,\n        setDisabled,\n        setleftText,\n        setLoading,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        handleCloseEvent,\n        handleOpenedEvent,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        min-height: 300px;\n    }\n</style>\n"],"names":["props","__props","dialogHeight","computed","formatSize","leftNum","ref","isDisabled","dialogVisible","context","asyncExecuteFunction","executeFunction","useExecFunction","vfdRef","isLoading","getComponentJson","useLowcode","parentForm","getParentFormRef","otherAttrs","onBeforeUnmount","_b","_a","setLoading","status","setTitle","title","beforeOpen","handleBtnClick","result","handleCloseEvent","show","nextTick","_c","handleOpenedEvent","close","updateTable","getExtraData","setleftText","number","setDisabled","getFormRef","getFormContext","__expose","_openBlock","_createBlock","_unref","_mergeProps","$event","_createVNode","ActionButtonListRender","_createElementVNode","_hoisted_1","VFormRender"],"mappings":"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"}

package/src/components/public/ActionButtonListRender.vue.js

@@ -42,7 +42,7 @@ function h(o, v, z, B, S, $) {
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-4a5589b9"]]);
+const L = /* @__PURE__ */ m(c, [["render", h], ["__scopeId", "data-v-ba25e584"]]);
 export {
   L as default
 };

package/src/components/public/ActionButtonListRender.vue.js.map

@@ -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 || !!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;;;;;;;;;"}
+{"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) {\n                    emit('on-click', { item, result: true });\n                    return;\n                }\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                    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;;;;;;;;;"}

package/src/components/public/ActionButtonListRender.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as b, computed as o } from "vue";
-import { SvgIcon as x, useExecFunction as g } from "tmgc2-share";
-import { ButtonPositionEnum as h } from "../../constants/index.js";
-const C = b({
+import { SvgIcon as x, useExecFunction as h } from "tmgc2-share";
+import { ButtonPositionEnum as B } from "../../constants/index.js";
+const p = b({
   name: "ActionButtonListRender",
   components: { SvgIcon: x },
   props: {
@@ -42,56 +42,62 @@ const C = b({
     }
   },
   emits: ["on-click"],
-  setup(t, { emit: a }) {
+  setup(e, { emit: r }) {
     const l = o(() => ({
-      "--flex": t.flex
-    })), { executeFunction: r, asyncExecuteFunction: i } = g(), c = o(
+      "--flex": e.flex
+    })), { executeFunction: c, asyncExecuteFunction: i } = h(), a = o(
       () => {
-        var e;
-        return ((e = t.options) == null ? void 0 : e.buttonPosition) !== h.DIY || t.designState;
+        var t;
+        return ((t = e.options) == null ? void 0 : t.buttonPosition) !== B.DIY || e.designState;
       }
     ), s = o(
       () => {
-        var e;
-        return c.value ? null : (e = t.options) == null ? void 0 : e.getContainer;
+        var t;
+        return a.value ? null : (t = e.options) == null ? void 0 : t.getContainer;
       }
     ), u = o(
-      () => t.buttonList.filter((e) => e.hidden !== 1).filter((e) => !y(e))
-    ), d = async (e) => {
-      if (!t.designState && e.onClick && !e.loading) {
-        e.loading = !0;
-        try {
-          const n = await i({
-            functionBody: e.onClick,
-            context: t.ctx,
-            params: t.scope
-          });
-          console.log({ result: n }), a("on-click", { item: e, result: n });
-        } catch (n) {
-          console.error("Button click handler error:", n);
-        } finally {
-          e.loading = !1;
+      () => e.buttonList.filter((t) => t.hidden !== 1).filter((t) => !y(t))
+    ), d = async (t) => {
+      if (!e.designState) {
+        if (!t.onClick) {
+          r("on-click", { item: t, result: !0 });
+          return;
+        }
+        if (!t.loading) {
+          t.loading = !0;
+          try {
+            const n = await i({
+              functionBody: t.onClick,
+              context: e.ctx,
+              params: e.scope
+            });
+            r("on-click", { item: t, result: n });
+          } catch (n) {
+            console.error("Button click handler error:", n);
+          } finally {
+            t.loading = !1;
+          }
         }
       }
-    }, f = (e) => {
-      if (!e.onDisabled) return !1;
+    }, f = (t) => {
+      if (!t.onDisabled) return !1;
       try {
-        const n = r({
-          functionBody: e.onDisabled,
-          context: t.ctx,
-          params: t.scope
+        const n = c({
+          functionBody: t.onDisabled,
+          context: e.ctx,
+          params: e.scope
         });
         return typeof n == "boolean" ? n : !1;
       } catch (n) {
         return console.error("Button disabled handler error:", n), !1;
       }
-    }, y = (e) => {
-      if (!e.onHidden) return !1;
+    }, y = (t) => {
+      if (!t.onHidden) return !1;
       try {
-        return r({
-          functionBody: e.onHidden,
-          context: t.ctx,
-          params: t.scope
+        return c({
+          functionBody: t.onHidden,
+          context: e.ctx,
+          params: e.scope
         });
       } catch (n) {
         return console.error("Button hidden handler error:", n), !1;
@@ -99,7 +105,7 @@ const C = b({
     };
     return {
       getContainer: s,
-      isDisabled: c,
+      isDisabled: a,
       containerStyle: l,
       visibleButtons: u,
       handleClick: d,
@@ -108,6 +114,6 @@ const C = b({
   }
 });
 export {
-  C as default
+  p as default
 };
 //# sourceMappingURL=ActionButtonListRender.vue2.js.map

package/src/components/public/ActionButtonListRender.vue2.js.map

@@ -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 || !!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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"}
+{"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) {\n                    emit('on-click', { item, result: true });\n                    return;\n                }\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                    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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"}