@qynpm/ui 1.0.27 → 1.0.29

package/dist/shared/index.vue_vue_type_style_index_0_lang-Bc-Ya_zS.mjs

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

package/dist/shared/index.vue_vue_type_style_index_0_lang-M0qKRXd2.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),P=require("element-plus"),K=1e3,O=t.defineComponent({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},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:void 0}},emits:["update:open","open-change","open","close"],setup(r,{expose:B,emit:E}){const n=r,d=E,i=t.computed(()=>n.open!==void 0),v=i.value&&n.open===!0&&!n.disabled,f=t.ref(v),u=t.ref(v),h=t.ref(v),a=t.ref(null),y=t.computed(()=>n.disabled?!1:i.value?n.open===!0:f.value);let o,c=!1,s;const b=t.computed(()=>typeof n.width=="number"?`${n.width}px`:n.width),T=t.computed(()=>({"--qy-popover-width":b.value,"--qy-popover-mobile-gutter":"24px"})),m=t.useSlots(),q=t.computed(()=>{var e;return((e=m.reference)==null?void 0:e.call(m))??[]});function w(){o&&(clearTimeout(o),o=void 0),a.value=null}function C(e){o&&clearTimeout(o),o=setTimeout(()=>{o=void 0,a.value===e&&(a.value=null)},K)}function l(){if(c)return;const e=y.value;u.value!==e&&(c=!0,s=e,u.value=e)}function p(e){if(!(e&&n.disabled)){if(!i.value){if(f.value===e)return;f.value=e,d("update:open",e),l();return}a.value!==e&&(a.value===null&&n.open===e||(a.value=e,e?C(e):o&&(clearTimeout(o),o=void 0),d("update:open",e),l()))}}function g(e){e===u.value&&(!c||s!==e||(c=!1,s=void 0,e!==h.value&&(h.value=e,a.value===e&&w(),d("open-change",e),d(e?"open":"close"),l())))}function L(e){p(e),l()}function N(){g(!0)}function S(){g(!1)}function W(){p(!1)}function k(e){e.key!=="Escape"&&e.code!=="Escape"||u.value&&(e.preventDefault(),p(!1),l())}return t.watch(y,()=>l()),t.watch(i,e=>{w(),e?f.value=n.open===!0:f.value=u.value,l()}),t.watch(()=>n.open,(e,A)=>{!i.value||a.value===null||(e===a.value||e!==A)&&w()}),t.watch(()=>n.disabled,e=>{e?p(!1):l()}),t.onBeforeUnmount(()=>{window.removeEventListener("keydown",k),c=!1,s=void 0,o&&clearTimeout(o)}),t.onMounted(()=>{window.addEventListener("keydown",k)}),B({close:W}),(e,A)=>(t.openBlock(),t.createBlock(t.unref(P.ElPopover),{visible:u.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,disabled:r.disabled,enterable:!0,"popper-style":T.value,"popper-class":"qy-popover-popper","onUpdate:visible":L,onAfterEnter:N,onAfterLeave:S},{reference:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(q.value,(D,I)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(D),{key:D.key??I}))),128))]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["visible","trigger","placement","effect","width","offset","show-after","hide-after","show-arrow","disabled","popper-style"]))}});exports._sfc_main=O;