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

package/lib/control/toolbar/short-cut-button/short-cut-button.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./short-cut-button.css');
+
+"use strict";
+const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizShortCutButton",
+  props: {
+    mode: {
+      type: String,
+      required: false
+    },
+    size: {
+      type: String,
+      required: false
+    },
+    item: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const ns = vue3Util.useNamespace("short-cut-button");
+    const ns2 = vue3Util.useNamespace("toolbar-item");
+    const onClick = (e) => {
+      emit("click", e);
+    };
+    const buttonType = (_a = props.item.buttonStyle) == null ? void 0 : _a.toLowerCase();
+    const buttonState = vue.computed(() => props.controller.state.buttonsState[props.item.id]);
+    const isShortCut = vue.computed(() => props.controller.view.state.isShortCut);
+    return {
+      ns,
+      ns2,
+      buttonState,
+      buttonType,
+      isShortCut,
+      onClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "title": this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip,
+      "size": this.size,
+      "text": Object.is(this.buttonType, "inverse"),
+      "type": this.buttonType,
+      "loading": this.buttonState.loading,
+      "disabled": this.buttonState.disabled,
+      "onClick": this.onClick
+    }, {
+      default: () => [this.item.showIcon && this.item.sysImage && vue.createVNode("span", {
+        "class": this.ns2.b("icon")
+      }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": this.item.sysImage
+      }, null)]), this.item.showCaption && vue.createVNode("span", {
+        "class": this.ns2.b("text")
+      }, [this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.caption) : this.item.caption])]
+    })]);
+  }
+});
+
+exports.IBizShortCutButton = IBizShortCutButton;

package/lib/control/toolbar/toolbar.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var exportExcel = require('./export-excel/export-excel.cjs');
+var shortCutButton = require('./short-cut-button/short-cut-button.cjs');
 require('./toolbar.css');
 
 "use strict";
@@ -204,6 +205,16 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             }
           }, null);
         }
+        if (actionId === "shortcut") {
+          return vue.createVNode(shortCutButton.IBizShortCutButton, {
+            "key": itemId,
+            "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
+            "item": item,
+            "controller": c,
+            "size": btnSize.value,
+            "onClick": (e) => handleClick(item, e)
+          }, null);
+        }
         return vue.createVNode("div", {
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]

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

@@ -359,6 +359,15 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
         }
       }
     };
+    const arrow = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 1024 1024",
+        "xmlns": "http://www.w3.org/2000/svg"
+      }, [vue.createVNode("path", {
+        "fill": "currentColor",
+        "d": "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+      }, null)]);
+    };
     return {
       ns,
       c,
@@ -390,7 +399,8 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       onVisibleChange,
       showView,
       selectedData,
-      handleDropDownKeyDown
+      handleDropDownKeyDown,
+      arrow
     };
   },
   render() {
@@ -425,7 +435,9 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
             }, null), this.c.model.linkAppViewId && vue.createVNode("ion-icon", {
               "onClick": this.openLinkView,
               "name": "link-arrow"
-            }, null)];
+            }, null), this.c.model.showTrigger && vue.createVNode("div", {
+              "class": [this.ns.e("arrow"), this.showView ? "overturn" : ""]
+            }, [this.arrow()])];
           }
         }) : vue.createVNode(vue.resolveComponent("el-select"), {
           "popper-class": this.ns.b("select-popover"),

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

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view--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{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}

package/lib/index.cjs

@@ -123,6 +123,7 @@ var overlayController = require('./util/overlay-controller/overlay-controller.cj
 var usePagination = require('./util/pagination/use-pagination.cjs');
 var noticeUtil = require('./util/notice-util/notice-util.cjs');
 var renderUtil = require('./util/render-util/render-util.cjs');
+var appUtil = require('./util/app-util/app-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
 var index$17 = require('./web-app/router/index.cjs');
@@ -252,6 +253,7 @@ exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
+exports.AppUtil = appUtil.AppUtil;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
 exports.AppRouter = index$17.AppRouter;

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -35,13 +35,8 @@ const AuthUserinfo = /* @__PURE__ */ vue.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 = vue.computed(() => {
       return c.panel.view.state.isCollapse;

package/lib/panel-component/short-cut/short-cut.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
 var vue = require('vue');
+var vueRouter = require('vue-router');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var draggable = require('vuedraggable');
-require('./short-cut.css');
 var core = require('@ibiz-template/core');
+require('./short-cut.css');
 
 "use strict";
 const ShortCut = /* @__PURE__ */ vue.defineComponent({
@@ -26,35 +27,47 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const ns = vue3Util.useNamespace("short-cut");
     const vue$1 = vue.getCurrentInstance().proxy;
+    const router = vueRouter.useRouter();
     const isShowToolbar = vue.ref(false);
     const isShowMore = vue.ref(false);
-    const data = vue.ref(ibiz.util.shortCut.data);
+    const data = vue.reactive(ibiz.util.shortCut.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$1.$forceUpdate();
+    };
+    vue.onMounted(() => {
+      ibiz.util.shortCut.onChange(onShortCutChange);
+    });
+    vue.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:
-      }
-    };
     const onClick = (item) => {
       isShowMore.value = false;
-      ibiz.commands.execute(runtime.OpenAppViewCommand.TAG, item.appViewId, core.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(runtime.OpenAppViewCommand.TAG, item.appViewId, core.IBizContext.create(item.context), item.params, {
+          openMode: openModeMap.get(item.openMode)
+        });
+      }
     };
     const onChange = (evt) => {
       if (evt.moved) {
@@ -65,18 +78,16 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
         dragCache.oldIndex = evt.removed.oldIndex;
         ibiz.util.shortCut.changeIndex(dragCache.newIndex, dragCache.oldIndex);
       }
-      vue$1.$forceUpdate();
     };
     const onDelete = (event, key) => {
       event.stopPropagation();
       ibiz.util.shortCut.removeShortCut(key);
-      vue$1.$forceUpdate();
     };
     const renderDraggable = (isVertical) => {
       return vue.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)
       }, {
@@ -87,13 +98,14 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return vue.createVNode("div", {
               "class": ns.e("item"),
+              "title": element.caption,
               "onClick": () => onClick(element)
             }, [vue.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"
             }, [vue.createVNode("g", {
               "id": "drag-icon/drag--",
@@ -106,14 +118,17 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
             }, [vue.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)])])]), vue.createVNode("ion-icon", {
-              "class": ["icon", "caption"],
+            }, null)])])]), element.icon ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "class": ["caption-icon", "icon"],
+              "icon": element.icon
+            }, null) : vue.createVNode("ion-icon", {
+              "class": ["caption-icon", "icon"],
               "name": "ellipsis-horizontal-circle-outline"
             }, null), vue.createVNode("div", {
               "class": ns.em("item", "caption")
-            }, [element.name]), vue.createVNode("ion-icon", {
-              "class": ["close-icon", "icon"],
+            }, [element.caption]), vue.createVNode("ion-icon", {
               "name": "close-outline",
+              "class": ["close-icon", "icon"],
               "onClick": (event) => onDelete(event, element.key)
             }, null)]);
           }
@@ -124,6 +139,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
               "class": [ns.e("item"), ns.e("action")],
               "onClick": onShowChange
             }, [vue.createVNode("ion-icon", {
+              "class": ["expand-icon", "icon"],
               "name": "chevron-back-outline"
             }, null), vue.createVNode("div", {
               "class": ns.em("item", "caption")
@@ -150,7 +166,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
           }, {
             default: () => [vue.createVNode("div", null, [vue.createVNode("span", {
               "class": ns.em("more", "caption")
-            }, [isShowToolbar.value ? "6/".concat(data.value.length) : data.value.length]), vue.createVNode("i", {
+            }, [isShowToolbar.value ? "6/".concat(data.length) : data.length]), vue.createVNode("i", {
               "class": ["fa", ns.em("more", "icon"), isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
               "aria-hidden": "true"
             }, null)])]
@@ -173,7 +189,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.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 && vue.createVNode("div", {
       "class": this.ns.e("recover"),
       "onClick": this.onShowChange
@@ -183,6 +199,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
       "placement": "top"
     }, {
       default: () => [vue.createVNode("ion-icon", {
+        "class": ["recover-icon", "icon"],
         "name": "chevron-forward-outline"
       }, null)]
     })])]);

package/lib/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{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)}

package/lib/util/app-util/app-util.cjs

@@ -0,0 +1,154 @@
+'use strict';
+
+"use strict";
+class AppUtil {
+  /**
+   * Creates an instance of AppUtil.
+   * @author tony001
+   * @date 2024-05-14 17:05:00
+   * @param {Router} router
+   */
+  constructor(router) {
+    this.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>}
+   */
+  async login(loginName, password, remember, headers, opts) {
+    const bol = await ibiz.auth.login(loginName, password, remember, headers);
+    if (bol === true) {
+      window.location.hash = this.router.currentRoute.value.query.ru || "/";
+      window.history.pushState({}, "");
+      window.location.reload();
+    }
+    return bol;
+  }
+  /**
+   * 登出
+   *
+   * @author tony001
+   * @date 2024-05-14 16:05:02
+   * @param {(IData | undefined)} [opts]
+   * @return {*}  {Promise<boolean>}
+   */
+  async logout(opts) {
+    const bol = await ibiz.auth.logout();
+    if (bol) {
+      const path = window.location;
+      if (path.search.indexOf("isAnonymous=true") !== -1) {
+        const href = "".concat(path.origin).concat(path.pathname).concat(path.hash);
+        window.history.replaceState({}, "", href);
+      }
+      await this.router.push(
+        "/login?ru=".concat(encodeURIComponent(
+          window.location.hash.replace("#/", "/")
+        ))
+      );
+      ibiz.util.showAppLoading();
+      window.location.reload();
+    }
+    return bol;
+  }
+  /**
+   * 变更密码
+   *
+   * @author tony001
+   * @date 2024-05-14 16:05:11
+   * @param {string} oldPwd
+   * @param {string} newPwd
+   * @param {(IData | undefined)} [opts]
+   * @return {*}  {Promise<boolean>}
+   */
+  async changePwd(oldPwd, newPwd, opts) {
+    let bol = this.validatePwd(oldPwd, newPwd, opts);
+    if (bol) {
+      bol = await ibiz.auth.changePwd(oldPwd, newPwd);
+    }
+    return bol;
+  }
+  /**
+   * 切换组织
+   *
+   * @author tony001
+   * @date 2024-05-14 16:05:20
+   * @param {string} oldOrgId
+   * @param {string} newOrgId
+   * @param {(IData | undefined)} [opts]
+   * @return {*}  {Promise<boolean>}
+   */
+  switchOrg(oldOrgId, newOrgId, opts) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * 切换主题
+   *
+   * @author tony001
+   * @date 2024-05-14 16:05:30
+   * @param {string} oldTheme
+   * @param {string} newTheme
+   * @param {(IData | undefined)} [opts]
+   * @return {*}  {Promise<boolean>}
+   */
+  switchTheme(oldTheme, newTheme, opts) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * 切换语言
+   *
+   * @author tony001
+   * @date 2024-05-14 16:05:42
+   * @param {string} oldLanguage
+   * @param {string} newLanguage
+   * @param {(IData | undefined)} [opts]
+   * @return {*}  {Promise<boolean>}
+   */
+  switchLanguage(oldLanguage, newLanguage, opts) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * 校验密码
+   *
+   * @author tony001
+   * @date 2024-05-14 17:05:31
+   * @protected
+   * @param {string} oldPwd
+   * @param {string} newPwd
+   * @param {IData} [opts={}]
+   * @return {*}  {boolean}
+   */
+  validatePwd(oldPwd, newPwd, opts = {}) {
+    const { surePwd } = opts;
+    if (!oldPwd) {
+      ibiz.message.error("\u539F\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A");
+      return false;
+    }
+    if (!newPwd) {
+      ibiz.message.error("\u65B0\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A");
+      return false;
+    }
+    if (!surePwd) {
+      ibiz.message.error("\u786E\u8BA4\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A");
+      return false;
+    }
+    if (oldPwd === newPwd) {
+      ibiz.message.error("\u65B0\u5BC6\u7801\u4E0D\u80FD\u4E0E\u65E7\u5BC6\u7801\u4E00\u81F4");
+      return false;
+    }
+    if (newPwd !== surePwd) {
+      ibiz.message.error("\u4E24\u6B21\u5BC6\u7801\u4E0D\u4E00\u81F4");
+      return false;
+    }
+    return true;
+  }
+}
+
+exports.AppUtil = AppUtil;

package/lib/util/index.cjs

@@ -10,6 +10,7 @@ var overlayController = require('./overlay-controller/overlay-controller.cjs');
 var usePagination = require('./pagination/use-pagination.cjs');
 var noticeUtil = require('./notice-util/notice-util.cjs');
 var renderUtil = require('./render-util/render-util.cjs');
+var appUtil = require('./app-util/app-util.cjs');
 
 "use strict";
 
@@ -23,3 +24,4 @@ exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
+exports.AppUtil = appUtil.AppUtil;

package/lib/web-app/main.cjs

@@ -12,6 +12,7 @@ require('../util/index.cjs');
 require('./guard/index.cjs');
 var unauthorizedHandler = require('./util/unauthorized-handler/unauthorized-handler.cjs');
 var dynaAuthGuard = require('./guard/auth-guard/dyna-auth-guard.cjs');
+var appUtil = require('../util/app-util/app-util.cjs');
 var openViewUtil = require('../util/open-view-util/open-view-util.cjs');
 var renderUtil = require('../util/render-util/render-util.cjs');
 var messageUtil = require('../util/message-util/message-util.cjs');
@@ -64,6 +65,7 @@ async function runApp(plugins, opts) {
   }
   index.AppRouter.setAuthGuard((notLogin) => authGuard.verify(notLogin));
   app.use(index.AppRouter.getRouter());
+  ibiz.appUtil = new appUtil.AppUtil(index.AppRouter.getRouter());
   ibiz.openView = new openViewUtil.OpenViewUtil(index.AppRouter.getRouter());
   ibiz.render = new renderUtil.RenderUtil();
   ibiz.message = new messageUtil.MessageUtil();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.13-alpha.0",
+  "version": "0.7.13",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -32,10 +32,10 @@
     "@ibiz-template-plugin/gantt": "0.1.4",
     "@ibiz-template/core": "0.7.7-dev.0",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.13-alpha.0",
-    "@ibiz-template/runtime": "0.7.13-alpha.0",
+    "@ibiz-template/model-helper": "0.7.13",
+    "@ibiz-template/runtime": "0.7.13",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.13-alpha.0",
+    "@ibiz-template/vue3-util": "0.7.13",
     "@ibiz-template/web-theme": "^1.1.16",
     "@ibiz/model-core": "^0.1.25",
     "@imengyu/vue3-context-menu": "^1.3.5",