@seresweb/website-component 2.3.1 → 2.3.3

package/dist/es/select.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as M, ref as y, computed as C, onMounted as N, onUnmounted as O, createElementBlock as n, openBlock as c, normalizeClass as a, unref as l, createCommentVNode as o, createElementVNode as r, createVNode as I, renderSlot as $, createTextVNode as S, toDisplayString as k, Fragment as V, withModifiers as R, Transition as F, withCtx as H, withDirectives as P, renderList as z, vShow as U } from "vue";
+import { defineComponent as F, ref as V, computed as i, onMounted as z, onUnmounted as U, createElementBlock as c, openBlock as u, normalizeClass as n, unref as l, createCommentVNode as r, createElementVNode as v, createVNode as X, renderSlot as C, createTextVNode as B, toDisplayString as b, Fragment as y, withModifiers as j, Transition as q, withCtx as A, withDirectives as G, renderList as J, vShow as K } from "vue";
 import { P as t } from "../_vars-BV4QQF-p.js";
-import { C as X } from "../_icons-FW35XHO0.js";
-const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
+import { C as Q, b as W } from "../_icons-B97SN5iK.js";
+const Y = ["innerHTML"], Z = ["onClick"], S = /* @__PURE__ */ F({
   name: "ScSelect",
   __name: "select",
   props: {
@@ -10,65 +10,73 @@ const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
     placeholder: { default: "请选择" },
     disabled: { type: Boolean, default: !1 },
     dark: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 }
+    clearable: { type: Boolean, default: !1 },
+    icon: { default: void 0 },
+    iconRotate: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(u, { expose: w, emit: L }) {
-    const s = u, v = L, d = y(!1), B = X, f = y(), D = C(() => {
-      if (s.options && s.options.length > 0) {
-        const e = s.options.find((m) => m.value === s.modelValue);
+  setup(f, { expose: L, emit: M }) {
+    const o = f, p = M, d = V(!1), T = Q, D = W, k = V(), m = V(!1), E = i(() => o.icon || T), $ = i(() => o.clearable && o.modelValue !== null && o.modelValue !== void 0 && o.modelValue !== "" && m.value), R = i(() => $.value ? D : E.value), N = i(() => {
+      if (o.options && o.options.length > 0) {
+        const e = o.options.find((a) => a.value === o.modelValue);
         return e ? e.label : "";
       }
       return "";
-    }), p = C(() => s.options && s.options.length > 0 ? D.value : s.modelValue === null || s.modelValue === void 0 ? "" : String(s.modelValue)), E = (e) => {
-      e.preventDefault(), !s.disabled && (d.value = !d.value);
-    }, h = (e) => {
-      e == null || e.preventDefault(), d.value = !1;
+    }), h = i(() => o.options && o.options.length > 0 ? N.value : o.modelValue === null || o.modelValue === void 0 ? "" : String(o.modelValue)), O = (e) => {
+      I(e);
+    }, I = (e) => {
+      e.preventDefault(), !o.disabled && (d.value = !d.value);
     }, _ = (e) => {
-      e.disabled || (v("update:modelValue", e.value), v("change", e.value), h());
-    }, T = () => {
-      v("update:modelValue", null), v("change", null);
-    }, b = (e) => {
-      const m = e.target;
-      f.value && !f.value.contains(m) && (d.value = !1);
+      e == null || e.preventDefault(), d.value = !1;
+    }, g = (e) => {
+      e.disabled || (p("update:modelValue", e.value), p("change", e.value), _());
+    }, H = () => {
+      p("update:modelValue", null), p("change", null), m.value = !1;
+    }, P = (e) => {
+      e.stopPropagation(), $.value ? H() : I(e);
+    }, w = (e) => {
+      const a = e.target;
+      k.value && !k.value.contains(a) && (d.value = !1);
     };
-    return N(() => {
-      document.addEventListener("click", b);
-    }), O(() => {
-      document.removeEventListener("click", b);
-    }), w({
-      close: h,
-      selectOption: _
-    }), (e, m) => (c(), n(
+    return z(() => {
+      document.addEventListener("click", w);
+    }), U(() => {
+      document.removeEventListener("click", w);
+    }), L({
+      close: _,
+      selectOption: g
+    }), (e, a) => (u(), c(
       "div",
       {
         ref_key: "selectRef",
-        ref: f,
-        class: a([`${l(t)}-select`, { [`${l(t)}-select--dark`]: e.dark }, { [`${l(t)}-select--disabled`]: e.disabled }])
+        ref: k,
+        class: n([`${l(t)}-select`, { [`${l(t)}-select--dark`]: e.dark }, { [`${l(t)}-select--disabled`]: e.disabled }])
       },
       [
-        o(" 选择框触发区域 "),
-        r(
+        r(" 选择框触发区域 "),
+        v(
           "div",
           {
-            class: a(`${l(t)}-select__trigger`),
-            onClick: E
+            class: n(`${l(t)}-select__trigger`),
+            onClick: O,
+            onMouseenter: a[0] || (a[0] = (s) => m.value = !0),
+            onMouseleave: a[1] || (a[1] = (s) => m.value = !1)
           },
           [
-            o(" 已选择的值 "),
-            p.value ? (c(), n(
+            r(" 已选择的值 "),
+            h.value ? (u(), c(
               "div",
               {
                 key: 0,
-                class: a(`${l(t)}-select__value`)
+                class: n(`${l(t)}-select__value`)
               },
               [
-                $(e.$slots, "selected", {
-                  value: p.value,
-                  hasValue: !!p.value
+                C(e.$slots, "selected", {
+                  value: h.value,
+                  hasValue: !!h.value
                 }, () => [
-                  S(
-                    k(p.value),
+                  B(
+                    b(h.value),
                     1
                     /* TEXT */
                   )
@@ -76,17 +84,17 @@ const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
               ],
               2
               /* CLASS */
-            )) : (c(), n(
-              V,
+            )) : (u(), c(
+              y,
               { key: 1 },
               [
-                o(" placeholder "),
-                r(
+                r(" placeholder "),
+                v(
                   "div",
                   {
-                    class: a(`${l(t)}-select__placeholder`)
+                    class: n(`${l(t)}-select__placeholder`)
                   },
-                  k(e.placeholder),
+                  b(e.placeholder),
                   3
                   /* TEXT, CLASS */
                 )
@@ -94,90 +102,82 @@ const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
             )),
-            o(" 清除按钮 "),
-            e.clearable && e.modelValue !== null && e.modelValue !== void 0 ? (c(), n(
-              "div",
-              {
-                key: 2,
-                class: a(`${l(t)}-select__clear`),
-                onClick: R(T, ["stop"])
-              },
-              " × ",
-              2
-              /* CLASS */
-            )) : o("v-if", !0),
-            o(" 下拉箭头 "),
-            r("div", {
-              class: a([`${l(t)}-select__icon`, { [`${l(t)}-select__icon--open`]: d.value }]),
-              innerHTML: l(B),
-              "aria-hidden": "true"
-            }, null, 10, j)
+            r(" 下拉箭头/清除按钮 "),
+            v("div", {
+              class: n([
+                `${l(t)}-select__icon`,
+                { [`${l(t)}-select__icon--open`]: d.value && !$.value && e.iconRotate },
+                { [`${l(t)}-select__icon--clear`]: $.value }
+              ]),
+              innerHTML: R.value,
+              onClick: j(P, ["stop"])
+            }, null, 10, Y)
           ],
-          2
-          /* CLASS */
+          34
+          /* CLASS, NEED_HYDRATION */
         ),
-        o(" 下拉菜单 "),
-        I(F, {
+        r(" 下拉菜单 "),
+        X(q, {
           name: `${l(t)}-select-slide`,
           persisted: ""
         }, {
-          default: H(() => [
-            P(r(
+          default: A(() => [
+            G(v(
               "div",
               {
-                class: a(`${l(t)}-select__dropdown`)
+                class: n(`${l(t)}-select__dropdown`)
               },
               [
-                o(" 默认选项列表 "),
-                e.options && e.options.length > 0 && !e.$slots.default ? (c(), n(
+                r(" 默认选项列表 "),
+                e.options && e.options.length > 0 && !e.$slots.default ? (u(), c(
                   "div",
                   {
                     key: 0,
-                    class: a(`${l(t)}-select__options`)
+                    class: n(`${l(t)}-select__options`)
                   },
                   [
-                    (c(!0), n(
-                      V,
+                    (u(!0), c(
+                      y,
                       null,
-                      z(e.options, (i) => (c(), n("div", {
-                        key: `${i.value}`,
-                        class: a([
+                      J(e.options, (s) => (u(), c("div", {
+                        key: `${s.value}`,
+                        class: n([
                           `${l(t)}-select__option`,
                           {
-                            [`${l(t)}-select__option--selected`]: e.modelValue === i.value,
-                            [`${l(t)}-select__option--disabled`]: i.disabled
+                            [`${l(t)}-select__option--selected`]: e.modelValue === s.value,
+                            [`${l(t)}-select__option--disabled`]: s.disabled
                           }
                         ]),
-                        onClick: (A) => _(i)
+                        onClick: (x) => g(s)
                       }, [
-                        $(e.$slots, "option", { option: i }, () => [
-                          S(
-                            k(i.label),
+                        C(e.$slots, "option", { option: s }, () => [
+                          B(
+                            b(s.label),
                             1
                             /* TEXT */
                           )
                         ])
-                      ], 10, q))),
+                      ], 10, Z))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
                   ],
                   2
                   /* CLASS */
-                )) : (c(), n(
-                  V,
+                )) : (u(), c(
+                  y,
                   { key: 1 },
                   [
-                    o(" 自定义内容插槽 "),
-                    r(
+                    r(" 自定义内容插槽 "),
+                    v(
                       "div",
                       {
-                        class: a(`${l(t)}-select__custom-content`)
+                        class: n(`${l(t)}-select__custom-content`)
                       },
                       [
-                        $(e.$slots, "default", {
-                          select: _,
-                          close: h
+                        C(e.$slots, "default", {
+                          select: g,
+                          close: _
                         })
                       ],
                       2
@@ -191,7 +191,7 @@ const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
               2
               /* CLASS */
             ), [
-              [U, d.value]
+              [K, d.value]
             ])
           ]),
           _: 3
@@ -203,8 +203,8 @@ const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
     ));
   }
 });
-g.install = (u) => (u.component("ScSelect", g), u);
-const Q = g;
+S.install = (f) => (f.component("ScSelect", S), f);
+const oe = S;
 export {
-  Q as ScSelect
+  oe as ScSelect
 };

package/dist/es/swiper-normal.mjs

@@ -1,4 +1,4 @@
-import { b as a } from "../index-BPX4w5Vn.js";
+import { b as a } from "../index-BPpds5EG.js";
 export {
   a as ScSwiperNormal
 };