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

package/es/chunks/BackBar.zjPh_z_w.js

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