aibox-custom-component-packages 0.0.6 → 0.0.7

package/es/assets/usePreview.css

@@ -0,0 +1 @@
+.viewer-zoom-in:before,.viewer-zoom-out:before,.viewer-one-to-one:before,.viewer-reset:before,.viewer-prev:before,.viewer-play:before,.viewer-next:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen:before,.viewer-fullscreen-exit:before,.viewer-close:before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{direction:ltr;font-size:0;inset:0;line-height:0;overflow:hidden;position:absolute;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container *::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{inset:0;overflow:hidden;position:absolute}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#00000080;overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;cursor:none;display:none;inset:0;position:absolute;z-index:1}.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#00000080;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:#00000080;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#00000080}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:#ffffff80;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media(max-width:767px){.viewer-hide-xs-down{display:none}}@media(max-width:991px){.viewer-hide-sm-down{display:none}}@media(max-width:1199px){.viewer-hide-md-down{display:none}}

package/es/chunks/AiboxTable.DUGBBVXh.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.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 _
+};