@qynpm/ui 1.0.45 → 1.0.46

package/dist/shared/index-PM5yNugz.mjs

@@ -0,0 +1,573 @@
+import { ElLoadingDirective as _e } from "element-plus/es";
+import { defineComponent as xe, useAttrs as Ee, useSlots as Me, getCurrentInstance as $e, ref as b, watch as $, onBeforeUnmount as De, reactive as Ue, computed as g, nextTick as Ne, openBlock as s, createBlock as w, withCtx as i, createElementVNode as z, renderSlot as R, createElementBlock as V, Fragment as je, renderList as Ie, createTextVNode as S, toDisplayString as Qe, createCommentVNode as v, createVNode as y, unref as u, mergeProps as ne, withKeys as Le, withModifiers as Je, withDirectives as Ge } from "vue";
+import { ElButton as P, ElForm as He, ElFormItem as D, ElInput as re, ElTable as We, ElTableColumn as Xe, ElPagination as Ye, ElMessage as H } from "element-plus";
+import { _ as ie } from "./index.vue_vue_type_style_index_0_lang-BLRxKB-e.mjs";
+import { S as Ze } from "./index-B7j9BtSm.mjs";
+import { T as ue } from "./index-CGH2ROZV.mjs";
+import { T as et } from "./index-BAOV5iYx.mjs";
+import { _ as tt } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const at = { class: "qy-selection-dialog" }, lt = { class: "qy-selection-dialog__main" }, ot = {
+  key: 0,
+  class: "qy-selection-dialog__selected"
+}, nt = { class: "qy-selection-dialog__selected-tags" }, rt = {
+  key: 0,
+  class: "qy-selection-dialog__selected-actions"
+}, it = {
+  key: 1,
+  class: "qy-selection-dialog__search-row"
+}, ut = {
+  key: 0,
+  class: "qy-selection-dialog__toolbar"
+}, st = {
+  key: 2,
+  class: "qy-selection-dialog__pagination"
+}, ct = { class: "qy-selection-dialog__paste-actions" }, dt = /* @__PURE__ */ xe({
+  name: "QySelectionDialog",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    open: { type: Boolean, default: !0 },
+    title: { default: "选择数据" },
+    width: { default: "1200px" },
+    fetchMethod: { type: Function, default: void 0 },
+    query: { type: Function, default: void 0 },
+    responseFormatter: { type: Function, default: void 0 },
+    selectionMode: { default: void 0 },
+    selection: { default: "single" },
+    selected: { default: () => [] },
+    rowKey: { default: "id" },
+    mainKey: { default: void 0 },
+    labelKey: { default: "name" },
+    tagName: { default: void 0 },
+    searchKey: { default: "conditions" },
+    queryParams: { default: () => ({}) },
+    category: { type: [Array, Function, Boolean], default: !1 },
+    categoryFormatter: { type: [Function, Array], default: void 0 },
+    categoryOptions: { default: () => [] },
+    categoryFetchMethod: { type: [Function, null], default: null },
+    type: { type: [Array, Boolean], default: !1 },
+    typeOptions: { default: () => [] },
+    typeSelectionProps: { default: () => ({}) },
+    typeSelectProps: { default: () => ({}) },
+    tableProps: { default: () => ({}) },
+    showSelected: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 },
+    showPagination: { type: Boolean, default: !0 },
+    showCopyPaste: { type: Boolean, default: !1 },
+    append: { type: Boolean, default: !1 },
+    showAppend: { type: Boolean, default: !1 },
+    pageSizes: { default: () => [10, 20, 50, 100] }
+  },
+  emits: ["update:modelValue", "update:open", "error", "selection-change", "confirm", "submit", "cancel", "close", "append", "loaded"],
+  setup(f, { expose: se, emit: ce }) {
+    const a = f, p = ce, de = Ee(), W = Me(), U = $e(), m = b(null), C = b([]), r = b([]), O = b([]), F = b(!1);
+    let T = 0, N = 0, j = !1;
+    function I() {
+      T += 1, N += 1, F.value = !1;
+    }
+    $(() => a.open, I, { flush: "sync" }), De(() => {
+      j = !0, I();
+    });
+    function B(e) {
+      return !j && a.open && e === T;
+    }
+    const Q = b(0), k = b(!1), _ = b(""), n = Ue({
+      category: [],
+      type: "",
+      page: 1,
+      pageSize: 10,
+      ...a.searchKey ? { [a.searchKey]: "" } : {},
+      ...a.queryParams
+    }), q = g(() => a.selectionMode ? a.selectionMode : a.selection === "multi" ? "multiple" : a.selection), X = g(() => a.mainKey || a.rowKey), ye = g(() => a.tagName || a.labelKey), Y = g(() => a.typeOptions.length ? a.typeOptions : a.type || []), fe = g(() => ({
+      ...a.typeSelectionProps,
+      ...a.typeSelectProps
+    })), L = g(() => a.tableProps || {}), pe = g(
+      () => a.showSearch || !!de["search-visible"]
+    ), Z = g(() => a.showAppend || a.append), ge = g(
+      () => Z.value || !!W.toolbar || !!W.bar
+    ), ee = g(() => a.fetchMethod || a.query), J = g(() => ve() ? a.modelValue : a.selected);
+    function ve() {
+      const e = (U == null ? void 0 : U.vnode.props) || {};
+      return Object.prototype.hasOwnProperty.call(e, "modelValue") || Object.prototype.hasOwnProperty.call(e, "model-value") || Object.prototype.hasOwnProperty.call(e, "onUpdate:modelValue");
+    }
+    $(
+      [() => a.modelValue, () => a.selected, () => a.open],
+      () => {
+        a.open && (r.value = K(J.value), x());
+      },
+      { immediate: !0, deep: !0 }
+    ), $(
+      [() => a.categoryOptions, () => a.category],
+      (e) => {
+        if (Array.isArray(a.category) && a.category.length) {
+          O.value = a.category;
+          return;
+        }
+        O.value = a.categoryOptions || [];
+      },
+      { immediate: !0 }
+    ), $(k, (e) => {
+      e || (_.value = "");
+    });
+    async function me() {
+      const e = ++T;
+      r.value = K(J.value);
+      try {
+        await he(e);
+      } catch (t) {
+        B(e) && p("error", t);
+        return;
+      }
+      B(e) && (await A(), B(e) && x());
+    }
+    async function he(e) {
+      const t = a.categoryFetchMethod || (typeof a.category == "function" ? a.category : null);
+      if (!t) return;
+      const o = await t();
+      B(e) && (O.value = Ce(o));
+    }
+    async function A() {
+      if (!ee.value || !a.open || j) return;
+      const e = T, t = ++N, o = () => B(e) && t === N;
+      F.value = !0;
+      try {
+        const l = await ee.value(qe());
+        if (!o()) return;
+        const d = a.responseFormatter ? await a.responseFormatter(l) : l;
+        if (!o()) return;
+        const { rows: oe, total: Te } = be(d);
+        return C.value = oe, Q.value = Te, p("loaded", oe), x(), d;
+      } catch (l) {
+        o() && p("error", l);
+      } finally {
+        o() && (F.value = !1);
+      }
+    }
+    function h() {
+      return n.page = 1, A();
+    }
+    function we() {
+      return n.page = 1, A();
+    }
+    function G() {
+      return Object.assign(n, {
+        category: [],
+        type: "",
+        page: 1,
+        pageSize: n.pageSize,
+        ...a.searchKey ? { [a.searchKey]: "" } : {},
+        ...a.queryParams
+      }), A();
+    }
+    function Se() {
+      p("append");
+    }
+    function be(e) {
+      if (Array.isArray(e))
+        return { rows: e, total: e.length };
+      const t = e == null ? void 0 : e.data;
+      if (Array.isArray(t))
+        return { rows: t, total: (e == null ? void 0 : e.total) ?? t.length };
+      const o = (e == null ? void 0 : e.records) || (e == null ? void 0 : e.rows) || (t == null ? void 0 : t.records) || [], l = (e == null ? void 0 : e.total) ?? (t == null ? void 0 : t.total) ?? o.length;
+      return { rows: o, total: l };
+    }
+    function Ce(e) {
+      const t = (e == null ? void 0 : e.data) ?? e;
+      if (!Array.isArray(t)) return [];
+      if (typeof a.categoryFormatter == "function")
+        return a.categoryFormatter(t);
+      if (Array.isArray(a.categoryFormatter)) {
+        const [o, l] = a.categoryFormatter;
+        return t.map((d) => ({
+          ...d,
+          label: d[o],
+          value: d[l],
+          children: Array.isArray(d.children) ? te(d.children, o, l) : d.children
+        }));
+      }
+      return t;
+    }
+    function te(e, t, o) {
+      return e.map((l) => ({
+        ...l,
+        label: l[t],
+        value: l[o],
+        children: Array.isArray(l.children) ? te(l.children, t, o) : l.children
+      }));
+    }
+    function qe() {
+      const e = { ...a.queryParams, ...n };
+      return a.searchKey && (e[a.searchKey] = String(e[a.searchKey] || "").trim()), e.category = Pe(), e;
+    }
+    function Pe() {
+      if (Object.prototype.hasOwnProperty.call(a.queryParams, "category"))
+        return a.queryParams.category;
+      const e = n.category;
+      return Array.isArray(e) ? e : e ? [e] : [];
+    }
+    function ke(e) {
+      var t, o;
+      if (q.value !== "none") {
+        if (q.value === "single") {
+          r.value = [e], (t = m.value) == null || t.setCurrentRow(e), M();
+          return;
+        }
+        Re(e) && ((o = m.value) == null || o.toggleRowSelection(e, !E(e)));
+      }
+    }
+    function Ae(e) {
+      if (q.value !== "multiple") return;
+      const t = new Set(C.value.map(c)), o = new Set(e.map(c));
+      r.value = r.value.filter(
+        (l) => !t.has(c(l)) || o.has(c(l))
+      ), e.forEach((l) => {
+        E(l) || r.value.push(l);
+      }), M();
+    }
+    function Ke(e) {
+      var o, l;
+      r.value = r.value.filter(
+        (d) => c(d) !== c(e)
+      );
+      const t = C.value.find((d) => c(d) === c(e));
+      t && (q.value === "multiple" ? (o = m.value) == null || o.toggleRowSelection(t, !1) : (l = m.value) == null || l.setCurrentRow()), M();
+    }
+    function x() {
+      Ne(() => {
+        var e;
+        if (m.value) {
+          if (q.value === "single") {
+            const [t] = r.value, o = C.value.find(
+              (l) => t && c(l) === c(t)
+            );
+            (e = m.value) == null || e.setCurrentRow(o);
+            return;
+          }
+          q.value === "multiple" && C.value.forEach((t) => {
+            var o;
+            (o = m.value) == null || o.toggleRowSelection(t, E(t));
+          });
+        }
+      });
+    }
+    function Re(e) {
+      var o;
+      const t = (o = L.value) == null ? void 0 : o.selectable;
+      return typeof t == "function" ? t(e) !== !1 : !0;
+    }
+    function E(e) {
+      return r.value.some((t) => c(t) === c(e));
+    }
+    function c(e) {
+      return ae(e, X.value);
+    }
+    function Ve(e) {
+      return ae(e, ye.value) ?? c(e);
+    }
+    function ae(e, t) {
+      if (!(!e || !t))
+        return t.split(".").reduce((o, l) => o == null ? void 0 : o[l], e);
+    }
+    function M() {
+      const e = K(r.value);
+      p("selection-change", e);
+    }
+    function Oe() {
+      const e = K(r.value);
+      p("update:modelValue", e), p("confirm", e), p("submit", { selection: e, rows: e, query: { ...n } });
+    }
+    function Be(e) {
+      (e === "escape" || e === "overlay") && le();
+    }
+    function le() {
+      I(), r.value = K(J.value), p("update:open", !1), p("cancel"), p("close");
+    }
+    async function ze() {
+      var t;
+      const e = JSON.stringify(r.value);
+      await ((t = navigator.clipboard) == null ? void 0 : t.writeText(e)), H.success("复制成功");
+    }
+    function Fe() {
+      try {
+        const e = JSON.parse(_.value);
+        if (!Array.isArray(e)) {
+          H.error("粘贴内容需要是数组");
+          return;
+        }
+        e.forEach((t) => {
+          E(t) || r.value.push(t);
+        }), k.value = !1, M(), x();
+      } catch (e) {
+        H.error(`粘贴错误: ${(e == null ? void 0 : e.message) || "内容格式错误"}`);
+      }
+    }
+    function K(e = []) {
+      return e.map((t) => ({ ...t }));
+    }
+    return se({
+      search: h,
+      handleSearch: A,
+      handleQuerySearch: h,
+      resetSearch: G,
+      getTableRef: () => m.value,
+      getTableData: () => C.value,
+      getSelection: () => K(r.value)
+    }), (e, t) => {
+      const o = _e;
+      return s(), w(ie, {
+        open: f.open,
+        title: f.title,
+        width: f.width,
+        onOpened: me,
+        onConfirm: Oe,
+        onCancel: le,
+        onClose: Be
+      }, {
+        default: i(() => [
+          z("div", at, [
+            R(e.$slots, "side", {}, void 0, !0),
+            z("div", lt, [
+              f.showSelected ? (s(), V("div", ot, [
+                t[12] || (t[12] = z("span", { class: "qy-selection-dialog__selected-label" }, "已选项", -1)),
+                z("div", nt, [
+                  (s(!0), V(je, null, Ie(r.value, (l) => (s(), w(ue, {
+                    key: c(l),
+                    closable: "",
+                    class: "qy-selection-dialog__selected-tag",
+                    onClose: (d) => Ke(l)
+                  }, {
+                    default: i(() => [
+                      S(Qe(Ve(l)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"]))), 128)),
+                  r.value.length ? v("", !0) : (s(), w(ue, {
+                    key: 0,
+                    tone: "info"
+                  }, {
+                    default: i(() => [...t[9] || (t[9] = [
+                      S("无", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ]),
+                f.showCopyPaste ? (s(), V("div", rt, [
+                  y(u(P), {
+                    size: "small",
+                    onClick: ze
+                  }, {
+                    default: i(() => [...t[10] || (t[10] = [
+                      S("复制", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  y(u(P), {
+                    size: "small",
+                    onClick: t[0] || (t[0] = (l) => k.value = !0)
+                  }, {
+                    default: i(() => [...t[11] || (t[11] = [
+                      S("粘贴", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])) : v("", !0)
+              ])) : v("", !0),
+              pe.value ? (s(), V("div", it, [
+                y(u(He), {
+                  class: "qy-selection-dialog__search",
+                  inline: "",
+                  model: n
+                }, {
+                  default: i(() => [
+                    R(e.$slots, "search", {
+                      query: n,
+                      search: h,
+                      reset: G
+                    }, () => [
+                      O.value.length ? (s(), w(u(D), {
+                        key: 0,
+                        label: "分类"
+                      }, {
+                        default: i(() => [
+                          y(et, {
+                            modelValue: n.category,
+                            "onUpdate:modelValue": t[1] || (t[1] = (l) => n.category = l),
+                            class: "qy-selection-dialog__category",
+                            options: O.value,
+                            clearable: "",
+                            filterable: "",
+                            "check-strictly": "",
+                            "render-after-expand": !1,
+                            onChange: h
+                          }, null, 8, ["modelValue", "options"])
+                        ]),
+                        _: 1
+                      })) : v("", !0),
+                      Y.value.length ? (s(), w(u(D), {
+                        key: 1,
+                        label: "类型"
+                      }, {
+                        default: i(() => [
+                          y(Ze, ne({
+                            modelValue: n.type,
+                            "onUpdate:modelValue": t[2] || (t[2] = (l) => n.type = l),
+                            class: "qy-selection-dialog__type",
+                            options: Y.value,
+                            placeholder: "请选择类型",
+                            clearable: ""
+                          }, fe.value, { onChange: h }), null, 16, ["modelValue", "options"])
+                        ]),
+                        _: 1
+                      })) : v("", !0),
+                      f.searchKey ? (s(), w(u(D), {
+                        key: 2,
+                        label: "搜索"
+                      }, {
+                        default: i(() => [
+                          y(u(re), {
+                            modelValue: n[f.searchKey],
+                            "onUpdate:modelValue": t[3] || (t[3] = (l) => n[f.searchKey] = l),
+                            clearable: "",
+                            placeholder: "请输入",
+                            class: "qy-selection-dialog__search-input",
+                            onKeydown: Le(Je(h, ["prevent"]), ["enter"])
+                          }, null, 8, ["modelValue", "onKeydown"])
+                        ]),
+                        _: 1
+                      })) : v("", !0),
+                      y(u(D), null, {
+                        default: i(() => [
+                          y(u(P), {
+                            type: "primary",
+                            onClick: h
+                          }, {
+                            default: i(() => [...t[13] || (t[13] = [
+                              S("查询", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          y(u(P), { onClick: G }, {
+                            default: i(() => [...t[14] || (t[14] = [
+                              S("重置", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ], !0)
+                  ]),
+                  _: 3
+                }, 8, ["model"]),
+                ge.value ? (s(), V("div", ut, [
+                  Z.value ? (s(), w(u(P), {
+                    key: 0,
+                    type: "primary",
+                    onClick: Se
+                  }, {
+                    default: i(() => [...t[15] || (t[15] = [
+                      S(" 新增 ", -1)
+                    ])]),
+                    _: 1
+                  })) : v("", !0),
+                  R(e.$slots, "toolbar", {
+                    query: n,
+                    search: h
+                  }, void 0, !0),
+                  R(e.$slots, "bar", {
+                    query: n,
+                    search: h
+                  }, void 0, !0)
+                ])) : v("", !0)
+              ])) : v("", !0),
+              Ge((s(), w(u(We), ne({
+                ref_key: "tableRef",
+                ref: m,
+                data: C.value,
+                "row-key": X.value,
+                border: "",
+                "highlight-current-row": "",
+                "max-height": "550px"
+              }, L.value, {
+                onSelectionChange: Ae,
+                onRowClick: ke
+              }), {
+                default: i(() => {
+                  var l;
+                  return [
+                    q.value === "multiple" ? (s(), w(u(Xe), {
+                      key: 0,
+                      type: "selection",
+                      "reserve-selection": "",
+                      width: "42",
+                      selectable: (l = L.value) == null ? void 0 : l.selectable
+                    }, null, 8, ["selectable"])) : v("", !0),
+                    R(e.$slots, "columns", {}, void 0, !0),
+                    R(e.$slots, "cols", {}, void 0, !0)
+                  ];
+                }),
+                _: 3
+              }, 16, ["data", "row-key"])), [
+                [o, F.value]
+              ]),
+              f.showPagination && Q.value > 0 ? (s(), V("div", st, [
+                y(u(Ye), {
+                  "current-page": n.page,
+                  "onUpdate:currentPage": t[4] || (t[4] = (l) => n.page = l),
+                  "page-size": n.pageSize,
+                  "onUpdate:pageSize": t[5] || (t[5] = (l) => n.pageSize = l),
+                  total: Q.value,
+                  "page-sizes": f.pageSizes,
+                  layout: "total, sizes, prev, pager, next, jumper",
+                  onSizeChange: we,
+                  onCurrentChange: A
+                }, null, 8, ["current-page", "page-size", "total", "page-sizes"])
+              ])) : v("", !0)
+            ])
+          ]),
+          y(ie, {
+            open: k.value,
+            title: "粘贴数据",
+            "show-footer": !1,
+            width: "560px",
+            "onUpdate:open": t[8] || (t[8] = (l) => k.value = l)
+          }, {
+            default: i(() => [
+              y(u(re), {
+                modelValue: _.value,
+                "onUpdate:modelValue": t[6] || (t[6] = (l) => _.value = l),
+                type: "textarea",
+                rows: 8
+              }, null, 8, ["modelValue"]),
+              z("div", ct, [
+                y(u(P), {
+                  onClick: t[7] || (t[7] = (l) => k.value = !1)
+                }, {
+                  default: i(() => [...t[16] || (t[16] = [
+                    S("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                y(u(P), {
+                  type: "primary",
+                  onClick: Fe
+                }, {
+                  default: i(() => [...t[17] || (t[17] = [
+                    S("确认", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["open"])
+        ]),
+        _: 3
+      }, 8, ["open", "title", "width"]);
+    };
+  }
+}), St = /* @__PURE__ */ tt(dt, [["__scopeId", "data-v-47259611"]]);
+export {
+  St as C
+};