@ibiz-template/vue3-util 0.2.11 → 0.2.12

package/es/util/router-callback/router-callback-item.mjs

@@ -0,0 +1,72 @@
+"use strict";
+class RouterCallbackItem {
+  constructor(from, to) {
+    this.from = from;
+    this.to = to;
+    /**
+     * 是否已经有打开的视图认领此回调，如果在一定时间内没有被认领，则会被清除
+     *
+     * @author chitanda
+     * @date 2023-07-13 21:07:35
+     */
+    this.isActivated = false;
+    ibiz.log.debug("openRouter: ", from, to);
+  }
+  /**
+   * 等待视图关闭
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:34
+   * @return {*}  {Promise<IModalData>}
+   */
+  onWillDismiss() {
+    if (!this.promise) {
+      this.promise = new Promise((resolve) => {
+        this.resolve = resolve;
+      });
+    }
+    return this.promise.then((modal) => {
+      ibiz.log.debug("onWillDismiss: ", this.from, this.to, modal);
+      return modal;
+    });
+  }
+  /**
+   * 关闭视图
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:06
+   * @param {IModalData} modal
+   */
+  close(modal) {
+    ibiz.log.debug("closeRouter: ", this.from, this.to, modal);
+    if (this.resolve) {
+      this.resolve(modal);
+      this.resolve = void 0;
+    }
+  }
+  /**
+   * 激活回调
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:29
+   */
+  active() {
+    ibiz.log.debug("activeRouter: ", this.from, this.to);
+    this.isActivated = true;
+  }
+  /**
+   * 销毁回调
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:21
+   */
+  destroy() {
+    ibiz.log.debug("destroyRouter: ", this.from, this.to);
+    if (this.resolve) {
+      this.resolve({ ok: false });
+      this.resolve = void 0;
+    }
+  }
+}
+
+export { RouterCallbackItem };

package/es/util/router-callback/router-callback.d.ts

@@ -0,0 +1,60 @@
+import { IModalData } from '@ibiz-template/runtime';
+import { Router } from 'vue-router';
+import { RouterCallbackItem } from './router-callback-item';
+/**
+ * 路由打开视图回调，连通上级视图的关闭
+ *
+ * @author chitanda
+ * @date 2023-07-13 20:07:20
+ * @export
+ * @class RouterCallback
+ */
+export declare class RouterCallback {
+    /**
+     * 回调实例
+     *
+     * @author chitanda
+     * @date 2023-07-13 20:07:12
+     * @protected
+     * @type {Map<string, RouterCallbackItem>}
+     */
+    protected map: Map<string, RouterCallbackItem>;
+    /**
+     * 打开视图
+     *
+     * @author chitanda
+     * @date 2023-07-13 20:07:13
+     * @param {Router} router
+     * @param {string} path
+     * @return {*}  {Promise<IModalData>}
+     */
+    open(router: Router, path: string): Promise<IModalData>;
+    /**
+     * 关闭视图回调
+     *
+     * @author chitanda
+     * @date 2023-07-13 20:07:38
+     * @param {string} toFullPath
+     * @param {IModalData} modal
+     */
+    close(toFullPath: string, modal: IModalData): void;
+    /**
+     * 激活回调
+     *
+     * @author chitanda
+     * @date 2023-07-13 21:07:03
+     * @param {string} toFullPath
+     */
+    active(toFullPath: string): void;
+    /**
+     * 一分钟内未激活的视图回调会被清除
+     *
+     * @author chitanda
+     * @date 2023-07-13 21:07:57
+     * @protected
+     * @param {RouterCallbackItem} item
+     */
+    protected scheduledDestruction(item: RouterCallbackItem): void;
+}
+export declare const routerCallback: RouterCallback;
+//# sourceMappingURL=router-callback.d.ts.map

package/es/util/router-callback/router-callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-callback.d.ts","sourceRoot":"","sources":["../../../src/util/router-callback/router-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;;;;;GAOG;AACH,qBAAa,cAAc;IACzB;;;;;;;OAOG;IACH,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAa;IAE3D;;;;;;;;OAQG;IACG,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;IAc7D;;;;;;;OAOG;IACH,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAQlD;;;;;;OAMG;IACH,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAShC;;;;;;;OAOG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;CAO/D;AAGD,eAAO,MAAM,cAAc,gBAAuB,CAAC"}

package/es/util/router-callback/router-callback.mjs

@@ -0,0 +1,86 @@
+import { RouterCallbackItem } from './router-callback-item.mjs';
+
+"use strict";
+class RouterCallback {
+  constructor() {
+    /**
+     * 回调实例
+     *
+     * @author chitanda
+     * @date 2023-07-13 20:07:12
+     * @protected
+     * @type {Map<string, RouterCallbackItem>}
+     */
+    this.map = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 打开视图
+   *
+   * @author chitanda
+   * @date 2023-07-13 20:07:13
+   * @param {Router} router
+   * @param {string} path
+   * @return {*}  {Promise<IModalData>}
+   */
+  async open(router, path) {
+    const from = router.currentRoute.value.fullPath;
+    router.push({ path });
+    const to = path;
+    if (this.map.has(to)) {
+      const item2 = this.map.get(to);
+      return item2.onWillDismiss();
+    }
+    const item = new RouterCallbackItem(from, to);
+    this.map.set(to, item);
+    this.scheduledDestruction(item);
+    return item.onWillDismiss();
+  }
+  /**
+   * 关闭视图回调
+   *
+   * @author chitanda
+   * @date 2023-07-13 20:07:38
+   * @param {string} toFullPath
+   * @param {IModalData} modal
+   */
+  close(toFullPath, modal) {
+    const item = this.map.get(toFullPath);
+    if (item) {
+      item.close(modal);
+      this.map.delete(toFullPath);
+    }
+  }
+  /**
+   * 激活回调
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:03
+   * @param {string} toFullPath
+   */
+  active(toFullPath) {
+    const item = this.map.get(toFullPath);
+    if (item) {
+      window.clearTimeout(item.timeout);
+      item.timeout = void 0;
+      item.active();
+    }
+  }
+  /**
+   * 一分钟内未激活的视图回调会被清除
+   *
+   * @author chitanda
+   * @date 2023-07-13 21:07:57
+   * @protected
+   * @param {RouterCallbackItem} item
+   */
+  scheduledDestruction(item) {
+    item.timeout = window.setTimeout(() => {
+      item.timeout = void 0;
+      item.destroy();
+      this.map.delete(item.to);
+    }, 10 * 1e3);
+  }
+}
+const routerCallback = new RouterCallback();
+
+export { RouterCallback, routerCallback };

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

@@ -0,0 +1,10 @@
+export interface IAppStore {
+}
+export declare const useAppStore: import("pinia").StoreDefinition<"appStore", import("pinia")._UnwrapAll<Pick<{
+    appStore: IAppStore;
+}, "appStore">>, Pick<{
+    appStore: IAppStore;
+}, never>, Pick<{
+    appStore: IAppStore;
+}, never>>;
+//# sourceMappingURL=app-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/app-store/app-store.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;CAAG;AAE7B,eAAO,MAAM,WAAW;;;;;;UAItB,CAAC"}

package/es/util/store/app-store/app-store.mjs

@@ -0,0 +1,10 @@
+import { defineStore } from 'pinia';
+import { reactive } from 'vue';
+
+"use strict";
+const useAppStore = defineStore("appStore", () => {
+  const appStore = reactive({});
+  return { appStore };
+});
+
+export { useAppStore };

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

@@ -0,0 +1,4 @@
+export * from './app-store/app-store';
+export * from './ui-store/ui-store';
+export declare const piniaInstance: import("pinia").Pinia;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/store/index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,eAAO,MAAM,aAAa,uBAAgB,CAAC"}

package/es/util/store/index.mjs

@@ -0,0 +1,8 @@
+import { createPinia } from 'pinia';
+export { useAppStore } from './app-store/app-store.mjs';
+export { useUIStore } from './ui-store/ui-store.mjs';
+
+"use strict";
+const piniaInstance = createPinia();
+
+export { piniaInstance };

package/es/util/store/ui-store/ui-store.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+export interface IUIState {
+    /**
+     * ui层级
+     *
+     * @author lxm
+     * @date 2022-08-18 21:08:48
+     * @type {number}
+     */
+    zIndex: Ref<number>;
+    theme: string;
+}
+export declare const useUIStore: import("pinia").StoreDefinition<"uiStore", import("pinia")._UnwrapAll<Pick<{
+    UIStore: {
+        zIndex: number;
+        theme: string;
+    };
+    zIndex: import("./z-index").IzIndexStore;
+}, "zIndex" | "UIStore">>, Pick<{
+    UIStore: {
+        zIndex: number;
+        theme: string;
+    };
+    zIndex: import("./z-index").IzIndexStore;
+}, never>, Pick<{
+    UIStore: {
+        zIndex: number;
+        theme: string;
+    };
+    zIndex: import("./z-index").IzIndexStore;
+}, never>>;
+//# sourceMappingURL=ui-store.d.ts.map

package/es/util/store/ui-store/ui-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/ui-store/ui-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,GAAG,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,WAAW,QAAQ;IACvB;;;;;;OAMG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU;;;eAHd,MAAM;;;;;;eAAN,MAAM;;;;;;eAAN,MAAM;;;UAYb,CAAC"}

package/es/util/store/ui-store/ui-store.mjs

@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia';
+import { reactive } from 'vue';
+import { useZIndexStore } from './z-index.mjs';
+
+"use strict";
+const useUIStore = defineStore("uiStore", () => {
+  const zIndex = useZIndexStore();
+  const UIStore = reactive({
+    zIndex: zIndex.zIndex,
+    theme: "light"
+  });
+  return { UIStore, zIndex };
+});
+
+export { useUIStore };

package/es/util/store/ui-store/z-index.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'vue';
+export interface IzIndexStore {
+    /**
+     * 当前最高的ui层级
+     *
+     * @author lxm
+     * @date 2022-08-18 21:08:48
+     * @type {number}
+     */
+    zIndex: Ref<number>;
+    /**
+     * 增加Ui层级,返回增加后的层级
+     *
+     * @author lxm
+     * @date 2022-08-18 21:08:22
+     */
+    increment(): number;
+    /**
+     * 减少Ui层级
+     *
+     * @author lxm
+     * @date 2022-08-18 21:08:22
+     */
+    decrement(): void;
+}
+/**
+ * 定义zIndex的全局状态变量
+ *
+ * @author lxm
+ * @date 2022-08-18 21:08:26
+ * @export
+ * @returns {*}
+ */
+export declare function useZIndexStore(): IzIndexStore;
+//# sourceMappingURL=z-index.d.ts.map

package/es/util/store/ui-store/z-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.d.ts","sourceRoot":"","sources":["../../../../src/util/store/ui-store/z-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,KAAK,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B;;;;;;OAMG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpB;;;;;OAKG;IACH,SAAS,IAAI,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,SAAS,IAAI,IAAI,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,IAAI,YAAY,CAe7C"}

package/es/util/store/ui-store/z-index.mjs

@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+
+"use strict";
+function useZIndexStore() {
+  const DEFAULT_INDEX = 500;
+  const INCREMENT_VALUE = 1;
+  const zIndex = ref(DEFAULT_INDEX);
+  function increment() {
+    zIndex.value += INCREMENT_VALUE;
+    return zIndex.value;
+  }
+  function decrement() {
+    zIndex.value -= INCREMENT_VALUE;
+  }
+  return { zIndex, increment, decrement };
+}
+
+export { useZIndexStore };

package/es/view/app-redirect-view/app-redirect-view.d.ts

@@ -0,0 +1,2 @@
+export declare const AppRedirectView: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+//# sourceMappingURL=app-redirect-view.d.ts.map

package/es/view/app-redirect-view/app-redirect-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-redirect-view.d.ts","sourceRoot":"","sources":["../../../src/view/app-redirect-view/app-redirect-view.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,sSAqB1B,CAAC"}

package/es/view/app-redirect-view/app-redirect-view.mjs

@@ -0,0 +1,27 @@
+import { onUnmounted, onMounted, createTextVNode, createVNode, defineComponent } from 'vue';
+import { IBizContext } from '@ibiz-template/core';
+import { toLocalOpenWFRedirectView } from '@ibiz-template/runtime';
+
+"use strict";
+const AppRedirectView = /* @__PURE__ */ defineComponent({
+  setup() {
+    var _a;
+    const context = IBizContext.create(((_a = ibiz.appData) == null ? void 0 : _a.context) || {});
+    onUnmounted(() => {
+      context.destroy();
+    });
+    const {
+      href
+    } = window.location;
+    async function toRedirect() {
+      await toLocalOpenWFRedirectView(context, href);
+    }
+    onMounted(() => ibiz.util.hiddenAppLoading());
+    toRedirect();
+  },
+  render() {
+    return createVNode("div", null, [createTextVNode("\u91CD\u5B9A\u5411\u8DF3\u8F6C\u4E2D")]);
+  }
+});
+
+export { AppRedirectView };

package/es/view/common/index.d.ts

@@ -0,0 +1,51 @@
+import { ViewProvider } from './view.provider';
+export { ViewProvider };
+export declare const IBizView: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IViewProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    controls: import("@ibiz/model-core").IControl[];
+    viewClassNames: import("vue").ComputedRef<(string | undefined)[]>;
+    container: import("vue").Ref<HTMLElement | null>;
+    onLayoutPanelCreated: (controller: import("@ibiz-template/runtime").IViewLayoutPanelController) => void;
+    renderViewMessage: (position: "TOP" | "BOTTOM" | "BODY") => JSX.Element | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IViewProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+//# sourceMappingURL=index.d.ts.map

package/es/view/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/common/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAGnB,CAAC"}

package/es/view/common/index.mjs

@@ -0,0 +1,13 @@
+import { registerViewProvider } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { ViewProvider } from './view.provider.mjs';
+import { View } from './view.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizView = withInstall(View, function(v) {
+  v.component(View.name, View);
+  registerViewProvider("DEFAULT", () => new ViewProvider());
+});
+
+export { IBizView, ViewProvider };

package/es/view/common/view.css

@@ -0,0 +1 @@
+.ibiz-view{--ibiz-view-bg-color:var(--ibiz-color-bg-1);--ibiz-view-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-view .ibiz-view{background-color:var(--ibiz-view-bg-color);border-radius:var(--ibiz-view-border-radius)}.ibiz-view .ibiz-view-appportalview{background-color:transparent}.ibiz-view.has-bottom-message,.ibiz-view.has-top-message{display:flex;flex-flow:column nowrap}.ibiz-view.has-bottom-message>.ibiz-view-message,.ibiz-view.has-top-message>.ibiz-view-message{flex-grow:0;flex-shrink:0}.ibiz-view.has-bottom-message>.ibiz-control-viewlayoutpanel,.ibiz-view.has-top-message>.ibiz-control-viewlayoutpanel{flex-grow:1;flex-shrink:1}

package/es/view/common/view.d.ts

@@ -0,0 +1,53 @@
+import { IModal, IViewLayoutPanelController, IViewProvider, ViewController } from '@ibiz-template/runtime';
+import { IAppView } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './view.scss';
+export declare const View: import("vue").DefineComponent<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+    provider: {
+        type: PropType<IViewProvider>;
+    };
+}, {
+    c: ViewController<IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    controls: import("@ibiz/model-core").IControl[];
+    viewClassNames: import("vue").ComputedRef<(string | undefined)[]>;
+    container: import("vue").Ref<HTMLElement | null>;
+    onLayoutPanelCreated: (controller: IViewLayoutPanelController) => void;
+    renderViewMessage: (position: 'TOP' | 'BOTTOM' | 'BODY') => JSX.Element | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+    provider: {
+        type: PropType<IViewProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;
+//# sourceMappingURL=view.d.ts.map

package/es/view/common/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/view/common/view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,0BAA0B,EAC1B,aAAa,EACb,cAAc,EACf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAGL,QAAQ,EAST,MAAM,KAAK,CAAC;AACb,OAAO,aAAa,CAAC;AAGrB,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;uCA4BC,0BAA0B,KACrC,IAAI;kCA0B8B,KAAK,GAAG,QAAQ,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;MAmGhE,CAAC"}