@qynpm/ui 1.0.23 → 1.0.25

package/dist/shared/{index-DyK6vf5h.cjs → index-DmhpD4Cp.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),d=require("element-plus"),v=require("@element-plus/icons-vue"),s=require("./utils-D2KAQCCB.cjs"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={class:"qy-image__state qy-image__state--error"},V={class:"qy-image__state qy-image__state--empty"},k=e.defineComponent({name:"QyImage",__name:"index",props:{src:{default:""},width:{},height:{},size:{default:64},fit:{default:"cover"},placeholder:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},compressor:{type:[Boolean,Object],default:!0},preview:{type:Boolean,default:!1},previewList:{default:()=>[]},initialIndex:{default:0}},emits:["load","error","fallback","preview"],setup(n,{emit:h}){const t=n,i=h,l=e.ref(!1),o=e.ref("");let c=0;const u=e.computed(()=>s.normalizeImageSrc(t.src)),m=e.computed(()=>({width:t.width??t.size,height:t.height??t.size})),y=e.computed(()=>({width:f(m.value.width),height:f(m.value.height)})),g=e.computed(()=>t.placeholder||l.value),p=e.computed(()=>t.preview&&!!u.value),w=e.computed(()=>(t.previewList.length?t.previewList:[t.src]).map(a=>s.normalizeImageSrc(a)).filter(Boolean));e.watch(()=>[t.src,t.compressor],_,{immediate:!0,deep:!0});async function _(){const r=++c;if(o.value="",l.value=!1,!!t.src)try{const a=await s.resolveQyImageDisplaySrc(t.src,{compressor:t.compressor});if(r!==c)return;o.value=a.src,a.source==="fallback"&&i("fallback",a.src)}catch{if(r!==c)return;l.value=!1,o.value=u.value}}function z(r){i("load",r)}function I(r){l.value=!0,i("error",r)}function q(){p.value&&(s.openQyImagePreview({urlList:w.value,initialIndex:t.initialIndex}),i("preview",u.value))}function f(r){return typeof r=="number"?`${r}px`:r}return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-image",{"qy-image--previewable":p.value}]),style:e.normalizeStyle(y.value),onClick:q},[o.value&&!l.value?(e.openBlock(),e.createBlock(e.unref(d.ElImage),{key:0,class:"qy-image__inner",src:o.value,fit:n.fit,lazy:n.lazy,onLoad:z,onError:I},{placeholder:e.withCtx(()=>[e.renderSlot(r.$slots,"placeholder",{},()=>[a[0]||(a[0]=e.createElementVNode("div",{class:"qy-image__state"},[e.createElementVNode("span",{class:"qy-image__loading"})],-1))],!0)]),error:e.withCtx(()=>[e.renderSlot(r.$slots,"error",{},()=>[e.createElementVNode("div",S,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0)]),_:3},8,["src","fit","lazy"])):g.value?e.renderSlot(r.$slots,"empty",{},()=>[e.createElementVNode("div",V,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0,1):e.createCommentVNode("",!0)],6))}}),x=E._export_sfc(k,[["__scopeId","data-v-02c4930c"]]);exports.Image=x;
+"use strict";const e=require("vue"),d=require("element-plus"),v=require("@element-plus/icons-vue"),s=require("./utils-D2KAQCCB.cjs"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={class:"qy-image__state qy-image__state--error"},V={class:"qy-image__state qy-image__state--empty"},k=e.defineComponent({name:"QyImage",__name:"index",props:{src:{default:""},width:{},height:{},size:{default:64},fit:{default:"cover"},placeholder:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},compressor:{type:[Boolean,Object],default:!0},preview:{type:Boolean,default:!1},previewList:{default:()=>[]},initialIndex:{default:0}},emits:["load","error","fallback","preview"],setup(n,{emit:h}){const t=n,i=h,l=e.ref(!1),o=e.ref("");let c=0;const u=e.computed(()=>s.normalizeImageSrc(t.src)),m=e.computed(()=>({width:t.width??t.size,height:t.height??t.size})),y=e.computed(()=>({width:f(m.value.width),height:f(m.value.height)})),g=e.computed(()=>t.placeholder||l.value),p=e.computed(()=>t.preview&&!!u.value),w=e.computed(()=>(t.previewList.length?t.previewList:[t.src]).map(a=>s.normalizeImageSrc(a)).filter(Boolean));e.watch(()=>[t.src,t.compressor],_,{immediate:!0,deep:!0});async function _(){const r=++c;if(o.value="",l.value=!1,!!t.src)try{const a=await s.resolveQyImageDisplaySrc(t.src,{compressor:t.compressor});if(r!==c)return;o.value=a.src,a.source==="fallback"&&i("fallback",a.src)}catch{if(r!==c)return;l.value=!1,o.value=u.value}}function z(r){i("load",r)}function I(r){l.value=!0,i("error",r)}function q(){p.value&&(s.openQyImagePreview({urlList:w.value,initialIndex:t.initialIndex}),i("preview",u.value))}function f(r){return typeof r=="number"?`${r}px`:r}return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-image",{"qy-image--previewable":p.value}]),style:e.normalizeStyle(y.value),onClick:q},[o.value&&!l.value?(e.openBlock(),e.createBlock(e.unref(d.ElImage),{key:0,class:"qy-image__inner",src:o.value,fit:n.fit,lazy:n.lazy,onLoad:z,onError:I},{placeholder:e.withCtx(()=>[e.renderSlot(r.$slots,"placeholder",{},()=>[a[0]||(a[0]=e.createElementVNode("div",{class:"qy-image__state"},[e.createElementVNode("span",{class:"qy-image__loading"})],-1))],!0)]),error:e.withCtx(()=>[e.renderSlot(r.$slots,"error",{},()=>[e.createElementVNode("div",S,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0)]),_:3},8,["src","fit","lazy"])):g.value?e.renderSlot(r.$slots,"empty",{},()=>[e.createElementVNode("div",V,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0,1):e.createCommentVNode("",!0)],6))}}),x=E._export_sfc(k,[["__scopeId","data-v-c58a417b"]]);exports.Image=x;

package/dist/shared/index-DrJuMzr1.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-b75376cc"]]);
+export {
+  j as R
+};

package/dist/shared/index-Du2IqeCI.mjs

@@ -0,0 +1,149 @@
+import { defineComponent as V, computed as h, ref as w, onBeforeUnmount as I, openBlock as o, createElementBlock as s, normalizeClass as v, createBlock as $, withCtx as T, createElementVNode as l, Fragment as b, renderList as C, normalizeStyle as M, createCommentVNode as m, toDisplayString as y } from "vue";
+import { _ as D } from "./index.vue_vue_type_style_index_0_lang-ztD-It-2.mjs";
+import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const N = { class: "qy-menu-actions__panel" }, U = ["disabled", "data-action-key", "onClick"], W = {
+  key: 0,
+  class: "qy-menu-actions__loading"
+}, F = {
+  key: 0,
+  class: "qy-menu-actions__empty"
+}, H = {
+  key: 1,
+  class: "qy-menu-actions__inline"
+}, K = ["disabled", "data-action-key", "onClick"], P = {
+  key: 0,
+  class: "qy-menu-actions__loading"
+}, Q = {
+  key: 0,
+  class: "qy-menu-actions__empty"
+}, j = /* @__PURE__ */ V({
+  name: "QyMenuActions",
+  __name: "index",
+  props: {
+    actions: { default: () => [] },
+    row: {},
+    rowIndex: {},
+    context: {},
+    mode: { default: "inline" },
+    emptyText: { default: "无数据" },
+    popoverWidth: { default: 150 },
+    confirmMethod: {}
+  },
+  emits: ["action", "confirm-required"],
+  setup(a, { emit: A }) {
+    const r = a, g = A, q = h(() => {
+      var t, n;
+      return {
+        ...r.context,
+        row: r.row ?? ((t = r.context) == null ? void 0 : t.row),
+        rowIndex: r.rowIndex ?? ((n = r.context) == null ? void 0 : n.rowIndex)
+      };
+    }), p = w(!1), u = w(/* @__PURE__ */ new Set()), z = (t, n) => ({
+      ...q.value,
+      target: n.currentTarget,
+      hide: L,
+      setLoading: (e) => S(t, e)
+    }), f = (t) => typeof t == "function" ? t(q.value) : !!t, c = h(
+      () => r.actions.filter((t) => !f(t.hidden))
+    ), B = h(
+      () => c.value.some((t) => i(t))
+    ), _ = (t) => f(t.disabled) || i(t), i = (t) => u.value.has(t.key) || f(t.loading), k = (t, n) => {
+      const e = t.type || n;
+      return {
+        default: "var(--el-text-color-primary)",
+        primary: "var(--el-color-primary)",
+        success: "var(--el-color-success)",
+        warning: "var(--el-color-warning)",
+        danger: "var(--el-color-danger)"
+      }[e];
+    }, x = async (t, n) => {
+      if (n.stopPropagation(), _(t)) return;
+      const e = z(t, n);
+      if (t.confirm) {
+        if (!r.confirmMethod) {
+          g("confirm-required", t, e);
+          return;
+        }
+        if (!await r.confirmMethod(t, e)) return;
+      }
+      g("action", t, e);
+    };
+    function L() {
+      p.value = !1;
+    }
+    function S(t, n) {
+      const e = new Set(u.value);
+      n ? e.add(t.key) : e.delete(t.key), u.value = e;
+    }
+    return I(() => {
+      u.value = /* @__PURE__ */ new Set();
+    }), (t, n) => (o(), s("div", {
+      class: v(["qy-menu-actions", `is-${a.mode}`])
+    }, [
+      a.mode === "popover" ? (o(), $(D, {
+        key: 0,
+        open: p.value,
+        "onUpdate:open": n[0] || (n[0] = (e) => p.value = e),
+        trigger: "hover",
+        placement: "left",
+        width: a.popoverWidth,
+        "hide-delay": B.value ? 999999 : 100,
+        "show-arrow": !1
+      }, {
+        reference: T(() => [...n[1] || (n[1] = [
+          l("button", {
+            class: "qy-menu-actions__trigger",
+            type: "button",
+            "aria-label": "行操作"
+          }, [
+            l("svg", {
+              class: "qy-menu-actions__trigger-icon",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true"
+            }, [
+              l("path", {
+                fill: "currentColor",
+                d: "M8 17q.425 0 .713-.288T9 16q0-.425-.288-.712T8 15q-.425 0-.712.288T7 16q0 .425.288.713T8 17m0-4q.425 0 .713-.288T9 12q0-.425-.288-.712T8 11q-.425 0-.712.288T7 12q0 .425.288.713T8 13m0-4q.425 0 .713-.288T9 8q0-.425-.288-.712T8 7q-.425 0-.712.288T7 8q0 .425.288.713T8 9m3 8h6v-2h-6zm0-4h6v-2h-6zm0-4h6V7h-6zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z"
+              })
+            ])
+          ], -1)
+        ])]),
+        default: T(() => [
+          l("div", N, [
+            (o(!0), s(b, null, C(c.value, (e) => (o(), s("button", {
+              key: e.key,
+              class: v(["qy-menu-actions__item", [`is-${e.type || "default"}`, { "is-loading": i(e) }]]),
+              disabled: _(e),
+              "data-action-key": e.key,
+              style: M({ color: k(e, "default") }),
+              type: "button",
+              onClick: (d) => x(e, d)
+            }, [
+              i(e) ? (o(), s("span", W)) : m("", !0),
+              l("span", null, y(e.label), 1)
+            ], 14, U))), 128)),
+            c.value.length ? m("", !0) : (o(), s("div", F, y(a.emptyText), 1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["open", "width", "hide-delay"])) : (o(), s("div", H, [
+        (o(!0), s(b, null, C(c.value, (e) => (o(), s("button", {
+          key: e.key,
+          class: v(["qy-menu-actions__item", [`is-${e.type || "primary"}`, { "is-loading": i(e) }]]),
+          disabled: _(e),
+          "data-action-key": e.key,
+          style: M({ color: k(e, "primary") }),
+          type: "button",
+          onClick: (d) => x(e, d)
+        }, [
+          i(e) ? (o(), s("span", P)) : m("", !0),
+          l("span", null, y(e.label), 1)
+        ], 14, K))), 128)),
+        c.value.length ? m("", !0) : (o(), s("span", Q, y(a.emptyText), 1))
+      ]))
+    ], 2));
+  }
+}), R = /* @__PURE__ */ E(j, [["__scopeId", "data-v-44454ac9"]]);
+export {
+  R as M
+};