@ibiz-template/mob-vue3-components 0.0.3 → 0.0.5

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
 
@@ -17,6 +17,10 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     items: {
       type: Object,
       required: true
+    },
+    caption: {
+      type: String,
+      required: false
     }
   },
   emits: {
@@ -30,17 +34,18 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     const showActions = computed(() => {
       return props.enableCreate || props.enableDelete;
     });
-    const renderAddBtn = (index) => {
+    const renderAddBtn = (index, showButton = true) => {
       if (!props.enableCreate) {
         return null;
       }
       return createVNode(resolveComponent("van-button"), {
-        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "class": [ns.e("create"), ns.e("btn")],
         "size": "small",
-        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1),
-        "type": "primary"
+        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1)
       }, {
-        default: () => [createTextVNode("\u6DFB\u52A0")]
+        default: () => [showButton && createVNode(resolveComponent("van-icon"), {
+          "name": "plus"
+        }, null), createTextVNode("\u6DFB\u52A0")]
       });
     };
     const renderRemoveBtn = (item, index) => {
@@ -49,9 +54,8 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("van-button"), {
-          "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+          "class": [ns.e("remove"), ns.e("btn")],
           "size": "small",
-          "type": "danger",
           "onClick": () => {
             emit("removeClick", item, index);
           }
@@ -60,7 +64,7 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         });
       }
       return createVNode(resolveComponent("van-button"), {
-        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "class": [ns.e("remove"), ns.e("btn")],
         "type": "danger",
         "size": "small",
         "onClick": () => {
@@ -70,21 +74,21 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         default: () => [createTextVNode("\u5220\u9664")]
       });
     };
-    const renderBottomBtn = (item, index) => {
-      return [renderAddBtn(index), renderRemoveBtn(item, index)];
+    const renderActionBtn = (item, index) => {
+      return [renderAddBtn(index, false), renderRemoveBtn(item, index)];
     };
     return {
       ns,
       showActions,
       renderAddBtn,
       renderRemoveBtn,
-      renderBottomBtn
+      renderActionBtn
     };
   },
   render() {
     return createVNode("div", {
       "class": this.ns.b()
-    }, [this.enableCreate && this.renderAddBtn(), this.items.map((item, index) => {
+    }, [this.items.map((item, index) => {
       const formComponent = this.$slots.item ? this.$slots.item({
         data: item,
         index
@@ -92,10 +96,18 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
       return createVNode("div", {
         "class": this.ns.b("item"),
         "key": item.id
-      }, [formComponent, this.showActions && createVNode("div", {
-        "class": this.ns.b("item-actions")
-      }, [this.renderBottomBtn(item, index)])]);
-    })]);
+      }, [createVNode("div", {
+        "class": this.ns.b("item-header")
+      }, [createVNode("div", {
+        "class": this.ns.be("item-header", "caption")
+      }, [this.caption || ""]), createVNode("div", {
+        "class": this.ns.be("item-header", "action")
+      }, [this.renderActionBtn(item, index)])]), createVNode("div", {
+        "class": this.ns.b("item-content")
+      }, [formComponent])]);
+    }), this.enableCreate && createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [this.renderAddBtn()])]);
   }
 });
 

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

@@ -17,5 +17,11 @@ export { FormDRUIPartProvider } from './form-druipart/form-druipart.provider.mjs
 export { FormRawItemProvider } from './form-rawitem/form-rawitem.provider.mjs';
 export { FormTabPanelProvider } from './form-tab-panel/form-tab-panel.provider.mjs';
 export { FormTabPageProvider } from './form-tab-page/form-tab-page.provider.mjs';
+export { MDCtrlContainer } from './form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form-mdctrl/form-mdctrl.mjs';
 
 "use strict";

package/es/control/form/index.mjs

@@ -22,5 +22,11 @@ export { IBizFormTabPanel } from './form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form-detail/form-tab-page/index.mjs';
 export { IBizFormMDCtrl } from './form-detail/form-mdctrl/index.mjs';
+export { MDCtrlContainer } from './form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form-detail/form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form-detail/form-mdctrl/form-mdctrl.mjs';
 
 "use strict";

package/es/control/index.mjs

@@ -37,6 +37,12 @@ export { IBizFormTabPanel } from './form/form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form/form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form/form-detail/form-tab-page/index.mjs';
 export { IBizFormMDCtrl } from './form/form-detail/form-mdctrl/index.mjs';
+export { MDCtrlContainer } from './form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs';
+export { FormMDCtrlProvider } from './form/form-detail/form-mdctrl/form-mdctrl.provider.mjs';
+export { FormMDCtrlRepeater } from './form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.mjs';
+export { FormMDCtrlMD } from './form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.mjs';
+export { FormMDCtrlForm } from './form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs';
+export { FormMDCtrl } from './form/form-detail/form-mdctrl/form-mdctrl.mjs';
 export { IBizEditFormControl } from './form/edit-form/index.mjs';
 export { IBizFormControl } from './form/form/index.mjs';
 export { PickupViewPanelProvider } from './pickup-view-panel/pickup-view-panel.provider.mjs';

package/es/control/list/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) 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-right-icon-margin-right:1.3125rem;--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:var(--ibiz-control-mobmdctrl-right-icon-margin-right);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-right-icon-margin-right:1.3125rem}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.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);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;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);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;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;padding:var(--ibiz-spacing-tight);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);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--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:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit}.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-right-icon-margin-right:1.3125rem}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.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);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;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);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;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;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -85,7 +85,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }) => {
       showPicker.value = false;
       if (Array.isArray(selectedOptions)) {
-        curValue.value = selectedOptions[0].text;
+        curValue.value = selectedOptions[0].value;
         const emitVal = selectedOptions.map((val) => {
           return val.value;
         }).join(",");
@@ -134,6 +134,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [createVNode(resolveComponent("van-picker"), {
         "columns": this.items,
+        "confirm-button-text": "\u786E\u5B9A",
         "onCancel": () => {
           this.showPicker = false;
         },

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list 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-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list 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-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list__select::after{display:none}

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.d.ts

@@ -27,7 +27,9 @@ export declare const IBizDropdownList: import("vue").DefineComponent<{
     showPicker: Ref<boolean>;
     valueText: import("vue").ComputedRef<string>;
     selectItems: Ref<IData[]>;
+    checkboxRefs: Ref<IData>;
     onBlur: () => void;
+    toggle: (index: number) => void;
     onFocus: () => void;
     onCancel: () => void;
     onRemove: (item: IData) => void;

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs

@@ -84,6 +84,10 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
         return isInclude;
       }).map((item) => item.text).join(",");
     });
+    const checkboxRefs = ref([]);
+    const toggle = (index) => {
+      checkboxRefs.value[index].toggle();
+    };
     return {
       ns,
       c,
@@ -92,7 +96,9 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
       showPicker,
       valueText,
       selectItems,
+      checkboxRefs,
       onBlur,
+      toggle,
       onFocus,
       onCancel,
       onRemove,
@@ -115,7 +121,7 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
         "onClick": () => {
           this.onConfirm();
         }
-      }, [createTextVNode("\u786E\u8BA4")])]);
+      }, [createTextVNode("\u786E\u5B9A")])]);
     };
     const renderColumns = () => {
       let _slot;
@@ -124,14 +130,21 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
         "modelValue": this.curValue,
         "onUpdate:modelValue": ($event) => this.curValue = $event
       }, {
-        default: () => [createVNode(resolveComponent("van-cell-group"), null, _isSlot(_slot = this.items.map((item) => {
+        default: () => [createVNode(resolveComponent("van-cell-group"), {
+          "inset": true
+        }, _isSlot(_slot = this.items.map((item, index) => {
           return createVNode(resolveComponent("van-cell"), {
-            "title": item.text
+            "title": item.text,
+            "clickable": true,
+            "onClick": () => {
+              this.toggle(index);
+            }
           }, {
             "right-icon": () => {
               return createVNode(resolveComponent("van-checkbox"), {
+                "ref": (el) => this.checkboxRefs[index] = el,
                 "name": item.value,
-                "shape": "square"
+                "onClick": (e) => e.stopPropagation()
               }, null);
             }
           });

package/es/editor/index.mjs

@@ -40,6 +40,7 @@ import { IBizDateRangePicker } from './date-range/ibiz-date-range-picker/ibiz-da
 import { IBizCascader } from './cascader/ibiz-cascader/ibiz-cascader.mjs';
 import { IBizColorPicker } from './color-picker/ibiz-color-picker/ibiz-color-picker.mjs';
 import { IBizPickerSelectView } from './data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+import { IBizEditorCarousel } from './upload/ibiz-carousel/ibiz-carousel.mjs';
 import { SpanEditorProvider } from './span/span-editor.provider.mjs';
 import { TextBoxEditorProvider } from './text-box/text-box-editor.provider.mjs';
 import { DropDownListEditorProvider } from './dropdown-list/dropdown-list-editor.provider.mjs';
@@ -84,6 +85,7 @@ const IBizEditor = {
     v.component(IBizColorPicker.name, IBizColorPicker);
     v.component(IBizPickerSelectView.name, IBizPickerSelectView);
     v.component(IBizMarkDown.name, IBizMarkDown);
+    v.component(IBizEditorCarousel.name, IBizEditorCarousel);
     registerEditorProvider("SPAN", () => new SpanEditorProvider());
     const textBoxEditorProvider = new TextBoxEditorProvider();
     registerEditorProvider("MOBTEXT", () => textBoxEditorProvider);
@@ -164,6 +166,14 @@ const IBizEditor = {
       "MOBDATERANGE_NOTIME",
       () => new DateRangeEditorProvider()
     );
+    registerEditorProvider(
+      "FIELD_IMAGE_PICTURE_ONE",
+      () => new FileUploaderEditorProvider("MOBPICTURE_RAW")
+    );
+    registerEditorProvider(
+      "FIELD_CAROUSEL_PICTURE",
+      () => new FileUploaderEditorProvider("CAROUSEL")
+    );
   }
 };
 

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.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)}
+.ibiz-span{display: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/es/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{height:100%}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input 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-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}
+.ibiz-input{height:100%}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input 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-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}

package/es/editor/upload/ibiz-carousel/ibiz-carousel.css

@@ -0,0 +1 @@
+.ibiz-carousel{height:100%}.ibiz-carousel .van-swipe{height:100%}.ibiz-carousel .van-swipe-item img{box-sizing:border-box;display:block;width:100%;height:100%;padding:1.875rem 3.75rem;pointer-events:none;background-color:var(--van-white)}

package/es/editor/upload/ibiz-carousel/ibiz-carousel.d.ts

@@ -0,0 +1,65 @@
+import './ibiz-carousel.scss';
+import { UploadEditorController } from '../upload-editor.controller';
+export declare const IBizEditorCarousel: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: UploadEditorController;
+    images: import("vue").ComputedRef<{
+        rawContent: string | undefined;
+    }[]>;
+    autoplay: number;
+    duration: number;
+    showIndicators: boolean;
+    touchable: boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/upload/ibiz-carousel/ibiz-carousel.mjs

@@ -0,0 +1,71 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-carousel.css';
+import { toNumber } from 'lodash-es';
+import { useVanUpload } from '../use/use-van-upload.mjs';
+
+"use strict";
+const IBizEditorCarousel = /* @__PURE__ */ defineComponent({
+  name: "IBizEditorCarousel",
+  props: getUploadProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("carousel");
+    const c = props.controller;
+    const {
+      files
+    } = useVanUpload(props, (value) => {
+      emit("change", value);
+    }, c);
+    const editorModel = c.model;
+    let autoplay = 3e3;
+    let duration = 500;
+    let showIndicators = true;
+    let touchable = true;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.autoplay) {
+        autoplay = toNumber(editorModel.editorParams.autoplay);
+      }
+      if (editorModel.editorParams.duration) {
+        duration = toNumber(editorModel.editorParams.duration);
+      }
+      if (editorModel.editorParams.showIndicators) {
+        showIndicators = editorModel.editorParams.showIndicators === "true";
+      }
+      if (editorModel.editorParams.touchable) {
+        touchable = editorModel.editorParams.touchable === "true";
+      }
+    }
+    const images = computed(() => {
+      return files.value.map((item) => {
+        return {
+          rawContent: item.url
+        };
+      });
+    });
+    return {
+      ns,
+      c,
+      images,
+      autoplay,
+      duration,
+      showIndicators,
+      touchable
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [createVNode(resolveComponent("iBizCarousel"), {
+      "images": this.images,
+      "autoplay": this.autoplay,
+      "duration": this.duration,
+      "showIndicators": this.showIndicators,
+      "touchable": this.touchable
+    }, null)]);
+  }
+});
+
+export { IBizEditorCarousel };

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.css

@@ -1 +1 @@
-.ibiz-file-upload{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .ibiz-file-upload-button{width:1.25rem;height:1.25rem;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-text-2);background:0 0;border:none;border-radius:50%}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-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:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%;margin-top:.625rem}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ibiz-spacing-tight);margin-bottom:var(--ibiz-spacing-tight);background:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{margin:0;border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{flex-shrink:0;width:2.5rem;min-width:2.5rem;height:2.5rem;padding:.375rem}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:.25rem}.ibiz-file-upload .ibiz-file-upload-preview-item-left{display:flex;flex-grow:1;align-items:center;width:calc(100% - 1.25rem)}.ibiz-file-upload .ibiz-file-upload-preview-item-text{display:flex;flex:1;align-items:center;width:calc(100% - 2.5rem);padding-left:var(--ibiz-spacing-tight);font-size:.875rem}.ibiz-file-upload .ibiz-file-upload-preview-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:1.25rem;color:var(--ibiz-color-overlay-bg);text-align:right}.ibiz-file-upload .van-uploader__input-wrapper{width:100%;text-align:right}.ibiz-form-item-container--top .ibiz-file-upload .van-uploader{position:absolute;top:0;right:0;width:100%}
+.ibiz-file-upload{display:flex;flex-direction:column;width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .van-uploader{width:100%}.ibiz-file-upload .ibiz-file-upload-button{width:1.25rem;height:1.25rem;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-text-2);background:0 0;border:none;border-radius:50%}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-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:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%;margin-top:.625rem}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ibiz-spacing-tight);margin-bottom:var(--ibiz-spacing-tight);background:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{margin:0;border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{flex-shrink:0;width:2.5rem;min-width:2.5rem;height:2.5rem;padding:.375rem}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:.25rem}.ibiz-file-upload .ibiz-file-upload-preview-item-left{display:flex;flex-grow:1;align-items:center;width:calc(100% - 1.25rem)}.ibiz-file-upload .ibiz-file-upload-preview-item-text{display:flex;flex:1;align-items:center;width:calc(100% - 2.5rem);padding-left:var(--ibiz-spacing-tight);font-size:.875rem}.ibiz-file-upload .ibiz-file-upload-preview-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:1.25rem;color:var(--ibiz-color-overlay-bg);text-align:right}.ibiz-file-upload .van-uploader__input-wrapper{width:100%;text-align:right}.ibiz-form-item-container--top .ibiz-file-upload .van-uploader{position:absolute;top:0;right:0;width:100%}.ibiz-file-upload--readonly .ibiz-file-upload-preview{margin-top:0}.ibiz-file-upload--disabled .ibiz-file-upload-preview{margin-top:0}

package/es/editor/upload/ibiz-image-select/ibiz-image-select.css

@@ -1 +1 @@
-.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.12rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:.04rem}
+.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.12rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:.04rem}.ibiz-image-select .van-uploader__preview{width:100%;height:100%}.ibiz-image-select .van-uploader{width:var(--van-uploader-size);height:100%}

package/es/editor/upload/ibiz-image-select/ibiz-image-select.d.ts

@@ -27,8 +27,7 @@ export declare const IBizImageSelect: import("vue").DefineComponent<{
         url?: string | undefined;
     }[]>;
     svg: import("vue").Ref<string>;
-    dialogImageUrl: import("vue").Ref<string>;
-    dialogVisible: import("vue").Ref<boolean>;
+    onPreview: (_file: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/upload/ibiz-image-select/ibiz-image-select.mjs

@@ -1,6 +1,7 @@
 import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-image-select.css';
+import { showImagePreview } from 'vant';
 import { useVanUpload } from '../use/use-van-upload.mjs';
 
 "use strict";
@@ -13,21 +14,23 @@ const IBizImageSelect = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("image-select");
     const c = props.controller;
-    const dialogVisible = ref(false);
-    const dialogImageUrl = ref("");
     const svg = ref("");
     const {
       files
     } = useVanUpload(props, (value) => {
       emit("change", value);
     }, c);
+    const onPreview = (_file) => {
+      showImagePreview({
+        images: files.value.map((item) => item.url)
+      });
+    };
     return {
       ns,
       c,
       files,
       svg,
-      dialogImageUrl,
-      dialogVisible
+      onPreview
     };
   },
   render() {
@@ -44,7 +47,11 @@ const IBizImageSelect = /* @__PURE__ */ defineComponent({
     }, {
       "preview-cover": (file) => {
         return createVNode("div", {
-          "class": this.ns.b("item-cover")
+          "class": this.ns.b("item-cover"),
+          "onClick": (e) => {
+            e.stopPropagation();
+            this.onPreview(file);
+          }
         }, [createVNode("img", {
           "src": file.url
         }, null)]);

package/es/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}.van-uploader__upload--readonly{display:none}
+.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}.ibiz-panel-field .ibiz-panel-field-content{height:100%}.ibiz-panel-field .ibiz-panel-field-content .van-uploader{width:100%;height:100%}.ibiz-panel-field .ibiz-panel-field-content .van-uploader__wrapper{height:100%}

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -29,12 +29,9 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     limit: import("vue").ComputedRef<1 | 9999>;
     headers: import("vue").Ref<IData>;
     uploadUrl: import("vue").Ref<string>;
-    dialogImageUrl: import("vue").Ref<string>;
-    dialogVisible: import("vue").Ref<boolean>;
     beforeUpload: () => void;
     onRemove: (file: IData) => void;
-    onDialogVisibleChange: (value: boolean) => void;
-    onPreview: (file: IData) => void;
+    onPreview: (_file: IData) => void;
     afterRead: (file: IData | IData[]) => Promise<void>;
     onDownload: (file: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -1,6 +1,7 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
+import { showImagePreview } from 'vant';
 import { useVanUpload } from '../use/use-van-upload.mjs';
 
 "use strict";
@@ -25,14 +26,12 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     } = useVanUpload(props, (value) => {
       emit("change", value);
     }, c);
-    const dialogImageUrl = ref("");
-    const dialogVisible = ref(false);
-    const onDialogVisibleChange = (value) => {
-      dialogVisible.value = value;
-    };
-    const onPreview = (file) => {
-      dialogImageUrl.value = file.url;
-      dialogVisible.value = true;
+    const onPreview = (_file) => {
+      const index = files.value.findIndex((item) => item.id === _file.id);
+      showImagePreview({
+        images: files.value.map((item) => item.url),
+        startPosition: index
+      });
     };
     return {
       ns,
@@ -41,11 +40,8 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       limit,
       headers,
       uploadUrl,
-      dialogImageUrl,
-      dialogVisible,
       beforeUpload,
       onRemove,
-      onDialogVisibleChange,
       onPreview,
       afterRead,
       onDownload
@@ -68,7 +64,11 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     }, {
       "preview-cover": (file) => {
         return createVNode("div", {
-          "class": this.ns.b("item-cover")
+          "class": this.ns.b("item-cover"),
+          "onClick": (e) => {
+            e.stopPropagation();
+            this.onPreview(file);
+          }
         }, [createVNode("img", {
           "src": file.url
         }, null)]);

package/es/editor/upload/index.d.ts

@@ -1,5 +1,6 @@
 export { IBizFileUpload } from './ibiz-file-upload/ibiz-file-upload';
 export { IBizImageUpload } from './ibiz-image-upload/ibiz-image-upload';
 export { IBizImageSelect } from './ibiz-image-select/ibiz-image-select';
+export { IBizEditorCarousel } from './ibiz-carousel/ibiz-carousel';
 export * from './upload-editor.controller';
 export * from './upload-editor.provider';

package/es/editor/upload/index.mjs

@@ -1,6 +1,7 @@
 export { IBizFileUpload } from './ibiz-file-upload/ibiz-file-upload.mjs';
 export { IBizImageUpload } from './ibiz-image-upload/ibiz-image-upload.mjs';
 export { IBizImageSelect } from './ibiz-image-select/ibiz-image-select.mjs';
+export { IBizEditorCarousel } from './ibiz-carousel/ibiz-carousel.mjs';
 export { UploadEditorController } from './upload-editor.controller.mjs';
 export { FileUploaderEditorProvider } from './upload-editor.provider.mjs';
 

package/es/editor/upload/upload-editor.provider.mjs

@@ -20,6 +20,9 @@ class FileUploaderEditorProvider {
       case "MOBPICTURE_RAW":
         componentName = "IBizImageSelect";
         break;
+      case "CAROUSEL":
+        componentName = "IBizEditorCarousel";
+        break;
       default:
     }
     this.formEditor = componentName;