hys-ui 0.2.0 → 0.3.0

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

@@ -1,93 +1,7 @@
-import { defineComponent as E, ref as w, onBeforeUnmount as H, onDeactivated as K, watch as v, openBlock as f, createElementBlock as y, mergeProps as T, unref as a, createElementVNode as N, withKeys as $, withModifiers as B, renderSlot as x, createBlock as R, Teleport as S, toDisplayString as V, createCommentVNode as C } from "vue";
-import { useHysRootAttrs as q } from "../../config.js";
-import { useFloating as M } from "../../composables/useFloating.js";
-const U = ["tabindex", "aria-disabled", "aria-expanded"], j = ["aria-label"], z = { key: 0 }, L = /* @__PURE__ */ E({
-  __name: "HysPopover",
-  props: {
-    placement: { default: "bottom-end" },
-    trigger: { default: "click" },
-    disabled: { type: Boolean },
-    open: { type: Boolean, default: void 0 },
-    width: {},
-    title: {}
-  },
-  emits: ["update:open", "visibleChange"],
-  setup(o, { expose: F, emit: P }) {
-    const b = q(), n = o, g = P, m = w(), d = w(), { open: s, style: A, show: c, close: p, restoringFocus: D } = M(m, d, { get placement() {
-      return n.placement;
-    }, gap: 8 });
-    let u;
-    function h(t) {
-      clearTimeout(u), t ? r(!0) : u = setTimeout(() => r(!1), 100);
-    }
-    H(() => clearTimeout(u)), K(() => clearTimeout(u));
-    function r(t) {
-      if (!(t && (n.disabled || D.value))) {
-        if (n.open !== void 0) {
-          g("update:open", t);
-          return;
-        }
-        t ? c() : p();
-      }
-    }
-    return v(() => n.open, (t) => {
-      t !== void 0 && (t && !n.disabled ? c() : p());
-    }, { immediate: !0, flush: "post" }), v(s, (t) => {
-      g("visibleChange", t), n.open !== void 0 && n.open !== t && g("update:open", t);
-    }), v(() => n.disabled, (t) => {
-      t && p();
-    }), F({ show: () => r(!0), hide: () => r(!1) }), (t, e) => (f(), y("span", T(a(b), {
-      class: "hys-ui-popover-wrap",
-      onPointerenter: e[7] || (e[7] = (i) => o.trigger === "hover" && h(!0)),
-      onPointerleave: e[8] || (e[8] = (i) => o.trigger === "hover" && h(!1))
-    }), [
-      N("span", {
-        ref_key: "anchor",
-        ref: m,
-        class: "hys-ui-popover-trigger",
-        tabindex: o.disabled ? -1 : 0,
-        role: "button",
-        "aria-disabled": o.disabled,
-        "aria-expanded": a(s),
-        "aria-haspopup": "dialog",
-        onClick: e[0] || (e[0] = (i) => o.trigger === "click" && r(!a(s))),
-        onKeydown: [
-          e[1] || (e[1] = $(B((i) => r(!a(s)), ["prevent"]), ["enter"])),
-          e[2] || (e[2] = $(B((i) => r(!a(s)), ["prevent"]), ["space"]))
-        ],
-        onFocusin: e[3] || (e[3] = (i) => o.trigger === "focus" && r(!0)),
-        onFocusout: e[4] || (e[4] = (i) => {
-          var l;
-          return o.trigger === "focus" && !((l = d.value) != null && l.contains(i.relatedTarget)) && r(!1);
-        })
-      }, [
-        x(t.$slots, "trigger")
-      ], 40, U),
-      (f(), R(S, { to: "body" }, [
-        a(s) ? (f(), y("div", T({
-          key: 0,
-          ref_key: "panel",
-          ref: d
-        }, a(b), {
-          class: "hys-ui-popover-panel hys-ui-floating-surface",
-          style: { ...a(A), width: o.width },
-          role: "dialog",
-          onFocusout: e[5] || (e[5] = (i) => {
-            var l, k;
-            return o.trigger === "focus" && !((l = d.value) != null && l.contains(i.relatedTarget)) && !((k = m.value) != null && k.contains(i.relatedTarget)) && r(!1);
-          }),
-          "aria-label": o.title || "浮层",
-          onPointerenter: e[6] || (e[6] = (i) => o.trigger === "hover" && r(!0))
-        }), [
-          o.title ? (f(), y("strong", z, V(o.title), 1)) : C("", !0),
-          x(t.$slots, "default", {
-            close: () => r(!1)
-          })
-        ], 16, j)) : C("", !0)
-      ]))
-    ], 16));
-  }
-});
+import o from "./HysPopover2.vue.js";
+/* empty css                */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f925bad2"]]);
 export {
-  L as default
+  f as default
 };

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/HysSelect/HysSelect.vue.js

@@ -2,7 +2,7 @@ import o from "./HysSelect2.vue.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d43948d"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-12f54263"]]);
 export {
-  s as default
+  f as default
 };