@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/util/loading-util/loading-util.mjs

@@ -0,0 +1,88 @@
+import { showLoadingToast } from 'vant';
+
+"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 LoadingUtil {
+  constructor() {
+    /**
+     * 当前只在触发的全局加载次数
+     *
+     * @author chitanda
+     * @date 2022-08-17 17:08:44
+     * @protected
+     */
+    __publicField(this, "count", 0);
+    /**
+     * 当前在触发的重定向加载动画次数
+     *
+     * @author chitanda
+     * @date 2022-10-08 17:10:02
+     * @protected
+     */
+    __publicField(this, "countRedirect", 0);
+    /**
+     * element plus loading 实例
+     *
+     * @author chitanda
+     * @date 2022-12-29 15:12:26
+     * @protected
+     */
+    __publicField(this, "loading");
+  }
+  /**
+   * 显示全局加载动画
+   *
+   * @author chitanda
+   * @date 2022-12-29 15:12:26
+   */
+  show() {
+    if (this.count === 0) {
+      this.loading = showLoadingToast({
+        message: "\u52A0\u8F7D\u4E2D...",
+        forbidClick: true
+      });
+    }
+    this.count += 1;
+  }
+  /**
+   * 隐藏全局加载动画
+   *
+   * @author chitanda
+   * @date 2022-08-17 17:08:11
+   */
+  hide() {
+    if (this.count > 0) {
+      this.count -= 1;
+    }
+    if (this.count === 0) {
+      if (this.loading) {
+        this.loading.close();
+      }
+    }
+  }
+  /**
+   * 显示顶部加载动画
+   *
+   * @author chitanda
+   * @date 2022-10-08 16:10:01
+   */
+  showRedirect() {
+    this.show();
+  }
+  /**
+   * 隐藏顶部加载动画
+   *
+   * @author chitanda
+   * @date 2022-10-08 16:10:09
+   */
+  hideRedirect() {
+    this.hide();
+  }
+}
+
+export { LoadingUtil };

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

@@ -0,0 +1,16 @@
+import { IMessageUtil } from '@ibiz-template/runtime';
+/**
+ * 消息通知
+ *
+ * @author chitanda
+ * @date 2022-08-17 16:08:24
+ * @export
+ * @class MessageUtil
+ * @implements {IMessageUtil}
+ */
+export declare class MessageUtil implements IMessageUtil {
+    info(msg: string, duration?: number, closable?: boolean): void;
+    success(msg: string, duration?: number, closable?: boolean): void;
+    warning(msg: string, duration?: number, closable?: boolean): void;
+    error(msg: string, duration?: number, closable?: boolean): void;
+}

package/es/util/message-util/message-util.mjs

@@ -0,0 +1,35 @@
+import { showToast, showSuccessToast, showFailToast } from 'vant';
+
+"use strict";
+class MessageUtil {
+  info(msg, duration, closable) {
+    showToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  success(msg, duration, closable) {
+    showSuccessToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  warning(msg, duration, closable) {
+    showToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  error(msg, duration, closable) {
+    showFailToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+}
+
+export { MessageUtil };

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

@@ -0,0 +1,17 @@
+import { IModalUtil, ModalParams } from '@ibiz-template/runtime';
+/**
+ * 简洁确认操作框
+ *
+ * @author chitanda
+ * @date 2022-08-17 16:08:52
+ * @export
+ * @class ModalUtil
+ * @implements {IModalUtil}
+ */
+export declare class ModalUtil implements IModalUtil {
+    info(params: ModalParams): Promise<void>;
+    success(params: ModalParams): Promise<void>;
+    warning(params: ModalParams): Promise<void>;
+    error(params: ModalParams): Promise<void>;
+    confirm(params: ModalParams): Promise<boolean>;
+}

package/es/util/modal-util/modal-util.mjs

@@ -0,0 +1,61 @@
+import { showDialog, showConfirmDialog } from 'vant';
+
+"use strict";
+class ModalUtil {
+  async info(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async success(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonColor: "#07c160",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async warning(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonColor: "#faab0c",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async error(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await showDialog({
+      title: params.title,
+      message: params.desc,
+      theme: "round-button",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async confirm(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        title: params.title,
+        message: params.desc,
+        confirmButtonText,
+        cancelButtonText
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+}
+
+export { ModalUtil };

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

@@ -0,0 +1,16 @@
+import { INotificationUtil, NotificationParams } from '@ibiz-template/runtime';
+/**
+ * 在界面右上角显示可关闭的全局通知
+ *
+ * @author chitanda
+ * @date 2022-08-17 16:08:26
+ * @export
+ * @class NotificationUtil
+ * @implements {INotificationUtil}
+ */
+export declare class NotificationUtil implements INotificationUtil {
+    info(params: NotificationParams): void;
+    success(params: NotificationParams): void;
+    warning(params: NotificationParams): void;
+    error(params: NotificationParams): void;
+}

package/es/util/notification-util/notification-util.mjs

@@ -0,0 +1,39 @@
+import { showNotify } from 'vant';
+
+"use strict";
+class NotificationUtil {
+  info(params) {
+    const duration = params.duration ? params.duration * 1e3 : 4500;
+    showNotify({
+      message: params.desc,
+      type: "primary",
+      duration
+    });
+  }
+  success(params) {
+    const duration = params.duration ? params.duration * 1e3 : 4500;
+    showNotify({
+      message: params.desc,
+      type: "success",
+      duration
+    });
+  }
+  warning(params) {
+    const duration = params.duration ? params.duration * 1e3 : 4500;
+    showNotify({
+      message: params.desc,
+      type: "warning",
+      duration
+    });
+  }
+  error(params) {
+    const duration = params.duration ? params.duration * 1e3 : 4500;
+    showNotify({
+      message: params.desc,
+      type: "danger",
+      duration
+    });
+  }
+}
+
+export { NotificationUtil };

package/es/util/open-view-util/open-view-util.d.ts

@@ -0,0 +1,42 @@
+import { IModalData, IOpenViewUtil } from '@ibiz-template/runtime';
+import { Router } from 'vue-router';
+/**
+ * 打开视图方式工具类
+ *
+ * @description 此实现类挂载在 ibiz.openViewUtil
+ * @author chitanda
+ * @date 2022-08-16 20:08:54
+ * @export
+ * @class OpenViewUtil
+ * @implements {IOpenViewUtil}
+ */
+export declare class OpenViewUtil implements IOpenViewUtil {
+    protected router: Router;
+    constructor(router: Router);
+    push(path: string): Promise<IModalData>;
+    root(appViewId: string, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+    /**
+     * 模态打开视图
+     *
+     * @author lxm
+     * @date 2022-09-12 01:09:06
+     * @param {IViewConfig} appView
+     * @param {(IContext | undefined)} [context]
+     * @param {(IParams | undefined)} [params]
+     * @returns {*}  {Promise<IModalData>}
+     */
+    modal(appViewId: string, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+    popover(appViewId: string, event: MouseEvent, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+    /**
+     * 抽屉打开视图
+     *
+     * @author lxm
+     * @date 2022-09-15 15:09:50
+     * @param {IViewConfig} appView
+     * @param {(IContext | undefined)} [context]
+     * @param {(IParams | undefined)} [params]
+     * @returns {*}  {Promise<IModalData>}
+     */
+    drawer(appViewId: string, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+    custom(appViewId: string, context: IContext, params?: IParams | undefined): Promise<IModalData>;
+}

package/es/util/open-view-util/open-view-util.mjs

@@ -0,0 +1,92 @@
+import { routerCallback, generateRoutePath, openViewModal, openViewPopover, getDrawerPlacement, openViewDrawer } from '@ibiz-template/vue3-util';
+
+"use strict";
+class OpenViewUtil {
+  // eslint-disable-next-line no-useless-constructor, no-empty-function
+  constructor(router) {
+    this.router = router;
+  }
+  push(path) {
+    return routerCallback.open(this.router, path);
+  }
+  async root(appViewId, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    const { path } = await generateRoutePath(
+      appView,
+      this.router.currentRoute.value,
+      context,
+      params
+    );
+    return routerCallback.open(this.router, path);
+  }
+  /**
+   * 模态打开视图
+   *
+   * @author lxm
+   * @date 2022-09-12 01:09:06
+   * @param {IViewConfig} appView
+   * @param {(IContext | undefined)} [context]
+   * @param {(IParams | undefined)} [params]
+   * @returns {*}  {Promise<IModalData>}
+   */
+  async modal(appViewId, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    const opts = {
+      footerHide: true
+    };
+    return openViewModal(
+      {
+        context,
+        params,
+        viewId: appView.id
+      },
+      opts
+    );
+  }
+  async popover(appViewId, event, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    return openViewPopover(
+      event,
+      {
+        context,
+        params,
+        viewId: appView.id
+      },
+      { autoClose: true, placement: "bottom" }
+    );
+  }
+  /**
+   * 抽屉打开视图
+   *
+   * @author lxm
+   * @date 2022-09-15 15:09:50
+   * @param {IViewConfig} appView
+   * @param {(IContext | undefined)} [context]
+   * @param {(IParams | undefined)} [params]
+   * @returns {*}  {Promise<IModalData>}
+   */
+  async drawer(appViewId, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    const placement = getDrawerPlacement(appView.openMode);
+    const opts = {
+      width: appView.width,
+      height: appView.height,
+      placement
+    };
+    return openViewDrawer(
+      {
+        context,
+        params,
+        viewId: appView.id
+      },
+      opts
+    );
+  }
+  async custom(appViewId, context, params) {
+    const appView = await ibiz.hub.config.view.get(appViewId);
+    ibiz.log.warn("openUserCustom", appView, context, params);
+    throw new Error();
+  }
+}
+
+export { OpenViewUtil };

package/es/util/overlay-controller/overlay-controller.d.ts

@@ -0,0 +1,20 @@
+import { IOverlayController, IDrawerOptions, IModalOptions, IOverlayContainer, IFloatWindowOptions, IOverlayPopoverContainer, IPopoverOptions } from '@ibiz-template/runtime';
+/**
+ * 用不同呈现方式绘制组件的通用工具类
+ *
+ * @author lxm
+ * @date 2022-11-08 16:11:09
+ * @export
+ * @class OverlayController
+ * @implements {IOverlayController}
+ */
+export declare class OverlayController implements IOverlayController {
+    popover<T = void>(_element: HTMLElement, _component: unknown, _props?: IParams | undefined, _opts?: IPopoverOptions | undefined): Promise<T>;
+    createPopover(_component: unknown, _props?: IParams | undefined, _opts?: IPopoverOptions | undefined): IOverlayPopoverContainer;
+    createFloatWindow(_component: unknown, _props?: IParams | undefined, _opts?: IFloatWindowOptions | undefined): IOverlayContainer;
+    drawer<T = void>(component: unknown, props?: IParams, opts?: IDrawerOptions): Promise<T>;
+    createDrawer(component: unknown, props?: IParams, opts?: IDrawerOptions): IOverlayContainer;
+    modal<T = void>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
+    createModal(component: unknown, props?: IParams, opts?: IModalOptions): IOverlayContainer;
+    floatWindow<T = void>(component: unknown, props?: IParams, opts?: IFloatWindowOptions): Promise<T>;
+}

package/es/util/overlay-controller/overlay-controller.mjs

@@ -0,0 +1,46 @@
+import { isFunction } from 'lodash-es';
+import { resolveComponent, h } from 'vue';
+import { createModal } from '../app-modal/app-modal-component.mjs';
+import { createDrawer } from '../app-drawer/app-drawer-component.mjs';
+
+"use strict";
+class OverlayController {
+  popover(_element, _component, _props, _opts) {
+    throw new Error("Method not implemented.");
+  }
+  createPopover(_component, _props, _opts) {
+    throw new Error("Method not implemented.");
+  }
+  createFloatWindow(_component, _props, _opts) {
+    throw new Error("Method not implemented.");
+  }
+  drawer(component, props, opts) {
+    const drawer = this.createDrawer(component, props, opts);
+    drawer.present();
+    return drawer.onWillDismiss();
+  }
+  createDrawer(component, props, opts) {
+    return createDrawer(
+      isFunction(component) ? component : () => h(resolveComponent(component), { ...props }),
+      opts
+    );
+  }
+  async modal(component, props, opts) {
+    const modal = this.createModal(component, props, opts);
+    modal.present();
+    return modal.onWillDismiss();
+  }
+  createModal(component, props, opts) {
+    return createModal(
+      isFunction(component) ? component : () => h(resolveComponent(component), { ...props }),
+      opts
+    );
+  }
+  async floatWindow(component, props, opts) {
+    const floatWindow = this.createFloatWindow(component, props, opts);
+    floatWindow.present();
+    return floatWindow.onWillDismiss();
+  }
+}
+
+export { OverlayController };

package/es/util/store/index.d.ts

@@ -0,0 +1 @@
+export * from './view-stack/view-stack';

package/es/util/store/index.mjs

@@ -0,0 +1,3 @@
+export { calcUniqueKey, useViewStack } from './view-stack/view-stack.mjs';
+
+"use strict";

package/es/util/store/view-stack/view-stack.d.ts

@@ -0,0 +1,61 @@
+import { Router, RouteLocationNormalizedLoaded as Route } from 'vue-router';
+type ViewStackEvent = {
+    onBeforeStackChange: (type: 'push' | 'pop') => void;
+};
+export interface IViewStack {
+    /**
+     * 缓存视图唯一标识集合
+     * @author lxm
+     * @date 2023-06-28 02:22:58
+     * @type {string[]}
+     */
+    cacheKeys: string[];
+    /**
+     * 当前显示的视图的唯一标识
+     * @author lxm
+     * @date 2023-06-28 02:23:18
+     * @type {string}
+     */
+    currentKey: string;
+}
+/**
+ * 计算唯一标识,并返回是否要缓存
+ * @author lxm
+ * @date 2023-06-29 08:41:51
+ * @export
+ * @param {Route} route
+ * @return {*}  {string}
+ */
+export declare function calcUniqueKey(route: Route): {
+    key: string;
+    isCache: boolean;
+};
+export declare const useViewStack: import("pinia").StoreDefinition<"viewStack", import("pinia")._UnwrapAll<Pick<{
+    viewStack: {
+        cacheKeys: string[];
+        currentKey: string;
+    };
+    init: (_router: Router) => void;
+    on: <K extends "onBeforeStackChange">(name: K, cb: (...args: Parameters<ViewStackEvent[K]>) => ReturnType<ViewStackEvent[K]>) => void;
+    off: <K_1 extends "onBeforeStackChange">(name: K_1, cb: (...args: Parameters<ViewStackEvent[K_1]>) => ReturnType<ViewStackEvent[K_1]>) => void;
+    goBack: () => void;
+}, "viewStack">>, Pick<{
+    viewStack: {
+        cacheKeys: string[];
+        currentKey: string;
+    };
+    init: (_router: Router) => void;
+    on: <K extends "onBeforeStackChange">(name: K, cb: (...args: Parameters<ViewStackEvent[K]>) => ReturnType<ViewStackEvent[K]>) => void;
+    off: <K_1 extends "onBeforeStackChange">(name: K_1, cb: (...args: Parameters<ViewStackEvent[K_1]>) => ReturnType<ViewStackEvent[K_1]>) => void;
+    goBack: () => void;
+}, never>, Pick<{
+    viewStack: {
+        cacheKeys: string[];
+        currentKey: string;
+    };
+    init: (_router: Router) => void;
+    on: <K extends "onBeforeStackChange">(name: K, cb: (...args: Parameters<ViewStackEvent[K]>) => ReturnType<ViewStackEvent[K]>) => void;
+    off: <K_1 extends "onBeforeStackChange">(name: K_1, cb: (...args: Parameters<ViewStackEvent[K_1]>) => ReturnType<ViewStackEvent[K_1]>) => void;
+    goBack: () => void;
+}, "off" | "init" | "on" | "goBack">>;
+export {};

package/es/util/store/view-stack/view-stack.mjs

@@ -0,0 +1,76 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { getNestedRoutePath } from '@ibiz-template/vue3-util';
+import { defineStore } from 'pinia';
+import { reactive } from 'vue';
+import { QXEvent } from 'qx-util';
+
+"use strict";
+function calcUniqueKey(route) {
+  const match1 = route.matched[0];
+  let key = "";
+  let isCache = true;
+  if (match1.meta.preset) {
+    key = match1.path;
+    isCache = false;
+  }
+  key = getNestedRoutePath(route, match1.meta.home ? 2 : 1);
+  return { key, isCache };
+}
+const useViewStack = defineStore("viewStack", () => {
+  let router;
+  const evt = new QXEvent();
+  const on = evt.on.bind(evt);
+  const off = evt.off.bind(evt);
+  const viewInfoMap = /* @__PURE__ */ new Map();
+  const viewStack = reactive({
+    cacheKeys: [],
+    currentKey: ""
+  });
+  const updateViewInfo = (key, route) => {
+    if (viewInfoMap.has(key)) {
+      const info = viewInfoMap.get(key);
+      info.fullPath = route.fullPath;
+    } else {
+      viewInfoMap.set(key, { key, fullPath: route.fullPath });
+    }
+  };
+  const push = (key, route) => {
+    evt.emit("onBeforeStackChange", "push");
+    viewStack.cacheKeys.push(key);
+    updateViewInfo(key, route);
+    viewStack.currentKey = key;
+  };
+  const pop = () => {
+    if (viewStack.cacheKeys.length < 2) {
+      throw new RuntimeError("\u5806\u6808\u53EA\u6709\u4E00\u4E2A\u7F13\u5B58\u4E0D\u80FD\u540E\u9000\u4E86");
+    }
+    evt.emit("onBeforeStackChange", "pop");
+    const popKey = viewStack.cacheKeys.pop();
+    viewInfoMap.delete(popKey);
+    viewStack.currentKey = viewStack.cacheKeys[viewStack.cacheKeys.length - 1];
+  };
+  const init = (_router) => {
+    router = _router;
+    _router.afterEach((to) => {
+      const { key, isCache } = calcUniqueKey(to);
+      if (isCache) {
+        if (key === viewStack.currentKey) {
+          updateViewInfo(key, to);
+        } else if (viewStack.cacheKeys.includes(key)) {
+          pop();
+        } else {
+          push(key, to);
+        }
+      }
+      viewStack.currentKey = key;
+    });
+  };
+  const goBack = () => {
+    const previousKey = viewStack.cacheKeys[viewStack.cacheKeys.length - 2];
+    const previousPath = viewInfoMap.get(previousKey).fullPath;
+    router.push(previousPath);
+  };
+  return { viewStack, init, on, off, goBack };
+});
+
+export { calcUniqueKey, useViewStack };

package/es/view/404-view/404-view.css

@@ -0,0 +1 @@
+.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/es/view/404-view/404-view.d.ts

@@ -0,0 +1,6 @@
+import './404-view.scss';
+export declare const View404: import("vue").DefineComponent<{}, {
+    ns: import("@ibiz-template/core").Namespace;
+    isTop: import("vue").ComputedRef<boolean>;
+    gotoIndexView: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/view/404-view/404-view.mjs

@@ -0,0 +1,37 @@
+import { onMounted, computed, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { useRouter, useRoute } from 'vue-router';
+import './404-view.css';
+
+"use strict";
+const View404 = /* @__PURE__ */ defineComponent({
+  setup() {
+    const ns = useNamespace("404-view");
+    const router = useRouter();
+    const route = useRoute();
+    const gotoIndexView = () => {
+      router.push("/");
+    };
+    onMounted(() => {
+      setTimeout(() => {
+        const el = document.getElementById("app-loading-x");
+        if (el) {
+          el.style.display = "none";
+        }
+      }, 300);
+    });
+    const isTop = computed(() => {
+      return !route.params.view1;
+    });
+    return {
+      ns,
+      isTop,
+      gotoIndexView
+    };
+  },
+  render() {
+    return createVNode("div", null, [createTextVNode("404")]);
+  }
+});
+
+export { View404 };

package/es/view/index.d.ts

@@ -0,0 +1,2 @@
+export { View404 } from './404-view/404-view';
+export { LoginView } from './login-view/login-view';

package/es/view/index.mjs

@@ -0,0 +1,4 @@
+export { View404 } from './404-view/404-view.mjs';
+export { LoginView } from './login-view/login-view.mjs';
+
+"use strict";