@qynpm/ui 1.0.38 → 1.0.39

package/dist/shared/index.vue_vue_type_style_index_0_lang-Daww52B9.mjs

@@ -0,0 +1,317 @@
+import { defineComponent as ue, inject as se, ref as d, computed as b, watch as M, nextTick as Q, openBlock as u, createElementBlock as p, createVNode as R, unref as C, withCtx as z, createElementVNode as h, toDisplayString as S, Fragment as de, renderList as pe, withKeys as K, withModifiers as L, normalizeClass as fe, renderSlot as ve, createTextVNode as ye, createCommentVNode as Y, createBlock as me } from "vue";
+import { Q as W } from "./index-lKF1vwdE.mjs";
+import { Q as G } from "./index-B3GsIwhf.mjs";
+import { QyPopover as he } from "../qy-popover/index.mjs";
+import { n as _e, Q as ke } from "./index-D8OXRBGc.mjs";
+function be(l, y) {
+  const m = y == null ? "" : String(y), a = l && m ? l.resolve(m) : void 0;
+  return Object.freeze({
+    value: m,
+    known: !!a,
+    canonicalName: a == null ? void 0 : a.name,
+    definition: a
+  });
+}
+function ge(l, y, m = "") {
+  const a = (l == null ? void 0 : l.list()) ?? [], i = y === void 0 ? void 0 : new Set(
+    y.map((t) => {
+      var v;
+      return (v = l == null ? void 0 : l.resolve(t)) == null ? void 0 : v.name;
+    }).filter((t) => !!t).map(H)
+  ), f = String(m).trim().toLocaleLowerCase();
+  return Object.freeze(
+    a.filter((t) => i && !i.has(H(t.name)) ? !1 : f ? [
+      t.name,
+      t.label,
+      ...t.keywords ?? []
+    ].some(
+      (v) => typeof v == "string" && v.toLocaleLowerCase().includes(f)
+    ) : !0)
+  );
+}
+function H(l) {
+  return _e(l).toLocaleLowerCase();
+}
+const qe = { class: "qy-icon-picker" }, we = ["onKeydown"], Ie = {
+  class: "qy-icon-picker__preview",
+  "aria-hidden": "true"
+}, Ce = {
+  key: 1,
+  class: "qy-icon-picker__missing",
+  "aria-hidden": "true"
+}, Le = ["id"], Pe = {
+  class: "qy-icon-picker__search",
+  "data-testid": "qy-icon-picker-search"
+}, Qe = {
+  key: 0,
+  class: "qy-icon-picker__state",
+  "data-testid": "qy-icon-picker-loading",
+  role: "status"
+}, Re = {
+  key: 1,
+  class: "qy-icon-picker__state qy-icon-picker__state--error",
+  "data-testid": "qy-icon-picker-error",
+  role: "alert"
+}, ze = ["aria-label"], Ke = ["id", "data-qy-icon-option", "data-qy-icon-active", "aria-selected", "tabindex", "onClick", "onFocus", "onKeydown"], Ne = { class: "qy-icon-picker__option-label" }, xe = {
+  key: 3,
+  class: "qy-icon-picker__empty"
+};
+let Ve = 0;
+const Ae = /* @__PURE__ */ ue({
+  name: "QyIconPicker",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    allowedNames: {},
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    placeholder: { default: "点击选择图标" },
+    searchPlaceholder: { default: "搜索图标名称、标签或关键词" },
+    emptyText: { default: "暂无匹配图标" },
+    panelWidth: { default: 540 },
+    open: { type: Boolean, default: void 0 },
+    id: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change", "clear", "update:open", "open-change"],
+  setup(l, { expose: y, emit: m }) {
+    const a = l, i = m, f = se(ke, null), t = d(""), v = d(!1), r = d(-1), N = d([]), g = d(!1), P = d(""), A = d(0);
+    let O = !1;
+    const q = d(null), U = d(null), x = d("pointer"), J = `qy-icon-picker-${++Ve}`, _ = b(
+      () => be(f, a.modelValue)
+    ), s = b(() => (A.value, ge(f, a.allowedNames, t.value))), w = b(() => a.open !== void 0), k = b(
+      () => w.value ? a.open === !0 : v.value
+    ), X = b(() => "click"), V = b(() => `${a.id || J}-panel`);
+    M(
+      k,
+      (e, n) => {
+        !e || n || (t.value = "", r.value = le(), N.value = [], !O && f && (O = !0, D(f.load())), x.value === "keyboard" && Q(() => {
+          var o, c;
+          return (c = (o = U.value) == null ? void 0 : o.focus) == null ? void 0 : c.call(o);
+        }));
+      }
+    );
+    function D(e) {
+      g.value = !0, P.value = "", e.then(
+        () => {
+          g.value = !1, A.value++;
+        },
+        (n) => {
+          g.value = !1, P.value = n instanceof Error ? n.message : String(n);
+        }
+      );
+    }
+    function Z() {
+      !f || g.value || D(f.retry());
+    }
+    M(s, () => {
+      if (!s.value.length) {
+        r.value = -1;
+        return;
+      }
+      r.value >= s.value.length && (r.value = 0), r.value < 0 && (r.value = 0);
+    });
+    function j() {
+      a.disabled || (x.value = "keyboard", $("keyboard"));
+    }
+    function ee(e) {
+      a.disabled || w.value && a.open !== !1 || (e.stopImmediatePropagation(), $("pointer"));
+    }
+    function ae(e) {
+      T(e);
+    }
+    function ne(e) {
+      e === k.value && (w.value || (v.value = e), i("open-change", e), e || Q(() => {
+        var n, o;
+        return (o = (n = q.value) == null ? void 0 : n.focus) == null ? void 0 : o.call(n);
+      }));
+    }
+    function T(e) {
+      e && a.disabled || e !== k.value && (w.value || (v.value = e), i("update:open", e));
+    }
+    function $(e = "programmatic") {
+      x.value = e, T(!0);
+    }
+    function B() {
+      T(!1), Q(() => {
+        var e, n;
+        return (n = (e = q.value) == null ? void 0 : e.focus) == null ? void 0 : n.call(e);
+      });
+    }
+    function F() {
+      a.disabled || (i("update:modelValue", ""), i("change", ""), i("clear"));
+    }
+    function E(e) {
+      a.disabled || (i("update:modelValue", e.name), i("change", e.name), B());
+    }
+    function oe(e) {
+      if (e.key === "Escape") {
+        e.preventDefault(), B();
+        return;
+      }
+      if (!s.value.length || !["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key)) return;
+      e.preventDefault();
+      const n = e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1, o = s.value.length;
+      r.value = (r.value + n + o) % o, Q(() => {
+        var c;
+        return (c = N.value[r.value]) == null ? void 0 : c.focus();
+      });
+    }
+    function le() {
+      const e = _.value.canonicalName;
+      if (!e) return s.value.length ? 0 : -1;
+      const n = s.value.findIndex(({ name: o }) => o === e);
+      return n >= 0 ? n : s.value.length ? 0 : -1;
+    }
+    function te(e, n) {
+      e instanceof HTMLElement && (N.value[n] = e);
+    }
+    function re(e) {
+      return `${V.value}-${encodeURIComponent(e)}`;
+    }
+    function ie() {
+      var e, n;
+      (n = (e = q.value) == null ? void 0 : e.focus) == null || n.call(e);
+    }
+    function ce() {
+      var e, n;
+      (n = (e = q.value) == null ? void 0 : e.blur) == null || n.call(e);
+    }
+    return y({ focus: ie, blur: ce, open: $, close: B }), (e, n) => (u(), p("div", qe, [
+      R(C(he), {
+        ref: "popoverRef",
+        class: "qy-icon-picker__popover",
+        open: k.value,
+        trigger: X.value,
+        placement: "bottom-start",
+        width: a.panelWidth,
+        "show-delay": 0,
+        "hide-delay": 0,
+        disabled: a.disabled || w.value && a.open === !1,
+        "onUpdate:open": ae,
+        onOpenChange: ne
+      }, {
+        reference: z(() => [
+          h("div", {
+            class: "qy-icon-picker__trigger",
+            "data-testid": "qy-icon-picker-trigger",
+            onClick: ee,
+            onKeydown: [
+              K(L(j, ["prevent"]), ["enter"]),
+              K(L(j, ["prevent"]), ["space"])
+            ]
+          }, [
+            R(C(G), {
+              ref_key: "triggerRef",
+              ref: q,
+              id: a.id,
+              "model-value": _.value.value,
+              size: a.size,
+              disabled: a.disabled,
+              clearable: a.clearable,
+              readonly: "",
+              placeholder: a.placeholder,
+              "aria-label": a.ariaLabel,
+              "aria-haspopup": "listbox",
+              "aria-expanded": k.value ? "true" : "false",
+              "aria-controls": V.value,
+              onClear: F
+            }, {
+              prefix: z(() => [
+                h("span", Ie, [
+                  _.value.definition ? (u(), me(C(W), {
+                    key: 0,
+                    name: _.value.definition.name,
+                    size: 18
+                  }, null, 8, ["name"])) : (u(), p("span", Ce, "?"))
+                ])
+              ]),
+              suffix: z(() => [
+                a.clearable && _.value.value ? (u(), p("button", {
+                  key: 0,
+                  type: "button",
+                  class: "qy-icon-picker__clear",
+                  "data-testid": "qy-icon-picker-clear",
+                  "aria-label": "清空图标",
+                  onClick: L(F, ["stop", "prevent"])
+                }, [...n[1] || (n[1] = [
+                  h("span", { "aria-hidden": "true" }, "×", -1)
+                ])])) : Y("", !0)
+              ]),
+              _: 1
+            }, 8, ["id", "model-value", "size", "disabled", "clearable", "placeholder", "aria-label", "aria-expanded", "aria-controls"])
+          ], 40, we)
+        ]),
+        default: z(() => [
+          k.value ? (u(), p("div", {
+            key: 0,
+            id: V.value,
+            class: "qy-icon-picker__panel",
+            onKeydown: oe
+          }, [
+            h("div", Pe, [
+              R(C(G), {
+                ref_key: "searchRef",
+                ref: U,
+                modelValue: t.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
+                type: "search",
+                clearable: "",
+                placeholder: a.searchPlaceholder,
+                "aria-label": "搜索图标"
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            g.value ? (u(), p("div", Qe, " 正在加载图标… ")) : P.value ? (u(), p("div", Re, [
+              h("span", null, S(P.value), 1),
+              h("button", {
+                type: "button",
+                "data-testid": "qy-icon-picker-retry",
+                onClick: Z
+              }, " 重试 ")
+            ])) : s.value.length ? (u(), p("div", {
+              key: 2,
+              class: "qy-icon-picker__grid",
+              role: "listbox",
+              "aria-label": a.ariaLabel || "图标列表"
+            }, [
+              (u(!0), p(de, null, pe(s.value, (o, c) => (u(), p("div", {
+                id: re(o.name),
+                key: o.name,
+                ref_for: !0,
+                ref: (I) => te(I, c),
+                class: fe(["qy-icon-picker__option", { "is-active": r.value === c }]),
+                "data-qy-icon-option": o.name,
+                "data-qy-icon-active": r.value === c ? "true" : void 0,
+                role: "option",
+                "aria-selected": _.value.canonicalName === o.name ? "true" : "false",
+                tabindex: r.value === c ? 0 : -1,
+                onClick: (I) => E(o),
+                onFocus: (I) => r.value = c,
+                onKeydown: [
+                  K(L((I) => E(o), ["prevent"]), ["enter"]),
+                  K(L((I) => E(o), ["prevent"]), ["space"])
+                ]
+              }, [
+                R(C(W), {
+                  name: o.name,
+                  size: 18,
+                  "aria-hidden": "true"
+                }, null, 8, ["name"]),
+                h("span", Ne, S(o.label || o.name), 1)
+              ], 42, Ke))), 128))
+            ], 8, ze)) : (u(), p("div", xe, [
+              ve(e.$slots, "empty", {}, () => [
+                ye(S(a.emptyText), 1)
+              ])
+            ]))
+          ], 40, Le)) : Y("", !0)
+        ]),
+        _: 3
+      }, 8, ["open", "trigger", "width", "disabled"])
+    ]));
+  }
+});
+export {
+  Ae as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-DsOg_Rum.mjs

@@ -0,0 +1,128 @@
+import { defineComponent as z, computed as d, ref as v, useSlots as F, watch as m, onBeforeUnmount as M, onMounted as Q, openBlock as g, createBlock as T, unref as R, withCtx as B, renderSlot as j, createElementBlock as G, Fragment as H, renderList as J, resolveDynamicComponent as X } from "vue";
+import { ElPopover as Y } from "element-plus";
+const Z = 1e3, _ = /* @__PURE__ */ z({
+  name: "QyPopover",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    trigger: { type: String, default: "click" },
+    placement: { type: String, default: "bottom" },
+    effect: { type: String, default: "light" },
+    width: { type: [Number, String], default: 240 },
+    offset: { type: Number, default: 12 },
+    showDelay: { type: Number, default: 0 },
+    hideDelay: { type: Number, default: 200 },
+    showArrow: { type: Boolean, default: !0 },
+    transition: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open", "open-change", "open", "close"],
+  setup(r, { expose: L, emit: N }) {
+    const t = r, c = N, i = d(() => t.open !== void 0), w = i.value && t.open === !0 && !t.disabled, u = v(w), l = v(w), k = v(w), o = v(null), A = d(() => t.disabled ? !1 : i.value ? t.open === !0 : u.value);
+    let n, f = !1, s;
+    const C = d(
+      () => typeof t.width == "number" ? `${t.width}px` : t.width
+    ), q = d(() => ({
+      "--qy-popover-width": C.value,
+      "--qy-popover-mobile-gutter": "24px"
+    })), h = F(), W = d(
+      () => {
+        var e;
+        return ((e = h.reference) == null ? void 0 : e.call(h)) ?? [];
+      }
+    );
+    function y() {
+      n && (clearTimeout(n), n = void 0), o.value = null;
+    }
+    function I(e) {
+      n && clearTimeout(n), n = setTimeout(() => {
+        n = void 0, o.value === e && (o.value = null);
+      }, Z);
+    }
+    function a() {
+      if (f) return;
+      const e = A.value;
+      l.value !== e && (f = !0, s = e, l.value = e);
+    }
+    function p(e) {
+      if (!(e && t.disabled)) {
+        if (!i.value) {
+          if (u.value === e) return;
+          u.value = e, c("update:open", e), a();
+          return;
+        }
+        o.value !== e && (o.value === null && t.open === e || (o.value = e, e ? I(e) : n && (clearTimeout(n), n = void 0), c("update:open", e), a()));
+      }
+    }
+    function D(e) {
+      e === l.value && (!f || s !== e || (f = !1, s = void 0, e !== k.value && (k.value = e, o.value === e && y(), c("open-change", e), c(e ? "open" : "close"), a())));
+    }
+    function K(e) {
+      p(e), a();
+    }
+    function O() {
+      D(!0);
+    }
+    function P() {
+      D(!1);
+    }
+    function U() {
+      p(!1);
+    }
+    function E(e) {
+      e.key !== "Escape" && e.code !== "Escape" || l.value && (e.preventDefault(), p(!1), a());
+    }
+    return m(
+      A,
+      () => a()
+    ), m(i, (e) => {
+      y(), e ? u.value = t.open === !0 : u.value = l.value, a();
+    }), m(
+      () => t.open,
+      (e, b) => {
+        !i.value || o.value === null || (e === o.value || e !== b) && y();
+      }
+    ), m(
+      () => t.disabled,
+      (e) => {
+        e ? p(!1) : a();
+      }
+    ), M(() => {
+      window.removeEventListener("keydown", E), f = !1, s = void 0, n && clearTimeout(n);
+    }), Q(() => {
+      window.addEventListener("keydown", E);
+    }), L({ close: U }), (e, b) => (g(), T(R(Y), {
+      visible: l.value,
+      trigger: r.trigger,
+      placement: r.placement,
+      effect: r.effect,
+      width: r.width,
+      offset: r.offset,
+      "show-after": r.showDelay,
+      "hide-after": r.hideDelay,
+      "show-arrow": r.showArrow,
+      transition: r.transition,
+      disabled: r.disabled,
+      enterable: !0,
+      "popper-style": q.value,
+      "popper-class": "qy-popover-popper",
+      "onUpdate:visible": K,
+      onAfterEnter: O,
+      onAfterLeave: P
+    }, {
+      reference: B(() => [
+        (g(!0), G(H, null, J(W.value, (S, $) => (g(), T(X(S), {
+          key: S.key ?? $
+        }))), 128))
+      ]),
+      default: B(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["visible", "trigger", "placement", "effect", "width", "offset", "show-after", "hide-after", "show-arrow", "transition", "disabled", "popper-style"]));
+  }
+});
+export {
+  _
+};