hys-ui 0.6.0 → 0.7.0

package/dist/components/HysDataGrid/gridColumnLayout.js

@@ -0,0 +1,46 @@
+import { positiveInteger as h } from "../../composables/dataGrid.js";
+const f = (r) => h(r.minWidth, 80), p = (r) => Math.max(f(r), h(r.maxWidth, 800)), c = (r, e) => Math.max(
+  f(r),
+  Math.min(p(r), e)
+);
+function x(r, e) {
+  const d = [...r.keys()], g = [
+    .../* @__PURE__ */ new Set([
+      ...Array.isArray(e == null ? void 0 : e.order) ? e.order.filter((i) => r.has(i)) : [],
+      ...d
+    ])
+  ], s = [
+    ...new Set(
+      Array.isArray(e == null ? void 0 : e.hidden) ? e.hidden.filter(
+        (i) => {
+          var n;
+          return r.has(i) && ((n = r.get(i)) == null ? void 0 : n.hideable) !== !1;
+        }
+      ) : []
+    )
+  ], m = Object.fromEntries(
+    Object.entries((e == null ? void 0 : e.widths) ?? {}).flatMap(([i, n]) => {
+      const t = r.get(i);
+      return t && typeof n == "number" && Number.isFinite(n) ? [[i, c(t, n)]] : [];
+    })
+  ), b = Object.fromEntries(
+    Object.entries((e == null ? void 0 : e.pins) ?? {}).filter(
+      ([i, n]) => {
+        var t;
+        return r.has(i) && ((t = r.get(i)) == null ? void 0 : t.pinnable) !== !1 && (n === null || n === "left" || n === "right");
+      }
+    )
+  );
+  return {
+    order: g,
+    hidden: s.length === d.length ? [] : s,
+    widths: m,
+    pins: b
+  };
+}
+export {
+  c as gridBoundColumnWidth,
+  p as gridMaxColumnWidth,
+  f as gridMinColumnWidth,
+  x as normalizeGridColumnLayout
+};

package/dist/components/HysDataGrid/gridPresentation.js

@@ -0,0 +1,17 @@
+function c(p, t) {
+  var e, r;
+  const u = [];
+  for (const o of p) {
+    const s = t(o), n = u.at(-1);
+    n && ((e = n.group) == null ? void 0 : e.key) === ((r = o.group) == null ? void 0 : r.key) && n.pinned === s ? n.columns.push(o) : u.push({
+      id: o.key,
+      group: o.group,
+      columns: [o],
+      pinned: s
+    });
+  }
+  return u;
+}
+export {
+  c as gridHeaderGroups
+};

package/dist/components/HysDataGrid/useGridContextMenu.js

@@ -0,0 +1,33 @@
+import { useTemplateRef as C, shallowRef as m, nextTick as R } from "vue";
+function A(c) {
+  const i = C("gridContextMenu"), r = m(), d = m([]);
+  let u = 0;
+  async function x(t, e) {
+    var h;
+    const n = c.config();
+    if (e.defaultPrevented || !n || !c.enabled(t)) return;
+    const y = c.defaults(t), l = typeof n == "function" ? n(t, y) : y;
+    if (!l || !l.some(
+      (f) => !f.hidden && f.type !== "divider" && f.type !== "group"
+    ))
+      return;
+    e.preventDefault();
+    const o = e.currentTarget, s = o.getBoundingClientRect(), a = e instanceof MouseEvent && (e.detail > 0 || e.type === "contextmenu" && (e.button === 2 || e.clientX !== 0 || e.clientY !== 0)), k = a ? e.clientX : s.left + Math.min(s.width / 2, 28), M = a ? e.clientY : s.bottom, g = ++u;
+    a && !o.contains(o.ownerDocument.activeElement) && (o.tabIndex >= 0 || o.hasAttribute("tabindex")) && o.focus({ preventScroll: !0 }), r.value = t, d.value = l, await R(), g === u && c.enabled(t) && await ((h = i.value) == null ? void 0 : h.showAt(k, M));
+  }
+  function b(t, e) {
+    (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && x(t, e);
+  }
+  function p(t, e) {
+    const n = r.value;
+    n && c.enabled(n) && c.select(t, n, e);
+  }
+  function w() {
+    var t;
+    u++, (t = i.value) != null && t.open && i.value.hide(!1);
+  }
+  return { items: d, open: x, keydown: b, select: p, close: w };
+}
+export {
+  A as useGridContextMenu
+};

package/dist/components/HysDescriptions/HysDescriptions.vue.js

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

package/dist/components/HysDescriptions/HysDescriptions2.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as A, useSlots as N, ref as B, useId as F, computed as S, openBlock as a, createElementBlock as i, mergeProps as d, unref as L, renderSlot as o, createTextVNode as u, toDisplayString as c, createCommentVNode as y, Fragment as M, renderList as W, normalizeStyle as f, createElementVNode as p, normalizeClass as $ } from "vue";
+import { useHysRootAttrs as I } from "../../config.js";
+import { resolveFormGrid as T } from "../../composables/formLayout.js";
+import { useContainerWidth as V } from "../../composables/useContainerWidth.js";
+const D = ["data-layout", "data-size", "data-bordered", "aria-label", "aria-labelledby"], E = {
+  key: 0,
+  class: "hys-descriptions-header"
+}, H = {
+  key: 1,
+  class: "hys-descriptions-extra"
+}, R = {
+  key: 1,
+  class: "hys-descriptions-list"
+}, G = {
+  key: 0,
+  "aria-hidden": "true"
+}, P = {
+  key: 2,
+  class: "hys-descriptions-empty"
+}, O = /* @__PURE__ */ A({
+  __name: "HysDescriptions",
+  props: {
+    items: { default: () => [] },
+    title: {},
+    extra: {},
+    columns: { default: () => ({ xs: 1, sm: 2, lg: 3 }) },
+    layout: { default: "horizontal" },
+    size: { default: "md" },
+    bordered: { type: Boolean },
+    colon: { type: Boolean },
+    labelWidth: {},
+    labelAlign: { default: "start" },
+    align: { default: "start" },
+    labelStyle: {},
+    contentStyle: {},
+    placeholder: { default: "—" },
+    emptyText: { default: "暂无详情" },
+    ariaLabel: {}
+  },
+  setup(l) {
+    const h = l, n = N(), v = B(), z = I(), g = F() + "-descriptions-title", C = V(v), m = S(() => T(h.columns, C.value)), b = S(
+      () => h.items.filter((e) => !e.hidden).map((e, s) => {
+        const t = e.value, r = e.format ? e.format(t, e) : t;
+        return {
+          item: e,
+          index: s,
+          value: t,
+          text: r == null || r === "" ? h.placeholder : String(r)
+        };
+      })
+    );
+    function k(e) {
+      return typeof e != "number" ? e : Number.isFinite(e) ? Math.max(0, e) + "px" : void 0;
+    }
+    function x(e, s) {
+      return Number.isFinite(e) ? Math.min(s, Math.max(1, Math.floor(e))) : 1;
+    }
+    function w(e) {
+      const { item: s } = e, t = x(
+        s.span === "full" ? m.value : s.span,
+        m.value
+      ), r = m.value === 1 ? 1 : x(s.rowSpan, b.value.length);
+      return {
+        gridColumn: "span " + t,
+        gridRow: "span " + r,
+        "--hys-description-field-label-width": k(s.labelWidth)
+      };
+    }
+    return (e, s) => (a(), i("section", d({
+      ref_key: "root",
+      ref: v
+    }, L(z), {
+      class: "hys-ui-descriptions",
+      "data-layout": l.layout,
+      "data-size": l.size,
+      "data-bordered": l.bordered || void 0,
+      "aria-label": l.ariaLabel,
+      "aria-labelledby": !l.ariaLabel && (l.title || n.title) ? g : void 0,
+      style: {
+        "--hys-descriptions-columns": m.value,
+        "--hys-descriptions-label-width": k(l.labelWidth)
+      }
+    }), [
+      l.title || l.extra || n.title || n.extra ? (a(), i("header", E, [
+        l.title || n.title ? (a(), i("div", {
+          key: 0,
+          id: g,
+          class: "hys-descriptions-title"
+        }, [
+          o(e.$slots, "title", {}, () => [
+            u(c(l.title), 1)
+          ], !0)
+        ])) : y("", !0),
+        l.extra || n.extra ? (a(), i("div", H, [
+          o(e.$slots, "extra", {}, () => [
+            u(c(l.extra), 1)
+          ], !0)
+        ])) : y("", !0)
+      ])) : y("", !0),
+      b.value.length ? (a(), i("dl", R, [
+        (a(!0), i(M, null, W(b.value, (t) => (a(), i("div", {
+          key: t.item.key,
+          class: "hys-descriptions-field",
+          style: f(w(t))
+        }, [
+          p("dt", {
+            class: $(["hys-descriptions-label", t.item.labelClass]),
+            style: f([
+              { textAlign: t.item.labelAlign ?? l.labelAlign },
+              l.labelStyle,
+              t.item.labelStyle
+            ])
+          }, [
+            o(e.$slots, `label-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "label", d({ ref_for: !0 }, t), () => [
+                u(c(t.item.label), 1)
+              ], !0)
+            ], !0),
+            l.colon ? (a(), i("span", G, "：")) : y("", !0)
+          ], 6),
+          p("dd", {
+            class: $(["hys-descriptions-value", t.item.contentClass]),
+            style: f([
+              { textAlign: t.item.align ?? l.align },
+              l.contentStyle,
+              t.item.contentStyle
+            ])
+          }, [
+            o(e.$slots, `value-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "value", d({ ref_for: !0 }, t), () => [
+                u(c(t.text), 1)
+              ], !0)
+            ], !0)
+          ], 6)
+        ], 4))), 128))
+      ])) : (a(), i("div", P, [
+        o(e.$slots, "empty", {}, () => [
+          u(c(l.emptyText), 1)
+        ], !0)
+      ]))
+    ], 16, D));
+  }
+});
+export {
+  O as default
+};

package/dist/components/HysForm/HysForm2.vue.js

@@ -1,12 +1,13 @@
 import { defineComponent as cl, ref as V, shallowRef as dl, computed as r, provide as vl, watch as Y, nextTick as G, onActivated as fl, onDeactivated as pl, onBeforeUnmount as gl, openBlock as qe, createElementBlock as Ie, mergeProps as ml, unref as bl, withModifiers as Le, createElementVNode as yl, renderSlot as _e, createCommentVNode as hl } from "vue";
 import { formPath as T, formKey as wl, formValue as g, setFormValue as Z, focusHysField as Fl } from "../../composables/formContext.js";
-import { useFormWidth as kl, resolveFormGrid as Ml, resolveFormCol as Ol } from "../../composables/formLayout.js";
+import { resolveFormGrid as kl, resolveFormCol as Ml } from "../../composables/formLayout.js";
 import { snapshotForm as d, sameFormValue as H, nestedFormRules as ze, runFormRules as $e } from "../../composables/formValidation.js";
-import { useHysRootAttrs as jl } from "../../config.js";
+import { useHysRootAttrs as Ol } from "../../config.js";
+import { useContainerWidth as jl } from "../../composables/useContainerWidth.js";
 const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   key: 0,
   class: "hys-ui-ent-form-actions"
-}, Sl = /* @__PURE__ */ cl({
+}, Tl = /* @__PURE__ */ cl({
   __name: "HysForm",
   props: {
     model: {},
@@ -45,14 +46,14 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   },
   emits: ["submit", "invalid", "reset", "validate", "validation"],
   setup(N, { expose: Ge, emit: He }) {
-    const a = N, D = He, Ne = jl(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
+    const a = N, D = He, Ne = Ol(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
       () => Object.fromEntries(
         Object.entries(a.rules).map(([e, l]) => [T(e), l])
       )
     ), x = r(() => !!(a.disabled || a.loading)), ve = r(
       () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth
-    ), te = kl(ee), we = r(
-      () => Ml(a.columns, te.value)
+    ), te = jl(ee), we = r(
+      () => kl(a.columns, te.value)
     ), De = r(
       () => a.layout === "inline" || !a.layout && a.inline
     ), ae = r(
@@ -76,7 +77,7 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
     const ke = r(
       () => ve.value === "auto" ? Fe.value : ve.value
     ), Je = r(() => {
-      const e = Ol(a.labelCol, te.value);
+      const e = Ml(a.labelCol, te.value);
       return {
         "--hys-ui-form-label-width": ke.value,
         "--hys-ui-form-columns": we.value,
@@ -607,5 +608,5 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   }
 });
 export {
-  Sl as default
+  Tl as default
 };

package/dist/components/HysIcon/HysIcon.vue.js

@@ -0,0 +1,373 @@
+import { defineComponent as ke, defineAsyncComponent as we, useAttrs as Be, computed as i, ref as d, watch as k, onBeforeUnmount as Oe, onMounted as $e, openBlock as c, createBlock as A, unref as r, mergeProps as ee, withCtx as U, resolveDynamicComponent as Ie, createElementVNode as ae, createVNode as le, Transition as Se, createElementBlock as $, renderSlot as I, normalizeProps as S, guardReactiveProps as x, createCommentVNode as oe, Fragment as xe, renderList as Ce, normalizeStyle as Le, createTextVNode as je, toDisplayString as Ee } from "vue";
+import { useHysRootAttrs as Me } from "../../config.js";
+import { usePageVisibility as Pe } from "../../composables/usePageVisibility.js";
+import ze from "./IconGraphic/IconGraphic.vue.js";
+import Ae from "./IconReferenceGraphic/IconReferenceGraphic.vue.js";
+import De from "./IconTooltip/IconTooltip.vue.js";
+import { useIconConfig as Ne } from "./iconConfig.js";
+import { hysIconRegistry as te } from "./iconRegistry.js";
+import { iconAssetUrl as ie } from "./iconSafety.js";
+import { iconStyle as Ve, iconNumber as Re, iconLength as F } from "./iconStyle.js";
+import { useIconResource as H } from "./useIconResource.js";
+const Te = {
+  class: "hys-icon-box",
+  "aria-hidden": "true"
+}, Ue = { class: "hys-icon-orientation" }, Fe = { key: 1 }, He = ["data-position", "data-dot"], aa = /* @__PURE__ */ ke({
+  inheritAttrs: !1,
+  __name: "HysIcon",
+  props: {
+    name: {},
+    source: {},
+    variant: {},
+    registry: {},
+    status: {},
+    statusIcons: {},
+    fallback: { type: [String, Object, Boolean], default: void 0 },
+    loadingIcon: { type: [String, Object, Boolean], default: void 0 },
+    size: {},
+    width: {},
+    height: {},
+    fit: {},
+    color: {},
+    theme: {},
+    fill: {},
+    stroke: {},
+    strokeWidth: {},
+    gradient: {},
+    opacity: {},
+    background: {},
+    shape: {},
+    radius: {},
+    border: {},
+    padding: {},
+    gap: {},
+    shadow: {},
+    glow: {},
+    rotate: {},
+    flipX: { type: Boolean, default: void 0 },
+    flipY: { type: Boolean, default: void 0 },
+    align: {},
+    verticalAlign: {},
+    directional: { type: Boolean, default: void 0 },
+    animation: {},
+    animateOn: {},
+    animated: { type: Boolean, default: void 0 },
+    paused: { type: Boolean, default: void 0 },
+    duration: {},
+    speed: {},
+    animationDelay: {},
+    iterations: {},
+    easing: {},
+    morphTo: {},
+    animationStyle: {},
+    decorative: { type: Boolean, default: void 0 },
+    label: {},
+    clickable: { type: Boolean, default: void 0 },
+    href: {},
+    target: {},
+    rel: {},
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
+    active: { type: Boolean, default: void 0 },
+    selected: { type: Boolean, default: void 0 },
+    tooltip: {},
+    badge: { type: [Number, String, Boolean], default: void 0 },
+    badgePosition: {},
+    badgeMax: {},
+    secondary: {},
+    layers: {},
+    allowedOrigins: {},
+    picker: { type: Boolean, default: void 0 },
+    allowUpload: { type: Boolean, default: void 0 },
+    storageKey: {},
+    pickerLocale: {}
+  },
+  emits: ["update:name", "update:selected", "change", "statusChange", "load", "error", "click", "dblclick", "mouseenter", "mouseleave", "focus", "blur", "keydown"],
+  setup(ne, { expose: ue, emit: re }) {
+    const se = we(
+      () => import("./IconPickerPanel/IconPickerPanel.vue.js")
+    ), ve = ne, n = re, K = Ne(), W = Me(), C = Be(), e = i(() => ({
+      ...K.defaults.value,
+      ...Object.fromEntries(
+        Object.entries(ve).filter(([, a]) => a !== void 0)
+      )
+    })), f = i(() => e.value.registry ?? K.registry.value), m = d(e.value.name), D = d(), L = d(!1);
+    k(
+      () => e.value.name,
+      (a) => {
+        m.value = a;
+      }
+    );
+    const g = i(() => e.value.status ?? "default"), s = i(() => e.value.variant ?? "outline"), X = {
+      loading: "loader",
+      success: "success",
+      error: "error",
+      warning: "warning",
+      info: "info"
+    }, Y = i(() => {
+      const a = e.value.statusIcons, l = g.value;
+      return (a && Object.hasOwn(a, l) ? a[l] : void 0) ?? (Object.hasOwn(X, l) ? X[l] : void 0) ?? e.value.source ?? m.value;
+    }), N = () => e.value.allowedOrigins, o = H({
+      reference: () => Y.value,
+      registry: () => f.value,
+      variant: () => s.value,
+      allowedOrigins: N
+    }), de = H({
+      reference: () => o.error.value && e.value.fallback !== !1 ? e.value.fallback ?? "help" : void 0,
+      registry: () => f.value,
+      variant: () => s.value,
+      allowedOrigins: N
+    }), ce = H({
+      reference: () => o.loading.value && e.value.loadingIcon !== !1 ? e.value.loadingIcon ?? "loader" : void 0,
+      registry: () => f.value,
+      variant: () => s.value,
+      allowedOrigins: N
+    }), V = d(!1);
+    k(
+      [
+        Y,
+        s,
+        f,
+        () => f.value.revision.value,
+        () => e.value.fallback
+      ],
+      () => {
+        V.value = !1;
+      }
+    );
+    const y = i(() => {
+      if (o.source.value) return o.source.value;
+      if (o.loading.value && e.value.loadingIcon !== !1)
+        return ce.source.value ?? te.get("loader");
+      if (o.error.value && e.value.fallback !== !1)
+        return (V.value ? void 0 : de.source.value) ?? te.get("help");
+    }), v = i(() => ({
+      name: m.value,
+      variant: s.value,
+      status: g.value,
+      loading: o.loading.value || g.value === "loading",
+      source: o.source.value
+    })), p = i(() => e.value.href !== void 0), b = i(() => p.value || e.value.clickable), R = i(
+      () => e.value.href ? ie(e.value.href, void 0, !0) ?? ie(e.value.href) : void 0
+    ), h = i(
+      () => !!(e.value.disabled || e.value.readonly || p.value && !R.value)
+    ), w = i(
+      () => p.value ? "a" : e.value.clickable ? "button" : "span"
+    ), j = i(
+      () => {
+        var a;
+        return e.value.label ?? e.value.tooltip ?? (b.value || e.value.decorative === !1 ? [
+          ((a = o.record.value) == null ? void 0 : a.label) ?? m.value ?? "图标",
+          typeof e.value.badge == "number" ? e.value.badge + " 条通知" : ""
+        ].filter(Boolean).join("，") : void 0);
+      }
+    ), E = i(
+      () => e.value.animation ?? (g.value === "loading" || o.loading.value ? "loading" : "none")
+    ), B = i(() => e.value.animateOn ?? "always"), fe = Pe(), q = d(!1);
+    let u;
+    const M = () => {
+      q.value = !!(u != null && u.matches);
+    };
+    k([() => e.value.theme, L], ([a, l]) => {
+      u == null || u.removeEventListener("change", M), u = void 0, !(a !== "system" || !l || typeof window.matchMedia != "function") && (u = window.matchMedia("(prefers-color-scheme: dark)"), M(), u.addEventListener("change", M));
+    }), Oe(() => u == null ? void 0 : u.removeEventListener("change", M));
+    const G = i(() => ({
+      ...W.value,
+      "data-hys-theme": e.value.theme === "system" ? q.value ? "dark" : "blue" : e.value.theme ?? W.value["data-hys-theme"]
+    })), P = d(!1), z = d(!1), J = d(!1), Q = d(0), ge = i(
+      () => Ve(
+        e.value,
+        E.value,
+        P.value || !!e.value.paused || fe.value
+      )
+    ), pe = i(
+      () => {
+        var a;
+        return e.value.directional ?? ((a = o.record.value) == null ? void 0 : a.directional) ?? !1;
+      }
+    ), me = i(() => [
+      ...e.value.secondary ? [{ icon: e.value.secondary, size: "52%", x: "32%", y: "28%" }] : [],
+      ...e.value.layers ?? []
+    ]), T = i(() => {
+      const a = e.value.badge, l = Re(e.value.badgeMax, 99, 1, 9999);
+      return typeof a == "number" && a > l ? l + "+" : a === !0 ? "" : a;
+    });
+    function O() {
+      J.value = !0, z.value = P.value = !1, Q.value++;
+    }
+    function Z(a) {
+      m.value = a, n("update:name", a);
+    }
+    function ye(a) {
+      if (!b.value || h.value) {
+        h.value && a.preventDefault();
+        return;
+      }
+      B.value === "click" && O(), e.value.selected !== void 0 && n("update:selected", !e.value.selected), n("click", a);
+    }
+    function _(a) {
+      n("load", v.value, a);
+    }
+    function be(a) {
+      y.value === o.source.value ? o.fail(a) : V.value = !0;
+    }
+    return k([m, s, g], () => n("change", v.value)), k(g, (a, l) => {
+      n("statusChange", a, l), B.value === "state" && O();
+    }), k(
+      [() => o.source.value, L],
+      ([a, l]) => {
+        l && a && a.type !== "image" && _();
+      },
+      { flush: "post" }
+    ), k(
+      [() => o.error.value, L],
+      ([a, l]) => {
+        l && a && n("error", a, v.value);
+      },
+      { flush: "post" }
+    ), $e(() => {
+      L.value = !0, B.value === "state" && g.value !== "default" && O();
+    }), ue({
+      element: D,
+      focus: () => {
+        var a;
+        return (a = D.value) == null ? void 0 : a.focus();
+      },
+      select: Z,
+      reload: o.reload,
+      preload: (a) => f.value.preload(a, s.value, e.value.allowedOrigins),
+      play: O,
+      restart: O,
+      pause: () => {
+        P.value = !0;
+      },
+      resume: () => {
+        P.value = z.value = !1;
+      },
+      stop: () => {
+        z.value = !0;
+      }
+    }), (a, l) => e.value.picker ? (c(), A(r(se), ee({ key: 0 }, { ...G.value, ...r(C) }, {
+      name: m.value,
+      registry: f.value,
+      variant: s.value,
+      "allow-upload": e.value.allowUpload,
+      "allowed-origins": e.value.allowedOrigins,
+      "storage-key": e.value.storageKey,
+      locale: e.value.pickerLocale,
+      onSelect: Z
+    }), null, 16, ["name", "registry", "variant", "allow-upload", "allowed-origins", "storage-key", "locale"])) : (c(), A(De, {
+      key: 1,
+      text: e.value.tooltip
+    }, {
+      default: U(() => [
+        (c(), A(Ie(w.value), ee({
+          ref_key: "element",
+          ref: D
+        }, { ...G.value, ...r(C) }, {
+          class: "hys-ui-icon",
+          style: [ge.value, r(C).style],
+          type: w.value === "button" ? "button" : void 0,
+          disabled: w.value === "button" && !!e.value.disabled || void 0,
+          href: p.value && !h.value ? R.value : void 0,
+          tabindex: p.value && h.value ? e.value.readonly && !e.value.disabled && R.value ? 0 : -1 : r(C).tabindex,
+          target: p.value ? e.value.target : void 0,
+          rel: p.value ? e.value.rel ?? (e.value.target === "_blank" ? "noopener noreferrer" : void 0) : void 0,
+          role: w.value === "span" && j.value && !e.value.decorative && !a.$slots.default ? "img" : p.value && h.value ? "link" : void 0,
+          "aria-hidden": !b.value && !a.$slots.default && (e.value.decorative || !j.value) || void 0,
+          "aria-label": b.value || !e.value.decorative ? j.value : void 0,
+          "aria-disabled": b.value && h.value || void 0,
+          "aria-pressed": w.value === "button" ? e.value.selected : void 0,
+          "aria-busy": v.value.loading && !!(b.value || j.value) || void 0,
+          "data-status": g.value,
+          "data-active": e.value.active || e.value.selected || void 0,
+          "data-align": e.value.align,
+          "data-directional": pe.value || void 0,
+          "data-animation": E.value,
+          "data-trigger": B.value,
+          "data-played": J.value || void 0,
+          "data-off": z.value || e.value.animated === !1 || void 0,
+          onClick: ye,
+          onDblclick: l[1] || (l[1] = (t) => b.value && !h.value && n("dblclick", t)),
+          onMouseenter: l[2] || (l[2] = (t) => n("mouseenter", t)),
+          onMouseleave: l[3] || (l[3] = (t) => n("mouseleave", t)),
+          onFocus: l[4] || (l[4] = (t) => n("focus", t)),
+          onBlur: l[5] || (l[5] = (t) => n("blur", t)),
+          onKeydown: l[6] || (l[6] = (t) => n("keydown", t))
+        }), {
+          default: U(() => [
+            ae("span", Te, [
+              ae("span", Ue, [
+                le(Se, {
+                  name: "hys-icon-change",
+                  mode: "out-in",
+                  css: B.value === "state" && e.value.animated !== !1
+                }, {
+                  default: U(() => [
+                    (c(), $("span", {
+                      key: Q.value,
+                      class: "hys-icon-motion"
+                    }, [
+                      r(o).loading.value && a.$slots.loading ? I(a.$slots, "loading", S(x(v.value)), void 0, void 0, 0) : r(o).error.value && a.$slots.fallback ? I(a.$slots, "fallback", S(x(v.value)), void 0, void 0, 1) : I(a.$slots, "icon", S(x(v.value)), () => [
+                        y.value ? (c(), A(ze, {
+                          key: y.value.type === "image" ? y.value.src : y.value.type,
+                          source: y.value,
+                          variant: s.value,
+                          fill: e.value.fill,
+                          stroke: e.value.stroke,
+                          "stroke-width": e.value.strokeWidth,
+                          fit: e.value.fit,
+                          gradient: e.value.gradient,
+                          "allowed-origins": e.value.allowedOrigins,
+                          "morph-to": E.value === "morph" ? e.value.morphTo : void 0,
+                          draw: E.value === "draw",
+                          onLoad: l[0] || (l[0] = (t) => y.value === r(o).source.value && _(t)),
+                          onError: be
+                        }, null, 8, ["source", "variant", "fill", "stroke", "stroke-width", "fit", "gradient", "allowed-origins", "morph-to", "draw"])) : r(o).error.value && e.value.fallback !== !1 ? (c(), $("span", Fe, "?")) : oe("", !0)
+                      ], void 0, 2)
+                    ]))
+                  ]),
+                  _: 3
+                }, 8, ["css"]),
+                (c(!0), $(xe, null, Ce(me.value, (t, he) => (c(), $("span", {
+                  key: he,
+                  class: "hys-icon-layer",
+                  style: Le({
+                    color: t.color,
+                    "--hys-icon-layer-size": r(F)(t.size) ?? "65%",
+                    "--hys-icon-layer-x": r(F)(t.x) ?? "0px",
+                    "--hys-icon-layer-y": r(F)(t.y) ?? "0px",
+                    "--hys-icon-layer-angle": (t.rotate ?? 0) + "deg"
+                  })
+                }, [
+                  le(Ae, {
+                    icon: t.icon,
+                    registry: f.value,
+                    variant: s.value,
+                    "allowed-origins": e.value.allowedOrigins
+                  }, null, 8, ["icon", "registry", "variant", "allowed-origins"])
+                ], 4))), 128))
+              ]),
+              a.$slots.badge || T.value !== void 0 && T.value !== !1 ? (c(), $("span", {
+                key: 0,
+                class: "hys-icon-badge",
+                "data-position": e.value.badgePosition ?? "top-end",
+                "data-dot": e.value.badge === !0 && !a.$slots.badge || void 0
+              }, [
+                I(a.$slots, "badge", S(x(v.value)), () => [
+                  je(Ee(T.value), 1)
+                ])
+              ], 8, He)) : oe("", !0)
+            ]),
+            I(a.$slots, "default", S(x(v.value)))
+          ]),
+          _: 3
+        }, 16, ["style", "type", "disabled", "href", "tabindex", "target", "rel", "role", "aria-hidden", "aria-label", "aria-disabled", "aria-pressed", "aria-busy", "data-status", "data-active", "data-align", "data-directional", "data-animation", "data-trigger", "data-played", "data-off"]))
+      ]),
+      _: 3
+    }, 8, ["text"]));
+  }
+});
+export {
+  aa as default
+};

package/dist/components/HysIcon/HysIcon2.vue.js

@@ -0,0 +1,5 @@
+import o from "./HysIcon.vue.js";
+/* empty css         */
+export {
+  o as default
+};