aibox-custom-component-packages 0.0.7 → 0.0.9

package/es/chunks/AiboxTable.DUGBBVXh.js

@@ -1,645 +0,0 @@
-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.DDMVloiU.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-a15d8f7e"]]), 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-1e856800"]]);
-export {
-  Xe as A,
-  Ce as T,
-  Ve as _
-};