@ibiz-template/vue3-components 0.7.11 → 0.7.13-alpha.0

package/es/panel-component/panel-tab-panel/panel-tab-panel.d.ts

@@ -1,26 +1,28 @@
 import { IPanelTabPanel } from '@ibiz/model-core';
 import { PropType } from 'vue';
-import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-tab-panel.scss';
+import { PanelTabPanelController } from './panel-tab-panel.controller';
 export declare const PanelTabPanel: import("vue").DefineComponent<{
     modelData: {
         type: PropType<IPanelTabPanel>;
         required: true;
     };
     controller: {
-        type: typeof PanelItemController;
+        type: typeof PanelTabPanelController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    state: import("./panel-tab-panel.state").PanelTabPanelState;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    onTabClick: (tabIns: IData, event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelTabPanel>;
         required: true;
     };
     controller: {
-        type: typeof PanelItemController;
+        type: typeof PanelTabPanelController;
         required: true;
     };
 }>>, {}, {}>;

package/es/panel-component/panel-tab-panel/panel-tab-panel.mjs

@@ -1,7 +1,7 @@
 import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-tab-panel.css';
+import { PanelTabPanelController } from './panel-tab-panel.controller.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -15,12 +15,15 @@ const PanelTabPanel = /* @__PURE__ */ defineComponent({
       required: true
     },
     controller: {
-      type: PanelItemController,
+      type: PanelTabPanelController,
       required: true
     }
   },
   setup(props) {
     const ns = useNamespace("panel-tab-panel");
+    const {
+      state
+    } = props.controller;
     const classArr = computed(() => {
       const {
         id
@@ -29,13 +32,18 @@ const PanelTabPanel = /* @__PURE__ */ defineComponent({
       result.push(...props.controller.containerClass);
       return result;
     });
+    const onTabClick = (tabIns, event) => {
+      props.controller.onTabChange(tabIns.props.name);
+    };
     return {
       ns,
-      classArr
+      state,
+      classArr,
+      onTabClick
     };
   },
   render() {
-    var _a, _b, _c;
+    var _a, _b;
     let _slot;
     if (!this.controller.state.visible) {
       return;
@@ -43,7 +51,8 @@ const PanelTabPanel = /* @__PURE__ */ defineComponent({
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     return createVNode(resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
-      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+      "model-value": this.state.activeTab,
+      "onTabClick": this.onTabClick
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {

package/es/panel-component/panel-tab-panel/panel-tab-panel.provider.d.ts

@@ -1,5 +1,6 @@
 import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
 import { IPanelItem } from '@ibiz/model-core';
+import { PanelTabPanelController } from './panel-tab-panel.controller';
 /**
  * 面板分页面板适配器
  *
@@ -9,5 +10,5 @@ import { IPanelItem } from '@ibiz/model-core';
  */
 export declare class PanelTabPanelProvider implements IPanelItemProvider {
     component: string;
-    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelTabPanelController>;
 }

package/es/panel-component/panel-tab-panel/panel-tab-panel.provider.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelTabPanelController } from './panel-tab-panel.controller.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +12,7 @@ class PanelTabPanelProvider {
     __publicField(this, "component", "IBizPanelTabPanel");
   }
   async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
+    const c = new PanelTabPanelController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/es/panel-component/panel-tab-panel/panel-tab-panel.state.d.ts

@@ -0,0 +1,20 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 分页面板状态
+ *
+ * @author tony001
+ * @date 2024-05-12 14:05:01
+ * @export
+ * @class PanelTabPanelState
+ * @extends {PanelItemState}
+ */
+export declare class PanelTabPanelState extends PanelItemState {
+    /**
+     * 当前激活分页
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:36
+     * @type {string}
+     */
+    activeTab: string;
+}

package/es/panel-component/panel-tab-panel/panel-tab-panel.state.mjs

@@ -0,0 +1,24 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelTabPanelState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前激活分页
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:36
+     * @type {string}
+     */
+    __publicField(this, "activeTab", "");
+  }
+}
+
+export { PanelTabPanelState };

package/es/panel-component/searchform-buttons/searchform-buttons.controller.mjs

@@ -43,7 +43,9 @@ class SearchFormButtonsController extends PanelItemController {
     await super.onInit();
     const searchFrom = this.panel.container;
     if (!searchFrom) {
-      throw new RuntimeError("\u5F53\u524D\u89C6\u56FE\u91CC\u6CA1\u6709\u627E\u5230\u53EBsearchform\u7684\u641C\u7D22\u8868\u5355");
+      throw new RuntimeError(
+        ibiz.i18n.t("panelComponent.searchformButtons.errMessage")
+      );
     }
     this.searchFrom = searchFrom;
   }

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,10 +1,13 @@
-import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
 import { ElMessageBox } from 'element-plus';
 import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const SearchFormButtons = /* @__PURE__ */ defineComponent({
   name: "IBizSearchFormButtons",
   props: {
@@ -27,9 +30,9 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
       c.onResetButtonClick();
     };
     const saveFilterConfirm = () => {
-      ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
-        confirmButtonText: "\u4FDD\u5B58",
-        cancelButtonText: "\u53D6\u6D88"
+      ElMessageBox.prompt(ibiz.i18n.t("panelComponent.searchformButtons.enterPrompt"), ibiz.i18n.t("panelComponent.searchformButtons.queryPrompt"), {
+        confirmButtonText: ibiz.i18n.t("app.save"),
+        cancelButtonText: ibiz.i18n.t("app.cancel")
       }).then(({
         value
       }) => {
@@ -45,12 +48,13 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    let _slot;
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [this.controller.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
       "onClick": this.onSearchButtonClick
-    }, {
-      default: () => [createTextVNode("\u641C\u7D22")]
+    }, _isSlot(_slot = ibiz.i18n.t("app.search")) ? _slot : {
+      default: () => [_slot]
     }) : createVNode(resolveComponent("el-dropdown"), {
       "split-button": true,
       "type": "primary",
@@ -58,17 +62,18 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     }, {
       default: () => createVNode("span", {
         "class": this.ns.b("label")
-      }, [createTextVNode("\u641C\u7D22")]),
+      }, [ibiz.i18n.t("app.search")]),
       dropdown: () => {
+        let _slot2, _slot3;
         return createVNode(resolveComponent("el-dropdown-menu"), null, {
           default: () => [createVNode(resolveComponent("el-dropdown-item"), {
             "onClick": this.onResetButtonClick
-          }, {
-            default: () => [createTextVNode("\u91CD\u7F6E")]
+          }, _isSlot(_slot2 = ibiz.i18n.t("app.reset")) ? _slot2 : {
+            default: () => [_slot2]
           }), createVNode(resolveComponent("el-dropdown-item"), {
             "onClick": this.saveFilterConfirm
-          }, {
-            default: () => [createTextVNode("\u4FDD\u5B58\u6761\u4EF6")]
+          }, _isSlot(_slot3 = ibiz.i18n.t("panelComponent.searchformButtons.saveCondition")) ? _slot3 : {
+            default: () => [_slot3]
           }), this.controller.storedFilters.length > 0 && this.controller.storedFilters.map((item, index) => {
             return createVNode(resolveComponent("el-dropdown-item"), {
               "class": this.ns.b("filter-item"),

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

@@ -0,0 +1,43 @@
+export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    data: import("vue").Ref<{
+        key: string;
+        name: string;
+        appViewId: string;
+        context: {
+            [x: string]: any;
+            [x: symbol]: any;
+            srfsessionid: string;
+            srfappid: string;
+            srfsimple?: boolean | undefined;
+            srfpaginationviewid?: string | undefined;
+        };
+        params: IParams;
+        openMode: string;
+        icon?: string | undefined;
+    }[]>;
+    isShowToolbar: import("vue").Ref<boolean>;
+    onChange: (evt: IData) => void;
+    onShowChange: () => void;
+    renderDraggable: (isVertical: boolean) => JSX.Element;
+    renderMoreToolbar: () => 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizShortCut;

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

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ShortCut } from './short-cut.mjs';
+import { ShortCutProvider } from './short-cut.provider.mjs';
+
+"use strict";
+const IBizShortCut = withInstall(ShortCut, function(v) {
+  v.component(ShortCut.name, ShortCut);
+  registerPanelItemProvider("RAWITEM_SHORTCUT", () => new ShortCutProvider());
+});
+
+export { IBizShortCut, IBizShortCut as default };

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

@@ -0,0 +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-hidden{display:none}.ibiz-short-cut__more{padding:2px;cursor:pointer}.ibiz-short-cut__more .el-tooltip__trigger{padding:8px;line-height:18px}.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{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:18px}.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}.ibiz-short-cut__item .icon.caption{margin-right:8px}.ibiz-short-cut__item .drag-icon{visibility:hidden}.ibiz-short-cut__item .close-icon{visibility:hidden;font-size:18px}.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}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item{max-width:165px;border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item--caption{margin:0 8px}.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)}

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

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './short-cut.scss';
+export declare const ShortCut: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    data: import("vue").Ref<{
+        key: string;
+        name: string;
+        appViewId: string;
+        context: {
+            [x: string]: any;
+            [x: symbol]: any;
+            srfsessionid: string;
+            srfappid: string;
+            srfsimple?: boolean | undefined;
+            srfpaginationviewid?: string | undefined;
+        };
+        params: IParams;
+        openMode: string;
+        icon?: string | undefined;
+    }[]>;
+    isShowToolbar: import("vue").Ref<boolean>;
+    onChange: (evt: IData) => void;
+    onShowChange: () => void;
+    renderDraggable: (isVertical: boolean) => JSX.Element;
+    renderMoreToolbar: () => 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;

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

@@ -0,0 +1,190 @@
+import { getCurrentInstance, ref, createVNode, resolveComponent, defineComponent } from 'vue';
+import { PanelItemController, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import draggable from 'vuedraggable';
+import './short-cut.css';
+import { IBizContext } from '@ibiz-template/core';
+
+"use strict";
+const ShortCut = /* @__PURE__ */ defineComponent({
+  name: "IBizShortCut",
+  components: {
+    draggable
+  },
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("short-cut");
+    const vue = getCurrentInstance().proxy;
+    const isShowToolbar = ref(false);
+    const isShowMore = ref(false);
+    const data = ref(ibiz.util.shortCut.data);
+    const dragCache = {
+      newIndex: 0,
+      oldIndex: 0
+    };
+    const onShowChange = () => {
+      isShowToolbar.value = !isShowToolbar.value;
+      if (isShowToolbar.value) {
+        isShowMore.value = false;
+      }
+    };
+    const getOpenMode = (openMode) => {
+      switch (openMode) {
+        case "ROUTE_MODAL":
+          return "INDEXVIEWTAB_POPUPMODAL";
+        case "MODAL":
+          return "POPUPMODAL";
+        case "DRAWER":
+          return "DRAWER_RIGHT";
+        default:
+      }
+    };
+    const onClick = (item) => {
+      isShowMore.value = false;
+      ibiz.commands.execute(OpenAppViewCommand.TAG, item.appViewId, IBizContext.create(item.context), item.params, {
+        openMode: getOpenMode(item.openMode)
+      });
+    };
+    const onChange = (evt) => {
+      if (evt.moved) {
+        ibiz.util.shortCut.changeIndex(evt.moved.newIndex, evt.moved.oldIndex);
+      } else if (evt.added) {
+        dragCache.newIndex = evt.added.newIndex;
+      } else if (evt.removed) {
+        dragCache.oldIndex = evt.removed.oldIndex;
+        ibiz.util.shortCut.changeIndex(dragCache.newIndex, dragCache.oldIndex);
+      }
+      vue.$forceUpdate();
+    };
+    const onDelete = (event, key) => {
+      event.stopPropagation();
+      ibiz.util.shortCut.removeShortCut(key);
+      vue.$forceUpdate();
+    };
+    const renderDraggable = (isVertical) => {
+      return createVNode(draggable, {
+        "itemKey": "key",
+        "class": [ns.e("draggable"), ns.is("vertical", isVertical), ns.is("horizontal", !isVertical)],
+        "modelValue": data.value,
+        "group": props.controller.model.id,
+        "onChange": (evt) => onChange(evt)
+      }, {
+        item: ({
+          element,
+          index
+        }) => {
+          if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
+            return createVNode("div", {
+              "class": ns.e("item"),
+              "onClick": () => onClick(element)
+            }, [createVNode("svg", {
+              "viewBox": "0 0 16 16",
+              "class": ["drag-icon", "icon"],
+              "xmlns": "http://www.w3.org/2000/svg",
+              "height": "14px",
+              "width": "14px",
+              "focusable": "false"
+            }, [createVNode("g", {
+              "id": "drag-icon/drag--",
+              "stroke-width": "1",
+              "fill-rule": "evenodd"
+            }, [createVNode("g", {
+              "id": "drag-icon",
+              "transform": "translate(5 1)",
+              "fill-rule": "nonzero"
+            }, [createVNode("path", {
+              "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z",
+              "id": "drag-icon-air"
+            }, null)])])]), createVNode("ion-icon", {
+              "class": ["icon", "caption"],
+              "name": "ellipsis-horizontal-circle-outline"
+            }, null), createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [element.name]), createVNode("ion-icon", {
+              "class": ["close-icon", "icon"],
+              "name": "close-outline",
+              "onClick": (event) => onDelete(event, element.key)
+            }, null)]);
+          }
+        },
+        footer: () => {
+          if (isVertical && !isShowToolbar.value) {
+            return createVNode("div", {
+              "class": [ns.e("item"), ns.e("action")],
+              "onClick": onShowChange
+            }, [createVNode("ion-icon", {
+              "name": "chevron-back-outline"
+            }, null), createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [ibiz.i18n.t("panelComponent.shortCut.expandToolbar")])]);
+          }
+        }
+      });
+    };
+    const renderMoreToolbar = () => {
+      return createVNode(resolveComponent("el-popover"), {
+        "visible": isShowMore.value,
+        "onUpdate:visible": ($event) => isShowMore.value = $event,
+        "placement": "top-start",
+        "trigger": "click",
+        "width": "auto",
+        "popper-class": ns.e("popover")
+      }, {
+        reference: () => {
+          return createVNode("div", {
+            "class": ns.e("more")
+          }, [createVNode(resolveComponent("el-tooltip"), {
+            "content": ibiz.i18n.t("app.more"),
+            "placement": "top"
+          }, {
+            default: () => [createVNode("div", null, [createVNode("span", {
+              "class": ns.em("more", "caption")
+            }, [isShowToolbar.value ? "6/".concat(data.value.length) : data.value.length]), createVNode("i", {
+              "class": ["fa", ns.em("more", "icon"), isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
+              "aria-hidden": "true"
+            }, null)])]
+          })]);
+        },
+        default: () => {
+          return renderDraggable(true);
+        }
+      });
+    };
+    return {
+      ns,
+      data,
+      isShowToolbar,
+      onChange,
+      onShowChange,
+      renderDraggable,
+      renderMoreToolbar
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("hidden", 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", {
+        "name": "chevron-forward-outline"
+      }, null)]
+    })])]);
+  }
+});
+
+export { ShortCut };

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

@@ -0,0 +1,12 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+/**
+ * 快捷方式组件适配器
+ *
+ * @class ShortCutProvider
+ * @implements {EditorProvider}
+ */
+export declare class ShortCutProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

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

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ShortCutProvider {
+  constructor() {
+    __publicField(this, "component", "IBizShortCut");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ShortCutProvider };