china-mobile-international-custom-components 0.1.22 → 0.1.24

package/es/chunks/BackBar.Ck5CV5ZM.js

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