meixioacomponent 1.1.38 → 1.1.40

package/lib/components/base/baseGuide/GuideControl.d.ts

@@ -1,45 +1,45 @@
-import { DynamicMountInterface, GuideControlInterface, GuideStepsType } from "../../../typings/type";
-declare class GuideControl implements GuideControlInterface {
-    isOverlay: boolean;
-    steps: GuideStepsType[];
-    show: boolean;
-    component: any;
-    current: number;
-    guideLight?: DynamicMountInterface | null;
-    guideContent?: DynamicMountInterface | null;
-    guideLightPosition: string | null;
-    errorIds: Set<String>;
-    constructor(defaultCurrent: number, steps: GuideStepsType[], component: any);
-    onStartGuide(): void;
-    onDomError(index: any): void;
-    createGuideOverlay(): void;
-    createGuideLight(): void;
-    /**
-     * 获取node节点
-     * @param element
-     */
-    getGuideContentByElement(element: any): any;
-    createGuideContent(): void;
-    setGuideLightPosition(position: any): void;
-    getGuideHandleButtonConfig(value: any): {
-        text: string;
-        type: string;
-        click: (type?: boolean) => void;
-    }[];
-    onNextStepClick: () => void;
-    /**
-     * 需要判断是否是异步的下一步
-     */
-    onBeforeNext(): boolean;
-    /**
-     * 开始下一步
-     */
-    startNextStep(): void;
-    onPrevStepClick: (type?: boolean) => void;
-    onFinish: () => void;
-    onSkip: () => void;
-    beforeDestroy(): void;
-    destroyComponent(): void;
-}
-export default GuideControl;
+import { DynamicMountInterface, GuideControlInterface, GuideStepsType } from "../../../typings/type";
+declare class GuideControl implements GuideControlInterface {
+    isOverlay: boolean;
+    steps: GuideStepsType[];
+    show: boolean;
+    component: any;
+    current: number;
+    guideLight?: DynamicMountInterface | null;
+    guideContent?: DynamicMountInterface | null;
+    guideLightPosition: string | null;
+    errorIds: Set<String>;
+    constructor(defaultCurrent: number, steps: GuideStepsType[], component: any);
+    onStartGuide(): void;
+    onDomError(index: any): void;
+    createGuideOverlay(): void;
+    createGuideLight(): void;
+    /**
+     * 获取node节点
+     * @param element
+     */
+    getGuideContentByElement(element: any): any;
+    createGuideContent(): void;
+    setGuideLightPosition(position: any): void;
+    getGuideHandleButtonConfig(value: any): {
+        text: string;
+        type: string;
+        click: (type?: boolean) => void;
+    }[];
+    onNextStepClick: () => void;
+    /**
+     * 需要判断是否是异步的下一步
+     */
+    onBeforeNext(): boolean;
+    /**
+     * 开始下一步
+     */
+    startNextStep(): void;
+    onPrevStepClick: (type?: boolean) => void;
+    onFinish: () => void;
+    onSkip: () => void;
+    beforeDestroy(): void;
+    destroyComponent(): void;
+}
+export default GuideControl;
 //# sourceMappingURL=GuideControl.d.ts.map

package/lib/components/base/baseGuide/GuideControl.js

@@ -1,238 +1,238 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const guideContent_vue_1 = __importDefault(require("./guideContent.vue"));
-const guideLight_vue_1 = __importDefault(require("./guideLight.vue"));
-const DynamicMountClass_1 = __importDefault(require("../../dynamicmount/DynamicMountClass"));
-class GuideControl {
-    constructor(defaultCurrent, steps, component) {
-        // 点击下一步的操作
-        this.onNextStepClick = () => {
-            const flag = this.onBeforeNext();
-            if (flag) {
-                this.startNextStep();
-            }
-        };
-        this.onPrevStepClick = (type = false) => {
-            let index = this.current - 1;
-            if (index === 0 && this.errorIds.size > 0 && type) {
-                this.onSkip();
-                return;
-            }
-            if (this.errorIds.has(`${index}`)) {
-                this.current -= 1;
-                this.onPrevStepClick(true);
-            }
-            else {
-                this.current = index;
-                try {
-                    this.component.onNextStepClick(this.current);
-                }
-                catch (error) {
-                }
-            }
-        };
-        this.onFinish = () => {
-            try {
-                this.component.onFinish(this.current);
-            }
-            catch (error) {
-            }
-            finally {
-                this.beforeDestroy();
-            }
-        };
-        this.onSkip = () => {
-            try {
-                this.component.onSkip(this.current);
-            }
-            catch (error) {
-            }
-            finally {
-                this.beforeDestroy();
-            }
-        };
-        this.isOverlay = true;
-        this.steps = steps;
-        this.show = false;
-        this.component = component;
-        this.current = defaultCurrent;
-        // guideLight 组件
-        this.guideLight = null;
-        // 引导组件的内容
-        this.guideContent = null;
-        // 引导需要展示的位置
-        this.guideLightPosition = null;
-        //     记录dom节点没有导致的引导错误的节点
-        this.errorIds = new Set();
-    }
-    onStartGuide() {
-        setTimeout(() => {
-            this.component.$on('hook:destroyed', () => {
-                this.destroyComponent();
-            });
-            this.show = true;
-            if (this.isOverlay) {
-                this.createGuideOverlay();
-            }
-            if (!this.guideLight) {
-                this.createGuideLight();
-            }
-        }, 500);
-    }
-    // 当dom节点不存在时,跳过改次引导
-    onDomError(index) {
-        this.errorIds.add(`${index}`);
-        let _index = this.current + 1;
-        if (_index == this.steps.length) {
-            this.onFinish();
-        }
-        else {
-            this.current = _index;
-            this.onBeforeNext();
-        }
-    }
-    // 创建遮罩层
-    createGuideOverlay() {
-        const { zIndex } = this.component;
-        let overlay = document.createElement('div');
-        overlay.setAttribute('class', 'base-guide-overlay');
-        overlay.style.zIndex = String(zIndex - 2);
-        document.body.appendChild(overlay);
-    }
-    // 创建高亮层
-    createGuideLight() {
-        const { zIndex } = this.component;
-        this.guideLight = new DynamicMountClass_1.default({
-            zIndex: zIndex - 1,
-            vueComponent: guideLight_vue_1.default,
-            componentProps: { _guideControl: this },
-        });
-        this.guideLight.on('mounted', (component) => {
-        });
-        this.guideLight.on('destroyed', () => {
-        });
-        this.guideLight.init();
-    }
-    /**
-     * 获取node节点
-     * @param element
-     */
-    getGuideContentByElement(element) {
-        let node = null;
-        if (element.indexOf('#') === 0) {
-            node = document.getElementById(element.slice(1));
-        }
-        else {
-            node = document.getElementsByClassName(element)[0];
-        }
-        return node;
-    }
-    // 创建引导内容
-    createGuideContent() {
-        const { zIndex } = this.component;
-        if (!this.guideContent) {
-            this.guideContent = new DynamicMountClass_1.default({
-                zIndex: zIndex,
-                vueComponent: guideContent_vue_1.default,
-                componentProps: { _guideControl: this },
-            });
-            this.guideContent.on('mounted', (component) => {
-            });
-            this.guideContent.on('destroyed', () => {
-            });
-            this.guideContent.init();
-        }
-    }
-    // 设置引导的位置
-    setGuideLightPosition(position) {
-        this.guideLightPosition = position;
-    }
-    // 获取操作按钮配置
-    getGuideHandleButtonConfig(value) {
-        const stepLength = this.steps.length;
-        if (value === 0 && stepLength > 1) {
-            return [
-                { text: '跳过', type: 'info', click: this.onSkip },
-                { text: '下一步', type: 'primary', click: this.onNextStepClick },
-            ];
-        }
-        else if (value === stepLength - 1) {
-            if (stepLength === 1) {
-                return [
-                    { text: '跳过', type: 'info', click: this.onSkip },
-                    { text: '完成', type: 'primary', click: this.onFinish },
-                ];
-            }
-            else {
-                return [
-                    { text: '上一步', type: 'info', click: this.onPrevStepClick },
-                    { text: '完成', type: 'primary', click: this.onFinish },
-                ];
-            }
-        }
-        else {
-            return [
-                { text: '跳过', type: 'info', click: this.onSkip },
-                { text: '上一步', type: 'info', click: this.onPrevStepClick },
-                { text: '下一步', type: 'primary', click: this.onNextStepClick },
-            ];
-        }
-    }
-    /**
-     * 需要判断是否是异步的下一步
-     */
-    onBeforeNext() {
-        var _a;
-        let flag = true;
-        const steps = this.component.steps;
-        try {
-            const awaitFn = (_a = steps[this.current + 1]) === null || _a === void 0 ? void 0 : _a.awaitFn;
-            if (awaitFn) {
-                flag = false;
-                awaitFn(() => {
-                    this.startNextStep();
-                }, this.current);
-            }
-        }
-        catch (error) {
-        }
-        return flag;
-    }
-    /**
-     * 开始下一步
-     */
-    startNextStep() {
-        this.current += 1;
-        try {
-            this.component.onNextStepClick(this.current);
-        }
-        catch (error) {
-        }
-    }
-    beforeDestroy() {
-        try {
-            let node = document.getElementsByClassName('base-guide-overlay')[0];
-            document.body.removeChild(node);
-        }
-        catch (error) {
-        }
-        finally {
-            this.component.onDestroy();
-        }
-    }
-    destroyComponent() {
-        if (this.guideLight) {
-            let _guideLight = this.guideLight.getComponent();
-            _guideLight[`onDestroy`]();
-        }
-        if (this.guideContent) {
-            let _guideContent = this.guideContent.getComponent();
-            _guideContent[`onDestroy`]();
-        }
-        document.body.style.overflow = 'auto';
-    }
-}
-exports.default = GuideControl;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const guideContent_vue_1 = __importDefault(require("./guideContent.vue"));
+const guideLight_vue_1 = __importDefault(require("./guideLight.vue"));
+const DynamicMountClass_1 = __importDefault(require("../../dynamicmount/DynamicMountClass"));
+class GuideControl {
+    constructor(defaultCurrent, steps, component) {
+        // 点击下一步的操作
+        this.onNextStepClick = () => {
+            const flag = this.onBeforeNext();
+            if (flag) {
+                this.startNextStep();
+            }
+        };
+        this.onPrevStepClick = (type = false) => {
+            let index = this.current - 1;
+            if (index === 0 && this.errorIds.size > 0 && type) {
+                this.onSkip();
+                return;
+            }
+            if (this.errorIds.has(`${index}`)) {
+                this.current -= 1;
+                this.onPrevStepClick(true);
+            }
+            else {
+                this.current = index;
+                try {
+                    this.component.onNextStepClick(this.current);
+                }
+                catch (error) {
+                }
+            }
+        };
+        this.onFinish = () => {
+            try {
+                this.component.onFinish(this.current);
+            }
+            catch (error) {
+            }
+            finally {
+                this.beforeDestroy();
+            }
+        };
+        this.onSkip = () => {
+            try {
+                this.component.onSkip(this.current);
+            }
+            catch (error) {
+            }
+            finally {
+                this.beforeDestroy();
+            }
+        };
+        this.isOverlay = true;
+        this.steps = steps;
+        this.show = false;
+        this.component = component;
+        this.current = defaultCurrent;
+        // guideLight 组件
+        this.guideLight = null;
+        // 引导组件的内容
+        this.guideContent = null;
+        // 引导需要展示的位置
+        this.guideLightPosition = null;
+        //     记录dom节点没有导致的引导错误的节点
+        this.errorIds = new Set();
+    }
+    onStartGuide() {
+        setTimeout(() => {
+            this.component.$on('hook:destroyed', () => {
+                this.destroyComponent();
+            });
+            this.show = true;
+            if (this.isOverlay) {
+                this.createGuideOverlay();
+            }
+            if (!this.guideLight) {
+                this.createGuideLight();
+            }
+        }, 500);
+    }
+    // 当dom节点不存在时,跳过改次引导
+    onDomError(index) {
+        this.errorIds.add(`${index}`);
+        let _index = this.current + 1;
+        if (_index == this.steps.length) {
+            this.onFinish();
+        }
+        else {
+            this.current = _index;
+            this.onBeforeNext();
+        }
+    }
+    // 创建遮罩层
+    createGuideOverlay() {
+        const { zIndex } = this.component;
+        let overlay = document.createElement('div');
+        overlay.setAttribute('class', 'base-guide-overlay');
+        overlay.style.zIndex = String(zIndex - 2);
+        document.body.appendChild(overlay);
+    }
+    // 创建高亮层
+    createGuideLight() {
+        const { zIndex } = this.component;
+        this.guideLight = new DynamicMountClass_1.default({
+            zIndex: zIndex - 1,
+            vueComponent: guideLight_vue_1.default,
+            componentProps: { _guideControl: this },
+        });
+        this.guideLight.on('mounted', (component) => {
+        });
+        this.guideLight.on('destroyed', () => {
+        });
+        this.guideLight.init();
+    }
+    /**
+     * 获取node节点
+     * @param element
+     */
+    getGuideContentByElement(element) {
+        let node = null;
+        if (element.indexOf('#') === 0) {
+            node = document.getElementById(element.slice(1));
+        }
+        else {
+            node = document.getElementsByClassName(element)[0];
+        }
+        return node;
+    }
+    // 创建引导内容
+    createGuideContent() {
+        const { zIndex } = this.component;
+        if (!this.guideContent) {
+            this.guideContent = new DynamicMountClass_1.default({
+                zIndex: zIndex,
+                vueComponent: guideContent_vue_1.default,
+                componentProps: { _guideControl: this },
+            });
+            this.guideContent.on('mounted', (component) => {
+            });
+            this.guideContent.on('destroyed', () => {
+            });
+            this.guideContent.init();
+        }
+    }
+    // 设置引导的位置
+    setGuideLightPosition(position) {
+        this.guideLightPosition = position;
+    }
+    // 获取操作按钮配置
+    getGuideHandleButtonConfig(value) {
+        const stepLength = this.steps.length;
+        if (value === 0 && stepLength > 1) {
+            return [
+                { text: '跳过', type: 'info', click: this.onSkip },
+                { text: '下一步', type: 'primary', click: this.onNextStepClick },
+            ];
+        }
+        else if (value === stepLength - 1) {
+            if (stepLength === 1) {
+                return [
+                    { text: '跳过', type: 'info', click: this.onSkip },
+                    { text: '完成', type: 'primary', click: this.onFinish },
+                ];
+            }
+            else {
+                return [
+                    { text: '上一步', type: 'info', click: this.onPrevStepClick },
+                    { text: '完成', type: 'primary', click: this.onFinish },
+                ];
+            }
+        }
+        else {
+            return [
+                { text: '跳过', type: 'info', click: this.onSkip },
+                { text: '上一步', type: 'info', click: this.onPrevStepClick },
+                { text: '下一步', type: 'primary', click: this.onNextStepClick },
+            ];
+        }
+    }
+    /**
+     * 需要判断是否是异步的下一步
+     */
+    onBeforeNext() {
+        var _a;
+        let flag = true;
+        const steps = this.component.steps;
+        try {
+            const awaitFn = (_a = steps[this.current + 1]) === null || _a === void 0 ? void 0 : _a.awaitFn;
+            if (awaitFn) {
+                flag = false;
+                awaitFn(() => {
+                    this.startNextStep();
+                }, this.current);
+            }
+        }
+        catch (error) {
+        }
+        return flag;
+    }
+    /**
+     * 开始下一步
+     */
+    startNextStep() {
+        this.current += 1;
+        try {
+            this.component.onNextStepClick(this.current);
+        }
+        catch (error) {
+        }
+    }
+    beforeDestroy() {
+        try {
+            let node = document.getElementsByClassName('base-guide-overlay')[0];
+            document.body.removeChild(node);
+        }
+        catch (error) {
+        }
+        finally {
+            this.component.onDestroy();
+        }
+    }
+    destroyComponent() {
+        if (this.guideLight) {
+            let _guideLight = this.guideLight.getComponent();
+            _guideLight[`onDestroy`]();
+        }
+        if (this.guideContent) {
+            let _guideContent = this.guideContent.getComponent();
+            _guideContent[`onDestroy`]();
+        }
+        document.body.style.overflow = 'auto';
+    }
+}
+exports.default = GuideControl;

package/lib/components/dynamicmount/DynamicMountClass.d.ts

@@ -1,16 +1,16 @@
-import { DynamicMountInterface, DynamicMountParams } from "../../typings/type";
-declare class DynamicMountClass implements DynamicMountInterface {
-    destroyCb: null | Function;
-    mountdCb: null | Function;
-    domComponent: any;
-    params: DynamicMountParams;
-    refComponent: any;
-    constructor(dynamicMount: any);
-    init(): void;
-    getComponent(): object;
-    on(type: 'mounted' | 'destroyed', cb: Function): void;
-    private mounted;
-    private destroy;
-}
-export default DynamicMountClass;
+import { DynamicMountInterface, DynamicMountParams } from "../../typings/type";
+declare class DynamicMountClass implements DynamicMountInterface {
+    destroyCb: null | Function;
+    mountdCb: null | Function;
+    domComponent: any;
+    params: DynamicMountParams;
+    refComponent: any;
+    constructor(dynamicMount: any);
+    init(): void;
+    getComponent(): object;
+    on(type: 'mounted' | 'destroyed', cb: Function): void;
+    private mounted;
+    private destroy;
+}
+export default DynamicMountClass;
 //# sourceMappingURL=DynamicMountClass.d.ts.map