hys-ui 0.2.0 → 0.4.0

package/dist/components/HysPopover/HysPopover2.vue.js

@@ -1,4 +1,122 @@
-import f from "./HysPopover.vue.js";
+import { defineComponent as c, openBlock as g, createElementBlock as w, mergeProps as B, unref as o, createVNode as d, withCtx as p, renderSlot as a, normalizeProps as i, guardReactiveProps as u, createSlots as P, createTextVNode as k, toDisplayString as C } from "vue";
+import { useHysRootAttrs as x } from "../../config.js";
+import { usePopupSurface as O } from "../../composables/usePopupSurface.js";
+import S from "../../internal/PopupReference.js";
+import b from "../../internal/PopupSurfacePanel.vue.js";
+const D = /* @__PURE__ */ c({
+  __name: "HysPopover",
+  props: {
+    title: {},
+    content: {},
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
+    trigger: {},
+    triggerKeys: {},
+    triggerTabindex: {},
+    placement: { default: "bottom-end" },
+    offset: {},
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    showDelay: { default: 0 },
+    hideDelay: { default: 100 },
+    autoClose: {},
+    enterable: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !0 },
+    forceRender: { type: Boolean },
+    appendTo: { type: [String, Boolean], default: "body" },
+    reference: {},
+    width: {},
+    maxWidth: {},
+    maxHeight: {},
+    showArrow: { type: Boolean },
+    arrowOffset: {},
+    effect: { default: "light" },
+    color: {},
+    textColor: {},
+    overlayClass: {},
+    overlayStyle: {},
+    contentClass: {},
+    contentStyle: {},
+    zIndex: {},
+    ariaLabel: {},
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["update:open", "update:modelValue", "visibleChange", "openChange", "show", "hide", "opened", "closed"],
+  setup(l, { expose: f, emit: m }) {
+    const s = l, y = m, v = x(), e = O(
+      s,
+      "popover",
+      (r, ...n) => y(r, ...n)
+    );
+    return f({
+      element: e.panel,
+      referenceElement: e.actualReference,
+      open: e.open,
+      placement: e.placement,
+      show: e.show,
+      hide: e.hide,
+      close: e.hide,
+      toggle: e.toggle,
+      updatePosition: e.updatePosition,
+      focus: e.focus
+    }), (r, n) => (g(), w("span", B({
+      ref: (t) => o(e).wrapper.value = t
+    }, { ...o(v), ...o(e).wrapperAttrs.value }, {
+      class: ["hys-ui-popover-wrap", "hys-ui-popover-trigger"],
+      onPointerenter: n[1] || (n[1] = //@ts-ignore
+      (...t) => o(e).pointerEnter && o(e).pointerEnter(...t)),
+      onPointerleave: n[2] || (n[2] = //@ts-ignore
+      (...t) => o(e).pointerLeave && o(e).pointerLeave(...t)),
+      onFocusin: n[3] || (n[3] = //@ts-ignore
+      (...t) => o(e).focusIn && o(e).focusIn(...t)),
+      onFocusout: n[4] || (n[4] = //@ts-ignore
+      (...t) => o(e).focusOut && o(e).focusOut(...t)),
+      onClick: n[5] || (n[5] = //@ts-ignore
+      (...t) => o(e).click && o(e).click(...t)),
+      onContextmenu: n[6] || (n[6] = //@ts-ignore
+      (...t) => o(e).contextmenu && o(e).contextmenu(...t)),
+      onKeydown: n[7] || (n[7] = //@ts-ignore
+      (...t) => o(e).key && o(e).key(...t))
+    }), [
+      d(o(S), {
+        id: o(e).id,
+        open: o(e).open.value,
+        kind: "popover",
+        onElement: n[0] || (n[0] = (t) => o(e).referenceElement.value = t)
+      }, {
+        default: p(() => [
+          a(r.$slots, "trigger", i(u(o(e).scope.value)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["id", "open"]),
+      d(b, {
+        surface: o(e),
+        options: s,
+        kind: "popover",
+        title: l.title
+      }, P({
+        default: p((t) => [
+          a(r.$slots, "default", i(u(t)), () => [
+            k(C(l.content), 1)
+          ], !0)
+        ]),
+        _: 2
+      }, [
+        r.$slots.title ? {
+          name: "title",
+          fn: p((t) => [
+            a(r.$slots, "title", i(u(t)), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["surface", "title"])
+    ], 16));
+  }
+});
 export {
-  f as default
+  D as default
 };

package/dist/components/HysProgress/HysProgress.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysProgress2.vue.js";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f13b29a9"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7fbb0967"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/HysProgress/HysProgress2.vue.js

@@ -1,74 +1,341 @@
-import { defineComponent as c, computed as l, openBlock as s, createElementBlock as a, mergeProps as h, unref as m, createElementVNode as o, normalizeStyle as n, normalizeClass as y, renderSlot as v, createTextVNode as f, toDisplayString as k, createCommentVNode as g } from "vue";
-import { useHysRootAttrs as w } from "../../config.js";
-const x = ["aria-valuenow"], b = {
+import { defineComponent as ke, useSlots as ge, useAttrs as fe, ref as Q, onActivated as me, onDeactivated as we, useId as be, computed as a, openBlock as r, createElementBlock as l, mergeProps as Y, unref as A, Fragment as S, renderList as T, createCommentVNode as c, createElementVNode as m, withDirectives as xe, normalizeClass as H, vShow as Le, normalizeStyle as w, renderSlot as Z, normalizeProps as _, guardReactiveProps as ee, createBlock as te, resolveDynamicComponent as ae, createVNode as se } from "vue";
+import { CircleX as Ce, AlertTriangle as Ae, CheckCircle2 as Se } from "lucide-vue-next";
+import { useHysRootAttrs as Be } from "../../config.js";
+import { progressId as Me, progressPercent as U, progressNumber as v, progressArc as re, progressPaint as oe, progressStatusColor as le, progressGradientCoordinates as Pe, progressCssPaint as G } from "../../composables/progress.js";
+const Fe = ["data-status", "aria-label", "aria-valuenow", "aria-valuetext"], Ie = {
   key: 0,
   viewBox: "0 0 100 100",
-  "aria-hidden": "true"
-}, p = ["stroke-width"], B = ["stroke-width", "stroke", "stroke-dashoffset"], N = {
+  "aria-hidden": "true",
+  class: "hys-ui-progress-svg"
+}, Ve = { key: 0 }, ze = ["id"], De = ["offset", "stop-color"], Te = {
+  key: 1,
+  class: "hys-ui-progress-ring-steps"
+}, Ge = ["d", "stroke", "stroke-width", "stroke-linecap"], Ne = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], $e = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], Re = { key: 2 }, Ee = ["d", "stroke", "stroke-width", "stroke-linecap"], He = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], Ue = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray"], We = {
+  key: 2,
+  class: "hys-ui-progress-label hys-ui-progress-inside-label"
+}, Oe = {
   key: 2,
   class: "hys-ui-progress-label"
-}, V = /* @__PURE__ */ c({
+}, Ke = /* @__PURE__ */ ke({
+  inheritAttrs: !1,
   __name: "HysProgress",
   props: {
     value: {},
     showLabel: { type: Boolean, default: !0 },
     color: {},
     status: { default: "normal" },
-    strokeWidth: { default: 7 },
+    strokeWidth: {},
     type: { default: "line" },
-    width: { default: 100 },
+    width: {},
     format: {},
-    indeterminate: { type: Boolean }
+    indeterminate: { type: Boolean },
+    size: { default: "md" },
+    textInside: { type: Boolean },
+    textColor: {},
+    precision: {},
+    showStatusIcon: { type: Boolean, default: !1 },
+    trailColor: {},
+    strokeLinecap: { default: "round" },
+    success: {},
+    steps: {},
+    stepGap: { default: 3 },
+    gapDegree: {},
+    gapPosition: { default: "bottom" },
+    striped: { type: Boolean },
+    stripedFlow: { type: Boolean },
+    animated: { type: Boolean, default: !0 },
+    duration: { default: 250 },
+    flowDuration: { default: 1300 },
+    ariaLabel: {},
+    ariaValueText: {}
   },
-  setup(e) {
-    const u = w(), r = e, t = l(() => Number.isFinite(r.value) ? Math.max(0, Math.min(100, r.value)) : 0), i = l(() => r.color || { normal: "", success: "#16a46e", warning: "#d9860c", error: "#ed4556" }[r.status] || "var(--hys-ui-primary,var(--hys-ui-theme-primary))");
-    return (d, W) => (s(), a("div", h(m(u), {
-      class: ["hys-ui-progress-line", { "hys-ui-progress-circle": e.type === "circle" }],
+  setup(s, { expose: ie }) {
+    const e = s, N = ge(), ue = fe(), W = Be(), O = Q(), $ = Q(!0);
+    me(() => $.value = !0), we(() => $.value = !1);
+    const B = Me() + "-" + be().replaceAll(":", "-"), i = a(() => U(e.value)), u = a(
+      () => {
+        var t;
+        return Math.min(i.value, U((t = e.success) == null ? void 0 : t.value));
+      }
+    ), k = a(
+      () => ["normal", "success", "warning", "error", "active"].includes(e.status) ? e.status : "normal"
+    ), h = a(
+      () => e.type === "circle" || e.type === "dashboard"
+    ), p = a(
+      () => ({
+        sm: { stroke: 4, width: 80, font: 11, roundFont: 14 },
+        md: { stroke: 7, width: 100, font: 12, roundFont: 16 },
+        lg: { stroke: 12, width: 132, font: 14, roundFont: 20 }
+      })[e.size] ?? { stroke: 7, width: 100, font: 12, roundFont: 16 }
+    ), y = a(
+      () => v(
+        e.strokeWidth,
+        e.textInside && !h.value ? Math.max(p.value.stroke, Math.ceil(p.value.font * 1.8)) : p.value.stroke,
+        1,
+        h.value ? 48 : 100
+      )
+    ), b = a(
+      () => typeof e.width == "string" ? e.width : v(e.width, p.value.width, 20, 2e3)
+    ), M = a(() => Math.min(44, (100 - y.value) / 2 - 1)), x = a(
+      () => v(e.gapDegree, e.type === "dashboard" ? 75 : 0, 0, 295)
+    ), X = a(
+      () => x.value ? ({ top: -90, right: 0, bottom: 90, left: 180 }[e.gapPosition] ?? 90) + x.value / 2 : -90
+    ), R = a(
+      () => re(M.value, X.value, 360 - x.value)
+    ), n = a(
+      () => e.indeterminate ? 0 : Math.floor(v(e.steps, 0, 0, 200))
+    ), j = a(() => v(e.stepGap, 3, 0, 40)), P = a(
+      () => e.strokeLinecap === "butt" || !n.value ? y.value : Math.min(
+        y.value,
+        2 * Math.PI * M.value * (360 - x.value) / 360 / n.value * 0.5
+      )
+    ), E = a(
+      () => !!e.textInside && !h.value && y.value >= p.value.font * 1.5
+    ), g = (t, d) => U((t / 100 * n.value - d) * 100), L = a(
+      () => oe(e.color, i.value, le(k.value))
+    ), f = a(
+      () => {
+        var t;
+        return oe(
+          (t = e.success) == null ? void 0 : t.color,
+          u.value,
+          le("success")
+        );
+      }
+    ), F = (t) => t.gradient ? "url(#" + (t === f.value ? B + "-success" : B + "-main") + ")" : t.color, q = a(
+      () => [
+        { id: B + "-main", paint: L.value },
+        { id: B + "-success", paint: f.value }
+      ].filter((t) => t.paint.gradient).map((t) => ({
+        ...t,
+        coordinates: Pe(t.paint.gradient.angle)
+      }))
+    ), ne = (t) => Array.isArray(e.color) && e.color.length && e.color.every((d) => typeof d == "string") ? e.color[t % e.color.length] : G(L.value), ce = (t) => Array.isArray(e.color) && e.color.length && e.color.every((d) => typeof d == "string") ? e.color[t % e.color.length] : F(L.value), de = a(
+      () => Array.from({ length: n.value }, (t, d) => {
+        const o = (360 - x.value) / n.value, C = Math.min(
+          o * 0.8,
+          (j.value + (e.strokeLinecap === "butt" ? 0 : P.value)) / M.value * 180 / Math.PI
+        );
+        return {
+          index: d,
+          path: re(
+            M.value,
+            X.value + d * o + C / 2,
+            o - C
+          )
+        };
+      })
+    ), I = a(() => ({
+      value: i.value,
+      successValue: u.value,
+      status: k.value,
+      indeterminate: !!e.indeterminate
+    })), V = a(
+      () => e.format ? e.format(i.value, u.value) : e.precision === void 0 ? i.value + "%" : i.value.toFixed(
+        Math.floor(v(e.precision, 0, 0, 6))
+      ) + "%"
+    ), z = a(
+      () => ({ success: Se, warning: Ae, error: Ce })[k.value]
+    ), J = () => {
+      var t;
+      return ((t = N.default) == null ? void 0 : t.call(N, I.value)) ?? V.value;
+    }, ve = a(
+      () => typeof e.ariaValueText == "function" ? e.ariaValueText(I.value) : e.ariaValueText ?? (e.indeterminate ? "处理中" : typeof V.value == "string" || typeof V.value == "number" ? String(V.value) : i.value + "%")
+    ), K = a(
+      () => e.animated && $.value && W.value["data-hys-motion"] !== "off"
+    ), he = a(
+      () => K.value && v(e.flowDuration, 1300, 0, 3e4) > 0
+    ), pe = a(() => ({
+      "--hys-ui-progress-duration": (K.value ? v(e.duration, 250, 0, 5e3) : 0) + "ms",
+      "--hys-ui-progress-flow-duration": v(e.flowDuration, 1300, 1, 3e4) + "ms",
+      "--hys-ui-progress-text": e.textColor || "var(--hys-ui-text,var(--hys-ui-theme-text))",
+      "--hys-ui-progress-font": (h.value ? Math.min(
+        p.value.roundFont,
+        typeof b.value == "number" ? b.value / 4 : p.value.roundFont
+      ) : p.value.font) + "px",
+      "--hys-ui-progress-radius": e.strokeLinecap === "round" ? "999px" : "0px",
+      ...h.value ? {
+        width: typeof b.value == "number" ? b.value + "px" : b.value,
+        aspectRatio: "1"
+      } : {}
+    })), D = a(
+      () => e.trailColor || "var(--hys-ui-border,var(--hys-ui-theme-border))"
+    );
+    return ie({ element: O, value: i, successValue: u, status: k }), (t, d) => (r(), l("div", Y({
+      ref_key: "element",
+      ref: O
+    }, { ...A(W), ...A(ue) }, {
+      class: ["hys-ui-progress-line", {
+        "hys-ui-progress-circle": h.value,
+        "hys-ui-progress-dashboard": s.type === "dashboard",
+        "hys-ui-progress-inside": E.value,
+        "hys-ui-progress-no-label": !s.showLabel,
+        "hys-ui-progress-flow": he.value,
+        "hys-ui-progress-striped": s.striped,
+        "hys-ui-progress-striped-flow": s.stripedFlow,
+        "hys-ui-progress-active": k.value === "active",
+        "hys-ui-progress-unknown": s.indeterminate
+      }],
+      style: pe.value,
+      "data-status": k.value,
       role: "progressbar",
-      "aria-valuenow": e.indeterminate ? void 0 : t.value,
+      "aria-label": s.ariaLabel,
+      "aria-valuenow": s.indeterminate ? void 0 : i.value,
+      "aria-valuetext": ve.value,
       "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      style: e.type === "circle" ? { width: e.width + "px", height: e.width + "px" } : void 0
+      "aria-valuemax": "100"
     }), [
-      e.type === "circle" ? (s(), a("svg", b, [
-        o("circle", {
-          cx: "50",
-          cy: "50",
-          r: "44",
-          fill: "none",
-          "stroke-width": e.strokeWidth,
-          stroke: "var(--hys-ui-border,var(--hys-ui-theme-border))"
-        }, null, 8, p),
-        o("circle", {
-          cx: "50",
-          cy: "50",
-          r: "44",
-          fill: "none",
-          "stroke-width": e.strokeWidth,
-          stroke: i.value,
-          "stroke-linecap": "round",
-          "stroke-dasharray": 276.46,
-          "stroke-dashoffset": 276.46 * (1 - t.value / 100),
-          transform: "rotate(-90 50 50)"
-        }, null, 8, B)
-      ])) : (s(), a("div", {
+      h.value ? (r(), l("svg", Ie, [
+        q.value.length ? (r(), l("defs", Ve, [
+          (r(!0), l(S, null, T(q.value, (o) => (r(), l("linearGradient", Y({
+            id: o.id,
+            key: o.id,
+            gradientUnits: "userSpaceOnUse"
+          }, { ref_for: !0 }, o.coordinates), [
+            (r(!0), l(S, null, T(o.paint.gradient.stops, (C, ye) => (r(), l("stop", {
+              key: ye,
+              offset: C.offset + "%",
+              "stop-color": C.color
+            }, null, 8, De))), 128))
+          ], 16, ze))), 128))
+        ])) : c("", !0),
+        n.value ? (r(), l("g", Te, [
+          (r(!0), l(S, null, T(de.value, (o) => (r(), l("g", {
+            key: o.index
+          }, [
+            m("path", {
+              d: o.path,
+              stroke: D.value,
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              fill: "none"
+            }, null, 8, Ge),
+            g(i.value, o.index) > 0 ? (r(), l("path", {
+              key: 0,
+              class: "hys-ui-progress-ring-fill",
+              d: o.path,
+              pathLength: "100",
+              stroke: ce(o.index),
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              "stroke-dasharray": g(i.value, o.index) + " 100",
+              fill: "none"
+            }, null, 8, Ne)) : c("", !0),
+            g(u.value, o.index) > 0 ? (r(), l("path", {
+              key: 1,
+              class: "hys-ui-progress-ring-success",
+              d: o.path,
+              pathLength: "100",
+              stroke: F(f.value),
+              "stroke-width": P.value,
+              "stroke-linecap": s.strokeLinecap,
+              "stroke-dasharray": g(u.value, o.index) + " 100",
+              fill: "none"
+            }, null, 8, $e)) : c("", !0)
+          ]))), 128))
+        ])) : (r(), l("g", Re, [
+          m("path", {
+            class: "hys-ui-progress-ring-trail",
+            d: R.value,
+            stroke: D.value,
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            fill: "none"
+          }, null, 8, Ee),
+          xe(m("path", {
+            class: H(["hys-ui-progress-ring-fill", { "hys-ui-progress-ring-indeterminate": s.indeterminate }]),
+            d: R.value,
+            pathLength: "100",
+            stroke: F(L.value),
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            "stroke-dasharray": (s.indeterminate ? 25 : i.value) + " 100",
+            fill: "none"
+          }, null, 10, He), [
+            [Le, s.indeterminate || i.value > 0]
+          ]),
+          u.value > 0 && !s.indeterminate ? (r(), l("path", {
+            key: 0,
+            class: "hys-ui-progress-ring-success",
+            d: R.value,
+            pathLength: "100",
+            stroke: F(f.value),
+            "stroke-width": y.value,
+            "stroke-linecap": s.strokeLinecap,
+            "stroke-dasharray": u.value + " 100",
+            fill: "none"
+          }, null, 8, Ue)) : c("", !0)
+        ]))
+      ])) : (r(), l("div", {
         key: 1,
-        class: "hys-ui-progress-track",
-        style: n({ height: e.strokeWidth + "px" })
+        class: H(["hys-ui-progress-track", { "hys-ui-progress-steps": n.value }]),
+        style: w({
+          height: y.value + "px",
+          background: n.value ? "transparent" : D.value,
+          gap: j.value + "px"
+        })
       }, [
-        o("div", {
-          class: y(["hys-ui-progress-fill hys-ui-motion-progress", { "hys-ui-progress-indeterminate": e.indeterminate }]),
-          style: n({ width: t.value + "%", height: "100%", background: i.value })
-        }, null, 6)
-      ], 4)),
-      e.showLabel ? (s(), a("span", N, [
-        v(d.$slots, "default", { value: t.value }, () => [
-          f(k(e.format ? e.format(t.value) : t.value + "%"), 1)
-        ], !0)
-      ])) : g("", !0)
-    ], 16, x));
+        n.value ? (r(!0), l(S, { key: 0 }, T(n.value, (o) => (r(), l("span", {
+          key: o,
+          class: "hys-ui-progress-step",
+          style: w({ background: D.value })
+        }, [
+          m("i", {
+            class: "hys-ui-progress-fill",
+            style: w({
+              width: g(i.value, o - 1) + "%",
+              background: ne(o - 1)
+            })
+          }, null, 4),
+          u.value > 0 ? (r(), l("i", {
+            key: 0,
+            class: "hys-ui-progress-success",
+            style: w({
+              width: g(u.value, o - 1) + "%",
+              background: A(G)(f.value)
+            })
+          }, null, 4)) : c("", !0)
+        ], 4))), 128)) : (r(), l(S, { key: 1 }, [
+          m("div", {
+            class: H(["hys-ui-progress-fill hys-ui-motion-progress", { "hys-ui-progress-indeterminate": s.indeterminate }]),
+            style: w({
+              width: (s.indeterminate ? 35 : i.value) + "%",
+              background: A(G)(L.value)
+            })
+          }, null, 6),
+          u.value > 0 && !s.indeterminate ? (r(), l("div", {
+            key: 0,
+            class: "hys-ui-progress-success",
+            style: w({
+              width: u.value + "%",
+              background: A(G)(f.value)
+            })
+          }, null, 4)) : c("", !0)
+        ], 64)),
+        s.showLabel && E.value ? (r(), l("span", We, [
+          m("span", null, [
+            s.showStatusIcon && (z.value || t.$slots.icon) ? Z(t.$slots, "icon", _(ee(I.value)), () => [
+              (r(), te(ae(z.value), {
+                size: 14,
+                "aria-hidden": "true"
+              }))
+            ], !0, 0) : c("", !0),
+            se(J)
+          ])
+        ])) : c("", !0)
+      ], 6)),
+      s.showLabel && !E.value ? (r(), l("span", Oe, [
+        s.showStatusIcon && (z.value || t.$slots.icon) ? Z(t.$slots, "icon", _(ee(I.value)), () => [
+          (r(), te(ae(z.value), {
+            size: h.value ? 18 : 14,
+            "aria-hidden": "true"
+          }, null, 8, ["size"]))
+        ], !0, 0) : c("", !0),
+        se(J)
+      ])) : c("", !0)
+    ], 16, Fe));
   }
 });
 export {
-  V as default
+  Ke as default
 };

package/dist/components/HysSearch/HysSearch.vue.js

@@ -1,84 +1,7 @@
-import { defineComponent as L, ref as v, watch as V, onBeforeUnmount as N, onDeactivated as w, openBlock as f, createElementBlock as g, mergeProps as z, unref as n, createBlock as k, createElementVNode as H, withKeys as S, createVNode as A, createCommentVNode as D } from "vue";
-import { useHysControlState as E } from "../../composables/formContext.js";
-import { LoaderCircle as F, Search as K, X as R } from "lucide-vue-next";
-import { useHysRootAttrs as T } from "../../config.js";
-const I = ["value", "placeholder", "disabled", "readonly", "aria-label"], $ = /* @__PURE__ */ L({
-  __name: "HysSearch",
-  props: {
-    modelValue: {},
-    placeholder: { default: "搜索…" },
-    delay: { default: 300 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    clearable: { type: Boolean, default: !0 },
-    loading: { type: Boolean },
-    ariaLabel: {}
-  },
-  emits: ["update:modelValue", "search", "clear", "focus", "blur"],
-  setup(a, { expose: B, emit: C }) {
-    const r = a, { disabled: u, label: h } = E(r), i = C, x = T(), d = v(), s = v(!1);
-    let y, m;
-    function t() {
-      clearTimeout(y), y = void 0, m = void 0;
-    }
-    function b(e) {
-      t(), u.value || i("search", e);
-    }
-    function c(e) {
-      u.value || r.readonly || s.value || (t(), m = e, i("update:modelValue", e), y = setTimeout(() => b(e), Number.isFinite(r.delay) ? Math.max(0, r.delay) : 300));
-    }
-    return V(() => [u.value, r.readonly], t, { flush: "sync" }), V(() => r.modelValue, (e) => {
-      m !== void 0 && e !== m && t();
-    }), N(t), w(t), B({ focus: () => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.focus();
-    }, blur: () => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.blur();
-    } }), (e, l) => (f(), g("div", z(n(x), { class: "hys-ui-ex-search" }), [
-      a.loading ? (f(), k(n(F), {
-        key: 0,
-        class: "hys-ui-icon-spin",
-        size: 16
-      })) : (f(), k(n(K), {
-        key: 1,
-        size: 16,
-        "aria-hidden": "true"
-      })),
-      H("input", {
-        ref_key: "input",
-        ref: d,
-        type: "search",
-        value: a.modelValue,
-        placeholder: a.placeholder,
-        disabled: n(u),
-        readonly: a.readonly,
-        "aria-label": a.ariaLabel || n(h) || "搜索",
-        onInput: l[0] || (l[0] = (o) => c(o.target.value)),
-        onCompositionstart: l[1] || (l[1] = (o) => {
-          s.value = !0, t();
-        }),
-        onCompositionend: l[2] || (l[2] = (o) => {
-          s.value = !1, c(o.target.value);
-        }),
-        onKeydown: l[3] || (l[3] = S((o) => !o.isComposing && o.keyCode !== 229 && !s.value && b(a.modelValue), ["enter"])),
-        onFocus: l[4] || (l[4] = (o) => i("focus", o)),
-        onBlur: l[5] || (l[5] = (o) => i("blur", o))
-      }, null, 40, I),
-      a.clearable && a.modelValue && !n(u) && !a.readonly ? (f(), g("button", {
-        key: 2,
-        type: "button",
-        "aria-label": "清空搜索",
-        onClick: l[6] || (l[6] = (o) => {
-          var p;
-          c(""), i("clear"), (p = d.value) == null || p.focus();
-        })
-      }, [
-        A(n(R), { size: 14 })
-      ])) : D("", !0)
-    ], 16));
-  }
-});
+import o from "./HysSearch2.vue.js";
+/* empty css               */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b415aa18"]]);
 export {
-  $ as default
+  p as default
 };