@seresweb/website-component 2.2.2 → 2.3.0

package/dist/es/parameter-box.mjs

@@ -1,13 +1,7 @@
-import { defineComponent as c, createElementBlock as n, openBlock as a, normalizeClass as d, unref as i, Fragment as v, renderList as _, createElementVNode as t, toDisplayString as r, createBlock as u } from "vue";
-import { P as l } from "../_vars-BV4QQF-p.js";
-import { ScAnimatedNumber as p } from "./animated-number.mjs";
-const y = {
-  key: 0,
-  class: "parameter-wrap"
-}, f = { class: "item-name" }, h = { class: "item-value" }, k = { key: 1 }, B = {
-  key: 1,
-  class: "parameter-wrap"
-}, A = { class: "item-value" }, b = { key: 1 }, g = { class: "item-name" }, m = /* @__PURE__ */ c({
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as r, unref as a, Fragment as v, renderList as y, createElementVNode as i, toDisplayString as s, createBlock as p } from "vue";
+import { P as n } from "../_vars-BV4QQF-p.js";
+import { ScAnimatedNumber as c } from "./animated-number.mjs";
+const f = { key: 1 }, $ = { key: 1 }, u = /* @__PURE__ */ d({
   __name: "parameter-box",
   props: {
     dataList: {},
@@ -17,88 +11,132 @@ const y = {
     colorMode: { default: "light" },
     inline: { type: Boolean }
   },
-  setup(s) {
-    return (o, P) => (a(), n(
+  setup(m) {
+    return (t, k) => (o(), l(
       "div",
       {
-        class: d([
-          `${i(l)}-parameter-box`,
-          `${i(l)}-parameter-box--${o.colorMode}`,
-          o.inline && `${i(l)}-parameter-box--inline`
+        class: r([
+          `${a(n)}-parameter-box`,
+          `${a(n)}-parameter-box--${t.colorMode}`,
+          t.inline && `${a(n)}-parameter-box--inline`
         ])
       },
       [
-        (a(!0), n(
+        (o(!0), l(
           v,
           null,
-          _(o.dataList, (e) => (a(), n("div", {
-            key: e.name,
-            class: "parameter-item"
-          }, [
-            o.nameOnTop ? (a(), n("div", y, [
-              t(
+          y(t.dataList, (e) => (o(), l(
+            "div",
+            {
+              key: e.name,
+              class: r(`${a(n)}-parameter-item`)
+            },
+            [
+              t.nameOnTop ? (o(), l(
                 "div",
-                f,
-                r(e.name),
-                1
-                /* TEXT */
-              ),
-              t("div", h, [
-                typeof e.value == "number" ? (a(), u(i(p), {
+                {
                   key: 0,
-                  value: e.value,
-                  format: "",
-                  direction: "up",
-                  isAnimation: o.isAnimation,
-                  range: e.value / 10
-                }, null, 8, ["value", "isAnimation", "range"])) : (a(), n(
-                  "span",
-                  k,
-                  r(e.value),
-                  1
-                  /* TEXT */
-                )),
-                t(
-                  "span",
-                  null,
-                  r(e.unit),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ])) : (a(), n("div", B, [
-              t("div", A, [
-                typeof e.value == "number" ? (a(), u(i(p), {
-                  key: 0,
-                  value: e.value,
-                  format: "",
-                  direction: "up",
-                  isAnimation: o.isAnimation,
-                  range: e.value / 10
-                }, null, 8, ["value", "isAnimation", "range"])) : (a(), n(
-                  "span",
-                  b,
-                  r(e.value),
-                  1
-                  /* TEXT */
-                )),
-                t(
-                  "span",
-                  null,
-                  r(e.unit),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              t(
+                  class: r(`${a(n)}-parameter-wrap`)
+                },
+                [
+                  i(
+                    "div",
+                    {
+                      class: r(`${a(n)}-item-name`)
+                    },
+                    s(e.name),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  i(
+                    "div",
+                    {
+                      class: r(`${a(n)}-item-value`)
+                    },
+                    [
+                      typeof e.value == "number" ? (o(), p(a(c), {
+                        key: 0,
+                        value: e.value,
+                        format: "",
+                        direction: "up",
+                        isAnimation: t.isAnimation,
+                        range: e.value / 10
+                      }, null, 8, ["value", "isAnimation", "range"])) : (o(), l(
+                        "span",
+                        f,
+                        s(e.value),
+                        1
+                        /* TEXT */
+                      )),
+                      i(
+                        "span",
+                        null,
+                        s(e.unit),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              )) : (o(), l(
                 "div",
-                g,
-                r(e.name),
-                1
-                /* TEXT */
-              )
-            ]))
-          ]))),
+                {
+                  key: 1,
+                  class: r(`${a(n)}-parameter-wrap`)
+                },
+                [
+                  i(
+                    "div",
+                    {
+                      class: r(`${a(n)}-item-value`)
+                    },
+                    [
+                      typeof e.value == "number" ? (o(), p(a(c), {
+                        key: 0,
+                        value: e.value,
+                        format: "",
+                        direction: "up",
+                        isAnimation: t.isAnimation,
+                        range: e.value / 10
+                      }, null, 8, ["value", "isAnimation", "range"])) : (o(), l(
+                        "span",
+                        $,
+                        s(e.value),
+                        1
+                        /* TEXT */
+                      )),
+                      i(
+                        "span",
+                        null,
+                        s(e.unit),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  i(
+                    "div",
+                    {
+                      class: r(`${a(n)}-item-name`)
+                    },
+                    s(e.name),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              ))
+            ],
+            2
+            /* CLASS */
+          ))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -108,8 +146,8 @@ const y = {
     ));
   }
 });
-m.install = (s) => (s.component("ScParameterBox", m), s);
-const E = m;
+u.install = (m) => (m.component("ScParameterBox", u), m);
+const g = u;
 export {
-  E as ScParameterBox
+  g as ScParameterBox
 };

package/dist/es/radio.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as r, createElementBlock as m, openBlock as u, normalizeClass as p, unref as d, createElementVNode as o, toDisplayString as b } from "vue";
-import { P as i } from "../_vars-BV4QQF-p.js";
-const c = ["id", "name", "value", "checked", "disabled"], v = { class: "radio-label" }, n = /* @__PURE__ */ r({
+import { defineComponent as m, createElementBlock as u, openBlock as p, normalizeClass as o, unref as a, createElementVNode as d, toDisplayString as b } from "vue";
+import { P as l } from "../_vars-BV4QQF-p.js";
+const c = ["id", "name", "value", "checked", "disabled"], i = /* @__PURE__ */ m({
   __name: "radio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -11,37 +11,41 @@ const c = ["id", "name", "value", "checked", "disabled"], v = { class: "radio-la
     name: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(l, { emit: s }) {
-    const t = s;
-    return (e, a) => (u(), m(
+  setup(n, { emit: r }) {
+    const t = r;
+    return (e, s) => (p(), u(
       "label",
       {
-        class: p([`${d(i)}-radio`, e.disabled && `${d(i)}-disabled`])
+        class: o([`${a(l)}-radio`, e.disabled && `${a(l)}-disabled`])
       },
       [
-        o("input", {
+        d("input", {
           type: "radio",
           id: e.id,
           name: e.name,
           value: e.value,
           checked: e.modelValue === e.value,
           disabled: e.disabled,
-          class: "radio-input",
-          onChange: a[0] || (a[0] = (f) => t("update:modelValue", e.value))
-        }, null, 40, c),
-        a[1] || (a[1] = o(
+          class: o(`${a(l)}-radio-input`),
+          onChange: s[0] || (s[0] = (v) => t("update:modelValue", e.value))
+        }, null, 42, c),
+        d(
           "span",
-          { class: "radio-box" },
+          {
+            class: o(`${a(l)}-radio-box`)
+          },
           null,
-          -1
-          /* CACHED */
-        )),
-        o(
+          2
+          /* CLASS */
+        ),
+        d(
           "span",
-          v,
+          {
+            class: o(`${a(l)}-radio-label`)
+          },
           b(e.label),
-          1
-          /* TEXT */
+          3
+          /* TEXT, CLASS */
         )
       ],
       2
@@ -49,8 +53,8 @@ const c = ["id", "name", "value", "checked", "disabled"], v = { class: "radio-la
     ));
   }
 });
-n.install = (l) => (l.component("ScRadio", n), l);
-const B = n;
+i.install = (n) => (n.component("ScRadio", i), n);
+const g = i;
 export {
-  B as ScRadio
+  g as ScRadio
 };

package/dist/es/row.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as c, computed as o, provide as m, createElementBlock as f, openBlock as g, normalizeStyle as w, normalizeClass as d, renderSlot as x } from "vue";
+import { P as s } from "../_vars-BV4QQF-p.js";
+const a = /* @__PURE__ */ c({
+  __name: "row",
+  props: {
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "top" },
+    wrap: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const e = r, n = o(() => {
+      const t = e.gutter;
+      return typeof t == "number" ? t : {
+        small: 8,
+        medium: 16,
+        large: 24
+      }[t] || 0;
+    }), u = o(() => [
+      `${s}-row`,
+      {
+        [`${s}-row--wrap`]: e.wrap
+      }
+    ]), p = o(() => {
+      const t = n.value / 2;
+      return {
+        "--row-gutter": `${n.value}px`,
+        "--row-margin": `${-t}px`,
+        display: "flex",
+        flexWrap: e.wrap ? "wrap" : "nowrap",
+        justifyContent: e.justify,
+        alignItems: i(e.align),
+        marginLeft: `${-t}px`,
+        marginRight: `${-t}px`
+      };
+    });
+    function i(t) {
+      return {
+        top: "flex-start",
+        middle: "center",
+        bottom: "flex-end",
+        stretch: "stretch"
+      }[t] || "flex-start";
+    }
+    return m("rowGutter", n), (t, l) => (g(), f(
+      "div",
+      {
+        class: d(u.value),
+        style: w(p.value)
+      },
+      [
+        x(t.$slots, "default")
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+a.install = (r) => (r.component("ScRow", a), r);
+const v = a;
+export {
+  v as ScRow
+};

package/dist/es/select.mjs

@@ -0,0 +1,210 @@
+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 { P as t } from "../_vars-BV4QQF-p.js";
+import { C as X } from "../_icons-FW35XHO0.js";
+const j = ["innerHTML"], q = ["onClick"], g = /* @__PURE__ */ M({
+  name: "ScSelect",
+  __name: "select",
+  props: {
+    modelValue: { default: null },
+    options: { default: () => [] },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    dark: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 }
+  },
+  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);
+        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;
+    }, _ = (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);
+    };
+    return N(() => {
+      document.addEventListener("click", b);
+    }), O(() => {
+      document.removeEventListener("click", b);
+    }), w({
+      close: h,
+      selectOption: _
+    }), (e, m) => (c(), n(
+      "div",
+      {
+        ref_key: "selectRef",
+        ref: f,
+        class: a([`${l(t)}-select`, { [`${l(t)}-select--dark`]: e.dark }, { [`${l(t)}-select--disabled`]: e.disabled }])
+      },
+      [
+        o(" 选择框触发区域 "),
+        r(
+          "div",
+          {
+            class: a(`${l(t)}-select__trigger`),
+            onClick: E
+          },
+          [
+            o(" 已选择的值 "),
+            p.value ? (c(), n(
+              "div",
+              {
+                key: 0,
+                class: a(`${l(t)}-select__value`)
+              },
+              [
+                $(e.$slots, "selected", {
+                  value: p.value,
+                  hasValue: !!p.value
+                }, () => [
+                  S(
+                    k(p.value),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : (c(), n(
+              V,
+              { key: 1 },
+              [
+                o(" placeholder "),
+                r(
+                  "div",
+                  {
+                    class: a(`${l(t)}-select__placeholder`)
+                  },
+                  k(e.placeholder),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ],
+              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)
+          ],
+          2
+          /* CLASS */
+        ),
+        o(" 下拉菜单 "),
+        I(F, {
+          name: `${l(t)}-select-slide`,
+          persisted: ""
+        }, {
+          default: H(() => [
+            P(r(
+              "div",
+              {
+                class: a(`${l(t)}-select__dropdown`)
+              },
+              [
+                o(" 默认选项列表 "),
+                e.options && e.options.length > 0 && !e.$slots.default ? (c(), n(
+                  "div",
+                  {
+                    key: 0,
+                    class: a(`${l(t)}-select__options`)
+                  },
+                  [
+                    (c(!0), n(
+                      V,
+                      null,
+                      z(e.options, (i) => (c(), n("div", {
+                        key: `${i.value}`,
+                        class: a([
+                          `${l(t)}-select__option`,
+                          {
+                            [`${l(t)}-select__option--selected`]: e.modelValue === i.value,
+                            [`${l(t)}-select__option--disabled`]: i.disabled
+                          }
+                        ]),
+                        onClick: (A) => _(i)
+                      }, [
+                        $(e.$slots, "option", { option: i }, () => [
+                          S(
+                            k(i.label),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ], 10, q))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )) : (c(), n(
+                  V,
+                  { key: 1 },
+                  [
+                    o(" 自定义内容插槽 "),
+                    r(
+                      "div",
+                      {
+                        class: a(`${l(t)}-select__custom-content`)
+                      },
+                      [
+                        $(e.$slots, "default", {
+                          select: _,
+                          close: h
+                        })
+                      ],
+                      2
+                      /* CLASS */
+                    )
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ), [
+              [U, d.value]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name"])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+g.install = (u) => (u.component("ScSelect", g), u);
+const Q = g;
+export {
+  Q as ScSelect
+};

package/dist/es/swiper-normal.mjs

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