@qynpm/ui 1.0.40 → 1.0.41

package/dist/shared/index-B3XwO-Lc.mjs

@@ -0,0 +1,127 @@
+import { defineComponent as S, useAttrs as w, useSlots as D, computed as n, watchEffect as E, markRaw as P, toRaw as V, openBlock as o, createElementBlock as s, mergeProps as A, unref as N, createElementVNode as R, renderSlot as u, createBlock as d, resolveDynamicComponent as f, createCommentVNode as y } from "vue";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Q = ["type", "disabled", "aria-busy", "aria-disabled", "aria-pressed"], j = {
+  key: 0,
+  class: "qy-button__icon qy-button__icon--loading",
+  "aria-hidden": "true"
+}, F = {
+  key: 1,
+  class: "qy-button__icon qy-button__icon--prefix",
+  "aria-hidden": "true"
+}, G = {
+  key: 2,
+  class: "qy-button__content"
+}, H = {
+  key: 3,
+  class: "qy-button__icon qy-button__icon--suffix",
+  "aria-hidden": "true"
+}, J = {
+  key: 4,
+  class: "qy-button__icon qy-button__icon--suffix",
+  "aria-hidden": "true"
+}, K = /* @__PURE__ */ S({
+  name: "QyButton",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    type: {},
+    variant: {},
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    nativeType: { default: "button" },
+    prefixIcon: {},
+    suffixIcon: {},
+    iconOnly: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(a, { emit: g }) {
+    const h = [
+      "default",
+      "primary",
+      "success",
+      "warning",
+      "danger",
+      "text",
+      "ghost",
+      "link"
+    ], k = ["sm", "md", "lg"], B = ["button", "submit", "reset"], t = a, q = g, i = w(), p = D(), I = n(() => {
+      const e = t.variant || t.type || "default";
+      return h.includes(e) ? e : "default";
+    }), C = n(
+      () => k.includes(t.size) ? t.size : "md"
+    ), T = n(
+      () => B.includes(t.nativeType) ? t.nativeType : "button"
+    ), r = n(() => t.disabled || t.loading), b = n(() => x(t.prefixIcon)), c = n(() => x(t.suffixIcon)), v = n(() => !!(b.value || p.prefix)), m = n(() => !!(c.value || p.suffix));
+    n(() => {
+      const e = i["aria-label"], l = i.title;
+      return _(e) || _(l);
+    });
+    const z = n(() => {
+      const e = i["aria-pressed"];
+      return e ?? (t.active ? "true" : void 0);
+    }), $ = n(() => [
+      `qy-button--${I.value}`,
+      `qy-button--${C.value}`,
+      {
+        "is-disabled": t.disabled,
+        "is-loading": t.loading,
+        "is-active": t.active,
+        "is-block": t.block,
+        "is-round": t.round,
+        "is-icon-only": t.iconOnly
+      }
+    ]);
+    E(() => {
+    });
+    function _(e) {
+      return typeof e == "string" ? e.trim().length > 0 : e != null && e !== !1;
+    }
+    function x(e) {
+      if (!(!e || typeof e == "string"))
+        return P(V(e));
+    }
+    function O(e) {
+      if (r.value) {
+        e.preventDefault();
+        return;
+      }
+      q("click", e);
+    }
+    return (e, l) => (o(), s("button", A(N(i), {
+      class: ["qy-button", $.value],
+      type: T.value,
+      disabled: r.value,
+      "aria-busy": a.loading ? "true" : void 0,
+      "aria-disabled": r.value ? "true" : void 0,
+      "aria-pressed": z.value,
+      onClick: O
+    }), [
+      a.loading ? (o(), s("span", j, [...l[0] || (l[0] = [
+        R("span", { class: "qy-button__spinner" }, null, -1)
+      ])])) : v.value ? (o(), s("span", F, [
+        u(e.$slots, "prefix", {}, () => [
+          (o(), d(f(b.value)))
+        ], !0)
+      ])) : y("", !0),
+      a.iconOnly ? y("", !0) : (o(), s("span", G, [
+        u(e.$slots, "default", {}, void 0, !0)
+      ])),
+      !a.loading && !a.iconOnly && m.value ? (o(), s("span", H, [
+        u(e.$slots, "suffix", {}, () => [
+          (o(), d(f(c.value)))
+        ], !0)
+      ])) : !a.loading && a.iconOnly && !v.value && m.value ? (o(), s("span", J, [
+        u(e.$slots, "suffix", {}, () => [
+          (o(), d(f(c.value)))
+        ], !0)
+      ])) : y("", !0)
+    ], 16, Q));
+  }
+}), W = /* @__PURE__ */ L(K, [["__scopeId", "data-v-5d372e14"]]);
+export {
+  W as B
+};

package/dist/shared/index-B3YHS3Aa.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as u, useAttrs as m, computed as l, openBlock as b, createBlock as g, unref as h, mergeProps as y, withCtx as C, renderSlot as v } from "vue";
+import { ElTag as z } from "element-plus";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const T = /* @__PURE__ */ u({
+  name: "QyTag",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    tone: { default: "neutral" },
+    size: { default: "md" },
+    effect: { default: "light" },
+    closable: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "close"],
+  setup(e, { emit: n }) {
+    const s = n, o = m(), i = l(() => {
+      const t = Object.fromEntries(
+        Object.entries(o).filter(
+          ([a]) => a === "class" || a === "style" || a === "title" || a === "role" || a.startsWith("data-") || a.startsWith("aria-")
+        )
+      );
+      return e.disabled && (t["aria-disabled"] = "true"), t;
+    }), c = l(() => e.tone === "neutral" ? "info" : e.tone), d = l(() => ({ sm: "small", md: "default", lg: "large" })[e.size]);
+    function f(t) {
+      e.disabled || s("click", t);
+    }
+    function r(t) {
+      e.disabled || s("close", t);
+    }
+    return (t, a) => (b(), g(h(z), y(i.value, {
+      class: ["qy-tag", [
+        `qy-tag--${e.tone}`,
+        { "qy-tag--disabled": e.disabled }
+      ]],
+      type: c.value,
+      size: d.value,
+      effect: e.effect,
+      closable: e.closable && !e.disabled,
+      round: e.round,
+      onClick: f,
+      onClose: r
+    }), {
+      default: C(() => [
+        v(t.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class", "type", "size", "effect", "closable", "round"]));
+  }
+}), j = /* @__PURE__ */ B(T, [["__scopeId", "data-v-335c865b"]]);
+export {
+  j as T
+};

package/dist/shared/index-BEcS8y8g.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as s, useAttrs as r, computed as m, openBlock as f, createBlock as v, unref as b, mergeProps as h } from "vue";
+import { ElSwitch as x } from "element-plus";
+import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const V = /* @__PURE__ */ s({
+  name: "QySwitch",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    size: {},
+    activeText: { default: "" },
+    inactiveText: { default: "" },
+    inlinePrompt: { type: Boolean, default: !1 },
+    name: { default: "" },
+    id: {},
+    tabindex: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(e, { emit: i }) {
+    const t = i, l = r(), n = m(
+      () => Object.fromEntries(
+        Object.entries(l).filter(
+          ([a]) => a === "class" || a === "style" || a === "role" || a === "title" || a.startsWith("data-") || a.startsWith("aria-")
+        )
+      )
+    );
+    function d(a) {
+      t("focus", a);
+    }
+    function u(a) {
+      t("blur", a);
+    }
+    function c(a) {
+      e.disabled || e.loading || t("update:modelValue", a);
+    }
+    function o(a) {
+      e.disabled || e.loading || t("change", a);
+    }
+    return (a, B) => (f(), v(b(x), h(n.value, {
+      class: "qy-switch",
+      "model-value": e.modelValue,
+      "active-value": e.activeValue,
+      "inactive-value": e.inactiveValue,
+      disabled: e.disabled,
+      loading: e.loading,
+      size: e.size,
+      "active-text": e.activeText,
+      "inactive-text": e.inactiveText,
+      "inline-prompt": e.inlinePrompt,
+      name: e.name,
+      id: e.id,
+      tabindex: e.tabindex,
+      "aria-label": e.ariaLabel,
+      "onUpdate:modelValue": c,
+      onChange: o,
+      onFocusin: d,
+      onFocusout: u
+    }), null, 16, ["model-value", "active-value", "inactive-value", "disabled", "loading", "size", "active-text", "inactive-text", "inline-prompt", "name", "id", "tabindex", "aria-label"]));
+  }
+}), z = /* @__PURE__ */ g(V, [["__scopeId", "data-v-5ec5d1c7"]]);
+export {
+  z as S
+};

package/dist/shared/index-BNssRW4d.mjs

@@ -0,0 +1,90 @@
+import { defineComponent as g, useAttrs as y, computed as n, ref as V, onMounted as x, onBeforeUnmount as B, openBlock as C, createBlock as N, unref as S, mergeProps as R, withCtx as w, renderSlot as z, createTextVNode as E, toDisplayString as L } from "vue";
+import { ElRadio as U } from "element-plus";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const q = /* @__PURE__ */ g({
+  name: "QyRadio",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    value: { type: [Boolean, String, Number], default: !0 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    name: {},
+    border: { type: Boolean, default: !1 },
+    id: {},
+    tabindex: {},
+    ariaLabel: {},
+    ariaControls: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(s, { emit: c }) {
+    const a = s, o = c, f = y(), m = n(
+      () => Object.fromEntries(
+        Object.entries(f).filter(
+          ([e]) => e === "class" || e === "style" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    ), l = n(() => a.value), i = V(null);
+    let t = null;
+    const b = n(() => a.modelValue !== void 0 ? a.modelValue : l.value === !0 ? !1 : l.value === !1 ? !0 : typeof l.value == "string" ? `__qy-radio-unselected__${l.value}` : Number.NaN);
+    x(() => {
+      var e;
+      t = ((e = i.value) == null ? void 0 : e.$el.querySelector("input.el-radio__original")) ?? null, t == null || t.addEventListener("keydown", d);
+    }), B(() => {
+      t == null || t.removeEventListener("keydown", d);
+    });
+    function u() {
+      return !a.disabled && a.modelValue !== l.value;
+    }
+    function p() {
+      u() && o("update:modelValue", l.value);
+    }
+    function v() {
+      u() && o("change", l.value);
+    }
+    function d(e) {
+      if (e.key !== " " && e.code !== "Space") return;
+      const r = e.target;
+      !r || r.tagName !== "INPUT" || r.type !== "radio" || r.disabled || r.checked || (e.preventDefault(), r.click());
+    }
+    function _(e) {
+      o("focus", e);
+    }
+    function h(e) {
+      o("blur", e);
+    }
+    return (e, r) => (C(), N(S(U), R({
+      ref_key: "radioRef",
+      ref: i
+    }, m.value, {
+      class: "qy-radio",
+      "model-value": b.value,
+      value: l.value,
+      label: a.label,
+      disabled: a.disabled,
+      size: a.size,
+      name: a.name,
+      border: a.border,
+      id: a.id,
+      tabindex: a.tabindex,
+      "aria-label": a.ariaLabel,
+      "aria-controls": a.ariaControls,
+      "onUpdate:modelValue": p,
+      onChange: v,
+      onFocusCapture: _,
+      onBlurCapture: h
+    }), {
+      default: w(() => [
+        z(e.$slots, "default", {}, () => [
+          E(L(a.label), 1)
+        ], !0)
+      ]),
+      _: 3
+    }, 16, ["model-value", "value", "label", "disabled", "size", "name", "border", "id", "tabindex", "aria-label", "aria-controls"]));
+  }
+}), j = /* @__PURE__ */ k(q, [["__scopeId", "data-v-8ee19ef0"]]);
+export {
+  j as R
+};

package/dist/shared/index-BSTMCPDj.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as b, useAttrs as p, computed as o, openBlock as h, createBlock as v, unref as x, mergeProps as V, withCtx as C, renderSlot as _ } from "vue";
+import { ElCheckbox as g } from "element-plus";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const S = /* @__PURE__ */ b({
+  name: "QyCheckbox",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    value: { type: [Boolean, String, Number] },
+    indeterminate: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    trueValue: { type: [Boolean, String, Number], default: !0 },
+    falseValue: { type: [Boolean, String, Number], default: !1 },
+    name: {},
+    id: {},
+    tabindex: {},
+    ariaLabel: {},
+    ariaControls: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(n, { emit: r }) {
+    const a = n, t = r, i = p(), s = o(
+      () => Object.fromEntries(
+        Object.entries(i).filter(
+          ([e]) => e === "class" || e === "style" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    ), u = o(() => a.modelValue === a.trueValue);
+    function l(e) {
+      return e ? a.trueValue : a.falseValue;
+    }
+    function d(e) {
+      a.disabled || t("update:modelValue", l(e === !0));
+    }
+    function c(e) {
+      a.disabled || t("change", l(e === !0));
+    }
+    function m(e) {
+      t("focus", e);
+    }
+    function f(e) {
+      t("blur", e);
+    }
+    return (e, y) => (h(), v(x(g), V(s.value, {
+      class: "qy-checkbox",
+      "model-value": u.value,
+      value: a.value,
+      indeterminate: a.indeterminate,
+      disabled: a.disabled || void 0,
+      size: a.size,
+      name: a.name,
+      id: a.id,
+      tabindex: a.tabindex,
+      "aria-label": a.ariaLabel,
+      "aria-controls": a.ariaControls,
+      "onUpdate:modelValue": d,
+      onChange: c,
+      onFocusin: m,
+      onFocusout: f
+    }), {
+      default: C(() => [
+        _(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["model-value", "value", "indeterminate", "disabled", "size", "name", "id", "tabindex", "aria-label", "aria-controls"]));
+  }
+}), F = /* @__PURE__ */ B(S, [["__scopeId", "data-v-1886b81c"]]);
+export {
+  F as C
+};