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

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/editor/upload/upload-editor.controller.cjs

@@ -123,22 +123,7 @@ class UploadEditorController extends runtime.EditorController {
    * @param {IData} file
    */
   fileDownload(file) {
-    ibiz.net.request(file.url, {
-      method: "get",
-      responseType: "blob",
-      baseURL: ""
-      // 已经有baseURL了，这里无需再写
-    }).then((response) => {
-      if (response.status !== 200) {
-        throw new core.RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-      }
-      if (!response.data) {
-        throw new core.RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-      } else {
-        const fileName = file.name;
-        core.downloadFileFromBlob(response.data, fileName);
-      }
-    });
+    ibiz.platform.download(file.url, file.name);
   }
 }
 

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/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/lib/view/login-view/login-view.cjs

@@ -32,7 +32,7 @@ const LoginView = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         loading.value = true;
-        const bol = await ibiz.auth.login(loginData.username, loginData.password);
+        const bol = await ibiz.platform.login(loginData.username, loginData.password);
         if (bol) {
           window.location.hash = ru;
           window.location.reload();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.1-alpha.23",
+  "version": "0.0.1-alpha.25",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",

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;
-}, {}>;

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

@@ -1,130 +0,0 @@
-import { isVNode, createTextVNode, createVNode, resolveComponent, h, watch, reactive, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './panel.css';
-import { PanelController } from '@ibiz-template/runtime';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function renderPanelItem(panelItem, c, ins) {
-  var _a, _b;
-  if (panelItem.hidden) {
-    return;
-  }
-  const {
-    providers,
-    panelItems
-  } = c;
-  const provider = providers[panelItem.id];
-  if (!provider) {
-    return createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
-  }
-  const component = resolveComponent(provider.component);
-  let children;
-  if (panelItem.itemType === "CTRLPOS" && ins.$slots[panelItem.id]) {
-    children = () => {
-      return ins.$slots[panelItem.id]();
-    };
-  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
-    children = () => {
-      return panelItem.panelTabPages.map((child) => {
-        return renderPanelItem(child, c, ins);
-      });
-    };
-  } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
-    children = () => {
-      return panelItem.panelItems.map((child) => {
-        return renderPanelItem(child, c, ins);
-      });
-    };
-  }
-  return h(component, {
-    modelData: panelItem,
-    controller: panelItems[panelItem.id],
-    key: panelItem.id
-  }, children);
-}
-const PanelControl = /* @__PURE__ */ defineComponent({
-  name: "IBizPanelControl",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    provider: {
-      type: Object
-    },
-    data: Object,
-    loadDefault: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const c = useControlController((...args) => new PanelController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    watch(() => props.data, (newVal) => {
-      if (newVal) {
-        c.setInputData(newVal);
-        c.load();
-      }
-    }, {
-      immediate: true
-    });
-    c.evt.on("onCreated", () => {
-      const keys = Object.keys(c.panelItems);
-      keys.forEach((key) => {
-        const panelItem = c.panelItems[key];
-        panelItem.state = reactive(panelItem.state);
-      });
-    });
-    return {
-      c,
-      ns
-    };
-  },
-  render() {
-    const {
-      state,
-      model
-    } = this.c;
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c
-    }, {
-      default: () => [createVNode(resolveComponent("iBizRow"), {
-        "class": this.ns.b("content"),
-        "layout": {
-          layout: "FLEX"
-        }
-      }, {
-        default: () => {
-          var _a;
-          return [state.isCreated && (this.$slots.default ? this.$slots.default({
-            panelItems: this.c.panelItems
-          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
-            let _slot;
-            const subC = this.c.panelItems[panelItem.id];
-            panelItem.layoutPos.layout = "FLEX";
-            return createVNode(resolveComponent("iBizCol"), {
-              "layoutPos": panelItem.layoutPos,
-              "state": subC.state
-            }, _isSlot(_slot = renderPanelItem(panelItem, this.c, this)) ? _slot : {
-              default: () => [_slot]
-            });
-          }))];
-        }
-      })]
-    });
-  }
-});
-
-export { PanelControl };