@authing/vue-ui-components 3.1.31 → 4.0.1

package/components/Guard/src/index.vue

@@ -1,29 +1,11 @@
 <template>
-  <div id="authing_guard_container"></div>
+  <div id="authing_guard_container" />
 </template>
 
 <script>
-import {
-  getAuthClient,
-  initAuthClient,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-  Guard as NativeGuard,
-  GuardEventsCamelToKebabMapping,
-} 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 {
-  getAuthClient,
-  initAuthClient,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-};
-
 const callbackEvent = ["before-login", "before-register"];
 
 export default {
@@ -88,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,
@@ -111,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,
@@ -133,9 +115,7 @@ export default {
     });
 
     const evts = Object.values(GuardEventsCamelToKebabMapping);
-    const kebabToCamelMap = Object.entries(
-      GuardEventsCamelToKebabMapping
-    ).reduce((acc, [camel, kebab]) => {
+    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMapping).reduce((acc, [camel, kebab]) => {
       return Object.assign({}, acc, {
         [kebab]: camel,
       });
@@ -161,14 +141,19 @@ export default {
       });
     }, {});
 
-    evts.forEach((evtName) =>
-      this.guardInstance.on(evtName, listeners[evtName])
-    );
+    evts.forEach((evtName) => this.guardInstance.on(evtName, listeners[evtName]));
 
     if (this.localVisible) {
       this.guardInstance.show();
     }
   },
+
+  beforeUnmount() {
+    this.guardInstance.unmountComponent();
+  },
+  beforeDestroy() {
+    this.guardInstance.unmountComponent();
+  },
   methods: {
     show() {
       this.guardInstance.show();
@@ -177,12 +162,5 @@ export default {
       this.guardInstance.hide();
     },
   },
-
-  beforeUnmount() {
-    this.guardInstance.unmountComponent();
-  },
-  beforeDestroy() {
-    this.guardInstance.unmountComponent();
-  },
 };
 </script>

package/components/index.js

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