@kp-ui/lowcode-pc 1.0.4 → 1.0.6

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

@@ -0,0 +1,53 @@
+import _sfc_main from "./ActionButtonListRender.vue.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 {
+  ActionButtonListRender as default
+};
+//# sourceMappingURL=ActionButtonListRender.vue3.js.map

package/src/components/public/{ActionButtonListRender.vue2.js.map → ActionButtonListRender.vue3.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 '@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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"}
+{"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;;;;;;;;;;"}

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.vue.js";
+import ActionButtonListRender from "../ActionButtonListRender.vue3.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.vue.js";
+import ActionButtonListRender from "../ActionButtonListRender.vue3.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.vue.js";
+import ActionButtonListRender from "./ActionButtonListRender.vue3.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.vue2.js";
+import "../public/ActionButtonListRender.vue.js";
 /* empty css                                    */
 import "../form-render/container-items/index.js";
 import _sfc_main$3 from "../public/DynamicDialog.vue.js";