@solar-taro/ui-sun 3.1.1 → 3.2.0

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 (106) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/_color.scss +2 -2
  3. package/card/card-content.vue.d.ts +17 -0
  4. package/card/card-header.vue.d.ts +17 -0
  5. package/card/card-subtitle.vue.d.ts +17 -0
  6. package/card/card-title.vue.d.ts +17 -0
  7. package/card/card.vue.d.ts +23 -0
  8. package/card/index.d.ts +5 -0
  9. package/card/index.scss +90 -0
  10. package/chip/index.scss +5 -0
  11. package/index.d.ts +1 -0
  12. package/index.js +56 -46
  13. package/index10.js +16 -30
  14. package/index11.js +29 -17
  15. package/index12.js +17 -79
  16. package/index13.js +80 -24
  17. package/index14.js +24 -33
  18. package/index15.js +33 -75
  19. package/index16.js +75 -19
  20. package/index17.js +19 -49
  21. package/index18.js +46 -141
  22. package/index19.js +142 -27
  23. package/index20.js +27 -82
  24. package/index21.js +86 -23
  25. package/index22.js +20 -42
  26. package/index23.js +42 -23
  27. package/index24.js +21 -9
  28. package/index25.js +10 -27
  29. package/index26.js +29 -18
  30. package/index27.js +18 -30
  31. package/index28.js +30 -119
  32. package/index29.js +118 -9
  33. package/index30.js +7 -8
  34. package/index31.js +7 -8
  35. package/index32.js +6 -7
  36. package/index33.js +9 -7
  37. package/index34.js +14 -10
  38. package/index35.js +8 -7
  39. package/index36.js +11 -2
  40. package/index37.js +11 -2
  41. package/index38.js +8 -7
  42. package/index39.js +10 -2
  43. package/index4.js +1 -1
  44. package/index40.js +10 -2
  45. package/index41.js +1 -1
  46. package/index42.js +7 -2
  47. package/index43.js +1 -1
  48. package/index44.js +1 -1
  49. package/index45.js +1 -1
  50. package/index46.js +1 -1
  51. package/index47.js +1 -1
  52. package/index48.js +1 -1
  53. package/index49.js +1 -1
  54. package/index5.js +11 -14
  55. package/index50.js +1 -1
  56. package/index51.js +1 -1
  57. package/index52.js +1 -1
  58. package/index53.js +1 -1
  59. package/index54.js +1 -1
  60. package/index55.js +2 -526
  61. package/index56.js +2 -3
  62. package/index57.js +1 -1
  63. package/index58.js +1 -1
  64. package/index59.js +1 -1
  65. package/index6.js +16 -23
  66. package/index60.js +1 -1
  67. package/index61.js +1 -1
  68. package/index62.js +1 -1
  69. package/index63.js +1 -1
  70. package/index64.js +1 -1
  71. package/index65.js +1 -1
  72. package/index66.js +2 -66
  73. package/index67.js +2 -12
  74. package/index68.js +2 -25
  75. package/index69.js +2 -14
  76. package/index7.js +26 -17
  77. package/index70.js +3 -26
  78. package/index71.js +526 -2
  79. package/index72.js +63 -503
  80. package/index73.js +12 -79
  81. package/index74.js +23 -68
  82. package/index75.js +14 -69
  83. package/index76.js +24 -541
  84. package/index78.js +506 -2
  85. package/index79.js +79 -2
  86. package/index8.js +18 -17
  87. package/index80.js +69 -3
  88. package/index81.js +69 -2
  89. package/index82.js +543 -4
  90. package/index85.js +2 -2
  91. package/index86.js +3 -47
  92. package/index87.js +2 -82
  93. package/index88.js +4 -2
  94. package/index89.js +2 -2
  95. package/index9.js +13 -14
  96. package/index90.js +2 -2
  97. package/index91.js +2 -2
  98. package/index92.js +4 -0
  99. package/index93.js +50 -0
  100. package/index94.js +84 -0
  101. package/index95.js +4 -0
  102. package/index96.js +4 -0
  103. package/index97.js +4 -0
  104. package/item/index.scss +5 -2
  105. package/package.json +1 -1
  106. package/toggle/index.scss +35 -23
package/index88.js CHANGED
@@ -1,4 +1,6 @@
1
- var e = { exports: {} };
1
+ import * as e from "./index95.js";
2
+ import { getAugmentedNamespace as r } from "./index76.js";
3
+ const o = /* @__PURE__ */ r(e);
2
4
  export {
3
- e as __module
5
+ o as default
4
6
  };
package/index89.js CHANGED
@@ -1,4 +1,4 @@
1
- var a = { exports: {} };
1
+ var e = { exports: {} };
2
2
  export {
3
- a as __module
3
+ e as __module
4
4
  };
package/index9.js CHANGED
@@ -1,22 +1,21 @@
1
- import { defineComponent as t, computed as n, renderSlot as c, mergeProps as a, openBlock as l, createElementBlock as p } from "vue";
2
- const m = c, u = a, f = l, _ = p, v = /* @__PURE__ */ t({
3
- __name: "fab",
1
+ import { defineComponent as o, renderSlot as r, mergeProps as s, openBlock as n, createElementBlock as a } from "vue";
2
+ const l = r, p = s, c = n, f = a, _ = /* @__PURE__ */ o({
3
+ __name: "fab-group",
4
4
  props: {
5
- color: {}
5
+ offsetY: {
6
+ type: [Number, String],
7
+ default: 0
8
+ }
6
9
  },
7
- setup(o) {
8
- const r = o, s = n(() => [
9
- `sun-fab-${r.color}`
10
- ]);
11
- return (e, d) => (f(), _("view", u(e.$attrs, {
12
- class: ["sun-fab", s.value],
13
- "hover-class": "hover",
14
- "hover-stay-time": "200"
10
+ setup(t) {
11
+ return (e, m) => (c(), f("view", p(e.$attrs, {
12
+ class: "sun-fab-group",
13
+ style: { bottom: `calc(${15 + +t.offsetY}px + var(--safe-bottom))` }
15
14
  }), [
16
- m(e.$slots, "default")
15
+ l(e.$slots, "default")
17
16
  ], 16));
18
17
  }
19
18
  });
20
19
  export {
21
- v as default
20
+ _ as default
22
21
  };
package/index90.js CHANGED
@@ -1,4 +1,4 @@
1
- var a = { exports: {} };
1
+ var e = { exports: {} };
2
2
  export {
3
- a as __module
3
+ e as __module
4
4
  };
package/index91.js CHANGED
@@ -1,4 +1,4 @@
1
- const e = {};
1
+ var e = { exports: {} };
2
2
  export {
3
- e as default
3
+ e as __module
4
4
  };
package/index92.js ADDED
@@ -0,0 +1,4 @@
1
+ var e = { exports: {} };
2
+ export {
3
+ e as __module
4
+ };
package/index93.js ADDED
@@ -0,0 +1,50 @@
1
+ import { commonjsGlobal as B } from "./index76.js";
2
+ import { __module as d } from "./index96.js";
3
+ import { __require as S } from "./index78.js";
4
+ var m;
5
+ function w() {
6
+ return m ? d.exports : (m = 1, function(p, g) {
7
+ (function(v, c) {
8
+ p.exports = c(S());
9
+ })(B, function(v) {
10
+ return function() {
11
+ var c = v, u = c.lib, b = u.WordArray, f = u.Hasher, A = c.algo, i = [], x = A.SHA1 = f.extend({
12
+ _doReset: function() {
13
+ this._hash = new b.init([
14
+ 1732584193,
15
+ 4023233417,
16
+ 2562383102,
17
+ 271733878,
18
+ 3285377520
19
+ ]);
20
+ },
21
+ _doProcessBlock: function(s, h) {
22
+ for (var r = this._hash.words, a = r[0], o = r[1], t = r[2], n = r[3], _ = r[4], e = 0; e < 80; e++) {
23
+ if (e < 16)
24
+ i[e] = s[h + e] | 0;
25
+ else {
26
+ var H = i[e - 3] ^ i[e - 8] ^ i[e - 14] ^ i[e - 16];
27
+ i[e] = H << 1 | H >>> 31;
28
+ }
29
+ var l = (a << 5 | a >>> 27) + _ + i[e];
30
+ e < 20 ? l += (o & t | ~o & n) + 1518500249 : e < 40 ? l += (o ^ t ^ n) + 1859775393 : e < 60 ? l += (o & t | o & n | t & n) - 1894007588 : l += (o ^ t ^ n) - 899497514, _ = n, n = t, t = o << 30 | o >>> 2, o = a, a = l;
31
+ }
32
+ r[0] = r[0] + a | 0, r[1] = r[1] + o | 0, r[2] = r[2] + t | 0, r[3] = r[3] + n | 0, r[4] = r[4] + _ | 0;
33
+ },
34
+ _doFinalize: function() {
35
+ var s = this._data, h = s.words, r = this._nDataBytes * 8, a = s.sigBytes * 8;
36
+ return h[a >>> 5] |= 128 << 24 - a % 32, h[(a + 64 >>> 9 << 4) + 14] = Math.floor(r / 4294967296), h[(a + 64 >>> 9 << 4) + 15] = r, s.sigBytes = h.length * 4, this._process(), this._hash;
37
+ },
38
+ clone: function() {
39
+ var s = f.clone.call(this);
40
+ return s._hash = this._hash.clone(), s;
41
+ }
42
+ });
43
+ c.SHA1 = f._createHelper(x), c.HmacSHA1 = f._createHmacHelper(x);
44
+ }(), v.SHA1;
45
+ });
46
+ }(d), d.exports);
47
+ }
48
+ export {
49
+ w as __require
50
+ };
package/index94.js ADDED
@@ -0,0 +1,84 @@
1
+ import { commonjsGlobal as B } from "./index76.js";
2
+ import { __module as s } from "./index97.js";
3
+ import { __require as K } from "./index78.js";
4
+ var f;
5
+ function y() {
6
+ return f ? s.exports : (f = 1, function(u, z) {
7
+ (function(n, i) {
8
+ u.exports = i(K());
9
+ })(B, function(n) {
10
+ (function() {
11
+ var i = n, l = i.lib, v = l.Base, _ = i.enc, m = _.Utf8, p = i.algo;
12
+ p.HMAC = v.extend({
13
+ /**
14
+ * Initializes a newly created HMAC.
15
+ *
16
+ * @param {Hasher} hasher The hash algorithm to use.
17
+ * @param {WordArray|string} key The secret key.
18
+ *
19
+ * @example
20
+ *
21
+ * var hmacHasher = CryptoJS.algo.HMAC.create(CryptoJS.algo.SHA256, key);
22
+ */
23
+ init: function(e, r) {
24
+ e = this._hasher = new e.init(), typeof r == "string" && (r = m.parse(r));
25
+ var t = e.blockSize, a = t * 4;
26
+ r.sigBytes > a && (r = e.finalize(r)), r.clamp();
27
+ for (var c = this._oKey = r.clone(), h = this._iKey = r.clone(), d = c.words, x = h.words, o = 0; o < t; o++)
28
+ d[o] ^= 1549556828, x[o] ^= 909522486;
29
+ c.sigBytes = h.sigBytes = a, this.reset();
30
+ },
31
+ /**
32
+ * Resets this HMAC to its initial state.
33
+ *
34
+ * @example
35
+ *
36
+ * hmacHasher.reset();
37
+ */
38
+ reset: function() {
39
+ var e = this._hasher;
40
+ e.reset(), e.update(this._iKey);
41
+ },
42
+ /**
43
+ * Updates this HMAC with a message.
44
+ *
45
+ * @param {WordArray|string} messageUpdate The message to append.
46
+ *
47
+ * @return {HMAC} This HMAC instance.
48
+ *
49
+ * @example
50
+ *
51
+ * hmacHasher.update('message');
52
+ * hmacHasher.update(wordArray);
53
+ */
54
+ update: function(e) {
55
+ return this._hasher.update(e), this;
56
+ },
57
+ /**
58
+ * Finalizes the HMAC computation.
59
+ * Note that the finalize operation is effectively a destructive, read-once operation.
60
+ *
61
+ * @param {WordArray|string} messageUpdate (Optional) A final message update.
62
+ *
63
+ * @return {WordArray} The HMAC.
64
+ *
65
+ * @example
66
+ *
67
+ * var hmac = hmacHasher.finalize();
68
+ * var hmac = hmacHasher.finalize('message');
69
+ * var hmac = hmacHasher.finalize(wordArray);
70
+ */
71
+ finalize: function(e) {
72
+ var r = this._hasher, t = r.finalize(e);
73
+ r.reset();
74
+ var a = r.finalize(this._oKey.clone().concat(t));
75
+ return a;
76
+ }
77
+ });
78
+ })();
79
+ });
80
+ }(s), s.exports);
81
+ }
82
+ export {
83
+ y as __require
84
+ };
package/index95.js ADDED
@@ -0,0 +1,4 @@
1
+ const e = {};
2
+ export {
3
+ e as default
4
+ };
package/index96.js ADDED
@@ -0,0 +1,4 @@
1
+ var a = { exports: {} };
2
+ export {
3
+ a as __module
4
+ };
package/index97.js ADDED
@@ -0,0 +1,4 @@
1
+ var a = { exports: {} };
2
+ export {
3
+ a as __module
4
+ };
package/item/index.scss CHANGED
@@ -14,8 +14,11 @@
14
14
  border-bottom: none;
15
15
  }
16
16
 
17
- &-clickable.hover {
18
- background: var(--background-hover);
17
+ &-clickable {
18
+ &.hover,
19
+ &:active {
20
+ background: var(--background-hover);
21
+ }
19
22
  }
20
23
 
21
24
  &-inner {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solar-taro/ui-sun",
3
- "version": "3.1.1",
3
+ "version": "3.2.0",
4
4
  "type": "module",
5
5
  "main": "./index.js",
6
6
  "module": "./index.js",
package/toggle/index.scss CHANGED
@@ -54,42 +54,54 @@
54
54
  background-color: var(--color);
55
55
  }
56
56
 
57
- &-toggle-icon-wrapper {
57
+ &-icon-wrapper {
58
+ --padding: 2px;
58
59
  position: relative;
59
60
  width: 100%;
60
61
  height: 100%;
61
62
  transition: transform 300ms;
63
+ padding: var(--padding);
62
64
  }
63
65
 
64
- &-toggle-icon {
65
- --margin: 2px;
66
- --size: calc(var(--height) - var(--margin) * 2);
67
- position: absolute;
66
+ &-icon {
67
+ --size: calc(var(--height) - var(--padding) * 2);
68
+ position: relative;
68
69
  width: var(--size);
69
70
  height: var(--size);
70
- margin: var(--margin);
71
71
  border-radius: 999px;
72
- background-color: #fff;
73
- box-shadow:
74
- 0 3px 4px rgba(0, 0, 0, 0.06),
75
- 0 3px 8px rgba(0, 0, 0, 0.06);
76
- transition:
77
- left 300ms,
78
- right 300ms,
79
- width 120ms ease-in-out 80ms;
80
- left: 0;
81
- }
82
72
 
83
- &.hover &-toggle-icon {
84
- width: calc(var(--size) * 1.2);
73
+ &::before {
74
+ content: "";
75
+ position: absolute;
76
+ inset: 0;
77
+ border-radius: 999px;
78
+ background-color: #fff;
79
+ box-shadow:
80
+ 0 3px 4px rgba(0, 0, 0, 0.06),
81
+ 0 3px 8px rgba(0, 0, 0, 0.06);
82
+ transition:
83
+ left 300ms,
84
+ right 300ms;
85
+ }
86
+ }
87
+
88
+ &-checked &-icon-wrapper {
89
+ transform: translateX(calc(var(--width) - var(--height)));
85
90
  }
86
91
 
87
- &-checked &-toggle-icon-wrapper {
88
- transform: translateX(calc(var(--width) - var(--height)));
92
+ &:active &-icon,
93
+ &.hover &-icon {
94
+ &::before {
95
+ left: 0;
96
+ right: -30%;
97
+ }
89
98
  }
90
99
 
91
- &-checked &-toggle-icon {
92
- left: unset;
93
- right: calc(var(--width) - var(--height));
100
+ &-checked:active &-icon,
101
+ &-checked.hover &-icon {
102
+ &::before {
103
+ right: 0;
104
+ left: -30%;
105
+ }
94
106
  }
95
107
  }