@qynpm/ui 1.0.39 → 1.0.40

package/dist/shared/index-CsaDF9d4.mjs

@@ -0,0 +1,175 @@
+import { defineComponent as T, useAttrs as A, ref as F, computed as M, openBlock as U, createBlock as j, mergeProps as H, withCtx as i, renderSlot as u, normalizeProps as s, guardReactiveProps as c } from "vue";
+import { ElDatePicker as O } from "element-plus";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Q = /* @__PURE__ */ T({
+  name: "QyDatePicker",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: null, required: !1, default: void 0 },
+    type: { type: String, required: !1, default: "date" },
+    placeholder: { type: String, required: !1, default: "请选择日期" },
+    startPlaceholder: { type: String, required: !1, default: "开始时间" },
+    endPlaceholder: { type: String, required: !1, default: "结束时间" },
+    rangeSeparator: { type: String, required: !1, default: "-" },
+    format: { type: String, required: !1, default: void 0 },
+    valueFormat: { type: String, required: !1, default: void 0 },
+    defaultTime: { type: [Date, Array], required: !1, default: void 0 },
+    disabledDate: { type: Function, required: !1, default: void 0 },
+    shortcuts: { type: Array, required: !1, default: void 0 },
+    clearable: { type: Boolean, required: !1, default: !0 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    readonly: { type: Boolean, required: !1 },
+    size: { type: String, required: !1, default: void 0 },
+    teleported: { type: Boolean, required: !1, default: !0 },
+    appendTo: { type: null, required: !1, default: "body" },
+    popperClass: { type: String, required: !1, default: "" },
+    normalizeRangeEndTime: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "clear", "calendar-change", "panel-change", "visible-change", "focus", "blur"],
+  setup(d, { expose: p, emit: r }) {
+    const n = d, l = r, h = A(), t = F(null), V = M(
+      () => ["qy-date-picker__popper", n.popperClass].filter(Boolean).join(" ")
+    );
+    function g(e) {
+      return Array.isArray(e);
+    }
+    function m(e) {
+      if (e.getHours() !== 0 || e.getMinutes() !== 0 || e.getSeconds() !== 0 || e.getMilliseconds() !== 0)
+        return e;
+      const a = new Date(e);
+      return a.setHours(23, 59, 59, 0), a;
+    }
+    function y(e) {
+      const a = e.match(
+        /(T| )00:00:00(\.000)?(Z|[+-]\d{2}:?\d{2})?$/
+      );
+      return a ? e.replace(
+        a[0],
+        `${a[1]}23:59:59${a[2] ?? ""}${a[3] ?? ""}`
+      ) : e;
+    }
+    function f(e) {
+      if (!n.normalizeRangeEndTime || !g(e) || e.length < 2)
+        return e;
+      const a = e[1];
+      let o = a;
+      if (a instanceof Date ? o = m(a) : typeof a == "string" && (o = y(a)), o === a)
+        return e;
+      const _ = [...e];
+      return _[1] = o, _;
+    }
+    function v(e) {
+      l("update:modelValue", f(e));
+    }
+    function k(e) {
+      l("change", f(e));
+    }
+    function D() {
+      l("clear");
+    }
+    function z(e) {
+      l("calendar-change", e);
+    }
+    function B(e, a, o) {
+      if (o === void 0) {
+        l("panel-change", e, a);
+        return;
+      }
+      l("panel-change", e, a, o);
+    }
+    function x(e) {
+      l("visible-change", e);
+    }
+    function E(e) {
+      l("focus", e);
+    }
+    function R(e) {
+      l("blur", e);
+    }
+    function b() {
+      var e, a;
+      (a = (e = t.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }
+    function C() {
+      var e, a;
+      (a = (e = t.value) == null ? void 0 : e.blur) == null || a.call(e);
+    }
+    function q() {
+      var e, a;
+      (a = (e = t.value) == null ? void 0 : e.handleOpen) == null || a.call(e);
+    }
+    function P() {
+      var e, a;
+      (a = (e = t.value) == null ? void 0 : e.handleClose) == null || a.call(e);
+    }
+    p({
+      focus: b,
+      blur: C,
+      open: q,
+      close: P
+    });
+    const S = { props: n, emit: l, attrs: h, datePickerRef: t, mergedPopperClass: V, isRangeValue: g, normalizeEndDate: m, normalizeEndString: y, normalizeRangeValue: f, handleUpdateModelValue: v, handleChange: k, handleClear: D, handleCalendarChange: z, handlePanelChange: B, handleVisibleChange: x, handleFocus: E, handleBlur: R, focus: b, blur: C, open: q, close: P, get ElDatePicker() {
+      return O;
+    } };
+    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
+  }
+});
+function Z(d, p, r, n, l, h) {
+  return U(), j(n.ElDatePicker, H({
+    ref: "datePickerRef",
+    class: "qy-date-picker"
+  }, n.attrs, {
+    "model-value": r.modelValue,
+    type: r.type,
+    placeholder: r.placeholder,
+    "start-placeholder": r.startPlaceholder,
+    "end-placeholder": r.endPlaceholder,
+    "range-separator": r.rangeSeparator,
+    format: r.format,
+    "value-format": r.valueFormat,
+    "default-time": r.defaultTime,
+    "disabled-date": r.disabledDate,
+    shortcuts: r.shortcuts,
+    clearable: r.clearable,
+    disabled: r.disabled,
+    readonly: r.readonly,
+    size: r.size,
+    teleported: r.teleported,
+    "append-to": r.appendTo,
+    "popper-class": n.mergedPopperClass,
+    "onUpdate:modelValue": n.handleUpdateModelValue,
+    onChange: n.handleChange,
+    onClear: n.handleClear,
+    onCalendarChange: n.handleCalendarChange,
+    onPanelChange: n.handlePanelChange,
+    onVisibleChange: n.handleVisibleChange,
+    onFocus: n.handleFocus,
+    onBlur: n.handleBlur
+  }), {
+    default: i((t) => [
+      u(d.$slots, "default", s(c(t)))
+    ]),
+    "range-separator": i((t) => [
+      u(d.$slots, "range-separator", s(c(t)))
+    ]),
+    "prev-month": i((t) => [
+      u(d.$slots, "prev-month", s(c(t)))
+    ]),
+    "next-month": i((t) => [
+      u(d.$slots, "next-month", s(c(t)))
+    ]),
+    "prev-year": i((t) => [
+      u(d.$slots, "prev-year", s(c(t)))
+    ]),
+    "next-year": i((t) => [
+      u(d.$slots, "next-year", s(c(t)))
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["model-value", "type", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "format", "value-format", "default-time", "disabled-date", "shortcuts", "clearable", "disabled", "readonly", "size", "teleported", "append-to", "popper-class"]);
+}
+const K = /* @__PURE__ */ w(Q, [["render", Z], ["__file", "D:/xushenz/qy-components/packages/ui/lib/qy-date-picker/index.vue"]]);
+export {
+  K as D
+};

package/dist/shared/index-CvdUJpAu.mjs

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