meixioacomponent 0.9.47 → 0.9.48-alpha-2

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

@@ -8,16 +8,24 @@ declare class GuideControl implements GuideControlInterface {
     guideLight?: DynamicMountInterface | null;
     guideContent?: DynamicMountInterface | null;
     guideLightPosition: string | null;
+    errorIds: Set<String>;
     constructor(defaultCurrent: number, steps: GuideStepsType[], component: any);
+    private init;
     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: () => void;
+        click: (type?: boolean) => void;
     }[];
     onNextStepClick: () => void;
     /**
@@ -28,7 +36,7 @@ declare class GuideControl implements GuideControlInterface {
      * 开始下一步
      */
     startNextStep(): void;
-    onPrevStepClick: () => void;
+    onPrevStepClick: (type?: boolean) => void;
     onFinish: () => void;
     onSkip: () => void;
     beforeDestroy(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"GuideControl.d.ts","sourceRoot":"","sources":["../../../../packages/components/base/baseGuide/GuideControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,qBAAqB,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAEnG,cAAM,YAAa,YAAW,qBAAqB;IAC/C,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,GAAG,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAC3C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;gBAErB,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,GAAG;IAc3E,YAAY;IAkBZ,kBAAkB;IASlB,gBAAgB;IAgBhB,kBAAkB;IAiBlB,qBAAqB,CAAC,QAAQ,KAAA;IAK9B,0BAA0B,CAAC,KAAK,KAAA;;;;;IA+BhC,eAAe,aAQd;IAED;;OAEG;IACH,YAAY;IAiBZ;;OAEG;IACH,aAAa;IAQb,eAAe,aAMd;IAED,QAAQ,aAOP;IACD,MAAM,aAOL;IAED,aAAa;IAOb,gBAAgB;CAcnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"GuideControl.d.ts","sourceRoot":"","sources":["../../../../packages/components/base/baseGuide/GuideControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,qBAAqB,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAEnG,cAAM,YAAa,YAAW,qBAAqB;IAC/C,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,GAAG,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAC3C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;gBAEV,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,SAAS,EAAE,GAAG;IAoB3E,OAAO,CAAC,IAAI;IAUZ,YAAY;IAkBZ,UAAU,CAAC,KAAK,KAAA;IAehB,kBAAkB;IASlB,gBAAgB;IAchB;;;OAGG;IACH,wBAAwB,CAAC,OAAO,KAAA;IAYhC,kBAAkB;IAiBlB,qBAAqB,CAAC,QAAQ,KAAA;IAK9B,0BAA0B,CAAC,KAAK,KAAA;;;;;IA+BhC,eAAe,aAQd;IAED;;OAEG;IACH,YAAY;IAiBZ;;OAEG;IACH,aAAa;IAQb,eAAe,2BAgBd;IAED,QAAQ,aAOP;IACD,MAAM,aAOL;IAED,aAAa;IAYb,gBAAgB;CAYnB;AAED,eAAe,YAAY,CAAA"}

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

@@ -15,12 +15,23 @@ class GuideControl {
                 this.startNextStep();
             }
         };
-        this.onPrevStepClick = () => {
-            this.current -= 1;
-            try {
-                this.component.onNextStepClick(this.current);
+        this.onPrevStepClick = (type = false) => {
+            let index = this.current - 1;
+            if (index === 0 && this.errorIds.size > 0 && type) {
+                this.onSkip();
+                return;
             }
-            catch (error) {
+            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 = () => {
@@ -54,6 +65,17 @@ class GuideControl {
         this.guideContent = null;
         // 引导需要展示的位置
         this.guideLightPosition = null;
+        //     记录dom节点没有导致的引导错误的节点
+        this.errorIds = new Set();
+        this.init();
+    }
+    init() {
+        this.steps.push({
+            element: 'logo-wrap',
+            placement: 'bottom-left',
+            title: '引导结束',
+            body: '本次引导已结束，快去试试吧！',
+        });
     }
     onStartGuide() {
         setTimeout(() => {
@@ -69,6 +91,18 @@ class GuideControl {
             }
         }, 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;
@@ -86,12 +120,25 @@ class GuideControl {
             componentProps: { _guideControl: this },
         });
         this.guideLight.on('mounted', (component) => {
-            console.log(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;
@@ -175,9 +222,15 @@ class GuideControl {
         }
     }
     beforeDestroy() {
-        let node = document.getElementsByClassName('base-guide-overlay')[0];
-        document.body.removeChild(node);
-        this.component.onDestroy();
+        try {
+            let node = document.getElementsByClassName('base-guide-overlay')[0];
+            document.body.removeChild(node);
+        }
+        catch (error) {
+        }
+        finally {
+            this.component.onDestroy();
+        }
     }
     destroyComponent() {
         if (this.guideLight) {

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicMountClass.d.ts","sourceRoot":"","sources":["../../../packages/components/dynamicmount/DynamicMountClass.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAE7E,cAAM,iBAAkB,YAAW,qBAAqB;IACpD,SAAS,EAAE,IAAI,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC;IAClB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,GAAG,CAAC;gBAEN,YAAY,KAAA;IAQjB,IAAI;IAgBJ,YAAY,IAAI,MAAM;IAItB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,EAAE,EAAE,EAAE,QAAQ;IAarD,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,OAAO;CAOlB;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicMountClass.d.ts","sourceRoot":"","sources":["../../../packages/components/dynamicmount/DynamicMountClass.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAI7E,cAAM,iBAAkB,YAAW,qBAAqB;IACpD,SAAS,EAAE,IAAI,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC;IAClB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,GAAG,CAAC;gBAEN,YAAY,KAAA;IAQjB,IAAI;IAgBJ,YAAY,IAAI,MAAM;IAItB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,EAAE,EAAE,EAAE,QAAQ;IAarD,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,OAAO;CAOlB;AAED,eAAe,iBAAiB,CAAA"}

package/lib/components/dynamicmount/index.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = __importDefault(require("vue"));
 // @ts-ignore
 const dynamicMount_vue_1 = __importDefault(require("./dynamicMount.vue"));
 const componentConfig_1 = __importDefault(require("../../config/componentConfig"));
+const vue_1 = __importDefault(require("vue"));
 const ComponentInsertConstructor = vue_1.default.extend(dynamicMount_vue_1.default);
 //使用方法
 // this.$dynmaicMount({

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/index.ts"],"names":[],"mappings":"AAqDA,OAAO,iBAAiB,MAAM,kCAAkC,CAAA;AAGhE,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAS5C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AAiFpD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoErB,CAAA;AAID,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/index.ts"],"names":[],"mappings":"AAqDA,OAAO,iBAAiB,MAAM,kCAAkC,CAAA;AAGhE,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAS5C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AAmFpD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoErB,CAAA;AAID,eAAe,gBAAgB,CAAA"}

package/lib/components/index.js

@@ -135,6 +135,7 @@ const install = (Vue) => {
     };
     window[`meixiComponentConfig`] = componentConfig_1.default;
 };
+//
 if (typeof window !== 'undefined' && window[`Vue`]) {
     install(window[`Vue`]);
 }

package/lib/config/componentConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentConfig.d.ts","sourceRoot":"","sources":["../../packages/config/componentConfig.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAEpD,QAAA,MAAM,eAAe,EAAE,mBAgEtB,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"componentConfig.d.ts","sourceRoot":"","sources":["../../packages/config/componentConfig.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAEpD,QAAA,MAAM,eAAe,EAAE,mBAiEtB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/config/use/UseGuide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseGuide.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseGuide.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAEhG,cAAM,QAAS,YAAW,iBAAiB;IACvC,cAAc,EAAE,qBAAqB,GAAG,IAAI,CAAA;;IAM5C,UAAU,CAAC,MAAM,EAAE,kBAAkB;CAsBxC;AAED,QAAA,MAAM,QAAQ,UAAiB,CAAA;AAE/B,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"UseGuide.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseGuide.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAGhG,cAAM,QAAS,YAAW,iBAAiB;IACvC,cAAc,EAAE,qBAAqB,GAAG,IAAI,CAAA;;IAM5C,UAAU,CAAC,MAAM,EAAE,kBAAkB;CAsBxC;AAED,QAAA,MAAM,QAAQ,UAAiB,CAAA;AAE/B,eAAe,QAAQ,CAAA"}

package/lib/config/use/UseGuide.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // @ts-ignore
 const index_vue_1 = __importDefault(require("../../components/base/baseGuide/index.vue"));
 const DynamicMountClass_1 = __importDefault(require("../../components/dynamicmount/DynamicMountClass"));
+const vue_1 = __importDefault(require("vue"));
 class UseGuide {
     constructor() {
         this.guideComponent = null;
@@ -17,12 +18,12 @@ class UseGuide {
                 componentProps: Object.assign({}, params),
             });
             this.guideComponent.on('mounted', (component) => {
-                component.guideControl.onStartGuide();
+                vue_1.default.nextTick(() => {
+                    component.guideControl.onStartGuide();
+                });
             });
             this.guideComponent.on('destroyed', () => {
-                console.log('destroyed');
                 this.guideComponent = null;
-                console.log(this.guideComponent);
             });
             this.guideComponent.init();
         }

package/lib/config/use/UseImg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseImg.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseImg.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAE3E,cAAM,MAAO,YAAW,gBAAgB;IACpC,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;;IAM3C,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;IAoBlB,OAAO;CAOV;AAED,QAAA,IAAI,MAAM,QAAe,CAAC;AAE1B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"UseImg.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseImg.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAG3E,cAAM,MAAO,YAAW,gBAAgB;IACpC,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;;IAM3C,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;IAoBlB,OAAO;CAOV;AAED,QAAA,IAAI,MAAM,QAAe,CAAC;AAE1B,eAAe,MAAM,CAAC"}

package/lib/config/use/UseImg.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = __importDefault(require("vue"));
 // @ts-ignore
 const image_viewer_vue_1 = __importDefault(require("../../components/base/baseImageViewer/image-viewer.vue"));
 const DynamicMountClass_1 = __importDefault(require("../../components/dynamicmount/DynamicMountClass"));
+const vue_1 = __importDefault(require("vue"));
 class UseImg {
     constructor() {
         this.dynamicMount = null;

package/lib/config/use/UseUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseUpload.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseUpload.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAI7E,cAAM,SAAU,YAAW,kBAAkB;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;;IAQd,QAAQ,CAAC,UAAU,KAAA,EAAE,EAAE,KAAA;IA2BvB,QAAQ,CAAC,GAAG,OAAO;IAmBnB,gBAAgB,CAAC,IAAI,KAAA;CAYxB;AAED,QAAA,IAAI,SAAS,WAAkB,CAAA;AAE/B,eAAe,SAAS,CAAA"}
+{"version":3,"file":"UseUpload.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseUpload.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAG7E,cAAM,SAAU,YAAW,kBAAkB;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;;IAQd,QAAQ,CAAC,UAAU,KAAA,EAAE,EAAE,KAAA;IA2BvB,QAAQ,CAAC,GAAG,OAAO;IAmBnB,gBAAgB,CAAC,IAAI,KAAA;CAYxB;AAED,QAAA,IAAI,SAAS,WAAkB,CAAA;AAE/B,eAAe,SAAS,CAAA"}

package/lib/config/use/UseUpload.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = __importDefault(require("vue"));
 // @ts-ignore
 const upload_vue_1 = __importDefault(require("../../components/base/upload/upload.vue"));
 const DynamicMountClass_1 = __importDefault(require("../../components/dynamicmount/DynamicMountClass"));
+const vue_1 = __importDefault(require("vue"));
 class UseUpload {
     constructor() {
         this.cbList = [];