@kp-ui/lowcode 2.15.0-beta.6 → 2.15.0-beta.8

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,6 +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

@@ -1 +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\">\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    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\n    const { initRefList } = useAppRef(props);\n\n    initRefList();\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","initRefList","useAppRef","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","_unref","TpfCollapse","widget","_hoisted_2","RenderWigetList","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CI,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,MAAMH,EAAM,OAAO,oBAAoB,EAAE,GACrEI,IAAsBD,EAAS,MAAMH,EAAM,OAAO,uBAAuB,EAAE,GAE3E,EAAE,aAAAK,EAAA,IAAgBC,EAAUN,CAAK;AAEvC,WAAAK,EAAA,cAjDAE,EAAA,GAAAC,EAsBmBC,OAtBOT,CAAK,CAAA,GAAA;AAAA,iBAC3B,MAoBM;AAAA,QApBNU,EAoBM,OApBNC,GAoBM;AAAA,UAnBFC,EAkBcC,EAAAC,CAAA,GAAA;AAAA,YAlBA,OAAOC,EAAAA,OAAO,QAAQ;AAAA,UAAA;YACrB,SACP,MAKM;AAAA,cALNL,EAKM,OALNM,GAKM;AAAA,gBAJFJ,EAGEK,GAAA;AAAA,kBAFG,YAAYb,EAAA,SAAmB,CAAA;AAAA,kBAC/B,cAAcW,EAAAA;AAAAA,gBAAAA;;;uBAI3B,MAQM;AAAA,gBARNL,EAQM,OAAA;AAAA,gBAPF,OAAM;AAAA,gBACL,OAAKQ,EAAA;AAAA,0BAAoCH,EAAAA,OAAO,QAAQ,UAAM;AAAA,gBAAA;;gBAK/DH,EAA+EK,GAAA;AAAA,kBAA7D,YAAYf,EAAA,SAAgB,CAAA;AAAA,kBAAS,cAAca,EAAAA;AAAAA,gBAAAA;;qBAF5DA,EAAAA,OAAO,QAAQ,UAAU;AAAA,cAAA;;;;;;;;;;"}
+{"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;;;;;;;;;;"}