@qynpm/ui 1.0.40 → 1.0.41

package/dist/shared/index-DvFMgAcu.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-DsOg_Rum.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-18227456"]]);
+export {
+  R as M
+};