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

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-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-group-panel/form-group-panel.css

@@ -1 +1 @@
-.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:var(--ibiz-color-bg-0);--ibiz-form-group-header-padding:var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{text-align:right}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}
+.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-header-padding:var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{text-align:right}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}

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-0);--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);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-item/form-item.css

@@ -1 +1 @@
-.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-2);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size)}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}
+.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-2);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size)}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}

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

@@ -5,25 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var formMdctrl = require('./form-mdctrl.cjs');
-var formMdctrlContainer = require('./form-mdctrl-container/form-mdctrl-container.cjs');
-var formMdctrlDataView = require('./form-mdctrl-data-view/form-mdctrl-data-view.cjs');
-var formMdctrlForm = require('./form-mdctrl-form/form-mdctrl-form.cjs');
-var formMdctrlList = require('./form-mdctrl-list/form-mdctrl-list.cjs');
-var formMdctrlRepeaterFormOne = require('./form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs');
-var formMdctrlRepeaterForm = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs');
-var formMdctrlRepeaterFormShell = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs');
 var formMdctrl_provider = require('./form-mdctrl.provider.cjs');
 
 "use strict";
 const IBizFormMDCtrl = vue3Util.withInstall(formMdctrl.FormMDCtrl, function(v) {
-  v.component(formMdctrl.FormMDCtrl.name, formMdctrl.FormMDCtrl);
-  v.component(formMdctrlForm.FormMDCtrlForm.name, formMdctrlForm.FormMDCtrlForm);
-  v.component(formMdctrlList.FormMDCtrlList.name, formMdctrlList.FormMDCtrlList);
-  v.component(formMdctrlDataView.FormMDCtrlDataView.name, formMdctrlDataView.FormMDCtrlDataView);
-  v.component(formMdctrlRepeaterForm.FormMDCtrlRepeaterForm.name, formMdctrlRepeaterForm.FormMDCtrlRepeaterForm);
-  v.component(formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne.name, formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne);
-  v.component(formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell.name, formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell);
-  v.component(formMdctrlContainer.FormMDCtrlContainer.name, formMdctrlContainer.FormMDCtrlContainer);
   runtime.registerFormDetailProvider("MDCTRL", () => new formMdctrl_provider.FormMDCtrlProvider());
 });
 

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/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-0);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

@@ -16,6 +16,7 @@ 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$u = 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');
@@ -83,6 +84,7 @@ exports.IBizDataViewControl = index$o.IBizDataViewControl;
 exports.IBizDashboardControl = index$p.IBizDashboardControl;
 exports.IBizChartControl = index$s.IBizChartControl;
 exports.IBizCalendarControl = index$t.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$u.IBizWizardPanelControl;
 exports.ViewLayoutPanelProvider = viewLayoutPanel_provider.ViewLayoutPanelProvider;
 exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
 exports.PanelProvider = panel_provider.PanelProvider;

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-0);--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-0);--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-0);--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-0);--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/pickup-view-panel/pickup-view-panel.cjs

@@ -24,6 +24,10 @@ const PickupViewPanelControl = /* @__PURE__ */ vue.defineComponent({
     singleSelect: {
       type: Boolean,
       default: true
+    },
+    selectedData: {
+      type: Object,
+      required: false
     }
   },
   setup() {
@@ -46,7 +50,8 @@ const PickupViewPanelControl = /* @__PURE__ */ vue.defineComponent({
         context: this.c.state.context,
         params: this.c.state.params,
         state: {
-          singleSelect: this.c.state.singleSelect
+          singleSelect: this.c.state.singleSelect,
+          selectedData: this.selectedData
         },
         onCreated: this.onCreated
       }) : vue.h(vue.resolveComponent("IBizViewShell"), {
@@ -54,7 +59,8 @@ const PickupViewPanelControl = /* @__PURE__ */ vue.defineComponent({
         params: this.c.state.params,
         viewId: this.c.model.embeddedAppDEViewId,
         state: {
-          singleSelect: this.c.state.singleSelect
+          singleSelect: this.c.state.singleSelect,
+          selectedData: this.selectedData
         },
         onCreated: this.onCreated
       }))]

package/lib/control/search-bar/search-bar.css

@@ -1 +1 @@
-.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-tertiary-light-default)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}
+.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-bg-0)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}

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)}

package/lib/control/wizard-panel/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var wizardPanel = require('./wizard-panel.cjs');
+var wizardPanel_provider = require('./wizard-panel.provider.cjs');
+
+"use strict";
+const IBizWizardPanelControl = vue3Util.withInstall(
+  wizardPanel.WizardPanelControl,
+  function(v) {
+    v.component(wizardPanel.WizardPanelControl.name, wizardPanel.WizardPanelControl);
+    runtime.registerControlProvider(
+      runtime.ControlType.WIZARD_PANEL,
+      () => new wizardPanel_provider.WizardPanelProvider()
+    );
+  }
+);
+
+exports.IBizWizardPanelControl = IBizWizardPanelControl;
+exports.default = IBizWizardPanelControl;

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./wizard-panel.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizWizardPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new runtime.WizardPanelController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      activeFormTag
+    } = this.c.state;
+    let stepsTitle = null;
+    let formComponent = null;
+    let footer = null;
+    if (activeFormTag && this.c.activeWizardForm) {
+      const wizardForm = this.c.activeWizardForm;
+      const supportActions = wizardForm.stepActions;
+      if (this.c.providers[activeFormTag]) {
+        const component = vue.resolveComponent(this.c.providers[activeFormTag].component);
+        const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
+          var _a2;
+          return activeFormTag === ((_a2 = _editForm.dewizardForm) == null ? void 0 : _a2.formTag);
+        });
+        formComponent = vue.h(component, {
+          class: this.ns.e("form"),
+          modelData: editForm,
+          context: this.c.context,
+          params: this.c.params,
+          key: activeFormTag,
+          onMounted: (event) => this.c.onFormMounted(activeFormTag, event),
+          onSaveSuccess: (event) => this.c.onFormSaved(event)
+        });
+      }
+      const {
+        dewizard
+      } = this.c.model;
+      footer = supportActions && dewizard && vue.createVNode("div", {
+        "key": `${activeFormTag}footer`,
+        "class": this.ns.b("footer")
+      }, [supportActions.includes("PREV") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": this.ns.be("footer", "prev"),
+        "onClick": () => {
+          this.c.onPrevClick();
+        }
+      }, {
+        default: () => [dewizard.prevCaption ? dewizard.prevCaption : "\u4E0A\u4E00\u6B65"]
+      }), supportActions.includes("NEXT") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "next"),
+        "onClick": () => {
+          this.c.onNextClick();
+        }
+      }, {
+        default: () => [dewizard.nextCaption ? dewizard.nextCaption : "\u4E0B\u4E00\u6B65"]
+      }), supportActions.includes("FINISH") && vue.createVNode(vue.resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "finish"),
+        "onClick": () => {
+          this.c.onFinishClick();
+        }
+      }, {
+        default: () => [dewizard.finishCaption ? dewizard.finishCaption : "\u5B8C\u6210"]
+      })]);
+      const {
+        dewizardSteps
+      } = dewizard;
+      if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
+        let _slot;
+        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase()}`]);
+        stepsTitle = vue.createVNode(vue.resolveComponent("van-steps"), {
+          "active": active,
+          "finish-icon": "checked",
+          "active-icon": "circle"
+        }, _isSlot(_slot = dewizardSteps.map((step) => {
+          return vue.createVNode(vue.resolveComponent("van-step"), null, {
+            default: () => [step.title]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+    }
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b(), this.ns.is("header", this.c.model.showStepBar)]
+    }, {
+      default: () => [stepsTitle, formComponent, footer]
+    });
+  }
+});
+
+exports.WizardPanelControl = WizardPanelControl;

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

package/lib/control/wizard-panel/wizard-panel.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class WizardPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizWizardPanelControl");
+  }
+}
+
+exports.WizardPanelProvider = WizardPanelProvider;

package/lib/editor/cascader/ibiz-cascader/ibiz-cascader.css

@@ -1 +1 @@
-.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}
+.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -61,7 +61,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
     } else {
       content = [vue.createVNode(vue.resolveComponent("van-field"), {
         "class": [this.ns.e("item")],

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.css

@@ -1 +1 @@
-.ibiz-color-picker{height:100%;display:flex;align-items:center;justify-content:space-between}.ibiz-color-picker__picker.van-field{width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);margin-right:var(--ibiz-spacing-tight)}.ibiz-color-picker__item{display:inline-block;width:auto;color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit}
+.ibiz-color-picker{position:relative;height:100%}.ibiz-color-picker__picker.van-field{position:absolute;right:0;width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);padding:0;margin-right:var(--ibiz-spacing-tight)}.ibiz-color-picker__item{display:inline-block;width:auto;padding-right:var(--ibiz-spacing-extra-loose);color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit}

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:50px}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control{gap:8px;height:100%}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:5px;--van-tag-font-size:var(--ibiz-form-item-font-size)}
+@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -187,7 +187,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     if (this.readonly) {
       return vue.createVNode("div", {
         "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [this.value]);
+      }, [this.value || ""]);
     }
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:5px;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:32px;height:32px;padding:0 6px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -152,7 +152,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
   render() {
     const viewShell = vue.resolveComponent("IBizViewShell");
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
     }, [vue.createVNode(vue.resolveComponent("van-field"), {
       "ref": "editorRef",
       "modelValue": this.curValue,

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker-select-view--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color)}.ibiz-picker-select-view--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-disabled-color)}

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -162,7 +162,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b()]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
     }, [vue.createVNode(vue.resolveComponent("van-field"), null, {
       input: vue.createVNode("input", {
         "ref": "startEditorRef",

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -1 +1 @@
-.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}
+.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.ibiz-date-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--disabled input{color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-date-range-picker--readonly input{color:var(--ibiz-form-item-readonly-color)}