@authing/vue-ui-components 3.0.0 → 3.0.12-rc.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@authing/vue-ui-components",
   "description": "Authing Vue UI components",
-  "version": "3.0.0",
+  "version": "3.0.12-rc.2",
   "keywords": [
     "vue",
     "vuejs",
@@ -33,7 +33,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@authing/native-js-ui-components": "^3.0.0"
+    "@authing/native-js-ui-components": "3.0.12"
   },
   "devDependencies": {
     "@babel/core": "^7.4.0",
@@ -78,6 +78,5 @@
   "browserslist": [
     "> 10%",
     "last 2 versions"
-  ],
-  "gitHead": "9056f23895fd3f0f6358a735605212246f8526f8"
-}
+  ]
+}

package/src/components/Guard.vue

@@ -15,14 +15,7 @@ import {
 } from "@authing/native-js-ui-components";
 import "@authing/native-js-ui-components/lib/index.min.css";
 
-export {
-  getAuthClient,
-  initAuthClient,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-};
+export { getAuthClient, initAuthClient, GuardMode, GuardScenes, LoginMethods, RegisterMethods };
 
 const format = (a, b) => {
   return !a || a === "false" ? b : true;
@@ -108,16 +101,10 @@ export default {
   mounted() {
     this.config = this.config || {};
     this.config.mode = this.mode ? this.mode : this.config.mode;
-    this.config.autoRegister = this.autoRegister
-      ? this.autoRegister
-      : this.config.autoRegister;
+    this.config.autoRegister = this.autoRegister ? this.autoRegister : this.config.autoRegister;
     this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
-    this.config.clickCloseable = this.clickCloseable
-      ? this.clickCloseable
-      : this.config.clickCloseable;
-    this.config.escCloseable = this.escCloseable
-      ? this.escCloseable
-      : this.config.escCloseable;
+    this.config.clickCloseable = this.clickCloseable ? this.clickCloseable : this.config.clickCloseable;
+    this.config.escCloseable = this.escCloseable ? this.escCloseable : this.config.escCloseable;
 
     // this.config.autoRegister = format(this.autoRegister, this.config.autoRegister)
     // this.config.isSSO = format(this.isSSO, this.config.isSSO)
@@ -127,14 +114,11 @@ export default {
     const guard = new NativeGuard(this.appId, this.config);
 
     const evts = Object.values(GuardEventsCamelToKebabMap);
-    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce(
-      (acc, [camel, kebab]) => {
-        return Object.assign({}, acc, {
-          [kebab]: camel,
-        });
-      },
-      {}
-    );
+    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce((acc, [camel, kebab]) => {
+      return Object.assign({}, acc, {
+        [kebab]: camel,
+      });
+    }, {});
 
     const listeners = evts.reduce((acc, evtName) => {
       return Object.assign({}, acc, {

package/src/components/index.js

@@ -1,4 +1,12 @@
-import AuthingGuard from './AuthingGuard.vue'
+import Guard from "./Guard.vue";
 
-export * from './AuthingGuard.vue'
-export { AuthingGuard }
+import {
+  getAuthClient,
+  initAuthClient,
+  GuardMode,
+  GuardScenes,
+  LoginMethods,
+  RegisterMethods,
+} from "@authing/native-js-ui-components";
+
+export { Guard, getAuthClient, initAuthClient, GuardMode, GuardScenes, LoginMethods, RegisterMethods };

package/src/components/AuthingGuard.vue

@@ -1,183 +0,0 @@
-<template>
-  <div id="authing_guard_container"></div>
-</template>
-
-<script>
-import {
-  getAuthClient,
-  initAuthClient,
-  AuthingGuard as NativeAuthingGuard,
-  GuardEventsCamelToKebabMap,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-} from "@authing/native-js-ui-components";
-import "@authing/native-js-ui-components/lib/index.min.css";
-
-export {
-  getAuthClient,
-  initAuthClient,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  RegisterMethods,
-};
-
-const format = (a, b) => {
-  return !a || a === "false" ? b : true;
-};
-
-const callbackEvent = ["before-login", "before-register"];
-
-export default {
-  name: "AuthingGuard",
-  props: {
-    appId: {
-      type: String,
-      required: true,
-    },
-    tenantId: {
-      type: String,
-      required: false,
-    },
-    config: {
-      type: Object,
-      required: false,
-    },
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    mode: {
-      type: String,
-      required: false, // normal(全屏) modal(弹窗)
-    },
-    autoRegister: {
-      type: Boolean,
-      required: false,
-    },
-    isSSO: {
-      type: Boolean,
-      required: false,
-    },
-    clickCloseable: {
-      type: Boolean,
-      default: true,
-      required: false,
-    },
-    escCloseable: {
-      type: Boolean,
-      default: true,
-      required: false,
-    },
-    onBeforeLogin: {
-      type: Function,
-      required: false,
-    },
-    onBeforeRegister: {
-      type: Function,
-      required: false,
-    },
-  },
-  data() {
-    return {
-      localVisible: false,
-      $guard: null,
-    };
-  },
-  watch: {
-    visible: {
-      immediate: true,
-      handler(val) {
-        if (val !== this.localVisible) {
-          this.localVisible = val;
-        }
-      },
-    },
-    localVisible: {
-      handler(val) {
-        if (val !== this.visible) {
-          this.$emit("update:visible", val);
-        }
-
-        if (val) {
-          this.show();
-        } else {
-          this.hide();
-        }
-      },
-    },
-  },
-  mounted() {
-    this.config = this.config || {};
-    this.config.mode = this.mode ? this.mode : this.config.mode;
-    this.config.autoRegister = this.autoRegister
-      ? this.autoRegister
-      : this.config.autoRegister;
-    this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
-    this.config.clickCloseable = this.clickCloseable
-      ? this.clickCloseable
-      : this.config.clickCloseable;
-    this.config.escCloseable = this.escCloseable
-      ? this.escCloseable
-      : this.config.escCloseable;
-
-    // this.config.autoRegister = format(this.autoRegister, this.config.autoRegister)
-    // this.config.isSSO = format(this.isSSO, this.config.isSSO)
-    // this.config.clickCloseable = format(this.clickCloseable, this.config.clickCloseable)
-    // this.config.escCloseable = format(this.escCloseable, this.config.escCloseable)
-
-    const guard = new NativeAuthingGuard(
-      this.appId,
-      this.config,
-      this.tenantId
-    );
-
-    const evts = Object.values(GuardEventsCamelToKebabMap);
-    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce(
-      (acc, [camel, kebab]) => {
-        return Object.assign({}, acc, {
-          [kebab]: camel,
-        });
-      },
-      {}
-    );
-
-    const listeners = evts.reduce((acc, evtName) => {
-      return Object.assign({}, acc, {
-        [evtName]: (...rest) => {
-          if (evtName === "close") {
-            this.localVisible = false;
-          }
-          if (!callbackEvent.includes(evtName)) {
-            this.$emit(evtName, ...rest);
-          } else {
-            const camelEvtName = kebabToCamelMap[evtName];
-
-            if (this[camelEvtName]) {
-              return this[camelEvtName](...rest);
-            }
-            return true;
-          }
-        },
-      });
-    }, {});
-
-    evts.forEach((evtName) => guard.on(evtName, listeners[evtName]));
-
-    if (this.localVisible) {
-      guard.show();
-    }
-    this.$guard = guard;
-  },
-  methods: {
-    show() {
-      this.$guard.show();
-    },
-    hide() {
-      this.$guard.hide();
-    },
-  },
-};
-</script>