@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

package/es/panel-component/panel-exp-header/panel-exp-header.mjs

@@ -0,0 +1,77 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-exp-header.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelExpHeader = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelExpHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-exp-header");
+    const {
+      showCaption,
+      titleBarCloseMode,
+      id
+    } = props.modelData;
+    const collapsible = titleBarCloseMode !== 0;
+    const isCollapse = ref(titleBarCloseMode === 2);
+    const changeCollapse = () => {
+      if (collapsible) {
+        isCollapse.value = !isCollapse.value;
+      }
+    };
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      if (showCaption === true) {
+        result = [...result, ...props.controller.containerClass, showCaption && ns.m("show-header"), collapsible && ns.m("collapsible"), ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
+      }
+      return result;
+    });
+    return {
+      ns,
+      isCollapse,
+      classArr,
+      changeCollapse
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+export { PanelExpHeader };

package/es/panel-component/panel-exp-header/panel-exp-header.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelExpHeaderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelExpHeader");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelExpHeaderProvider };

package/es/panel-component/panel-index-view-search/index.mjs

@@ -0,0 +1,18 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelIndexViewSearch } from './panel-index-view-search.mjs';
+import { PanelIndexViewSearchProvider } from './panel-index-view-search.provider.mjs';
+
+"use strict";
+const IBizPanelIndexViewSearch = withInstall(
+  PanelIndexViewSearch,
+  function(v) {
+    v.component(PanelIndexViewSearch.name, PanelIndexViewSearch);
+    registerPanelItemProvider(
+      "RAWITEM_INDEX_VIEW_SEARCH",
+      () => new PanelIndexViewSearchProvider()
+    );
+  }
+);
+
+export { IBizPanelIndexViewSearch, IBizPanelIndexViewSearch as default };

package/es/panel-component/panel-index-view-search/panel-index-view-search.css

@@ -0,0 +1 @@
+.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-fill-0);--ibiz-panel-index-view-search-btn-width:40px;width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}

package/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -0,0 +1,87 @@
+import { ref, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import { debounce } from 'lodash-es';
+import './panel-index-view-search.css';
+
+"use strict";
+const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelIndexViewSearch",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-index-view-search");
+    const c = props.controller;
+    const query = ref("");
+    const debounceSearch = debounce(() => {
+    }, 500);
+    const onInput = (value) => {
+      query.value = value;
+      debounceSearch();
+    };
+    const ctx = inject("ctx", void 0);
+    const menuAlign = computed(() => {
+      if (ctx == null ? void 0 : ctx.view) {
+        return ctx.view.model.mainMenuAlign || "LEFT";
+      }
+      return "LEFT";
+    });
+    const isCollapse = computed(() => {
+      return c.panel.view.state.isCollapse;
+    });
+    const classArr = computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id), ns.is("collapse", isCollapse.value)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr,
+      isCollapse,
+      onInput,
+      c,
+      query,
+      menuAlign
+    };
+  },
+  render() {
+    if (!this.controller.state.visible) {
+      return;
+    }
+    return createVNode("div", {
+      "class": this.classArr
+    }, [this.menuAlign === "LEFT" && !this.isCollapse ? createVNode(resolveComponent("el-input"), {
+      "model-value": this.query,
+      "class": this.ns.b("search"),
+      "placeholder": "\u641C\u7D22\u5185\u5BB9",
+      "onInput": this.onInput
+    }, {
+      prefix: () => {
+        return createVNode("ion-icon", {
+          "class": this.ns.e("search-icon"),
+          "name": "search"
+        }, null);
+      }
+    }) : createVNode("div", {
+      "class": this.ns.b("btn")
+    }, [createVNode(resolveComponent("el-button"), null, {
+      default: () => [createVNode("ion-icon", {
+        "class": this.ns.e("search-icon"),
+        "name": "search"
+      }, null)]
+    })])]);
+  }
+});
+
+export { PanelIndexViewSearch };

package/es/panel-component/panel-index-view-search/panel-index-view-search.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelIndexViewSearchProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelIndexViewSearch");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelIndexViewSearchProvider };

package/es/panel-component/panel-remember-me/index.mjs

@@ -0,0 +1,20 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { PanelRememberMe } from './panel-remember-me.mjs';
+import { PanelRememberMeProvider } from './panel-remember-me.provider.mjs';
+export { PanelRememberMeState } from './panel-remember-me.state.mjs';
+export { PanelRememberMeController } from './panel-remember-me.controller.mjs';
+
+"use strict";
+const IBizPanelRememberMe = withInstall(
+  PanelRememberMe,
+  function(v) {
+    v.component(PanelRememberMe.name, PanelRememberMe);
+    registerPanelItemProvider(
+      "CONTAINER_REMEMBER_ME",
+      () => new PanelRememberMeProvider()
+    );
+  }
+);
+
+export { IBizPanelRememberMe, IBizPanelRememberMe as default };

package/es/panel-component/panel-remember-me/panel-remember-me.controller.mjs

@@ -0,0 +1,12 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelRememberMeState } from './panel-remember-me.state.mjs';
+
+"use strict";
+class PanelRememberMeController extends PanelItemController {
+  createState() {
+    var _a;
+    return new PanelRememberMeState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+}
+
+export { PanelRememberMeController };

package/es/panel-component/panel-remember-me/panel-remember-me.mjs

@@ -0,0 +1,53 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelRememberMeController } from './panel-remember-me.controller.mjs';
+
+"use strict";
+const PanelRememberMe = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelRememberMe",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelRememberMeController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-remember-me");
+    const {
+      id
+    } = props.modelData;
+    const c = props.controller;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    const isRemember = computed({
+      get: () => c.panel.state.data.isRemember,
+      set: (val) => {
+        c.panel.state.data.isRemember = val;
+      }
+    });
+    return {
+      ns,
+      classArr,
+      c,
+      isRemember
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.classArr
+    }, [createVNode(resolveComponent("el-checkbox"), {
+      "modelValue": this.isRemember,
+      "onUpdate:modelValue": ($event) => this.isRemember = $event,
+      "label": "\u8BB0\u4F4F\u6211"
+    }, null)]);
+  }
+});
+
+export { PanelRememberMe };

package/es/panel-component/panel-remember-me/panel-remember-me.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelRememberMeController } from './panel-remember-me.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelRememberMeProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelRememberMe");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelRememberMeController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelRememberMeProvider };

package/es/panel-component/panel-remember-me/panel-remember-me.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class PanelRememberMeState extends PanelItemState {
+}
+
+export { PanelRememberMeState };

package/es/panel-component/panel-tab-panel/index.mjs

@@ -0,0 +1,12 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelTabPanel } from './panel-tab-panel.mjs';
+import { PanelTabPanelProvider } from './panel-tab-panel.provider.mjs';
+
+"use strict";
+const IBizPanelTabPanel = withInstall(PanelTabPanel, function(v) {
+  v.component(PanelTabPanel.name, PanelTabPanel);
+  registerPanelItemProvider("TABPANEL", () => new PanelTabPanelProvider());
+});
+
+export { IBizPanelTabPanel, IBizPanelTabPanel as default };

package/es/panel-component/panel-tab-panel/panel-tab-panel.mjs

@@ -0,0 +1,69 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelTabPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelTabPanel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-tab-panel");
+    const classArr = computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    let _slot;
+    if (!this.controller.state.visible) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return createVNode(resolveComponent("el-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      if (!c.state.visible && !c.state.keepAlive) {
+        return null;
+      }
+      return createVNode(resolveComponent("el-tab-pane"), {
+        "class": this.ns.b("tab-item"),
+        "label": c.model.caption,
+        "name": c.model.id,
+        "lazy": true
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { PanelTabPanel };

package/es/panel-component/panel-tab-panel/panel-tab-panel.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelTabPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelTabPanel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelTabPanelProvider };

package/es/panel-component/panel-view-content/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { PanelViewContent } from './panel-view-content.mjs';
+import { PanelViewContentProvider } from './panel-view-content.provider.mjs';
+
+"use strict";
+const IBizPanelViewContent = withInstall(
+  PanelViewContent,
+  function(v) {
+    v.component(PanelViewContent.name, PanelViewContent);
+    registerPanelItemProvider(
+      "CONTAINER_VIEWCONTENT",
+      () => new PanelViewContentProvider()
+    );
+  }
+);
+
+export { IBizPanelViewContent, IBizPanelViewContent as default };

package/es/panel-component/panel-view-content/panel-view-content.css

@@ -0,0 +1 @@
+.ibiz-panel-view-content{--ibiz-panel-view-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base);--ibiz-panel-view-content-margin:var(--ibiz-spacing-none);width:100%;height:100%;padding:var(--ibiz-panel-view-content-padding);overflow:auto}.ibiz-panel-view-content>.ibiz-row{height:100%}

package/es/panel-component/panel-view-content/panel-view-content.mjs

@@ -0,0 +1,76 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-view-content.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelViewContent = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelViewContent",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-view-content");
+    const {
+      showCaption,
+      titleBarCloseMode,
+      id
+    } = props.modelData;
+    const collapsible = titleBarCloseMode !== 0;
+    const isCollapse = ref(titleBarCloseMode === 2);
+    const changeCollapse = () => {
+      if (collapsible) {
+        isCollapse.value = !isCollapse.value;
+      }
+    };
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      if (showCaption === true) {
+        result = [...result, ...props.controller.containerClass, ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
+      }
+      return result;
+    });
+    return {
+      ns,
+      isCollapse,
+      classArr,
+      changeCollapse
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+export { PanelViewContent };

package/es/panel-component/panel-view-content/panel-view-content.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelViewContentProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelViewContent");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelViewContentProvider };

package/es/panel-component/panel-view-header/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { PanelViewHeader } from './panel-view-header.mjs';
+import { PanelViewHeaderProvider } from './panel-view-header.provider.mjs';
+
+"use strict";
+const IBizPanelViewHeader = withInstall(
+  PanelViewHeader,
+  function(v) {
+    v.component(PanelViewHeader.name, PanelViewHeader);
+    registerPanelItemProvider(
+      "CONTAINER_ViewHeader",
+      () => new PanelViewHeaderProvider()
+    );
+  }
+);
+
+export { IBizPanelViewHeader, IBizPanelViewHeader as default };

package/es/panel-component/panel-view-header/panel-view-header.css

@@ -0,0 +1 @@
+.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}

package/es/panel-component/panel-view-header/panel-view-header.mjs

@@ -0,0 +1,77 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-view-header.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelViewHeader = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelViewHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-view-header");
+    const {
+      showCaption,
+      titleBarCloseMode,
+      id
+    } = props.modelData;
+    const collapsible = titleBarCloseMode !== 0;
+    const isCollapse = ref(titleBarCloseMode === 2);
+    const changeCollapse = () => {
+      if (collapsible) {
+        isCollapse.value = !isCollapse.value;
+      }
+    };
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      if (showCaption === true) {
+        result = [...result, ...props.controller.containerClass, showCaption && ns.m("show-header"), collapsible && ns.m("collapsible"), ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
+      }
+      return result;
+    });
+    return {
+      ns,
+      isCollapse,
+      classArr,
+      changeCollapse
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+export { PanelViewHeader };