@ibiz-template/vue3-components 0.1.12-dev.0 → 0.1.13

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -20,11 +20,13 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(prop) {
     var _a;
     const ns = vue3Util.useNamespace("user-info");
+    const c = prop.controller;
     const {
-      srfusername = "\u6E38\u5BA2"
+      srfusername = "\u6E38\u5BA2",
+      srfpersonname
     } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
     const router = vueRouter.useRouter();
     const isDarkTheme = vue.ref(false);
@@ -48,11 +50,21 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
         htmlDom.classList.add(addClass);
       }
     };
+    const ctx = vue.inject("ctx", void 0);
+    const menuAlign = vue.computed(() => {
+      if (ctx == null ? void 0 : ctx.view) {
+        return ctx.view.model.mainMenuAlign || "LEFT";
+      }
+      return "LEFT";
+    });
     return {
       ns,
+      c,
       srfusername,
+      srfpersonname,
       router,
       isDarkTheme,
+      menuAlign,
       handleSwitchChange
     };
   },
@@ -66,14 +78,25 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP")]
     }, [vue.createVNode(vue.resolveComponent("el-dropdown"), null, {
-      default: () => vue.createVNode("span", {
+      default: () => vue.createVNode("div", {
+        "class": this.ns.b("info")
+      }, [vue.createVNode("div", {
         "class": this.ns.b("label")
       }, [vue.createVNode(vue.resolveComponent("el-avatar"), {
         "class": this.ns.b("avatar"),
         "src": "./assets/images/user-avatar.png"
-      }, null), this.srfusername]),
+      }, null), vue.createVNode("div", {
+        "class": this.ns.b("name")
+      }, [vue.createVNode("div", {
+        "class": this.ns.be("name", "user-name")
+      }, [this.srfusername]), this.menuAlign === "LEFT" && vue.createVNode("div", {
+        "class": this.ns.be("name", "person-name")
+      }, [this.srfpersonname])])]), vue.createVNode("ion-icon", {
+        "class": this.ns.e("down"),
+        "name": "chevron-down-outline"
+      }, null)]),
       dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
         default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, {
           default: () => [vue.createVNode("ion-icon", {

package/lib/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:var(--ibiz-spacing-base);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-4);--ibiz-user-info-hover-color:var(--ibiz-color-text-0);--ibiz-user-info-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-user-info-border-radius:var(--ibiz-border-radius-medium);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{padding:calc(var(--ibiz-user-info-padding)/ 2) var(--ibiz-user-info-padding);cursor:pointer;border-radius:var(--ibiz-user-info-border-radius)}.ibiz-user-info .el-dropdown:hover{color:var(--ibiz-user-info-hover-color);background-color:var(--ibiz-user-info-hover-bg-color)}.ibiz-user-info-avatar{margin-right:10px}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.ibiz-user-info-avatar{max-width:44px;max-height:44px;margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-font-size-header-6)}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small)}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/lib/panel-component/index.cjs

@@ -4,24 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index$3 = require('./auth-userinfo/index.cjs');
 var index$4 = require('./nav-pos-index/index.cjs');
-var index$d = require('./nav-tabs/index.cjs');
+var index$e = require('./nav-tabs/index.cjs');
 var index = require('./panel-container/index.cjs');
 var index$1 = require('./panel-ctrl-pos/index.cjs');
 var index$2 = require('./scroll-container/index.cjs');
 var index$5 = require('./panel-button/index.cjs');
 var index$6 = require('./nav-pos/index.cjs');
 var index$7 = require('./panel-app-title/index.cjs');
-var index$e = require('./single-data-container/index.cjs');
+var index$f = require('./single-data-container/index.cjs');
 var index$8 = require('./panel-field/index.cjs');
-var index$f = require('./panel-app-header/index.cjs');
-var index$g = require('./panel-view-header/index.cjs');
-var index$h = require('./panel-exp-header/index.cjs');
+var index$g = require('./panel-app-header/index.cjs');
+var index$h = require('./panel-view-header/index.cjs');
+var index$i = require('./panel-exp-header/index.cjs');
 var index$9 = require('./panel-rawitem/index.cjs');
-var index$j = require('./grid-container/index.cjs');
-var index$i = require('./panel-view-content/index.cjs');
+var index$k = require('./grid-container/index.cjs');
+var index$j = require('./panel-view-content/index.cjs');
 var index$a = require('./panel-tab-panel/index.cjs');
 var index$b = require('./panel-tab-page/index.cjs');
 var index$c = require('./split-container/index.cjs');
+var index$d = require('./panel-index-view-search/index.cjs');
 var panelContainer_provider = require('./panel-container/panel-container.provider.cjs');
 var panelContainer_state = require('./panel-container/panel-container.state.cjs');
 var panelContainer_controller = require('./panel-container/panel-container.controller.cjs');
@@ -52,6 +53,7 @@ var panelTabPanel_provider = require('./panel-tab-panel/panel-tab-panel.provider
 var panelTabPage_provider = require('./panel-tab-page/panel-tab-page.provider.cjs');
 var splitContainer_provider = require('./split-container/split-container.provider.cjs');
 var splitContainer_controller = require('./split-container/split-container.controller.cjs');
+var panelIndexViewSearch_provider = require('./panel-index-view-search/panel-index-view-search.provider.cjs');
 
 const IBizPanelComponents = {
   install: (v) => {
@@ -60,21 +62,22 @@ const IBizPanelComponents = {
     v.use(index$2.IBizScrollContainer);
     v.use(index$3.IBizAuthUserinfo);
     v.use(index$4.IBizNavPosIndex);
-    v.use(index$d.IBizNavTabs);
+    v.use(index$e.IBizNavTabs);
     v.use(index$5.IBizPanelButton);
     v.use(index$6.IBizNavPos);
     v.use(index$7.IBizPanelAppTitle);
-    v.use(index$e.IBizSingleDataContainer);
+    v.use(index$f.IBizSingleDataContainer);
     v.use(index$8.IBizPanelField);
-    v.use(index$f.IBizPanelAppHeader);
-    v.use(index$g.IBizPanelViewHeader);
-    v.use(index$h.IBizPanelExpHeader);
+    v.use(index$g.IBizPanelAppHeader);
+    v.use(index$h.IBizPanelViewHeader);
+    v.use(index$i.IBizPanelExpHeader);
     v.use(index$9.IBizPanelRawItem);
-    v.use(index$i.IBizPanelViewContent);
-    v.use(index$j.IBizGridContainer);
+    v.use(index$j.IBizPanelViewContent);
+    v.use(index$k.IBizGridContainer);
     v.use(index$a.IBizPanelTabPanel);
     v.use(index$b.IBizPanelTabPage);
     v.use(index$c.IBizSplitContainer);
+    v.use(index$d.IBizPanelIndexViewSearch);
   }
 };
 
@@ -91,6 +94,7 @@ exports.IBizPanelRawItem = index$9.IBizPanelRawItem;
 exports.IBizPanelTabPanel = index$a.IBizPanelTabPanel;
 exports.IBizPanelTabPage = index$b.IBizPanelTabPage;
 exports.IBizSplitContainer = index$c.IBizSplitContainer;
+exports.IBizPanelIndexViewSearch = index$d.IBizPanelIndexViewSearch;
 exports.PanelContainerProvider = panelContainer_provider.PanelContainerProvider;
 exports.PanelContainerState = panelContainer_state.PanelContainerState;
 exports.PanelContainerController = panelContainer_controller.PanelContainerController;
@@ -121,5 +125,6 @@ exports.PanelTabPanelProvider = panelTabPanel_provider.PanelTabPanelProvider;
 exports.PanelTabPageProvider = panelTabPage_provider.PanelTabPageProvider;
 exports.SplitContainerProvider = splitContainer_provider.SplitContainerProvider;
 exports.SplitContainerController = splitContainer_controller.SplitContainerController;
+exports.PanelIndexViewSearchProvider = panelIndexViewSearch_provider.PanelIndexViewSearchProvider;
 exports.IBizPanelComponents = IBizPanelComponents;
 exports.default = IBizPanelComponents;

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

@@ -1 +1 @@
-.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-tight);--ibiz-nav-tabs-left-width:100%;--ibiz-nav-tabs-right-width:60px;--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)}.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{display:none;width:var(--ibiz-nav-tabs-right-width)}
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-tight);--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)}.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/lib/panel-component/panel-app-header/panel-app-header.css

@@ -1 +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);border-bottom:1px solid var(--ibiz-panel-app-header-border-color)}.ibiz-panel-app-header>.ibiz-row{height:100%}
+.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/lib/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-2);--ibiz-panel-app-title-font-wight:var(--ibiz-font-weight-bold);display:flex;align-items:center;justify-content:center;height:100%}.ibiz-panel-app-title__title{font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{padding:0 var(--ibiz-spacing-base);font-size:40px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title__logo img{display:inline-block;width:20px;height:20px}.ibiz-panel-app-title--hidden_logo{padding-left:var(--ibiz-spacing-base)}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-wight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding)}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{padding:0 var(--ibiz-spacing-base);font-size:40px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title__logo img{display:inline-block;width:20px;height:20px}

package/lib/panel-component/panel-button/panel-button.cjs

@@ -89,13 +89,14 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     if (this.state.visible && this.buttonState.visible) {
-      return vue.createVNode(vue.resolveComponent("el-button"), {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.ns.m(this.codeName), ...this.controller.containerClass]
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
         "disabled": this.state.disabled && this.buttonState.disabled,
         "loading": this.state.loading,
-        "onClick": this.handleButtonClick,
-        "class": [this.ns.b(), this.ns.m(this.codeName), ...this.controller.containerClass]
+        "onClick": this.handleButtonClick
       }, {
         default: () => [vue.createVNode("div", {
           "class": this.ns.b("content")
@@ -105,7 +106,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
         }, null), vue.createVNode("span", {
           "class": this.ns.bm("content", "caption")
         }, [this.showCaption ? this.captionText : null])])]
-      });
+      })]);
     }
     return null;
   }

package/lib/panel-component/panel-button/panel-button.css

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;overflow:hidden}.ibiz-panel-button i,.ibiz-panel-button img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height);margin:var(--ibiz-panel-button-icon-margin)}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button i,.ibiz-panel-button .el-button img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height);margin:var(--ibiz-panel-button-icon-margin)}

package/lib/panel-component/panel-exp-header/panel-exp-header.css

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

package/lib/panel-component/panel-index-view-search/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelIndexViewSearch = require('./panel-index-view-search.cjs');
+var panelIndexViewSearch_provider = require('./panel-index-view-search.provider.cjs');
+
+const IBizPanelIndexViewSearch = vue3Util.withInstall(
+  panelIndexViewSearch.PanelIndexViewSearch,
+  function(v) {
+    v.component(panelIndexViewSearch.PanelIndexViewSearch.name, panelIndexViewSearch.PanelIndexViewSearch);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_INDEX_VIEW_SEARCH",
+      () => new panelIndexViewSearch_provider.PanelIndexViewSearchProvider()
+    );
+  }
+);
+
+exports.PanelIndexViewSearchProvider = panelIndexViewSearch_provider.PanelIndexViewSearchProvider;
+exports.IBizPanelIndexViewSearch = IBizPanelIndexViewSearch;
+exports.default = IBizPanelIndexViewSearch;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

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

package/lib/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);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{font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}

package/lib/panel-component/panel-index-view-search/panel-index-view-search.provider.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+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 runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelIndexViewSearchProvider = PanelIndexViewSearchProvider;

package/lib/panel-component/single-data-container/single-data-container.cjs

@@ -25,36 +25,49 @@ const SingleDataContainer = /* @__PURE__ */ vue.defineComponent({
     const {
       id
     } = props.modelData;
+    const keys = Object.keys(props.controller.panelItems);
+    keys.forEach((key) => {
+      const panelItem = props.controller.panelItems[key];
+      panelItem.state = vue.reactive(panelItem.state);
+    });
+    const renderPanelItem = vue.inject("renderPanelItem");
     const classArr = vue.computed(() => {
       const result = [ns.b(), ns.m(id), ...props.controller.containerClass];
       return result;
     });
     return {
       ns,
-      classArr
+      classArr,
+      renderPanelItem
     };
   },
   render() {
-    var _a, _b;
-    let _slot;
-    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
-      "slot": "content",
-      "layout": this.modelData.layout
-    }, _isSlot(_slot = defaultSlots.map((slot) => {
-      const props = slot.props;
-      if (!props || !props.controller) {
-        return slot;
-      }
-      return vue.createVNode(vue.resolveComponent("iBizCol"), {
-        "layoutPos": props.modelData.layoutPos,
-        "state": props.controller.state
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
+    let content;
+    if (this.$slots.default) {
+      content = this.$slots.default();
+    } else {
+      content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": this.modelData.layout
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = this.modelData.panelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const childController = this.controller.panelItems[panelItem.id];
+            return vue.createVNode(vue.resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": childController.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem, {
+              providers: this.controller.providers,
+              panelItems: this.controller.panelItems
+            })) ? _slot : {
+              default: () => [_slot]
+            });
+          })];
+        }
       });
-    })) ? _slot : {
-      default: () => [_slot]
-    });
+    }
     return vue.createVNode("div", {
       "class": this.classArr
     }, [content]);

package/lib/panel-component/single-data-container/single-data-container.controller.cjs

@@ -14,6 +14,22 @@ class SingleDataContainerController extends runtime.PanelItemController {
   constructor() {
     super(...arguments);
     __publicField(this, "isDataContainer", true);
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemController }}
+     */
+    __publicField(this, "panelItems", {});
+    /**
+     * 所有面板成员的适配器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemProvider }}
+     */
+    __publicField(this, "providers", {});
   }
   /**
    * 单项数据容器，根据数据模式
@@ -31,8 +47,51 @@ class SingleDataContainerController extends runtime.PanelItemController {
   }
   async onInit() {
     await super.onInit();
+    await this.initPanelItemControllers();
     this.initContainerData();
   }
+  /**
+   * 初始化面板成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  async initPanelItemControllers(panelItems = this.model.panelItems, panel = this.panel, parent = this) {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async (panelItem) => {
+        var _a, _b;
+        const panelItemProvider = await runtime.getPanelItemProvider(panelItem);
+        if (!panelItemProvider) {
+          return;
+        }
+        this.providers[panelItem.id] = panelItemProvider;
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent
+        );
+        this.panelItems[panelItem.id] = panelItemController;
+        if (((_a = panelItem.panelItems) == null ? void 0 : _a.length) && !panelItemController.isDataContainer) {
+          await this.initPanelItemControllers(
+            panelItem.panelItems,
+            panel,
+            panelItemController
+          );
+        }
+        if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
+          await this.initPanelItemControllers(
+            panelItem.panelTabPages,
+            panel,
+            panelItemController
+          );
+        }
+      })
+    );
+  }
   /**
    * 根据来源类型初始化容器数据
    * @author lxm
@@ -70,6 +129,17 @@ class SingleDataContainerController extends runtime.PanelItemController {
         throw new core.ModelError(this.model, `\u6570\u636E\u6E90\u7C7B\u578B${dataSourceType}\u6682\u672A\u652F\u6301`);
     }
   }
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  childrenStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
   /**
    * 通过实体设置视图逻辑
    * @author lxm
@@ -96,6 +166,7 @@ class SingleDataContainerController extends runtime.PanelItemController {
       throw new core.RuntimeError(`\u5B9E\u4F53\u903B\u8F91${appDELogicId}\u6CA1\u6709\u8FD4\u56DE\u503C`);
     }
     this.state.data = data;
+    this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
   }
   /**
    * 设置全局变量为当前容器数据
@@ -108,6 +179,7 @@ class SingleDataContainerController extends runtime.PanelItemController {
     const originData = dataName ? ibiz.appData[dataName] : ibiz.appData;
     if (originData) {
       this.state.data = originData;
+      this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
     } else {
       ibiz.log.error(`\u5168\u5C40\u53D8\u91CF\u91CC\u6CA1\u6709${dataName}\u5C5E\u6027`);
     }
@@ -137,6 +209,7 @@ class SingleDataContainerController extends runtime.PanelItemController {
     );
     if (res.ok && res.data) {
       this.state.data = res.data;
+      this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
     }
   }
   /**
@@ -154,6 +227,7 @@ class SingleDataContainerController extends runtime.PanelItemController {
     }
     const updateData = () => {
       this.state.data = view.state[dataName];
+      this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
     };
     updateData();
     view.evt.on("onDataChange", () => {

package/lib/util/app-drawer/app-drawer-component.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-drawer{--ibiz-drawer-z-index:var(--ibiz-z-index-drawer)}.ibiz-drawer .el-drawer__header{position:absolute;padding:0;margin:0;right:0}
+@charset "UTF-8";.ibiz-drawer{--ibiz-drawer-z-index:var(--ibiz-z-index-drawer)}.ibiz-drawer .el-drawer__header{position:absolute;right:0;z-index:999;padding:0;margin:0}

package/lib/util/confirm-util/confirm-util.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 class ConfirmUtil {
   async info(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "confirm-info",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
@@ -13,7 +13,7 @@ class ConfirmUtil {
   }
   async success(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "confirm-success",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
@@ -21,7 +21,7 @@ class ConfirmUtil {
   }
   async warning(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "confirm-warning",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
@@ -29,7 +29,7 @@ class ConfirmUtil {
   }
   async error(params) {
     return new Promise((resolve) => {
-      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "confirm-error",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));

package/lib/util/loading-util/loading-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 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;
@@ -43,7 +43,7 @@ class LoadingUtil {
    */
   show() {
     if (this.count === 0) {
-      this.loading = elementPlus.ElLoading.service({ lock: true, fullscreen: true });
+      this.loading = ElementPlus.ElLoading.service({ lock: true, fullscreen: true });
     }
     this.count += 1;
   }

package/lib/util/message-util/message-util.cjs

@@ -1,31 +1,31 @@
 'use strict';
 
-var elementPlus = require('element-plus');
+var ElementPlus = require('element-plus');
 
 class MessageUtil {
   info(msg, duration, closable) {
-    elementPlus.ElMessage.info({
+    ElementPlus.ElMessage.info({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   success(msg, duration, closable) {
-    elementPlus.ElMessage.success({
+    ElementPlus.ElMessage.success({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   warning(msg, duration, closable) {
-    elementPlus.ElMessage.warning({
+    ElementPlus.ElMessage.warning({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   error(msg, duration, closable) {
-    elementPlus.ElMessage.error({
+    ElementPlus.ElMessage.error({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable