xianniu-ui 0.8.16 → 0.8.18

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.
Files changed (6) hide show
  1. package/lib/xianniu-ui.common.js +45 -29
  2. package/lib/xianniu-ui.umd.js +45 -29
  3. package/lib/xianniu-ui.umd.min.js +2 -2
  4. package/package.json +1 -1
  5. package/packages/style/src/tag.scss +33 -31
  6. package/src/utils/utils.js +22 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xianniu-ui",
3
- "version": "0.8.16",
3
+ "version": "0.8.18",
4
4
  "private": false,
5
5
  "main": "lib/xianniu-ui.umd.min.js",
6
6
  "scripts": {
package/packages/style/src/tag.scss CHANGED
@@ -1,35 +1,37 @@
1
1
  @import "./theme/variables.scss";
2
- .xn-tag {
3
- &--color {
4
- &__blue {
5
- color: $blue;
6
- border: 1px solid $blue;
7
- background-color: rgba($color: $blue, $alpha: 0.2);
8
- }
9
- &__grey {
10
- color: $grey;
11
- border: 1px solid $grey;
12
- background-color: rgba($color: $grey, $alpha: 0.2);
13
- }
14
- &__green {
15
- color: $green;
16
- border: 1px solid $green;
17
- background-color: rgba($color: $green, $alpha: 0.2);
18
- }
19
- &__red {
20
- color: $red;
21
- border: 1px solid $red;
22
- background-color: rgba($color: $red, $alpha: 0.2);
23
- }
24
- &__orange {
25
- color: $orange;
26
- border: 1px solid $orange;
27
- background-color: rgba($color: $orange, $alpha: 0.2);
28
- }
29
- &__yellow {
30
- color: $yellow;
31
- border: 1px solid $yellow;
32
- background-color: rgba($color: $yellow, $alpha: 0.2);
2
+ .el-tag{
3
+ &.xn-tag {
4
+ &--color{
5
+ &__blue {
6
+ color: $blue;
7
+ border: 1px solid $blue;
8
+ background-color: rgba($color: $blue, $alpha: 0.2);
9
+ }
10
+ &__grey {
11
+ color: $grey;
12
+ border: 1px solid $grey;
13
+ background-color: rgba($color: $grey, $alpha: 0.2);
14
+ }
15
+ &__green {
16
+ color: $green;
17
+ border: 1px solid $green;
18
+ background-color: rgba($color: $green, $alpha: 0.2);
19
+ }
20
+ &__red {
21
+ color: $red;
22
+ border: 1px solid $red;
23
+ background-color: rgba($color: $red, $alpha: 0.2);
24
+ }
25
+ &__orange {
26
+ color: $orange;
27
+ border: 1px solid $orange;
28
+ background-color: rgba($color: $orange, $alpha: 0.2);
29
+ }
30
+ &__yellow {
31
+ color: $yellow;
32
+ border: 1px solid $yellow;
33
+ background-color: rgba($color: $yellow, $alpha: 0.2);
34
+ }
33
35
  }
34
36
  }
35
37
  }
package/src/utils/utils.js CHANGED
@@ -58,14 +58,13 @@ const deepClone = (source) => {
58
58
  * @param {object} params
59
59
  * @param {string} name 文件名
60
60
  * @param {string} url 文件地址
61
+ * @returns
61
62
  */
62
63
  const download = (params = { name: '', url: '' }) => {
63
- const defaultParams = {
64
- url: '',
65
- name: '下载模板'
66
- }
67
- const _params = Object.assign(defaultParams, params)
68
- const { url, name } = _params
64
+ if(!params.url) return
65
+
66
+ let { url, name } = params
67
+ name = name ? name : getFileNameFromUrl(params.url)
69
68
  const x = new XMLHttpRequest();
70
69
  x.open("GET", url, true);
71
70
  x.responseType = "blob";
@@ -82,6 +81,23 @@ const download = (params = { name: '', url: '' }) => {
82
81
  };
83
82
  x.send();
84
83
  }
84
+
85
+ /**
86
+ * 从url中获取文件名
87
+ * @param {string} url
88
+ * @returns {string} filename
89
+ * @example
90
+ * getFileNameFromUrl('http://www.baidu.com/abc/def/123.jpg') // 123.jpg
91
+ * getFileNameFromUrl('http://www.baidu.com/abc/def/') // def
92
+ */
93
+ const getFileNameFromUrl = function(url){
94
+ var parsedUrl = new URL(url);
95
+ var pathname = parsedUrl.pathname;
96
+ var pathComponents = pathname.split('/');
97
+ var filename = pathComponents[pathComponents.length - 1];
98
+ return decodeURIComponent(filename);
99
+ }
100
+
85
101
  /**
86
102
  * 根据某个key 对数组去重合并
87
103
  * @param {array} arr 需要合并的数组