@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/lib/panel-component/async-action/async-action-preview/async-action-preview.css

@@ -1 +1 @@
-.ibiz-async-action-preview{height:100%;display:flex;flex-flow:column nowrap;padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview__title{position:absolute;top:50%;left:50%;width:75%;overflow:hidden;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%)}.ibiz-async-action-preview .van-field__label,.ibiz-async-action-preview .van-field__value{font-size:.75rem;font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-action-preview .van-field{background:var(--van-dialog-background)}.ibiz-async-action-preview__button{width:1.25rem;height:1.25rem;margin-left:.375rem}.ibiz-async-action-preview-toolbar{display:flex;align-items:center;justify-content:center}.ibiz-async-action-preview-header{display:flex;align-items:center;justify-content:flex-end;position:relative;height:2rem;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-time{padding:var(--ibiz-spacing-tight) 0}.ibiz-async-action-preview-count{height:3rem;padding:var(--ibiz-spacing-tight) 0;display:flex;align-items:center;justify-content:space-between}.ibiz-async-action-preview-count .van-field__label{margin:0}.ibiz-async-action-preview-detail{flex-grow:1;overflow:auto;border-top:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item{display:flex;align-items:center;justify-content:space-between;height:4.5rem;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item__index{width:var(--ibiz-height-control-large);height:var(--ibiz-height-control-large);margin-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-4);line-height:var(--ibiz-height-control-large);color:var(--ibiz-color-primary-text);text-align:center;background-color:var(--ibiz-color-primary);border-radius:0}.ibiz-async-action-preview-detail-item__error{flex-grow:1;height:100%;text-align:left;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between}.ibiz-async-action-preview-detail-item__error-reason{color:var(--ibiz-color-text-1)}
+.ibiz-async-action-preview{--ibiz-async-action-preview-color-detail-item-index-text:var(--ibiz-color-primary-text);--ibiz-async-action-preview-color-detail-item-index-bg:var(--ibiz-color-primary);--ibiz-async-action-preview-color-van-field-bg:var(--van-dialog-background);--ibiz-async-action-preview-spacing-detail-item-index-margin-right:var(--ibiz-spacing-base);--ibiz-async-action-preview-spacing-preview-time-padding:var(--ibiz-spacing-base) 0;--ibiz-async-action-preview-spacing-detail-item-padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-async-action-preview-spacing-button-margin-left:0.375rem;--ibiz-async-action-preview-width-button:1.25rem;--ibiz-async-action-preview-width-detail-item-index:var(--ibiz-height-control-large);--ibiz-async-action-preview-height-button:1.25rem;--ibiz-async-action-preview-height-header:2rem;--ibiz-async-action-preview-height-count:3rem;--ibiz-async-action-preview-height-detail-item:4.5rem;--ibiz-async-action-preview-height-count-padding:var(--ibiz-spacing-tight) 0;--ibiz-async-action-preview-height-detail-item-index:var(--ibiz-height-control-large);--ibiz-async-action-preview-font-van-field-fontSize:0.75rem;--ibiz-async-action-preview-font-detail-item-index-fontSize:var(--ibiz-font-size-header-4);--ibiz-async-action-preview-font-detail-item-index-lineHeight:var(--ibiz-height-control-large);--ibiz-async-action-preview-font-van-field-fontWeight:var(--ibiz-font-weight-bold);--ibiz-async-action-preview-border-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-async-action-preview-border-detail-border-top:0.0625rem solid var(--ibiz-color-border);--ibiz-async-action-preview-border-detail-item-border-bottom:0.0625rem solid var(--ibiz-color-border);height:100%;display:flex;flex-flow:column nowrap;padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview__title{position:absolute;top:50%;left:50%;width:75%;overflow:hidden;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%)}.ibiz-async-action-preview .van-field__label,.ibiz-async-action-preview .van-field__value{font-size:var(--ibiz-async-action-preview-font-van-field-fontSize);font-weight:var(--ibiz-async-action-preview-font-van-field-fontWeight)}.ibiz-async-action-preview .van-field{background:var(--ibiz-async-action-preview-font-van-field-bg)}.ibiz-async-action-preview__button{width:var(--ibiz-async-action-preview-width-button);height:var(--ibiz-async-action-preview-height-button);margin-left:var(--ibiz-async-action-preview-spacing-button-margin-left)}.ibiz-async-action-preview-toolbar{display:flex;align-items:center;justify-content:center}.ibiz-async-action-preview-header{display:flex;align-items:center;justify-content:flex-end;position:relative;height:var(--ibiz-async-action-preview-height-header);border-bottom:var(--ibiz-async-action-preview-border-header-border-bottom)}.ibiz-async-action-preview-time{padding:var(--ibiz-async-action-preview-spacing-preview-time-padding)}.ibiz-async-action-preview-count{height:var(--ibiz-async-action-preview-height-count);padding:var(--ibiz-async-action-preview-height-count-padding);display:flex;align-items:center;justify-content:space-between}.ibiz-async-action-preview-count .van-field__label{margin:0}.ibiz-async-action-preview-detail{flex-grow:1;overflow:auto;border-top:var(--ibiz-async-action-preview-border-detail-border-top)}.ibiz-async-action-preview-detail-item{display:flex;align-items:center;justify-content:space-between;height:var(--ibiz-async-action-preview-height-detail-item);padding:var(--ibiz-async-action-preview-spacing-detail-item-padding);border-bottom:var(--ibiz-async-action-preview-border-detail-item-border-bottom)}.ibiz-async-action-preview-detail-item__index{width:var(--ibiz-async-action-preview-width-detail-item-index);height:var(--ibiz-async-action-preview-height-detail-item-index);margin-right:var(--ibiz-async-action-preview-spacing-detail-item-index-margin-right);font-size:var(--ibiz-async-action-preview-font-detail-item-index-fontSize);line-height:var(--ibiz-async-action-preview-font-detail-item-index-lineHeight);color:var(--ibiz-async-action-preview-color-detail-item-index-text);text-align:center;background-color:var(--ibiz-async-action-preview-color-detail-item-index-bg);border-radius:0}.ibiz-async-action-preview-detail-item__error{flex-grow:1;height:100%;text-align:left;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between}.ibiz-async-action-preview-detail-item__error-reason{color:var(--ibiz-color-text-1)}

package/lib/panel-component/async-action/async-action-tab/async-action-tab.css

@@ -1 +1 @@
-.ibiz-async-action-tab{--ibiz-async-action-tab-load-more-height:30px;width:100%;height:100%;overflow:hidden auto}.ibiz-async-action-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight) 0}.ibiz-async-action-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-async-action-tab-load-more-height))}.ibiz-async-action-tab__load-more{height:var(--ibiz-async-action-tab-load-more-height);line-height:var(--ibiz-async-action-tab-load-more-height);text-align:center}.ibiz-async-action-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}
+.ibiz-async-action-tab{--ibiz-async-action-tab-spacing-action-tab-item-padding:var(--ibiz-spacing-tight) 0;--ibiz-async-action-tab-height-load-more-height:1.875rem;--ibiz-async-action-tab-height-action-tab-item-min-height:3.75rem;width:100%;height:100%;overflow:hidden auto}.ibiz-async-action-tab__item{min-height:var(--ibiz-async-action-tab-action-tab-item-min-height);padding:var(--ibiz-async-action-tab-spacing-action-tab-item-padding)}.ibiz-async-action-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-async-action-tab-height-load-more-height))}.ibiz-async-action-tab__load-more{height:var(--ibiz-async-action-tab-height-load-more-height);line-height:var(--ibiz-async-action-tab-height-load-more-height);text-align:center}.ibiz-async-action-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}

package/lib/panel-component/async-action/mob-async-action.css

@@ -1 +1 @@
-.ibiz-mob-async-action{position:relative;height:100%}.ibiz-mob-async-action__title{width:100%;padding:.5rem 0;font-size:1.25rem;text-align:center}
+.ibiz-mob-async-action{--ibiz-mob-async-action-spacing-title-padding:0.5rem 0;--ibiz-mob-async-action-font-title-fontSize:1.25rem;position:relative;height:100%}.ibiz-mob-async-action__title{width:100%;padding:var(--ibiz-mob-async-action-spacing-title-padding);font-size:var(--ibiz-mob-async-action-font-title-fontSize);text-align:center}

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

@@ -1 +1 @@
-.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}.ibiz-auth-sso__sign-btn .ibiz-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
+.ibiz-auth-sso{--ibiz-auth-sso-width-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-height-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-spacing-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-spacing-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-width-icon-width);height:var(--ibiz-auth-sso-height-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}.ibiz-auth-sso__sign-btn .ibiz-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

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

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-img-size:3.125rem;--ibiz-user-info-img-radius:0.5rem;--ibiz-user-info-bg-color:transparent;--ibiz-user-info-padding:var(--ibiz-spacing-tight);display:flex;gap:var(--ibiz-user-info-padding);align-items:center;padding:var(--ibiz-user-info-padding);color:var(--ibiz-user-info-color);background-color:var(--ibiz-user-info-bg-color)}.ibiz-user-info__username{font-size:.875rem;font-weight:600}.ibiz-user-info__org{font-size:.75rem;color:var(--ibiz-color-text-3)}.ibiz-user-info .van-image{width:var(--ibiz-user-info-img-size);height:var(--ibiz-user-info-img-size);overflow:hidden;border-radius:var(--ibiz-user-info-img-radius)}.ibiz-user-info .van-image .van-image__loading{font-size:1.5625rem}.ibiz-user-info .ibiz-user-info-center{display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-user-info-padding)}
+.ibiz-user-info{--ibiz-user-info-color-text:var(--ibiz-color-text-0);--ibiz-user-info-color-bg-color:transparent;--ibiz-user-info-color-org-color:var(--ibiz-color-text-1);--ibiz-user-info-spacing-padding:var(--ibiz-spacing-tight);--ibiz-user-info-spacing-user-info-center-padding:var(--ibiz-spacing-tight);--ibiz-user-info-font-username-fontSize:0.875rem;--ibiz-user-info-font-username-fontWeight:600;--ibiz-user-info-font-org-fontSize:0.75rem;--ibiz-user-info-font-van-image-fontSize:1.5625rem;--ibiz-user-info-width-img-size:3.125rem;--ibiz-user-info-radius-img-radius:0.5rem;display:flex;align-items:center;gap:var(--ibiz-user-info-spacing-padding);padding:var(--ibiz-user-info-spacing-padding);color:var(--ibiz-user-info-color-text);background-color:var(--ibiz-user-info-color-bg-color)}.ibiz-user-info__username{font-size:var(--ibiz-user-info-font-username-fontSize);font-weight:var(--ibiz-user-info-font-username-fontWeight)}.ibiz-user-info__org{font-size:var(--ibiz-user-info-font-org-fontSize);color:var(--ibiz-user-info-org-color)}.ibiz-user-info .van-image{width:var(--ibiz-user-info-width-img-size);height:var(--ibiz-user-info-width-img-size);overflow:hidden;border-radius:var(--ibiz-user-info-radius-img-radius)}.ibiz-user-info .van-image .van-image__loading{font-size:var(--ibiz-user-info-font-van-image-fontSize)}.ibiz-user-info .ibiz-user-info-center{display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-user-info-spacing-user-info-center-padding)}

package/lib/panel-component/index.cjs

@@ -3,58 +3,71 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue3Util = require('@ibiz-template/vue3-util');
-var index$1 = require('./view-content-panel-container/index.cjs');
-var index$2 = require('./view-header-panel-container/index.cjs');
-var index$3 = require('./view-footer-panel-container/index.cjs');
-var index$4 = require('./panel-button/index.cjs');
-var index$6 = require('./wf-action-button/index.cjs');
-var index$5 = require('./wf-step-trace/index.cjs');
-var index = require('./nav-pos-index/index.cjs');
-var index$7 = require('./panel-tab-panel/index.cjs');
-var index$8 = require('./panel-carousel/index.cjs');
-var index$9 = require('./panel-video-player/index.cjs');
-var index$a = require('./auth-userinfo/index.cjs');
-var index$b = require('./user-message/index.cjs');
-var index$c = require('./async-action/index.cjs');
-var index$d = require('./panel-button-list/index.cjs');
-var index$e = require('./auth-sso/index.cjs');
-var index$f = require('./panel-app-title/index.cjs');
-var index$g = require('./index-blank-placeholder/index.cjs');
+var index$3 = require('./view-content-panel-container/index.cjs');
+var index$4 = require('./view-header-panel-container/index.cjs');
+var index$5 = require('./view-footer-panel-container/index.cjs');
+var index$6 = require('./panel-button/index.cjs');
+var index$8 = require('./wf-action-button/index.cjs');
+var index$7 = require('./wf-step-trace/index.cjs');
+var index$2 = require('./nav-pos-index/index.cjs');
+var index$9 = require('./panel-tab-panel/index.cjs');
+var index$a = require('./panel-carousel/index.cjs');
+var index$b = require('./panel-video-player/index.cjs');
+var index$c = require('./auth-userinfo/index.cjs');
+var index$d = require('./user-message/index.cjs');
+var index$e = require('./async-action/index.cjs');
+var index$f = require('./panel-button-list/index.cjs');
+var index$g = require('./auth-sso/index.cjs');
+var index$h = require('./panel-app-title/index.cjs');
+var index$i = require('./index-blank-placeholder/index.cjs');
+var index$j = require('./view-message/index.cjs');
+var index$k = require('./view-msg-pos/index.cjs');
+var index$l = require('./setting-container/index.cjs');
+var index$1 = require('./split-container/index.cjs');
+var index = require('./theme-toggling/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(index.IBizThemeToggling);
+    v.use(index$1.IBizSplitContainer);
+    v.use(vue3Util.IBizPanelCtrlViewPageCaption);
     v.use(vue3Util.IBizPanelContainer);
     v.use(vue3Util.IBizPanelCtrlPos);
-    v.use(index.IBizNavPosIndex);
-    v.use(index$1.IBizViewContentPanelContainer);
-    v.use(index$2.IBizViewHeaderPanelContainer);
-    v.use(index$3.IBizViewFooterPanelContainer);
-    v.use(index$4.IBizPanelButton);
+    v.use(index$2.IBizNavPosIndex);
+    v.use(index$3.IBizViewContentPanelContainer);
+    v.use(index$4.IBizViewHeaderPanelContainer);
+    v.use(index$5.IBizViewFooterPanelContainer);
+    v.use(index$6.IBizPanelButton);
     v.use(vue3Util.IBizNavPos);
     v.use(vue3Util.IBizPanelField);
-    v.use(index$5.IBizWFStepTrace);
+    v.use(index$7.IBizWFStepTrace);
     v.use(vue3Util.IBizGridContainer);
     v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$6.IBizWFActionButton);
+    v.use(index$8.IBizWFActionButton);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(vue3Util.IBizMultiDataContainerRaw);
     v.use(vue3Util.IBizPanelTabPage);
-    v.use(index$7.IBizPanelTabPanel);
+    v.use(index$9.IBizPanelTabPanel);
     v.use(vue3Util.IBizPanelContainerGroup);
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(vue3Util.IBizScrollContainer);
-    v.use(index$8.IBizPanelCarousel);
-    v.use(index$9.IBizPanelVideoPlayer);
-    v.use(index$a.IBizAuthUserinfo);
+    v.use(index$a.IBizPanelCarousel);
+    v.use(index$b.IBizPanelVideoPlayer);
+    v.use(index$c.IBizAuthUserinfo);
     v.use(vue3Util.IBizPanelItemRender);
-    v.use(index$b.IBizMobUserMessage);
-    v.use(index$c.IBizMobAsyncAction);
-    v.use(index$d.IBizPanelButtonList);
-    v.use(index$e.IBizAuthSso);
+    v.use(index$d.IBizMobUserMessage);
+    v.use(index$e.IBizMobAsyncAction);
+    v.use(index$f.IBizPanelButtonList);
+    v.use(index$g.IBizAuthSso);
     v.use(vue3Util.IBizAuthWxmpQrcode);
-    v.use(index$f.IBizPanelAppTitle);
-    v.use(index$g.IBizIndexBlankPlaceholder);
+    v.use(vue3Util.IBizTeleportPlaceholder);
+    v.use(index$h.IBizPanelAppTitle);
+    v.use(index$i.IBizIndexBlankPlaceholder);
+    v.use(index$j.IBizViewMessage);
+    v.use(index$k.IBizViewMsgPos);
+    v.use(index$l.IBizSettingContainer);
   }
 };
 

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-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.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{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:66px;height:66px}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - 66px)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color-text:var(--ibiz-color-text-0);--ibiz-panel-app-title-spacing-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-spacing-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-spacing-logo-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-font-title-fontSize:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-font-logo-fontSize:calc(var(--ibiz-font-size-header-1) + var(--ibiz-spacing-tight));--ibiz-panel-app-title-font-title-fontWeight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-font-caption2-fontSize:var(--ibiz-font-size-header-4);--ibiz-panel-app-title-font-captoin2-fontWeight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-font-subCaption2-fontSize:var(--ibiz-font-size-header-5);--ibiz-panel-app-title-width-expand:4.125rem;--ibiz-panel-app-title-width-expand-svg:4.125rem;--ibiz-panel-app-title-height-not-index-height:3.75rem;--ibiz-panel-app-title-height-expand:4.125rem;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-spacing-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-title-fontSize);font-weight:var(--ibiz-panel-app-title-font-title-fontWeight);color:var(--ibiz-panel-app-title-color-text)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-spacing-logo-padding);font-size:var(--ibiz-panel-app-title-font-logo-fontSize)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color-text)}.ibiz-panel-app-title__logo--expand{width:var(--ibiz-panel-app-title-width-expand);height:var(--ibiz-panel-app-title-height-expand)}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - var(--ibiz-panel-app-title-width-expand-svg))}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-spacing-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-panel-app-title-font-caption2-fontSize);font-weight:var(--ibiz-panel-app-title-font-captoin2-fontWeight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-panel-app-title-font-subCaption2-fontSize);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-height-not-index-height)}

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

@@ -34,7 +34,6 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       caption,
       captionItemName,
       renderMode,
-      buttonStyle,
       showCaption,
       sysImage,
       codeName
@@ -54,8 +53,8 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
     });
     const buttonType = vue.computed(() => {
       if (Object.is(renderMode, "LINK"))
-        return "text";
-      return buttonUtil.convertBtnType(buttonStyle);
+        return "link";
+      return buttonUtil.convertBtnType(props.modelData);
     });
     const handleButtonClick = (event) => {
       props.controller.onActionClick(event);

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

@@ -1 +1 @@
-.ibiz-panel-button{width:100%;height:100%}.ibiz-panel-button.is-login-btn{background-color:var(--ibiz-color-primary);color:var(--ibiz-color-fill-1);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-spacing-extra-tight)}.ibiz-panel-button .ibiz-panel-button-content i,.ibiz-panel-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-width-icon-medium);max-height:var(--ibiz-width-icon-medium)}
+.ibiz-panel-button{--ibiz-panel-button-color-login-btn-bg:var(--ibiz-color-primary);--ibiz-panel-button-color-login-btn-color:var(--ibiz-color-fill-1);--ibiz-panel-button-spacing-content-gap:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-font-login-btn-fontSize:var(--ibiz-font-size-header-4);--ibiz-panel-button-width-content-icon-size:var(--ibiz-width-icon-medium);width:100%}.ibiz-panel-button.is-login-btn{background-color:var(--ibiz-panel-button-color-login-btn-bg);color:var(--ibiz-panel-button-color-login-btn-color);font-size:var(--ibiz-panel-button-font-login-btn-fontSize)}.ibiz-panel-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--ibiz-panel-button-spacing-content-gap)}.ibiz-panel-button .ibiz-panel-button-content i,.ibiz-panel-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-width-content-icon-size);max-height:var(--ibiz-panel-button-width-content-icon-size)}

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

@@ -1 +1 @@
-.ibiz-panel-tab-panel{height:100%}.ibiz-panel-tab-panel .van-tabs__content{height:calc(100% - var(--van-tabs-line-height))}.ibiz-panel-tab-panel .van-tab__panel{height:100%}
+.ibiz-panel-tab-panel{--ibiz-panel-tab-panel-height-tabs-content:calc(100% - var(--van-tabs-line-height));height:100%}.ibiz-panel-tab-panel .van-tabs__content{height:var(--ibiz-panel-tab-panel-height-tabs-content)}.ibiz-panel-tab-panel .van-tab__panel{height:100%}

package/lib/panel-component/setting-container/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 settingContainer = require('./setting-container.cjs');
+var settingContainer_provider = require('./setting-container.provider.cjs');
+
+"use strict";
+const IBizSettingContainer = vue3Util.withInstall(
+  settingContainer.SettingContainer,
+  function(v) {
+    v.component(settingContainer.SettingContainer.name, settingContainer.SettingContainer);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_SETTING_CONTAINER",
+      () => new settingContainer_provider.SettingContainerProvider()
+    );
+  }
+);
+
+exports.IBizSettingContainer = IBizSettingContainer;
+exports.default = IBizSettingContainer;

package/lib/panel-component/setting-container/setting-container.cjs

@@ -0,0 +1,139 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var settingContainer_controller = require('./setting-container.controller.cjs');
+require('../../common/index.cjs');
+require('./setting-container.css');
+var mdSortSetting = require('../../common/md-sort-setting/md-sort-setting.cjs');
+var mdAdvanedSearchform = require('../../common/md-advaned-searchform/md-advaned-searchform.cjs');
+
+"use strict";
+const SettingContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSettingContainer",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 设置容器控制器
+     */
+    controller: {
+      type: settingContainer_controller.SettingContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("setting-container");
+    const c = props.controller;
+    const handleClick = async (_event) => {
+      var _a, _b;
+      const {
+        sortDelistItems,
+        sortQuery
+      } = c.mdctrl.state;
+      let sort;
+      if (sortQuery) {
+        const [key, order] = sortQuery.split(",");
+        sort = {
+          key,
+          order
+        };
+      }
+      const res = await ibiz.overlay.drawer((modal) => {
+        return vue.h(mdSortSetting.IBizMdSortSetting, {
+          modal,
+          listItems: sortDelistItems,
+          sort
+        });
+      }, {}, {
+        attrs: {
+          position: "bottom",
+          closeable: false
+        }
+      });
+      if ((res == null ? void 0 : res.data) && res.data.length > 0) {
+        const _sort = res.data[0];
+        (_a = c.mdctrl) == null ? void 0 : _a.setSort(_sort.key, _sort.order);
+        (_b = c.mdctrl) == null ? void 0 : _b.load({
+          isInitialLoad: true
+        });
+      }
+    };
+    const handleAdvanedClick = async () => {
+      const searchform = c.panel.view.providers.searchform;
+      await ibiz.overlay.drawer((modal) => {
+        return vue.h(mdAdvanedSearchform.IBizMdAdvanedSearchfrom, {
+          modal,
+          modelData: c.searchform.model,
+          context: c.searchform.context,
+          params: c.searchform.params,
+          provider: searchform,
+          controller: c.searchform
+        });
+      }, {}, {
+        attrs: {
+          position: "bottom",
+          closeable: false
+        }
+      });
+    };
+    return {
+      c,
+      ns,
+      handleClick,
+      handleAdvanedClick
+    };
+  },
+  render() {
+    if (!this.c.visible)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.c.isMDSortButton && vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.e("md-sort"),
+      "onClick": this.handleClick
+    }, {
+      default: () => [vue.createVNode("svg", {
+        "class": this.ns.em("md-sort", "icon"),
+        "viewBox": "0 0 1024 1024",
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "p-id": "10950",
+        "height": "1em",
+        "width": "1em"
+      }, [vue.createVNode("path", {
+        "d": "M83.6 263.2H590c20.8 0 37.6-16.9 37.6-37.6S610.7 188 590 188H83.6C62.8 188 46 204.9 46 225.6s16.9 37.6 37.6 37.6zM538.3 513.5c0-20.8-16.9-37.6-37.6-37.6h-417c-20.8 0-37.6 16.9-37.6 37.6s16.9 37.6 37.6 37.6h417c20.8 0.1 37.6-16.8 37.6-37.6zM381.5 729.1H83.6C62.8 729.1 46 746 46 766.7s16.9 37.6 37.6 37.6h297.9c20.8 0 37.6-16.9 37.6-37.6s-16.8-37.6-37.6-37.6zM967 582.7c-14.7-14.7-38.5-14.7-53.2 0L782.3 714.1V205.7c0-20.8-16.9-37.6-37.6-37.6S707 184.9 707 205.7v503.8L580.3 582.7c-14.7-14.7-38.5-14.7-53.2 0s-14.7 38.5 0 53.2l220 220 220-220c14.6-14.6 14.6-38.5-0.1-53.2z",
+        "p-id": "10951"
+      }, null)])]
+    }), this.c.isMDSearchformBtn && vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": this.ns.e("md-advaned-searchform"),
+      "onClick": this.handleAdvanedClick
+    }, {
+      default: () => [vue.createVNode("svg", {
+        "class": "icon",
+        "viewBox": "0 0 1024 1024",
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "p-id": "6901",
+        "height": "1em",
+        "width": "1em",
+        "fill": "currentColor"
+      }, [vue.createVNode("path", {
+        "d": "M777.6 243.2c12.8-22.4 12.8-48 0-70.4-12.8-19.2-32-32-54.4-32H204.8c-22.4 0-41.6 12.8-54.4 32-12.8 22.4-12.8 48 0 70.4l192 320v252.8c0 25.6 12.8 44.8 32 57.6 9.6 6.4 19.2 9.6 32 9.6 9.6 0 19.2-3.2 28.8-6.4l115.2-64c22.4-12.8 35.2-35.2 35.2-57.6v-188.8l192-323.2z m-252.8 284.8c-6.4 9.6-9.6 22.4-9.6 35.2v188.8L416 806.4v-246.4c0-12.8-3.2-25.6-9.6-35.2l-192-316.8h502.4l-192 320zM662.4 761.6l80 105.6c12.8 16 38.4 16 51.2 0l80-105.6c9.6-12.8 6.4-35.2-6.4-44.8s-35.2-6.4-44.8 6.4l-22.4 28.8v-192c0-19.2-12.8-32-32-32s-32 12.8-32 32v192l-22.4-28.8c-6.4-9.6-16-12.8-25.6-12.8-6.4 0-12.8 3.2-19.2 6.4-12.8 9.6-16 32-6.4 44.8z",
+        "p-id": "6902",
+        "data-spm-anchor-id": "a313x.search_index.0.i1.7df83a812sJGKb",
+        "class": "selected",
+        "fill": "currentColor"
+      }, null)])]
+    })])]);
+  }
+});
+
+exports.SettingContainer = SettingContainer;

package/lib/panel-component/setting-container/setting-container.controller.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class SettingContainerController extends runtime.PanelContainerController {
+  /**
+   * @description 多数据部件控制器
+   * @readonly
+   * @type {IMobMDCtrlController}
+   * @memberof SettingContainerController
+   */
+  get mdctrl() {
+    const { view } = this.panel;
+    return view.getController("mdctrl") || view.getController("dataview");
+  }
+  /**
+   * @description 是否显示排序按钮
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get isMDSortButton() {
+    var _a;
+    return !!(((_a = this.mdctrl) == null ? void 0 : _a.state.sortDelistItems.length) > 0);
+  }
+  /**
+   * 是否有快速搜索栏
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get searchbar() {
+    return this.panel.view.getController("searchbar");
+  }
+  /**
+   * @description 是否可见
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get visible() {
+    if (!this.searchbar || !this.searchbar.model.enableQuickSearch) {
+      return false;
+    }
+    return this.isMDSortButton || !!this.searchform && !this.panel.view.model.expandSearchForm;
+  }
+  /**
+   * @description 搜索表单控制器
+   * @readonly
+   * @type {ISearchFormController}
+   * @memberof SettingContainerController
+   */
+  get searchform() {
+    return this.panel.view.getController("searchform");
+  }
+  /**
+   * 是否显示高级搜索按钮，存在搜索表单并且搜索表单不是默认展开时显示
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof SettingContainerController
+   */
+  get isMDSearchformBtn() {
+    return !!this.searchform && !this.panel.view.model.expandSearchForm;
+  }
+}
+
+exports.SettingContainerController = SettingContainerController;

package/lib/panel-component/setting-container/setting-container.css

@@ -0,0 +1 @@
+.ibiz-setting-container{--ibiz-setting-container-color-bg-color:var(--ibiz-color-bg-1);--ibiz-setting-container-color-md-sort-icon-color:var(--ibiz-color-text-0);--ibiz-setting-container-spacing-setting-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) var(--ibiz-spacing-tight) 0;--ibiz-setting-container-height-setting-container:var(--ibiz-height-control-default);--ibiz-setting-container-font-md-sort-fontSize:var(--ibiz-font-size-header-4);height:100%;padding:var(--ibiz-setting-container-spacing-setting-container-padding);background-color:var(--ibiz-setting-container-color-bg-color)}.ibiz-setting-container__content{height:var(--ibiz-setting-container-height-setting-container);display:flex;align-items:center}.ibiz-setting-container__md-sort{display:flex;align-items:center;font-size:var(--ibiz-setting-container-font-md-sort-fontSize);cursor:pointer}.ibiz-setting-container__md-sort svg{fill:var(--ibiz-setting-container-color-md-sort-icon-color)}.ibiz-setting-container__md-advaned-searchform{display:flex;align-items:center;font-size:var(--ibiz-setting-container-font-md-sort-fontSize);cursor:pointer}.ibiz-setting-container__md-advaned-searchform svg{fill:var(--ibiz-setting-container-color-md-sort-icon-color)}.ibiz-setting-container .van-button{height:auto;padding:0;background-color:transparent;border:none}.ibiz-setting-container .van-button::before{display:none}.ibiz-setting-container .van-button__content,.ibiz-setting-container .van-button__text{display:flex;align-items:center}

package/lib/panel-component/setting-container/setting-container.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var settingContainer_controller = require('./setting-container.controller.cjs');
+
+"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 SettingContainerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSettingContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new settingContainer_controller.SettingContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SettingContainerProvider = SettingContainerProvider;

package/lib/panel-component/split-container/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var splitContainer = require('./split-container.cjs');
+var splitContainer_provider = require('./split-container.provider.cjs');
+var splitContainer_controller = require('./split-container.controller.cjs');
+
+"use strict";
+const IBizSplitContainer = vue3Util.withInstall(
+  splitContainer.SplitContainer,
+  function(v) {
+    v.component(splitContainer.SplitContainer.name, splitContainer.SplitContainer);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_H_SPLIT",
+      () => new splitContainer_provider.SplitContainerProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_V_SPLIT",
+      () => new splitContainer_provider.SplitContainerProvider()
+    );
+  }
+);
+
+exports.SplitContainerController = splitContainer_controller.SplitContainerController;
+exports.IBizSplitContainer = IBizSplitContainer;
+exports.default = IBizSplitContainer;

package/lib/panel-component/split-container/split-container.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var splitContainer_controller = require('./split-container.controller.cjs');
+require('./split-container.css');
+
+"use strict";
+const SplitContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSplitContainer",
+  props: {
+    /**
+     * @description 分割容器容器模型
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 分割容器控制器
+     */
+    controller: {
+      type: splitContainer_controller.SplitContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("split-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible), ns.is("hidden-trigger", props.controller.state.isHiddenTrigger)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.classArr
+    }, [vue.createVNode(vue.resolveComponent("iBizSplit"), {
+      "modelValue": this.controller.state.splitValue,
+      "onUpdate:modelValue": ($event) => this.controller.state.splitValue = $event,
+      "mode": this.controller.splitMode
+    }, {
+      left: () => defaultSlots[0],
+      right: () => defaultSlots[1],
+      top: () => defaultSlots[0],
+      bottom: () => defaultSlots[1]
+    })]), [[vue.resolveDirective("loading"), this.controller.state.loading]]);
+  }
+});
+
+exports.SplitContainer = SplitContainer;