aibox-custom-component-packages 0.0.13 → 0.0.15

package/es/chunks/AiboxTable.CDqNvRfJ.js

@@ -1,635 +0,0 @@
-import { m as e } from "./i18n.CIjLjyDK.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 = { 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
-				}, c({
-					default: y((t) => [s("div", G, [g(e.$slots, r.slot, {
-						row: t.row,
-						index: t.$index,
-						minWidth: r.minWidth
-					}, void 0, !0)])]),
-					_: 2
-				}, [r.headerSlot ? {
-					name: "header",
-					fn: y(() => [s("div", W, [g(e.$slots, r.headerSlot, {
-						item: r,
-						minWidth: r.minWidth
-					}, void 0, !0)])]),
-					key: "0"
-				} : void 0]), 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-1d0bcb93"]]);
-//#endregion
-export { R as n, F as r, Z as t };