@authing/vue-ui-components 3.1.31 → 4.0.0

package/package.json

@@ -5,7 +5,7 @@
     "lib",
     "components"
   ],
-  "version": "3.1.31",
+  "version": "4.0.0",
   "keywords": [
     "vue",
     "vuejs",
@@ -35,7 +35,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@authing/native-js-ui-components": "^3.1.31"
+    "@authing/native-js-ui-components": "4.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -97,5 +97,6 @@
   "browserslist": [
     "> 10%",
     "last 2 versions"
-  ]
+  ],
+  "gitHead": "44b6d3f22978d3e56895a8aeb580d2f5dcac89d8"
 }

package/components/AuthingGuard/index.js

@@ -1,8 +0,0 @@
-import AuthingGuard from './src/index.vue'
-import '@authing/native-js-ui-components/lib/index.min.css'
-
-AuthingGuard.install = (app) => {
-	app.component(AuthingGuard.name, AuthingGuard)
-}
-
-export default AuthingGuard

package/components/AuthingGuard/src/index.vue

@@ -1,150 +0,0 @@
-<template>
-  <div id="authing_guard_container" />
-</template>
-
-<script>
-import { AuthingGuard as NativeAuthingGuard, GuardEventsCamelToKebabMap } from "@authing/native-js-ui-components";
-
-import "@authing/native-js-ui-components/lib/index.min.css";
-
-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,
-      guardInstance: null,
-      guarConfig: {},
-    };
-  },
-  watch: {
-    visible: {
-      immediate: true,
-      handler(val) {
-        if (val !== this.localVisible) {
-          this.localVisible = val;
-        }
-      },
-    },
-    localVisible: {
-      handler(val) {
-        if (val !== this.visible) {
-          this.$emit("visible", val);
-        }
-
-        if (val) {
-          this.show();
-        } else {
-          this.hide();
-        }
-      },
-    },
-  },
-  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 NativeAuthingGuard(this.appId, this.mergeConfig, 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) => this.guardInstance.on(evtName, listeners[evtName]));
-
-    if (this.localVisible) {
-      this.guardInstance.show();
-    }
-  },
-  methods: {
-    show() {
-      this.guardInstance.show();
-    },
-    hide() {
-      this.guardInstance.hide();
-    },
-  },
-};
-</script>