@kp-ui/lowcode 2.16.1 → 2.16.3

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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"}