aibox-custom-component-packages 0.0.21 → 0.0.23

package/es/chunks/AiboxTable.CF4T_OCu.js

@@ -0,0 +1,645 @@
+import { createElementBlock as c, openBlock as o, normalizeStyle as le, createElementVNode as h, renderSlot as b, createCommentVNode as B, createVNode as w, unref as n, withModifiers as te, withCtx as s, toDisplayString as m, computed as T, Fragment as _, renderList as N, createBlock as i, createTextVNode as A, normalizeClass as z, ref as H, createSlots as W } from "vue";
+import { useRouter as ae } from "vue-router";
+import { IconZuo as oe, IconTip as ne, IconMore as se } from "color-message-aibox-vue";
+import { ElIcon as D, ElTooltip as re, ElButton as L, ElDropdown as de, ElDropdownMenu as ie, ElDropdownItem as ce, ElTable as ue, ElTableColumn as f, ElEmpty as he, ElPagination as pe } from "element-plus";
+import { u as I } from "./i18n.k9Q_HVMs.js";
+import { _ as F } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/AiboxTable.css';const fe = { class: "back-bar__icon" }, be = {
+  key: 0,
+  class: "back-bar__title"
+}, we = {
+  key: 1,
+  class: "back-bar__tip"
+}, Ve = {
+  __name: "BackBar",
+  props: {
+    goBackFn: {
+      type: Function,
+      default: null
+    },
+    backBarStyle: {
+      type: String,
+      default: "#fff"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    tipContent: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(a) {
+    const k = a, $ = ae(), r = () => {
+      k.goBackFn ? k.goBackFn() : $.back();
+    };
+    return (y, C) => (o(), c("div", {
+      class: "back-bar",
+      style: le({ "background-color": a.backBarStyle })
+    }, [
+      h("div", fe, [
+        w(n(D), {
+          onClick: te(r, ["stop"])
+        }, {
+          default: s(() => [
+            w(n(oe))
+          ]),
+          _: 1
+        })
+      ]),
+      b(y.$slots, "default"),
+      a.title ? (o(), c("div", be, m(a.title), 1)) : B("", !0),
+      a.tipContent ? (o(), c("div", we, [
+        w(n(re), {
+          content: a.tipContent,
+          placement: "right"
+        }, {
+          default: s(() => [
+            w(n(D), { size: "14" }, {
+              default: s(() => [
+                w(n(ne))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ])) : B("", !0)
+    ], 4));
+  }
+}, ye = { class: "table-btns" }, ge = { class: "btn-box" }, ke = {
+  __name: "TableBtns",
+  props: {
+    config: {
+      type: Array,
+      required: !0,
+      default() {
+        return [];
+      }
+    },
+    showNums: {
+      type: Number,
+      default: 0,
+      validator(a) {
+        return a % 1 === 0 && a >= 0;
+      }
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(a) {
+    const k = a, { t: $ } = I(), r = (p, x) => {
+      p && p(x);
+    }, y = T(() => k.config.filter((p) => {
+      const x = p.permission !== void 0 ? p.permission : !0;
+      let d = !0;
+      return p.dataPermission && (d = p.dataPermission), x && d;
+    })), C = T(() => ({
+      show: y.value.slice(0, k.showNums),
+      hide: y.value.slice(k.showNums)
+    }));
+    return (p, x) => (o(), c("div", ye, [
+      y.value.length > a.showNums ? (o(), c(_, { key: 0 }, [
+        (o(!0), c(_, null, N(C.value.show, (d, v) => (o(), i(n(L), {
+          key: v,
+          type: "primary",
+          link: "",
+          onClick: (M) => r(d.fn, d.row)
+        }, {
+          default: s(() => [
+            A(m(d.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        w(n(de), {
+          "popper-class": "custom-dropdown",
+          trigger: "click"
+        }, {
+          dropdown: s(() => [
+            w(n(ie), { style: { padding: "14px 0" } }, {
+              default: s(() => [
+                (o(!0), c(_, null, N(C.value.hide, (d, v) => (o(), i(n(ce), {
+                  key: v,
+                  class: z({
+                    "is-delete": d.label === n($)("COMMON_BUTTON.DELETE_TEXT") || d.label === n($)("COMMON_BUTTON.DISABLE_TEXT") || d.isDanger
+                  }),
+                  onClick: (M) => r(d.fn, d.row)
+                }, {
+                  default: s(() => [
+                    A(m(d.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          default: s(() => [
+            h("div", ge, [
+              w(n(D), { style: { "font-size": "20px", color: "#999" } }, {
+                default: s(() => [
+                  w(n(se))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ], 64)) : (o(!0), c(_, { key: 1 }, N(y.value, (d, v) => (o(), i(n(L), {
+        type: "primary",
+        link: "",
+        key: v,
+        onClick: (M) => r(d.fn, d.row)
+      }, {
+        default: s(() => [
+          A(m(d.label), 1)
+        ]),
+        _: 2
+      }, 1032, ["onClick"]))), 128))
+    ]));
+  }
+}, Ce = /* @__PURE__ */ F(ke, [["__scopeId", "data-v-552341e3"]]), xe = {
+  key: 0,
+  class: "aibox-table__handle"
+}, _e = { class: "handle-left" }, ve = { class: "handle-right" }, Se = { class: "aibox-table__content" }, Te = { key: 0 }, me = { class: "aibox-table__slot-wrapper" }, $e = { class: "aibox-table__slot-wrapper" }, Be = ["innerHTML"], Ne = ["innerHTML"], Me = { class: "aibox-table__slot-wrapper" }, Ee = ["onClick"], Ae = { class: "aibox-table__slot-wrapper" }, ze = ["onClick"], De = { class: "aibox-table__slot-wrapper" }, Oe = { class: "flex items-center" }, Pe = { class: "aibox-table__slot-wrapper" }, Re = {
+  key: 0,
+  class: "aibox-table__slot-wrapper"
+}, He = {
+  __name: "AiboxTable",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    total: {
+      type: [String, Number],
+      default: 0
+    },
+    hasPage: {
+      type: Boolean,
+      default: !0
+    },
+    onRowKey: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onRowClassName: {
+      type: Function,
+      default: () => {
+      }
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: null
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    pages: {
+      type: Object,
+      default: () => ({
+        page: 1,
+        size: 10
+      })
+    },
+    showChangeSize: {
+      type: Boolean,
+      default: !0
+    },
+    isCustomEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    hasBorder: {
+      type: Boolean,
+      default: !1
+    },
+    hasHeaderHandle: {
+      type: Boolean,
+      default: !1
+    },
+    isSecondaryHeader: {
+      type: Boolean,
+      default: !1
+    },
+    defaultSort: {
+      type: Object
+    },
+    spanMethod: {
+      type: Function,
+      default: () => {
+      }
+    },
+    showSummary: {
+      type: Boolean,
+      default: !1
+    },
+    summaryMethod: {
+      type: Function,
+      default: () => []
+    },
+    showHandleNums: {
+      type: Number,
+      default: 0
+    },
+    selectionType: {
+      type: String,
+      default: "checkbox"
+    },
+    expandRowKeys: {
+      type: Array,
+      default: () => []
+    },
+    isCanRowClick: {
+      type: Boolean,
+      default: !1
+    },
+    isPagePostion: {
+      type: Boolean,
+      default: !0
+    },
+    treeProps: {
+      type: Object,
+      default: () => ({ children: "children", hasChildren: "hasChildren" })
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: !0
+    },
+    pagerCount: {
+      type: Number,
+      default: 7
+    },
+    size: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: [
+    "onPageChange",
+    "onMultiSelection",
+    "onSortChange",
+    "onCellDblclick",
+    "onRowClick"
+  ],
+  setup(a, { expose: k, emit: $ }) {
+    const r = a, { t: y } = I(), C = H(null), p = H([]), x = T(() => typeof r.total == "string" ? Number(r.total) : r.total), d = T(() => r.showChangeSize ? "total, sizes, prev, pager, next, jumper" : "total, prev, pager, next, jumper"), v = T(() => x.value > 10 && r.hasPage), M = T(() => r.columns?.find?.((u) => u?.type === "selection")?.selectable || O), j = T(() => {
+      const t = r.data || [];
+      if (!t.length) return !1;
+      const u = M.value;
+      return !t.some((e, l) => u(e, l));
+    }), K = ({ column: t }) => t?.type === "selection" && j.value ? "aibox-table__select-all-disabled" : "", g = $, O = () => !0, V = (t) => r.onRowKey(t, (u) => u), X = (t) => r.onRowClassName(t), U = (t) => {
+      g("onPageChange", { ...r.pages, page: t });
+    }, G = (t) => {
+      g("onPageChange", { page: 1, size: t });
+    }, q = (t) => {
+      r.selectionType !== "radio" && g("onMultiSelection", t);
+    }, P = (t) => {
+      if (r.selectionType === "radio") {
+        const u = p.value;
+        if (R(), u.length == 1) {
+          const [e] = u, l = e.id !== t.id;
+          l ? (p.value = [t], g("onMultiSelection", [t])) : (p.value = [], g("onMultiSelection", [])), E(t, l);
+        } else
+          E(t, !0), p.value = [t], g("onMultiSelection", [t]);
+      }
+    }, R = () => {
+      C.value?.clearSelection(), g("onMultiSelection", []);
+    }, Y = () => {
+      C.value?.clearSort();
+    }, Z = (t) => {
+      g("onSortChange", t);
+    }, J = (t, u, e, l) => {
+      g("onCellDblclick", t, u, e, l);
+    }, Q = (t) => {
+      r.selectionType === "radio" && P(t);
+    }, ee = (t, u, e) => {
+      u?.type === "action" || !r.isCanRowClick || g("onRowClick", t, u, e);
+    }, E = (t, u) => {
+      C.value?.toggleRowSelection(t, u);
+    };
+    return k({
+      handleClearSelection: R,
+      handleToggleRowSelection: E,
+      clearSort: Y
+    }), (t, u) => (o(), c("div", {
+      class: z([{
+        "row-click-style": a.isCanRowClick,
+        "no-pagination": !v.value
+      }, "aibox-table"])
+    }, [
+      a.hasHeaderHandle ? (o(), c("div", xe, [
+        h("div", _e, [
+          b(t.$slots, "handleLeft", {}, void 0, !0)
+        ]),
+        h("div", ve, [
+          b(t.$slots, "handleRight", {}, void 0, !0)
+        ])
+      ])) : B("", !0),
+      h("div", Se, [
+        w(n(ue), {
+          ref_key: "aiboxTable",
+          ref: C,
+          "element-loading-text": n(y)("COMMON_DATA.LOADING_SUFFIX"),
+          "tree-props": a.treeProps,
+          "header-row-class-name": a.isSecondaryHeader ? "aibox-table__header secondary-header" : "aibox-table__header",
+          "header-cell-class-name": K,
+          "row-class-name": X,
+          data: a.data,
+          border: a.hasBorder,
+          style: { width: "100%" },
+          "row-key": V,
+          height: a.maxHeight,
+          "default-sort": a.defaultSort,
+          "span-method": a.spanMethod,
+          "expand-row-keys": a.expandRowKeys,
+          onSelectionChange: q,
+          onSortChange: Z,
+          onCellDblclick: J,
+          onCurrentChange: P,
+          "show-summary": a.showSummary,
+          "summary-method": a.summaryMethod,
+          onSelect: Q,
+          onRowClick: ee,
+          "default-expand-all": a.defaultExpandAll
+        }, {
+          empty: s(() => [
+            a.isCustomEmpty ? (o(), c("div", Re, [
+              b(t.$slots, "customEmpty", {}, void 0, !0)
+            ])) : (o(), i(n(he), {
+              key: 1,
+              description: n(y)("COMMON_DATA.EMPTY"),
+              "image-size": 80
+            }, null, 8, ["description"]))
+          ]),
+          default: s(() => [
+            (o(!0), c(_, null, N(a.columns, (e) => (o(), c(_, null, [
+              e.type === "selection" ? (o(), i(n(f), {
+                key: e.type,
+                type: "selection",
+                fixed: "left",
+                width: e.width || "50px",
+                "reserve-selection": !0,
+                selectable: e.selectable || O
+              }, null, 8, ["width", "selectable"])) : e.type === "index" ? (o(), i(n(f), {
+                key: `${e.type - e.label}`,
+                type: "index",
+                label: n(y)("COMMON_DATA.SNO_INDEX"),
+                fixed: "left",
+                width: e.width || "100px"
+              }, {
+                default: s((l) => [
+                  a.isLoading ? B("", !0) : (o(), c("span", Te, m((a.pages.page - 1) * a.pages.size + l.$index + 1), 1))
+                ]),
+                _: 1
+              }, 8, ["label", "width"])) : e.slot ? (o(), i(n(f), {
+                align: e.align || "left",
+                key: e.prop,
+                prop: e.prop,
+                label: e.label,
+                width: e.width,
+                "min-width": e.minWidth,
+                "label-class-name": "label-space-style",
+                "class-name": "multi-row",
+                fixed: e.fixed,
+                sortable: e.sortable,
+                "show-overflow-tooltip": e.showOverflowTooltip
+              }, W({
+                default: s((l) => [
+                  h("div", $e, [
+                    b(t.$slots, e.slot, {
+                      row: l.row,
+                      index: l.$index,
+                      minWidth: e.minWidth
+                    }, void 0, !0)
+                  ])
+                ]),
+                _: 2
+              }, [
+                e.headerSlot ? {
+                  name: "header",
+                  fn: s(() => [
+                    h("div", me, [
+                      b(t.$slots, e.headerSlot, {
+                        item: e,
+                        minWidth: e.minWidth
+                      }, void 0, !0)
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["align", "prop", "label", "width", "min-width", "fixed", "sortable", "show-overflow-tooltip"])) : e.callback ? (o(), i(n(f), {
+                align: e.align || "left",
+                key: e.callback,
+                prop: e.prop,
+                label: e.label,
+                width: e.width,
+                "min-width": e.minWidth,
+                "show-overflow-tooltip": "",
+                fixed: e.fixed,
+                sortable: e.sortable
+              }, {
+                default: s((l) => [
+                  h("span", {
+                    innerHTML: e.callback && e.callback(l.row)
+                  }, null, 8, Be)
+                ]),
+                _: 2
+              }, 1032, ["align", "prop", "label", "width", "min-width", "fixed", "sortable"])) : e.type === "multistage" ? (o(), i(n(f), {
+                key: `${e.prop}`,
+                label: e.label,
+                prop: e.prop,
+                width: e.width,
+                "min-width": e.minWidth,
+                "show-overflow-tooltip": "",
+                align: e.align || "left",
+                "header-align": e.headerAlign || "left"
+              }, {
+                default: s(() => [
+                  (o(!0), c(_, null, N(e.children, (l) => (o(), c(_, null, [
+                    l.callback ? (o(), i(n(f), {
+                      key: l.callback,
+                      prop: l.prop,
+                      label: l.label,
+                      "min-width": l.minWidth,
+                      "show-overflow-tooltip": ""
+                    }, {
+                      default: s((S) => [
+                        h("span", {
+                          innerHTML: l.callback && l.callback(S.row)
+                        }, null, 8, Ne)
+                      ]),
+                      _: 2
+                    }, 1032, ["prop", "label", "min-width"])) : l.slot ? (o(), i(n(f), {
+                      key: l.prop,
+                      "min-width": l.minWidth,
+                      prop: l.prop,
+                      label: l.label
+                    }, {
+                      default: s((S) => [
+                        h("div", Me, [
+                          b(t.$slots, l.slot, {
+                            row: S.row,
+                            column: S.column,
+                            index: S.$index
+                          }, void 0, !0)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["min-width", "prop", "label"])) : l.custom ? (o(), i(n(f), {
+                      key: `${l.prop}`,
+                      prop: l.prop,
+                      label: l.label,
+                      "min-width": l.minWidth,
+                      "show-overflow-tooltip": ""
+                    }, {
+                      header: s(() => [
+                        h("span", {
+                          onClick: () => l.headerClick({ parent: e.label, ...l }),
+                          style: { color: "#5b9bd1", cursor: "pointer" }
+                        }, m(l.label), 9, Ee)
+                      ]),
+                      default: s((S) => [
+                        h("div", Ae, [
+                          b(t.$slots, "custom", {
+                            data: {
+                              col: { parent: e.label, ...l },
+                              row: S.row
+                            }
+                          }, void 0, !0)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["prop", "label", "min-width"])) : (o(), i(n(f), {
+                      key: `${l.prop}-${l.label}`,
+                      prop: l.prop,
+                      label: l.label,
+                      width: l.width,
+                      "min-width": l.minWidth,
+                      "show-overflow-tooltip": "",
+                      "header-align": l.headerAlign ? l.headerAlign : "left",
+                      align: l.align ? l.align : "left"
+                    }, null, 8, ["prop", "label", "width", "min-width", "header-align", "align"]))
+                  ], 64))), 256))
+                ]),
+                _: 2
+              }, 1032, ["label", "prop", "width", "min-width", "align", "header-align"])) : e.custom ? (o(), i(n(f), {
+                key: `${e.prop}-${e.custom}`,
+                prop: e.prop,
+                label: e.label,
+                "min-width": e.minWidth,
+                "show-overflow-tooltip": ""
+              }, {
+                header: s(() => [
+                  h("span", {
+                    onClick: () => e.headerClick({ parent: "", ...e }),
+                    style: { color: "#5b9bd1", cursor: "pointer" }
+                  }, m(e.label), 9, ze)
+                ]),
+                default: s((l) => [
+                  h("div", De, [
+                    b(t.$slots, "custom", {
+                      data: {
+                        col: { parent: "", ...e },
+                        row: l.row
+                      }
+                    }, void 0, !0)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["prop", "label", "min-width"])) : e.type === "action" ? (o(), i(n(f), {
+                key: `${e.prop - Math.random()}`,
+                label: e.label,
+                width: e.width,
+                type: "action",
+                fixed: "right"
+              }, {
+                default: s((l) => [
+                  h("div", Oe, [
+                    b(t.$slots, "goto", {
+                      row: l.row
+                    }, void 0, !0),
+                    e?.config?.(l.row)?.length ? (o(), i(Ce, {
+                      key: 0,
+                      "show-nums": a.showHandleNums,
+                      config: e.config(l.row, l.$index),
+                      row: l.row
+                    }, null, 8, ["show-nums", "config", "row"])) : B("", !0)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "width"])) : e.type === "expand" ? (o(), i(n(f), {
+                type: "expand",
+                key: "expand" + e.prop,
+                width: e.width
+              }, {
+                default: s((l) => [
+                  h("div", Pe, [
+                    b(t.$slots, "expand", {
+                      row: l.row,
+                      column: l.column
+                    }, void 0, !0)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["width"])) : (o(), i(n(f), {
+                key: `${e.prop - e.label}`,
+                prop: e.prop,
+                label: e.label,
+                width: e.width,
+                "min-width": e.minWidth,
+                fixed: e.fixed,
+                sortable: e.sortable,
+                "show-overflow-tooltip": "",
+                align: e.align || "left"
+              }, W({ _: 2 }, [
+                e.headerSlot ? {
+                  name: "header",
+                  fn: s(() => [
+                    b(t.$slots, e.headerSlot, {
+                      item: e,
+                      minWidth: e.minWidth
+                    }, void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["prop", "label", "width", "min-width", "fixed", "sortable", "align"]))
+            ], 64))), 256))
+          ]),
+          _: 3
+        }, 8, ["element-loading-text", "tree-props", "header-row-class-name", "data", "border", "height", "default-sort", "span-method", "expand-row-keys", "show-summary", "summary-method", "default-expand-all"])
+      ]),
+      x.value > 10 && a.hasPage ? (o(), c("div", {
+        key: 1,
+        class: z([a.isPagePostion ? "aibox-table__pages" : "aibox-table__page"])
+      }, [
+        w(n(pe), {
+          layout: d.value,
+          "current-page": a.pages.page,
+          "page-sizes": [10, 20, 50, 100],
+          "page-size": a.pages.size,
+          total: x.value,
+          "pager-count": a.pagerCount,
+          size: a.size,
+          onSizeChange: G,
+          onCurrentChange: U
+        }, null, 8, ["layout", "current-page", "page-size", "total", "pager-count", "size"])
+      ], 2)) : B("", !0)
+    ], 2));
+  }
+}, Xe = /* @__PURE__ */ F(He, [["__scopeId", "data-v-1d0bcb93"]]);
+export {
+  Xe as A,
+  Ce as T,
+  Ve as _
+};