@ibiz-template/vue3-components 0.7.13 → 0.7.15

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -54,7 +54,7 @@ const FilterModes = [{
   valueOP: ValueOP.NOT_EXISTS,
   label: "\u4E0D\u5B58\u5728(NOTEXISTS)"
 }];
-const ExcludeOPs = [ValueOP.IS_NULL, ValueOP.IS_NOT_NULL];
+const ExcludeOPs = [ValueOP.IS_NULL, ValueOP.IS_NOT_NULL, ValueOP.EXISTS, ValueOP.NOT_EXISTS];
 const FilterTreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizFilterTreeControl",
   props: {
@@ -240,7 +240,6 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       }, [editor]);
     };
     const renderFilterItem = (node, itemsC) => {
-      let _slot;
       if (node.hidden) {
         return;
       }
@@ -271,14 +270,14 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         "onChange": (field) => {
           onFieldSelect(node, field, fieldInfos);
         }
-      }, _isSlot(_slot = fieldInfos.map((field) => {
-        return createVNode(resolveComponent("el-option"), {
-          "key": field.name,
-          "value": field.name,
-          "label": field.label
-        }, null);
-      })) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [fieldInfos == null ? void 0 : fieldInfos.map((field) => {
+          return createVNode(resolveComponent("el-option"), {
+            "key": field.name,
+            "value": field.name,
+            "label": field.label
+          }, null);
+        })]
       }), availableModes && availableModes.length > 0 && createVNode(resolveComponent("iBizFilterModeSelect"), {
         "disabled": node.disabled,
         "class": ns.e("mode-select"),
@@ -356,10 +355,10 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       })])]);
     };
     renderFilterItems = (node) => {
-      let _slot3;
+      let _slot2;
       const itemsC = findFilterController(node);
       if (node.simple) {
-        let _slot2;
+        let _slot;
         const child = node.children[0];
         if (!child) {
           return;
@@ -371,14 +370,14 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           "onChange": (field) => {
             onFieldSelect(node, field);
           }
-        }, _isSlot(_slot2 = allFields.map((field) => {
+        }, _isSlot(_slot = allFields.map((field) => {
           return createVNode(resolveComponent("el-option"), {
             "key": field.name,
             "value": field.name,
             "label": field.label
           }, null);
-        })) ? _slot2 : {
-          default: () => [_slot2]
+        })) ? _slot : {
+          default: () => [_slot]
         }), createVNode(resolveComponent("iBizFilterModeSelect"), {
           "disabled": true,
           "class": ns.e("mode-select"),
@@ -395,8 +394,8 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         "onClick": () => {
           addItem(node);
         }
-      }, _isSlot(_slot3 = ibiz.i18n.t("control.searchBar.filterTree.addItem")) ? _slot3 : {
-        default: () => [_slot3]
+      }, _isSlot(_slot2 = ibiz.i18n.t("control.searchBar.filterTree.addItem")) ? _slot2 : {
+        default: () => [_slot2]
       })]), createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
@@ -433,7 +432,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    let _slot4;
+    let _slot3;
     return createVNode("div", {
       "class": [this.ns.b()]
     }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
@@ -453,8 +452,8 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       "onClick": () => {
         this.onCancel();
       }
-    }, _isSlot(_slot4 = ibiz.i18n.t("app.reset")) ? _slot4 : {
-      default: () => [_slot4]
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.reset")) ? _slot3 : {
+      default: () => [_slot3]
     })])]);
   }
 });

package/es/control/toolbar/toolbar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, ref, createTextVNode, defineComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, ref, h, createTextVNode, defineComponent } from 'vue';
 import { useNamespace, useControlController } from '@ibiz-template/vue3-util';
 import { ToolbarController } from '@ibiz-template/runtime';
 import { IBizExportExcel } from './export-excel/export-excel.mjs';
@@ -80,6 +80,11 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     };
     const renderSubmenu = (item) => {
       const detoolbarItems = item.detoolbarItems || [];
+      const curVisible = c.state.buttonsState[item.id].visible;
+      const curDisabled = c.state.buttonsState[item.id].disabled;
+      if (!curVisible) {
+        return null;
+      }
       const ploading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
       const pvisible = detoolbarItems.findIndex((item2) => {
         return c.state.buttonsState[item2.id].visible === true;
@@ -87,7 +92,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       if (!pvisible) {
         return null;
       }
-      const pdisabled = detoolbarItems.findIndex((item2) => {
+      const pdisabled = curDisabled || detoolbarItems.findIndex((item2) => {
         return c.state.buttonsState[item2.id].disabled === false;
       }) === -1;
       const groupButtonStyle = item.buttonStyle || "";
@@ -102,9 +107,19 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             var _a2, _b;
             const actionId = item2.uiactionId;
             const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
+            const provider = c.itemProviders[item2.id];
             if (!visible) {
               return null;
             }
+            if (provider) {
+              const component = resolveComponent(provider.component);
+              return h(component, {
+                key: item2.id,
+                class: [ns.e("item")],
+                item,
+                controller: c
+              });
+            }
             if (item2.itemType === "SEPERATOR") {
               return;
             }
@@ -170,9 +185,19 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       var _a2, _b;
       const itemId = item.id;
       const visible = (_a2 = c.state.buttonsState[itemId]) == null ? void 0 : _a2.visible;
+      const provider = c.itemProviders[itemId];
       if (!visible) {
         return null;
       }
+      if (provider) {
+        const component = resolveComponent(provider.component);
+        return h(component, {
+          key: itemId,
+          class: [ns.e("item")],
+          item,
+          controller: c
+        });
+      }
       if (item.itemType === "SEPERATOR") {
         return createVNode("div", {
           "key": itemId,

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:inline-block;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{margin-bottom:var(--ibiz-spacing-tight)}
+.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:inline-block;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight)}.ibiz-control-treeview-tree{padding:0 var(--ibiz-spacing-base)}

package/es/control/tree/tree.mjs

@@ -441,7 +441,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
         return createVNode(resolveComponent("el-input"), {
           "model-value": this.c.state.query,
-          "class": [this.ns.b("quick-search"), this.ns.b("quick-search")],
+          "class": this.ns.b("quick-search"),
           "placeholder": this.c.state.placeHolder,
           "onInput": this.onInput
         }, {
@@ -459,6 +459,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (this.c.state.isLoaded && this.treeRefreshKey) {
         return createVNode(resolveComponent("el-tree"), {
           "ref": "treeRef",
+          "class": this.ns.b("tree"),
           "key": this.treeRefreshKey,
           "node-key": "_id",
           "highlight-current": true,

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 = () => {
@@ -247,6 +247,16 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           keySet.value = items.value.map((item) => item.srfkey);
         }
       }
+      if (!singleSelect.value) {
+        if (c.model.valueType === "OBJECTS") {
+          emit("change", multipleObjs.value);
+        } else {
+          if (c.valueItem) {
+            emit("change", multipleTempValue.value, c.valueItem);
+          }
+          emit("change", multipleTempText.value);
+        }
+      }
     };
     const openLinkView = async (e) => {
       e.stopPropagation();
@@ -335,16 +345,6 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     });
     const onVisibleChange = (e) => {
       showView.value = e;
-      if (!e && !singleSelect.value) {
-        if (c.model.valueType === "OBJECTS") {
-          emit("change", multipleObjs.value);
-        } else {
-          if (c.valueItem) {
-            emit("change", multipleTempValue.value, c.valueItem);
-          }
-          emit("change", multipleTempText.value);
-        }
-      }
       if (e === false) {
         onBlur({});
       }
@@ -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/locale/en/index.d.ts

@@ -731,6 +731,7 @@ declare const _default: {
                 frontEndPluginNode: string;
                 viewPlugin: string;
                 correspondViewTypeStyle: string;
+                toolbarItem: string;
             };
         };
         service: {

package/es/locale/en/index.mjs

@@ -737,7 +737,8 @@ var index = {
         interfaceBehaviorMode: "Find the adapter that does not correspond to the interface behavior mode {uiactionMode}.",
         frontEndPluginNode: "Cannot find interface logic front-end plugin node, plugin {pluginKey} corresponding adapter",
         viewPlugin: "Cannot find the adapter corresponding to the view plugin {pluginKey}.",
-        correspondViewTypeStyle: "Cannot find an adapter for view type: [{viewType}] corresponding to view style: [{viewStyle}]."
+        correspondViewTypeStyle: "Cannot find an adapter for view type: [{viewType}] corresponding to view style: [{viewStyle}].",
+        toolbarItem: "Cannot find the adapter corresponding to the toolbar item plugin {pluginKey}."
       }
     },
     service: {

package/es/locale/zh-CN/index.d.ts

@@ -729,6 +729,7 @@ declare const _default: {
                 frontEndPluginNode: string;
                 viewPlugin: string;
                 correspondViewTypeStyle: string;
+                toolbarItem: string;
             };
         };
         service: {

package/es/locale/zh-CN/index.mjs

@@ -735,7 +735,8 @@ var index = {
         interfaceBehaviorMode: "\u627E\u4E0D\u754C\u9762\u884C\u4E3A\u6A21\u5F0F{uiactionMode}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         frontEndPluginNode: "\u627E\u4E0D\u5230\u754C\u9762\u903B\u8F91\u524D\u7AEF\u63D2\u4EF6\u8282\u70B9\uFF0C\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         viewPlugin: "\u627E\u4E0D\u5230\u89C6\u56FE\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
-        correspondViewTypeStyle: "\u627E\u4E0D\u5230\u89C6\u56FE\u7C7B\u578B\uFF1A[{viewType}]\u7684\u89C6\u56FE\u6837\u5F0F\uFF1A[{viewStyle}]\u5BF9\u5E94\u7684\u9002\u914D\u5668"
+        correspondViewTypeStyle: "\u627E\u4E0D\u5230\u89C6\u56FE\u7C7B\u578B\uFF1A[{viewType}]\u7684\u89C6\u56FE\u6837\u5F0F\uFF1A[{viewStyle}]\u5BF9\u5E94\u7684\u9002\u914D\u5668",
+        toolbarItem: "\u627E\u4E0D\u5230\u5DE5\u5177\u680F\u9879\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668"
       }
     },
     service: {

package/es/panel-component/auth-captcha/auth-captcha.controller.d.ts

@@ -9,6 +9,12 @@ import { AuthCaptchaState } from './auth-captcha.state';
  * @extends {PanelItemController<IPanelRawItem>}
  */
 export declare class AuthCaptchaController extends PanelItemController<IPanelRawItem> {
+    /**
+     * 人机识别状态对象
+     *
+     * @type {AuthCaptchaState}
+     * @memberof AuthCaptchaController
+     */
     state: AuthCaptchaState;
     /**
      * 验证码数据
@@ -17,6 +23,13 @@ export declare class AuthCaptchaController extends PanelItemController<IPanelRaw
      * @memberof AuthCaptchaController
      */
     private captcha;
+    /**
+     * 创建人机识别状态对象
+     *
+     * @protected
+     * @return {*}  {AuthCaptchaState}
+     * @memberof AuthCaptchaController
+     */
     protected createState(): AuthCaptchaState;
     /**
      * 面板状态变更通知

package/es/panel-component/auth-captcha/auth-captcha.controller.mjs

@@ -24,6 +24,13 @@ class AuthCaptchaController extends PanelItemController {
       "Captcha-Code": ""
     }));
   }
+  /**
+   * 创建人机识别状态对象
+   *
+   * @protected
+   * @return {*}  {AuthCaptchaState}
+   * @memberof AuthCaptchaController
+   */
   createState() {
     var _a;
     return new AuthCaptchaState((_a = this.parent) == null ? void 0 : _a.state);
@@ -49,18 +56,15 @@ class AuthCaptchaController extends PanelItemController {
   async onInit() {
     super.onInit();
     await this.loadCaptcha();
-    const view = this.panel.view;
-    view.hooks.beforeLogin.tapPromise(async (context) => {
-      if (!context.parentId || context.parentId === this.dataParent.model.id) {
-        context.validate = context.validate && await this.validate();
-      }
-    });
-    view.hooks.afterLogin.tap((context) => {
-      if (!context.ok) {
-        this.loadCaptcha();
-        this.state.code = "";
+    this.panel.view.evt.on(
+      "onAfterLogin",
+      (evt) => {
+        if (!evt.ok && (!evt.panelDataParent || evt.panelDataParent === this.dataParent.model.id)) {
+          this.loadCaptcha();
+          this.state.code = "";
+        }
       }
-    });
+    );
   }
   /**
    * 值校验

package/es/panel-component/panel-button/panel-button.controller.d.ts

@@ -71,7 +71,7 @@ export declare class PanelButtonController extends PanelItemController<IPanelBut
     updateButtonState(): Promise<void>;
     /**
      * 行为点击
-     *
+     * - 在行为参数中传递panelDataParent(面板项数据父容器标识)
      * @param {MouseEvent} event
      * @return {*}  {Promise<void>}
      * @memberof PanelButtonController

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -87,7 +87,7 @@ class PanelButtonController extends PanelItemController {
   }
   /**
    * 行为点击
-   *
+   * - 在行为参数中传递panelDataParent(面板项数据父容器标识)
    * @param {MouseEvent} event
    * @return {*}  {Promise<void>}
    * @memberof PanelButtonController
@@ -99,19 +99,16 @@ class PanelButtonController extends PanelItemController {
     }
     event.stopPropagation();
     event.preventDefault();
-    const view = this.panel.view;
-    if (actionType === "UIACTION" && uiactionId === "login" && view.model.viewType === "APPLOGINVIEW" && !await view.validate(
-      this.dataParent.model.id
-    )) {
-      return;
-    }
     await UIActionUtil.execAndResolved(
       uiactionId,
       {
         context: this.panel.context,
-        params: this.panel.params,
+        params: {
+          panelDataParent: this.dataParent.model.id,
+          ...this.panel.params
+        },
         data: [this.data],
-        view,
+        view: this.panel.view,
         event,
         noWaitRoute: true
       },

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

@@ -18,6 +18,7 @@ export declare const IBizPanelStaticCarousel: import("@ibiz-template/vue3-util")
     }[]>;
     isAuto: import("vue").Ref<boolean>;
     timeSpan: import("vue").Ref<number>;
+    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,6 +22,7 @@ export declare const PanelStaticCarousel: import("vue").DefineComponent<{
     }[]>;
     isAuto: Ref<boolean>;
     timeSpan: Ref<number>;
+    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,6 +23,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
     const carouselData = ref([]);
     const isAuto = ref(true);
     const timeSpan = ref(3e3);
+    const showMode = ref("DEFAULT");
     const getSwipeConfig = (swipeData) => {
       const autoPlay = swipeData.find((item) => Object.is(item.key, "autoplay"));
       if (autoPlay) {
@@ -32,12 +33,17 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       if (span) {
         timeSpan.value = Number(span.value) || 0;
       }
+      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) {
       let swipeData = [];
       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 showModeIndex = imgData.findIndex((item) => Object.is(item.key, "showMode"));
       let number = 0;
       if (autoplayIndex >= 0) {
         number += 1;
@@ -45,6 +51,9 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       if (timespanIndex >= 0) {
         number += 1;
       }
+      if (showModeIndex >= 0) {
+        number += 1;
+      }
       if (number > 0) {
         swipeData = imgData.slice(0, -number);
         getSwipeConfig(imgData.slice(-number));
@@ -71,7 +80,8 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       ns,
       carouselData,
       isAuto,
-      timeSpan
+      timeSpan,
+      showMode
     };
   },
   render() {
@@ -80,7 +90,8 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("iBizCarouselComponent"), {
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
-      "timeSpan": this.timeSpan
+      "timeSpan": this.timeSpan,
+      "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{bottom:4px;right:4px;z-index:2;position:fixed;display:flex;align-items:center;border-radius:4px;box-shadow:0 0 16px rgba(0,0,0,.0784313725);border:1px solid var(--ibiz-color-border);background:var(--ibiz-color-bg-1)}.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--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__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 .caption-icon,.ibiz-short-cut__item .expand-icon{margin-right:8px}.ibiz-short-cut__item .close-icon,.ibiz-short-cut__item .drag-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 .close-icon,.ibiz-short-cut__item:hover .drag-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 .is-horizontal .ibiz-short-cut__item .drag-icon{display:none;margin-right:8px}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item:hover .drag-icon{display:block}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item:hover .caption-icon{display:none}.ibiz-short-cut__popover.el-popover.el-popper{padding:10px 0}.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 .drag-icon{left:5px;position:absolute}.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>;