@ibiz-template/mob-vue3-components 0.0.1-alpha.21 → 0.0.1-alpha.22

package/es/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 0.25rem;--ibiz-action-toolbar-separator-width:0.125rem;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/es/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}
+.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .van-notice-bar.info{--van-notice-bar-text-color:var(--ibiz-color-primary);--van-notice-bar-background:var(--ibiz-color-primary-light-default)}.ibiz-rawitem .van-notice-bar.warning{--van-notice-bar-text-color:var(--ibiz-color-warning)}.ibiz-rawitem .van-notice-bar.error{--van-notice-bar-text-color:var(--ibiz-color-danger);--van-notice-bar-background:var(--ibiz-color-danger-light-default)}

package/es/common/rawitem/rawitem.d.ts

@@ -33,6 +33,8 @@ export declare const IBizRawItem: import("vue").DefineComponent<{
         title: string;
         closeabled: boolean;
         showIcon: boolean;
+        class: string;
+        'left-icon': string;
     }>;
     rawItemType: Ref<string>;
     rawItemContent: Ref<string | number | IData>;

package/es/common/rawitem/rawitem.mjs

@@ -41,6 +41,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
         rawItemContent.value = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+      rawItemContent.value = props.content;
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }
@@ -64,7 +65,9 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       type: "info",
       title: "",
       closeabled: true,
-      showIcon: false
+      showIcon: false,
+      class: "",
+      "left-icon": ""
     });
     const rawItemText = ref("");
     const convertValue = () => {
@@ -107,7 +110,12 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
                 case "INFO":
                 case "WARNING":
                 case "ERROR":
-                  alertParams.value.type = rawItemType.value.toLocaleLowerCase();
+                  alertParams.value.class = rawItemType.value.toLocaleLowerCase();
+                  if (rawItemType.value === "ERROR") {
+                    alertParams.value["left-icon"] = "close";
+                  } else {
+                    alertParams.value["left-icon"] = rawItemType.value.toLocaleLowerCase();
+                  }
                   Object.assign(alertParams.value, rawConfig);
                   break;
                 default:
@@ -215,7 +223,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
         }, null), createTextVNode("\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")])]);
       }
       if (this.rawItemType === "DIVIDER") {
-        return createVNode(resolveComponent("el-divider"), {
+        return createVNode(resolveComponent("van-divider"), {
           "content-position": this.dividerParams.contentPosition
         }, {
           default: () => [createVNode("span", {
@@ -224,12 +232,15 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
         });
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
-        return createVNode(resolveComponent("el-alert"), {
-          "title": this.alertParams.title,
-          "type": this.alertParams.type,
+        return createVNode(resolveComponent("van-notice-bar"), {
+          "text": this.alertParams.title,
           "show-icon": this.alertParams.showIcon,
-          "closable": this.alertParams.closeabled
-        }, null);
+          "class": this.alertParams.class,
+          "left-icon": this.alertParams.showIcon ? this.alertParams["left-icon"] : "",
+          "mode": this.alertParams.closeabled ? "closeable" : ""
+        }, {
+          default: () => [this.alertParams.title]
+        });
       }
       if (this.rawItemType === "MARKDOWN") {
         return createVNode(resolveComponent("iBizMarkDown"), {

package/es/control/app-menu/app-menu.css

@@ -1 +1 @@
-.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 16px;--ibiz-control-appmenu-list-view-item-padding:8px 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:35px;--ibiz-control-appmenu-icon-view-icon-margin:5px;width:100%;height:100%}.ibiz-control-appmenu-listview{--van-cell-border-color:getCssVar("color", "border");--van-divider-margin:2px;--van-divider-border-color:transparent;--van-cell-horizontal-padding:12px;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid 1px}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}
+.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 1rem;--ibiz-control-appmenu-list-view-item-padding:0.5rem 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;width:100%;height:100%}.ibiz-control-appmenu--default{height:var(--van-tabbar-height)}.ibiz-control-appmenu-listview{--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid .0625rem}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}

package/es/control/app-menu/app-menu.mjs

@@ -91,7 +91,7 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
         });
       }
       return createVNode("div", {
-        "class": [ns.b(), ns.m(props.modelData.id)]
+        "class": [ns.b(), ns.m(props.modelData.id), ns.m(model.controlStyle || "default")]
       }, [createVNode(resolveComponent("van-tabbar"), {
         "modelValue": activeName.value,
         "onChange": onTabChange

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-4px;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:4px;height:4px;background-color:red;border-radius:50px}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--ibiz-color-bg-1);border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:1px var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--ibiz-color-bg-1);border:solid .03125rem transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}

package/es/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:40px;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:2.5rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-height:40px;--ibiz-portlet-layout-header-padding:16px;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:1px solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-0);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:1rem;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-0);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -42,10 +42,10 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       "class": this.ns.be("header", "left")
     }, [model.showTitleBar && createVNode("div", {
       "class": this.ns.e("caption")
-    }, [createVNode(resolveComponent("app-icon"), {
+    }, [createVNode(resolveComponent("iBizIcon"), {
       "class": this.ns.e("caption-icon"),
       "icon": model.sysImage
-    }, null), createVNode("span", {
+    }, null), createVNode("div", {
       "class": this.ns.e("caption-text"),
       "title": model.title
     }, [model.title])])]), createVNode("div", {

package/es/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-padding);margin:var(--ibiz-control-dataview-margin)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-padding:10px;--ibiz-control-dataview-margin:0;height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview .van-list{display:flex;flex-direction:column;height:100%}.ibiz-control-dataview .van-list .van-cell{padding:var(--ibiz-control-dataview-padding)}
+.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-padding);margin:var(--ibiz-control-dataview-margin)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-padding:0.625rem;--ibiz-control-dataview-margin:0;height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview .van-list{display:flex;flex-direction:column;height:100%}.ibiz-control-dataview .van-list .van-cell{padding:var(--ibiz-control-dataview-padding)}

package/es/control/form/form-detail/form-button/form-button.mjs

@@ -21,12 +21,17 @@ const FormButton = /* @__PURE__ */ defineComponent({
     const captionText = computed(() => {
       const {
         caption,
-        captionItemName
+        captionItemName,
+        capLanguageRes
       } = props.modelData;
       if (captionItemName && props.controller.data[captionItemName]) {
         return props.controller.data[captionItemName];
       }
-      return caption;
+      let text = caption;
+      if (capLanguageRes) {
+        text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
+      }
+      return text;
     });
     return {
       ns,
@@ -37,12 +42,22 @@ const FormButton = /* @__PURE__ */ defineComponent({
     if (!this.controller.state.visible) {
       return null;
     }
-    return createVNode(resolveComponent("van-button"), {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), ...this.controller.containerClass]
+    }, [createVNode(resolveComponent("van-button"), {
       "onClick": this.controller.onClick.bind(this.controller),
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName)]
+      "loading": this.controller.state.loading,
+      "disabled": this.controller.state.disabled
     }, {
-      default: () => [this.captionText]
-    });
+      default: () => [createVNode("div", {
+        "class": this.ns.b("content")
+      }, [createVNode(resolveComponent("iBizIcon"), {
+        "class": this.ns.bm("content", "icon"),
+        "icon": this.modelData.sysImage
+      }, null), createVNode("span", {
+        "class": this.ns.bm("content", "caption")
+      }, [this.modelData.showCaption ? this.captionText : null])])]
+    })]);
   }
 });
 

package/es/control/form/form-detail/form-druipart/form-druipart.css

@@ -1 +1 @@
-.ibiz-form-druipart{width:100%;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-druipart .ibiz-view-content{margin-top:0}
+.ibiz-form-druipart{--ibiz-form-druipart-bg-color:var(--ibiz-color-bg-1);--ibiz-form-druipart-padding:0;--ibiz-form-druipart-border-radius:var(--ibiz-border-radius-small);--ibiz-form-druipart-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-druipart-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-druipart-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-form-druipart-caption-padding:var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-form-druipart-padding);background-color:var(--ibiz-form-druipart-bg-color);border-radius:var(--ibiz-form-druipart-border-radius)}.ibiz-form-druipart__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ibiz-form-druipart-caption-padding);font-size:var(--ibiz-form-druipart-caption-font-size);font-weight:var(--ibiz-form-druipart-caption-font-weight);color:var(--ibiz-form-druipart-caption-text-color)}.ibiz-form-druipart .ibiz-view-content{margin-top:0}

package/es/control/form/form-detail/form-druipart/form-druipart.d.ts

@@ -13,6 +13,7 @@ export declare const FormDRUIPart: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<string | undefined>;
     onCreated: (event: EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/form/form-detail/form-druipart/form-druipart.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { computed, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-druipart.css';
 import { FormDRUIPartController } from '@ibiz-template/runtime';
@@ -22,8 +22,20 @@ const FormDRUIPart = /* @__PURE__ */ defineComponent({
     const onCreated = (event) => {
       props.controller.setEmbedView(event.view);
     };
+    const captionText = computed(() => {
+      const {
+        caption,
+        capLanguageRes
+      } = props.modelData;
+      let text = caption;
+      if (capLanguageRes) {
+        text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
+      }
+      return text;
+    });
     return {
       ns,
+      captionText,
       onCreated
     };
   },
@@ -31,16 +43,26 @@ const FormDRUIPart = /* @__PURE__ */ defineComponent({
     if (!this.controller.state.visible || !this.controller.state.viewComponentKey) {
       return null;
     }
+    let header = null;
+    if (this.modelData.showCaption) {
+      header = createVNode("div", {
+        "class": [this.ns.b("header")]
+      }, [createVNode("div", {
+        "class": [this.ns.e("caption")]
+      }, [this.captionText])]);
+    }
     const viewShell = resolveComponent("IBizViewShell");
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName)]
+    }, [header, createVNode("div", {
+      "class": this.ns.b("content")
     }, [h(viewShell, {
       context: this.controller.navContext,
       params: this.controller.navParams,
       key: this.controller.state.viewComponentKey,
       viewId: this.controller.model.appViewId,
       onCreated: this.onCreated
-    })]);
+    })])]);
   }
 });
 

package/es/control/form/form-detail/form-druipart/index.d.ts

@@ -10,6 +10,7 @@ export declare const IBizFormDRUIPart: import("@ibiz-template/vue3-util").TypeWi
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<string | undefined>;
     onCreated: (event: import("@ibiz-template/runtime").EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base);--ibiz-form-item-container-left-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-container-top-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-form-item-container-container-label-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-top-margin:var(--ibiz-spacing-base);--ibiz-form-item-container-border:1px var(--ibiz-color-border) solid;position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);line-height:var(--ibiz-form-item-container-line-height);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:3px;left:-10px;display:inline-block;height:100%;font-size:14px;line-height:var(--ibiz-form-item-container-line-height);color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-10px;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container-content{position:relative;border-bottom:var(--ibiz-form-item-container-border)}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base);--ibiz-form-item-container-left-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-container-top-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-form-item-container-container-label-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-top-margin:var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);line-height:var(--ibiz-form-item-container-line-height);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;line-height:var(--ibiz-form-item-container-line-height);color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container-content{position:relative;border-bottom:var(--ibiz-form-item-container-border)}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:0;--ibiz-form-mdctrl-min-height:32px;--ibiz-form-mdctrl-content-min-height:72px}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{height:100%;margin-left:var(--ibiz-form-mdctrl-gap);cursor:pointer;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title .ibiz-form-mdctrl-caption{font-size:14px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:40px;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}.ibiz-form-mdctrl .ibiz-form-mdctrl-add-btn{height:30px}
+.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:0;--ibiz-form-mdctrl-min-height:2rem;--ibiz-form-mdctrl-content-min-height:4.5rem}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{height:100%;margin-left:var(--ibiz-form-mdctrl-gap);cursor:pointer;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title .ibiz-form-mdctrl-caption{font-size:.875rem;font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:2.5rem;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}.ibiz-form-mdctrl .ibiz-form-mdctrl-add-btn{height:1.875rem}

package/es/control/form/form-detail/form-mdctrl/index.mjs

@@ -1,25 +1,10 @@
 import { registerFormDetailProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { FormMDCtrl } from './form-mdctrl.mjs';
-import { FormMDCtrlContainer } from './form-mdctrl-container/form-mdctrl-container.mjs';
-import { FormMDCtrlDataView } from './form-mdctrl-data-view/form-mdctrl-data-view.mjs';
-import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form.mjs';
-import { FormMDCtrlList } from './form-mdctrl-list/form-mdctrl-list.mjs';
-import { FormMDCtrlRepeaterFormOne } from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs';
-import { FormMDCtrlRepeaterForm } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs';
-import { FormMDCtrlRepeaterFormShell } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.mjs';
 import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
 
 "use strict";
 const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
-  v.component(FormMDCtrl.name, FormMDCtrl);
-  v.component(FormMDCtrlForm.name, FormMDCtrlForm);
-  v.component(FormMDCtrlList.name, FormMDCtrlList);
-  v.component(FormMDCtrlDataView.name, FormMDCtrlDataView);
-  v.component(FormMDCtrlRepeaterForm.name, FormMDCtrlRepeaterForm);
-  v.component(FormMDCtrlRepeaterFormOne.name, FormMDCtrlRepeaterFormOne);
-  v.component(FormMDCtrlRepeaterFormShell.name, FormMDCtrlRepeaterFormShell);
-  v.component(FormMDCtrlContainer.name, FormMDCtrlContainer);
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 

package/es/control/form/form-detail/form-rawitem/form-rawitem.mjs

@@ -43,6 +43,7 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
         content = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+      content = rawItem.rawContent;
     } else if (contentType === "IMAGE" && sysImage) {
       content = sysImage;
     }

package/es/control/form/search-form/search-form.css

@@ -1 +1 @@
-.ibiz-control-searchform-buttons{--ibiz-control-search-form-buttons-padding:16px 16px 16px;--ibiz-control-search-form-buttons-btn-margin:0 0 0 10px;--ibiz-control-search-form-buttons-search-btn-bg-color:var(--ibiz-color-primary);--ibiz-control-search-form-buttons-search-btn-color:var(--ibiz-color-bg-1);display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-buttons-padding)}.ibiz-control-searchform-buttons__search{height:30px;color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__search:hover{color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__reset{height:30px;margin:var(--ibiz-control-search-form-buttons-btn-margin)}.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-margin:16px 0 0 24px;margin:var(--ibiz-control-search-form-buttons-margin);background-color:var(--ibiz-control-search-form-buttons-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:calc(var(--ibiz-padding)/ 2)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform .ibiz-form-item-container{padding-bottom:calc(var(--ibiz-padding-right)/ 2)}
+.ibiz-control-searchform-buttons{--ibiz-control-search-form-buttons-padding:1rem 1rem 1rem;--ibiz-control-search-form-buttons-btn-margin:0 0 0 0.625rem;--ibiz-control-search-form-buttons-search-btn-bg-color:var(--ibiz-color-primary);--ibiz-control-search-form-buttons-search-btn-color:var(--ibiz-color-bg-1);display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-buttons-padding)}.ibiz-control-searchform-buttons__search{height:1.875rem;color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__search:hover{color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__reset{height:1.875rem;margin:var(--ibiz-control-search-form-buttons-btn-margin)}.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-margin:1rem 0 0 1.5rem;margin:var(--ibiz-control-search-form-buttons-margin);background-color:var(--ibiz-control-search-form-buttons-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:calc(var(--ibiz-padding)/ 2)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform .ibiz-form-item-container{padding-bottom:calc(var(--ibiz-padding-right)/ 2)}

package/es/control/index.d.ts

@@ -14,3 +14,4 @@ export * from './data-view';
 export * from './dashboard';
 export * from './chart';
 export * from './calendar';
+export * from './wizard-panel';

package/es/control/index.mjs

@@ -14,6 +14,7 @@ export { IBizDataViewControl } from './data-view/index.mjs';
 export { IBizDashboardControl } from './dashboard/index.mjs';
 export { IBizChartControl } from './chart/index.mjs';
 export { IBizCalendarControl } from './calendar/index.mjs';
+export { IBizWizardPanelControl } from './wizard-panel/index.mjs';
 export { ViewLayoutPanelProvider } from './panel/view-layout-panel/view-layout-panel.provider.mjs';
 export { IBizViewLayoutPanelControl } from './panel/view-layout-panel/index.mjs';
 export { PanelProvider } from './panel/panel/panel.provider.mjs';

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:10px;cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{height:100%;overflow:scroll}.ibiz-control-list__load-more{text-align:center;cursor:pointer}.ibiz-control-list__tag{width:100%;height:100%}.ibiz-control-list__item-icon{color:var(--ibiz-color-danger)}.ibiz-control-list__item-text{padding-right:var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-list-simplelist{display:flex;flex-wrap:wrap}.ibiz-control-list-simplelist .van-tag__close{position:absolute;right:5px;margin-left:2px}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:5px}.ibiz-control-list-item__delete{display:inline-block;margin-left:5px}.ibiz-control-list-simplelist .ibiz-control-list-item:hover{background-color:transparent}.ibiz-control-list-simplelist .ibiz-control-list-item.is-active{background-color:transparent}.ibiz-control-list-popup-header{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:10px;padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list-popup{height:50vh}.ibiz-control-list-item-expand{flex-grow:1;min-width:0;min-height:0;color:var(--ibiz-color-primary);text-align:center}.ibiz-control-list-popup-container{display:flex;flex-flow:column nowrap;height:100%}.ibiz-control-list-popup-content{flex-grow:1;min-width:0;min-height:0;overflow-y:scroll}
+.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{height:100%;overflow:scroll}.ibiz-control-list__load-more{text-align:center;cursor:pointer}.ibiz-control-list__tag{width:100%;height:100%}.ibiz-control-list__item-icon{color:var(--ibiz-color-danger)}.ibiz-control-list__item-text{padding-right:var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-list-simplelist{display:flex;flex-wrap:wrap}.ibiz-control-list-simplelist .van-tag__close{position:absolute;right:.3125rem;margin-left:.125rem}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:.3125rem}.ibiz-control-list-item__delete{display:inline-block;margin-left:.3125rem}.ibiz-control-list-simplelist .ibiz-control-list-item:hover{background-color:transparent}.ibiz-control-list-simplelist .ibiz-control-list-item.is-active{background-color:transparent}.ibiz-control-list-popup-header{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list-popup{height:50vh}.ibiz-control-list-item-expand{flex-grow:1;min-width:0;min-height:0;color:var(--ibiz-color-primary);text-align:center}.ibiz-control-list-popup-container{display:flex;flex-flow:column nowrap;height:100%}.ibiz-control-list-popup-content{flex-grow:1;min-width:0;min-height:0;overflow-y:scroll}

package/es/control/md-ctrl/index.d.ts

@@ -28,6 +28,10 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadMode: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     c: import("@ibiz-template/runtime").MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
@@ -64,10 +68,15 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadMode: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     mode: string;
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    loadMode: string;
 }, {}>>;
 export default IBizMDCtrlControl;

package/es/control/md-ctrl/md-ctrl.css

@@ -1 +1 @@
-.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;height:100%}.ibiz-control-mobmdctrl .van-list{height:100%}.ibiz-control-mobmdctrl .van-list .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl .van-cell__right-icon{color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit;background-color:var(--ibiz-control-mobmdctrl-active-bg-color)}.ibiz-control-mobmdctrl .ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;padding:var(--ibiz-control-mobmdctrl-group-padding) var(--ibiz-control-mobmdctrl-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);height:100%}.ibiz-control-mobmdctrl .van-list{height:100%}.ibiz-control-mobmdctrl .van-list .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl .van-cell__right-icon{color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit;background-color:var(--ibiz-control-mobmdctrl-active-bg-color)}.ibiz-control-mobmdctrl .ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small)}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);padding:var(--ibiz-control-mobmdctrl-group-padding) var(--ibiz-control-mobmdctrl-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}

package/es/control/md-ctrl/md-ctrl.d.ts

@@ -46,6 +46,10 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadMode: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     c: MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
@@ -95,9 +99,14 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadMode: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     mode: string;
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
+    loadMode: string;
 }, {}>;

package/es/control/md-ctrl/md-ctrl.mjs

@@ -52,6 +52,10 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
     mode: {
       type: String,
       default: "LIST"
+    },
+    loadMode: {
+      type: String,
+      default: "auto"
     }
   },
   setup(props) {
@@ -182,13 +186,22 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
         })]);
       });
     };
+    const renderLoadMore = () => {
+      if (props.loadMode === "auto" || c.state.total <= c.state.rows.length) {
+        return;
+      }
+      return createVNode("div", {
+        "class": ns.b("load-more"),
+        "onClick": () => c.loadMore()
+      }, [createVNode("span", null, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
+    };
     const renderMDContent = () => {
       return createVNode(resolveComponent("van-list"), {
         "finished": c.state.total <= c.state.rows.length,
-        "finished-text": c.state.curPage > 1 && "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~",
-        "onLoad": () => c.loadMore()
+        "finished-text": props.loadMode === "auto" && c.state.curPage > 1 && "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~",
+        "onLoad": props.loadMode === "auto" ? () => c.loadMore() : void 0
       }, {
-        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
+        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault(), renderLoadMore()]
       });
     };
     return {

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 4px;--ibiz-control-toolbar-icon-margin:0 5px 0 0;--ibiz-control-toolbar-icon-max-width:16px;--ibiz-control-toolbar-icon-max-height:16px;--ibiz-control-toolbar-icon-font-size:20px;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}
+.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}

package/es/control/tree/index.mjs

@@ -1,5 +1,6 @@
 import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { defineAsyncComponent } from 'vue';
+import { ControlLoadingPlaceholder } from '@ibiz-template/vue3-util';
 import { TreeProvider } from './tree.provider.mjs';
 
 "use strict";
@@ -7,7 +8,11 @@ const IBizTreeControl = {
   install: (v) => {
     v.component(
       "IBizTreeControl",
-      defineAsyncComponent(() => import('./tree.mjs'))
+      defineAsyncComponent({
+        loader: () => import('./tree.mjs'),
+        loadingComponent: ControlLoadingPlaceholder,
+        delay: 0
+      })
     );
     registerControlProvider(ControlType.TREEVIEW, () => new TreeProvider());
   }

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:10px;height:100%}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:10px;height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%;padding:0 var(--ibiz-control-treeview-padding);background:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}

package/es/control/wizard-panel/index.d.ts

@@ -0,0 +1,39 @@
+export declare const IBizWizardPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").WizardPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizWizardPanelControl;

package/es/control/wizard-panel/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { WizardPanelControl } from './wizard-panel.mjs';
+import { WizardPanelProvider } from './wizard-panel.provider.mjs';
+
+"use strict";
+const IBizWizardPanelControl = withInstall(
+  WizardPanelControl,
+  function(v) {
+    v.component(WizardPanelControl.name, WizardPanelControl);
+    registerControlProvider(
+      ControlType.WIZARD_PANEL,
+      () => new WizardPanelProvider()
+    );
+  }
+);
+
+export { IBizWizardPanelControl, IBizWizardPanelControl as default };

package/es/control/wizard-panel/wizard-panel.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-margin:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-gap:var(--ibiz-spacing-tight);display:flex;flex-direction:column;height:100%}.ibiz-control-wizardpanel__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ibiz-control-wizard-panel-gap);height:var(--ibiz-control-wizard-panel-footer-height);margin:var(--ibiz-control-wizard-panel-margin)}.ibiz-control-wizardpanel-footer__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel-footer button{flex-grow:1;height:100%}