@authing/vue-ui-components 4.0.0 → 4.0.1

package/components/Guard/src/index.vue

@@ -1,11 +1,10 @@
 <template>
-  <div id="authing_guard_container"></div>
+  <div id="authing_guard_container" />
 </template>
 
 <script>
-import { Guard as NativeGuard } from "@authing/native-js-ui-components";
+import { Guard as NativeGuard, GuardEventsCamelToKebabMapping } from "@authing/native-js-ui-components";
 import "@authing/native-js-ui-components/lib/index.min.css";
-export * from "@authing/native-js-ui-components";
 
 const callbackEvent = ["before-login", "before-register"];
 
@@ -71,6 +70,19 @@ export default {
       guarConfig: {},
     };
   },
+  computed: {
+    mergeConfig: function () {
+      return {
+        ...this.config,
+        appId: this.appId,
+        mode: this.mode ?? this.config?.mode,
+        autoRegister: this.autoRegister ?? this.config?.autoRegister,
+        isSSO: this.isSSO ?? this.config?.isSSO,
+        clickCloseable: this.clickCloseable ?? this.config?.clickCloseable,
+        escCloseable: this.escCloseable ?? this.config?.escCloseable,
+      };
+    },
+  },
   watch: {
     visible: {
       immediate: true,
@@ -94,19 +106,6 @@ export default {
       },
     },
   },
-  computed: {
-    mergeConfig: function () {
-      return {
-        ...this.config,
-        appId: this.appId,
-        mode: this.mode ?? this.config?.mode,
-        autoRegister: this.autoRegister ?? this.config?.autoRegister,
-        isSSO: this.isSSO ?? this.config?.isSSO,
-        clickCloseable: this.clickCloseable ?? this.config?.clickCloseable,
-        escCloseable: this.escCloseable ?? this.config?.escCloseable,
-      };
-    },
-  },
   mounted() {
     this.guardInstance = new NativeGuard({
       appId: this.appId,
@@ -148,6 +147,13 @@ export default {
       this.guardInstance.show();
     }
   },
+
+  beforeUnmount() {
+    this.guardInstance.unmountComponent();
+  },
+  beforeDestroy() {
+    this.guardInstance.unmountComponent();
+  },
   methods: {
     show() {
       this.guardInstance.show();
@@ -156,12 +162,5 @@ export default {
       this.guardInstance.hide();
     },
   },
-
-  beforeUnmount() {
-    this.guardInstance.unmountComponent();
-  },
-  beforeDestroy() {
-    this.guardInstance.unmountComponent();
-  },
 };
 </script>

package/components/index.js

@@ -4,7 +4,7 @@ import '@authing/native-js-ui-components/lib/index.min.css'
 
 const components = [
 	// AuthingGuard,
-	Guard
+	Guard,
 ]
 // 全局注册
 const install = (app) => {
@@ -19,7 +19,8 @@ export {
 	Guard,
 	// AuthingGuard
 }
-
 export default {
-	install
+	install,
 }
+
+export * from "@authing/native-js-ui-components";