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

package/es/panel-component/nav-pos-index/nav-pos-index.provider.mjs

@@ -0,0 +1,21 @@
+import { NavPosIndexController } from './nav-pos-index.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 NavPosIndexProvider {
+  constructor() {
+    __publicField(this, "component", "IBizNavPosIndex");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new NavPosIndexController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { NavPosIndexProvider };

package/es/panel-component/nav-pos-index/nav-pos-index.state.mjs

@@ -0,0 +1,44 @@
+import { PanelItemState } 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 NavPosIndexState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前导航视图标识
+     * @author lxm
+     * @date 2023-05-25 06:24:48
+     * @type {string}
+     */
+    __publicField(this, "currentKey", "");
+    /**
+     * 缓存的视图标识
+     * @author lxm
+     * @date 2023-05-25 06:25:21
+     * @type {string[]}
+     */
+    __publicField(this, "cacheKeys", ["RouterShell"]);
+    /**
+     * 导航视图详细信息
+     * @author lxm
+     * @date 2023-05-25 07:07:05
+     * @type {INavViewMsg[]}
+     */
+    __publicField(this, "navViewMsgs", {});
+    /**
+     * 导航的视图的操作顺序
+     * @author lxm
+     * @date 2023-05-25 06:25:34
+     * @type {string[]}
+     */
+    __publicField(this, "operateSort", []);
+  }
+}
+
+export { NavPosIndexState };

package/es/panel-component/nav-tabs/index.mjs

@@ -0,0 +1,14 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { NavTabs } from './nav-tabs.mjs';
+import { NavTabsProvider } from './nav-tabs.provider.mjs';
+export { NavTabsController } from './nav-tabs.controller.mjs';
+export { NavTabsState } from './nav-tabs.state.mjs';
+
+"use strict";
+const IBizNavTabs = withInstall(NavTabs, function(v) {
+  v.component(NavTabs.name, NavTabs);
+  registerPanelItemProvider("RAWITEM_NAV_TABS", () => new NavTabsProvider());
+});
+
+export { IBizNavTabs, IBizNavTabs as default };

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs

@@ -0,0 +1,121 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { isNil, reject } from 'ramda';
+import { NavTabsState } from './nav-tabs.state.mjs';
+
+"use strict";
+class NavTabsController extends PanelItemController {
+  createState() {
+    var _a;
+    return new NavTabsState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前视图的路由层级，非路由模式不存在。
+   * @author lxm
+   * @date 2023-05-09 12:46:26
+   * @readonly
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 导航占位控制器
+   * @author lxm
+   * @date 2023-05-09 02:35:48
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 获取tabItem
+   * @author lxm
+   * @date 2023-05-09 02:04:11
+   * @param {string} key
+   * @return {*}
+   */
+  findTabItem(key) {
+    return this.state.tabItems.find((item) => item.key === key);
+  }
+  /**
+   * 点击处理
+   * @author lxm
+   * @date 2023-05-25 01:31:04
+   * @param {string} key
+   */
+  onTabClick(key) {
+    var _a;
+    (_a = this.navPos) == null ? void 0 : _a.changeView(key);
+  }
+  /**
+   * 更新视图信息
+   * @author lxm
+   * @date 2023-05-09 01:40:34
+   * @param {string} key
+   * @param {{ caption?: string; dataInfo?: string }} info
+   */
+  updateViewInfo(key, info) {
+    const findItem = this.findTabItem(key);
+    if (findItem) {
+      Object.assign(findItem, reject(isNil, info));
+    } else {
+      this.state.tabItems.push({ key, ...info });
+      this.state.activeTab = this.state.currentKey;
+    }
+  }
+  /**
+   * 删除某个key对应的数据
+   * 仅处理组件自身维护的数据
+   * @author lxm
+   * @date 2023-05-25 03:18:20
+   * @param {string} key
+   */
+  removeCache(key) {
+    const findIndex = this.state.tabItems.findIndex((item) => item.key === key);
+    if (findIndex !== -1) {
+      this.state.tabItems.splice(findIndex, 1);
+    }
+  }
+  /**
+   * 删除分页
+   * @author lxm
+   * @date 2023-05-09 02:08:46
+   * @param {string} key
+   */
+  onTabRemove(key) {
+    var _a;
+    (_a = this.navPos) == null ? void 0 : _a.closeViewByKeys([key]);
+  }
+  /**
+   * 删除其他所有的标签页
+   * @author lxm
+   * @date 2023-05-09 02:19:55
+   */
+  removeOther() {
+    var _a;
+    const currentKey = this.state.currentKey;
+    const removeKeys = [];
+    this.state.tabItems.forEach((item) => {
+      if (item.key !== currentKey) {
+        removeKeys.push(item.key);
+      }
+    });
+    if (removeKeys.length > 0) {
+      (_a = this.navPos) == null ? void 0 : _a.closeViewByKeys(removeKeys);
+    }
+  }
+  /**
+   * 删除所有的标签页
+   * @author lxm
+   * @date 2023-05-09 02:50:01
+   */
+  removeAll() {
+    var _a;
+    const removeKeys = this.state.tabItems.map((item) => item.key);
+    if (removeKeys.length > 0) {
+      (_a = this.navPos) == null ? void 0 : _a.closeViewByKeys(removeKeys);
+    }
+  }
+}
+
+export { NavTabsController };

package/es/panel-component/nav-tabs/nav-tabs.css

@@ -0,0 +1 @@
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -0,0 +1,125 @@
+import { isVNode, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './nav-tabs.css';
+import { NavTabsController } from './nav-tabs.controller.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const NavTabs = /* @__PURE__ */ defineComponent({
+  name: "IBizNavTabs",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: NavTabsController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("nav-tabs");
+    const c = props.controller;
+    const {
+      state
+    } = props.controller;
+    const actions = [{
+      text: "\u5173\u95ED\u6240\u6709",
+      value: "closeAll"
+    }, {
+      text: "\u5173\u95ED\u5176\u4ED6",
+      value: "closeOther"
+    }];
+    const changePage = (pane) => {
+      if (state.currentKey !== pane.paneName) {
+        c.onTabClick(pane.paneName);
+      }
+    };
+    const onTabRemove = (key) => {
+      c.onTabRemove(key);
+    };
+    const handleCommand = (command) => {
+      if (command.value === "closeAll") {
+        c.removeAll();
+      } else if (command.value === "closeOther") {
+        c.removeOther();
+      }
+    };
+    watch(() => c.state.currentKey, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const findItem = c.findTabItem(newVal);
+        if (findItem) {
+          state.activeTab = newVal;
+        }
+      }
+    });
+    return {
+      ns,
+      actions,
+      changePage,
+      onTabRemove,
+      handleCommand
+    };
+  },
+  render() {
+    let _slot;
+    const {
+      state
+    } = this.controller;
+    return createVNode("div", {
+      "class": [this.ns.b(), ...this.controller.containerClass]
+    }, [createVNode("div", {
+      "class": this.ns.e("left")
+    }, [createVNode(resolveComponent("el-tabs"), {
+      "type": "card",
+      "modelValue": state.activeTab,
+      "onUpdate:modelValue": ($event) => state.activeTab = $event,
+      "closable": true,
+      "onTabClick": this.changePage,
+      "onTabRemove": this.onTabRemove
+    }, _isSlot(_slot = state.tabItems.map((msg) => {
+      let label = msg.caption;
+      if (msg.dataInfo) {
+        label += ` - ${msg.dataInfo}`;
+      }
+      return createVNode(resolveComponent("el-tab-pane"), {
+        "name": msg.key,
+        "key": msg.key,
+        "label": label
+      }, null);
+    })) ? _slot : {
+      default: () => [_slot]
+    })]), createVNode("div", {
+      "class": this.ns.e("right")
+    }, [createVNode(resolveComponent("el-dropdown"), {
+      "onCommand": this.handleCommand
+    }, {
+      default: () => {
+        return createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "type": "primary"
+        }, {
+          default: () => [createTextVNode("\u66F4\u591A "), createVNode("ion-icon", {
+            "name": "arrow-down"
+          }, null)]
+        });
+      },
+      dropdown: () => {
+        let _slot2;
+        return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot2 = this.actions.map((action) => {
+          return createVNode(resolveComponent("el-dropdown-item"), {
+            "command": action
+          }, {
+            default: () => [action.text]
+          });
+        })) ? _slot2 : {
+          default: () => [_slot2]
+        });
+      }
+    })])]);
+  }
+});
+
+export { NavTabs };

package/es/panel-component/nav-tabs/nav-tabs.provider.mjs

@@ -0,0 +1,21 @@
+import { NavTabsController } from './nav-tabs.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 NavTabsProvider {
+  constructor() {
+    __publicField(this, "component", "IBizNavTabs");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new NavTabsController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { NavTabsProvider };

package/es/panel-component/nav-tabs/nav-tabs.state.mjs

@@ -0,0 +1,37 @@
+import { PanelItemState } 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 NavTabsState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前路由key
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-10-20 16:23:42
+     */
+    __publicField(this, "currentKey", "");
+    /**
+     * 分页标签项
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-10-20 16:23:26
+     */
+    __publicField(this, "tabItems", []);
+    /**
+     * 当前激活tab
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-10-20 16:23:17
+     */
+    __publicField(this, "activeTab", "");
+  }
+}
+
+export { NavTabsState };

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

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

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

@@ -0,0 +1 @@
+.ibiz-panel-app-header{--ibiz-panel-app-header-color:var(--ibiz-color-text-0);--ibiz-panel-app-header-bg-color:var(--ibiz-color-primary);--ibiz-panel-app-header-border-color:var(--ibiz-color-border);width:100%;height:100%;color:var(--ibiz-panel-app-header-color);background-color:var(--ibiz-panel-app-header-bg-color)}.ibiz-panel-app-header>.ibiz-row{height:100%}

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

@@ -0,0 +1,77 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './panel-app-header.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelAppHeader = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelAppHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-app-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 { PanelAppHeader };

package/es/panel-component/panel-app-header/panel-app-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 PanelAppHeaderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelAppHeader");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelAppHeaderProvider };

package/es/panel-component/panel-app-login-view/index.mjs

@@ -0,0 +1,20 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { PanelAppLoginView } from './panel-app-login-view.mjs';
+import { PanelAppLoginViewProvider } from './panel-app-login-view.provider.mjs';
+export { PanelAppLoginViewState } from './panel-app-login-view.state.mjs';
+export { PanelAppLoginViewController } from './panel-app-login-view.controller.mjs';
+
+"use strict";
+const IBizPanelAppLoginView = withInstall(
+  PanelAppLoginView,
+  function(v) {
+    v.component(PanelAppLoginView.name, PanelAppLoginView);
+    registerPanelItemProvider(
+      "CONTAINER_APPLOGINVIEW",
+      () => new PanelAppLoginViewProvider()
+    );
+  }
+);
+
+export { IBizPanelAppLoginView, IBizPanelAppLoginView as default };

package/es/panel-component/panel-app-login-view/panel-app-login-view.controller.mjs

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

package/es/panel-component/panel-app-login-view/panel-app-login-view.css

@@ -0,0 +1 @@
+.ibiz-panel-app-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:url(assets/images/login-header.png);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:url(assets/images/login-avatar.png);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row{gap:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}

package/es/panel-component/panel-app-login-view/panel-app-login-view.mjs

@@ -0,0 +1,69 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelAppLoginViewController } from './panel-app-login-view.controller.mjs';
+import './panel-app-login-view.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelAppLoginView = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelAppLoginView",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelAppLoginViewController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-app-login-view");
+    const {
+      id
+    } = props.modelData;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  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,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+export { PanelAppLoginView };

package/es/panel-component/panel-app-login-view/panel-app-login-view.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelAppLoginViewController } from './panel-app-login-view.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 PanelAppLoginViewProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelAppLoginView");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelAppLoginViewController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelAppLoginViewProvider };

package/es/panel-component/panel-app-login-view/panel-app-login-view.state.mjs

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

package/es/panel-component/panel-app-title/index.mjs

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelAppTitle } from './panel-app-title.mjs';
+import { PanelAppTitleProvider } from './panel-app-title.provider.mjs';
+export { PanelAppTitleController } from './panel-app-title.controller.mjs';
+
+"use strict";
+const IBizPanelAppTitle = withInstall(PanelAppTitle, function(v) {
+  v.component(PanelAppTitle.name, PanelAppTitle);
+  registerPanelItemProvider(
+    "RAWITEM_APP_APPTITLE",
+    () => new PanelAppTitleProvider()
+  );
+});
+
+export { IBizPanelAppTitle, IBizPanelAppTitle as default };