xframelib 0.4.1 → 0.4.6

package/README.md

@@ -2,6 +2,11 @@
 
 基于 VUE3+Hprose+Typescript 的前端框架
 
+- v0.4.6 解决文件分片下载并发请求过多的超时问题；AxiosHelper 增加超时时间参数，请求出错不默认弹框
+- v0.4.5 解决大文件下载的问题（修复 0.4.4 版本问题）；增加库依赖资源 public 文件夹
+- v0.4.4 修改单个文件（单片）下载报错问题；（废弃不要使用）
+- v0.4.3 修改组件卸载事件的错误;增加用于大屏的浅灰色窗体样式
+- v0.4.2 重要修改：修改打包方式;支持组件导出；新增布局组件及管理方法；requestFullScreen 不传要素窗体全屏
 - v0.4.1 解决补充遗漏的 BigFileDownload 类;
 - v0.4.0 增加 isTool 的相关函数,修改补充方法,增加导出 IUser;
 - v0.3.9 init 方法需要传入 axios 对象（不能将 axios 打包进去，因为存在错误）;

package/dist/api/Token.d.ts

@@ -0,0 +1,20 @@
+import { ITokenInfo, IDoubleToken, ISystemUser } from '../model/Token';
+/**
+ * 刷新Token
+ */
+export declare function doRefreshToken(): void;
+/**
+ * 检查和刷新Token
+ * @param userToken
+ */
+export declare function checkDoRefreshToken(userToken: ITokenInfo): void;
+/**
+ * 存储Token对象
+ * @param userToken
+ */
+export declare function setLocalToken(userToken: IDoubleToken): void;
+/**
+ * 设置当前用户
+ * @param userInfo
+ */
+export declare function setUser(userInfo: ISystemUser): void;

package/dist/api/User.d.ts

@@ -0,0 +1,45 @@
+interface IUserInfo {
+    /**
+     * 用户名
+     */
+    username: string;
+    oldpwd: string;
+    newpwd: string;
+}
+export interface IUser {
+    username: string;
+    pwd: string;
+    /**
+     * 所属系统
+     */
+    system?: string;
+}
+/**
+ * 用户登录
+ * @param data 用户信息
+ * @returns
+ */
+export declare function login(data: IUser): Promise<any>;
+/**
+ * 检查某一系统的用户
+ * @param data 用户对象
+ * @returns
+ */
+export declare function checkLogin(data: IUser): Promise<any>;
+/**
+ * 修改密码
+ * @param data 用户数据
+ * @returns
+ */
+export declare function changePWD(data: IUserInfo): Promise<any>;
+/**
+ * 退出登录
+ */
+export declare function logout(): void;
+/**
+ * 验证 已有的token
+ * @param token 需要验证的token
+ * @returns
+ */
+export declare function checkToken(token: string): Promise<any>;
+export {};

package/dist/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Token';
+export * from './User';

package/dist/controls/collapsepanel/VCollapsiblePanel.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    body: import("vue").ComputedRef<{
+        hasContent: boolean | undefined;
+        dataKey: string;
+    }>;
+    panelRef: import("vue").Ref<HTMLElement | undefined>;
+    bodyRef: import("vue").Ref<HTMLElement | undefined>;
+    bodyContentRef: import("vue").Ref<HTMLElement | undefined>;
+    isExpanded: import("vue").ComputedRef<boolean | undefined>;
+    collapse: (element: HTMLElement) => void;
+    expand: (element: HTMLElement) => void;
+    toggle: () => void;
+    toggleIcon: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    expanded?: unknown;
+} & {
+    expanded: boolean;
+} & {}>, {
+    expanded: boolean;
+}>;
+export default _default;

package/dist/controls/collapsepanel/VCollapsiblePanelGroup.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<{
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    baseColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    idGroup: import("vue").Ref<string>;
+    cssColorVars: {
+        '--base-color': string;
+        '--border-color': string;
+        '--bg-color-header': string;
+        '--bg-color-header-hover': string;
+        '--bg-color-header-active': string;
+        '--bg-color-body': string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    accordion?: unknown;
+    baseColor?: unknown;
+} & {
+    accordion: boolean;
+    baseColor: string;
+} & {}>, {
+    accordion: boolean;
+    baseColor: string;
+}>;
+export default _default;

package/dist/controls/collapsepanel/color.util.d.ts

@@ -0,0 +1 @@
+export declare const lightenDarkenColor: (hexColor: string, amount: number) => string;

package/dist/controls/collapsepanel/composables/store.d.ts

@@ -0,0 +1,7 @@
+export declare const useCollapsiblePanelStore: () => {
+    useGroupAccordion: (idGroup: string) => import("vue").ComputedRef<boolean>;
+    setGroupAccordionStatus: (idGroup: string, status: boolean) => void;
+    panelExpanded: (idGroup: string, idPanel: string) => import("vue").ComputedRef<boolean>;
+    setPanelExpandedStatus: (idGroup: string, idPanel: string, status: boolean) => void;
+    togglePanelExpandedStatus: (idGroup: string, idPanel: string) => void;
+};

package/dist/controls/collapsepanel/constant.d.ts

@@ -0,0 +1 @@
+export declare const toggleIcon = "\n    <svg\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M6.34292 7.75734L4.92871 9.17155L11.9998 16.2426L19.0708 9.17158L17.6566 7.75737L11.9998 13.4142L6.34292 7.75734Z\"/>\n    </svg>\n";

package/dist/controls/collapsepanel/index.d.ts

@@ -0,0 +1,3 @@
+import VCollapsiblePanelGroup from './VCollapsiblePanelGroup.vue';
+import VCollapsiblePanel from './VCollapsiblePanel.vue';
+export { VCollapsiblePanel, VCollapsiblePanelGroup };

package/dist/controls/layoutcontainer/LayoutManager.d.ts

@@ -0,0 +1,107 @@
+import { LayoutContainerEnum } from '../../model/Layout';
+import { Ref } from 'vue';
+import type { IWidgetConfig } from '../../model/Layout';
+/**
+ * 布局对象定义
+ */
+export interface ILayoutContainer {
+    topContainer?: HTMLElement;
+    centerBackContainer?: HTMLElement;
+    centerMainContainer?: HTMLElement;
+    centerFrontContainer?: HTMLElement;
+    bottomContainer?: HTMLElement;
+    leftContainer?: HTMLElement;
+    rightContainer?: HTMLElement;
+}
+declare class LayoutManager {
+    private layoutState;
+    private widgetCofig;
+    private layoutMap;
+    private preConditionMap;
+    private widgetsLoadedSet;
+    constructor(layoutState: ILayoutContainer, widgetCofig: Array<IWidgetConfig>);
+    /**
+     * 获得widget配置参数
+     * @returns
+     */
+    getWidgetConfig(): Array<IWidgetConfig>;
+    /**
+     * 预先加载Widget组件
+     */
+    preloadWidgets(): void;
+    /**
+     * 加载组件和子组件
+     * @param widgetItem 组件对象
+     */
+    loadWidget(widgetItem: IWidgetConfig | string): void;
+    private loadOtherDependenceWidgets;
+    private _loadWidget;
+    /**
+     * 检查是否存在依赖其的组件
+     * @param widgetID
+     * @returns
+     */
+    hasDependentWidgets(widgetID: string): boolean;
+    /**
+     * 卸载组件
+     * @param widgetItem
+     * @returns
+     */
+    unloadWidget(widgetID: string): void;
+    /**
+     * 查询某一组件是否被加载
+     * @param widgetID 组件ID
+     * @returns
+     */
+    isWidgetLoaded(widgetID: string): boolean;
+    /**
+     * 中心两DIV
+     * 左右分屏
+     * @param restore
+     */
+    splitTwoContainer(restore?: boolean): void;
+    /**
+     * 获取到对应容器
+     * @param enumContainer
+     * @returns
+     */
+    getLayoutContainer(enumContainer: LayoutContainerEnum): HTMLElement | undefined;
+    /**
+     * 改变容器可见性
+     * @param enumContainer
+     * @param isVisible
+     */
+    changeContainerVisible(enumContainer: LayoutContainerEnum, isVisible?: boolean): void;
+    /**
+     * 改变组件的可见性
+     * @param enumContainer
+     * @param isVisible
+     */
+    changeWidgetVisible(widgetID: string, isVisible?: boolean): void;
+    /**
+     * 根据ID，获取已经加载的Widget组件对象
+     * @param widgetID
+     * @returns
+     */
+    getWidgetComponent(widgetID: string): any;
+    /**
+     * 获取组件记录
+     * @param widgetID 组件ID
+     * @returns
+     */
+    getWigetItem(widgetID: string): IWidgetConfig | undefined;
+    /**
+     * 根据分组名，获取组件列表
+     * @param group 分组名
+     * @returns
+     */
+    getGroupWigetItems(group: string): IWidgetConfig[] | undefined;
+    /**
+     * 获取容器里的组件集合
+     * @param enumContainer
+     * @returns
+     */
+    getContainerComponents(enumContainer: LayoutContainerEnum): Ref<Map<string, Object>>;
+    addContainerComponent(enumContainer: LayoutContainerEnum, component: any): void;
+}
+export default LayoutManager;

package/dist/controls/layoutcontainer/index.d.ts

@@ -0,0 +1,3 @@
+import LayoutContainer from './layout.vue';
+import LayoutManager from './LayoutManager';
+export { LayoutContainer, LayoutManager };

package/dist/controls/layoutcontainer/layout.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { IWidgetConfig } from '../../model/Layout';
+declare const _default: import("vue").DefineComponent<{
+    widgetConfig: {
+        type: PropType<IWidgetConfig[]>;
+        required: true;
+        default: () => never[];
+    };
+    layoutStyle: {
+        type: ObjectConstructor;
+    };
+}, {
+    topContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    centerbackComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    centerfrontComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    leftContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    rightContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    bottomContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    containerStyle: import("vue").ComputedRef<Record<string, any> | undefined>;
+    topContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    centerBackContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    centerMainContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    centerFrontContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    bottomContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    leftContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+    rightContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    widgetConfig?: unknown;
+    layoutStyle?: unknown;
+} & {
+    widgetConfig: IWidgetConfig[];
+} & {
+    layoutStyle?: Record<string, any> | undefined;
+}>, {
+    widgetConfig: IWidgetConfig[];
+}>;
+export default _default;

package/dist/controls/splitpanes/index.d.ts

@@ -0,0 +1,3 @@
+import Splitpanes from './splitpanes.vue';
+import Pane from './pane.vue';
+export { Splitpanes, Pane };

package/dist/controls/vuewindow/SinglePointerEvent.d.ts

@@ -0,0 +1,23 @@
+export declare function isTouchEvent(e: MouseEvent | TouchEvent): e is TouchEvent;
+export declare class SinglePointerEvent {
+    readonly e: MouseEvent | TouchEvent;
+    constructor(e: MouseEvent | TouchEvent);
+    stopPropagation(): void;
+    preventDefault(): void;
+    get clientX(): number;
+    get clientY(): number;
+    get clientCoord(): V2;
+    static bindDown(target: HTMLElement, cb: (e: SinglePointerEvent) => void, cancel?: (e: SinglePointerEvent) => void, useCapture?: boolean): () => void;
+    static bindMove(target: HTMLElement | Document, cb: (e: SinglePointerEvent) => void, useCapture?: boolean): () => void;
+    static bindUp(target: HTMLElement | Document, cb: (e: SinglePointerEvent) => void, useCapture?: boolean): () => void;
+    originalEvent({ mouse, touch }: Partial<{
+        mouse: (e: MouseEvent) => void;
+        touch: (e: TouchEvent) => void;
+    }>): void;
+}
+export declare class V2 {
+    x: number;
+    y: number;
+    constructor(x: number, y: number);
+    clone(): V2;
+}

package/dist/controls/vuewindow/dom.d.ts

@@ -0,0 +1,16 @@
+export declare function naturalSize(el?: HTMLElement): {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+};
+export declare function getRect(el: HTMLElement): {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+};

package/dist/controls/vuewindow/draggable_helper.d.ts

@@ -0,0 +1,20 @@
+export declare type Options = {
+    onMove?: () => void;
+    onMoveStart?: () => void;
+    onMoveEnd?: () => void;
+};
+export default class DraggableHelper {
+    readonly handle?: HTMLElement | undefined;
+    readonly container?: HTMLElement | undefined;
+    readonly options: Options;
+    private unbindDown?;
+    private unbindMove?;
+    private unbindUp?;
+    constructor(handle?: HTMLElement | undefined, container?: HTMLElement | undefined, options?: Options);
+    teardown(): void;
+    private offsetX;
+    private offsetY;
+    private mousedown;
+    private mousemove;
+    private mouseup;
+}

package/dist/controls/vuewindow/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="../../../../../../src/shims-vue.d.ts" />
+import VWindow from './window/index.vue';
+import { StyleBlack, StyleWhite, StyleMetal, StyleGrayblue } from './style';
+export { WindowResizeEvent } from './window/utils';
+export { StyleBlack, StyleWhite, StyleMetal, StyleGrayblue, VWindow };
+export declare const WindowType: typeof import("*.vue");

package/dist/controls/vuewindow/resizable_helper.d.ts

@@ -0,0 +1,16 @@
+export interface Options {
+    minWidth: number;
+    maxWidth?: number;
+    minHeight: number;
+    maxHeight?: number;
+    onResize?: () => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
+}
+export default class ResizableHelper {
+    readonly container?: HTMLElement | undefined;
+    readonly options?: Options | undefined;
+    private handles?;
+    constructor(container?: HTMLElement | undefined, options?: Options | undefined);
+    teardown(): void;
+}

package/dist/controls/vuewindow/style.d.ts

@@ -0,0 +1,110 @@
+export declare type Style = Partial<CSSStyleDeclaration>;
+export interface WindowStyle {
+    window: Style;
+    titlebar: Style;
+    content: Style;
+    button: Style;
+    buttonHover: Style;
+    buttonActive: Style;
+}
+export declare enum EnumWindowStyle {
+    StyleBlack = 0,
+    StyleWhite = 1,
+    StyleMetal = 2,
+    StyleGrayblue = 3
+}
+export declare const StyleBlack: {
+    window: {
+        color: string;
+        boxShadow: string;
+        backgroundColor: string;
+    };
+    titlebar: {
+        backgroundColor: string;
+    };
+    content: {};
+    button: {
+        color: string;
+    };
+    buttonHover: {
+        backgroundColor: string;
+    };
+    buttonActive: {
+        color: string;
+        backgroundColor: string;
+    };
+};
+export declare const StyleWhite: {
+    window: {
+        color: string;
+        boxShadow: string;
+        backgroundColor: string;
+    };
+    titlebar: {
+        backgroundColor: string;
+    };
+    content: {};
+    button: {
+        color: string;
+    };
+    buttonHover: {
+        backgroundColor: string;
+    };
+    buttonActive: {
+        color: string;
+        backgroundColor: string;
+    };
+};
+export declare const StyleMetal: {
+    window: {
+        color: string;
+        boxShadow: string;
+        background: string;
+    };
+    titlebar: {
+        background: string;
+    };
+    content: {};
+    button: {
+        color: string;
+    };
+    buttonHover: {
+        backgroundColor: string;
+    };
+    buttonActive: {
+        color: string;
+        backgroundColor: string;
+    };
+};
+/**
+ * 地球的窗体样式-浅灰蓝色
+ */
+export declare const StyleGrayblue: {
+    window: {
+        color: string;
+        fontSize: string;
+        boxShadow: string;
+        backgroundColor: string;
+        borderRadius: string;
+    };
+    titlebar: {
+        backgroundColor: string;
+        border: string;
+        borderRadius: string;
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+    };
+    content: {};
+    button: {
+        color: string;
+        fontSize: string;
+    };
+    buttonHover: {
+        backgroundColor: string;
+    };
+    buttonActive: {
+        color: string;
+        backgroundColor: string;
+    };
+};

package/dist/controls/vuewindow/window/Button.vue.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    windowStyle: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {
+    hover: import("vue").Ref<boolean>;
+    active: import("vue").Ref<boolean>;
+    style: () => any;
+    mouseup: (e: MouseEvent & TouchEvent) => void;
+    mousedown: (e: MouseEvent & TouchEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    disabled?: unknown;
+    windowStyle?: unknown;
+} & {
+    disabled: boolean;
+    windowStyle: Record<string, any>;
+} & {}>, {
+    disabled: boolean;
+}>;
+export default _default;