@authing/vue-ui-components 3.1.31 → 4.0.0-alpha.2

package/package.json

@@ -5,7 +5,7 @@
     "lib",
     "components"
   ],
-  "version": "3.1.31",
+  "version": "4.0.0-alpha.2",
   "keywords": [
     "vue",
     "vuejs",
@@ -18,7 +18,7 @@
     "demo:serve": "vue-cli-service serve",
     "demo:build": "vue-cli-service build",
     "demo:lint": "vue-cli-service lint",
-    "lint": "eslint --ext .js,.vue src/",
+    "lint": "eslint --ext .js,.vue components/",
     "dev": "nodemon --exec 'npm run build:es' --watch src -e js,vue,styl",
     "build:lib": "npm run clean && rollup -c config/rollup.config.js --environment NODE_ENV:production",
     "build:browser": "rollup --config configs/rollup.config.browser.js",
@@ -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-alpha.2"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -61,7 +61,6 @@
     "jest": "26.6.3",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
-    "node-sass": "^6.0.1",
     "postcss": "^8.3.11",
     "postcss-import": "^14.0.2",
     "postcss-minify": "^1.1.0",
@@ -97,5 +96,6 @@
   "browserslist": [
     "> 10%",
     "last 2 versions"
-  ]
+  ],
+  "gitHead": "27cf2be38df858ccc3697a09c0d7294de9b54d4a"
 }

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>