@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.7

package/src/components/form-render/container-items/grid-widget.vue.js

@@ -1,7 +1,8 @@
 import o from "./grid-widget.vue2.js";
 import "./grid-widget.vue3.js";
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79f4801a"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6254af72"]]);
 export {
   i as default
 };
+//# sourceMappingURL=grid-widget.vue.js.map

package/src/components/form-render/container-items/grid-widget.vue.js.map

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

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

@@ -1,12 +1,12 @@
-import { defineComponent as l, resolveComponent as g, createBlock as n, openBlock as t, normalizeProps as u, guardReactiveProps as c, withCtx as i, createElementBlock as d, createCommentVNode as f, unref as w, createVNode as h, Fragment as C, renderList as _ } from "vue";
-import k from "./container-wrapper.vue.js";
+import { defineComponent as u, resolveComponent as c, createBlock as n, openBlock as t, normalizeProps as f, guardReactiveProps as w, withCtx as i, createElementBlock as d, createCommentVNode as h, unref as C, createVNode as _, Fragment as k, renderList as x } from "vue";
+import E from "./container-wrapper.vue.js";
 import F from "./grid-col-widget.vue.js";
 import { ComponentNameEnum as N, ContainerTypeEnum as v } from "../../../constants/WidgetTypeEnum.js";
 import { useField as y } from "../../form-designer/form-widget/field-widget/useField.js";
 const B = {
   key: 0,
   class: "grid-container"
-}, H = /* @__PURE__ */ l({
+}, V = /* @__PURE__ */ u({
   name: v.grid,
   componentName: N.ContainerWidget,
   __name: "grid-widget",
@@ -20,23 +20,25 @@ const B = {
     subFormRowId: {},
     designer: {}
   },
-  setup(a) {
-    const o = a, { handleHidden: p } = y(o);
-    return (e, E) => {
-      const s = g("a-row");
-      return t(), n(k, u(c(o)), {
+  setup(a, { expose: p }) {
+    const r = a, { handleHidden: s, defineExposed: m } = y(r);
+    return p({
+      ...m
+    }), (e, L) => {
+      const l = c("a-row");
+      return t(), n(E, f(w(r)), {
         default: i(() => [
-          w(p) ? f("", !0) : (t(), d("div", B, [
-            h(s, {
+          C(s) ? h("", !0) : (t(), d("div", B, [
+            _(l, {
               gutter: e.widget.options.gutter
             }, {
               default: i(() => [
-                (t(!0), d(C, null, _(e.widget.cols, (r, m) => (t(), n(F, {
-                  key: r.id,
-                  field: r,
-                  widget: r,
+                (t(!0), d(k, null, x(e.widget.cols, (o, g) => (t(), n(F, {
+                  key: o.id,
+                  field: o,
+                  widget: o,
                   "parent-list": e.widget.cols || [],
-                  "index-of-parent-list": m,
+                  "index-of-parent-list": g,
                   "parent-widget": e.widget,
                   "col-height": e.widget.options.colHeight
                 }, null, 8, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))), 128))
@@ -51,5 +53,6 @@ const B = {
   }
 });
 export {
-  H as default
+  V as default
 };
+//# sourceMappingURL=grid-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/grid-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\">\n        <div class=\"grid-container\" v-if=\"!handleHidden\">\n            <a-row :gutter=\"widget.options.gutter\">\n                <GridColWidget\n                    v-for=\"(colWidget, colIdx) in widget.cols\"\n                    :key=\"colWidget.id\"\n                    :field=\"colWidget\"\n                    :widget=\"colWidget\"\n                    :parent-list=\"widget.cols || []\"\n                    :index-of-parent-list=\"colIdx\"\n                    :parent-widget=\"widget\"\n                    :col-height=\"widget.options.colHeight\"\n                />\n            </a-row>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import GridColWidget from './grid-col-widget.vue';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { GridWidget } from '@/components/form-designer/widget-panel/containers';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    const props = defineProps<WidgetProps<GridWidget> & { designer?: any }>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { handleHidden, defineExposed } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","__expose","_openBlock","_createBlock","ContainerWrapper","_unref","_createElementBlock","_hoisted_1","_createVNode","_component_a_row","widget","_Fragment","colWidget","colIdx","GridColWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAQC,GAMR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK;AAEtD,WAAAK,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN;;AApCD,aAAAG,EAAA,GAAAC,EAeoBC,OAfOR,CAAK,CAAA,GAAA;AAAA,mBAC5B,MAaM;AAAA,UAb6BS,EAAAP,CAAA,iBAAnCI,KAAAI,EAaM,OAbNC,GAaM;AAAA,YAZFC,EAWQC,GAAA;AAAA,cAXA,QAAQC,EAAAA,OAAO,QAAQ;AAAA,YAAA;yBAEvB,MAA0C;AAAA,iBAD9CR,EAAA,EAAA,GAAAI,EASEK,WARgCD,EAAAA,OAAO,MAAI,CAAjCE,GAAWC,YADvBV,EASEW,GAAA;AAAA,kBAPG,KAAKF,EAAU;AAAA,kBACf,OAAOA;AAAA,kBACP,QAAQA;AAAA,kBACR,eAAaF,EAAAA,OAAO,QAAI,CAAA;AAAA,kBACxB,wBAAsBG;AAAA,kBACtB,iBAAeH,EAAAA;AAAAA,kBACf,cAAYA,EAAAA,OAAO,QAAQ;AAAA,gBAAA;;;;;;;;;;;"}

package/src/components/form-render/container-items/grid-widget.vue3.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=grid-widget.vue3.js.map

package/src/components/form-render/container-items/grid-widget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/src/components/form-render/container-items/index.js

@@ -5,14 +5,17 @@ import t from "./grid-widget.vue.js";
 import e from "./data-table-widget.vue.js";
 import d from "./vf-collapse-widget.vue.js";
 import m from "./vf-box-widget.vue.js";
-const C = {
+import g from "./tab-widget.vue.js";
+const G = {
   [i.GridColWidget]: r,
   [i.grid]: t,
   [i.DataTable]: e,
   [i.VfCollapseWidget]: d,
   [i.GridSubFormWidget]: o,
-  [i.VfBoxWidget]: m
+  [i.VfBoxWidget]: m,
+  [i.Tab]: g
 };
 export {
-  C as RenderWidgetList
+  G as RenderWidgetList
 };
+//# sourceMappingURL=index.js.map

package/src/components/form-render/container-items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-render/container-items/index.ts"],"sourcesContent":["import { ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\nimport GridSubFormWidget from './grid-sub-form-widget.vue';\nimport GridColWidget from './grid-col-widget.vue';\nimport GridWidget from './grid-widget.vue';\nimport DataTableWidget from './data-table-widget.vue';\nimport VfCollapseWidget from './vf-collapse-widget.vue';\nimport VfBoxWidget from './vf-box-widget.vue';\nimport TabWidget from './tab-widget.vue';\nexport const RenderWidgetList = {\n    [ContainerTypeEnum.GridColWidget]: GridColWidget,\n    [ContainerTypeEnum.grid]: GridWidget,\n    [ContainerTypeEnum.DataTable]: DataTableWidget,\n    [ContainerTypeEnum.VfCollapseWidget]: VfCollapseWidget,\n    [ContainerTypeEnum.GridSubFormWidget]: GridSubFormWidget,\n    [ContainerTypeEnum.VfBoxWidget]: VfBoxWidget,\n    [ContainerTypeEnum.Tab]: TabWidget\n};\n"],"names":["RenderWidgetList","ContainerTypeEnum","GridColWidget","GridWidget","DataTableWidget","VfCollapseWidget","GridSubFormWidget","VfBoxWidget","TabWidget"],"mappings":";;;;;;;;AAQO,MAAMA,IAAmB;AAAA,EAC5B,CAACC,EAAkB,aAAa,GAAGC;AAAA,EACnC,CAACD,EAAkB,IAAI,GAAGE;AAAA,EAC1B,CAACF,EAAkB,SAAS,GAAGG;AAAA,EAC/B,CAACH,EAAkB,gBAAgB,GAAGI;AAAA,EACtC,CAACJ,EAAkB,iBAAiB,GAAGK;AAAA,EACvC,CAACL,EAAkB,WAAW,GAAGM;AAAA,EACjC,CAACN,EAAkB,GAAG,GAAGO;AAC7B;"}

package/src/components/form-render/container-items/tab-widget.vue.js

@@ -0,0 +1,8 @@
+import o from "./tab-widget.vue2.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a48155b"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=tab-widget.vue.js.map

package/src/components/form-render/container-items/tab-widget.vue.js.map

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

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

@@ -0,0 +1,66 @@
+import { defineComponent as g, resolveComponent as r, createBlock as s, openBlock as o, normalizeProps as u, guardReactiveProps as w, withCtx as n, createElementBlock as p, createVNode as d, Fragment as f, renderList as _, createElementVNode as v } from "vue";
+import y from "../../form-designer/form-widget/container-widget/container-wrapper.vue.js";
+import { ComponentNameEnum as C, ContainerTypeEnum as k } from "../../../constants/WidgetTypeEnum.js";
+import B from "../RenderWigetList.vue.js";
+const L = { class: "tab-content-wrapper" }, N = /* @__PURE__ */ g({
+  name: k.Tab,
+  componentName: C.ContainerWidget,
+  __name: "tab-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(m) {
+    const a = m, c = (t) => {
+      a.widget.options.activeTab = t;
+    };
+    return (t, i) => {
+      const l = r("a-tab-pane"), b = r("a-tabs");
+      return o(), s(y, u(w(a)), {
+        default: n(() => [
+          (o(), p("div", {
+            key: t.widget.id,
+            class: "tab-container container-design-widget"
+          }, [
+            d(b, {
+              type: t.widget.options.type,
+              tabBarGutter: t.widget.options.tabBarGutter,
+              tabPosition: t.widget.options.tabPosition,
+              activeKey: t.widget.options.activeTab,
+              "onUpdate:activeKey": i[0] || (i[0] = (e) => t.widget.options.activeTab = e),
+              onTabClick: c
+            }, {
+              default: n(() => [
+                (o(!0), p(f, null, _(t.widget.tabs, (e) => (o(), s(l, {
+                  tab: e.options.label,
+                  key: e.options.label
+                }, {
+                  default: n(() => [
+                    v("div", L, [
+                      d(B, {
+                        widgetList: e.widgetList || [],
+                        parentWidget: e
+                      }, null, 8, ["widgetList", "parentWidget"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["tab"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey"])
+          ]))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=tab-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/tab-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                >\n                    <div class=\"tab-content-wrapper\">\n                        <RenderWigetList :widgetList=\"tab.widgetList || []\" :parentWidget=\"tab\" />\n                    </div>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { type WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import type { TabWidget } from '@/components/form-designer/widget-panel/containers';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import RenderWigetList from '../RenderWigetList.vue';\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n\n    const onTabClick = key => {\n        props.widget.options.activeTab = key;\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 26px;\n            }\n        }\n        :deep(.tab-content-wrapper) {\n            min-height: 100px;\n        }\n    }\n</style>\n"],"names":["props","__props","onTabClick","key","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","_component_a_tabs","$event","_Fragment","_renderList","tab","_component_a_tab_pane","_createElementVNode","_hoisted_1","RenderWigetList"],"mappings":";;;;;;;;;;;;;;;;;;AAmCI,UAAMA,IAAQC,GAERC,IAAa,CAAAC,MAAO;AACtB,MAAAH,EAAM,OAAO,QAAQ,YAAYG;AAAA,IACrC;;;AAtCA,aAAAC,EAAA,GAAAC,EAoBmBC,OApBON,CAAK,CAAA,GAAA;AAAA,mBAC3B,MAkBM;AAAA,gBAlBNO,EAkBM,OAAA;AAAA,YAlBA,KAAKC,EAAAA,OAAO;AAAA,YAAI,OAAM;AAAA,UAAA;YACxBC,EAgBSC,GAAA;AAAA,cAfJ,MAAMF,EAAAA,OAAO,QAAQ;AAAA,cACrB,cAAcA,EAAAA,OAAO,QAAQ;AAAA,cAC7B,aAAaA,EAAAA,OAAO,QAAQ;AAAA,cACrB,WAAWA,EAAAA,OAAO,QAAQ;AAAA,2DAAfA,EAAAA,OAAO,QAAQ,YAASG;AAAA,cAC1C,YAAAT;AAAA,YAAA;yBAGG,MAA0B;AAAA,iBAD9BE,EAAA,EAAA,GAAAG,EAQaK,GAAA,MAAAC,EAPKL,EAAAA,OAAO,OAAdM,YADXT,EAQaU,GAAA;AAAA,kBANR,KAAKD,EAAI,QAAQ;AAAA,kBACjB,KAAKA,EAAI,QAAQ;AAAA,gBAAA;6BAElB,MAEM;AAAA,oBAFNE,EAEM,OAFNC,GAEM;AAAA,sBADFR,EAA0ES,GAAA;AAAA,wBAAxD,YAAYJ,EAAI,cAAU,CAAA;AAAA,wBAAS,cAAcA;AAAA,sBAAA;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,8 @@
 import o from "./vf-box-widget.vue2.js";
 /* empty css                   */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b446e14"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c0a4a24c"]]);
 export {
-  m as default
+  f as default
 };
+//# sourceMappingURL=vf-box-widget.vue.js.map

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

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

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

@@ -1,10 +1,11 @@
-import { defineComponent as n, computed as a, createBlock as p, openBlock as t, normalizeProps as m, guardReactiveProps as g, withCtx as s, createElementBlock as u, normalizeStyle as f, createVNode as l } from "vue";
-import b from "../RenderWigetList.vue.js";
-import x from "./container-wrapper.vue.js";
-import { ComponentNameEnum as w, ContainerTypeEnum as c } from "../../../constants/WidgetTypeEnum.js";
-const L = /* @__PURE__ */ n({
-  name: c.VfBoxWidget,
-  componentName: w.VfBoxWidget,
+import { defineComponent as a, computed as g, createBlock as s, createCommentVNode as f, unref as u, openBlock as t, normalizeProps as l, mergeProps as x, withCtx as b, createElementBlock as w, normalizeStyle as c, createVNode as R } from "vue";
+import $ from "../RenderWigetList.vue.js";
+import v from "./container-wrapper.vue.js";
+import { ComponentNameEnum as h, ContainerTypeEnum as B } from "../../../constants/WidgetTypeEnum.js";
+import { useField as F } from "../../form-designer/form-widget/field-widget/useField.js";
+const k = /* @__PURE__ */ a({
+  name: B.VfBoxWidget,
+  componentName: h.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
     widget: {},
@@ -15,19 +16,21 @@ const L = /* @__PURE__ */ n({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(d) {
-    const i = d, r = a(() => {
+  setup(d, { expose: r }) {
+    const i = d, { handleHidden: n, defineExposed: p } = F(i), m = g(() => {
       const o = i.widget.options.boxModel || {}, e = {};
       return o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), e;
     });
-    return (o, e) => (t(), p(x, m(g(i)), {
-      default: s(() => [
-        (t(), u("div", {
+    return r({
+      ...p
+    }), (o, e) => u(n) ? f("", !0) : (t(), s(v, l(x({ key: 0 }, i)), {
+      default: b(() => [
+        (t(), w("div", {
           class: "box-container",
           key: o.widget.id,
-          style: f(r.value)
+          style: c(m.value)
         }, [
-          l(b, {
+          R($, {
             subFormRowIndex: o.subFormRowIndex,
             subFormRowId: o.subFormRowId,
             widgetList: o.widget.widgetList || [],
@@ -40,5 +43,6 @@ const L = /* @__PURE__ */ n({
   }
 });
 export {
-  L as default
+  k as default
 };
+//# sourceMappingURL=vf-box-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderWigetList\n                :subFormRowIndex=\"subFormRowIndex\"\n                :subFormRowId=\"subFormRowId\"\n                :widgetList=\"widget.widgetList || []\"\n                :parentWidget=\"widget\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderWigetList from '../RenderWigetList.vue';\n    import ContainerWrapper from './container-wrapper.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden, defineExposed } = useField(props);\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        position: relative;\n    }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderWigetList","subFormRowIndex","subFormRowId"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK,GAChDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;AAED,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aAjEwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EASoBC,mBATOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAOM;AAAA,cAPNc,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAKEC,GAAA;AAAA,YAJG,iBAAiBC,EAAAA;AAAAA,YACjB,cAAcC,EAAAA;AAAAA,YACd,YAAYJ,EAAAA,OAAO,cAAU,CAAA;AAAA,YAC7B,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}

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

@@ -2,7 +2,8 @@ import o from "./vf-collapse-widget.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c78130a4"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-899a85a2"]]);
 export {
   e as default
 };
+//# sourceMappingURL=vf-collapse-widget.vue.js.map

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

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

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

@@ -1,12 +1,12 @@
-import { defineComponent as m, computed as s, createBlock as g, openBlock as c, normalizeProps as f, guardReactiveProps as u, withCtx as i, createElementVNode as o, createVNode as n, unref as w, withDirectives as h, normalizeStyle as L, vShow as v } from "vue";
-import C from "./container-wrapper.vue.js";
-import { useAppRef as _ } from "../../form-designer/useAppRef.js";
-import { TpfCollapse as W } from "tmgc2-share";
-import r from "../RenderWigetList.vue.js";
-import { ComponentNameEnum as R, ContainerTypeEnum as S } from "../../../constants/WidgetTypeEnum.js";
-const N = { class: "collapse-container" }, y = { class: "collapse-right" }, F = /* @__PURE__ */ m({
-  name: S.VfCollapseWidget,
-  componentName: R.ContainerWidget,
+import { defineComponent as f, computed as s, createBlock as u, createCommentVNode as w, unref as r, openBlock as h, normalizeProps as C, mergeProps as L, withCtx as i, createElementVNode as o, createVNode as n, withDirectives as _, normalizeStyle as v, vShow as W } from "vue";
+import S from "./container-wrapper.vue.js";
+import { TpfCollapse as N } from "tmgc2-share";
+import a from "../RenderWigetList.vue.js";
+import { ComponentNameEnum as y, ContainerTypeEnum as E } from "../../../constants/WidgetTypeEnum.js";
+import { useField as R } from "../../form-designer/form-widget/field-widget/useField.js";
+const V = { class: "collapse-container" }, k = { class: "collapse-right" }, T = /* @__PURE__ */ f({
+  name: E.VfCollapseWidget,
+  componentName: y.ContainerWidget,
   __name: "vf-collapse-widget",
   props: {
     widget: {},
@@ -17,35 +17,37 @@ const N = { class: "collapse-container" }, y = { class: "collapse-right" }, F =
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(a) {
-    const t = a, p = s(() => t.widget.defaultSlotsList || []), l = s(() => t.widget.headerRightSlotList || []), { initRefList: d } = _(t);
-    return d(), (e, E) => (c(), g(C, f(u(t)), {
+  setup(d, { expose: l }) {
+    const t = d, p = s(() => t.widget.defaultSlotsList || []), m = s(() => t.widget.headerRightSlotList || []), { handleHidden: g, defineExposed: c } = R(t);
+    return l({
+      ...c
+    }), (e, F) => r(g) ? w("", !0) : (h(), u(S, C(L({ key: 0 }, t)), {
       default: i(() => [
-        o("div", N, [
-          n(w(W), {
+        o("div", V, [
+          n(r(N), {
             title: e.widget.options.title
           }, {
             right: i(() => [
-              o("div", y, [
-                n(r, {
-                  widgetList: l.value || [],
+              o("div", k, [
+                n(a, {
+                  widgetList: m.value || [],
                   parentWidget: e.widget
                 }, null, 8, ["widgetList", "parentWidget"])
               ])
             ]),
             default: i(() => [
-              h(o("div", {
+              _(o("div", {
                 class: "tpf-collapse-content-wrapper",
-                style: L({
+                style: v({
                   height: e.widget.options.height || "unset"
                 })
               }, [
-                n(r, {
+                n(a, {
                   widgetList: p.value || [],
                   parentWidget: e.widget
                 }, null, 8, ["widgetList", "parentWidget"])
               ], 4), [
-                [v, !e.widget.options.isCollapse]
+                [W, !e.widget.options.isCollapse]
               ])
             ]),
             _: 1
@@ -57,5 +59,6 @@ const N = { class: "collapse-container" }, y = { class: "collapse-right" }, F =
   }
 });
 export {
-  F as default
+  T as default
 };
+//# sourceMappingURL=vf-collapse-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../src/components/form-render/container-items/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"collapse-container\">\n            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                        <RenderWigetList\n                            :widgetList=\"headerRightSlotList || []\"\n                            :parentWidget=\"widget\"\n                        />\n                    </div>\n                </template>\n                <div\n                    class=\"tpf-collapse-content-wrapper\"\n                    :style=\"{\n                        height: widget.options.height || 'unset'\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <RenderWigetList :widgetList=\"defaultSlotsList || []\" :parentWidget=\"widget\" />\n                </div>\n            </TpfCollapse>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from './container-wrapper.vue';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import { TpfCollapse } from 'tmgc2-share';\n    import RenderWigetList from '../RenderWigetList.vue';\n    import {\n        useContainerWidget,\n        type WidgetProps\n    } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import type { CollapseWidget } from '@/components/form-designer/widget-panel/containers/vf-collapse';\n    import { computed } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '@/components/form-designer/form-widget/field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfCollapseWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<CollapseWidget>>();\n\n    const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n    const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n    const { handleHidden, defineExposed } = useField(props);\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        :deep(.tpf-collapse-content-wrapper) {\n            padding: 10px 12px;\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n        }\n    }\n</style>\n"],"names":["props","__props","defaultSlotsList","computed","headerRightSlotList","handleHidden","defineExposed","useField","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","TpfCollapse","widget","_hoisted_2","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6CI,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,MAAMH,EAAM,OAAO,oBAAoB,EAAE,GACrEI,IAAsBD,EAAS,MAAMH,EAAM,OAAO,uBAAuB,EAAE,GAC3E,EAAE,cAAAK,GAAc,eAAAC,MAAkBC,EAASP,CAAK;AAEtD,WAAAQ,EAAa;AAAA,MACT,GAAGF;AAAA,IAAA,CACN,aApDuCG,EAAAJ,CAAA,iBAAxCK,EAAA,GAAAC,EAsBmBC,mBAtBOZ,CAAK,CAAA,GAAA;AAAA,iBAC3B,MAoBM;AAAA,QApBNa,EAoBM,OApBNC,GAoBM;AAAA,UAnBFC,EAkBcN,EAAAO,CAAA,GAAA;AAAA,YAlBA,OAAOC,EAAAA,OAAO,QAAQ;AAAA,UAAA;YACrB,SACP,MAKM;AAAA,cALNJ,EAKM,OALNK,GAKM;AAAA,gBAJFH,EAGEI,GAAA;AAAA,kBAFG,YAAYf,EAAA,SAAmB,CAAA;AAAA,kBAC/B,cAAca,EAAAA;AAAAA,gBAAAA;;;uBAI3B,MAQM;AAAA,gBARNJ,EAQM,OAAA;AAAA,gBAPF,OAAM;AAAA,gBACL,OAAKO,EAAA;AAAA,0BAAoCH,EAAAA,OAAO,QAAQ,UAAM;AAAA,gBAAA;;gBAK/DF,EAA+EI,GAAA;AAAA,kBAA7D,YAAYjB,EAAA,SAAgB,CAAA;AAAA,kBAAS,cAAce,EAAAA;AAAAA,gBAAAA;;qBAF5DA,EAAAA,OAAO,QAAQ,UAAU;AAAA,cAAA;;;;;;;;;;"}