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

package/es/node_modules/.pnpm/quill-delta@5.1.0/node_modules/quill-delta/dist/Delta.mjs

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from '../../../../../../_virtual/_commonjsHelpers.mjs';
 import { __module as Delta$1 } from '../../../../../../_virtual/Delta.mjs';
 import '../../../../../../_virtual/diff.mjs';
-import '../../../../../../_virtual/index15.mjs';
 import '../../../../../../_virtual/index16.mjs';
+import '../../../../../../_virtual/index17.mjs';
 import '../../../../../../_virtual/AttributeMap.mjs';
 import '../../../../../../_virtual/Op.mjs';
 import '../../../../../../_virtual/OpIterator.mjs';

package/es/panel-component/async-action/async-action/async-action.css

@@ -1 +1 @@
-.ibiz-async-action{--ibiz-async-action-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative;white-space:nowrap}.ibiz-async-action--clickable{cursor:pointer}.ibiz-async-action:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-async-action__caption{margin-bottom:var(--ibiz-spacing-tight);font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-action__error-info{margin-bottom:var(--ibiz-spacing-tight);color:var(--ibiz-color-danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-async-action-left{flex-grow:0;flex-shrink:0;width:1.875rem;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-async-action-right{flex-grow:0;flex-shrink:0;width:5rem;text-align:center}.ibiz-async-action-center{flex-grow:1;width:342px}@keyframes breath{0%{opacity:.5}10%{opacity:.6}20%{opacity:.7}30%{opacity:.8}40%{opacity:.9}50%{opacity:1}60%{opacity:.9}70%{opacity:.8}80%{opacity:.7}90%{opacity:.6}100%{opacity:.5}}.ibiz-async-action-loading-warp{position:absolute;inset:0;z-index:-1}.ibiz-async-action-loading-warp__inner{width:0;height:100%;text-align:right;background:var(--ibiz-async-action-loading-warp-bg-color)!important;transition:width .5s;animation:breath 2s ease-in-out infinite}
+.ibiz-async-action{--ibiz-async-action-color-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));--ibiz-async-action-color-async-action-bg-hover:var(--ibiz-color-fill-1);--ibiz-async-action-color-error-info-color:var(--ibiz-color-danger);--ibiz-async-action-spacing-caption-margin-bottom:var(--ibiz-spacing-tight);--ibiz-async-action-spacing-error-info-margin-bottom:var(--ibiz-spacing-tight);--ibiz-async-action-width-async-action-left:1.875rem;--ibiz-async-action-width-async-action-right:5rem;--ibiz-async-action-width-async-action-center:21.375rem;--ibiz-async-action-font-caption-fontWeight:var(--ibiz-font-weight-bold);display:flex;align-items:center;justify-content:space-between;position:relative;white-space:nowrap}.ibiz-async-action--clickable{cursor:pointer}.ibiz-async-action:hover{background-color:var(--ibiz-async-action-color-async-action-bg-hover)}.ibiz-async-action__caption{margin-bottom:var(--ibiz-async-action-spacing-caption-margin-bottom);font-weight:var(--ibiz-async-action-font-caption-fontWeight)}.ibiz-async-action__error-info{margin-bottom:var(--ibiz-async-action-spacing-error-info-margin-bottom);color:var(--ibiz-async-action-color-error-info-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-async-action-left{flex-grow:0;flex-shrink:0;width:var(--ibiz-async-action-width-async-action-left);font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-async-action-right{flex-grow:0;flex-shrink:0;width:var(--ibiz-async-action-width-async-action-right);text-align:center}.ibiz-async-action-center{flex-grow:1;width:var(--ibiz-async-action-width-async-action-center)}@keyframes breath{0%{opacity:.5}10%{opacity:.6}20%{opacity:.7}30%{opacity:.8}40%{opacity:.9}50%{opacity:1}60%{opacity:.9}70%{opacity:.8}80%{opacity:.7}90%{opacity:.6}100%{opacity:.5}}.ibiz-async-action-loading-warp{position:absolute;inset:0;z-index:-1}.ibiz-async-action-loading-warp__inner{width:0;height:100%;text-align:right;background:var(--ibiz-async-action-color-loading-warp-bg-color)!important;transition:width .5s;animation:breath 2s ease-in-out infinite}

package/es/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/es/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/es/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/es/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/es/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/es/panel-component/index.mjs

@@ -1,4 +1,4 @@
-import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizScrollContainer, IBizPanelItemRender, IBizAuthWxmpQrcode } from '@ibiz-template/vue3-util';
+import { IBizPanelCtrlViewPageCaption, IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizMultiDataContainerRaw, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizScrollContainer, IBizPanelItemRender, IBizAuthWxmpQrcode, IBizTeleportPlaceholder } from '@ibiz-template/vue3-util';
 import { IBizViewContentPanelContainer } from './view-content-panel-container/index.mjs';
 import { IBizViewHeaderPanelContainer } from './view-header-panel-container/index.mjs';
 import { IBizViewFooterPanelContainer } from './view-footer-panel-container/index.mjs';
@@ -16,10 +16,18 @@ import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 import { IBizAuthSso } from './auth-sso/index.mjs';
 import { IBizPanelAppTitle } from './panel-app-title/index.mjs';
 import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
+import { IBizViewMessage } from './view-message/index.mjs';
+import { IBizViewMsgPos } from './view-msg-pos/index.mjs';
+import { IBizSettingContainer } from './setting-container/index.mjs';
+import { IBizSplitContainer } from './split-container/index.mjs';
+import { IBizThemeToggling } from './theme-toggling/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(IBizThemeToggling);
+    v.use(IBizSplitContainer);
+    v.use(IBizPanelCtrlViewPageCaption);
     v.use(IBizPanelContainer);
     v.use(IBizPanelCtrlPos);
     v.use(IBizNavPosIndex);
@@ -35,6 +43,7 @@ const IBizPanelComponents = {
     v.use(IBizWFActionButton);
     v.use(IBizSingleDataContainer);
     v.use(IBizMultiDataContainer);
+    v.use(IBizMultiDataContainerRaw);
     v.use(IBizPanelTabPage);
     v.use(IBizPanelTabPanel);
     v.use(IBizPanelContainerGroup);
@@ -49,8 +58,12 @@ const IBizPanelComponents = {
     v.use(IBizPanelButtonList);
     v.use(IBizAuthSso);
     v.use(IBizAuthWxmpQrcode);
+    v.use(IBizTeleportPlaceholder);
     v.use(IBizPanelAppTitle);
     v.use(IBizIndexBlankPlaceholder);
+    v.use(IBizViewMessage);
+    v.use(IBizViewMsgPos);
+    v.use(IBizSettingContainer);
   }
 };
 

package/es/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/es/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/es/panel-component/panel-button/panel-button.mjs

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

package/es/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/es/panel-component/setting-container/index.mjs

@@ -0,0 +1,18 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { SettingContainer } from './setting-container.mjs';
+import { SettingContainerProvider } from './setting-container.provider.mjs';
+
+"use strict";
+const IBizSettingContainer = withInstall(
+  SettingContainer,
+  function(v) {
+    v.component(SettingContainer.name, SettingContainer);
+    registerPanelItemProvider(
+      "CONTAINER_SETTING_CONTAINER",
+      () => new SettingContainerProvider()
+    );
+  }
+);
+
+export { IBizSettingContainer, IBizSettingContainer as default };

package/es/panel-component/setting-container/setting-container.controller.mjs

@@ -0,0 +1,68 @@
+import { PanelContainerController } from '@ibiz-template/runtime';
+
+"use strict";
+class SettingContainerController extends 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;
+  }
+}
+
+export { SettingContainerController };

package/es/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/es/panel-component/setting-container/setting-container.mjs

@@ -0,0 +1,137 @@
+import { defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { SettingContainerController } from './setting-container.controller.mjs';
+import '../../common/index.mjs';
+import './setting-container.css';
+import { IBizMdSortSetting } from '../../common/md-sort-setting/md-sort-setting.mjs';
+import { IBizMdAdvanedSearchfrom } from '../../common/md-advaned-searchform/md-advaned-searchform.mjs';
+
+"use strict";
+const SettingContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizSettingContainer",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 设置容器控制器
+     */
+    controller: {
+      type: SettingContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = 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 h(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 h(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 createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.c.isMDSortButton && createVNode(resolveComponent("van-button"), {
+      "class": this.ns.e("md-sort"),
+      "onClick": this.handleClick
+    }, {
+      default: () => [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"
+      }, [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 && createVNode(resolveComponent("van-button"), {
+      "class": this.ns.e("md-advaned-searchform"),
+      "onClick": this.handleAdvanedClick
+    }, {
+      default: () => [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"
+      }, [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)])]
+    })])]);
+  }
+});
+
+export { SettingContainer };

package/es/panel-component/setting-container/setting-container.provider.mjs

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

package/es/panel-component/split-container/index.mjs

@@ -0,0 +1,23 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { SplitContainer } from './split-container.mjs';
+import { SplitContainerProvider } from './split-container.provider.mjs';
+export { SplitContainerController } from './split-container.controller.mjs';
+
+"use strict";
+const IBizSplitContainer = withInstall(
+  SplitContainer,
+  function(v) {
+    v.component(SplitContainer.name, SplitContainer);
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_H_SPLIT",
+      () => new SplitContainerProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_V_SPLIT",
+      () => new SplitContainerProvider()
+    );
+  }
+);
+
+export { IBizSplitContainer, IBizSplitContainer as default };

package/es/panel-component/split-container/split-container.controller.mjs

@@ -0,0 +1,110 @@
+import { PanelContainerController } 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 SplitContainerController extends PanelContainerController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 分割面板模式
+     * @exposedoc
+     * @author zhanghengfeng
+     * @date 2023-08-22 17:08:24
+     * @type {('horizontal' | 'vertical')}
+     */
+    __publicField(this, "splitMode", "horizontal");
+    /**
+     * @description 默认分割值
+     * @exposedoc
+     * @author zhanghengfeng
+     * @date 2023-08-22 17:08:38
+     * @type {(number | string)}
+     */
+    __publicField(this, "splitValue", 0.5);
+    /**
+     * @description 面板隐藏前分割值
+     * @author zhanghengfeng
+     * @date 2023-10-08 17:10:58
+     * @type {(number | string | null)}
+     */
+    __publicField(this, "lastSplitValue", null);
+  }
+  /**
+   * 初始化默认分割值
+   *
+   * @author zhanghengfeng
+   * @date 2023-08-22 17:08:13
+   * @param {number} value
+   * @param {string} mode
+   */
+  initSplitValue(value, mode) {
+    if (mode === "PX") {
+      this.splitValue = `${value}px`;
+    }
+    if (mode === "PERCENTAGE") {
+      this.splitValue = value / 100;
+    }
+    this.state.splitValue = this.splitValue;
+  }
+  async onInit() {
+    await super.onInit();
+    const { predefinedType, panelItems } = this.model;
+    this.splitMode = predefinedType === "CONTAINER_V_SPLIT" ? "vertical" : "horizontal";
+    if (Array.isArray(panelItems) && panelItems.length) {
+      const panelItem = panelItems[0];
+      const layoutPos = panelItem.layoutPos;
+      if (layoutPos) {
+        if (this.splitMode === "horizontal") {
+          const { width, widthMode } = layoutPos;
+          if (width != null && widthMode != null) {
+            this.initSplitValue(width, widthMode);
+          }
+        }
+        if (this.splitMode === "vertical") {
+          const { height, heightMode } = layoutPos;
+          if (height != null && heightMode != null) {
+            this.initSplitValue(height, heightMode);
+          }
+        }
+      }
+    }
+  }
+  /**
+   * @description 隐藏面板，left：左侧面板隐藏，right：右侧面板隐藏，top：上方面板隐藏，bottom：底部面板隐藏
+   * @exposedoc
+   * @author zhanghengfeng
+   * @date 2023-10-08 17:10:35
+   * @param {('left' | 'right' | 'top' | 'bottom')} position
+   */
+  hiddenPanel(position) {
+    if (!this.state.isHiddenTrigger)
+      this.lastSplitValue = this.state.splitValue;
+    if (position === "left" || position === "top") {
+      this.state.splitValue = 0;
+    }
+    if (position === "right" || position === "bottom") {
+      this.state.splitValue = 1;
+    }
+    this.state.isHiddenTrigger = true;
+  }
+  /**
+   * @description 显示面板，恢复上一次的分割比例
+   * @exposedoc
+   * @author zhanghengfeng
+   * @date 2023-10-08 17:10:31
+   */
+  showPanel() {
+    if (this.lastSplitValue != null) {
+      this.state.splitValue = this.lastSplitValue;
+      this.state.isHiddenTrigger = false;
+      this.lastSplitValue = null;
+    }
+  }
+}
+
+export { SplitContainerController };

package/es/panel-component/split-container/split-container.css

@@ -0,0 +1 @@
+.ibiz-split-container{width:100%;height:100%;overflow:auto}.ibiz-split-container.is-hidden{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con+.ibiz-split-pane,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con+.ibiz-split-pane{padding:0}

package/es/panel-component/split-container/split-container.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, computed } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { SplitContainerController } from './split-container.controller.mjs';
+import './split-container.css';
+
+"use strict";
+const SplitContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizSplitContainer",
+  props: {
+    /**
+     * @description 分割容器容器模型
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 分割容器控制器
+     */
+    controller: {
+      type: SplitContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("split-container");
+    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), 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 withDirectives(createVNode("div", {
+      "class": this.classArr
+    }, [createVNode(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]
+    })]), [[resolveDirective("loading"), this.controller.state.loading]]);
+  }
+});
+
+export { SplitContainer };

package/es/panel-component/split-container/split-container.provider.mjs

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