@qynpm/ui 1.0.45 → 1.0.47

package/dist/shared/index-CbSGTE1S.mjs

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