@kp-ui/lowcode-pc 1.0.0 → 1.0.1

package/core/src/components/DragBtn.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./DragBtn.vue2.js";
+/* empty css             */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const DragBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d93fc5cc"]]);
+export {
+  DragBtn as default
+};
+//# sourceMappingURL=DragBtn.vue.js.map

package/core/src/components/DragBtn.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragBtn.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/core/src/components/DragBtn.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, unref, createVNode, toDisplayString } from "vue";
+import { SvgIcon } from "tmgc2-share";
+import { useI18n } from "../utils/i18n.js";
+const _hoisted_1 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DragBtn",
+  props: {
+    selected: { type: Boolean },
+    widget: {}
+  },
+  setup(__props) {
+    const { i18nt, i18n2t } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ "drag-handler": true, selected: _ctx.selected })
+      }, [
+        createElementVNode("i", {
+          title: unref(i18nt)("designer.hint.dragHandler")
+        }, [
+          createVNode(unref(SvgIcon), { "icon-class": "icon-el-drag-move" })
+        ], 8, _hoisted_1),
+        createElementVNode("i", null, toDisplayString(unref(i18n2t)(
+          `designer.widgetLabel.${_ctx.widget.type}`,
+          `extension.widgetLabel.${_ctx.widget.type}`
+        )), 1)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DragBtn.vue2.js.map

package/core/src/components/DragBtn.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragBtn.vue2.js","sources":["../../../../../core/src/components/DragBtn.vue"],"sourcesContent":["<template>\n    <div :class=\"{ 'drag-handler': true, selected: selected }\">\n        <i :title=\"i18nt('designer.hint.dragHandler')\">\n            <svg-icon icon-class=\"icon-el-drag-move\" />\n        </i>\n        <i>\n            {{\n                i18n2t(\n                    `designer.widgetLabel.${widget.type}`,\n                    `extension.widgetLabel.${widget.type}`\n                )\n            }}\n        </i>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { useI18n } from '@kp-ui/lowcode-core';\n    import { SvgIcon } from 'tmgc2-share';\n    import type { Widget } from '@kp-ui/lowcode-core';\n\n    const { i18nt, i18n2t } = useI18n();\n\n    const props = defineProps<{\n        selected: boolean;\n        widget: Widget;\n    }>();\n</script>\n<style lang=\"scss\" scoped>\n    .drag-handler {\n        position: absolute;\n        top: -1px;\n        left: -1px;\n        height: 20px;\n        line-height: 20px;\n        z-index: 12;\n        background: var(--ant-primary-color);\n        display: flex;\n        align-items: center;\n        padding: 0 4px;\n        opacity: 0;\n        transition: opacity 0.2s;\n        visibility: hidden;\n        &.selected {\n            opacity: 0.6;\n            visibility: visible;\n            &:hover {\n                opacity: 1;\n            }\n        }\n\n        i {\n            font-size: 12px;\n            font-style: normal;\n            color: #fff;\n            margin: 0 2px;\n            cursor: move;\n            display: flex;\n            align-items: center;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","selected","_createElementVNode","_unref","_createVNode","widget"],"mappings":";;;;;;;;;;;AAqBI,UAAM,EAAE,OAAO,OAAA,IAAW,QAAA;;0BApB1BA,mBAYM,OAAA;AAAA,QAZA,wDAAyCC,KAAAA,UAAQ;AAAA,MAAA;QACnDC,mBAEI,KAAA;AAAA,UAFA,OAAOC,MAAA,KAAA,EAAK,2BAAA;AAAA,QAAA;UACZC,YAA2CD,MAAA,OAAA,GAAA,EAAjC,cAAW,qBAAmB;AAAA,QAAA;QAE5CD,mBAOI,2BALIC,MAAA,MAAA;AAAA,UAAoDE,wBAAAA,KAAAA,OAAO,IAAI;AAAA,UAAiDA,yBAAAA,KAAAA,OAAO,IAAI;AAAA,QAAA;;;;;"}

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

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  RenderWidgetList as default
+};
+//# sourceMappingURL=RenderWidgetList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderWidgetList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,97 @@
+import { defineComponent, mergeModels, useModel, createBlock, createElementBlock, unref, openBlock, normalizeClass, withCtx, createCommentVNode, createElementVNode, createVNode, resolveDynamicComponent, Fragment, renderList } from "vue";
+import Draggable from "vuedraggable";
+import { useDesigner } from "../../hooks/useDesigner.js";
+import WidgetWrapper from "./desginer/WidgetWrapper.vue.js";
+const _hoisted_1 = ["id", "data-widget-id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "empty-drop-zone"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false,
+    name: "RenderWidgetList"
+  },
+  __name: "RenderWidgetList",
+  props: /* @__PURE__ */ mergeModels({
+    isCanvas: { type: Boolean, default: false },
+    allowTypes: { default: () => [] },
+    notAllowTypes: { default: () => [] },
+    parentWidget: {}
+  }, {
+    "list": {
+      type: Array,
+      default: []
+    },
+    "listModifiers": {}
+  }),
+  emits: ["update:list"],
+  setup(__props) {
+    const { designer, onDragAdd, onDragUpdate, designState, getWidget } = useDesigner();
+    const onMove = (evt) => {
+      return designer.value.checkWidgetMove(evt);
+    };
+    const draggableList = useModel(__props, "list");
+    return (_ctx, _cache) => {
+      return unref(designState) ? (openBlock(), createBlock(unref(Draggable), {
+        key: 0,
+        modelValue: draggableList.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draggableList.value = $event),
+        class: normalizeClass(["designer-widget-list list-transition-container", [{ "empty-list": !draggableList.value.length }, { "desginer-canvas": _ctx.isCanvas }]]),
+        tag: "div",
+        animation: 200,
+        group: "widget",
+        handle: ".drag-handler",
+        "item-key": "id",
+        move: onMove,
+        "data-allow-types": _ctx.allowTypes.join(","),
+        "data-not-allow-types": _ctx.notAllowTypes.join(","),
+        onUpdate: unref(onDragUpdate),
+        onAdd: _cache[2] || (_cache[2] = (evt) => unref(onDragAdd)(evt, draggableList.value))
+      }, {
+        item: withCtx(({ element: widget, index }) => [
+          createElementVNode("div", {
+            id: widget.id,
+            class: "transition-group-el",
+            "data-widget-id": widget.id
+          }, [
+            createVNode(unref(WidgetWrapper), {
+              widget,
+              index,
+              list: draggableList.value,
+              "onUpdate:list": _cache[0] || (_cache[0] = ($event) => draggableList.value = $event)
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
+                  widget,
+                  field: widget,
+                  index
+                }, null, 8, ["widget", "field", "index"]))
+              ]),
+              _: 2
+            }, 1032, ["widget", "index", "list"])
+          ], 8, _hoisted_1)
+        ]),
+        footer: withCtx(() => [
+          !draggableList.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, " 拖拽组件到此处 ")) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 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"
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
+            widget,
+            field: widget,
+            index
+          }, null, 8, ["widget", "field", "index"]))
+        ]);
+      }), 128));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RenderWidgetList.vue2.js.map

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

@@ -0,0 +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;;;;;;"}

package/core/src/components/common/desginer/WidgetWrapper.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./WidgetWrapper.vue2.js";
+/* empty css                   */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const WidgetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2552afd"]]);
+export {
+  WidgetWrapper as default
+};
+//# sourceMappingURL=WidgetWrapper.vue.js.map

package/core/src/components/common/desginer/WidgetWrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWrapper.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/core/src/components/common/desginer/WidgetWrapper.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent, mergeModels, useModel, reactive, createElementBlock, openBlock, withModifiers, normalizeClass, unref, createVNode, createCommentVNode, renderSlot, createBlock } from "vue";
+import { useDesigner } from "../../../hooks/useDesigner.js";
+import DragBtn from "../../DragBtn.vue.js";
+import WidgetContextMenu from "../../contextMenu/WidgetContextMenu.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "widget-hidden"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WidgetWrapper",
+  props: /* @__PURE__ */ mergeModels({
+    widget: {},
+    index: {},
+    parentWidget: {}
+  }, {
+    "list": { default: () => [] },
+    "listModifiers": {}
+  }),
+  emits: ["update:list"],
+  setup(__props) {
+    const list = useModel(__props, "list");
+    const { selected, onWidgetClick } = useDesigner();
+    const contextMenuState = reactive({
+      visible: false,
+      x: 0,
+      y: 0
+    });
+    const onContextMenu = (event) => {
+      contextMenuState.x = event.clientX;
+      contextMenuState.y = event.clientY;
+      contextMenuState.visible = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["widget-wrapper", {
+          selected: unref(selected)(_ctx.widget.id),
+          "container-wrapper": _ctx.widget.category === "container"
+        }]),
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(onWidgetClick)(_ctx.widget), ["stop"])),
+        onContextmenu: withModifiers(onContextMenu, ["prevent", "stop"])
+      }, [
+        createVNode(unref(DragBtn), {
+          selected: unref(selected)(_ctx.widget.id),
+          widget: _ctx.widget
+        }, null, 8, ["selected", "widget"]),
+        _ctx.widget.options.hidden ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        contextMenuState.visible ? (openBlock(), createBlock(unref(WidgetContextMenu), {
+          key: 1,
+          visible: contextMenuState.visible,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => contextMenuState.visible = $event),
+          list: list.value,
+          "onUpdate:list": _cache[1] || (_cache[1] = ($event) => list.value = $event),
+          x: contextMenuState.x,
+          y: contextMenuState.y,
+          widget: _ctx.widget,
+          index: _ctx.index,
+          parentWidget: _ctx.parentWidget
+        }, null, 8, ["visible", "list", "x", "y", "widget", "index", "parentWidget"])) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=WidgetWrapper.vue2.js.map

package/core/src/components/common/desginer/WidgetWrapper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWrapper.vue2.js","sources":["../../../../../../../core/src/components/common/desginer/WidgetWrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"widget-wrapper\"\n        :class=\"{\n            selected: selected(widget.id),\n            'container-wrapper': widget.category === 'container'\n        }\"\n        @click.stop=\"onWidgetClick(widget)\"\n        @contextmenu.prevent.stop=\"onContextMenu\"\n    >\n        <!-- 拖动手柄 -->\n        <DragBtn :selected=\"selected(widget.id)\" :widget=\"widget\" />\n        <!-- 隐藏 -->\n        <div v-if=\"widget.options.hidden\" class=\"widget-hidden\"></div>\n\n        <slot></slot>\n        <!-- 右键菜单 -->\n        <WidgetContextMenu\n            v-if=\"contextMenuState.visible\"\n            v-model:visible=\"contextMenuState.visible\"\n            v-model:list=\"list\"\n            :x=\"contextMenuState.x\"\n            :y=\"contextMenuState.y\"\n            :widget=\"widget\"\n            :index=\"index\"\n            :parentWidget=\"parentWidget\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { reactive } from 'vue';\n    import { useDesigner, Widget, WidgetContextMenu, DragBtn } from '@kp-ui/lowcode-core';\n\n    const props = defineProps<{\n        widget: Widget;\n        index: number;\n        parentWidget?: any;\n    }>();\n\n    const list = defineModel<Widget[]>('list', { default: () => [] });\n    const { designer, selected, onWidgetClick } = useDesigner();\n\n    const contextMenuState = reactive({\n        visible: false,\n        x: 0,\n        y: 0\n    });\n\n    const onContextMenu = (event: MouseEvent) => {\n        contextMenuState.x = event.clientX;\n        contextMenuState.y = event.clientY;\n        contextMenuState.visible = true;\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .widget-wrapper {\n        position: relative;\n        padding: 2px;\n        min-height: 20px;\n        cursor: pointer;\n        border: 1px dashed #cccccc;\n        gap: 3px;\n\n        &.container-wrapper {\n            border-width: 2px;\n            &.selected {\n                outline: solid var(--ant-primary-color);\n            }\n        }\n\n        &.selected {\n            /* background-color: rgba(24, 144, 255, 0.1); */\n            outline: 2px solid var(--ant-primary-color);\n        }\n\n        .widget-hidden {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: repeating-linear-gradient(\n                45deg,\n                rgba(0, 0, 0, 0.1),\n                rgba(0, 0, 0, 0.1) 10px,\n                rgba(0, 0, 0, 0.2) 10px,\n                rgba(0, 0, 0, 0.2) 20px\n            );\n            z-index: 11;\n        }\n\n        .action-buttons {\n            position: absolute;\n            bottom: -2px;\n            right: -2px;\n            height: 22px;\n            width: 22px;\n            background-color: var(--ant-primary-color);\n            color: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            z-index: 11;\n            font-size: 14px;\n\n            &:hover {\n                background-color: #ff4d4f;\n            }\n        }\n    }\n</style>\n"],"names":["_useModel","_createElementBlock","_unref","widget","_withModifiers","_createVNode","_openBlock","_renderSlot","_createBlock","index","parentWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCI,UAAM,OAAOA,SAAqB,SAAC,MAA6B;AAChE,UAAM,EAAY,UAAU,cAAA,IAAkB,YAAA;AAE9C,UAAM,mBAAmB,SAAS;AAAA,MAC9B,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACN;AAED,UAAM,gBAAgB,CAAC,UAAsB;AACzC,uBAAiB,IAAI,MAAM;AAC3B,uBAAiB,IAAI,MAAM;AAC3B,uBAAiB,UAAU;AAAA,IAC/B;;0BApDAC,mBA0BM,OAAA;AAAA,QAzBF,uBAAM,kBAAgB;AAAA,oBACUC,MAAA,QAAA,EAASC,KAAAA,OAAO,EAAE;AAAA,UAAoCA,qBAAAA,KAAAA,OAAO,aAAQ;AAAA,QAAA;QAIpG,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,CAAA,WAAOF,MAAA,aAAA,EAAcC,KAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,QAChC,6BAA0B,eAAa,CAAA,WAAA,MAAA,CAAA;AAAA,MAAA;QAGxCE,YAA4DH,MAAA,OAAA,GAAA;AAAA,UAAlD,UAAUA,MAAA,QAAA,EAASC,KAAAA,OAAO,EAAE;AAAA,UAAI,QAAQA,KAAAA;AAAAA,QAAAA;QAEvCA,KAAAA,OAAO,QAAQ,UAA1BG,UAAA,GAAAL,mBAA8D,OAA9D,UAA8D;QAE9DM,WAAa,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,QAGH,iBAAiB,wBAD3BC,YASEN,MAAA,iBAAA,GAAA;AAAA;UAPU,SAAS,iBAAiB;AAAA,UAAjB,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,iBAAiB,UAAO;AAAA,UACjC,MAAM,KAAA;AAAA,iEAAA,KAAI,QAAA;AAAA,UACjB,GAAG,iBAAiB;AAAA,UACpB,GAAG,iBAAiB;AAAA,UACpB,QAAQC,KAAAA;AAAAA,UACR,OAAOM,KAAAA;AAAAA,UACP,cAAcC,KAAAA;AAAAA,QAAAA;;;;;"}

package/core/src/components/common/render/Debugger.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./Debugger.vue2.js";
+/* empty css              */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const Debugger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10eb5e61"]]);
+export {
+  Debugger as default
+};
+//# sourceMappingURL=Debugger.vue.js.map

package/core/src/components/common/render/Debugger.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Debugger.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/core/src/components/common/render/Debugger.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent, useModel, inject, ref, createElementBlock, openBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, unref, Fragment, renderList } from "vue";
+import JsonViewer from "vue-json-viewer";
+const _hoisted_1 = { class: "debug-content" };
+const _hoisted_2 = { class: "debug-section" };
+const _hoisted_3 = { class: "debug-section" };
+const _hoisted_4 = { class: "widget-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "widget-key" };
+const _hoisted_7 = { class: "debug-section" };
+const _hoisted_8 = { class: "widget-list" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Debugger",
+  props: {
+    "visible": {
+      type: Boolean,
+      default: false
+    },
+    "visibleModifiers": {}
+  },
+  emits: ["update:visible"],
+  setup(__props) {
+    const debugVisible = useModel(__props, "visible");
+    const formDataModel = inject("formData", {});
+    const widgetRefList = inject("refList", ref(/* @__PURE__ */ new Map()));
+    const formConfig = inject("formConfig", ref({}));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["debug-panel", { collapsed: !debugVisible.value }])
+      }, [
+        createElementVNode("div", {
+          class: "debug-toggle",
+          onClick: _cache[0] || (_cache[0] = ($event) => debugVisible.value = !debugVisible.value)
+        }, toDisplayString(debugVisible.value ? "收起" : "调试"), 1),
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[1] || (_cache[1] = createElementVNode("h3", null, "Form Data Model", -1)),
+            createVNode(unref(JsonViewer), {
+              value: unref(formDataModel),
+              "expand-depth": 5
+            }, null, 8, ["value"])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("h3", null, "Widget Ref List (" + toDisplayString(unref(widgetRefList).size) + " widgets)", 1),
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(widgetRefList), ([key, value]) => {
+                return openBlock(), createElementBlock("div", {
+                  onClick: ($event) => console.log(value),
+                  key,
+                  class: "widget-item"
+                }, [
+                  createElementVNode("div", _hoisted_6, toDisplayString(key), 1)
+                ], 8, _hoisted_5);
+              }), 128))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            _cache[2] || (_cache[2] = createElementVNode("h3", null, "FormConfig", -1)),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(unref(JsonViewer), {
+                value: unref(formConfig),
+                "expand-depth": 5
+              }, null, 8, ["value"])
+            ])
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Debugger.vue2.js.map

package/core/src/components/common/render/Debugger.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Debugger.vue2.js","sources":["../../../../../../../core/src/components/common/render/Debugger.vue"],"sourcesContent":["<template>\n    <div class=\"debug-panel\" :class=\"{ collapsed: !debugVisible }\">\n        <div class=\"debug-toggle\" @click=\"debugVisible = !debugVisible\">\n            {{ debugVisible ? '收起' : '调试' }}\n        </div>\n        <div class=\"debug-content\">\n            <div class=\"debug-section\">\n                <h3>Form Data Model</h3>\n                <JsonViewer :value=\"formDataModel\" :expand-depth=\"5\" />\n            </div>\n            <div class=\"debug-section\">\n                <h3>Widget Ref List ({{ widgetRefList.size }} widgets)</h3>\n                <div class=\"widget-list\">\n                    <div\n                        v-for=\"[key, value] in widgetRefList\"\n                        @click=\"console.log(value)\"\n                        :key=\"key\"\n                        class=\"widget-item\"\n                    >\n                        <div class=\"widget-key\">{{ key }}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"debug-section\">\n                <h3>FormConfig</h3>\n                <div class=\"widget-list\">\n                    <JsonViewer :value=\"formConfig\" :expand-depth=\"5\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, inject } from 'vue';\n    import JsonViewer from 'vue-json-viewer';\n    const debugVisible = defineModel('visible', {\n        type: Boolean,\n        default: false\n    });\n\n    const formDataModel = inject('formData', {});\n    const widgetRefList = inject('refList', ref(new Map()));\n    const formConfig = inject('formConfig', ref({}));\n</script>\n\n<style lang=\"less\" scoped>\n    /* 调试面板样式 */\n    .debug-panel {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 400px;\n        height: 100vh;\n        background-color: #fff;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n        z-index: 9999;\n        transition: transform 0.3s ease-in-out;\n        display: flex;\n        flex-direction: column;\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n        :deep(.jv-container .jv-code) {\n            padding: 0;\n        }\n\n        &.collapsed {\n            transform: translateX(400px);\n\n            .debug-toggle {\n                left: -40px;\n                border-radius: 8px 0 0 8px;\n                width: 40px;\n            }\n        }\n\n        .debug-toggle {\n            position: absolute;\n            left: -40px;\n            top: 20px;\n            width: 40px;\n            height: 40px;\n            background-color: var(--ant-primary-color);\n            color: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            border-radius: 8px 0 0 8px;\n            font-size: 12px;\n            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n            writing-mode: vertical-lr;\n            padding: 8px 0;\n            user-select: none;\n        }\n\n        .debug-content {\n            flex: 1;\n            overflow: auto;\n            padding: 16px;\n            background-color: #f5f7fa;\n\n            .debug-section {\n                margin-bottom: 24px;\n                background-color: #fff;\n                border-radius: 8px;\n                padding: 16px;\n                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n\n                h3 {\n                    margin: 0 0 12px 0;\n                    font-size: 14px;\n                    font-weight: 600;\n                    color: #333;\n                    border-bottom: 1px solid #e8e8e8;\n                    padding-bottom: 8px;\n                }\n\n                .empty-state {\n                    color: #999;\n                    font-size: 12px;\n                    text-align: center;\n                    padding: 20px;\n                }\n\n                .widget-list {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 2px;\n\n                    .widget-item {\n                        border: 1px solid #e8e8e8;\n                        border-radius: 4px;\n                        padding: 2px 4px;\n                        line-height: 1.2;\n                        background-color: #fafafa;\n                        cursor: pointer;\n\n                        .widget-key {\n                            font-weight: 600;\n                            color: var(--ant-primary-color);\n                            font-size: 12px;\n                        }\n                    }\n                }\n            }\n\n            pre {\n                margin: 0;\n                font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n                font-size: 12px;\n                white-space: pre-wrap;\n                word-wrap: break-word;\n                background-color: #f5f5f5;\n                padding: 8px;\n                border-radius: 4px;\n                color: #333;\n            }\n        }\n    }\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_unref","_toDisplayString","_openBlock","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCI,UAAM,eAAeA,SAAW,SAAC,SAGhC;AAED,UAAM,gBAAgB,OAAO,YAAY,EAAE;AAC3C,UAAM,gBAAgB,OAAO,WAAW,IAAI,oBAAI,IAAA,CAAK,CAAC;AACtD,UAAM,aAAa,OAAO,cAAc,IAAI,CAAA,CAAE,CAAC;;0BA1C/CC,mBA6BM,OAAA;AAAA,QA7BD,OAAKC,eAAA,CAAC,eAAa,EAAA,WAAA,CAAuB,aAAA,OAAY,CAAA;AAAA,MAAA;QACvDC,mBAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAgB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,aAAA,QAAY,CAAI,aAAA;AAAA,QAAA,mBAC3C,aAAA,QAAY,OAAA,IAAA,GAAA,CAAA;AAAA,QAEnBA,mBAwBM,OAxBN,YAwBM;AAAA,UAvBFA,mBAGM,OAHN,YAGM;AAAA,YAFF,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAwB,YAApB,mBAAe,EAAA;AAAA,YACnBC,YAAuDC,MAAA,UAAA,GAAA;AAAA,cAA1C,OAAOA,MAAA,aAAA;AAAA,cAAgB,gBAAc;AAAA,YAAA;;UAEtDF,mBAYM,OAZN,YAYM;AAAA,YAXFA,mBAA2D,YAAvD,sBAAiBG,gBAAGD,qBAAc,IAAI,IAAG,aAAS,CAAA;AAAA,YACtDF,mBASM,OATN,YASM;AAAA,eARFI,UAAA,IAAA,GAAAN,mBAOMO,UAAA,MAAAC,WANqBJ,MAAA,aAAA,GAAa,CAAA,CAA5B,KAAK,KAAK,MAAA;oCADtBJ,mBAOM,OAAA;AAAA,kBALD,SAAK,CAAA,WAAE,QAAQ,IAAI,KAAK;AAAA,kBACxB;AAAA,kBACD,OAAM;AAAA,gBAAA;kBAENE,mBAAuC,OAAvC,YAAuCG,gBAAZ,GAAG,GAAA,CAAA;AAAA,gBAAA;;;;UAI1CH,mBAKM,OALN,YAKM;AAAA,YAJF,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAmB,YAAf,cAAU,EAAA;AAAA,YACdA,mBAEM,OAFN,YAEM;AAAA,cADFC,YAAoDC,MAAA,UAAA,GAAA;AAAA,gBAAvC,OAAOA,MAAA,UAAA;AAAA,gBAAa,gBAAc;AAAA,cAAA;;;;;;;;"}

package/core/src/components/common/render/LowcodeRenderProvider.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent, watch, provide, renderSlot } from "vue";
+import { useLocaleStore } from "@kp-ui/i18n";
+import { storeToRefs } from "pinia";
+import { useWebMCP } from "../../../hooks/useWebMCP.js";
+import { useI18n } from "../../../utils/i18n.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false,
+    name: "LowcodeRenderProvider"
+  },
+  __name: "LowcodeRenderProvider",
+  props: {
+    designState: {
+      type: Boolean,
+      default: false
+    },
+    getWidget: {},
+    context: {}
+  },
+  setup(__props) {
+    var _a, _b, _c, _d, _e, _f;
+    const props = __props;
+    const localeStore = useLocaleStore();
+    const {
+      locale
+    } = storeToRefs(localeStore);
+    const {
+      initLocale
+    } = useI18n();
+    const {
+      registerWebMCPTools
+    } = useWebMCP(props.context);
+    watch(locale, () => {
+      initLocale(locale.value);
+    }, {
+      immediate: true
+    });
+    provide("designState", props.designState);
+    provide("getWidget", props.getWidget);
+    provide("formConfig", (_a = props.context) == null ? void 0 : _a.formConfig);
+    provide("formWidgetId", (_b = props.context) == null ? void 0 : _b.formWidgetId);
+    provide("refList", (_c = props.context) == null ? void 0 : _c.widgetRefList);
+    provide("formData", (_d = props.context) == null ? void 0 : _d.formDataModel);
+    provide("getReadMode", () => {
+      var _a2;
+      return (_a2 = props.context) == null ? void 0 : _a2.readModeFlag.value;
+    });
+    provide("layoutType", (_e = props.context) == null ? void 0 : _e.layoutType);
+    provide("designer", (_f = props.context) == null ? void 0 : _f.designer);
+    if (typeof window !== "undefined") {
+      registerWebMCPTools();
+    }
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LowcodeRenderProvider.vue.js.map

package/core/src/components/common/render/LowcodeRenderProvider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowcodeRenderProvider.vue.js","sources":["../../../../../../../core/src/components/common/render/LowcodeRenderProvider.vue"],"sourcesContent":["<template>\n    <slot></slot>\n</template>\n<script lang=\"tsx\" setup>\n    import { useI18n, type Widget, useWebMCP } from '@kp-ui/lowcode-core';\n    import { Component, provide, ref, watch } from 'vue';\n    import { useLocaleStore } from '@kp-ui/i18n';\n    import { storeToRefs } from 'pinia';\n\n    defineOptions({\n        inheritAttrs: false,\n        name: 'LowcodeRenderProvider'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            designState?: boolean;\n            getWidget: (widget: Widget) => Component;\n            context: any;\n        }>(),\n        {\n            designState: false\n        }\n    );\n\n    const localeStore = useLocaleStore();\n    const { locale } = storeToRefs(localeStore);\n    const { initLocale } = useI18n();\n    const { registerWebMCPTools } = useWebMCP(props.context);\n\n    watch(\n        locale,\n        () => {\n            initLocale(locale.value);\n        },\n        {\n            immediate: true\n        }\n    );\n\n    provide('designState', props.designState); // 设计态标识\n    provide('getWidget', props.getWidget);\n    provide('formConfig', props.context?.formConfig);\n    provide('formWidgetId', props.context?.formWidgetId);\n    // 提供给子组件的数据\n    provide('refList', props.context?.widgetRefList);\n    provide('formData', props.context?.formDataModel);\n    provide('getReadMode', () => props.context?.readModeFlag.value);\n    provide('layoutType', props.context?.layoutType);\n    provide('designer', props.context?.designer);\n\n    // 挂载全局方法供 Chrome DevTools 调用\n    if (typeof window !== 'undefined') {\n        // WebMCP 规范注册\n        registerWebMCPTools();\n    }\n</script>\n"],"names":["props","__props","localeStore","useLocaleStore","locale","storeToRefs","initLocale","useI18n","registerWebMCPTools","useWebMCP","context","watch","value","immediate","provide","designState","getWidget","formConfig","formWidgetId","widgetRefList","formDataModel","readModeFlag","layoutType","designer","window","_renderSlot","_ctx","$slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcI,UAAMA,QAAQC;AAWd,UAAMC,cAAcC,eAAc;AAClC,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAIC,YAAYH,WAAW;AAC1C,UAAM;AAAA,MAAEI;AAAAA,QAAeC,QAAO;AAC9B,UAAM;AAAA,MAAEC;AAAAA,IAAoB,IAAIC,UAAUT,MAAMU,OAAO;AAEvDC,UACIP,QACA,MAAM;AACFE,iBAAWF,OAAOQ,KAAK;AAAA,IAC3B,GACA;AAAA,MACIC,WAAW;AAAA,IACf,CACJ;AAEAC,YAAQ,eAAed,MAAMe,WAAW;AACxCD,YAAQ,aAAad,MAAMgB,SAAS;AACpCF,YAAQ,eAAcd,WAAMU,YAANV,mBAAeiB,UAAU;AAC/CH,YAAQ,iBAAgBd,WAAMU,YAANV,mBAAekB,YAAY;AAEnDJ,YAAQ,YAAWd,WAAMU,YAANV,mBAAemB,aAAa;AAC/CL,YAAQ,aAAYd,WAAMU,YAANV,mBAAeoB,aAAa;AAChDN,YAAQ,eAAe,MAAA;;AAAMd,cAAAA,MAAAA,MAAMU,YAANV,gBAAAA,IAAeqB,aAAaT;AAAAA,KAAK;AAC9DE,YAAQ,eAAcd,WAAMU,YAANV,mBAAesB,UAAU;AAC/CR,YAAQ,aAAYd,WAAMU,YAANV,mBAAeuB,QAAQ;AAG3C,QAAI,OAAOC,WAAW,aAAa;AAE/BhB,0BAAmB;AAAA,IACvB;;aAtDAiB,WAAaC,KAAAC,QAAA,SAAA;AAAA;;;"}

package/core/src/components/common/render/LowcodeRenderProvider.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./LowcodeRenderProvider.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LowcodeRenderProvider.vue2.js.map

package/core/src/components/common/render/LowcodeRenderProvider.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowcodeRenderProvider.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/core/src/components/common/render/RenderForm.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent, ref, computed, onMounted, createBlock, openBlock, unref, withKeys, normalizeClass, withCtx, createVNode } from "vue";
+import { Form } from "ant-design-vue";
+import { useEmitter } from "../../../utils/useEmitter.js";
+import RenderWidgetList from "../RenderWidgetList.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RenderForm",
+  props: {
+    context: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["form-submit", "form-cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const renderForm = ref();
+    const { emit$, on$, off$ } = useEmitter();
+    const formDataModel = computed({
+      get: () => props.context.formDataModel.value,
+      set: (val) => {
+        props.context.formDataModel.value = val;
+      }
+    });
+    const readModeFlag = computed(() => props.context.readModeFlag.value);
+    const formConfig = computed(() => props.context.formConfig.value);
+    const widgetList = computed(() => props.context.widgetList.value);
+    const labelPosition = computed(() => props.context.labelPosition.value);
+    const customClass = computed(() => props.context.customClass.value);
+    const handleEnterKey = () => {
+      var _a;
+      if (((_a = formConfig.value) == null ? void 0 : _a.isEnterSubmit) === 1) {
+        props.context.onFormUpdate();
+      }
+    };
+    onMounted(() => {
+    });
+    __expose({
+      renderForm,
+      off$,
+      on$,
+      emit$
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Form), {
+        ref_key: "renderForm",
+        ref: renderForm,
+        layout: labelPosition.value,
+        class: normalizeClass(["render-form", "tpf-form", customClass.value, readModeFlag.value ? "readonly-mode-form" : ""]),
+        scrollToFirstError: true,
+        validateOnRuleChange: false,
+        model: formDataModel.value,
+        onKeydown: withKeys(handleEnterKey, ["enter"])
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(RenderWidgetList), {
+            parentWidget: null,
+            list: widgetList.value,
+            "onUpdate:list": _cache[0] || (_cache[0] = ($event) => widgetList.value = $event)
+          }, null, 8, ["list"])
+        ]),
+        _: 1
+      }, 8, ["layout", "class", "model"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RenderForm.vue.js.map

package/core/src/components/common/render/RenderForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderForm.vue.js","sources":["../../../../../../../core/src/components/common/render/RenderForm.vue"],"sourcesContent":["<template>\n    <Form\n        ref=\"renderForm\"\n        :layout=\"labelPosition\"\n        :class=\"['render-form', 'tpf-form', customClass, readModeFlag ? 'readonly-mode-form' : '']\"\n        :scrollToFirstError=\"true\"\n        :validateOnRuleChange=\"false\"\n        :model=\"formDataModel\"\n        @keydown.enter=\"handleEnterKey\"\n    >\n        <RenderWidgetList :parentWidget=\"null\" v-model:list=\"widgetList\" />\n    </Form>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, onMounted, type PropType } from 'vue';\n    import { Form } from 'ant-design-vue';\n    import { RenderWidgetList } from '@kp-ui/lowcode-core';\n    import { useEmitter } from '@kp-ui/lowcode-core/src/utils/useEmitter';\n\n    /**\n     * 表单容器组件\n     * 负责渲染表单及其子组件\n     */\n    const props = defineProps({\n        context: {\n            type: Object as PropType<any>,\n            required: true\n        }\n    });\n\n    const emit = defineEmits(['form-submit', 'form-cancel']);\n\n    // 组件引用\n    const renderForm = ref();\n    const { emit$, on$, off$ } = useEmitter();\n\n    // 从上下文中获取数据\n    const formDataModel = computed({\n        get: () => props.context.formDataModel.value,\n        set: val => {\n            props.context.formDataModel.value = val;\n        }\n    });\n    const readModeFlag = computed(() => props.context.readModeFlag.value);\n    const formConfig = computed(() => props.context.formConfig.value);\n    const widgetList = computed(() => props.context.widgetList.value);\n    const labelPosition = computed(() => props.context.labelPosition.value);\n    const customClass = computed(() => props.context.customClass.value);\n\n    /**\n     * 处理回车键事件\n     */\n    const handleEnterKey = () => {\n        if (formConfig.value?.isEnterSubmit === 1) {\n            props.context.onFormUpdate();\n        }\n    };\n\n    onMounted(() => {});\n\n    // 暴露方法\n    defineExpose({\n        renderForm,\n        off$,\n        on$,\n        emit$\n    });\n</script>\n"],"names":["_createBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;;;;;;;;;AAwBI,UAAM,QAAQ;AAUd,UAAM,aAAa,IAAA;AACnB,UAAM,EAAE,OAAO,KAAK,KAAA,IAAS,WAAA;AAG7B,UAAM,gBAAgB,SAAS;AAAA,MAC3B,KAAK,MAAM,MAAM,QAAQ,cAAc;AAAA,MACvC,KAAK,CAAA,QAAO;AACR,cAAM,QAAQ,cAAc,QAAQ;AAAA,MACxC;AAAA,IAAA,CACH;AACD,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,aAAa,KAAK;AACpE,UAAM,aAAa,SAAS,MAAM,MAAM,QAAQ,WAAW,KAAK;AAChE,UAAM,aAAa,SAAS,MAAM,MAAM,QAAQ,WAAW,KAAK;AAChE,UAAM,gBAAgB,SAAS,MAAM,MAAM,QAAQ,cAAc,KAAK;AACtE,UAAM,cAAc,SAAS,MAAM,MAAM,QAAQ,YAAY,KAAK;AAKlE,UAAM,iBAAiB,MAAM;;AACzB,YAAI,gBAAW,UAAX,mBAAkB,mBAAkB,GAAG;AACvC,cAAM,QAAQ,aAAA;AAAA,MAClB;AAAA,IACJ;AAEA,cAAU,MAAM;AAAA,IAAC,CAAC;AAGlB,aAAa;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;;0BAlEDA,YAUOC,MAAA,IAAA,GAAA;AAAA,iBATC;AAAA,QAAJ,KAAI;AAAA,QACH,QAAQ,cAAA;AAAA,QACR,OAAKC,eAAA,CAAA,eAAA,YAA8B,YAAA,OAAa,aAAA,QAAY,uBAAA,EAAA,CAAA;AAAA,QAC5D,oBAAoB;AAAA,QACpB,sBAAsB;AAAA,QACtB,OAAO,cAAA;AAAA,QACP,oBAAe,gBAAc,CAAA,OAAA,CAAA;AAAA,MAAA;yBAE9B,MAAmE;AAAA,UAAnEC,YAAmEF,MAAA,gBAAA,GAAA;AAAA,YAAhD,cAAc;AAAA,YAAc,MAAM,WAAA;AAAA,mEAAA,WAAU,QAAA;AAAA,UAAA;;;;;;;"}

package/core/src/components/common/render/RenderForm.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./RenderForm.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RenderForm.vue2.js.map

package/core/src/components/common/render/RenderForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}