tool_ui1 0.1.0

package/dist/u1design.js

@@ -0,0 +1,1252 @@
+import { defineComponent as k, computed as g, openBlock as i, createElementBlock as u, normalizeStyle as I, normalizeClass as _, renderSlot as C, ref as U, watch as N, useAttrs as ae, mergeProps as H, createCommentVNode as $, createElementVNode as r, createTextVNode as z, toDisplayString as v, inject as W, onMounted as le, provide as X, toRef as Y, reactive as E, onBeforeUnmount as q, Fragment as S, renderList as D, withKeys as K, withModifiers as G, h as ne, createVNode as oe, render as J, unref as P, createBlock as F, withCtx as se } from "vue";
+import { createU1ThemeCode as ie, u1ThemeTokens as A, applyU1Theme as ue, resetU1Theme as de } from "./theme/index.js";
+const ce = /* @__PURE__ */ k({
+  name: "U1Affix",
+  __name: "Affix",
+  props: {
+    offset: { default: 0 },
+    position: { default: "top" },
+    zIndex: { default: 100 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = g(() => typeof l.offset == "number" ? `${l.offset}px` : l.offset), s = g(() => {
+      if (l.disabled)
+        return {};
+      let a = {
+        position: "sticky",
+        zIndex: l.zIndex
+      };
+      return a[l.position] = t.value, a;
+    });
+    return (a, d) => (i(), u("div", {
+      class: _(["u1-affix", { "is-disabled": e.disabled }]),
+      style: I(s.value)
+    }, [
+      C(a.$slots, "default")
+    ], 6));
+  }
+}), re = ce, fe = ["src", "alt"], pe = {
+  key: 1,
+  class: "u1-avatar__text"
+}, me = /* @__PURE__ */ k({
+  name: "U1Avatar",
+  __name: "Avatar",
+  props: {
+    src: { default: "" },
+    alt: { default: "" },
+    size: { default: "default" },
+    shape: { default: "circle" }
+  },
+  setup(e) {
+    const l = e, t = U(!1), s = g(() => !!l.src && !t.value);
+    return N(
+      () => l.src,
+      () => {
+        t.value = !1;
+      }
+    ), (a, d) => (i(), u("span", {
+      class: _(["u1-avatar", [`u1-avatar--${e.size}`, `u1-avatar--${e.shape}`]])
+    }, [
+      s.value ? (i(), u("img", {
+        key: 0,
+        class: "u1-avatar__image",
+        src: e.src,
+        alt: e.alt,
+        onError: d[0] || (d[0] = (n) => t.value = !0)
+      }, null, 40, fe)) : (i(), u("span", pe, [
+        C(a.$slots, "default")
+      ]))
+    ], 2));
+  }
+}), he = me, be = ["disabled", "type"], ge = {
+  key: 0,
+  class: "u1-button__loading",
+  "aria-hidden": "true"
+}, ye = {
+  key: 1,
+  class: "u1-button__icon is-left"
+}, ve = {
+  key: 2,
+  class: "u1-button__icon is-left",
+  "aria-hidden": "true"
+}, _e = { class: "u1-button__content" }, $e = {
+  key: 3,
+  class: "u1-button__icon is-right",
+  "aria-hidden": "true"
+}, ke = /* @__PURE__ */ k({
+  name: "U1Button",
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    type: { default: "default" },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    label: { default: "" },
+    icon: { default: "" },
+    iconLeft: { default: "" },
+    iconRight: { default: "" },
+    plain: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    circle: { type: Boolean, default: !1 },
+    text: { type: Boolean, default: !1 },
+    link: { type: Boolean, default: !1 },
+    bg: { type: Boolean, default: !1 },
+    nativeType: { default: "button" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = ae(), d = [
+      "add",
+      "edit",
+      "delete",
+      "save",
+      "search",
+      "refresh",
+      "upload",
+      "download",
+      "copy",
+      "export",
+      "home",
+      "menu",
+      "setting",
+      "user",
+      "role",
+      "permission",
+      "dashboard",
+      "back",
+      "left",
+      "right",
+      "table",
+      "list",
+      "chart",
+      "database",
+      "file",
+      "folder",
+      "filter",
+      "sort",
+      "calendar",
+      "time",
+      "check",
+      "close",
+      "info",
+      "warning",
+      "error",
+      "success",
+      "loading",
+      "lock",
+      "unlock",
+      "view",
+      "hide"
+    ];
+    function n(c) {
+      return c ? `is-${d.includes(c) ? c : "close"}` : "";
+    }
+    const f = g(() => [
+      `u1-button--${t.type}`,
+      `u1-button--${t.size}`,
+      {
+        "is-disabled": t.disabled,
+        "is-loading": t.loading,
+        "is-plain": t.plain,
+        "is-round": t.round,
+        "is-circle": t.circle,
+        "is-text": t.text,
+        "is-link": t.link,
+        "is-has-bg": t.bg
+      }
+    ]), m = g(() => n(t.iconLeft || t.icon)), b = g(() => n(t.iconRight)), x = g(() => {
+      const c = Object.entries(a).filter(([y]) => y !== "tag" && y !== "href" && y !== "dashed");
+      return Object.fromEntries(c);
+    }), w = g(() => t.disabled || t.loading);
+    function V(c) {
+      if (w.value) {
+        c.preventDefault(), c.stopPropagation();
+        return;
+      }
+      s("click", c);
+    }
+    return (c, y) => (i(), u("button", H(x.value, {
+      class: ["u1-button", f.value],
+      disabled: w.value,
+      type: e.nativeType,
+      onClick: V
+    }), [
+      e.loading ? (i(), u("span", ge)) : $("", !0),
+      c.$slots.icon ? (i(), u("span", ye, [
+        C(c.$slots, "icon")
+      ])) : m.value ? (i(), u("span", ve, [
+        r("span", {
+          class: _(["u1-icon-mark", m.value])
+        }, null, 2)
+      ])) : $("", !0),
+      r("span", _e, [
+        C(c.$slots, "default", {}, () => [
+          z(v(e.label), 1)
+        ])
+      ]),
+      b.value ? (i(), u("span", $e, [
+        r("span", {
+          class: _(["u1-icon-mark", b.value])
+        }, null, 2)
+      ])) : $("", !0)
+    ], 16, be));
+  }
+}), xe = ke, we = {
+  key: 0,
+  class: "u1-card__header"
+}, Ve = { class: "u1-card__body" }, Ce = /* @__PURE__ */ k({
+  name: "U1Card",
+  __name: "Card",
+  props: {
+    shadow: { default: "always" }
+  },
+  setup(e) {
+    return (l, t) => (i(), u("section", {
+      class: _(["u1-card", `u1-card--shadow-${e.shadow}`])
+    }, [
+      l.$slots.header ? (i(), u("header", we, [
+        C(l.$slots, "header")
+      ])) : $("", !0),
+      r("div", Ve, [
+        C(l.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Be = Ce, Q = Symbol("U1CheckboxGroup"), Ue = { class: "u1-checkbox__input" }, Te = ["checked", "disabled", "aria-checked"], Se = { class: "u1-checkbox__label" }, Ie = /* @__PURE__ */ k({
+  name: "U1Checkbox",
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: !1 },
+    label: { type: [String, Number, Boolean], default: "" },
+    disabled: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    trueValue: { type: [String, Number, Boolean], default: !0 },
+    falseValue: { type: [String, Number, Boolean], default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = W(Q, void 0), d = U(), n = g(() => a ? a.modelValue.value.includes(t.label) : t.modelValue === t.trueValue), f = g(() => t.disabled || (a == null ? void 0 : a.disabled.value) === !0), m = g(() => t.indeterminate ? "mixed" : n.value ? "true" : "false");
+    function b() {
+      d.value && (d.value.indeterminate = t.indeterminate);
+    }
+    le(b), N(() => t.indeterminate, b);
+    function x(w) {
+      if (f.value)
+        return;
+      const V = w.target.checked;
+      if (a) {
+        a.change(t.label, V);
+        return;
+      }
+      const c = V ? t.trueValue : t.falseValue;
+      s("update:modelValue", c), s("change", c);
+    }
+    return (w, V) => (i(), u("label", {
+      class: _(["u1-checkbox", {
+        "is-checked": n.value,
+        "is-disabled": f.value,
+        "is-indeterminate": e.indeterminate
+      }])
+    }, [
+      r("span", Ue, [
+        r("input", {
+          ref_key: "inputRef",
+          ref: d,
+          class: "u1-checkbox__original",
+          type: "checkbox",
+          checked: n.value,
+          disabled: f.value,
+          "aria-checked": m.value,
+          onChange: x
+        }, null, 40, Te),
+        V[0] || (V[0] = r("span", { class: "u1-checkbox__inner" }, null, -1))
+      ]),
+      r("span", Se, [
+        C(w.$slots, "default", {}, () => [
+          z(v(e.label), 1)
+        ])
+      ])
+    ], 2));
+  }
+}), ze = {
+  class: "u1-checkbox-group",
+  role: "group"
+}, Le = /* @__PURE__ */ k({
+  name: "U1CheckboxGroup",
+  __name: "CheckboxGroup",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = g(() => t.modelValue);
+    function d(n, f) {
+      const m = f ? [...t.modelValue, n] : t.modelValue.filter((b) => b !== n);
+      s("update:modelValue", m), s("change", m);
+    }
+    return X(Q, {
+      modelValue: a,
+      disabled: Y(t, "disabled"),
+      change: d
+    }), (n, f) => (i(), u("div", ze, [
+      C(n.$slots, "default")
+    ]));
+  }
+}), Me = Ie, De = Le, Ne = ["aria-label"], Re = { class: "u1-dialog__title" }, Ee = { class: "u1-dialog__body" }, Z = /* @__PURE__ */ k({
+  name: "U1Dialog",
+  __name: "Dialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: "" },
+    width: { default: "50%" },
+    top: { default: "15vh" },
+    showClose: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = E({ x: 0, y: 0 }), d = E({ x: 0, y: 0 }), n = U(!1), f = U(""), m = U(!1), b = typeof document < "u", x = g(() => typeof t.top == "number" ? `${t.top}px` : t.top), w = g(() => ({
+      width: t.width,
+      top: x.value,
+      transform: `translateX(-50%) translate(${a.x}px, ${a.y}px)`
+    }));
+    N(
+      () => t.modelValue,
+      (B) => {
+        if (B) {
+          c(), y();
+          return;
+        }
+        o(), T();
+      },
+      { immediate: !0 }
+    ), q(() => {
+      o();
+    });
+    function V() {
+      s("update:modelValue", !1), s("close");
+    }
+    function c() {
+      a.x = 0, a.y = 0, d.x = 0, d.y = 0;
+    }
+    function y() {
+      !t.lockScroll || !b || document.body.style.overflow === "hidden" || (f.value = document.body.style.overflow, document.body.style.overflow = "hidden", m.value = !0);
+    }
+    function o() {
+      !t.lockScroll || !b || !m.value || (document.body.style.overflow = f.value, m.value = !1);
+    }
+    function h(B) {
+      t.draggable && (B.preventDefault(), n.value = !0, d.x = B.clientX, d.y = B.clientY, document.addEventListener("mousemove", p), document.addEventListener("mouseup", T));
+    }
+    function p(B) {
+      n.value && (a.x += B.clientX - d.x, a.y += B.clientY - d.y, d.x = B.clientX, d.y = B.clientY);
+    }
+    function T() {
+      n.value = !1, b && (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", T));
+    }
+    return (B, la) => e.modelValue ? (i(), u("section", {
+      key: 0,
+      class: _(["u1-dialog", { "is-dragging": n.value }]),
+      style: I(w.value),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": e.title
+    }, [
+      r("header", {
+        class: _(["u1-dialog__header", { "is-draggable": e.draggable, "is-dragging": n.value }]),
+        onMousedown: h
+      }, [
+        C(B.$slots, "header", {}, () => [
+          r("span", Re, v(e.title), 1)
+        ]),
+        e.showClose ? (i(), u("button", {
+          key: 0,
+          class: "u1-dialog__close",
+          type: "button",
+          "aria-label": "Close dialog",
+          onClick: V
+        }, "x")) : $("", !0)
+      ], 34),
+      r("div", Ee, [
+        C(B.$slots, "default")
+      ])
+    ], 14, Ne)) : $("", !0);
+  }
+}), Oe = Z, Ae = ["type", "value", "placeholder", "disabled"], Ke = ["disabled"], Ge = ["disabled", "aria-pressed", "aria-label"], Pe = /* @__PURE__ */ k({
+  name: "U1Input",
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    showPassword: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = U(!1), d = g(() => t.showPassword ? a.value ? "text" : "password" : "text");
+    function n(x) {
+      s("update:modelValue", x.target.value);
+    }
+    function f(x) {
+      s("change", x.target.value);
+    }
+    function m() {
+      s("update:modelValue", ""), s("clear");
+    }
+    function b() {
+      t.disabled || (a.value = !a.value);
+    }
+    return (x, w) => (i(), u("span", {
+      class: _(["u1-input", { "is-disabled": e.disabled }])
+    }, [
+      r("input", {
+        class: "u1-input__inner",
+        type: d.value,
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        onInput: n,
+        onChange: f
+      }, null, 40, Ae),
+      e.clearable && e.modelValue ? (i(), u("button", {
+        key: 0,
+        class: "u1-input__clear",
+        type: "button",
+        disabled: e.disabled,
+        "aria-label": "clear",
+        onClick: m
+      }, "x", 8, Ke)) : $("", !0),
+      e.showPassword ? (i(), u("button", {
+        key: 1,
+        class: "u1-input__password",
+        type: "button",
+        disabled: e.disabled,
+        "aria-pressed": a.value ? "true" : "false",
+        "aria-label": a.value ? "hide password" : "show password",
+        onClick: b
+      }, v(a.value ? "hide" : "show"), 9, Ge)) : $("", !0)
+    ], 2));
+  }
+}), Fe = Pe, je = ["value", "placeholder", "disabled", "readonly", "inputmode"], He = ["disabled", "aria-pressed", "aria-label"], We = /* @__PURE__ */ k({
+  name: "U1InputLabel",
+  __name: "InputLabel",
+  props: {
+    modelValue: { default: "" },
+    label: { default: "" },
+    labelWidth: { default: "80px" },
+    labelPosition: { default: "right" },
+    inputWidth: { default: "220px" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    show: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = U(!1), d = g(() => x(String(t.modelValue ?? ""))), n = g(() => !t.show || a.value ? d.value : d.value ? "***" : ""), f = g(() => ({
+      width: b(t.labelWidth),
+      textAlign: t.labelPosition
+    })), m = g(() => ({
+      width: b(t.inputWidth)
+    }));
+    function b(o) {
+      return typeof o == "number" ? `${o}px` : o;
+    }
+    function x(o) {
+      return t.type !== "number" ? o : o.replace(/\D/g, "");
+    }
+    function w(o) {
+      return !t.show || a.value ? o : o ? "***" : "";
+    }
+    function V(o) {
+      const h = o.target, p = x(h.value);
+      h.value = w(p), s("update:modelValue", p);
+    }
+    function c(o) {
+      const h = o.target, p = t.show && !a.value ? d.value : x(h.value);
+      h.value = w(p), s("change", p);
+    }
+    function y() {
+      t.disabled || (a.value = !a.value);
+    }
+    return (o, h) => (i(), u("span", {
+      class: _(["u1-input-label", { "is-disabled": e.disabled, "is-readonly": e.readonly }])
+    }, [
+      r("span", {
+        class: "u1-input-label__label",
+        style: I(f.value)
+      }, v(e.label), 5),
+      r("span", {
+        class: "u1-input-label__control",
+        style: I(m.value)
+      }, [
+        r("input", {
+          class: "u1-input-label__inner",
+          value: n.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          inputmode: e.type === "number" ? "numeric" : void 0,
+          type: "text",
+          onInput: V,
+          onChange: c
+        }, null, 40, je),
+        e.show ? (i(), u("button", {
+          key: 0,
+          class: "u1-input-label__toggle",
+          type: "button",
+          disabled: e.disabled,
+          "aria-pressed": a.value ? "true" : "false",
+          "aria-label": a.value ? "hide value" : "show value",
+          onClick: y
+        }, [
+          r("span", {
+            class: _(["u1-icon-mark", a.value ? "is-hide" : "is-view"]),
+            "aria-hidden": "true"
+          }, null, 2)
+        ], 8, He)) : $("", !0)
+      ], 4)
+    ], 2));
+  }
+}), Xe = We, Ye = ["disabled", "aria-current", "onClick", "onKeydown"], qe = /* @__PURE__ */ k({
+  name: "U1Menu",
+  __name: "Menu",
+  props: {
+    items: {},
+    active: { default: "" },
+    mode: { default: "vertical" }
+  },
+  emits: ["update:active", "select"],
+  setup(e, { emit: l }) {
+    const t = l;
+    function s(a) {
+      a.disabled || (t("update:active", a.index), t("select", a.index));
+    }
+    return (a, d) => (i(), u("nav", {
+      class: _(["u1-menu", `u1-menu--${e.mode}`])
+    }, [
+      (i(!0), u(S, null, D(e.items, (n) => (i(), u("button", {
+        key: n.index,
+        class: _(["u1-menu__item", {
+          "is-active": n.index === e.active,
+          "is-disabled": n.disabled
+        }]),
+        type: "button",
+        disabled: n.disabled,
+        "aria-current": n.index === e.active ? "page" : void 0,
+        onClick: (f) => s(n),
+        onKeydown: [
+          K(G((f) => s(n), ["prevent"]), ["enter"]),
+          K(G((f) => s(n), ["prevent"]), ["space"])
+        ]
+      }, v(n.label), 43, Ye))), 128))
+    ], 2));
+  }
+}), Je = qe, Qe = {
+  class: "u1-message__icon",
+  "aria-hidden": "true"
+}, Ze = ["innerHTML"], et = {
+  key: 1,
+  class: "u1-message__content"
+}, tt = {
+  key: 2,
+  class: "u1-message__repeat"
+}, O = /* @__PURE__ */ k({
+  name: "U1Message",
+  __name: "Message",
+  props: {
+    type: { default: "info" },
+    message: {},
+    showClose: { type: Boolean, default: !1 },
+    repeatNum: { default: 1 },
+    dangerouslyUseHTMLString: { type: Boolean, default: !1 },
+    offset: { default: void 0 },
+    placement: { default: "top" },
+    zIndex: { default: void 0 }
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = U(!0);
+    N(
+      () => t.message,
+      () => {
+        a.value = !0;
+      }
+    );
+    const d = g(() => ({
+      success: "✓",
+      warning: "!",
+      info: "i",
+      error: "x"
+    })[t.type]), n = g(() => {
+      const m = {};
+      return t.offset !== void 0 && (t.placement.startsWith("bottom") ? m.bottom = `${t.offset}px` : m.top = `${t.offset}px`), t.zIndex !== void 0 && (m.zIndex = t.zIndex), m;
+    });
+    function f() {
+      a.value = !1, s("close");
+    }
+    return (m, b) => a.value ? (i(), u("div", {
+      key: 0,
+      class: _(["u1-message", [`u1-message--${e.type}`, `u1-message--${e.placement}`]]),
+      style: I(n.value),
+      role: "alert"
+    }, [
+      r("span", Qe, v(d.value), 1),
+      e.dangerouslyUseHTMLString ? (i(), u("span", {
+        key: 0,
+        class: "u1-message__content",
+        innerHTML: e.message
+      }, null, 8, Ze)) : (i(), u("span", et, v(e.message), 1)),
+      e.repeatNum > 1 ? (i(), u("span", tt, "x " + v(e.repeatNum), 1)) : $("", !0),
+      e.showClose ? (i(), u("button", {
+        key: 3,
+        class: "u1-message__close",
+        type: "button",
+        "aria-label": "close",
+        onClick: f
+      }, "x")) : $("", !0)
+    ], 6)) : $("", !0);
+  }
+}), at = 20, lt = 3e3, L = [];
+let j = 1;
+const nt = k({
+  props: {
+    state: {
+      type: Object,
+      required: !0
+    },
+    close: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    return () => ne(O, { ...e.state, onClose: e.close });
+  }
+});
+function ot(e, l) {
+  return typeof e == "string" ? {
+    message: e,
+    type: l ?? "info"
+  } : {
+    ...e,
+    type: l ?? e.type ?? "info"
+  };
+}
+function st(e) {
+  return L.filter((l) => l.props.placement === e).reduce((l, t) => {
+    const s = t.container.firstElementChild, a = (s == null ? void 0 : s.getBoundingClientRect().height) || 44;
+    return l + a + 16;
+  }, at);
+}
+function it(e) {
+  return L.find((l) => e.grouping && l.props.grouping && l.props.message === e.message && l.props.type === e.type);
+}
+function ut(e) {
+  var t;
+  if (e.closed)
+    return;
+  e.closed = !0;
+  const l = L.findIndex((s) => s.id === e.id);
+  l !== -1 && L.splice(l, 1), J(null, e.container), e.container.remove(), (t = e.onClose) == null || t.call(e);
+}
+function R(e, l) {
+  const t = ot(e, l), s = it(t);
+  if (s)
+    return s.props.repeatNum += 1, {
+      close: s.close
+    };
+  const a = j;
+  j += 1;
+  const d = document.createElement("div"), n = t.placement ?? "top", f = E({
+    message: t.message,
+    type: t.type ?? "info",
+    duration: t.duration ?? lt,
+    showClose: t.showClose ?? !1,
+    grouping: t.grouping ?? !1,
+    dangerouslyUseHTMLString: t.dangerouslyUseHTMLString ?? !1,
+    placement: n,
+    offset: t.offset ?? st(n),
+    repeatNum: 1
+  }), m = {
+    id: a,
+    container: d,
+    props: f,
+    type: f.type,
+    close: () => ut(m),
+    onClose: t.onClose,
+    closed: !1
+  }, b = oe(nt, {
+    state: f,
+    close: m.close
+  });
+  return J(b, d), document.body.appendChild(d), L.push(m), f.duration > 0 && window.setTimeout(m.close, f.duration), {
+    close: m.close
+  };
+}
+const M = R;
+M.success = (e) => R(e, "success");
+M.warning = (e) => R(e, "warning");
+M.info = (e) => R(e, "info");
+M.error = (e) => R(e, "error");
+M.closeAll = (e) => {
+  (e ? L.filter((t) => t.type === e) : [...L]).forEach((t) => t.close());
+};
+M.install = (e) => {
+  e.component(O.name, O);
+};
+const sa = O, ee = Symbol("U1RadioGroup"), dt = { class: "u1-radio__input" }, ct = ["checked", "disabled"], rt = { class: "u1-radio__label" }, ft = /* @__PURE__ */ k({
+  name: "U1Radio",
+  __name: "Radio",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    label: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = W(ee, void 0), d = g(() => a ? a.modelValue.value === t.label : t.modelValue === t.label), n = g(() => t.disabled || (a == null ? void 0 : a.disabled.value) === !0);
+    function f() {
+      if (!n.value) {
+        if (a) {
+          a.change(t.label);
+          return;
+        }
+        s("update:modelValue", t.label), s("change", t.label);
+      }
+    }
+    return (m, b) => (i(), u("label", {
+      class: _(["u1-radio", {
+        "is-checked": d.value,
+        "is-disabled": n.value
+      }]),
+      onClick: f
+    }, [
+      r("span", dt, [
+        r("input", {
+          class: "u1-radio__original",
+          type: "radio",
+          checked: d.value,
+          disabled: n.value,
+          onChange: f
+        }, null, 40, ct),
+        b[0] || (b[0] = r("span", { class: "u1-radio__inner" }, null, -1))
+      ]),
+      r("span", rt, [
+        C(m.$slots, "default", {}, () => [
+          z(v(e.label), 1)
+        ])
+      ])
+    ], 2));
+  }
+}), pt = {
+  class: "u1-radio-group",
+  role: "radiogroup"
+}, mt = /* @__PURE__ */ k({
+  name: "U1RadioGroup",
+  __name: "RadioGroup",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = g(() => t.modelValue);
+    function d(n) {
+      s("update:modelValue", n), s("change", n);
+    }
+    return X(ee, {
+      modelValue: a,
+      disabled: Y(t, "disabled"),
+      change: d
+    }), (n, f) => (i(), u("div", pt, [
+      C(n.$slots, "default")
+    ]));
+  }
+}), ht = ft, bt = mt, gt = ["value", "disabled"], yt = {
+  key: 0,
+  value: "",
+  disabled: ""
+}, vt = ["value"], _t = /* @__PURE__ */ k({
+  name: "U1Select",
+  __name: "Select",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function a(d) {
+      const n = d.target.value, f = t.options.find((b) => String(b.value) === n), m = f ? f.value : n;
+      s("update:modelValue", m), s("change", m);
+    }
+    return (d, n) => (i(), u("span", {
+      class: _(["u1-select", { "is-disabled": e.disabled }])
+    }, [
+      r("select", {
+        class: "u1-select__inner",
+        value: e.modelValue,
+        disabled: e.disabled,
+        onChange: a
+      }, [
+        e.placeholder ? (i(), u("option", yt, v(e.placeholder), 1)) : $("", !0),
+        (i(!0), u(S, null, D(e.options, (f) => (i(), u("option", {
+          key: String(f.value),
+          value: f.value
+        }, v(f.label), 9, vt))), 128))
+      ], 40, gt)
+    ], 2));
+  }
+}), $t = _t, kt = ["aria-checked", "disabled"], xt = {
+  key: 0,
+  class: "u1-switch__label"
+}, wt = /* @__PURE__ */ k({
+  name: "U1Switch",
+  __name: "Switch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    activeText: { default: "" },
+    inactiveText: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function a() {
+      if (t.disabled)
+        return;
+      const d = !t.modelValue;
+      s("update:modelValue", d), s("change", d);
+    }
+    return (d, n) => (i(), u("button", {
+      class: _(["u1-switch", {
+        "is-checked": e.modelValue,
+        "is-disabled": e.disabled
+      }]),
+      type: "button",
+      role: "switch",
+      "aria-checked": e.modelValue ? "true" : "false",
+      disabled: e.disabled,
+      onClick: a
+    }, [
+      n[0] || (n[0] = r("span", { class: "u1-switch__core" }, null, -1)),
+      e.activeText || e.inactiveText ? (i(), u("span", xt, v(e.modelValue ? e.activeText : e.inactiveText), 1)) : $("", !0)
+    ], 10, kt));
+  }
+}), Vt = wt, Ct = { class: "u1-table__wrapper" }, Bt = { class: "u1-table__inner" }, Ut = { class: "u1-table__cell-content" }, Tt = { key: 0 }, St = ["title"], It = { class: "u1-table__cell-content" }, zt = {
+  key: 1,
+  class: "u1-table__actions"
+}, Lt = { key: 1 }, Mt = ["colspan"], Dt = {
+  key: 0,
+  class: "u1-table__loading"
+}, Nt = /* @__PURE__ */ k({
+  name: "U1Table",
+  __name: "Table",
+  props: {
+    columns: {},
+    data: {},
+    border: { type: Boolean, default: !1 },
+    stripe: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingText: { default: "Loading" },
+    emptyText: { default: "No data" },
+    rowKey: {},
+    size: { default: "default" },
+    showOverflowTooltip: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = g(
+      () => l.columns.map((c) => ({
+        type: "default",
+        ...c
+      }))
+    ), s = g(() => [
+      `u1-table--${l.size}`,
+      {
+        "is-border": l.border,
+        "is-stripe": l.stripe,
+        "is-loading": l.loading
+      }
+    ]);
+    function a(c, y) {
+      if (typeof l.rowKey == "function")
+        return l.rowKey(c, y);
+      if (l.rowKey) {
+        const o = c[l.rowKey];
+        return typeof o == "string" || typeof o == "number" ? o : y;
+      }
+      return y;
+    }
+    function d(c, y) {
+      return c.prop || `${c.type}-${y}`;
+    }
+    function n(c) {
+      return typeof c == "number" ? `${c}px` : c;
+    }
+    function f(c) {
+      return {
+        width: n(c.width),
+        minWidth: n(c.minWidth)
+      };
+    }
+    function m(c) {
+      return c ? `is-${c}` : "is-left";
+    }
+    function b(c) {
+      return [m(c.headerAlign || c.align)];
+    }
+    function x(c) {
+      return [
+        m(c.align),
+        {
+          "is-overflow": c.showOverflowTooltip || l.showOverflowTooltip
+        }
+      ];
+    }
+    function w(c, y) {
+      if (!y.prop)
+        return "";
+      const o = c[y.prop];
+      return o == null ? "" : String(o);
+    }
+    function V(c, y) {
+      if (!(!y.showOverflowTooltip && !l.showOverflowTooltip))
+        return w(c, y);
+    }
+    return (c, y) => (i(), u("div", {
+      class: _(["u1-table", s.value])
+    }, [
+      r("div", Ct, [
+        r("table", Bt, [
+          r("thead", null, [
+            r("tr", null, [
+              (i(!0), u(S, null, D(t.value, (o, h) => (i(), u("th", {
+                key: d(o, h),
+                class: _(["u1-table__cell", b(o)]),
+                style: I(f(o))
+              }, [
+                r("div", Ut, [
+                  o.prop ? C(c.$slots, `header-${o.prop}`, {
+                    key: 0,
+                    column: o,
+                    index: h
+                  }, () => [
+                    z(v(o.label), 1)
+                  ]) : (i(), u(S, { key: 1 }, [
+                    z(v(o.label), 1)
+                  ], 64))
+                ])
+              ], 6))), 128))
+            ])
+          ]),
+          e.data.length ? (i(), u("tbody", Tt, [
+            (i(!0), u(S, null, D(e.data, (o, h) => (i(), u("tr", {
+              key: a(o, h)
+            }, [
+              (i(!0), u(S, null, D(t.value, (p, T) => (i(), u("td", {
+                key: d(p, T),
+                class: _(["u1-table__cell", x(p)]),
+                style: I(f(p)),
+                title: V(o, p)
+              }, [
+                r("div", It, [
+                  p.type === "index" ? (i(), u(S, { key: 0 }, [
+                    z(v(h + 1), 1)
+                  ], 64)) : p.type === "action" ? (i(), u("div", zt, [
+                    C(c.$slots, "action", {
+                      row: o,
+                      index: h
+                    })
+                  ])) : p.prop ? C(c.$slots, `cell-${p.prop}`, {
+                    key: 2,
+                    row: o,
+                    column: p,
+                    index: h,
+                    value: w(o, p)
+                  }, () => [
+                    z(v(w(o, p)), 1)
+                  ]) : $("", !0)
+                ])
+              ], 14, St))), 128))
+            ]))), 128))
+          ])) : (i(), u("tbody", Lt, [
+            r("tr", null, [
+              r("td", {
+                class: "u1-table__empty",
+                colspan: t.value.length || 1
+              }, v(e.emptyText), 9, Mt)
+            ])
+          ]))
+        ]),
+        e.loading ? (i(), u("div", Dt, v(e.loadingText), 1)) : $("", !0)
+      ])
+    ], 2));
+  }
+}), Rt = Nt, Et = { class: "u1-tag-component__content" }, Ot = /* @__PURE__ */ k({
+  name: "U1Tag",
+  __name: "Tag",
+  props: {
+    type: { default: "primary" },
+    effect: { default: "light" },
+    closable: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, a = U(!0);
+    N(
+      () => t.closable,
+      () => {
+        a.value = !0;
+      }
+    );
+    function d() {
+      a.value = !1, s("close");
+    }
+    return (n, f) => a.value ? (i(), u("span", {
+      key: 0,
+      class: _(["u1-tag-component", [`u1-tag-component--${e.type}`, `u1-tag-component--${e.effect}`]])
+    }, [
+      r("span", Et, [
+        C(n.$slots, "default")
+      ]),
+      e.closable ? (i(), u("button", {
+        key: 0,
+        class: "u1-tag-component__close",
+        type: "button",
+        "aria-label": "close",
+        onClick: d
+      }, "x")) : $("", !0)
+    ], 2)) : $("", !0);
+  }
+}), At = Ot, Kt = { class: "u1-theme-editor" }, Gt = { class: "u1-theme-editor__columns" }, Pt = { class: "u1-theme-editor__form" }, Ft = ["for"], jt = { class: "u1-theme-editor__name" }, Ht = { class: "u1-theme-editor__var" }, Wt = { class: "u1-theme-editor__control" }, Xt = ["id", "value", "onInput"], Yt = ["id", "value", "onInput"], qt = { class: "u1-theme-editor__actions" }, Jt = { class: "u1-theme-editor__code" }, Qt = ["value"], Zt = /* @__PURE__ */ k({
+  name: "U1ThemeEditor",
+  __name: "ThemeEditor",
+  props: {
+    modelValue: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const l = Object.keys(A);
+    function t(o) {
+      return o !== "radiusBase" && o !== "shadowLight" && o !== "shadowFocus";
+    }
+    function s(o) {
+      return {
+        primary: "主题色",
+        success: "成功色",
+        warning: "警告色",
+        danger: "危险色",
+        info: "信息色",
+        text: "主要文本",
+        textRegular: "常规文本",
+        border: "边框",
+        borderLight: "浅边框",
+        background: "背景色",
+        radiusBase: "基础圆角",
+        shadowLight: "轻阴影",
+        shadowFocus: "聚焦阴影"
+      }[o] ?? o;
+    }
+    function a(o) {
+      return /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(o) ? o : "#000000";
+    }
+    const d = () => {
+      const o = {};
+      for (const [h, p] of Object.entries(A))
+        o[h] = p.defaultValue;
+      return o;
+    }, n = E(d()), f = g(() => ie(n)), m = U("复制代码");
+    let b = null;
+    function x(o, h) {
+      const p = h.target;
+      n[o] = p.value, V();
+    }
+    function w(o, h) {
+      const p = h.target;
+      n[o] = p.value, V();
+    }
+    function V() {
+      const o = {};
+      for (const [h, p] of Object.entries(n))
+        p && (o[h] = p);
+      ue(o);
+    }
+    async function c() {
+      try {
+        await navigator.clipboard.writeText(f.value), m.value = "已复制";
+      } catch {
+        m.value = "复制失败";
+      }
+      b && clearTimeout(b), b = setTimeout(() => {
+        m.value = "复制代码";
+      }, 1600);
+    }
+    function y() {
+      const o = d();
+      for (const h of Object.keys(o))
+        n[h] = o[h];
+      de();
+    }
+    return q(() => {
+      b && clearTimeout(b);
+    }), (o, h) => (i(), u("section", Kt, [
+      r("div", Gt, [
+        r("div", Pt, [
+          (i(!0), u(S, null, D(P(l), (p) => (i(), u("div", {
+            key: p,
+            class: "u1-theme-editor__field"
+          }, [
+            r("label", {
+              for: `u1-theme-${p}`,
+              class: "u1-theme-editor__label"
+            }, [
+              r("span", jt, v(s(p)), 1),
+              r("span", Ht, v(P(A)[p].cssVar), 1)
+            ], 8, Ft),
+            r("div", Wt, [
+              t(p) ? (i(), u("input", {
+                key: 0,
+                id: `u1-theme-${p}`,
+                class: "u1-theme-editor__color",
+                type: "color",
+                value: a(n[p]),
+                onInput: (T) => x(p, T)
+              }, null, 40, Xt)) : (i(), u("input", {
+                key: 1,
+                id: `u1-theme-${p}`,
+                class: "u1-theme-editor__text",
+                type: "text",
+                value: n[p],
+                onInput: (T) => w(p, T)
+              }, null, 40, Yt)),
+              t(p) ? (i(), u("span", {
+                key: 2,
+                class: "u1-theme-editor__swatch",
+                style: I({ background: n[p] }),
+                "aria-hidden": "true"
+              }, null, 4)) : $("", !0)
+            ])
+          ]))), 128)),
+          r("div", qt, [
+            r("button", {
+              class: "u1-theme-editor__btn u1-theme-editor__btn--copy",
+              type: "button",
+              onClick: c
+            }, v(m.value), 1),
+            r("button", {
+              class: "u1-theme-editor__btn u1-theme-editor__btn--reset",
+              type: "button",
+              onClick: y
+            }, " 重置默认 ")
+          ])
+        ]),
+        r("div", Jt, [
+          h[0] || (h[0] = r("label", {
+            class: "u1-theme-editor__label",
+            for: "u1-theme-code"
+          }, "主题代码", -1)),
+          r("textarea", {
+            id: "u1-theme-code",
+            class: "u1-theme-editor__textarea",
+            style: { "font-family": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace" },
+            value: f.value,
+            readonly: "",
+            spellcheck: "false"
+          }, null, 8, Qt),
+          h[1] || (h[1] = r("p", { class: "u1-theme-editor__hint" }, " 复制到你的项目入口文件并执行，主题将在用户项目长期生效。 ", -1))
+        ])
+      ])
+    ]));
+  }
+}), ea = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [s, a] of l)
+    t[s] = a;
+  return t;
+}, te = /* @__PURE__ */ ea(Zt, [["__scopeId", "data-v-0949dd57"]]), ta = /* @__PURE__ */ k({
+  name: "U1ThemeEditorDialog",
+  __name: "ThemeEditorDialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: "主题编辑器" },
+    width: { default: "720px" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = l;
+    function s(a) {
+      t("update:modelValue", a);
+    }
+    return (a, d) => (i(), F(Z, H({
+      "model-value": e.modelValue,
+      title: e.title,
+      width: e.width
+    }, a.$attrs, { "onUpdate:modelValue": s }), {
+      default: se(() => [
+        e.modelValue ? (i(), F(te, { key: 0 })) : $("", !0)
+      ]),
+      _: 1
+    }, 16, ["model-value", "title", "width"]));
+  }
+}), aa = [
+  re,
+  xe,
+  Fe,
+  Xe,
+  ht,
+  bt,
+  Me,
+  De,
+  Be,
+  $t,
+  Vt,
+  he,
+  At,
+  M,
+  Oe,
+  Rt,
+  Je,
+  te,
+  ta
+], ia = {
+  install(e) {
+    aa.forEach((l) => {
+      if ("install" in l && typeof l.install == "function") {
+        l.install(e);
+        return;
+      }
+      e.component(l.name, l);
+    });
+  }
+};
+export {
+  re as U1Affix,
+  he as U1Avatar,
+  xe as U1Button,
+  Be as U1Card,
+  Me as U1Checkbox,
+  De as U1CheckboxGroup,
+  Oe as U1Dialog,
+  Fe as U1Input,
+  Xe as U1InputLabel,
+  Je as U1Menu,
+  M as U1Message,
+  sa as U1MessageComponent,
+  ht as U1Radio,
+  bt as U1RadioGroup,
+  $t as U1Select,
+  Vt as U1Switch,
+  Rt as U1Table,
+  At as U1Tag,
+  te as U1ThemeEditor,
+  ta as U1ThemeEditorDialog,
+  ia as default
+};