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

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/auth-userinfo/auth-userinfo.d.ts

@@ -14,7 +14,7 @@ export declare const AuthUserinfo: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
-    onClick: () => Promise<void>;
+    onClick: () => void;
     srfusername: any;
     srfpersonname: any;
     router: import("vue-router").Router;

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -33,13 +33,8 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       }
       return "LEFT";
     });
-    const onClick = async () => {
-      const bol = await ibiz.hub.controller.logout();
-      if (bol) {
-        await router.push("/login?ru=".concat(encodeURIComponent(window.location.hash.replace("#/", "/"))));
-        ibiz.util.showAppLoading();
-        window.location.reload();
-      }
+    const onClick = () => {
+      ibiz.hub.controller.logout();
     };
     const isCollapse = computed(() => {
       return c.panel.view.state.isCollapse;

package/es/panel-component/auth-userinfo/index.d.ts

@@ -10,7 +10,7 @@ export declare const IBizAuthUserinfo: import("@ibiz-template/vue3-util").TypeWi
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
-    onClick: () => Promise<void>;
+    onClick: () => void;
     srfusername: any;
     srfpersonname: any;
     router: import("vue-router").Router;

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>;
+    carouselMode: import("vue").Ref<string>;
 }, 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.d.ts

@@ -22,6 +22,7 @@ export declare const PanelStaticCarousel: import("vue").DefineComponent<{
     }[]>;
     isAuto: Ref<boolean>;
     timeSpan: Ref<number>;
+    carouselMode: Ref<string>;
 }, 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 carouselMode = 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 carouselModeItem = swipeData.find((item) => Object.is(item.key, "carouselMode"));
+      if (carouselModeItem && carouselModeItem.value) {
+        carouselMode.value = carouselModeItem.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 carouselModeIndex = imgData.findIndex((item) => Object.is(item.key, "carouselMode"));
       let number = 0;
       if (autoplayIndex >= 0) {
         number += 1;
@@ -45,6 +51,9 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
       if (timespanIndex >= 0) {
         number += 1;
       }
+      if (carouselModeIndex >= 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,
+      carouselMode
     };
   },
   render() {
@@ -80,7 +90,8 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("iBizCarouselComponent"), {
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
-      "timeSpan": this.timeSpan
+      "timeSpan": this.timeSpan,
+      "carouselMode": this.carouselMode
     }, null)]);
   }
 });

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

@@ -9,9 +9,9 @@ export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithIn
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    data: import("vue").Ref<{
+    data: {
         key: string;
-        name: string;
+        caption: string;
         appViewId: string;
         context: {
             [x: string]: any;
@@ -23,8 +23,25 @@ export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithIn
         };
         params: IParams;
         openMode: string;
-        icon?: string | undefined;
-    }[]>;
+        fullPath: string;
+        icon?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
+        } | undefined;
+    }[];
     isShowToolbar: import("vue").Ref<boolean>;
     onChange: (evt: IData) => void;
     onShowChange: () => void;

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-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)}
+.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)}

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

@@ -13,9 +13,9 @@ export declare const ShortCut: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    data: import("vue").Ref<{
+    data: {
         key: string;
-        name: string;
+        caption: string;
         appViewId: string;
         context: {
             [x: string]: any;
@@ -27,8 +27,25 @@ export declare const ShortCut: import("vue").DefineComponent<{
         };
         params: IParams;
         openMode: string;
-        icon?: string | undefined;
-    }[]>;
+        fullPath: string;
+        icon?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
+        } | undefined;
+    }[];
     isShowToolbar: import("vue").Ref<boolean>;
     onChange: (evt: IData) => void;
     onShowChange: () => void;

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

@@ -1,9 +1,10 @@
-import { getCurrentInstance, ref, createVNode, resolveComponent, defineComponent } from 'vue';
+import { getCurrentInstance, ref, reactive, onMounted, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useRouter } from 'vue-router';
 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';
+import './short-cut.css';
 
 "use strict";
 const ShortCut = /* @__PURE__ */ defineComponent({
@@ -24,35 +25,52 @@ const ShortCut = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("short-cut");
     const vue = getCurrentInstance().proxy;
-    const isShowToolbar = ref(false);
+    const router = useRouter();
+    const shortCutUtil = ibiz.util.shortCut;
+    const isShowToolbar = ref(true);
     const isShowMore = ref(false);
-    const data = ref(ibiz.util.shortCut.data);
+    const data = reactive(shortCutUtil.data);
     const dragCache = {
       newIndex: 0,
       oldIndex: 0
     };
+    const openModeMap = /* @__PURE__ */ new Map([["ROUTE_MODAL", "INDEXVIEWTAB_POPUPMODAL"], ["MODAL", "POPUPMODAL"], ["DRAWER", "DRAWER_RIGHT"]]);
+    const onShortCutChange = (items) => {
+      if (data.length === 0 && isShowMore.value) {
+        isShowMore.value = false;
+      }
+      vue.$forceUpdate();
+    };
+    onMounted(() => {
+      isShowToolbar.value = shortCutUtil.mode !== "vertical";
+      ibiz.util.shortCut.onChange(onShortCutChange);
+    });
+    onUnmounted(() => {
+      ibiz.util.shortCut.offChange(onShortCutChange);
+    });
     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:
+        shortCutUtil.setShortCutMode("horizontal");
+      } else {
+        shortCutUtil.setShortCutMode("vertical");
       }
     };
     const onClick = (item) => {
       isShowMore.value = false;
-      ibiz.commands.execute(OpenAppViewCommand.TAG, item.appViewId, IBizContext.create(item.context), item.params, {
-        openMode: getOpenMode(item.openMode)
-      });
+      if (item.openMode === "ROUTE") {
+        const fullPath = item.fullPath.substring(1);
+        if (router.currentRoute.value.fullPath !== fullPath) {
+          router.push({
+            path: item.fullPath.substring(1)
+          });
+        }
+      } else {
+        ibiz.commands.execute(OpenAppViewCommand.TAG, item.appViewId, IBizContext.create(item.context), item.params, {
+          openMode: openModeMap.get(item.openMode)
+        });
+      }
     };
     const onChange = (evt) => {
       if (evt.moved) {
@@ -63,18 +81,16 @@ const ShortCut = /* @__PURE__ */ defineComponent({
         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,
+        "modelValue": data,
         "group": props.controller.model.id,
         "onChange": (evt) => onChange(evt)
       }, {
@@ -85,13 +101,14 @@ const ShortCut = /* @__PURE__ */ defineComponent({
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return createVNode("div", {
               "class": ns.e("item"),
+              "title": element.caption,
               "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",
+              "height": "16px",
+              "width": "16px",
               "focusable": "false"
             }, [createVNode("g", {
               "id": "drag-icon/drag--",
@@ -104,32 +121,34 @@ const ShortCut = /* @__PURE__ */ defineComponent({
             }, [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"],
+            }, null)])])]), element.icon ? createVNode(resolveComponent("iBizIcon"), {
+              "class": ["caption-icon", "icon"],
+              "icon": element.icon
+            }, null) : createVNode("ion-icon", {
+              "class": ["caption-icon", "icon"],
               "name": "ellipsis-horizontal-circle-outline"
             }, null), createVNode("div", {
               "class": ns.em("item", "caption")
-            }, [element.name]), createVNode("ion-icon", {
-              "class": ["close-icon", "icon"],
+            }, [element.caption]), createVNode("ion-icon", {
               "name": "close-outline",
+              "class": ["close-icon", "icon"],
               "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 renderFoolterToolbar = () => {
+      return createVNode("div", {
+        "class": [ns.e("action"), ns.is("hidden", isShowToolbar.value)],
+        "onClick": onShowChange
+      }, [createVNode("ion-icon", {
+        "class": ["expand-icon", "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,
@@ -148,14 +167,14 @@ const ShortCut = /* @__PURE__ */ defineComponent({
           }, {
             default: () => [createVNode("div", null, [createVNode("span", {
               "class": ns.em("more", "caption")
-            }, [isShowToolbar.value ? "6/".concat(data.value.length) : data.value.length]), createVNode("i", {
+            }, [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"],
               "aria-hidden": "true"
             }, null)])]
           })]);
         },
         default: () => {
-          return renderDraggable(true);
+          return [renderDraggable(true), renderFoolterToolbar()];
         }
       });
     };
@@ -171,7 +190,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("hidden", this.data.length === 0)]
+      "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
@@ -181,6 +200,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
       "placement": "top"
     }, {
       default: () => [createVNode("ion-icon", {
+        "class": ["recover-icon", "icon"],
         "name": "chevron-forward-outline"
       }, null)]
     })])]);

package/es/util/app-util/app-util.d.ts

@@ -0,0 +1,90 @@
+import { Router } from 'vue-router';
+import { IAppUtil } from '@ibiz-template/runtime';
+export declare class AppUtil implements IAppUtil {
+    protected router: Router;
+    /**
+     * Creates an instance of AppUtil.
+     * @author tony001
+     * @date 2024-05-14 17:05:00
+     * @param {Router} router
+     */
+    constructor(router: Router);
+    /**
+     * 登录
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:41
+     * @param {string} loginName
+     * @param {string} password
+     * @param {(boolean | undefined)} [remember]
+     * @param {(IData | undefined)} [headers]
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    login(loginName: string, password: string, remember?: boolean | undefined, headers?: IData | undefined, opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 登出
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:02
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    logout(opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 变更密码
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:11
+     * @param {string} oldPwd
+     * @param {string} newPwd
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    changePwd(oldPwd: string, newPwd: string, opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 切换组织
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:20
+     * @param {string} oldOrgId
+     * @param {string} newOrgId
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    switchOrg(oldOrgId: string, newOrgId: string, opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 切换主题
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:30
+     * @param {string} oldTheme
+     * @param {string} newTheme
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    switchTheme(oldTheme: string, newTheme: string, opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 切换语言
+     *
+     * @author tony001
+     * @date 2024-05-14 16:05:42
+     * @param {string} oldLanguage
+     * @param {string} newLanguage
+     * @param {(IData | undefined)} [opts]
+     * @return {*}  {Promise<boolean>}
+     */
+    switchLanguage(oldLanguage: string, newLanguage: string, opts?: IData | undefined): Promise<boolean>;
+    /**
+     * 校验密码
+     *
+     * @author tony001
+     * @date 2024-05-14 17:05:31
+     * @protected
+     * @param {string} oldPwd
+     * @param {string} newPwd
+     * @param {IData} [opts={}]
+     * @return {*}  {boolean}
+     */
+    protected validatePwd(oldPwd: string, newPwd: string, opts?: IData): boolean;
+}