@authing/vue-ui-components 3.0.12 → 3.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@authing/vue-ui-components",
3
3
  "description": "Authing Vue UI components",
4
- "version": "3.0.12",
4
+ "version": "3.0.13",
5
5
  "keywords": [
6
6
  "vue",
7
7
  "vuejs",
@@ -36,9 +36,9 @@
36
36
  "@authing/native-js-ui-components": "^3.0.12"
37
37
  },
38
38
  "devDependencies": {
39
- "@babel/core": "^7.4.0",
39
+ "@babel/core": "^7.17.5",
40
40
  "@babel/plugin-transform-runtime": "7.4.0",
41
- "@babel/preset-env": "7.4.2",
41
+ "@babel/preset-env": "^7.16.11",
42
42
  "@vue/babel-preset-jsx": "1.0.0-beta.3",
43
43
  "@vue/cli-plugin-babel": "^3.5.1",
44
44
  "@vue/cli-plugin-eslint": "^3.5.1",
@@ -78,6 +78,5 @@
78
78
  "browserslist": [
79
79
  "> 10%",
80
80
  "last 2 versions"
81
- ],
82
- "gitHead": "f5635b5d69805749ebf0e463b28d8b4dcb17e2b7"
81
+ ]
83
82
  }
@@ -108,20 +108,33 @@ export default {
108
108
  }
109
109
  },
110
110
  },
111
+ },
112
+ computed: {
113
+ mergeConfig: function () {
114
+ return {
115
+ ...this.config,
116
+ appId: this.appId,
117
+ mode: this.mode ?? this.config?.mode,
118
+ autoRegister: this.autoRegister ?? this.config?.autoRegister,
119
+ isSSO: this.isSSO ?? this.config?.isSSO,
120
+ clickCloseable: this.clickCloseable ?? this.config?.clickCloseable,
121
+ escCloseable: this.escCloseable ?? this.config?.escCloseable,
122
+ };
123
+ },
111
124
  },
112
125
  mounted() {
113
- this.config = this.config || {};
114
- this.config.mode = this.mode ? this.mode : this.config.mode;
115
- this.config.autoRegister = this.autoRegister
116
- ? this.autoRegister
117
- : this.config.autoRegister;
118
- this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
119
- this.config.clickCloseable = this.clickCloseable
120
- ? this.clickCloseable
121
- : this.config.clickCloseable;
122
- this.config.escCloseable = this.escCloseable
123
- ? this.escCloseable
124
- : this.config.escCloseable;
126
+ // this.config = this.config || {};
127
+ // this.config.mode = this.mode ? this.mode : this.config.mode;
128
+ // this.config.autoRegister = this.autoRegister
129
+ // ? this.autoRegister
130
+ // : this.config.autoRegister;
131
+ // this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
132
+ // this.config.clickCloseable = this.clickCloseable
133
+ // ? this.clickCloseable
134
+ // : this.config.clickCloseable;
135
+ // this.config.escCloseable = this.escCloseable
136
+ // ? this.escCloseable
137
+ // : this.config.escCloseable;
125
138
 
126
139
  // this.config.autoRegister = format(this.autoRegister, this.config.autoRegister)
127
140
  // this.config.isSSO = format(this.isSSO, this.config.isSSO)
@@ -130,7 +143,7 @@ export default {
130
143
 
131
144
  const guard = new NativeAuthingGuard(
132
145
  this.appId,
133
- this.config,
146
+ this.mergeConfig,
134
147
  this.tenantId
135
148
  );
136
149
 
@@ -13,7 +13,7 @@ import {
13
13
  RegisterMethods,
14
14
  } from "@authing/native-js-ui-components";
15
15
  import "@authing/native-js-ui-components/lib/index.min.css";
16
- import { Guard as NativeGuard } from '@authing/native-js-ui-components/components/Guard/index'
16
+ import { Guard as NativeGuard } from "@authing/native-js-ui-components/lib/index.min.js";
17
17
 
18
18
  export {
19
19
  getAuthClient,
@@ -105,26 +105,39 @@ export default {
105
105
  },
106
106
  },
107
107
  },
108
+ computed: {
109
+ mergeConfig: function () {
110
+ return {
111
+ ...this.config,
112
+ appId: this.appId,
113
+ mode: this.mode ?? this.config?.mode,
114
+ autoRegister: this.autoRegister ?? this.config?.autoRegister,
115
+ isSSO: this.isSSO ?? this.config?.isSSO,
116
+ clickCloseable: this.clickCloseable ?? this.config?.clickCloseable,
117
+ escCloseable: this.escCloseable ?? this.config?.escCloseable,
118
+ };
119
+ },
120
+ },
108
121
  mounted() {
109
- this.config = this.config || {};
110
- this.config.mode = this.mode ? this.mode : this.config.mode;
111
- this.config.autoRegister = this.autoRegister
112
- ? this.autoRegister
113
- : this.config.autoRegister;
114
- this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
115
- this.config.clickCloseable = this.clickCloseable
116
- ? this.clickCloseable
117
- : this.config.clickCloseable;
118
- this.config.escCloseable = this.escCloseable
119
- ? this.escCloseable
120
- : this.config.escCloseable;
122
+ // this.config = this.config || {};
123
+ // this.config.mode = this.mode ? this.mode : this.config.mode;
124
+ // this.config.autoRegister = this.autoRegister
125
+ // ? this.autoRegister
126
+ // : this.config.autoRegister;
127
+ // this.config.isSSO = this.isSSO ? this.isSSO : this.config.isSSO;
128
+ // this.config.clickCloseable = this.clickCloseable
129
+ // ? this.clickCloseable
130
+ // : this.config.clickCloseable;
131
+ // this.config.escCloseable = this.escCloseable
132
+ // ? this.escCloseable
133
+ // : this.config.escCloseable;
121
134
 
122
135
  // this.config.autoRegister = format(this.autoRegister, this.config.autoRegister)
123
136
  // this.config.isSSO = format(this.isSSO, this.config.isSSO)
124
137
  // this.config.clickCloseable = format(this.clickCloseable, this.config.clickCloseable)
125
138
  // this.config.escCloseable = format(this.escCloseable, this.config.escCloseable)
126
139
 
127
- const guard = new NativeGuard(this.appId, this.config);
140
+ const guard = new NativeGuard(this.appId, this.mergeConfig);
128
141
 
129
142
  const evts = Object.values(GuardEventsCamelToKebabMap);
130
143
  const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce(
@@ -3,4 +3,5 @@ import Guard from "./Guard.vue";
3
3
 
4
4
  export * from "./AuthingGuard.vue";
5
5
  export * from "./Guard.vue";
6
+
6
7
  export { AuthingGuard, Guard };
package/vue.config.js CHANGED
@@ -1,36 +1,33 @@
1
- const path = require('path')
1
+ const path = require("path");
2
2
 
3
3
  module.exports = {
4
4
  lintOnSave: false,
5
5
 
6
- outputDir: './docs',
7
- publicPath: './',
6
+ outputDir: "./docs",
7
+ publicPath: "./",
8
8
 
9
9
  configureWebpack: {
10
10
  entry: {
11
- app: path.resolve(__dirname, './docs-src/main.js'),
11
+ app: path.resolve(__dirname, "./docs-src/main.js"),
12
12
  },
13
13
  resolve: {
14
14
  alias: {
15
- '@style': path.resolve(__dirname, './src/style/imports.styl'),
16
- '@': path.resolve(__dirname, './docs-src'),
15
+ "@style": path.resolve(__dirname, "./src/style/imports.styl"),
16
+ "@": path.resolve(__dirname, "./docs-src"),
17
17
  },
18
18
  },
19
19
  },
20
20
 
21
- chainWebpack: config => {
22
- config.module
23
- .rule('js')
24
- .include
25
- .add(path.resolve(__dirname, './docs-src'))
21
+ chainWebpack: (config) => {
22
+ config.module.rule("js").include.add(path.resolve(__dirname, "./docs-src"));
26
23
 
27
24
  config.module
28
- .rule('vue')
29
- .use('vue-loader')
30
- .loader('vue-loader')
31
- .tap(options => {
32
- options.compilerOptions.preserveWhitespace = true
33
- return options
34
- })
25
+ .rule("vue")
26
+ .use("vue-loader")
27
+ .loader("vue-loader")
28
+ .tap((options) => {
29
+ options.compilerOptions.preserveWhitespace = true;
30
+ return options;
31
+ });
35
32
  },
36
- }
33
+ };