china-mobile-international-custom-components 0.0.39 → 0.0.41

package/es/Table.mjs

@@ -0,0 +1,10 @@
+import { w as a } from "./chunks/index.bCzIhWFw.js";
+import { _ as o } from "./chunks/BackBar.zjPh_z_w.js";
+import { a as b, T as i } from "./chunks/BackBar.zjPh_z_w.js";
+const s = a(o);
+export {
+  s as AiboxTable,
+  b as BackBar,
+  i as TableBtns,
+  s as default
+};

package/es/assets/AiboxTable.css

@@ -0,0 +1 @@
+.table-btns[data-v-552341e3]{display:flex;align-items:center;cursor:pointer;color:var(--el-color-primary)}.table-btns[data-v-552341e3]>*:not(:first-child){margin-left:10px}.table-btns .btn-box[data-v-552341e3]{display:flex;justify-content:center;align-items:center;width:24px;height:24px;outline:none;border-radius:4px}.table-btns .btn-box[data-v-552341e3]:hover{background:#ecedee}.custom-dropdown{border-radius:8px;background:#fff;box-shadow:0 6px 40px 16px #00000005,0 4px 28px #00000005,0 3px 16px -8px #0000000a}.custom-dropdown .el-dropdown-menu{min-width:106px;padding:5px 4px!important;border-radius:8px}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item{font-size:14px;color:var(--color-text-base);border-radius:4px}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover,.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus{background-color:#f5f5f5}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item.is-delete{color:#f5222d}.aibox-table{background:#fff;border-radius:4px;position:relative}.aibox-table__handle{height:54px;box-sizing:border-box;padding:0 20px 18px;display:flex;justify-content:space-between;align-items:center}.aibox-table__handle .handle-left,.aibox-table__handle .handle-right{display:flex;align-items:center}.aibox-table__pages{position:absolute;bottom:-45px;right:0}.aibox-table__page{margin-top:10px;display:flex;justify-content:end;margin-bottom:10px}.aibox-table__header{height:55px;line-height:55px;font-family:"Alibaba PuHuiTi 3-55";font-weight:700;font-size:14px;color:var(--color-text-base)}.aibox-table__header.secondary-header .el-table__cell{background-color:#fafafa!important}.aibox-table .el-table__cell{padding:0}.aibox-table__slot-wrapper{width:100%}.el-table{--el-table-row-hover-bg-color: #fafafa}.el-table .cell{padding:16px;line-height:1.5;min-height:48px}.row-click-style .el-table__row:hover{cursor:pointer}.aibox-table.no-pagination .el-table--border:after,.aibox-table.no-pagination .el-table--border:before,.aibox-table.no-pagination .el-table--border .el-table__inner-wrapper:after,.aibox-table.no-pagination .el-table__inner-wrapper:before{background-color:transparent!important}

package/es/assets/ApplicationTypeTag.css

@@ -1 +1 @@
-.dialogue[data-v-6ba8ff75],.autonomously[data-v-6ba8ff75]{height:22px;line-height:22px;border-radius:4px;text-align:center;font-weight:400;font-size:12px}.dialogue[data-v-6ba8ff75]{width:52px;background:#f4ffee;border:1px solid #aeed96;color:#389e0d}.autonomously[data-v-6ba8ff75]{background:#e5ebff;border:1px solid #99b0ff;width:64px;color:var(--el-color-primary)}
+.dialogue[data-v-b4885355],.autonomously[data-v-b4885355]{height:22px;line-height:22px;border-radius:4px;text-align:center;font-weight:400;font-size:12px;white-space:nowrap}.dialogue[data-v-b4885355]{width:52px;background:#f4ffee;border:1px solid #aeed96;color:#389e0d}.autonomously[data-v-b4885355]{background:#e5ebff;border:1px solid #99b0ff;width:64px;color:var(--el-color-primary)}

package/es/assets/BackBar.css

@@ -0,0 +1 @@
+.table-btns[data-v-552341e3]{display:flex;align-items:center;cursor:pointer;color:var(--el-color-primary)}.table-btns[data-v-552341e3]>*:not(:first-child){margin-left:10px}.table-btns .btn-box[data-v-552341e3]{display:flex;justify-content:center;align-items:center;width:24px;height:24px;outline:none;border-radius:4px}.table-btns .btn-box[data-v-552341e3]:hover{background:#ecedee}.custom-dropdown{border-radius:8px;background:#fff;box-shadow:0 6px 40px 16px #00000005,0 4px 28px #00000005,0 3px 16px -8px #0000000a}.custom-dropdown .el-dropdown-menu{min-width:106px;padding:5px 4px!important;border-radius:8px}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item{font-size:14px;color:var(--color-text-base);border-radius:4px}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover,.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus{background-color:#f5f5f5}.custom-dropdown .el-dropdown-menu .el-dropdown-menu__item.is-delete{color:#f5222d}.aibox-table[data-v-c5ee5c6d]{background:#fff;border-radius:4px;position:relative}.aibox-table__handle[data-v-c5ee5c6d]{height:54px;box-sizing:border-box;padding:0 20px 18px;display:flex;justify-content:space-between;align-items:center}.aibox-table__handle .handle-left[data-v-c5ee5c6d],.aibox-table__handle .handle-right[data-v-c5ee5c6d]{display:flex;align-items:center}.aibox-table__pages[data-v-c5ee5c6d]{position:absolute;bottom:-45px;right:0}.aibox-table__page[data-v-c5ee5c6d]{margin-top:10px;display:flex;justify-content:end;margin-bottom:10px}.aibox-table__header[data-v-c5ee5c6d]{height:55px;line-height:55px;font-family:"Alibaba PuHuiTi 3-55";font-weight:700;font-size:14px;color:var(--color-text-base)}.aibox-table__header.secondary-header .el-table__cell[data-v-c5ee5c6d]{background-color:#fafafa!important}.aibox-table .el-table__cell[data-v-c5ee5c6d]{padding:0}.aibox-table__slot-wrapper[data-v-c5ee5c6d]{width:100%}.el-table[data-v-c5ee5c6d]{--el-table-row-hover-bg-color: #fafafa}.el-table .cell[data-v-c5ee5c6d]{padding:16px;line-height:1.5;min-height:48px}.row-click-style .el-table__row[data-v-c5ee5c6d]:hover{cursor:pointer}.aibox-table.no-pagination .el-table--border[data-v-c5ee5c6d]:after,.aibox-table.no-pagination .el-table--border[data-v-c5ee5c6d]:before,.aibox-table.no-pagination .el-table--border .el-table__inner-wrapper[data-v-c5ee5c6d]:after,.aibox-table.no-pagination .el-table__inner-wrapper[data-v-c5ee5c6d]:before{background-color:transparent!important}.back-bar{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:12px 20px;height:64px;background:#f7f8fa;border-bottom:1px solid #f0f0f0}.back-bar__icon{display:flex;align-items:center;justify-content:center;height:18px;width:18px;border-radius:4px;margin-right:10px;cursor:pointer}.back-bar__icon:hover{background:#f0f0f0}.back-bar .back-bar__title{font-weight:700;font-size:16px;color:#262626;line-height:22px}

package/es/assets/SourcePublish.css

@@ -1 +1 @@
-@charset "UTF-8";.style-title[data-v-58195e4c]{font-weight:500;font-size:18px;margin:24px 0 16px}.card-container[data-v-d8a76b28]{padding:16px;background:#fff;border-radius:10px;border:1px solid #f0f0f0}.channel-icon[data-v-28fe49ef]{width:34px;height:34px}.gap-6[data-v-2f926987]{gap:6px}.gap-12[data-v-2f926987]{gap:12px}.publish-settings[data-v-d36a9ab0]{width:100%}.publish-settings .channel-name[data-v-d36a9ab0]{display:flex;align-items:center}.publish-settings .channel-name .channel-title[data-v-d36a9ab0]{margin-left:10px;line-height:18px}.publish-settings .channel-name .channel-title__name[data-v-d36a9ab0]{font-size:14px}.publish-settings .channel-name .channel-title__desc[data-v-d36a9ab0]{font-size:13px;color:var(--color-text-light1)}.publish-settings .action-container[data-v-d36a9ab0]{text-align:right;width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px}.publish-settings .select-label[data-v-d36a9ab0]{color:#262626}.publish-settings .divider[data-v-d36a9ab0]{margin:0 2px;height:12px;border-right:1px solid #f0f0f0}.publish-settings .expand-content[data-v-d36a9ab0]{padding:20px 16px;display:flex;flex-direction:column;gap:20px;background:#fff}.publish-settings[data-v-d36a9ab0] .no-expand .el-table__expand-icon{display:none!important}.publish-container[data-v-b2ada39a]{background-color:#f7f8fa;height:100%}.publish-container__back[data-v-b2ada39a]{width:100%;display:flex;align-items:center;justify-content:space-between}.publish-container__form[data-v-b2ada39a]{width:800px;margin:0 auto;height:calc(100vh - 70px);overflow:auto}.publish-container__form .channel-name[data-v-b2ada39a]{display:flex;align-items:center}.publish-container__form .channel-name .channel-icon[data-v-b2ada39a]{display:flex;justify-content:center;align-items:center;border-radius:8px;width:34px;height:34px}.publish-container__form .channel-name .channel-title[data-v-b2ada39a]{margin-left:10px;line-height:18px}.publish-container__form .channel-name .channel-title__name[data-v-b2ada39a]{font-size:14px}.publish-container__form .channel-name .channel-title__desc[data-v-b2ada39a]{font-size:13px;color:var(--color-text-light1)}.publish-container__config[data-v-b2ada39a]{width:100%;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;background:#fafafa;border-radius:4px}.publish-container__config p[data-v-b2ada39a]{display:flex;align-items:center}.publish-container__config p img[data-v-b2ada39a]{margin-right:10px}.publish-container__required[data-v-b2ada39a]{color:var(--el-color-danger);font-size:14px}.publish-container[data-v-b2ada39a] .el-form .el-form-item:last-child{margin-bottom:0}.publish-container[data-v-b2ada39a] .card-container:last-child{padding:0 16px 16px}
+@charset "UTF-8";.style-title[data-v-58195e4c]{font-weight:500;font-size:18px;margin:24px 0 16px}.card-container[data-v-d8a76b28]{padding:16px;background:#fff;border-radius:10px;border:1px solid #f0f0f0}.channel-icon[data-v-197d4379]{width:34px;height:34px}.gap-6[data-v-b28f305d]{gap:6px}.gap-12[data-v-b28f305d]{gap:12px}.publish-settings[data-v-5ffe42e0]{width:100%}.publish-settings .channel-name[data-v-5ffe42e0]{display:flex;align-items:center}.publish-settings .channel-name .channel-title[data-v-5ffe42e0]{margin-left:10px;line-height:18px}.publish-settings .channel-name .channel-title__name[data-v-5ffe42e0]{font-size:14px}.publish-settings .channel-name .channel-title__desc[data-v-5ffe42e0]{font-size:13px;color:var(--color-text-light1)}.publish-settings .action-container[data-v-5ffe42e0]{text-align:right;width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px}.publish-settings .select-label[data-v-5ffe42e0]{color:#262626}.publish-settings .divider[data-v-5ffe42e0]{margin:0 2px;height:12px;border-right:1px solid #f0f0f0}.publish-settings .expand-content[data-v-5ffe42e0]{padding:20px 16px;display:flex;flex-direction:column;gap:20px;background:#fff}.publish-settings[data-v-5ffe42e0] .no-expand .el-table__expand-icon{display:none!important}.publish-container[data-v-5f779e86]{background-color:#f7f8fa;height:100%}.publish-container__back[data-v-5f779e86]{width:100%;display:flex;align-items:center;justify-content:space-between}.publish-container__form[data-v-5f779e86]{width:800px;margin:0 auto;height:calc(100vh - 70px);overflow:auto}.publish-container__form .channel-name[data-v-5f779e86]{display:flex;align-items:center}.publish-container__form .channel-name .channel-icon[data-v-5f779e86]{display:flex;justify-content:center;align-items:center;border-radius:8px;width:34px;height:34px}.publish-container__form .channel-name .channel-title[data-v-5f779e86]{margin-left:10px;line-height:18px}.publish-container__form .channel-name .channel-title__name[data-v-5f779e86]{font-size:14px}.publish-container__form .channel-name .channel-title__desc[data-v-5f779e86]{font-size:13px;color:var(--color-text-light1)}.publish-container__config[data-v-5f779e86]{width:100%;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;background:#fafafa;border-radius:4px}.publish-container__config p[data-v-5f779e86]{display:flex;align-items:center}.publish-container__config p img[data-v-5f779e86]{margin-right:10px}.publish-container__required[data-v-5f779e86]{color:var(--el-color-danger);font-size:14px}.publish-container[data-v-5f779e86] .el-form .el-form-item:last-child{margin-bottom:0}.publish-container[data-v-5f779e86] .card-container:last-child{padding:0 16px 16px}

package/es/chunks/AiboxTable.feSxtxGI.js

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