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

package/lib/common/rawitem/rawitem.cjs

@@ -43,6 +43,7 @@ const IBizRawItem = /* @__PURE__ */ vue.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;
     }
@@ -66,7 +67,9 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       type: "info",
       title: "",
       closeabled: true,
-      showIcon: false
+      showIcon: false,
+      class: "",
+      "left-icon": ""
     });
     const rawItemText = vue.ref("");
     const convertValue = () => {
@@ -109,7 +112,12 @@ const IBizRawItem = /* @__PURE__ */ vue.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:
@@ -217,7 +225,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         }, null), vue.createTextVNode("\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")])]);
       }
       if (this.rawItemType === "DIVIDER") {
-        return vue.createVNode(vue.resolveComponent("el-divider"), {
+        return vue.createVNode(vue.resolveComponent("van-divider"), {
           "content-position": this.dividerParams.contentPosition
         }, {
           default: () => [vue.createVNode("span", {
@@ -226,12 +234,15 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         });
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
-        return vue.createVNode(vue.resolveComponent("el-alert"), {
-          "title": this.alertParams.title,
-          "type": this.alertParams.type,
+        return vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("iBizMarkDown"), {

package/lib/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/lib/control/app-menu/app-menu.cjs

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

package/lib/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/lib/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/lib/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/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

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

package/lib/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/lib/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/lib/control/form/form/index.cjs

@@ -13,7 +13,6 @@ var index$4 = require('../form-detail/form-druipart/index.cjs');
 var index$5 = require('../form-detail/form-rawitem/index.cjs');
 var index$6 = require('../form-detail/form-tab-panel/index.cjs');
 var index$7 = require('../form-detail/form-tab-page/index.cjs');
-var index$8 = require('../form-detail/form-mdctrl/index.cjs');
 
 "use strict";
 const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
@@ -26,7 +25,6 @@ const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
   v.use(index$5.IBizFormRawItem);
   v.use(index$6.IBizFormTabPanel);
   v.use(index$7.IBizFormTabPage);
-  v.use(index$8.IBizFormMDCtrl);
 });
 
 exports.IBizFormControl = IBizFormControl;

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -25,12 +25,17 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
     const captionText = vue.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,
@@ -41,12 +46,22 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
     if (!this.controller.state.visible) {
       return null;
     }
-    return vue.createVNode(vue.resolveComponent("van-button"), {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), ...this.controller.containerClass]
+    }, [vue.createVNode(vue.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: () => [vue.createVNode("div", {
+        "class": this.ns.b("content")
+      }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": this.ns.bm("content", "icon"),
+        "icon": this.modelData.sysImage
+      }, null), vue.createVNode("span", {
+        "class": this.ns.bm("content", "caption")
+      }, [this.modelData.showCaption ? this.captionText : null])])]
+    })]);
   }
 });
 

package/lib/control/form/form-detail/form-druipart/form-druipart.cjs

@@ -26,8 +26,20 @@ const FormDRUIPart = /* @__PURE__ */ vue.defineComponent({
     const onCreated = (event) => {
       props.controller.setEmbedView(event.view);
     };
+    const captionText = vue.computed(() => {
+      const {
+        caption,
+        capLanguageRes
+      } = props.modelData;
+      let text = caption;
+      if (capLanguageRes) {
+        text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
+      }
+      return text;
+    });
     return {
       ns,
+      captionText,
       onCreated
     };
   },
@@ -35,16 +47,26 @@ const FormDRUIPart = /* @__PURE__ */ vue.defineComponent({
     if (!this.controller.state.visible || !this.controller.state.viewComponentKey) {
       return null;
     }
+    let header = null;
+    if (this.modelData.showCaption) {
+      header = vue.createVNode("div", {
+        "class": [this.ns.b("header")]
+      }, [vue.createVNode("div", {
+        "class": [this.ns.e("caption")]
+      }, [this.captionText])]);
+    }
     const viewShell = vue.resolveComponent("IBizViewShell");
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName)]
+    }, [header, vue.createVNode("div", {
+      "class": this.ns.b("content")
     }, [vue.h(viewShell, {
       context: this.controller.navContext,
       params: this.controller.navParams,
       key: this.controller.state.viewComponentKey,
       viewId: this.controller.model.appViewId,
       onCreated: this.onCreated
-    })]);
+    })])]);
   }
 });
 

package/lib/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/lib/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/lib/control/form/form-detail/form-rawitem/form-rawitem.cjs

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

package/lib/control/form/form-detail/index.cjs

@@ -8,7 +8,6 @@ var index$4 = require('./form-druipart/index.cjs');
 var index$5 = require('./form-rawitem/index.cjs');
 var index$6 = require('./form-tab-panel/index.cjs');
 var index$7 = require('./form-tab-page/index.cjs');
-var index$8 = require('./form-mdctrl/index.cjs');
 var formGroupPanel_provider = require('./form-group-panel/form-group-panel.provider.cjs');
 var formItem_provider = require('./form-item/form-item.provider.cjs');
 var formItemContainer = require('./form-item/form-item-container/form-item-container.cjs');
@@ -19,7 +18,6 @@ var formDruipart_provider = require('./form-druipart/form-druipart.provider.cjs'
 var formRawitem_provider = require('./form-rawitem/form-rawitem.provider.cjs');
 var formTabPanel_provider = require('./form-tab-panel/form-tab-panel.provider.cjs');
 var formTabPage_provider = require('./form-tab-page/form-tab-page.provider.cjs');
-var formMdctrl_provider = require('./form-mdctrl/form-mdctrl.provider.cjs');
 
 "use strict";
 
@@ -31,7 +29,6 @@ exports.IBizFormDRUIPart = index$4.IBizFormDRUIPart;
 exports.IBizFormRawItem = index$5.IBizFormRawItem;
 exports.IBizFormTabPanel = index$6.IBizFormTabPanel;
 exports.IBizFormTabPage = index$7.IBizFormTabPage;
-exports.IBizFormMDCtrl = index$8.IBizFormMDCtrl;
 exports.FormGroupPanelProvider = formGroupPanel_provider.FormGroupPanelProvider;
 exports.FormItemProvider = formItem_provider.FormItemProvider;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
@@ -42,4 +39,3 @@ exports.FormDRUIPartProvider = formDruipart_provider.FormDRUIPartProvider;
 exports.FormRawItemProvider = formRawitem_provider.FormRawItemProvider;
 exports.FormTabPanelProvider = formTabPanel_provider.FormTabPanelProvider;
 exports.FormTabPageProvider = formTabPage_provider.FormTabPageProvider;
-exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;

package/lib/control/form/index.cjs

@@ -2,8 +2,8 @@
 
 var index = require('./search-form/index.cjs');
 require('./form-detail/index.cjs');
-var index$a = require('./edit-form/index.cjs');
-var index$b = require('./form/index.cjs');
+var index$9 = require('./edit-form/index.cjs');
+var index$a = require('./form/index.cjs');
 var searchForm_provider = require('./search-form/search-form.provider.cjs');
 var formGroupPanel_provider = require('./form-detail/form-group-panel/form-group-panel.provider.cjs');
 var index$1 = require('./form-detail/form-group-panel/index.cjs');
@@ -23,14 +23,12 @@ var formTabPanel_provider = require('./form-detail/form-tab-panel/form-tab-panel
 var index$7 = require('./form-detail/form-tab-panel/index.cjs');
 var formTabPage_provider = require('./form-detail/form-tab-page/form-tab-page.provider.cjs');
 var index$8 = require('./form-detail/form-tab-page/index.cjs');
-var formMdctrl_provider = require('./form-detail/form-mdctrl/form-mdctrl.provider.cjs');
-var index$9 = require('./form-detail/form-mdctrl/index.cjs');
 
 "use strict";
 
 exports.IBizSearchFormControl = index.IBizSearchFormControl;
-exports.IBizEditFormControl = index$a.IBizEditFormControl;
-exports.IBizFormControl = index$b.IBizFormControl;
+exports.IBizEditFormControl = index$9.IBizEditFormControl;
+exports.IBizFormControl = index$a.IBizFormControl;
 exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
 exports.FormGroupPanelProvider = formGroupPanel_provider.FormGroupPanelProvider;
 exports.IBizFormGroupPanel = index$1.IBizFormGroupPanel;
@@ -50,5 +48,3 @@ exports.FormTabPanelProvider = formTabPanel_provider.FormTabPanelProvider;
 exports.IBizFormTabPanel = index$7.IBizFormTabPanel;
 exports.FormTabPageProvider = formTabPage_provider.FormTabPageProvider;
 exports.IBizFormTabPage = index$8.IBizFormTabPage;
-exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;
-exports.IBizFormMDCtrl = index$9.IBizFormMDCtrl;

package/lib/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/lib/control/index.cjs

@@ -4,18 +4,19 @@ require('./panel/index.cjs');
 var index$2 = require('./md-ctrl/index.cjs');
 var index$3 = require('./app-menu/index.cjs');
 require('./form/index.cjs');
-var index$g = require('./pickup-view-panel/index.cjs');
-var index$h = require('./list/index.cjs');
-var index$i = require('./tab-exp-panel/index.cjs');
-var index$j = require('./toolbar/index.cjs');
-var index$k = require('./caption-bar/index.cjs');
-var index$l = require('./search-bar/index.cjs');
-var index$m = require('./drtab/index.cjs');
-var index$n = require('./tree/index.cjs');
-var index$o = require('./data-view/index.cjs');
-var index$p = require('./dashboard/index.cjs');
-var index$s = require('./chart/index.cjs');
-var index$t = require('./calendar/index.cjs');
+var index$f = require('./pickup-view-panel/index.cjs');
+var index$g = require('./list/index.cjs');
+var index$h = require('./tab-exp-panel/index.cjs');
+var index$i = require('./toolbar/index.cjs');
+var index$j = require('./caption-bar/index.cjs');
+var index$k = require('./search-bar/index.cjs');
+var index$l = require('./drtab/index.cjs');
+var index$m = require('./tree/index.cjs');
+var index$n = require('./data-view/index.cjs');
+var index$o = require('./dashboard/index.cjs');
+var index$r = require('./chart/index.cjs');
+var index$s = require('./calendar/index.cjs');
+var index$t = require('./wizard-panel/index.cjs');
 var viewLayoutPanel_provider = require('./panel/view-layout-panel/view-layout-panel.provider.cjs');
 var index = require('./panel/view-layout-panel/index.cjs');
 var panel_provider = require('./panel/panel/panel.provider.cjs');
@@ -42,10 +43,8 @@ var formTabPanel_provider = require('./form/form-detail/form-tab-panel/form-tab-
 var index$b = require('./form/form-detail/form-tab-panel/index.cjs');
 var formTabPage_provider = require('./form/form-detail/form-tab-page/form-tab-page.provider.cjs');
 var index$c = require('./form/form-detail/form-tab-page/index.cjs');
-var formMdctrl_provider = require('./form/form-detail/form-mdctrl/form-mdctrl.provider.cjs');
-var index$d = require('./form/form-detail/form-mdctrl/index.cjs');
-var index$e = require('./form/edit-form/index.cjs');
-var index$f = require('./form/form/index.cjs');
+var index$d = require('./form/edit-form/index.cjs');
+var index$e = require('./form/form/index.cjs');
 var pickupViewPanel_provider = require('./pickup-view-panel/pickup-view-panel.provider.cjs');
 var pickupViewPanel_controller = require('./pickup-view-panel/pickup-view-panel.controller.cjs');
 var list_provider = require('./list/list.provider.cjs');
@@ -60,29 +59,30 @@ var dashboard_provider = require('./dashboard/dashboard.provider.cjs');
 var portletPart_state = require('./dashboard/portlet/portlet-part/portlet-part.state.cjs');
 var containerPortlet_provider = require('./dashboard/portlet/container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$q = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$p = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var menuPortlet_provider = require('./dashboard/portlet/menu-portlet/menu-portlet.provider.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$r = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$q = require('./dashboard/portlet/menu-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 
 "use strict";
 
 exports.IBizMDCtrlControl = index$2.IBizMDCtrlControl;
 exports.IBizAppMenuControl = index$3.IBizAppMenuControl;
-exports.IBizPickupViewPanelControl = index$g.IBizPickupViewPanelControl;
-exports.IBizListControl = index$h.IBizListControl;
-exports.IBizTabExpPanelControl = index$i.IBizTabExpPanelControl;
-exports.IBizToolbarControl = index$j.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$k.IBizCaptionBarControl;
-exports.IBizSearchBarControl = index$l.IBizSearchBarControl;
-exports.IBizDRTabControl = index$m.IBizDRTabControl;
-exports.IBizTreeControl = index$n.IBizTreeControl;
-exports.IBizDataViewControl = index$o.IBizDataViewControl;
-exports.IBizDashboardControl = index$p.IBizDashboardControl;
-exports.IBizChartControl = index$s.IBizChartControl;
-exports.IBizCalendarControl = index$t.IBizCalendarControl;
+exports.IBizPickupViewPanelControl = index$f.IBizPickupViewPanelControl;
+exports.IBizListControl = index$g.IBizListControl;
+exports.IBizTabExpPanelControl = index$h.IBizTabExpPanelControl;
+exports.IBizToolbarControl = index$i.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$j.IBizCaptionBarControl;
+exports.IBizSearchBarControl = index$k.IBizSearchBarControl;
+exports.IBizDRTabControl = index$l.IBizDRTabControl;
+exports.IBizTreeControl = index$m.IBizTreeControl;
+exports.IBizDataViewControl = index$n.IBizDataViewControl;
+exports.IBizDashboardControl = index$o.IBizDashboardControl;
+exports.IBizChartControl = index$r.IBizChartControl;
+exports.IBizCalendarControl = index$s.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$t.IBizWizardPanelControl;
 exports.ViewLayoutPanelProvider = viewLayoutPanel_provider.ViewLayoutPanelProvider;
 exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
 exports.PanelProvider = panel_provider.PanelProvider;
@@ -109,10 +109,8 @@ exports.FormTabPanelProvider = formTabPanel_provider.FormTabPanelProvider;
 exports.IBizFormTabPanel = index$b.IBizFormTabPanel;
 exports.FormTabPageProvider = formTabPage_provider.FormTabPageProvider;
 exports.IBizFormTabPage = index$c.IBizFormTabPage;
-exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;
-exports.IBizFormMDCtrl = index$d.IBizFormMDCtrl;
-exports.IBizEditFormControl = index$e.IBizEditFormControl;
-exports.IBizFormControl = index$f.IBizFormControl;
+exports.IBizEditFormControl = index$d.IBizEditFormControl;
+exports.IBizFormControl = index$e.IBizFormControl;
 exports.PickupViewPanelProvider = pickupViewPanel_provider.PickupViewPanelProvider;
 exports.PickupViewPanelController = pickupViewPanel_controller.PickupViewPanelController;
 exports.ListProvider = list_provider.ListProvider;
@@ -127,9 +125,9 @@ exports.DashboardProvider = dashboard_provider.DashboardProvider;
 exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$q.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$p.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.MenuPortletProvider = menuPortlet_provider.MenuPortletProvider;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$r.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$q.IBizMenuPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/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/lib/control/md-ctrl/md-ctrl.cjs

@@ -54,6 +54,10 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     mode: {
       type: String,
       default: "LIST"
+    },
+    loadMode: {
+      type: String,
+      default: "auto"
     }
   },
   setup(props) {
@@ -184,13 +188,22 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
         })]);
       });
     };
+    const renderLoadMore = () => {
+      if (props.loadMode === "auto" || c.state.total <= c.state.rows.length) {
+        return;
+      }
+      return vue.createVNode("div", {
+        "class": ns.b("load-more"),
+        "onClick": () => c.loadMore()
+      }, [vue.createVNode("span", null, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
+    };
     const renderMDContent = () => {
       return vue.createVNode(vue.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/lib/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/lib/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/lib/control/tree/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var runtime = require('@ibiz-template/runtime');
 var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
 var tree_provider = require('./tree.provider.cjs');
 
 "use strict";
@@ -11,7 +12,11 @@ const IBizTreeControl = {
   install: (v) => {
     v.component(
       "IBizTreeControl",
-      vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./tree.cjs'); }))
+      vue.defineAsyncComponent({
+        loader: () => Promise.resolve().then(function () { return require('./tree.cjs'); }),
+        loadingComponent: vue3Util.ControlLoadingPlaceholder,
+        delay: 0
+      })
     );
     runtime.registerControlProvider(runtime.ControlType.TREEVIEW, () => new tree_provider.TreeProvider());
   }

package/lib/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)}