@kp-ui/lowcode-pc 1.0.1 → 1.0.2

package/assets/styles/style.css

@@ -342,38 +342,38 @@ div.row-no-column[data-v-a3f1d201] {
 .widget-wrapper .action-buttons[data-v-f2552afd]:hover {
   background-color: #ff4d4f;
 }
-.designer-widget-list[data-v-2b8c9959] {
+.designer-widget-list[data-v-0fdc8abe] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.designer-widget-list.empty-list[data-v-2b8c9959] {
+.designer-widget-list.empty-list[data-v-0fdc8abe] {
   min-height: 96px;
 }
-.designer-widget-list .empty-drop-zone[data-v-2b8c9959] {
+.designer-widget-list .empty-drop-zone[data-v-0fdc8abe] {
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 2;
 }
-.designer-widget-list[data-v-2b8c9959] .sortable-ghost {
+.designer-widget-list[data-v-0fdc8abe] .sortable-ghost {
   z-index: 99;
 }
-.list-transition-container[data-v-2b8c9959] {
+.list-transition-container[data-v-0fdc8abe] {
   display: flex;
   flex-direction: column;
   padding: 2px;
 }
-.transition-group-el[data-v-2b8c9959] {
+.transition-group-el[data-v-0fdc8abe] {
   position: relative;
   padding: 1px;
 }
-.transition-group-el .sortable-ghost[data-v-2b8c9959] {
+.transition-group-el .sortable-ghost[data-v-0fdc8abe] {
   width: 100%;
 }
 
 /* SortableJS 自动应用的类 */
-.ghost-placeholder[data-v-2b8c9959] {
+.ghost-placeholder[data-v-0fdc8abe] {
   opacity: 0.5;
   background: #c8ebfb;
   border: 2px dashed var(--ant-primary-color);
@@ -381,10 +381,10 @@ div.row-no-column[data-v-a3f1d201] {
   margin: 4px 0;
   border-radius: 4px;
 }
-.sortable-chosen[data-v-2b8c9959] {
+.sortable-chosen[data-v-0fdc8abe] {
   background: #fdfdfd;
 }
-.empty-drop-zone[data-v-2b8c9959] {
+.empty-drop-zone[data-v-0fdc8abe] {
   line-height: 1.2;
   display: flex;
   align-items: center;
@@ -402,7 +402,7 @@ div.row-no-column[data-v-a3f1d201] {
   color: #999;
   font-size: 14px;
 }
-.desginer-canvas[data-v-2b8c9959] .ant-form-item {
+.desginer-canvas[data-v-0fdc8abe] .ant-form-item {
   margin-bottom: 0;
 }/* 调试面板样式 */
 .debug-panel[data-v-10eb5e61] {

package/core/src/components/common/RenderWidgetList.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./RenderWidgetList.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const RenderWidgetList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b8c9959"]]);
+const RenderWidgetList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fdc8abe"]]);
 export {
   RenderWidgetList as default
 };

package/core/src/components/common/RenderWidgetList.vue2.js

@@ -7,6 +7,7 @@ const _hoisted_2 = {
   key: 0,
   class: "empty-drop-zone"
 };
+const _hoisted_3 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false,
@@ -79,14 +80,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 8, ["modelValue", "class", "data-allow-types", "data-not-allow-types", "onUpdate"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(draggableList.value, (widget, index) => {
         return openBlock(), createElementBlock("div", {
           key: `${widget.id}_${index}`,
-          class: "t-overflow-hidden"
+          class: "t-overflow-hidden",
+          id: widget.id
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
             widget,
             field: widget,
             index
           }, null, 8, ["widget", "field", "index"]))
-        ]);
+        ], 8, _hoisted_3);
       }), 128));
     };
   }

package/core/src/components/common/RenderWidgetList.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderWidgetList.vue2.js","sources":["../../../../../../core/src/components/common/RenderWidgetList.vue"],"sourcesContent":["<template>\n    <template v-if=\"designState\">\n        <draggable\n            v-model=\"draggableList\"\n            class=\"designer-widget-list list-transition-container\"\n            :class=\"[{ 'empty-list': !draggableList.length }, { 'desginer-canvas': isCanvas }]\"\n            tag=\"div\"\n            :animation=\"200\"\n            group=\"widget\"\n            handle=\".drag-handler\"\n            item-key=\"id\"\n            :move=\"onMove\"\n            :data-allow-types=\"allowTypes.join(',')\"\n            :data-not-allow-types=\"notAllowTypes.join(',')\"\n            @update=\"onDragUpdate\"\n            @add=\"(evt: any) => onDragAdd(evt, draggableList)\"\n        >\n            <template #item=\"{ element: widget, index }\">\n                <div :id=\"widget.id\" class=\"transition-group-el\" :data-widget-id=\"widget.id\">\n                    <WidgetWrapper :widget=\"widget\" :index=\"index\" v-model:list=\"draggableList\">\n                        <component\n                            :is=\"getWidget(widget)\"\n                            :widget=\"widget\"\n                            :field=\"widget\"\n                            :index=\"index\"\n                        />\n                    </WidgetWrapper>\n                </div>\n            </template>\n            <template #footer>\n                <div v-if=\"!draggableList.length\" class=\"empty-drop-zone\"> 拖拽组件到此处 </div>\n            </template>\n        </draggable>\n    </template>\n    <template v-else>\n        <div\n            v-for=\"(widget, index) in draggableList\"\n            :key=\"`${widget.id}_${index}`\"\n            class=\"t-overflow-hidden\"\n        >\n            <component :is=\"getWidget(widget)\" :widget=\"widget\" :field=\"widget\" :index=\"index\" />\n        </div>\n    </template>\n</template>\n\n<script lang=\"ts\" setup>\n    import draggable from 'vuedraggable';\n    import { useDesigner, WidgetWrapper } from '@kp-ui/lowcode-core';\n    import type { Widget, FormDesigner } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        inheritAttrs: false,\n        name: 'RenderWidgetList'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            isCanvas?: boolean;\n            allowTypes?: string[];\n            notAllowTypes?: string[];\n            parentWidget: Widget | FormDesigner | null;\n        }>(),\n        {\n            isCanvas: false,\n            allowTypes: () => [],\n            notAllowTypes: () => []\n        }\n    );\n\n    const { designer, onDragAdd, onDragUpdate, designState, getWidget } = useDesigner();\n\n    const onMove = (evt: any) => {\n        return designer.value.checkWidgetMove(evt);\n    };\n\n    const draggableList = defineModel<Widget[]>('list', {\n        type: Array,\n        default: []\n    });\n</script>\n\n<style scoped lang=\"scss\">\n    .designer-widget-list {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        // gap: 3px;\n        &.empty-list {\n            min-height: 96px;\n        }\n        .empty-drop-zone {\n            position: absolute;\n            // top: 5px;\n            left: 0;\n            width: 100%;\n            z-index: 2;\n        }\n        :deep(.sortable-ghost) {\n            z-index: 99;\n        }\n    }\n\n    .list-transition-container {\n        display: flex;\n        flex-direction: column;\n        padding: 2px;\n    }\n\n    .transition-group-el {\n        position: relative;\n        padding: 1px;\n        .sortable-ghost {\n            width: 100%;\n        }\n    }\n\n    /* SortableJS 自动应用的类 */\n    .ghost-placeholder {\n        opacity: 0.5;\n        background: #c8ebfb;\n        border: 2px dashed var(--ant-primary-color);\n        height: 40px;\n        margin: 4px 0;\n        border-radius: 4px;\n    }\n\n    .sortable-chosen {\n        background: #fdfdfd;\n    }\n\n    .empty-drop-zone {\n        line-height: 1.2;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-size: 12px;\n        margin: 2px 0;\n        height: 90px;\n        background: rgba(#000, 0.05);\n        border: 1px dashed #d9d9d9;\n        border-radius: 2px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #999;\n        font-size: 14px;\n    }\n    .desginer-canvas {\n        &:deep(.ant-form-item) {\n            margin-bottom: 0;\n        }\n    }\n</style>\n"],"names":["_useModel","_unref","_createBlock","draggable","isCanvas","allowTypes","notAllowTypes","_withCtx","_createElementVNode","_createVNode","_resolveDynamicComponent","_createElementBlock","_openBlock","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEI,UAAM,EAAE,UAAU,WAAW,cAAc,aAAa,UAAA,IAAc,YAAA;AAEtE,UAAM,SAAS,CAAC,QAAa;AACzB,aAAO,SAAS,MAAM,gBAAgB,GAAG;AAAA,IAC7C;AAEA,UAAM,gBAAgBA,kBAAsB,MAG3C;;aA7EeC,MAAA,WAAA,kBACZC,YA8BYD,MAAAE,SAAA,GAAA;AAAA;oBA7BC,cAAA;AAAA,qEAAA,cAAa,QAAA;AAAA,QACtB,uBAAM,kDAAgD,CAAA,EAAA,cAAA,CAC5B,oBAAc,OAAA,wBAA+BC,KAAAA,SAAAA,CAAQ,CAAA,CAAA;AAAA,QAC/E,KAAI;AAAA,QACH,WAAW;AAAA,QACZ,OAAM;AAAA,QACN,QAAO;AAAA,QACP,YAAS;AAAA,QACR,MAAM;AAAA,QACN,oBAAkBC,KAAAA,WAAW,KAAI,GAAA;AAAA,QACjC,wBAAsBC,KAAAA,cAAc,KAAI,GAAA;AAAA,QACxC,UAAQL,MAAA,YAAA;AAAA,QACR,kCAAM,QAAaA,iBAAU,KAAK,cAAA,KAAa;AAAA,MAAA;QAErC,MAAIM,QACX,CASM,EAAA,SAVkB,QAAQ,YAAK;AAAA,UACrCC,mBASM,OAAA;AAAA,YATA,IAAI,OAAO;AAAA,YAAI,OAAM;AAAA,YAAuB,kBAAgB,OAAO;AAAA,UAAA;YACrEC,YAOgBR,MAAA,aAAA,GAAA;AAAA,cAPA;AAAA,cAAiB;AAAA,cAAsB,MAAM,cAAA;AAAA,qEAAA,cAAa,QAAA;AAAA,YAAA;+BACtE,MAKE;AAAA,8BALFC,YAKEQ,wBAJOT,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,kBACpB;AAAA,kBACA,OAAO;AAAA,kBACP;AAAA,gBAAA;;;;;;QAKN,gBACP,MAAyE;AAAA,UAA7D,CAAA,cAAA,MAAc,uBAA1BU,mBAAyE,OAAzE,YAA0D,WAAS;;;iGAK3EC,UAAA,IAAA,GAAAD,mBAMME,UAAA,EAAA,KAAA,EAAA,GAAAC,WALwB,cAAA,OAAa,CAA/B,QAAQ,UAAK;4BADzBH,mBAMM,OAAA;AAAA,UAJD,KAAG,GAAK,OAAO,EAAE,IAAI,KAAK;AAAA,UAC3B,OAAM;AAAA,QAAA;wBAENT,YAAqFQ,wBAArET,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,YAAI;AAAA,YAAiB,OAAO;AAAA,YAAS;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"RenderWidgetList.vue2.js","sources":["../../../../../../core/src/components/common/RenderWidgetList.vue"],"sourcesContent":["<template>\n    <template v-if=\"designState\">\n        <draggable\n            v-model=\"draggableList\"\n            class=\"designer-widget-list list-transition-container\"\n            :class=\"[{ 'empty-list': !draggableList.length }, { 'desginer-canvas': isCanvas }]\"\n            tag=\"div\"\n            :animation=\"200\"\n            group=\"widget\"\n            handle=\".drag-handler\"\n            item-key=\"id\"\n            :move=\"onMove\"\n            :data-allow-types=\"allowTypes.join(',')\"\n            :data-not-allow-types=\"notAllowTypes.join(',')\"\n            @update=\"onDragUpdate\"\n            @add=\"(evt: any) => onDragAdd(evt, draggableList)\"\n        >\n            <template #item=\"{ element: widget, index }\">\n                <div :id=\"widget.id\" class=\"transition-group-el\" :data-widget-id=\"widget.id\">\n                    <WidgetWrapper :widget=\"widget\" :index=\"index\" v-model:list=\"draggableList\">\n                        <component\n                            :is=\"getWidget(widget)\"\n                            :widget=\"widget\"\n                            :field=\"widget\"\n                            :index=\"index\"\n                        />\n                    </WidgetWrapper>\n                </div>\n            </template>\n            <template #footer>\n                <div v-if=\"!draggableList.length\" class=\"empty-drop-zone\"> 拖拽组件到此处 </div>\n            </template>\n        </draggable>\n    </template>\n    <template v-else>\n        <div\n            v-for=\"(widget, index) in draggableList\"\n            :key=\"`${widget.id}_${index}`\"\n            class=\"t-overflow-hidden\"\n            :id=\"widget.id\"\n        >\n            <component :is=\"getWidget(widget)\" :widget=\"widget\" :field=\"widget\" :index=\"index\" />\n        </div>\n    </template>\n</template>\n\n<script lang=\"ts\" setup>\n    import draggable from 'vuedraggable';\n    import { useDesigner, WidgetWrapper } from '@kp-ui/lowcode-core';\n    import type { Widget, FormDesigner } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        inheritAttrs: false,\n        name: 'RenderWidgetList'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            isCanvas?: boolean;\n            allowTypes?: string[];\n            notAllowTypes?: string[];\n            parentWidget: Widget | FormDesigner | null;\n        }>(),\n        {\n            isCanvas: false,\n            allowTypes: () => [],\n            notAllowTypes: () => []\n        }\n    );\n\n    const { designer, onDragAdd, onDragUpdate, designState, getWidget } = useDesigner();\n\n    const onMove = (evt: any) => {\n        return designer.value.checkWidgetMove(evt);\n    };\n\n    const draggableList = defineModel<Widget[]>('list', {\n        type: Array,\n        default: []\n    });\n</script>\n\n<style scoped lang=\"scss\">\n    .designer-widget-list {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        // gap: 3px;\n        &.empty-list {\n            min-height: 96px;\n        }\n        .empty-drop-zone {\n            position: absolute;\n            // top: 5px;\n            left: 0;\n            width: 100%;\n            z-index: 2;\n        }\n        :deep(.sortable-ghost) {\n            z-index: 99;\n        }\n    }\n\n    .list-transition-container {\n        display: flex;\n        flex-direction: column;\n        padding: 2px;\n    }\n\n    .transition-group-el {\n        position: relative;\n        padding: 1px;\n        .sortable-ghost {\n            width: 100%;\n        }\n    }\n\n    /* SortableJS 自动应用的类 */\n    .ghost-placeholder {\n        opacity: 0.5;\n        background: #c8ebfb;\n        border: 2px dashed var(--ant-primary-color);\n        height: 40px;\n        margin: 4px 0;\n        border-radius: 4px;\n    }\n\n    .sortable-chosen {\n        background: #fdfdfd;\n    }\n\n    .empty-drop-zone {\n        line-height: 1.2;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-size: 12px;\n        margin: 2px 0;\n        height: 90px;\n        background: rgba(#000, 0.05);\n        border: 1px dashed #d9d9d9;\n        border-radius: 2px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #999;\n        font-size: 14px;\n    }\n    .desginer-canvas {\n        &:deep(.ant-form-item) {\n            margin-bottom: 0;\n        }\n    }\n</style>\n"],"names":["_useModel","_unref","_createBlock","draggable","isCanvas","allowTypes","notAllowTypes","_withCtx","_createElementVNode","_createVNode","_resolveDynamicComponent","_createElementBlock","_openBlock","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEI,UAAM,EAAE,UAAU,WAAW,cAAc,aAAa,UAAA,IAAc,YAAA;AAEtE,UAAM,SAAS,CAAC,QAAa;AACzB,aAAO,SAAS,MAAM,gBAAgB,GAAG;AAAA,IAC7C;AAEA,UAAM,gBAAgBA,kBAAsB,MAG3C;;aA9EeC,MAAA,WAAA,kBACZC,YA8BYD,MAAAE,SAAA,GAAA;AAAA;oBA7BC,cAAA;AAAA,qEAAA,cAAa,QAAA;AAAA,QACtB,uBAAM,kDAAgD,CAAA,EAAA,cAAA,CAC5B,oBAAc,OAAA,wBAA+BC,KAAAA,SAAAA,CAAQ,CAAA,CAAA;AAAA,QAC/E,KAAI;AAAA,QACH,WAAW;AAAA,QACZ,OAAM;AAAA,QACN,QAAO;AAAA,QACP,YAAS;AAAA,QACR,MAAM;AAAA,QACN,oBAAkBC,KAAAA,WAAW,KAAI,GAAA;AAAA,QACjC,wBAAsBC,KAAAA,cAAc,KAAI,GAAA;AAAA,QACxC,UAAQL,MAAA,YAAA;AAAA,QACR,kCAAM,QAAaA,iBAAU,KAAK,cAAA,KAAa;AAAA,MAAA;QAErC,MAAIM,QACX,CASM,EAAA,SAVkB,QAAQ,YAAK;AAAA,UACrCC,mBASM,OAAA;AAAA,YATA,IAAI,OAAO;AAAA,YAAI,OAAM;AAAA,YAAuB,kBAAgB,OAAO;AAAA,UAAA;YACrEC,YAOgBR,MAAA,aAAA,GAAA;AAAA,cAPA;AAAA,cAAiB;AAAA,cAAsB,MAAM,cAAA;AAAA,qEAAA,cAAa,QAAA;AAAA,YAAA;+BACtE,MAKE;AAAA,8BALFC,YAKEQ,wBAJOT,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,kBACpB;AAAA,kBACA,OAAO;AAAA,kBACP;AAAA,gBAAA;;;;;;QAKN,gBACP,MAAyE;AAAA,UAA7D,CAAA,cAAA,MAAc,uBAA1BU,mBAAyE,OAAzE,YAA0D,WAAS;;;iGAK3EC,UAAA,IAAA,GAAAD,mBAOME,UAAA,EAAA,KAAA,EAAA,GAAAC,WANwB,cAAA,OAAa,CAA/B,QAAQ,UAAK;4BADzBH,mBAOM,OAAA;AAAA,UALD,KAAG,GAAK,OAAO,EAAE,IAAI,KAAK;AAAA,UAC3B,OAAM;AAAA,UACL,IAAI,OAAO;AAAA,QAAA;wBAEZT,YAAqFQ,wBAArET,MAAA,SAAA,EAAU,MAAM,CAAA,GAAA;AAAA,YAAI;AAAA,YAAiB,OAAO;AAAA,YAAS;AAAA,UAAA;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode-pc",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/components/desginer/form-widget/container-widget/useTableWidget.js

@@ -9,7 +9,7 @@ import "../index.vue.js";
 import "./index.js";
 import { useExecFunction, tranformAntTableColumnToVxetableColumn, CustomItemRender, tranformAntSizzVxetableSize, TpfDelConfirm } from "tmgc2-share";
 import "../../widget-panel/widgetsConfig.js";
-import ActionButtonListRender from "../../../public/ActionButtonListRender.vue.js";
+import ActionButtonListRender from "../../../public/ActionButtonListRender.vue3.js";
 /* empty css                                 */
 import { useDataHttp } from "../../../../../core/src/hooks/useDataHttp.js";
 import { useI18n } from "../../../../../core/src/utils/i18n.js";

package/src/components/desginer/form-widget/container-widget/vf-dialog-widget.vue2.js

@@ -9,7 +9,7 @@ import "./index.js";
 import "lodash-es";
 import "tmgc2-share";
 import "../../widget-panel/widgetsConfig.js";
-import ActionButtonListRender from "../../../public/ActionButtonListRender.vue.js";
+import ActionButtonListRender from "../../../public/ActionButtonListRender.vue3.js";
 /* empty css                                 */
 import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
 import { useAppRef } from "../../../../../core/src/hooks/useAppRef.js";

package/src/components/field-widget/button-list-widget.vue2.js

@@ -9,7 +9,7 @@ import "../desginer/form-widget/container-widget/index.js";
 import "lodash-es";
 import { useExecFunction } from "tmgc2-share";
 import "../desginer/widget-panel/widgetsConfig.js";
-import ActionButtonListRender from "../public/ActionButtonListRender.vue.js";
+import ActionButtonListRender from "../public/ActionButtonListRender.vue3.js";
 /* empty css                           */
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
 import { useField } from "../../../core/src/hooks/useField.js";

package/src/components/field-widget/diy-compontent-widget.vue2.js

@@ -1,5 +1,6 @@
-import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent } from "vue";
+import { defineComponent, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, isVNode, h } from "vue";
 import FormItemWrapper from "./form-item-wrapper.vue.js";
+import { CustomItemRender } from "tmgc2-share";
 import { ComponentNameEnum, WidgetTypeEnum } from "../../../core/src/constants/WidgetTypeEnum.js";
 import { useField } from "../../../core/src/hooks/useField.js";
 const _hoisted_1 = { class: "slot-wrapper-render" };
@@ -29,7 +30,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         params: { data: fieldModel.value },
         keys: ["data"]
       });
-      return component ?? null;
+      if (isVNode(component)) {
+        return h(CustomItemRender, { is: component });
+      }
+      return component;
     };
     __expose({
       ...defineExposed
@@ -38,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !unref(handleHidden) ? (openBlock(), createBlock(FormItemWrapper, mergeProps({ key: 0 }, props, { rules: unref(rules) }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(), createBlock(resolveDynamicComponent(renderCompont()), {
+            (openBlock(), createBlock(resolveDynamicComponent(renderCompont), {
               ref_key: "fieldEditor",
               ref: fieldEditor
             }, null, 512))

package/src/components/field-widget/diy-compontent-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"slot-wrapper-render\">\n            <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n        useField(props);\n\n    const renderCompont = () => {\n        const component = executeFunction({\n            functionBody: field.options.customRender,\n            params: { data: fieldModel.value },\n            keys: ['data']\n        });\n\n        return component ?? null;\n    };\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,eAAe,gBAAA,IACxE,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,aAAO,aAAa;AAAA,IACxB;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAjCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAqDG,wBAAnB,cAAA,CAAa,GAAA;AAAA,uBAAhC;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"diy-compontent-widget.vue2.js","sources":["../../../../src/components/field-widget/diy-compontent-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"slot-wrapper-render\">\n            <component ref=\"fieldEditor\" :is=\"renderCompont\" />\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@kp-ui/lowcode-core';\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { type FieldProps, useField } from '@kp-ui/lowcode-core';\n    import { h, isVNode } from 'vue';\n    import { CustomItemRender } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n        useField(props);\n\n    const renderCompont = () => {\n        const component = executeFunction({\n            functionBody: field.options.customRender,\n            params: { data: fieldModel.value },\n            keys: ['data']\n        });\n\n        if (isVNode(component)) {\n            return h(CustomItemRender, { is: component });\n        }\n        return component;\n    };\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAE,OAAO,aAAa,OAAO,YAAY,cAAc,eAAe,gBAAA,IACxE,SAAS,KAAK;AAElB,UAAM,gBAAgB,MAAM;AACxB,YAAM,YAAY,gBAAgB;AAAA,QAC9B,cAAc,MAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAM,WAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB;AAED,UAAI,QAAQ,SAAS,GAAG;AACpB,eAAO,EAAE,kBAAkB,EAAE,IAAI,WAAW;AAAA,MAChD;AACA,aAAO;AAAA,IACX;AAEA,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAtCwCA,MAAA,YAAA,KAAzCC,aAAAC,YAIoB,iBAJpBC,WAIoB,EAAA,KAAA,EAAA,GAJO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAEM;AAAA,UAFNI,mBAEM,OAFN,YAEM;AAAA,aADFH,aAAAC,YAAmDG,wBAAjB,aAAa,GAAA;AAAA,uBAAhC;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;;;;"}

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

@@ -1,53 +1,130 @@
-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"]]);
+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 {
-  ActionButtonListRender as default
+  _sfc_main 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":["_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.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":"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"}

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, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode } from "vue";
+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 = {
@@ -21,6 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       id = "",
       type = "edit"
     } = getLocat();
+    const anchorList = ref([]);
+    const setAnchorList = (list) => {
+      anchorList.value = list;
+    };
     const {
       vfdRef,
       formConfig,
@@ -42,7 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(TpfAddInfoLayout), {
-        title: __props.title
+        title: __props.title,
+        "anchor-list": anchorList.value
       }, {
         footerRight: withCtx(() => {
           var _a, _b;
@@ -60,11 +65,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           vfCtx: {
             _id: unref(id),
             ...unref(getLocat)(),
-            goBack: unref(goBack)
+            goBack: unref(goBack),
+            setAnchorList
           }
         }, null, 8, ["vfCtx"])]),
         _: 1
-      }, 8, ["title"])]);
+      }, 8, ["title", "anchor-list"])]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CustomPageRender.vue.js","sources":["../../../../../src/components/public/ConfigView/CustomPageRender.vue"],"sourcesContent":["<template>\n    <div class=\"t-bg-[#fff] t-h-full\">\n        <TpfAddInfoLayout :title=\"title\">\n            <VFormRender ref=\"vfdRef\" :vfCtx=\"{ _id: id, ...getLocat(), goBack }\" />\n            <template #footerRight>\n                <div id=\"fromBtn\"></div>\n                <ActionButtonListRender\n                    :buttonList=\"formConfig?.buttonList || []\"\n                    :ctx=\"vfdRef?.context\"\n                    @on-click=\"handleButtonClick\"\n                />\n            </template>\n        </TpfAddInfoLayout>\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { getLocat } from '@kp-ui/tool';\n    import { onMounted } from 'vue';\n    import { TpfAddInfoLayout } from 'tmgc2-share';\n    import { useLowcode } from '@kp-ui/lowcode-core';\n    import { type ActionButton } from '@kp-ui/lowcode-core';\n    import ActionButtonListRender from '../ActionButtonListRender.vue';\n    import VFormRender from '../../render/index.vue';\n\n    const props = defineProps({\n        title: {\n            type: String,\n            default: ''\n        }\n    });\n    const { formCode = '', id = '', type = 'edit' } = getLocat();\n\n    const { vfdRef, formConfig, getComponentJson, goBack } = useLowcode({ formCode, type });\n\n    const handleButtonClick = ({ item }: { item: ActionButton }) => {\n        if (item.name === 'cancelButton') {\n            goBack();\n        }\n    };\n\n    onMounted(async () => {\n        await getComponentJson([]);\n    });\n</script>\n\n<style lang=\"less\"></style>\n"],"names":["formCode","id","type","getLocat","vfdRef","formConfig","getComponentJson","goBack","useLowcode","handleButtonClick","item","name","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TpfAddInfoLayout","title","__props","footerRight","_createElementVNode","ActionButtonListRender","buttonList","ctx","context","onOnClick","VFormRender","ref","vfCtx","_id"],"mappings":";;;;;;;;;;;;;;;;;;AA+BI,UAAM;AAAA,MAAEA,WAAW;AAAA,MAAIC,KAAK;AAAA,MAAIC,OAAO;AAAA,QAAWC,SAAQ;AAE1D,UAAM;AAAA,MAAEC;AAAAA,MAAQC;AAAAA,MAAYC;AAAAA,MAAkBC;AAAAA,QAAWC,WAAW;AAAA,MAAER;AAAAA,MAAUE;AAAAA,IAAK,CAAC;AAEtF,UAAMO,oBAAoBA,CAAC;AAAA,MAAEC;AAAAA,IAA6B,MAAM;AAC5D,UAAIA,KAAKC,SAAS,gBAAgB;AAC9BJ,eAAM;AAAA,MACV;AAAA,IACJ;AAEAK,cAAU,YAAY;AAClB,YAAMN,iBAAiB,CAAA,CAAE;AAAA,IAC7B,CAAC;;AA1CD,aAAAO,UAAA,GAAAC,mBAYM,OAZNC,YAYM,CAXFC,YAUmBC,MAAAC,gBAAA,GAAA;AAAA,QAVAC,OAAOC,QAAAD;AAAAA,MAAK,GAAA;AAAA,QAEhBE,qBACP,MAAA;;AAAwB,4CAAxBC,mBAAwB,OAAA;AAAA,YAAnBrB,IAAG;AAAA,aAAS,MAAA,EAAA,IACjBe,YAIEO,wBAAA;AAAA,YAHGC,cAAYP,WAAAZ,UAAA,MAAAY,mBAAYO,eAAU,CAAA;AAAA,YAClCC,MAAKR,WAAAb,MAAA,MAAAa,mBAAQS;AAAAA,YACbC,WAAUlB;AAAAA;;yBANnB,MAAwE,CAAxEO,YAAwEY,aAAA;AAAA,mBAAvD;AAAA,UAAJC,KAAIzB;AAAAA,UAAU0B,OAAK;AAAA,YAAAC,KAASd,MAAAhB,EAAA;AAAA,YAAE,GAAKgB,MAAAd,QAAA,EAAQ;AAAA,oBAAIc,MAAAV,MAAA;AAAA,UAAM;AAAA;;;;;;"}
+{"version":3,"file":"CustomPageRender.vue.js","sources":["../../../../../src/components/public/ConfigView/CustomPageRender.vue"],"sourcesContent":["<template>\n    <div class=\"t-bg-[#fff] t-h-full\">\n        <TpfAddInfoLayout :title=\"title\" :anchor-list=\"anchorList\">\n            <VFormRender ref=\"vfdRef\" :vfCtx=\"{ _id: id, ...getLocat(), goBack, setAnchorList }\" />\n            <template #footerRight>\n                <div id=\"fromBtn\"></div>\n                <ActionButtonListRender\n                    :buttonList=\"formConfig?.buttonList || []\"\n                    :ctx=\"vfdRef?.context\"\n                    @on-click=\"handleButtonClick\"\n                />\n            </template>\n        </TpfAddInfoLayout>\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { getLocat } from '@kp-ui/tool';\n    import { onMounted, ref } from 'vue';\n    import { TpfAddInfoLayout, TpfAnchorList } from 'tmgc2-share';\n    import { useLowcode } from '@kp-ui/lowcode-core';\n    import { type ActionButton } from '@kp-ui/lowcode-core';\n    import ActionButtonListRender from '../ActionButtonListRender.vue';\n    import VFormRender from '../../render/index.vue';\n\n    const props = defineProps({\n        title: {\n            type: String,\n            default: ''\n        }\n    });\n    const { formCode = '', id = '', type = 'edit' } = getLocat();\n    const anchorList = ref<TpfAnchorList[]>([]);\n\n    const setAnchorList = (list: TpfAnchorList[]) => {\n        anchorList.value = list;\n    };\n\n    const { vfdRef, formConfig, getComponentJson, goBack } = useLowcode({ formCode, type });\n\n    const handleButtonClick = ({ item }: { item: ActionButton }) => {\n        if (item.name === 'cancelButton') {\n            goBack();\n        }\n    };\n\n    onMounted(async () => {\n        await getComponentJson([]);\n    });\n</script>\n\n<style lang=\"less\"></style>\n"],"names":["formCode","id","type","getLocat","anchorList","ref","setAnchorList","list","value","vfdRef","formConfig","getComponentJson","goBack","useLowcode","handleButtonClick","item","name","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TpfAddInfoLayout","title","__props","footerRight","_createElementVNode","ActionButtonListRender","buttonList","ctx","context","onOnClick","VFormRender","vfCtx"],"mappings":";;;;;;;;;;;;;;;;;;AA+BI,UAAM;AAAA,MAAEA,WAAW;AAAA,MAAIC,KAAK;AAAA,MAAIC,OAAO;AAAA,QAAWC,SAAQ;AAC1D,UAAMC,aAAaC,IAAqB,EAAE;AAE1C,UAAMC,gBAAiBC,UAA0B;AAC7CH,iBAAWI,QAAQD;AAAAA,IACvB;AAEA,UAAM;AAAA,MAAEE;AAAAA,MAAQC;AAAAA,MAAYC;AAAAA,MAAkBC;AAAAA,QAAWC,WAAW;AAAA,MAAEb;AAAAA,MAAUE;AAAAA,IAAK,CAAC;AAEtF,UAAMY,oBAAoBA,CAAC;AAAA,MAAEC;AAAAA,IAA6B,MAAM;AAC5D,UAAIA,KAAKC,SAAS,gBAAgB;AAC9BJ,eAAM;AAAA,MACV;AAAA,IACJ;AAEAK,cAAU,YAAY;AAClB,YAAMN,iBAAiB,CAAA,CAAE;AAAA,IAC7B,CAAC;;AA/CD,aAAAO,UAAA,GAAAC,mBAYM,OAZNC,YAYM,CAXFC,YAUmBC,MAAAC,gBAAA,GAAA;AAAA,QAVAC,OAAOC,QAAAD;AAAAA,QAAQ,eAAapB,WAAAI;AAAAA;QAEhCkB,qBACP,MAAA;;AAAwB,4CAAxBC,mBAAwB,OAAA;AAAA,YAAnB1B,IAAG;AAAA,aAAS,MAAA,EAAA,IACjBoB,YAIEO,wBAAA;AAAA,YAHGC,cAAYP,WAAAZ,UAAA,MAAAY,mBAAYO,eAAU,CAAA;AAAA,YAClCC,MAAKR,WAAAb,MAAA,MAAAa,mBAAQS;AAAAA,YACbC,WAAUlB;AAAAA;;yBANnB,MAAuF,CAAvFO,YAAuFY,aAAA;AAAA,mBAAtE;AAAA,UAAJ5B,KAAII;AAAAA,UAAUyB;iBAAcZ,MAAArB,EAAA;AAAA,YAAE,GAAKqB,gBAAQ;AAAA,YAAAV,QAAIU,MAAAV,MAAA;AAAA;UAAqB;AAAA;;;;;;"}