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

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;--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)}
+.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) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--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-font-size:var(--ibiz-font-size-header-5);--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);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{margin-right:1.3125rem;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 .van-cell::after{width:100%}.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) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--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-font-size:var(--ibiz-font-size-header-5)}.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) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--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-font-size:var(--ibiz-font-size-header-5);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) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--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-font-size:var(--ibiz-font-size-header-5);padding:var(--ibiz-control-mobmdctrl-group-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/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-bg-0)}.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-tight) var(--ibiz-spacing-base);--ibiz-control-searchbar-height:2.25rem}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-bg-1);--van-search-padding:var(--ibiz-control-searchbar-padding);--van-search-input-height:var(--ibiz-control-searchbar-height)}.ibiz-control-searchbar .van-search .van-field__left-icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}

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

@@ -243,7 +243,7 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [vue.createVNode(vue.resolveComponent("van-field"), {
+    }, [this.readonly && this.value, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
       "modelValue": this.value,
       "onUpdate:modelValue": ($event) => this.value = $event,
       "readonly": true,
@@ -253,7 +253,7 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onClick": this.openPopup
     }, {
-      "right-icon": vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)
+      "right-icon": !this.readonly && vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)
     }), vue.createVNode(vue.resolveComponent("van-popup"), {
       "show": this.show,
       "round": true,

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--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)}
+.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{color:var(--ibiz-form-item-disabled-color);--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);color:var(--ibiz-form-item-readonly-color)}

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

@@ -97,6 +97,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onRemove = (tag) => {
+      if (props.readonly || props.disabled) {
+        return;
+      }
       const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
       if (index >= 0) {
         selectItems.value.splice(index, 1);

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

@@ -1 +1 @@
-@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)}
+@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--disabled{opacity:.8}.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-select-view/ibiz-picker-select-view.cjs

@@ -24,7 +24,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     }
     const keySet = vue.ref([]);
     let selectedData = [];
-    const curValue = vue.ref("");
+    const valueText = vue.ref("");
     const context = vue.ref(ramda.clone(c.context));
     const params = vue.ref(ramda.clone(c.params));
     const {
@@ -32,7 +32,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     vue.watch(() => props.value, (newVal) => {
       if (singleSelect.value) {
-        curValue.value = newVal || "";
+        valueText.value = newVal || "";
         if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
           ibiz.log.error("\u503C\u9879\u5F02\u5E38");
         } else {
@@ -135,7 +135,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       c,
-      curValue,
+      valueText,
       context,
       params,
       editorRef,
@@ -153,10 +153,10 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const viewShell = vue.resolveComponent("IBizViewShell");
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [vue.createVNode(vue.resolveComponent("van-field"), {
+    }, [this.readonly && this.valueText, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
       "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "modelValue": this.valueText,
+      "onUpdate:modelValue": ($event) => this.valueText = $event,
       "readonly": true,
       "placeholder": this.c.placeHolder,
       "disabled": this.disabled,

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--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)}
+.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-readonly-color)}

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -55,17 +55,15 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         if (newVal === null) {
           curValue.value = "";
         }
-        const index = items.value.findIndex((item) => Object.is(item.value, newVal));
-        if (index !== -1) {
-          curValue.value = items.value[index].text;
-        }
       }
     }, {
       immediate: true
     });
     const valueText = vue.computed(() => {
-      const valueArr = Array.isArray(curValue.value) ? curValue.value : [curValue.value];
-      return items.value.filter((item) => valueArr.includes(item.value)).map((item) => item.text).join(",");
+      const index = items.value.findIndex((item) => Object.is(item.value, curValue.value));
+      if (index !== -1) {
+        return items.value[index].text;
+      }
     });
     const editorRef = vue.ref();
     if (props.autoFocus) {
@@ -113,13 +111,14 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
   render() {
     const editContent = this.hasChildren ? "\u6682\u672A\u652F\u6301\u6811\u5F62\u4E0B\u62C9\u9009\u62E9" : [vue.createVNode(vue.resolveComponent("van-field"), {
       "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "modelValue": this.valueText,
+      "onUpdate:modelValue": ($event) => this.valueText = $event,
       "clearable": true,
       "readonly": true,
       "class": [this.ns.e("select")],
       "placeholder": this.c.placeHolder,
       "onBlur": this.onBlur,
+      "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onClick": () => {
         if (!this.disabled) {

package/lib/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.cjs

@@ -21,6 +21,9 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
     const items = vue.ref([]);
     const showPicker = vue.ref(false);
     const selectItems = vue.computed(() => {
+      if (!props.value) {
+        return [];
+      }
       return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
     });
     const localSelectValue = vue.ref("");

package/lib/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-span{display:inline-block;width:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -54,7 +54,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       "before-delete": this.onRemove
     }, {
       default: () => {
-        return vue.createVNode(vue.resolveComponent("van-button"), {
+        return !this.readonly && !this.disabled && vue.createVNode(vue.resolveComponent("van-button"), {
           "class": this.ns.b("button")
         }, {
           default: () => [vue.createTextVNode("\u4E0A\u4F20\u6587\u4EF6")]
@@ -80,7 +80,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
         "alt": ""
       }, null)]), vue.createVNode("div", {
         "class": this.ns.b("preview-item-text")
-      }, [item.name]), vue.createVNode("div", {
+      }, [item.name]), !this.readonly && !this.disabled && vue.createVNode("div", {
         "class": this.ns.b("preview-item-action")
       }, [vue.createVNode(vue.resolveComponent("van-icon"), {
         "name": "cross",

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -59,9 +59,11 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("van-uploader"), {
       "modelValue": this.files,
       "disabled": this.disabled,
+      "readonly": this.readonly,
       "multiple": this.c.multiple,
       "accept": this.c.accept,
       "max-count": this.limit,
+      "deletable": !this.disabled && !this.readonly,
       "before-read": this.beforeUpload,
       "after-read": this.afterRead,
       "before-delete": this.onRemove

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}
+.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}.van-uploader__upload--readonly{display:none}

package/lib/index.cjs

@@ -11,26 +11,24 @@ var index$3 = require('./panel-component/index.cjs');
 var index$5 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 require('./view/index.cjs');
-var index$6 = require('./control/panel/view-layout-panel/index.cjs');
-var index$7 = require('./control/md-ctrl/index.cjs');
-var index$8 = require('./control/panel/panel/index.cjs');
-var index$9 = require('./control/app-menu/index.cjs');
-var index$a = require('./control/form/form/index.cjs');
-var index$b = require('./control/form/search-form/index.cjs');
-var index$c = require('./control/form/edit-form/index.cjs');
-var index$d = require('./control/pickup-view-panel/index.cjs');
-var index$e = require('./control/list/index.cjs');
-var index$f = require('./control/tab-exp-panel/index.cjs');
-var index$g = require('./control/toolbar/index.cjs');
-var index$h = require('./control/caption-bar/index.cjs');
-var index$i = require('./control/search-bar/index.cjs');
-var index$j = require('./control/drtab/index.cjs');
-var index$k = require('./control/tree/index.cjs');
-var index$l = require('./control/data-view/index.cjs');
-var index$m = require('./control/dashboard/index.cjs');
-var index$n = require('./control/chart/index.cjs');
-var index$o = require('./control/calendar/index.cjs');
-var index$p = require('./control/wizard-panel/index.cjs');
+var index$6 = require('./control/md-ctrl/index.cjs');
+var index$7 = require('./control/app-menu/index.cjs');
+var index$8 = require('./control/form/form/index.cjs');
+var index$9 = require('./control/form/search-form/index.cjs');
+var index$a = require('./control/form/edit-form/index.cjs');
+var index$b = require('./control/pickup-view-panel/index.cjs');
+var index$c = require('./control/list/index.cjs');
+var index$d = require('./control/tab-exp-panel/index.cjs');
+var index$e = require('./control/toolbar/index.cjs');
+var index$f = require('./control/caption-bar/index.cjs');
+var index$g = require('./control/search-bar/index.cjs');
+var index$h = require('./control/drtab/index.cjs');
+var index$i = require('./control/tree/index.cjs');
+var index$j = require('./control/data-view/index.cjs');
+var index$k = require('./control/dashboard/index.cjs');
+var index$l = require('./control/chart/index.cjs');
+var index$m = require('./control/calendar/index.cjs');
+var index$n = require('./control/wizard-panel/index.cjs');
 var col = require('./common/col/col.cjs');
 var row = require('./common/row/row.cjs');
 var keepAlive = require('./common/keep-alive/keep-alive.cjs');
@@ -52,28 +50,28 @@ var index = {
     v.use(index$2.IBizCommonComponents);
     v.use(index$5.IBizViewEngine);
     v.use(vue3Util.IBizView);
-    v.use(index$6.IBizViewLayoutPanelControl);
+    v.use(vue3Util.IBizViewLayoutPanelControl);
     v.use(vue3Util.IBizPortalView);
     v.use(index$3.IBizPanelComponents);
-    v.use(index$7.IBizMDCtrlControl);
-    v.use(index$8.IBizPanelControl);
-    v.use(index$9.IBizAppMenuControl);
-    v.use(index$a.IBizFormControl);
-    v.use(index$b.IBizSearchFormControl);
-    v.use(index$c.IBizEditFormControl);
-    v.use(index$d.IBizPickupViewPanelControl);
-    v.use(index$e.IBizListControl);
-    v.use(index$f.IBizTabExpPanelControl);
-    v.use(index$g.IBizToolbarControl);
-    v.use(index$h.IBizCaptionBarControl);
-    v.use(index$i.IBizSearchBarControl);
-    v.use(index$j.IBizDRTabControl);
-    v.use(index$k.IBizTreeControl);
-    v.use(index$l.IBizDataViewControl);
-    v.use(index$m.IBizDashboardControl);
-    v.use(index$n.IBizChartControl);
-    v.use(index$o.IBizCalendarControl);
-    v.use(index$p.IBizWizardPanelControl);
+    v.use(index$6.IBizMDCtrlControl);
+    v.use(vue3Util.IBizPanelControl);
+    v.use(index$7.IBizAppMenuControl);
+    v.use(index$8.IBizFormControl);
+    v.use(index$9.IBizSearchFormControl);
+    v.use(index$a.IBizEditFormControl);
+    v.use(index$b.IBizPickupViewPanelControl);
+    v.use(index$c.IBizListControl);
+    v.use(index$d.IBizTabExpPanelControl);
+    v.use(index$e.IBizToolbarControl);
+    v.use(index$f.IBizCaptionBarControl);
+    v.use(index$g.IBizSearchBarControl);
+    v.use(index$h.IBizDRTabControl);
+    v.use(index$i.IBizTreeControl);
+    v.use(index$j.IBizDataViewControl);
+    v.use(index$k.IBizDashboardControl);
+    v.use(index$l.IBizChartControl);
+    v.use(index$m.IBizCalendarControl);
+    v.use(index$n.IBizWizardPanelControl);
     v.use(index$4.IBizEditor);
   }
 };

package/lib/panel-component/index.cjs

@@ -10,6 +10,7 @@ var index$4 = require('./panel-button/index.cjs');
 var index$6 = require('./wf-action-button/index.cjs');
 var index$5 = require('./wf-step-trace/index.cjs');
 var index = require('./nav-pos-index/index.cjs');
+var index$7 = require('./panel-tab-panel/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -29,6 +30,9 @@ const IBizPanelComponents = {
     v.use(index$6.IBizWFActionButton);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(index$7.IBizPanelTabPanel);
+    v.use(vue3Util.IBizPanelContainerImage);
+    v.use(vue3Util.IBizScrollContainer);
   }
 };
 

package/lib/panel-component/panel-tab-panel/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelTabPanel = require('./panel-tab-panel.cjs');
+var panelTabPanel_provider = require('./panel-tab-panel.provider.cjs');
+
+"use strict";
+const IBizPanelTabPanel = vue3Util.withInstall(panelTabPanel.PanelTabPanel, function(v) {
+  v.component(panelTabPanel.PanelTabPanel.name, panelTabPanel.PanelTabPanel);
+  runtime.registerPanelItemProvider("TABPANEL", () => new panelTabPanel_provider.PanelTabPanelProvider());
+});
+
+exports.IBizPanelTabPanel = IBizPanelTabPanel;
+exports.default = IBizPanelTabPanel;

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

@@ -0,0 +1,72 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./panel-tab-panel.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelTabPanel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-tab-panel");
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    let _slot;
+    if (!this.controller.state.visible) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.createVNode(vue.resolveComponent("van-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "lazy-render": true,
+      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      if (!c.state.visible && !c.state.keepAlive) {
+        return null;
+      }
+      return vue.createVNode(vue.resolveComponent("van-tab"), {
+        "class": this.ns.b("tab-item"),
+        "title": c.model.caption,
+        "name": c.model.id
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.PanelTabPanel = PanelTabPanel;

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

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

package/lib/{control/panel/panel/panel.provider.cjs → panel-component/panel-tab-panel/panel-tab-panel.provider.cjs}

@@ -1,5 +1,7 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
+
 "use strict";
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -7,10 +9,15 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class PanelProvider {
+class PanelTabPanelProvider {
   constructor() {
-    __publicField(this, "component", "IBizPanelControl");
+    __publicField(this, "component", "IBizPanelTabPanel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
   }
 }
 
-exports.PanelProvider = PanelProvider;
+exports.PanelTabPanelProvider = PanelTabPanelProvider;

package/lib/panel-component/view-content-panel-container/view-content-panel-container.css

@@ -1 +1 @@
-.ibiz-view-content{--ibiz-panel-component-view-content-margin:var(--ibiz-spacing-tight);height:calc(100% - var(--ibiz-panel-component-view-content-margin));margin-top:var(--ibiz-panel-component-view-content-margin);overflow:visible}.ibiz-view-content.is-scroll{overflow-y:auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}
+.ibiz-view-content{--ibiz-panel-component-view-content-margin:0;height:100%;margin-top:var(--ibiz-panel-component-view-content-margin);overflow:visible}.ibiz-view-content.is-scroll{overflow-y:auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}

package/lib/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:2.5rem;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.1-alpha.24",
+  "version": "0.0.1",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -25,10 +25,10 @@
   "dependencies": {
     "@ibiz-template-package/vs-tree-ex": "^0.1.1",
     "@ibiz-template/core": "^0.4.0",
-    "@ibiz-template/model-helper": "^0.4.1",
-    "@ibiz-template/runtime": "^0.4.1",
+    "@ibiz-template/model-helper": "^0.4.4",
+    "@ibiz-template/runtime": "^0.4.4",
     "@ibiz-template/theme": "^0.4.0",
-    "@ibiz-template/vue3-util": "^0.4.1",
+    "@ibiz-template/vue3-util": "^0.4.4",
     "@ibiz/model-core": "^0.0.21",
     "async-validator": "^4.2.5",
     "cherry-markdown": "^0.8.26",

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

@@ -1,2 +0,0 @@
-export * from './view-layout-panel';
-export * from './panel';

package/es/control/panel/index.mjs

@@ -1,6 +0,0 @@
-export { IBizViewLayoutPanelControl } from './view-layout-panel/index.mjs';
-export { IBizPanelControl } from './panel/index.mjs';
-export { ViewLayoutPanelProvider } from './view-layout-panel/view-layout-panel.provider.mjs';
-export { PanelProvider } from './panel/panel.provider.mjs';
-
-"use strict";

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

@@ -1,51 +0,0 @@
-export * from './panel.provider';
-export declare const IBizPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanel>;
-        required: true;
-    };
-    context: {
-        type: import("vue").PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
-    };
-    data: import("vue").PropType<IData>;
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    c: import("@ibiz-template/runtime").PanelController<import("@ibiz/model-core").IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
-    ns: import("@ibiz-template/core").Namespace;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanel>;
-        required: true;
-    };
-    context: {
-        type: import("vue").PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
-    };
-    data: import("vue").PropType<IData>;
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    params: IParams;
-    loadDefault: boolean;
-}, {}>>;
-export default IBizPanelControl;

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

@@ -1,12 +0,0 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { PanelControl } from './panel.mjs';
-import { PanelProvider } from './panel.provider.mjs';
-
-"use strict";
-const IBizPanelControl = withInstall(PanelControl, function(v) {
-  v.component(PanelControl.name, PanelControl);
-  registerControlProvider(ControlType.PANEL, () => new PanelProvider());
-});
-
-export { IBizPanelControl, PanelProvider, IBizPanelControl as default };

package/es/control/panel/panel/panel.css

@@ -1 +0,0 @@
-.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}

package/es/control/panel/panel/panel.d.ts

@@ -1,56 +0,0 @@
-import { PropType } from 'vue';
-import { IPanel } from '@ibiz/model-core';
-import './panel.scss';
-import { IControlProvider, PanelController } from '@ibiz-template/runtime';
-/**
- * 视图布局面板组件
- */
-export declare const PanelControl: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IPanel>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    data: PropType<IData>;
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    c: PanelController<IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
-    ns: import("@ibiz-template/core").Namespace;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: PropType<IPanel>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    provider: {
-        type: PropType<IControlProvider>;
-    };
-    data: PropType<IData>;
-    loadDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    params: IParams;
-    loadDefault: boolean;
-}, {}>;