@kp-ui/lowcode-pc 1.0.6 → 1.0.7

package/src/components/form-render/container-items/vf-box-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <div class=\"box-container\" v-if=\"!handleHidden\" :key=\"widget.id\" :style=\"boxStyle\">\n        <RenderWigetList\n            :subFormRowIndex=\"subFormRowIndex\"\n            :subFormRowId=\"subFormRowId\"\n            :widgetList=\"widget.widgetList || []\"\n            :parentWidget=\"widget\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props, false);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["_unref","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex","subFormRowId"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBI,UAAM,QAAQ;AACd,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAC7D,UAAM,WAAW,SAAS,MAAM;AAC5B,YAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,CAAA;AAClD,YAAM,QAAQ,CAAA;AAEd,UAAI,SAAS,YAAY;AACrB,cAAM,eAAe,GAAG,SAAS,YAAY;AAC7C,cAAM,SAAS,GAAG,SAAS,WAAW,IAAI,SAAS,WAAW,MAAM,SAAS,WAAW;AAAA,MAC5F;AAGA,UACI,SAAS,eAAe,UACxB,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,UAC3B,SAAS,gBAAgB,QAC3B;AACE,cAAM,UAAU,GAAG,SAAS,cAAc,CAAC,MAAM,SAAS,gBAAgB,CAAC,MACvE,SAAS,iBAAiB,CAC9B,MAAM,SAAS,eAAe,CAAC;AAAA,MACnC;AAGA,UACI,SAAS,cAAc,UACvB,SAAS,gBAAgB,UACzB,SAAS,iBAAiB,UAC1B,SAAS,eAAe,QAC1B;AACE,cAAM,SAAS,GAAG,SAAS,aAAa,CAAC,MAAM,SAAS,eAAe,CAAC,MACpE,SAAS,gBAAgB,CAC7B,MAAM,SAAS,cAAc,CAAC;AAAA,MAClC;AAEA,aAAO;AAAA,IACX,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA7DiCA,MAAA,YAAA,kBAAlCC,mBAOM,OAAA;AAAA,QAPD,OAAM;AAAA,QAAsC,KAAKC,KAAAA,OAAO;AAAA,QAAK,sBAAO,SAAA,KAAQ;AAAA,MAAA;QAC7EC,YAKEC,aAAA;AAAA,UAJG,iBAAiBC,KAAAA;AAAAA,UACjB,cAAcC,KAAAA;AAAAA,UACd,YAAYJ,KAAAA,OAAO,cAAU,CAAA;AAAA,UAC7B,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <div class=\"box-container\" v-if=\"!handleHidden\" :key=\"widget.id\" :style=\"boxStyle\">\n        <RenderWigetList\n            :subFormRowIndex=\"subFormRowIndex\"\n            :widgetList=\"widget.widgetList || []\"\n            :parentWidget=\"widget\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed, subFormRowIndex } = useField(props, false);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["_unref","_createElementBlock","widget","_createVNode","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;AAqBI,UAAM,QAAQ;AACd,UAAM,EAAE,cAAc,eAAe,oBAAoB,SAAS,OAAO,KAAK;AAC9E,UAAM,WAAW,SAAS,MAAM;AAC5B,YAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,CAAA;AAClD,YAAM,QAAQ,CAAA;AAEd,UAAI,SAAS,YAAY;AACrB,cAAM,eAAe,GAAG,SAAS,YAAY;AAC7C,cAAM,SAAS,GAAG,SAAS,WAAW,IAAI,SAAS,WAAW,MAAM,SAAS,WAAW;AAAA,MAC5F;AAGA,UACI,SAAS,eAAe,UACxB,SAAS,iBAAiB,UAC1B,SAAS,kBAAkB,UAC3B,SAAS,gBAAgB,QAC3B;AACE,cAAM,UAAU,GAAG,SAAS,cAAc,CAAC,MAAM,SAAS,gBAAgB,CAAC,MACvE,SAAS,iBAAiB,CAC9B,MAAM,SAAS,eAAe,CAAC;AAAA,MACnC;AAGA,UACI,SAAS,cAAc,UACvB,SAAS,gBAAgB,UACzB,SAAS,iBAAiB,UAC1B,SAAS,eAAe,QAC1B;AACE,cAAM,SAAS,GAAG,SAAS,aAAa,CAAC,MAAM,SAAS,eAAe,CAAC,MACpE,SAAS,gBAAgB,CAC7B,MAAM,SAAS,cAAc,CAAC;AAAA,MAClC;AAEA,aAAO;AAAA,IACX,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5DiCA,MAAA,YAAA,kBAAlCC,mBAMM,OAAA;AAAA,QAND,OAAM;AAAA,QAAsC,KAAKC,KAAAA,OAAO;AAAA,QAAK,sBAAO,SAAA,KAAQ;AAAA,MAAA;QAC7EC,YAIEC,aAAA;AAAA,UAHG,iBAAiBJ,MAAA,eAAA;AAAA,UACjB,YAAYE,KAAAA,OAAO,cAAU,CAAA;AAAA,UAC7B,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}

package/src/components/form-render/container-items/vf-collapse-widget.vue2.js

@@ -18,9 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     widget: {},
     field: {},
     parentWidget: {},
-    indexOfParentList: {},
     subFormRowIndex: {},
-    subFormRowId: {}
+    indexOfParentList: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;

package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <div class=\"collapse-container\" v-if=\"!handleHidden\">\n        <TpfCollapse :title=\"widget.options.title\">\n            <template #right>\n                <div class=\"collapse-right\">\n                    <RenderWigetList\n                        :widgetList=\"headerRightSlotList || []\"\n                        :parentWidget=\"widget\"\n                    />\n                </div>\n            </template>\n            <div\n                class=\"tpf-collapse-content-wrapper\"\n                :style=\"{\n                    height: widget.options.height || 'unset'\n                }\"\n                v-show=\"!widget.options.isCollapse\"\n            >\n                <RenderWigetList :widgetList=\"defaultSlotsList || []\" :parentWidget=\"widget\" />\n            </div>\n        </TpfCollapse>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { TpfCollapse } from 'tmgc2-share';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { CollapseWidget } from '../../desginer/widget-panel/containers';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfCollapseWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<CollapseWidget>>();\n\n    const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n    const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n    const { handleHidden, defineExposed } = useField(props, false);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        :deep(.tpf-collapse-content-wrapper) {\n            padding: 10px 12px;\n            overflow: hidden;\n            background-color: #fff;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_createElementVNode","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM,mBAAmB,SAAS,MAAM,MAAM,OAAO,oBAAoB,EAAE;AAC3E,UAAM,sBAAsB,SAAS,MAAM,MAAM,OAAO,uBAAuB,EAAE;AACjF,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5CsCA,MAAA,YAAA,KAAvCC,aAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBFC,YAkBcH,MAAA,WAAA,GAAA;AAAA,UAlBA,OAAOI,KAAAA,OAAO,QAAQ;AAAA,QAAA;UACrB,eACP,MAKM;AAAA,YALNC,mBAKM,OALN,YAKM;AAAA,cAJFF,YAGEG,aAAA;AAAA,gBAFG,YAAY,oBAAA,SAAmB,CAAA;AAAA,gBAC/B,cAAcF,KAAAA;AAAAA,cAAAA;;;2BAI3B,MAQM;AAAA,2BARNC,mBAQM,OAAA;AAAA,cAPF,OAAM;AAAA,cACL,OAAKE,eAAA;AAAA,wBAAgCH,KAAAA,OAAO,QAAQ,UAAM;AAAA,cAAA;;cAK3DD,YAA+EG,aAAA;AAAA,gBAA7D,YAAY,iBAAA,SAAgB,CAAA;AAAA,gBAAS,cAAcF,KAAAA;AAAAA,cAAAA;;uBAF5DA,KAAAA,OAAO,QAAQ,UAAU;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <div class=\"collapse-container\" v-if=\"!handleHidden\">\n        <TpfCollapse :title=\"widget.options.title\">\n            <template #right>\n                <div class=\"collapse-right\">\n                    <RenderWigetList\n                        :widgetList=\"headerRightSlotList || []\"\n                        :parentWidget=\"widget\"\n                    />\n                </div>\n            </template>\n            <div\n                class=\"tpf-collapse-content-wrapper\"\n                :style=\"{\n                    height: widget.options.height || 'unset'\n                }\"\n                v-show=\"!widget.options.isCollapse\"\n            >\n                <RenderWigetList :widgetList=\"defaultSlotsList || []\" :parentWidget=\"widget\" />\n            </div>\n        </TpfCollapse>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { TpfCollapse } from 'tmgc2-share';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import { computed } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { CollapseWidget } from '../../desginer/widget-panel/containers';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfCollapseWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<CollapseWidget>>();\n\n    const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n    const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n    const { handleHidden, defineExposed } = useField(props, false);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        :deep(.tpf-collapse-content-wrapper) {\n            padding: 10px 12px;\n            overflow: hidden;\n            background-color: #fff;\n        }\n    }\n</style>\n"],"names":["_unref","_openBlock","_createElementBlock","_createVNode","widget","_createElementVNode","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAEd,UAAM,mBAAmB,SAAS,MAAM,MAAM,OAAO,oBAAoB,EAAE;AAC3E,UAAM,sBAAsB,SAAS,MAAM,MAAM,OAAO,uBAAuB,EAAE;AACjF,UAAM,EAAE,cAAc,cAAA,IAAkB,SAAS,OAAO,KAAK;AAE7D,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cA5CsCA,MAAA,YAAA,KAAvCC,aAAAC,mBAoBM,OApBN,YAoBM;AAAA,QAnBFC,YAkBcH,MAAA,WAAA,GAAA;AAAA,UAlBA,OAAOI,KAAAA,OAAO,QAAQ;AAAA,QAAA;UACrB,eACP,MAKM;AAAA,YALNC,mBAKM,OALN,YAKM;AAAA,cAJFF,YAGEG,aAAA;AAAA,gBAFG,YAAY,oBAAA,SAAmB,CAAA;AAAA,gBAC/B,cAAcF,KAAAA;AAAAA,cAAAA;;;2BAI3B,MAQM;AAAA,2BARNC,mBAQM,OAAA;AAAA,cAPF,OAAM;AAAA,cACL,OAAKE,eAAA;AAAA,wBAAgCH,KAAAA,OAAO,QAAQ,UAAM;AAAA,cAAA;;cAK3DD,YAA+EG,aAAA;AAAA,gBAA7D,YAAY,iBAAA,SAAgB,CAAA;AAAA,gBAAS,cAAcF,KAAAA;AAAAA,cAAAA;;uBAF5DA,KAAAA,OAAO,QAAQ,UAAU;AAAA,YAAA;;;;;;;;"}

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

@@ -1,130 +1,53 @@
-import { defineComponent, computed } from "vue";
-import { SvgIcon, useExecFunction } from "tmgc2-share";
-import { ButtonPositionEnum } from "../../../core/src/constants/index.js";
-const _sfc_main = defineComponent({
-  name: "ActionButtonListRender",
-  components: { SvgIcon },
-  props: {
-    options: {
-      type: Object,
-      default: () => {
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    scope: {
-      type: Object,
-      default: () => {
-      }
-    },
-    ctx: {
-      type: Object,
-      default: () => {
-      }
-    },
-    buttonList: {
-      type: Array,
-      default: () => []
-    },
-    customClass: {
-      type: Array,
-      default: () => []
-    },
-    flex: {
-      type: String,
-      default: "center"
-    },
-    designState: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["on-click"],
-  setup(props, { emit }) {
-    const containerStyle = computed(() => ({
-      "--flex": props.flex
-    }));
-    const { executeFunction, asyncExecuteFunction } = useExecFunction();
-    const isDisabled = computed(
-      () => {
-        var _a;
-        return ((_a = props.options) == null ? void 0 : _a.buttonPosition) !== ButtonPositionEnum.DIY || props.designState;
-      }
-    );
-    const getContainer = computed(
-      () => {
-        var _a;
-        return isDisabled.value ? "body" : ((_a = props.options) == null ? void 0 : _a.getContainer) || "body";
-      }
-    );
-    const visibleButtons = computed(
-      () => props.buttonList.filter((item) => item.hidden !== 1).filter((item) => !handleHidden(item))
-    );
-    const handleClick = async (item) => {
-      if (props.designState) return;
-      if (!item.onClick) {
-        emit("on-click", { item, result: true });
-        return;
-      }
-      if (item.loading) return;
-      item.loading = true;
-      try {
-        const result = await asyncExecuteFunction({
-          functionBody: item.onClick,
-          context: props.ctx,
-          params: props.scope
-        });
-        emit("on-click", { item, result });
-      } catch (error) {
-        console.error("Button click handler error:", error);
-      } finally {
-        item.loading = false;
-      }
-    };
-    const handleDisabled = (item) => {
-      if (!item.onDisabled) return false;
-      try {
-        const result = executeFunction({
-          functionBody: item.onDisabled,
-          context: props.ctx,
-          params: props.scope
-        });
-        if (typeof result === "boolean") {
-          return result;
-        } else {
-          return false;
-        }
-      } catch (error) {
-        console.error("Button disabled handler error:", error);
-        return false;
-      }
-    };
-    const handleHidden = (item) => {
-      if (!item.onHidden) return false;
-      try {
-        return executeFunction({
-          functionBody: item.onHidden,
-          context: props.ctx,
-          params: props.scope
-        });
-      } catch (error) {
-        console.error("Button hidden handler error:", error);
-        return false;
-      }
-    };
-    return {
-      getContainer,
-      isDisabled,
-      containerStyle,
-      visibleButtons,
-      handleClick,
-      handleDisabled
-    };
-  }
-});
+import _sfc_main from "./ActionButtonListRender.vue2.js";
+import { resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, Teleport, createVNode, withCtx, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+/* empty css                            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_SvgIcon = resolveComponent("SvgIcon");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  return openBlock(), createElementBlock("div", {
+    ref: "fieldEditor",
+    class: normalizeClass(["button-list-container", ..._ctx.customClass]),
+    style: normalizeStyle(_ctx.containerStyle)
+  }, [
+    (openBlock(), createBlock(Teleport, {
+      disabled: _ctx.isDisabled,
+      to: _ctx.getContainer
+    }, [
+      createVNode(_component_a_space, { size: 8 }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleButtons, (item) => {
+            return openBlock(), createBlock(_component_a_button, {
+              key: item.key,
+              type: item.type,
+              size: item.size,
+              danger: !!item.danger,
+              ghost: !!item.ghost,
+              class: "tpf-button",
+              loading: item.loading,
+              disabled: _ctx.handleDisabled(item) || _ctx.disabled || !!item.disabled,
+              onClick: ($event) => _ctx.handleClick(item)
+            }, {
+              default: withCtx(() => [
+                item.icon ? (openBlock(), createBlock(_component_SvgIcon, {
+                  key: 0,
+                  "icon-class": item.icon,
+                  class: "button-icon"
+                }, null, 8, ["icon-class"])) : createCommentVNode("", true),
+                createTextVNode(" " + toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["type", "size", "danger", "ghost", "loading", "disabled", "onClick"]);
+          }), 128))
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled", "to"]))
+  ], 6);
+}
+const ActionButtonListRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-37429548"]]);
 export {
-  _sfc_main as default
+  ActionButtonListRender as default
 };
 //# sourceMappingURL=ActionButtonListRender.vue.js.map

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 '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\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 ? 'body' : props.options?.getContainer || 'body'\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":[],"mappings":";;;AAoCI,MAAA,YAAe,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY,EAAE,QAAA;AAAA,EACd,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,OAAO,CAAC,UAAU;AAAA,EAClB,MAAM,OAAO,EAAE,QAAQ;AACnB,UAAM,iBAAiB,SAAS,OAAO;AAAA,MACnC,UAAU,MAAM;AAAA,IAAA,EAClB;AAEF,UAAM,EAAE,iBAAiB,qBAAA,IAAyB,gBAAA;AAElD,UAAM,aAAa;AAAA,MACf,MAAA;;AAAM,4BAAM,YAAN,mBAAe,oBAAmB,mBAAmB,OAAO,MAAM;AAAA;AAAA,IAAA;AAG5E,UAAM,eAAe;AAAA,MAAS,MAAA;;AAC1B,0BAAW,QAAQ,WAAS,WAAM,YAAN,mBAAe,iBAAgB;AAAA;AAAA,IAAA;AAG/D,UAAM,iBAAiB;AAAA,MAAS,MAC5B,MAAM,WACD,OAAO,UAAQ,KAAK,WAAW,CAAC,EAChC,OAAO,CAAA,SAAQ,CAAC,aAAa,IAAI,CAAC;AAAA,IAAA;AAG3C,UAAM,cAAc,OAAO,SAAuB;AAC9C,UAAI,MAAM,YAAa;AACvB,UAAI,CAAC,KAAK,SAAS;AACf,aAAK,YAAY,EAAE,MAAM,QAAQ,MAAM;AACvC;AAAA,MACJ;AACA,UAAI,KAAK,QAAS;AAClB,WAAK,UAAU;AACf,UAAI;AACA,cAAM,SAAS,MAAM,qBAAqB;AAAA,UACtC,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AACD,aAAK,YAAY,EAAE,MAAM,OAAA,CAAQ;AAAA,MACrC,SAAS,OAAO;AACZ,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACtD,UAAA;AACI,aAAK,UAAU;AAAA,MACnB;AAAA,IACJ;AAEA,UAAM,iBAAiB,CAAC,SAAgC;AACpD,UAAI,CAAC,KAAK,WAAY,QAAO;AAE7B,UAAI;AACA,cAAM,SAAS,gBAAgB;AAAA,UAC3B,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AACD,YAAI,OAAO,WAAW,WAAW;AAC7B,iBAAO;AAAA,QACX,OAAO;AACH,iBAAO;AAAA,QACX;AAAA,MACJ,SAAS,OAAO;AACZ,gBAAQ,MAAM,kCAAkC,KAAK;AACrD,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,UAAM,eAAe,CAAC,SAAgC;AAClD,UAAI,CAAC,KAAK,SAAU,QAAO;AAE3B,UAAI;AACA,eAAO,gBAAgB;AAAA,UACnB,cAAc,KAAK;AAAA,UACnB,SAAS,MAAM;AAAA,UACf,QAAQ,MAAM;AAAA,QAAA,CACjB;AAAA,MACL,SAAS,OAAO;AACZ,gBAAQ,MAAM,gCAAgC,KAAK;AACnD,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,WAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AACJ,CAAC;"}
+{"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 '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\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 ? 'body' : props.options?.getContainer || 'body'\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","_normalizeStyle","_createBlock","_Teleport","_createVNode","_withCtx","_openBlock","_Fragment","_renderList","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;;;sBACIA,mBA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,4CAA+B,KAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,eAAE,KAAA,cAAc;AAAA,EAAA,GAAA;AAAA,kBAEtBC,YAoBWC,UAAA;AAAA,MApBA,UAAU,KAAA;AAAA,MAAa,IAAI,KAAA;AAAA,IAAA,GAAA;AAAA,MAClCC,YAkBU,oBAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,QAET,MAA8B;AAAA,WAAAC,UAAA,IAAA,GADlCP,mBAgBWQ,UAAA,MAAAC,WAfQ,KAAA,gBAAc,CAAtB,SAAI;gCADfN,YAgBW,qBAAA;AAAA,cAdN,KAAK,KAAK;AAAA,cACV,MAAM,KAAK;AAAA,cACX,MAAM,KAAK;AAAA,cACX,QAAM,EAAI,KAAK;AAAA,cACf,OAAK,EAAI,KAAK;AAAA,cACf,OAAM;AAAA,cACL,SAAS,KAAK;AAAA,cACd,UAAU,KAAA,eAAe,IAAI,KAAK,KAAA,YAAQ,EAAM,KAAK;AAAA,cACrD,SAAK,CAAA,WAAE,KAAA,YAAY,IAAI;AAAA,YAAA,GAAA;AAAA,+BAExB,MAEW;AAAA,gBAFK,KAAK,qBACjBA,YAAuD,oBAAA;AAAA,kBAAA,KAAA;AAAA,kBAA7C,cAAY,KAAK;AAAA,kBAAM,OAAM;AAAA,gBAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAO,mBAAA,IAAA,IAAA;AAAA,gCAChC,MACXC,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,cAAA,CAAA;AAAA;;;;;;;;;;"}

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

@@ -0,0 +1,130 @@
+import { defineComponent, computed } from "vue";
+import { SvgIcon, useExecFunction } from "tmgc2-share";
+import { ButtonPositionEnum } from "../../../core/src/constants/index.js";
+const _sfc_main = defineComponent({
+  name: "ActionButtonListRender",
+  components: { SvgIcon },
+  props: {
+    options: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    scope: {
+      type: Object,
+      default: () => {
+      }
+    },
+    ctx: {
+      type: Object,
+      default: () => {
+      }
+    },
+    buttonList: {
+      type: Array,
+      default: () => []
+    },
+    customClass: {
+      type: Array,
+      default: () => []
+    },
+    flex: {
+      type: String,
+      default: "center"
+    },
+    designState: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["on-click"],
+  setup(props, { emit }) {
+    const containerStyle = computed(() => ({
+      "--flex": props.flex
+    }));
+    const { executeFunction, asyncExecuteFunction } = useExecFunction();
+    const isDisabled = computed(
+      () => {
+        var _a;
+        return ((_a = props.options) == null ? void 0 : _a.buttonPosition) !== ButtonPositionEnum.DIY || props.designState;
+      }
+    );
+    const getContainer = computed(
+      () => {
+        var _a;
+        return isDisabled.value ? "body" : ((_a = props.options) == null ? void 0 : _a.getContainer) || "body";
+      }
+    );
+    const visibleButtons = computed(
+      () => props.buttonList.filter((item) => item.hidden !== 1).filter((item) => !handleHidden(item))
+    );
+    const handleClick = async (item) => {
+      if (props.designState) return;
+      if (!item.onClick) {
+        emit("on-click", { item, result: true });
+        return;
+      }
+      if (item.loading) return;
+      item.loading = true;
+      try {
+        const result = await asyncExecuteFunction({
+          functionBody: item.onClick,
+          context: props.ctx,
+          params: props.scope
+        });
+        emit("on-click", { item, result });
+      } catch (error) {
+        console.error("Button click handler error:", error);
+      } finally {
+        item.loading = false;
+      }
+    };
+    const handleDisabled = (item) => {
+      if (!item.onDisabled) return false;
+      try {
+        const result = executeFunction({
+          functionBody: item.onDisabled,
+          context: props.ctx,
+          params: props.scope
+        });
+        if (typeof result === "boolean") {
+          return result;
+        } else {
+          return false;
+        }
+      } catch (error) {
+        console.error("Button disabled handler error:", error);
+        return false;
+      }
+    };
+    const handleHidden = (item) => {
+      if (!item.onHidden) return false;
+      try {
+        return executeFunction({
+          functionBody: item.onHidden,
+          context: props.ctx,
+          params: props.scope
+        });
+      } catch (error) {
+        console.error("Button hidden handler error:", error);
+        return false;
+      }
+    };
+    return {
+      getContainer,
+      isDisabled,
+      containerStyle,
+      visibleButtons,
+      handleClick,
+      handleDisabled
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ActionButtonListRender.vue2.js.map

package/src/components/public/{ActionButtonListRender.vue3.js.map → ActionButtonListRender.vue2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListRender.vue3.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 '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\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 ? 'body' : props.options?.getContainer || 'body'\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","_normalizeStyle","_createBlock","_Teleport","_createVNode","_withCtx","_openBlock","_Fragment","_renderList","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;;;sBACIA,mBA0BM,OAAA;AAAA,IAzBF,KAAI;AAAA,IACH,OAAKC,4CAA+B,KAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,eAAE,KAAA,cAAc;AAAA,EAAA,GAAA;AAAA,kBAEtBC,YAoBWC,UAAA;AAAA,MApBA,UAAU,KAAA;AAAA,MAAa,IAAI,KAAA;AAAA,IAAA,GAAA;AAAA,MAClCC,YAkBU,oBAAA,EAlBA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,QAET,MAA8B;AAAA,WAAAC,UAAA,IAAA,GADlCP,mBAgBWQ,UAAA,MAAAC,WAfQ,KAAA,gBAAc,CAAtB,SAAI;gCADfN,YAgBW,qBAAA;AAAA,cAdN,KAAK,KAAK;AAAA,cACV,MAAM,KAAK;AAAA,cACX,MAAM,KAAK;AAAA,cACX,QAAM,EAAI,KAAK;AAAA,cACf,OAAK,EAAI,KAAK;AAAA,cACf,OAAM;AAAA,cACL,SAAS,KAAK;AAAA,cACd,UAAU,KAAA,eAAe,IAAI,KAAK,KAAA,YAAQ,EAAM,KAAK;AAAA,cACrD,SAAK,CAAA,WAAE,KAAA,YAAY,IAAI;AAAA,YAAA,GAAA;AAAA,+BAExB,MAEW;AAAA,gBAFK,KAAK,qBACjBA,YAAuD,oBAAA;AAAA,kBAAA,KAAA;AAAA,kBAA7C,cAAY,KAAK;AAAA,kBAAM,OAAM;AAAA,gBAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAO,mBAAA,IAAA,IAAA;AAAA,gCAChC,MACXC,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,cAAA,CAAA;AAAA;;;;;;;;;;"}
+{"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 '@kp-ui/lowcode-core';\n    import { ButtonPositionEnum } from '@kp-ui/lowcode-core';\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 ? 'body' : props.options?.getContainer || 'body'\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":[],"mappings":"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"}

package/src/components/public/ConfigView/CustomPageRender.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode } from "vue";
 import { getLocat } from "@kp-ui/tool";
 import { TpfAddInfoLayout } from "tmgc2-share";
-import ActionButtonListRender from "../ActionButtonListRender.vue3.js";
+import ActionButtonListRender from "../ActionButtonListRender.vue.js";
 import VFormRender from "../../render/index.vue.js";
 import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
 const _hoisted_1 = {

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

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, useAttrs, ref, computed, onMounted
 import VFormRender from "../../render/index.vue.js";
 import { TpfConfigProvider, TpfModal } from "tmgc2-share";
 import { Skeleton } from "ant-design-vue";
-import ActionButtonListRender from "../ActionButtonListRender.vue3.js";
+import ActionButtonListRender from "../ActionButtonListRender.vue.js";
 import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
 import { useI18n } from "../../../../core/src/utils/i18n.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -9,7 +9,7 @@ import "lodash-es";
 import "ant-design-vue";
 import "../desginer/widget-panel/widgetsConfig.js";
 import "@kp-ui/tool";
-import ActionButtonListRender from "./ActionButtonListRender.vue3.js";
+import ActionButtonListRender from "./ActionButtonListRender.vue.js";
 import "../form-render/container-items/index.js";
 import { useLowcode } from "../../hooks/useLowcode.js";
 /* empty css                   */

package/src/components/render/index.vue2.js

@@ -9,7 +9,7 @@ import "../desginer/form-widget/container-widget/index.js";
 import "lodash-es";
 import "tmgc2-share";
 import "../desginer/widget-panel/widgetsConfig.js";
-import "../public/ActionButtonListRender.vue.js";
+import "../public/ActionButtonListRender.vue2.js";
 /* empty css                                    */
 import "../form-render/container-items/index.js";
 import _sfc_main$3 from "../public/DynamicDialog.vue.js";