@qynpm/ui 1.0.39 → 1.0.40

package/dist/shared/index-CwcD7q4B.mjs

@@ -0,0 +1,446 @@
+import { ElDialog as F, ElTable as N, ElTableColumn as z, ElInput as A, ElButton as L } from "element-plus/es";
+import { defineComponent as Q, ref as q, watch as W, computed as h, openBlock as v, createBlock as w, withCtx as o, createElementVNode as l, createVNode as r, normalizeClass as j, toDisplayString as V, createElementBlock as B, createCommentVNode as K, createTextVNode as I } from "vue";
+import { S as O } from "./index-BBIPQa5N.mjs";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const R = /* @__PURE__ */ Q({
+  name: "QyTableColumnSettings",
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    settings: { type: Array, required: !1, default: () => [] },
+    defaultSettings: { type: Array, required: !1, default: void 0 },
+    title: { type: String, required: !1, default: "列设置" },
+    width: { type: [String, Number], required: !1, default: "700px" },
+    showDeleteCache: { type: Boolean, required: !1, default: !0 },
+    unconfigurableTypes: { type: Array, required: !1, default: () => ["index", "selection", "expand", "setup"] }
+  },
+  emits: ["update:modelValue", "confirm", "reset", "cancel", "delete-cache", "change"],
+  setup(p, { expose: n, emit: g }) {
+    n();
+    const e = p, m = g, c = q([]), u = q(""), f = (t) => t.map((s) => ({ ...s })), y = () => {
+      var t;
+      c.value = f(e.settings), u.value = ((t = c.value[0]) == null ? void 0 : t.key) || "";
+    };
+    W(
+      () => e.modelValue,
+      (t) => {
+        t && y();
+      },
+      {
+        immediate: !0
+      }
+    );
+    const a = () => {
+      m("change", f(c.value));
+    }, b = (t) => c.value.find((s) => s.key === t), i = h(() => b(u.value)), _ = h(
+      () => c.value.findIndex((t) => t.key === u.value)
+    ), x = (t) => !!(t.type && e.unconfigurableTypes.includes(t.type)), T = (t) => t === "left" ? "left" : t === "right" ? "right" : "none", E = (t) => t.type === "index" ? "序号" : t.type === "selection" ? "多选" : t.type === "expand" ? "展开" : t.type === "setup" ? "设置" : t.label || t.prop || t.key, D = (t) => {
+      t && (u.value = t.key);
+    }, U = (t) => {
+      i.value && C(i.value.key, t);
+    }, C = (t, s) => {
+      const d = b(t);
+      d && (d.fixed = s, a());
+    }, k = { props: e, emit: m, draftSettings: c, currentKey: u, cloneSettings: f, syncDraft: y, emitChange: a, findSetting: b, currentSetting: i, currentIndex: _, isUnconfigurable: x, fixedClass: T, displayLabel: E, selectSetting: D, setCurrentFixed: U, setFixed: C, setVisible: (t, s) => {
+      const d = b(t);
+      !d || x(d) || (d.visible = s, a());
+    }, setWidth: (t, s) => {
+      const d = b(t);
+      d && (d.width = s, a());
+    }, move: (t, s) => {
+      if (t === s || t < 0 || t >= c.value.length || s < 0 || s >= c.value.length) return;
+      const d = [...c.value], [S] = d.splice(t, 1);
+      d.splice(s, 0, S), c.value = d, u.value = S.key, a();
+    }, reset: () => {
+      var s, d;
+      const t = (s = e.defaultSettings) != null && s.length ? e.defaultSettings : e.settings;
+      c.value = f(t), u.value = ((d = c.value[0]) == null ? void 0 : d.key) || "", m("reset", f(c.value)), a();
+    }, handleCancel: () => {
+      m("cancel"), m("update:modelValue", !1);
+    }, confirm: () => {
+      m("confirm", f(c.value)), m("update:modelValue", !1);
+    }, QySwitch: O };
+    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+  }
+}), G = { class: "qy-table-column-settings" }, H = { class: "qy-table-column-settings__table-wrap" }, J = ["data-testid", "onClick"], M = {
+  class: "qy-table-column-settings__side",
+  "data-testid": "settings-side-actions"
+}, X = { class: "qy-table-column-settings__side-main" }, Y = {
+  key: 0,
+  class: "qy-table-column-settings__selected is-empty"
+}, Z = {
+  key: 1,
+  class: "qy-table-column-settings__selected"
+}, $ = { class: "qy-table-column-settings__side-footer" };
+function ee(p, n, g, e, m, c) {
+  const u = z, f = A, y = N, a = L, b = F;
+  return v(), w(b, {
+    "model-value": g.modelValue,
+    title: g.title,
+    width: g.width,
+    "append-to-body": "",
+    onClose: e.handleCancel
+  }, {
+    footer: o(() => [
+      r(a, {
+        "data-action": "cancel",
+        onClick: e.handleCancel
+      }, {
+        default: o(() => [...n[17] || (n[17] = [
+          I(
+            " 取消 ",
+            -1
+            /* CACHED */
+          )
+        ])]),
+        _: 1
+        /* STABLE */
+      }),
+      r(a, {
+        type: "primary",
+        "data-action": "confirm",
+        onClick: e.confirm
+      }, {
+        default: o(() => [...n[18] || (n[18] = [
+          I(
+            " 确定 ",
+            -1
+            /* CACHED */
+          )
+        ])]),
+        _: 1
+        /* STABLE */
+      })
+    ]),
+    default: o(() => [
+      l("div", G, [
+        l("div", H, [
+          r(y, {
+            data: e.draftSettings,
+            "row-key": "key",
+            height: "400px",
+            border: "",
+            "highlight-current-row": "",
+            "data-testid": "settings-table",
+            onCurrentChange: e.selectSetting,
+            onRowClick: e.selectSetting
+          }, {
+            default: o(() => [
+              r(u, {
+                label: "列名",
+                prop: "label",
+                "show-overflow-tooltip": ""
+              }, {
+                default: o(({ row: i }) => [
+                  l("div", {
+                    class: "qy-table-column-settings__name",
+                    "data-testid": `table-row-${i.key}`,
+                    onClick: (_) => e.selectSetting(i)
+                  }, [
+                    l(
+                      "span",
+                      {
+                        class: j(["qy-table-column-settings__fixed-mark", `is-${e.fixedClass(i.fixed)}`]),
+                        "aria-hidden": "true"
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    ),
+                    l(
+                      "span",
+                      null,
+                      V(e.displayLabel(i)),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, J)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              r(u, {
+                label: "列宽(px)",
+                prop: "width",
+                width: "150"
+              }, {
+                default: o(({ row: i }) => [
+                  r(f, {
+                    "model-value": i.width,
+                    size: "small",
+                    placeholder: "留空自动设置宽度",
+                    "data-testid": "width",
+                    "onUpdate:modelValue": (_) => e.setWidth(i.key, _)
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              r(u, {
+                label: "列显示",
+                prop: "visible",
+                width: "100"
+              }, {
+                default: o(({ row: i }) => [
+                  r(e.QySwitch, {
+                    "model-value": i.visible,
+                    disabled: e.isUnconfigurable(i),
+                    "data-testid": "visible-switch",
+                    "onUpdate:modelValue": (_) => e.setVisible(i.key, !!_)
+                  }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data"])
+        ]),
+        l("div", M, [
+          l("div", X, [
+            e.currentSetting ? (v(), B(
+              "div",
+              Z,
+              V(e.displayLabel(e.currentSetting)),
+              1
+              /* TEXT */
+            )) : (v(), B("div", Y, " 请选择列 ")),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting || e.currentIndex === 0,
+              "data-action": "top",
+              onClick: n[0] || (n[0] = (i) => e.move(e.currentIndex, 0))
+            }, {
+              default: o(() => [...n[8] || (n[8] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-top" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "置顶",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting || e.currentIndex === 0,
+              "data-action": "up",
+              onClick: n[1] || (n[1] = (i) => e.move(e.currentIndex, e.currentIndex - 1))
+            }, {
+              default: o(() => [...n[9] || (n[9] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-up" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "上移",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting || e.currentIndex === e.draftSettings.length - 1,
+              "data-action": "down",
+              onClick: n[2] || (n[2] = (i) => e.move(e.currentIndex, e.currentIndex + 1))
+            }, {
+              default: o(() => [...n[10] || (n[10] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-down" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "下移",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting || e.currentIndex === e.draftSettings.length - 1,
+              "data-action": "bottom",
+              onClick: n[3] || (n[3] = (i) => e.move(e.currentIndex, e.draftSettings.length - 1))
+            }, {
+              default: o(() => [...n[11] || (n[11] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-bottom" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "置底",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting,
+              "data-action": "fixed-left",
+              onClick: n[4] || (n[4] = (i) => e.setCurrentFixed("left"))
+            }, {
+              default: o(() => [...n[12] || (n[12] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-fixed-left" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "固定左边",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting,
+              "data-action": "fixed-right",
+              onClick: n[5] || (n[5] = (i) => e.setCurrentFixed("right"))
+            }, {
+              default: o(() => [...n[13] || (n[13] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-fixed-right" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "固定右边",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            r(a, {
+              class: "qy-table-column-settings__side-button",
+              disabled: !e.currentSetting,
+              "data-action": "clear-fixed",
+              onClick: n[6] || (n[6] = (i) => e.setCurrentFixed(!1))
+            }, {
+              default: o(() => [...n[14] || (n[14] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-clear-fixed" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "取消固定",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"])
+          ]),
+          l("div", $, [
+            r(a, {
+              "data-action": "reset",
+              onClick: e.reset
+            }, {
+              default: o(() => [...n[15] || (n[15] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-reset" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "恢复默认",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }),
+            g.showDeleteCache ? (v(), w(a, {
+              key: 0,
+              type: "danger",
+              plain: "",
+              "data-action": "delete-cache",
+              onClick: n[7] || (n[7] = (i) => e.emit("delete-cache"))
+            }, {
+              default: o(() => [...n[16] || (n[16] = [
+                l(
+                  "span",
+                  { class: "qy-table-column-settings__action-icon is-reset" },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                l(
+                  "span",
+                  null,
+                  "删除缓存",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            })) : K("v-if", !0)
+          ])
+        ])
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["model-value", "title", "width"]);
+}
+const ue = /* @__PURE__ */ P(R, [["render", ee], ["__scopeId", "data-v-e7d18a6c"], ["__file", "D:/xushenz/qy-components/packages/ui/lib/qy-table-column-settings/index.vue"]]);
+export {
+  ue as T
+};