@solar-taro/ui-sun 3.1.0 → 3.2.0

package/index88.js

@@ -1,4 +1,6 @@
-var e = { exports: {} };
+import * as e from "./index95.js";
+import { getAugmentedNamespace as r } from "./index76.js";
+const o = /* @__PURE__ */ r(e);
 export {
-  e as __module
+  o as default
 };

package/index89.js

@@ -1,4 +1,4 @@
-var a = { exports: {} };
+var e = { exports: {} };
 export {
-  a as __module
+  e as __module
 };

package/index9.js

@@ -1,22 +1,21 @@
-import { defineComponent as t, computed as n, renderSlot as c, mergeProps as a, openBlock as l, createElementBlock as p } from "vue";
-const m = c, u = a, f = l, _ = p, v = /* @__PURE__ */ t({
-  __name: "fab",
+import { defineComponent as o, renderSlot as r, mergeProps as s, openBlock as n, createElementBlock as a } from "vue";
+const l = r, p = s, c = n, f = a, _ = /* @__PURE__ */ o({
+  __name: "fab-group",
   props: {
-    color: {}
+    offsetY: {
+      type: [Number, String],
+      default: 0
+    }
   },
-  setup(o) {
-    const r = o, s = n(() => [
-      `sun-fab-${r.color}`
-    ]);
-    return (e, d) => (f(), _("view", u(e.$attrs, {
-      class: ["sun-fab", s.value],
-      "hover-class": "hover",
-      "hover-stay-time": "200"
+  setup(t) {
+    return (e, m) => (c(), f("view", p(e.$attrs, {
+      class: "sun-fab-group",
+      style: { bottom: `calc(${15 + +t.offsetY}px + var(--safe-bottom))` }
     }), [
-      m(e.$slots, "default")
+      l(e.$slots, "default")
     ], 16));
   }
 });
 export {
-  v as default
+  _ as default
 };

package/index90.js

@@ -1,4 +1,4 @@
-var a = { exports: {} };
+var e = { exports: {} };
 export {
-  a as __module
+  e as __module
 };

package/index91.js

@@ -1,4 +1,4 @@
-const e = {};
+var e = { exports: {} };
 export {
-  e as default
+  e as __module
 };

package/index92.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/index93.js

@@ -0,0 +1,50 @@
+import { commonjsGlobal as B } from "./index76.js";
+import { __module as d } from "./index96.js";
+import { __require as S } from "./index78.js";
+var m;
+function w() {
+  return m ? d.exports : (m = 1, function(p, g) {
+    (function(v, c) {
+      p.exports = c(S());
+    })(B, function(v) {
+      return function() {
+        var c = v, u = c.lib, b = u.WordArray, f = u.Hasher, A = c.algo, i = [], x = A.SHA1 = f.extend({
+          _doReset: function() {
+            this._hash = new b.init([
+              1732584193,
+              4023233417,
+              2562383102,
+              271733878,
+              3285377520
+            ]);
+          },
+          _doProcessBlock: function(s, h) {
+            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++) {
+              if (e < 16)
+                i[e] = s[h + e] | 0;
+              else {
+                var H = i[e - 3] ^ i[e - 8] ^ i[e - 14] ^ i[e - 16];
+                i[e] = H << 1 | H >>> 31;
+              }
+              var l = (a << 5 | a >>> 27) + _ + i[e];
+              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;
+            }
+            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;
+          },
+          _doFinalize: function() {
+            var s = this._data, h = s.words, r = this._nDataBytes * 8, a = s.sigBytes * 8;
+            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;
+          },
+          clone: function() {
+            var s = f.clone.call(this);
+            return s._hash = this._hash.clone(), s;
+          }
+        });
+        c.SHA1 = f._createHelper(x), c.HmacSHA1 = f._createHmacHelper(x);
+      }(), v.SHA1;
+    });
+  }(d), d.exports);
+}
+export {
+  w as __require
+};

package/index94.js

@@ -0,0 +1,84 @@
+import { commonjsGlobal as B } from "./index76.js";
+import { __module as s } from "./index97.js";
+import { __require as K } from "./index78.js";
+var f;
+function y() {
+  return f ? s.exports : (f = 1, function(u, z) {
+    (function(n, i) {
+      u.exports = i(K());
+    })(B, function(n) {
+      (function() {
+        var i = n, l = i.lib, v = l.Base, _ = i.enc, m = _.Utf8, p = i.algo;
+        p.HMAC = v.extend({
+          /**
+           * Initializes a newly created HMAC.
+           *
+           * @param {Hasher} hasher The hash algorithm to use.
+           * @param {WordArray|string} key The secret key.
+           *
+           * @example
+           *
+           *     var hmacHasher = CryptoJS.algo.HMAC.create(CryptoJS.algo.SHA256, key);
+           */
+          init: function(e, r) {
+            e = this._hasher = new e.init(), typeof r == "string" && (r = m.parse(r));
+            var t = e.blockSize, a = t * 4;
+            r.sigBytes > a && (r = e.finalize(r)), r.clamp();
+            for (var c = this._oKey = r.clone(), h = this._iKey = r.clone(), d = c.words, x = h.words, o = 0; o < t; o++)
+              d[o] ^= 1549556828, x[o] ^= 909522486;
+            c.sigBytes = h.sigBytes = a, this.reset();
+          },
+          /**
+           * Resets this HMAC to its initial state.
+           *
+           * @example
+           *
+           *     hmacHasher.reset();
+           */
+          reset: function() {
+            var e = this._hasher;
+            e.reset(), e.update(this._iKey);
+          },
+          /**
+           * Updates this HMAC with a message.
+           *
+           * @param {WordArray|string} messageUpdate The message to append.
+           *
+           * @return {HMAC} This HMAC instance.
+           *
+           * @example
+           *
+           *     hmacHasher.update('message');
+           *     hmacHasher.update(wordArray);
+           */
+          update: function(e) {
+            return this._hasher.update(e), this;
+          },
+          /**
+           * Finalizes the HMAC computation.
+           * Note that the finalize operation is effectively a destructive, read-once operation.
+           *
+           * @param {WordArray|string} messageUpdate (Optional) A final message update.
+           *
+           * @return {WordArray} The HMAC.
+           *
+           * @example
+           *
+           *     var hmac = hmacHasher.finalize();
+           *     var hmac = hmacHasher.finalize('message');
+           *     var hmac = hmacHasher.finalize(wordArray);
+           */
+          finalize: function(e) {
+            var r = this._hasher, t = r.finalize(e);
+            r.reset();
+            var a = r.finalize(this._oKey.clone().concat(t));
+            return a;
+          }
+        });
+      })();
+    });
+  }(s), s.exports);
+}
+export {
+  y as __require
+};

package/index95.js

@@ -0,0 +1,4 @@
+const e = {};
+export {
+  e as default
+};

package/index96.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/index97.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/item/index.scss

@@ -14,8 +14,11 @@
     border-bottom: none;
   }
 
-  &-clickable.hover {
-    background: var(--background-hover);
+  &-clickable {
+    &.hover,
+    &:active {
+      background: var(--background-hover);
+    }
   }
 
   &-inner {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solar-taro/ui-sun",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/stepper/index.scss

@@ -1,13 +1,32 @@
 .sun-stepper {
-  --button-size: 28px;
   --input-width: calc(var(--button-size) * 1.3);
+  --button-radius: 50%;
   --color: var(--color-dark);
-  --background: #f1f5f9;
-  --background-hover: #e2e8f0;
-  display: flex;
+  --background: #e2e8f0;
+  --background-hover: #cbd5e1;
   align-items: center;
   gap: 2px;
 
+  &-inline {
+    display: inline-flex;
+  }
+
+  &-block {
+    display: flex;
+  }
+
+  &-small {
+    --button-size: 24px;
+  }
+
+  &-middle {
+    --button-size: 28px;
+  }
+
+  &-large {
+    --button-size: 32px;
+  }
+
   &-disabled {
     cursor: not-allowed;
     opacity: 0.5;
@@ -15,13 +34,20 @@
 
   &-input {
     height: var(--button-size);
-    width: var(--input-width);
     text-align: center;
     border: none;
     outline: none;
     color: var(--color);
-    background-color: var(--background);
     font-size: 14px;
+    background: transparent;
+  }
+
+  &-inline > &-input {
+    width: var(--input-width);
+  }
+
+  &-block > &-input {
+    flex: 1;
   }
 
   &-btn {
@@ -37,22 +63,14 @@
       background-color ease-out 0.25s;
     color: var(--color);
     background-color: var(--background);
+    border-radius: var(--button-radius);
     -webkit-tap-highlight-color: transparent;
 
+    &:active:not(&-disabled),
     &.hover:not(&-disabled) {
       background-color: var(--background-hover);
     }
 
-    &-dec {
-      border-top-left-radius: 4px;
-      border-bottom-left-radius: 4px;
-    }
-
-    &-inc {
-      border-top-right-radius: 4px;
-      border-bottom-right-radius: 4px;
-    }
-
     &-disabled {
       cursor: not-allowed;
       opacity: 0.5;

package/stepper/index.vue.d.ts

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     type?: 'integer' | 'decimal';
+    expand?: 'inline' | 'block';
+    size?: 'small' | 'middle' | 'large';
     min?: number;
     max?: number;
     disabled?: boolean;
@@ -12,7 +14,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+    size: "small" | "middle" | "large";
     type: "integer" | "decimal";
+    expand: "inline" | "block";
     min: number;
     max: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/toggle/index.scss

@@ -54,42 +54,54 @@
     background-color: var(--color);
   }
 
-  &-toggle-icon-wrapper {
+  &-icon-wrapper {
+    --padding: 2px;
     position: relative;
     width: 100%;
     height: 100%;
     transition: transform 300ms;
+    padding: var(--padding);
   }
 
-  &-toggle-icon {
-    --margin: 2px;
-    --size: calc(var(--height) - var(--margin) * 2);
-    position: absolute;
+  &-icon {
+    --size: calc(var(--height) - var(--padding) * 2);
+    position: relative;
     width: var(--size);
     height: var(--size);
-    margin: var(--margin);
     border-radius: 999px;
-    background-color: #fff;
-    box-shadow:
-      0 3px 4px rgba(0, 0, 0, 0.06),
-      0 3px 8px rgba(0, 0, 0, 0.06);
-    transition:
-      left 300ms,
-      right 300ms,
-      width 120ms ease-in-out 80ms;
-    left: 0;
-  }
 
-  &.hover &-toggle-icon {
-    width: calc(var(--size) * 1.2);
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: 999px;
+      background-color: #fff;
+      box-shadow:
+        0 3px 4px rgba(0, 0, 0, 0.06),
+        0 3px 8px rgba(0, 0, 0, 0.06);
+      transition:
+        left 300ms,
+        right 300ms;
+    }
+  }
+
+  &-checked &-icon-wrapper {
+    transform: translateX(calc(var(--width) - var(--height)));
   }
 
-  &-checked &-toggle-icon-wrapper {
-    transform: translateX(calc(var(--width) - var(--height)));
+  &:active &-icon,
+  &.hover &-icon {
+    &::before {
+      left: 0;
+      right: -30%;
+    }
   }
 
-  &-checked &-toggle-icon {
-    left: unset;
-    right: calc(var(--width) - var(--height));
+  &-checked:active &-icon,
+  &-checked.hover &-icon {
+    &::before {
+      right: 0;
+      left: -30%;
+    }
   }
 }