@ibiz-template/vue3-components 0.7.14 → 0.7.15

package/es/common/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref, PropType } from 'vue';
 import './carousel.scss';
 export declare const IBizCarouselComponent: import("vue").DefineComponent<{
     carouselData: {
@@ -62,8 +62,8 @@ export declare const IBizCarouselComponent: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    carouselMode: {
-        type: StringConstructor;
+    showMode: {
+        type: PropType<"DEFAULT" | "CARD">;
         required: true;
     };
 }, {
@@ -131,8 +131,8 @@ export declare const IBizCarouselComponent: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    carouselMode: {
-        type: StringConstructor;
+    showMode: {
+        type: PropType<"DEFAULT" | "CARD">;
         required: true;
     };
 }>>, {

package/es/common/carousel/carousel.mjs

@@ -21,7 +21,7 @@ const IBizCarouselComponent = /* @__PURE__ */ defineComponent({
       type: Number,
       default: 3e3
     },
-    carouselMode: {
+    showMode: {
       type: String,
       required: true
     }
@@ -61,7 +61,7 @@ const IBizCarouselComponent = /* @__PURE__ */ defineComponent({
         }, null);
       }
     };
-    return createVNode("div", null, [this.carouselMode === "card" ? createVNode(resolveComponent("IBizCarousel-card"), {
+    return createVNode("div", null, [this.showMode === "CARD" ? createVNode(resolveComponent("IBizCarousel-card"), {
       "swipeData": this.swipeData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan

package/es/common/carousel-card/carousel-card.css

@@ -1 +1 @@
-.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}
+.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}

package/es/control/context-menu/context-menu.d.ts

@@ -34,7 +34,6 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
 }, {
     c: ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
-    visible: import("vue").ComputedRef<boolean>;
     expandDetails: Ref<IDETBUIActionItem[]>;
     groupDetails: Ref<IDETBUIActionItem[]>;
     groupButtonRef: Ref<any>;

package/es/control/context-menu/context-menu.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './context-menu.css';
 import { ContextMenuController } from '@ibiz-template/runtime';
@@ -55,10 +55,6 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     const groupButtonRef = ref();
     const dropdownRef = ref();
     const popoverVisible = ref(false);
-    const visible = computed(() => {
-      const index = groupDetails.value.findIndex((item) => c.state.buttonsState[item.id].visible);
-      return index !== -1;
-    });
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -110,7 +106,6 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
-      visible,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -196,17 +191,24 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         return null;
       });
     };
-    if (!this.visible) {
-      return;
-    }
-    if (this.mode === "buttons") {
+    const renderGroup = () => {
       let _slot;
-      return createVNode("div", {
-        "class": [this.ns.b(), this.ns.m("buttons")],
-        "onClick": (e) => e.stopPropagation()
-      }, [renderActions(this.expandDetails), this.groupDetails.length > 0 && [createVNode(resolveComponent("el-button"), {
+      if (this.groupDetails.length === 0) {
+        return null;
+      }
+      const pvisible = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible) {
+        return null;
+      }
+      const pdisabled = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].disabled === false;
+      }) === -1;
+      return [createVNode(resolveComponent("el-button"), {
         "size": "small",
         "text": true,
+        "disabled": pdisabled,
         "ref": "groupButtonRef",
         "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
       }, {
@@ -225,7 +227,16 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         "transition": "none"
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
-      })]]);
+      })];
+    };
+    if (!this.c.state.buttonsState.visible) {
+      return;
+    }
+    if (this.mode === "buttons") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")],
+        "onClick": (e) => e.stopPropagation()
+      }, [renderActions(this.expandDetails), renderGroup()]);
     }
     return createVNode(resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",

package/es/control/context-menu/index.d.ts

@@ -30,7 +30,6 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
 }, {
     c: import("@ibiz-template/runtime").ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
-    visible: import("vue").ComputedRef<boolean>;
     expandDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupButtonRef: import("vue").Ref<any>;

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

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -148,7 +148,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       if (editorRef.value) {
-        pickViewWidth.value = "".concat(editorRef.value.offsetWidth, "px");
+        pickViewWidth.value = "".concat(editorRef.value.$parent.$el.offsetWidth, "px");
       }
     });
     const onClear = () => {
@@ -405,7 +405,6 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const editContent = createVNode(resolveComponent("el-dropdown"), {
       "ref": "editorRef",
       "trigger": "click",
-      "teleported": false,
       "class": this.ns.b("select"),
       "popper-class": this.ns.b("popper"),
       "onVisibleChange": this.onVisibleChange,

package/es/editor/html/wang-editor/wang-editor.css

@@ -1 +1 @@
-.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
+.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -317,7 +317,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
             const height = entries[0].contentRect.height;
             if (height !== lastToolbarHeight) {
               const tempCssVars = {
-                height: "".concat(htmlContentHeight - entries[0].contentRect.height, "px")
+                height: "".concat(htmlContentHeight - entries[0].contentRect.height + (height !== 0 ? 300 : 0), "px")
               };
               cssVars.value = ns.cssVarBlock(tempCssVars);
               lastToolbarHeight = height;
@@ -454,7 +454,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         "mode": "default",
         "class": ns.b("toolbar")
       }, null), createVNode(Editor, {
-        "class": ns.b("editor"),
+        "class": [ns.b("editor"), ns.is("readonly", readonlyState.value)],
         "modelValue": valueHtml.value,
         "onUpdate:modelValue": ($event) => valueHtml.value = $event,
         "default-config": editorConfig,

package/es/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

package/es/panel-component/panel-static-carousel/index.d.ts

@@ -18,7 +18,7 @@ export declare const IBizPanelStaticCarousel: import("@ibiz-template/vue3-util")
     }[]>;
     isAuto: import("vue").Ref<boolean>;
     timeSpan: import("vue").Ref<number>;
-    carouselMode: import("vue").Ref<string>;
+    showMode: import("vue").Ref<"DEFAULT" | "CARD">;
 }, 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").IPanelRawItem>;

package/es/panel-component/panel-static-carousel/panel-static-carousel.css

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

package/es/panel-component/panel-static-carousel/panel-static-carousel.d.ts

@@ -22,7 +22,7 @@ export declare const PanelStaticCarousel: import("vue").DefineComponent<{
     }[]>;
     isAuto: Ref<boolean>;
     timeSpan: Ref<number>;
-    carouselMode: Ref<string>;
+    showMode: Ref<"DEFAULT" | "CARD">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;

package/es/panel-component/panel-static-carousel/panel-static-carousel.mjs

@@ -23,7 +23,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
     const carouselData = ref([]);
     const isAuto = ref(true);
     const timeSpan = ref(3e3);
-    const carouselMode = ref("default");
+    const showMode = ref("DEFAULT");
     const getSwipeConfig = (swipeData) => {
       const autoPlay = swipeData.find((item) => Object.is(item.key, "autoplay"));
       if (autoPlay) {
@@ -33,9 +33,9 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       if (span) {
         timeSpan.value = Number(span.value) || 0;
       }
-      const carouselModeItem = swipeData.find((item) => Object.is(item.key, "carouselMode"));
-      if (carouselModeItem && carouselModeItem.value) {
-        carouselMode.value = carouselModeItem.value;
+      const showModeItem = swipeData.find((item) => Object.is(item.key, "showMode"));
+      if (showModeItem && showModeItem.value) {
+        showMode.value = showModeItem.value;
       }
     };
     if ((_a = model.rawItem) == null ? void 0 : _a.rawItemParams) {
@@ -43,7 +43,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       const imgData = model.rawItem.rawItemParams;
       const autoplayIndex = imgData.findIndex((item) => Object.is(item.key, "autoplay"));
       const timespanIndex = imgData.findIndex((item) => Object.is(item.key, "timespan"));
-      const carouselModeIndex = imgData.findIndex((item) => Object.is(item.key, "carouselMode"));
+      const showModeIndex = imgData.findIndex((item) => Object.is(item.key, "showMode"));
       let number = 0;
       if (autoplayIndex >= 0) {
         number += 1;
@@ -51,7 +51,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       if (timespanIndex >= 0) {
         number += 1;
       }
-      if (carouselModeIndex >= 0) {
+      if (showModeIndex >= 0) {
         number += 1;
       }
       if (number > 0) {
@@ -81,7 +81,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       carouselData,
       isAuto,
       timeSpan,
-      carouselMode
+      showMode
     };
   },
   render() {
@@ -91,7 +91,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan,
-      "carouselMode": this.carouselMode
+      "showMode": this.showMode
     }, null)]);
   }
 });

package/es/panel-component/short-cut/index.d.ts

@@ -44,9 +44,9 @@ export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithIn
     }[];
     isShowToolbar: import("vue").Ref<boolean>;
     onChange: (evt: IData) => void;
-    onShowChange: () => void;
     renderDraggable: (isVertical: boolean) => JSX.Element;
-    renderMoreToolbar: () => JSX.Element;
+    renderMore: () => JSX.Element;
+    renderRecover: () => JSX.Element;
 }, 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").IPanelRawItem>;

package/es/panel-component/short-cut/short-cut.css

@@ -1 +1 @@
-.ibiz-short-cut{z-index:2;bottom:26px;display:flex;position:fixed;border-radius:4px;align-items:center;box-shadow:0 0 16px rgba(0,0,0,.0784313725);background:var(--ibiz-color-bg-1);right:var(--ibiz-spacing-base-loose);border:1px solid var(--ibiz-color-border)}.ibiz-short-cut.is-conceal{visibility:hidden}.ibiz-short-cut__more{padding:2px;cursor:pointer}.ibiz-short-cut__more .el-tooltip__trigger{padding:8px;line-height:16px}.ibiz-short-cut__more .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__more .recover-icon{font-size:16px;margin-left:8px}.ibiz-short-cut__recover{padding:2px;display:flex;cursor:pointer;align-items:center}.ibiz-short-cut__recover .el-tooltip__trigger{padding:8px;line-height:16px}.ibiz-short-cut__recover .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__action{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start;width:225px;height:44px;padding:9px 20px}.ibiz-short-cut__action .expand-icon{font-size:16px;margin-right:8px}.ibiz-short-cut__item{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start}.ibiz-short-cut__item .icon{flex-shrink:0;font-size:16px}.ibiz-short-cut__item .drag-icon{display:none;margin-right:8px}.ibiz-short-cut__item .caption-icon{margin-right:8px}.ibiz-short-cut__item .close-icon{visibility:hidden}.ibiz-short-cut__item .close-icon:hover{color:var(--ibiz-color-danger-hover)}.ibiz-short-cut__item--caption{flex-grow:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-short-cut__item:hover .drag-icon{display:block}.ibiz-short-cut__item:hover .caption-icon{display:none}.ibiz-short-cut__item:hover .close-icon{visibility:visible}.ibiz-short-cut .is-horizontal{display:flex;padding:8px 0}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item{max-width:168px;min-width:84px;padding:0 12px;border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item .close-icon{right:0;position:absolute;padding-right:4px;background-color:var(--ibiz-color-white);box-shadow:-10px 0 20px 8px var(--ibiz-color-white)}.ibiz-short-cut__popover .is-hidden{display:none}.ibiz-short-cut__popover.el-popover.el-popper{padding:10px 0}.ibiz-short-cut__popover .is-vertical{max-height:400px;overflow-y:auto}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item{width:225px;height:44px;padding:9px 20px}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item:hover{background-color:var(--ibiz-color-fill-1)}
+.ibiz-short-cut{z-index:2;display:flex;position:fixed;box-shadow:0 0 var(--ibiz-spacing-base) rgba(0,0,0,.0784313725);background:var(--ibiz-color-bg-1);right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-short-cut.is-conceal{visibility:hidden}.ibiz-short-cut .icon{flex-shrink:0;font-size:var(--ibiz-width-icon-medium)}.ibiz-short-cut__operate{cursor:pointer}.ibiz-short-cut__operate .el-tooltip__trigger{padding:var(--ibiz-spacing-tight);line-height:20px}.ibiz-short-cut__operate .el-tooltip__trigger:hover{color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-extra-small);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__more .more-icon{margin-left:var(--ibiz-spacing-tight)}.ibiz-short-cut__recover{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-short-cut__recover .recover-icon{transform:translate(0,3px)}.ibiz-short-cut__item{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start}.ibiz-short-cut__item .drag-icon{display:none}.ibiz-short-cut__item .caption-icon,.ibiz-short-cut__item .drag-icon,.ibiz-short-cut__item .expand-icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-short-cut__item .close-icon{visibility:hidden}.ibiz-short-cut__item .close-icon:hover{color:var(--ibiz-color-danger-hover)}.ibiz-short-cut__item--caption{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-short-cut__item:hover .drag-icon{display:block}.ibiz-short-cut__item:hover .caption-icon{display:none}.ibiz-short-cut__item:hover .close-icon{visibility:visible}.ibiz-short-cut__item.is-hidden{display:none}.ibiz-short-cut__draggable.is-horizontal{display:flex}.ibiz-short-cut__draggable.is-horizontal .ibiz-short-cut__item{max-width:150px;min-width:90px;padding:0 var(--ibiz-spacing-base-tight);border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut__draggable.is-horizontal .ibiz-short-cut__item .close-icon{right:0;position:absolute;padding-right:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-white);box-shadow:-10px 0 20px 8px var(--ibiz-color-white)}.ibiz-short-cut__draggable.is-vertical{max-height:400px;overflow-y:auto}.ibiz-short-cut__draggable.is-vertical .ibiz-short-cut__item{width:225px;height:44px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-short-cut__draggable.is-vertical .ibiz-short-cut__item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-short-cut__draggable+.ibiz-short-cut__more{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-short-cut__popover .icon{flex-shrink:0;font-size:var(--ibiz-width-icon-medium)}.ibiz-short-cut__popover.el-popover.el-popper{padding:var(--ibiz-spacing-base-tight) 0}.ibiz-short-cut__action-item{width:225px;height:44px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}

package/es/panel-component/short-cut/short-cut.d.ts

@@ -48,9 +48,9 @@ export declare const ShortCut: import("vue").DefineComponent<{
     }[];
     isShowToolbar: import("vue").Ref<boolean>;
     onChange: (evt: IData) => void;
-    onShowChange: () => void;
     renderDraggable: (isVertical: boolean) => JSX.Element;
-    renderMoreToolbar: () => JSX.Element;
+    renderMore: () => JSX.Element;
+    renderRecover: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;

package/es/panel-component/short-cut/short-cut.mjs

@@ -89,7 +89,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
     const renderDraggable = (isVertical) => {
       return createVNode(draggable, {
         "itemKey": "key",
-        "class": [ns.e("draggable"), ns.is("vertical", isVertical), ns.is("horizontal", !isVertical)],
+        "class": [ns.e("draggable"), ns.is("horizontal", !isVertical), ns.is("vertical", isVertical)],
         "modelValue": data,
         "group": props.controller.model.id,
         "onChange": (evt) => onChange(evt)
@@ -100,7 +100,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
         }) => {
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return createVNode("div", {
-              "class": ns.e("item"),
+              "class": [ns.e("item"), ns.e("draggable-item")],
               "title": element.caption,
               "onClick": () => onClick(element)
             }, [createVNode("svg", {
@@ -138,9 +138,9 @@ const ShortCut = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const renderFoolterToolbar = () => {
+    const renderAction = () => {
       return createVNode("div", {
-        "class": [ns.e("action"), ns.is("hidden", isShowToolbar.value)],
+        "class": [ns.e("item"), ns.e("action-item"), ns.is("hidden", isShowToolbar.value)],
         "onClick": onShowChange
       }, [createVNode("ion-icon", {
         "class": ["expand-icon", "icon"],
@@ -149,7 +149,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
         "class": ns.em("item", "caption")
       }, [ibiz.i18n.t("panelComponent.shortCut.expandToolbar")])]);
     };
-    const renderMoreToolbar = () => {
+    const renderMore = () => {
       return createVNode(resolveComponent("el-popover"), {
         "visible": isShowMore.value,
         "onUpdate:visible": ($event) => isShowMore.value = $event,
@@ -160,7 +160,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
       }, {
         reference: () => {
           return createVNode("div", {
-            "class": ns.e("more")
+            "class": [ns.e("more"), ns.e("operate")]
           }, [createVNode(resolveComponent("el-tooltip"), {
             "content": ibiz.i18n.t("app.more"),
             "placement": "top"
@@ -168,42 +168,45 @@ const ShortCut = /* @__PURE__ */ defineComponent({
             default: () => [createVNode("div", null, [createVNode("span", {
               "class": ns.em("more", "caption")
             }, [isShowToolbar.value ? "6/".concat(data.length) : data.length]), createVNode("i", {
-              "class": ["fa", ns.em("more", "icon"), isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
+              "class": ["fa", "icon", "more-icon", isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
               "aria-hidden": "true"
             }, null)])]
           })]);
         },
         default: () => {
-          return [renderDraggable(true), renderFoolterToolbar()];
+          return [renderDraggable(true), renderAction()];
         }
       });
     };
+    const renderRecover = () => {
+      return createVNode("div", {
+        "class": [ns.e("recover"), ns.e("operate")],
+        "onClick": onShowChange
+      }, [createVNode(resolveComponent("el-tooltip"), {
+        "effect": "dark",
+        "content": ibiz.i18n.t("app.retract"),
+        "placement": "top"
+      }, {
+        default: () => [createVNode("ion-icon", {
+          "class": ["recover-icon", "icon"],
+          "name": "chevron-forward-outline"
+        }, null)]
+      })]);
+    };
     return {
       ns,
       data,
       isShowToolbar,
       onChange,
-      onShowChange,
       renderDraggable,
-      renderMoreToolbar
+      renderMore,
+      renderRecover
     };
   },
   render() {
     return createVNode("div", {
       "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("conceal", this.data.length === 0)]
-    }, [this.isShowToolbar && this.renderDraggable(false), (!this.isShowToolbar || this.data.length > 6) && this.renderMoreToolbar(), this.isShowToolbar && createVNode("div", {
-      "class": this.ns.e("recover"),
-      "onClick": this.onShowChange
-    }, [createVNode(resolveComponent("el-tooltip"), {
-      "effect": "dark",
-      "content": ibiz.i18n.t("app.retract"),
-      "placement": "top"
-    }, {
-      default: () => [createVNode("ion-icon", {
-        "class": ["recover-icon", "icon"],
-        "name": "chevron-forward-outline"
-      }, null)]
-    })])]);
+    }, [this.isShowToolbar && this.renderDraggable(false), (!this.isShowToolbar || this.data.length > 6) && this.renderMore(), this.isShowToolbar && this.renderRecover()]);
   }
 });
 

package/lib/common/carousel/carousel.cjs

@@ -23,7 +23,7 @@ const IBizCarouselComponent = /* @__PURE__ */ vue.defineComponent({
       type: Number,
       default: 3e3
     },
-    carouselMode: {
+    showMode: {
       type: String,
       required: true
     }
@@ -63,7 +63,7 @@ const IBizCarouselComponent = /* @__PURE__ */ vue.defineComponent({
         }, null);
       }
     };
-    return vue.createVNode("div", null, [this.carouselMode === "card" ? vue.createVNode(vue.resolveComponent("IBizCarousel-card"), {
+    return vue.createVNode("div", null, [this.showMode === "CARD" ? vue.createVNode(vue.resolveComponent("IBizCarousel-card"), {
       "swipeData": this.swipeData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan

package/lib/common/carousel-card/carousel-card.css

@@ -1 +1 @@
-.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}
+.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}

package/lib/control/context-menu/context-menu.cjs

@@ -57,10 +57,6 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     const groupButtonRef = vue.ref();
     const dropdownRef = vue.ref();
     const popoverVisible = vue.ref(false);
-    const visible = vue.computed(() => {
-      const index = groupDetails.value.findIndex((item) => c.state.buttonsState[item.id].visible);
-      return index !== -1;
-    });
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -112,7 +108,6 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
-      visible,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -198,17 +193,24 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
         return null;
       });
     };
-    if (!this.visible) {
-      return;
-    }
-    if (this.mode === "buttons") {
+    const renderGroup = () => {
       let _slot;
-      return vue.createVNode("div", {
-        "class": [this.ns.b(), this.ns.m("buttons")],
-        "onClick": (e) => e.stopPropagation()
-      }, [renderActions(this.expandDetails), this.groupDetails.length > 0 && [vue.createVNode(vue.resolveComponent("el-button"), {
+      if (this.groupDetails.length === 0) {
+        return null;
+      }
+      const pvisible = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible) {
+        return null;
+      }
+      const pdisabled = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].disabled === false;
+      }) === -1;
+      return [vue.createVNode(vue.resolveComponent("el-button"), {
         "size": "small",
         "text": true,
+        "disabled": pdisabled,
         "ref": "groupButtonRef",
         "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
       }, {
@@ -227,7 +229,16 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
         "transition": "none"
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
-      })]]);
+      })];
+    };
+    if (!this.c.state.buttonsState.visible) {
+      return;
+    }
+    if (this.mode === "buttons") {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")],
+        "onClick": (e) => e.stopPropagation()
+      }, [renderActions(this.expandDetails), renderGroup()]);
     }
     return vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",

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

@@ -150,7 +150,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onMounted(() => {
       if (editorRef.value) {
-        pickViewWidth.value = "".concat(editorRef.value.offsetWidth, "px");
+        pickViewWidth.value = "".concat(editorRef.value.$parent.$el.offsetWidth, "px");
       }
     });
     const onClear = () => {
@@ -407,7 +407,6 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const editContent = vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "ref": "editorRef",
       "trigger": "click",
-      "teleported": false,
       "class": this.ns.b("select"),
       "popper-class": this.ns.b("popper"),
       "onVisibleChange": this.onVisibleChange,

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 .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -321,7 +321,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
             const height = entries[0].contentRect.height;
             if (height !== lastToolbarHeight) {
               const tempCssVars = {
-                height: "".concat(htmlContentHeight - entries[0].contentRect.height, "px")
+                height: "".concat(htmlContentHeight - entries[0].contentRect.height + (height !== 0 ? 300 : 0), "px")
               };
               cssVars.value = ns.cssVarBlock(tempCssVars);
               lastToolbarHeight = height;
@@ -458,7 +458,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         "mode": "default",
         "class": ns.b("toolbar")
       }, null), vue.createVNode(editorForVue.Editor, {
-        "class": ns.b("editor"),
+        "class": [ns.b("editor"), ns.is("readonly", readonlyState.value)],
         "modelValue": valueHtml.value,
         "onUpdate:modelValue": ($event) => valueHtml.value = $event,
         "default-config": editorConfig,