vue-stack-tabs 0.1.15 → 0.1.17

package/src/lib/index.ts

@@ -1,32 +1,33 @@
-import type { App } from 'vue'
-import { createI18n } from 'vue-i18n'
-import StackTab from './StackTabs.vue'
-import tabVersion from './banner'
-import IFrame from './iframe.vue'
-import useTabLoading from './hooks/useTabLoading'
-import useTabRouter from './hooks/useTabRouter'
-import useStackTab from './hooks/useStackTab'
-import TabHeaderButton from '@/lib/components/TabHeader/TabHeaderButton.vue'
-import './assets/style/index.scss'
-
-const i18n = createI18n({
-  legacy: false,
-  locale: 'zh-CN',
-  fallbackLocale: 'en-US'
-})
-
-export * from './model/TabModel'
-// Cutsom type
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    VueStackTabs: typeof StackTab
-  }
-}
-
-export { IFrame, useTabLoading, useTabRouter, useStackTab, TabHeaderButton, StackTab }
-export default {
-  install(Vue: App): void {
-    tabVersion(import.meta.env.PACKAGE_VERSION)
-    Vue.component('VueStackTabs', StackTab).use(i18n)
-  }
-}
+import type { App } from 'vue'
+import { createI18n } from 'vue-i18n'
+import StackTab from './StackTabs.vue'
+import tabVersion from './banner'
+import IFrame from './iframe.vue'
+import useTabLoading from './hooks/useTabLoading'
+import useTabRouter from './hooks/useTabRouter'
+import useStackTab from './hooks/useStackTab'
+import TabHeaderButton from '@/lib/components/TabHeader/TabHeaderButton.vue'
+import useTabMitt from '@/lib/hooks/useTabMitt'
+import './assets/style/index.scss'
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'zh-CN',
+  fallbackLocale: 'en-US'
+})
+
+export * from './model/TabModel'
+// Cutsom type
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    VueStackTabs: typeof StackTab
+  }
+}
+
+export { IFrame, useTabLoading, useTabRouter, useStackTab, TabHeaderButton, StackTab }
+export default {
+  install(Vue: App): void {
+    tabVersion(import.meta.env.PACKAGE_VERSION)
+    Vue.component('VueStackTabs', StackTab).use(useTabMitt).use(i18n)
+  }
+}

package/src/lib/model/TabModel.ts

@@ -1,178 +1,178 @@
-// Tab的滚动方式
-export enum TabScrollMode {
-  // 使用滚轮
-  WHEEL = 'wheel',
-  // 使用按钮
-  BUTTON = 'button',
-  // 两者都可以
-  BOTH = 'both'
-}
-
-// export enum EventType {
-//   I18N_LOCALES = 'I18N_LOCALES',
-//   PANEL_MAXIMUM = 'PANEL_MAXIMUM',
-//   TAB_ACTIVE = 'TAB_ACTIVE',
-//   TAB_CLOSE = 'TAB_CLOSE',
-//   TAB_CLOSE_ALL = 'TAB_CLOSE_ALL',
-//   TAB_CLOSE_RIGHT = 'TAB_CLOSE_RIGHT',
-//   TAB_CLOSE_LEFT = 'TAB_CLOSE_LEFT',
-//   TAB_REFRESH = 'TAB_REFRESH',
-//   TAB_REFRESH_ALL = 'TAB_REFRESH_ALL'
-// }
-// 拖拽数据接口
-export interface DragData {
-  thumbLeft: number
-  startScrollLeft: number
-  startThumbLeft: number
-  startPageX: number
-}
-// 滑块数据接口
-export interface ScrollData {
-  clientWidth: number
-  scrollWidth: number
-  scrollLeft: number
-}
-// 滚动条事件类型
-export type ScrollEvents = {
-  ScrollUpdate: void
-}
-
-/**
- * Tab data for open
- */
-export interface ITabData extends ITabBase {
-  // tab name
-  title: string
-  path: string
-  query?: Record<string, string>
-}
-export interface ITabBase {
-  id?: string
-  title: string
-  closable?: boolean
-  refreshable?: boolean
-  iframe?: boolean
-}
-export interface ITabItem extends ITabBase {
-  id: string
-  closable: boolean
-  refreshable: boolean
-  iframe: boolean
-  url?: string
-  active: boolean
-  pages: Stack<ITabPage>
-}
-
-export interface ITabPage {
-  id: string
-  tabId: string
-  path: string
-  query?: Record<string, string>
-}
-export interface IContextMenu {
-  icon?: string
-  title: string
-  callback(id: string): void
-  disabled: (tabData: ITabBase) => boolean
-}
-// export interface TabRouteLocationRaw {
-//   path: string
-//   query?: any
-// }
-// export interface PageRouteLocationRaw {
-//   pId: string
-//   path: string
-//   query: any
-// }
-export class Stack<T> {
-  // 存储的Map
-  private items: Map<number, T>
-
-  //
-  constructor(items?:T[]) {
-    this.items = new Map()
-    if(items) {
-      for (const item of items) {
-        this.push(item)
-      }
-    }
-  }
-
-  /**
-   * @description: 入栈
-   * @param {T} element 要入栈的元素
-   */
-  push(element: T) {
-    this.items.set(this.items.size, element)
-  }
-
-  /**
-   * @description: 出栈
-   * @return {T} 返回出栈的元素
-   */
-  pop(): T | undefined {
-    if (this.isEmpty()) {
-      return undefined
-    }
-    const result = this.items.get(this.items.size - 1)
-    this.items.delete(this.items.size - 1)
-    return result
-  }
-
-  /**
-   * @description: 返回栈顶的元素
-   * @return {T}
-   */
-  peek(): T | undefined {
-    if (this.isEmpty()) {
-      return undefined
-    }
-    return this.items.get(this.items.size - 1)
-  }
-
-  /**
-   * @description: 返回栈是否为空
-   * @return {Boolean}
-   */
-  isEmpty(): boolean {
-    return this.items.size === 0
-  }
-
-  /**
-   * @description: 返回栈里的元素个数
-   * @return {Number}
-   */
-  size(): number {
-    return this.items.size
-  }
-
-  /**
-   * @description: 清空栈
-   */
-  clear() {
-    this.items.clear()
-  }
-
-  list() {
-    return Array.from(this.items.values())
-  }
-
-  /**
-   * @description: 覆盖Object默认的toString
-   * @return {String}
-   */
-  toString(): string {
-    if (this.isEmpty()) {
-      return ''
-    }
-    let result: string = ''
-    this.items.forEach((value, key) => {
-      result = `${result}${key === 0 ? '' : ', '}${value}`
-    })
-    return result
-  }
-  toJSON() {
-    // return Object.fromEntries(this.items)
-    return Array.from(this.items.values())
-  }
-}
+// Tab的滚动方式
+export enum TabScrollMode {
+  // 使用滚轮
+  WHEEL = 'wheel',
+  // 使用按钮
+  BUTTON = 'button',
+  // 两者都可以
+  BOTH = 'both'
+}
+
+// export enum EventType {
+//   I18N_LOCALES = 'I18N_LOCALES',
+//   PANEL_MAXIMUM = 'PANEL_MAXIMUM',
+//   TAB_ACTIVE = 'TAB_ACTIVE',
+//   TAB_CLOSE = 'TAB_CLOSE',
+//   TAB_CLOSE_ALL = 'TAB_CLOSE_ALL',
+//   TAB_CLOSE_RIGHT = 'TAB_CLOSE_RIGHT',
+//   TAB_CLOSE_LEFT = 'TAB_CLOSE_LEFT',
+//   TAB_REFRESH = 'TAB_REFRESH',
+//   TAB_REFRESH_ALL = 'TAB_REFRESH_ALL'
+// }
+// 拖拽数据接口
+export interface DragData {
+  thumbLeft: number
+  startScrollLeft: number
+  startThumbLeft: number
+  startPageX: number
+}
+// 滑块数据接口
+export interface ScrollData {
+  clientWidth: number
+  scrollWidth: number
+  scrollLeft: number
+}
+// 滚动条事件类型
+export type ScrollEvents = {
+  ScrollUpdate: void
+}
+
+/**
+ * Tab data for open
+ */
+export interface ITabData extends ITabBase {
+  // tab name
+  title: string
+  path: string
+  query?: Record<string, string>
+}
+export interface ITabBase {
+  id?: string
+  title: string
+  closable?: boolean
+  refreshable?: boolean
+  iframe?: boolean
+}
+export interface ITabItem extends ITabBase {
+  id: string
+  closable: boolean
+  refreshable: boolean
+  iframe: boolean
+  url?: string
+  active: boolean
+  pages: Stack<ITabPage>
+}
+
+export interface ITabPage {
+  id: string
+  tabId: string
+  path: string
+  query?: Record<string, string>
+}
+export interface IContextMenu {
+  icon?: string
+  title: string
+  callback(id: string): void
+  disabled: (tabData: ITabBase) => boolean
+}
+// export interface TabRouteLocationRaw {
+//   path: string
+//   query?: any
+// }
+// export interface PageRouteLocationRaw {
+//   pId: string
+//   path: string
+//   query: any
+// }
+export class Stack<T> {
+  // 存储的Map
+  private items: Map<number, T>
+
+  //
+  constructor(items?:T[]) {
+    this.items = new Map()
+    if(items) {
+      for (const item of items) {
+        this.push(item)
+      }
+    }
+  }
+
+  /**
+   * @description: 入栈
+   * @param {T} element 要入栈的元素
+   */
+  push(element: T) {
+    this.items.set(this.items.size, element)
+  }
+
+  /**
+   * @description: 出栈
+   * @return {T} 返回出栈的元素
+   */
+  pop(): T | undefined {
+    if (this.isEmpty()) {
+      return undefined
+    }
+    const result = this.items.get(this.items.size - 1)
+    this.items.delete(this.items.size - 1)
+    return result
+  }
+
+  /**
+   * @description: 返回栈顶的元素
+   * @return {T}
+   */
+  peek(): T | undefined {
+    if (this.isEmpty()) {
+      return undefined
+    }
+    return this.items.get(this.items.size - 1)
+  }
+
+  /**
+   * @description: 返回栈是否为空
+   * @return {Boolean}
+   */
+  isEmpty(): boolean {
+    return this.items.size === 0
+  }
+
+  /**
+   * @description: 返回栈里的元素个数
+   * @return {Number}
+   */
+  size(): number {
+    return this.items.size
+  }
+
+  /**
+   * @description: 清空栈
+   */
+  clear() {
+    this.items.clear()
+  }
+
+  list() {
+    return Array.from(this.items.values())
+  }
+
+  /**
+   * @description: 覆盖Object默认的toString
+   * @return {String}
+   */
+  toString(): string {
+    if (this.isEmpty()) {
+      return ''
+    }
+    let result: string = ''
+    this.items.forEach((value, key) => {
+      result = `${result}${key === 0 ? '' : ', '}${value}`
+    })
+    return result
+  }
+  toJSON() {
+    // return Object.fromEntries(this.items)
+    return Array.from(this.items.values())
+  }
+}

package/dist/src/lib/components/OverlayLoading/Component.vue.d.ts

@@ -1,100 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    active: boolean;
-    programmatic: boolean;
-    container: Object | Function | HTMLElement;
-    isFullPage: boolean;
-    enforceFocus?: boolean | undefined;
-    lockScroll: boolean;
-    transition: string;
-    /**
-     * Allow user to hide the loader
-     */
-    canCancel: boolean;
-    /**
-     * Do something on cancel
-     */
-    onCancel: Function;
-    color: string;
-    backgroundColor: string;
-    opacity: number;
-    width: number;
-    height: number;
-    zIndex: number;
-    loader: string;
-}>, {
-    isFullPage: boolean;
-    enforceFocus: boolean;
-    transition: string;
-    onCancel: () => void;
-    loader: string;
-}>, {
-    hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hide: (...args: any[]) => void;
-    "update:active": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    active: boolean;
-    programmatic: boolean;
-    container: Object | Function | HTMLElement;
-    isFullPage: boolean;
-    enforceFocus?: boolean | undefined;
-    lockScroll: boolean;
-    transition: string;
-    /**
-     * Allow user to hide the loader
-     */
-    canCancel: boolean;
-    /**
-     * Do something on cancel
-     */
-    onCancel: Function;
-    color: string;
-    backgroundColor: string;
-    opacity: number;
-    width: number;
-    height: number;
-    zIndex: number;
-    loader: string;
-}>, {
-    isFullPage: boolean;
-    enforceFocus: boolean;
-    transition: string;
-    onCancel: () => void;
-    loader: string;
-}>>> & {
-    onHide?: ((...args: any[]) => any) | undefined;
-    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
-}, {
-    transition: string;
-    onCancel: Function;
-    isFullPage: boolean;
-    enforceFocus: boolean;
-    loader: string;
-}, {}>, {
-    before?(_: {}): any;
-    default?(_: {}): any;
-    after?(_: {}): any;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/src/lib/components/OverlayLoading/api.d.ts

@@ -1,5 +0,0 @@
-export declare const useLoading: (globalProps?: {}, globalSlots?: {}) => {
-    show(props?: {}, slots?: {}): {
-        hide: any;
-    };
-};

package/dist/src/lib/components/OverlayLoading/helpers.d.ts

@@ -1,7 +0,0 @@
-export declare const removeElement: (el: HTMLElement) => void;
-export declare function createComponent(component: any, props: any, parentContainer: HTMLElement, slots?: {}): import("vue").ComponentInternalInstance | null;
-export declare const hasWindow: () => boolean;
-export declare const MayBeHTMLElement: ObjectConstructor | {
-    new (): HTMLElement;
-    prototype: HTMLElement;
-};

package/dist/src/lib/components/OverlayLoading/index.d.ts

@@ -1,6 +0,0 @@
-import { useLoading } from './api';
-import Component from './Component.vue';
-import type { App } from 'vue';
-declare const LoadingPlugin: (app: App, props?: {}, slots?: {}) => void;
-export default Component;
-export { useLoading, LoadingPlugin, Component };

package/dist/src/lib/components/OverlayLoading/loaders/bars.vue.d.ts

@@ -1,39 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string | undefined;
-    height?: number | undefined;
-    width?: number | undefined;
-}>, {
-    color: string;
-    height: number;
-    width: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string | undefined;
-    height?: number | undefined;
-    width?: number | undefined;
-}>, {
-    color: string;
-    height: number;
-    width: number;
-}>>>, {
-    width: number;
-    height: number;
-    color: string;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/src/lib/components/OverlayLoading/loaders/dots.vue.d.ts

@@ -1,39 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string | undefined;
-    height?: number | undefined;
-    width?: number | undefined;
-}>, {
-    color: string;
-    height: number;
-    width: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string | undefined;
-    height?: number | undefined;
-    width?: number | undefined;
-}>, {
-    color: string;
-    height: number;
-    width: number;
-}>>>, {
-    width: number;
-    height: number;
-    color: string;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};