aibox-custom-component-packages 0.0.28 → 0.0.30

package/es/chunks/{AiboxTable.CNJGTKaO.js → AiboxTable.BGM-BzRS.js}

@@ -1,4 +1,4 @@
-import { m as e } from "./i18n.CfGGAcJH.js";
+import { m as e } from "./i18n.yuai-sb4.js";
 import { t } from "./_plugin-vue_export-helper.B3ysoDQm.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
 import { ElButton as x, ElDropdown as S, ElDropdownItem as C, ElDropdownMenu as w, ElEmpty as ee, ElIcon as T, ElPagination as te, ElTable as ne, ElTableColumn as E, ElTooltip as D } from "element-plus";
@@ -83,7 +83,7 @@ var M = { class: "back-bar__icon" }, N = {
 		let a = t, { t: c } = e(), f = (e, t) => {
 			e && e(t);
 		}, m = r(() => a.config.filter((e) => {
-			let t = e.permission === void 0 || e.permission, n = !0;
+			let t = e.permission === void 0 ? !0 : e.permission, n = !0;
 			return e.dataPermission && (n = e.dataPermission), t && n;
 		})), g = r(() => ({
 			show: m.value.slice(0, a.showNums),

package/es/chunks/AiboxTable.C-nLAgfd.js

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