aibox-custom-component-packages 0.0.26 → 0.0.28

package/es/chunks/PageContainer.DXddaRs1.js

@@ -1,462 +0,0 @@
-import { t as e } from "./withinstall.dLh4K-0g.js";
-import { t } from "./_plugin-vue_export-helper.Ct3qlEzt.js";
-import { t as n } from "./layout.C9wKDpv-.js";
-import { n as r, r as i, t as a } from "./field-types.zf28gvKR.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, guardReactiveProps as ee, mergeProps as h, normalizeClass as g, normalizeProps as te, normalizeStyle as ne, onMounted as re, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as ie, toDisplayString as x, toHandlers as ae, unref as S, useSlots as oe, watch as C, withCtx as w, withModifiers as T } from "vue";
-import { ElAutoResizer as se, ElButton as ce, ElDropdown as le, ElDropdownItem as ue, ElDropdownMenu as de, ElIcon as E, ElPagination as fe, ElScrollbar as pe, ElTable as me, ElTableColumn as D } from "element-plus";
-import { IconMore as he, IconYou as ge, IconZuo as _e, IconZuoCopy as ve, Loading as ye } from "color-message-aibox-vue";
-import { IconEmpty as be, SearchBar as xe } from "color-star-custom-components";
-import { useRouter as Se } from "vue-router";
-import { emitsMap as O, operationConfigMap as k, pageParams as A, paginationConfig as j } from "color-star-custom-methods";
-import '../assets/PageContainer.css';//#region components/PageContainer/layout.vue
-var Ce = { class: "page-container flex flex-col overflow-hidden h-full" }, we = { class: "text-1f2329 pd-l-4" }, Te = { class: "action-buttons flex items-center" }, Ee = { class: "flex items-center w-full" }, De = { class: "flex-1" }, Oe = {
-	key: 0,
-	class: "flex items-center justify-center w-full"
-}, ke = {
-	key: 1,
-	class: "card-list"
-}, Ae = {
-	key: 2,
-	class: "loading-indicator flex items-center justify-center pd-t-20 pd-b-20"
-}, je = {
-	key: 3,
-	class: "pagination-section pd-t-16 flex justify-center"
-}, M = e(/* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "PageContainer" }, {
-	__name: "layout",
-	props: {
-		breadcrumb: {
-			type: Object,
-			default: () => ({
-				show: !1,
-				text: ""
-			})
-		},
-		title: {
-			type: String,
-			default: ""
-		},
-		searchFields: {
-			type: Array,
-			default: () => []
-		},
-		modelValue: {
-			type: Object,
-			default: () => ({})
-		},
-		columns: {
-			type: Array,
-			default: () => []
-		},
-		tableData: {
-			type: Array,
-			default: () => []
-		},
-		tableProps: {
-			type: Object,
-			default: () => ({
-				stripe: !0,
-				border: !1
-			})
-		},
-		treeProps: {
-			type: Object,
-			default: () => ({})
-		},
-		tableEvents: {
-			type: Object,
-			default: () => ({})
-		},
-		showPagination: {
-			type: Boolean,
-			default: !0
-		},
-		pagination: {
-			type: Object,
-			default: () => ({
-				page: A.pageNum,
-				size: A.pageSize,
-				total: 0,
-				pageSizes: j.pageSizes,
-				layout: j.layout
-			})
-		},
-		customSlots: {
-			type: Array,
-			default: () => []
-		},
-		api: {
-			type: Function,
-			default: null
-		},
-		autoLoad: {
-			type: Boolean,
-			default: !0
-		},
-		apiParams: {
-			type: Object,
-			default: () => ({})
-		},
-		isSeparate: {
-			type: Boolean,
-			default: !1
-		},
-		minWidth: {
-			type: Number,
-			default: 290
-		},
-		mode: {
-			type: String,
-			default: i.TABLE,
-			validator: (e) => Object.values(i).includes(e)
-		},
-		showSelection: {
-			type: Boolean,
-			default: !1
-		},
-		selection: {
-			type: Array,
-			default: () => []
-		},
-		hasExpand: {
-			type: Boolean,
-			default: !1
-		},
-		requestParamsCallback: {
-			type: Function,
-			default: null
-		}
-	},
-	emits: [
-		O.search,
-		O.reset,
-		O.actionClick,
-		O.paginationChange,
-		O.sizeChange,
-		O.dataLoaded,
-		O.dataError,
-		O.updateModelValue,
-		"selection-change",
-		"expand-change"
-	],
-	setup(e, { expose: t, emit: M }) {
-		let Me = Se(), N = e, P = M, Ne = v(null), F = v(null), Pe = v(null), Fe = oe(), I = v(!1), L = v([]), R = v({
-			page: A.pageNum,
-			size: A.pageSize,
-			total: 0,
-			pageSizes: j.pageSizes,
-			layout: j.layout
-		}), z = v({ ...N.modelValue }), B = v(!1), V = v(!0), H = v([...N.selection]), U = v([...N.tableProps?.expandRowKeys || []]), W = s(() => N.api ? L.value : N.tableData), G = s(() => N.api ? R.value : N.pagination), K = s(() => N.api ? I.value || B.value : N.tableProps.loading || B.value || !1), q = s(() => N.mode === i.CARD_INFINITE), J = s(() => N.columns?.map((e) => {
-			if (e.type === a.ACTION && (Array.isArray(e.actions) || typeof e.actions == "function")) return {
-				...e,
-				align: "center",
-				fixed: "right"
-			};
-			let { width: t, ...n } = e;
-			return {
-				...n,
-				minWidth: t
-			};
-		})), Ie = (e) => {
-			e === r.BOTTOM && (!q.value || !V.value || K.value || Z({}, !0));
-		}, Le = (e, t) => e.id || e.bnid || e.key || `item-${t}`, Re = () => {
-			Me.back();
-		}, ze = (e) => {
-			let t = e[N.tableProps?.rowKey];
-			U.value.includes(t) ? U.value = U.value.filter((e) => e !== t) : U.value.push(t);
-		}, Be = (e, t) => t.formatter ? t.formatter(e[t.prop], e, t) : e[t.prop], Ve = (e) => Fe[e] !== void 0, Y = (e, t) => typeof e.actions == "function" ? e.actions(t) || [] : e.actions || [], He = (e) => e.length < 3 ? e : e.slice(0, 1), X = (e) => e.length < 3 ? [] : e.slice(1), Z = (e = {}, t = !1) => {
-			if (!N.api) return;
-			if (t) {
-				if (!V.value || B.value) return;
-				B.value = !0;
-			} else I.value = !0, q.value && (V.value = !0, B.value = !1);
-			let n = {};
-			typeof N.requestParamsCallback == "function" && (n = N.requestParamsCallback(z.value, N.apiParams));
-			let r = {
-				...e,
-				...N.apiParams,
-				...z.value,
-				...n
-			};
-			N.showPagination && (t ? r.page = G.value.page + 1 : r.page = G.value.page, r.size = G.value.size), console.log("requestParams", r?.publishStatus), N.api(r).then((e) => {
-				let n = e?.data?.memberSo?.data || e?.data?.data || e?.data || [];
-				if (console.log("newData", n), t) {
-					if (!n || n.length === 0) {
-						V.value = !1;
-						return;
-					}
-					L.value = [...L.value, ...n], R.value.page = r.page, R.value.total = e?.data?.memberSo?.total || e?.data?.total || L.value.length, n.length < G.value.size && (V.value = !1);
-				} else L.value = n, R.value.total = e?.data?.memberSo?.total || e?.data?.total || 0;
-				P(O.dataLoaded, {
-					data: L.value,
-					pagination: R.value,
-					params: r,
-					response: e?.data,
-					isLoadMore: t
-				});
-			}).catch((e) => {
-				t ? V.value = !1 : (L.value = [], R.value.total = 0), P(O.dataError, e);
-			}).finally(() => {
-				t ? B.value = !1 : I.value = !1;
-			});
-		}, Q = () => {
-			N.mode === i.CARD_INFINITE && (L.value = []);
-		}, Ue = () => {
-			N.api ? (Q(), R.value.page = A.pageNum, Z()) : P(O.search, z.value);
-		}, We = () => {
-			let e = {};
-			Object.keys(z.value).forEach((t) => {
-				e[t] = void 0;
-			}), z.value = e, N.api ? (Q(), R.value.page = A.pageNum, Z()) : P(O.reset);
-		}, $ = (e, t, n) => {
-			P(O.actionClick, {
-				action: e,
-				row: t,
-				index: n
-			});
-		}, Ge = (e) => {
-			H.value = e, P("selection-change", e);
-		}, Ke = (e, t) => {
-			switch (e) {
-				case k.search:
-					Ue();
-					break;
-				case k.reset:
-					We();
-					break;
-				default: break;
-			}
-		};
-		return C(() => N.modelValue, (e) => {
-			z.value = { ...e };
-		}, {
-			deep: !0,
-			immediate: !0
-		}), C(() => N.selection, (e) => {
-			H.value = [...e];
-		}, {
-			deep: !0,
-			immediate: !0
-		}), C(() => N.tableProps?.expandRowKeys, (e) => {
-			e && (U.value = [...e]);
-		}, {
-			deep: !0,
-			immediate: !0
-		}), C(() => U.value, (e) => {
-			P("expand-change", e);
-		}, { deep: !0 }), C(() => z.value, (e) => {
-			P(O.updateModelValue, { ...e });
-		}, { deep: !0 }), re(() => {
-			N.autoLoad && N.api && Z();
-		}), t({
-			loadData: Z,
-			handleSearch: Ue,
-			handleReset: We,
-			clearSelection: () => F.value?.clearSelection?.(),
-			toggleAllSelection: () => F.value?.toggleAllSelection?.(),
-			getSelectionRows: () => H.value
-		}), (t, r) => (_(), u("div", Ce, [
-			e.breadcrumb.show ? (_(), u("div", {
-				key: 0,
-				class: "flex items-center fz-14 pd-b-20 pointer",
-				onClick: Re
-			}, [m(S(E), { size: 16 }, {
-				default: w(() => [(_(), c(ie(e.breadcrumb.icon || S(_e))))]),
-				_: 1
-			}), d("span", we, x(e.breadcrumb.text), 1)])) : l("", !0),
-			e.searchFields?.length ? (_(), u("div", {
-				key: 1,
-				class: g({
-					"search-section pd-b-16 mg-b-16": !e.isSeparate,
-					"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": e.isSeparate
-				})
-			}, [m(n, { title: "查询" }), m(S(xe), {
-				ref_key: "searchFormRef",
-				ref: Ne,
-				items: e.searchFields,
-				"filter-mode": !1,
-				minWidth: e.minWidth,
-				hideExpandButton: !1,
-				fixedWidth: !0,
-				maxHeight: 32,
-				modelValue: z.value,
-				"onUpdate:modelValue": r[0] ||= (e) => z.value = e,
-				onOperation: Ke
-			}, null, 8, [
-				"items",
-				"minWidth",
-				"modelValue"
-			])], 2)) : l("", !0),
-			d("div", { class: g(["data-section flex-1 overflow-hidden flex flex-col", { "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": e.isSeparate }]) }, [
-				e.title ? b(t.$slots, "title", { key: 0 }, () => [m(n, { title: e.title }, {
-					default: w(() => [b(t.$slots, "title-actions", {}, void 0, !0)]),
-					_: 3
-				}, 8, ["title"])], !0) : l("", !0),
-				e.mode === S(i).TABLE ? (_(), c(S(se), {
-					key: 1,
-					class: "flex-1 overflow-hidden"
-				}, {
-					default: w(({ width: n }) => [m(S(me), h({
-						ref_key: "tableRef",
-						ref: F,
-						data: W.value,
-						columns: J.value,
-						"tree-props": e.treeProps,
-						"show-overflow-tooltip": !0,
-						"row-key": e.treeProps.value || e.tableProps?.rowKey
-					}, {
-						loading: K.value,
-						expandRowKeys: U.value,
-						...e.tableProps
-					}, ae(e.tableEvents), {
-						class: "w-full h-full admin-dashboard-table",
-						border: "",
-						onSelectionChange: Ge
-					}), f({
-						default: w(() => [
-							e.showSelection ? (_(), c(S(D), {
-								key: 0,
-								type: "selection",
-								width: "55",
-								fixed: "left"
-							})) : l("", !0),
-							e.hasExpand ? (_(), c(S(D), {
-								key: 1,
-								width: "1",
-								type: "expand",
-								fixed: "left"
-							}, {
-								default: w((e) => [d("div", {
-									class: "sticky-left",
-									style: ne({ width: n + "px" })
-								}, [b(t.$slots, "expand", { row: e.row }, void 0, !0)], 4)]),
-								_: 2
-							}, 1024)) : l("", !0),
-							(_(!0), u(o, null, y(J.value, (n, i) => (_(), c(S(D), h({ key: n.prop }, { ref_for: !0 }, n, { "show-overflow-tooltip": n.type === S(a).ACTION ? !1 : n?.showOverflowTooltip }), f({ _: 2 }, [n.type === S(a).ACTION ? {
-								name: "default",
-								fn: w((e) => [d("div", Te, [(_(!0), u(o, null, y(He(Y(n, e.row)), (t) => (_(), c(S(ce), {
-									key: t.key || t.label,
-									type: t.type || "primary",
-									size: t.size || "small",
-									disabled: t.disabled,
-									loading: t.loading,
-									text: t.text,
-									link: t.link,
-									icon: t.icon,
-									onClick: T((n) => $(t, e.row, e.$index), ["stop"]),
-									style: { "margin-left": "0" }
-								}, {
-									default: w(() => [p(x(t.label), 1)]),
-									_: 2
-								}, 1032, [
-									"type",
-									"size",
-									"disabled",
-									"loading",
-									"text",
-									"link",
-									"icon",
-									"onClick"
-								]))), 128)), X(Y(n, e.row)).length > 0 ? (_(), c(S(le), {
-									key: 0,
-									onCommand: (t) => $(t, e.row, e.$index),
-									onClick: r[1] ||= T(() => {}, ["stop"]),
-									trigger: "click"
-								}, {
-									dropdown: w(() => [m(S(de), null, {
-										default: w(() => [(_(!0), u(o, null, y(X(Y(n, e.row)), (e) => (_(), c(S(ue), {
-											key: e.key || e.label,
-											command: e,
-											disabled: e.disabled
-										}, {
-											default: w(() => [p(x(e.label), 1)]),
-											_: 2
-										}, 1032, ["command", "disabled"]))), 128))]),
-										_: 2
-									}, 1024)]),
-									default: w(() => [m(S(E), null, {
-										default: w(() => [m(S(he))]),
-										_: 1
-									})]),
-									_: 2
-								}, 1032, ["onCommand"])) : l("", !0)])]),
-								key: "0"
-							} : Ve(n.prop) ? {
-								name: "default",
-								fn: w((r) => [d("div", Ee, [i === 0 && e.hasExpand ? (_(), c(S(E), {
-									key: 0,
-									class: "mg-r-10",
-									onClick: T((e) => ze(r.row), ["stop"])
-								}, {
-									default: w(() => [U.value.includes(r.row?.[e.tableProps?.rowKey]) ? (_(), c(S(ve), { key: 0 })) : (_(), c(S(ge), { key: 1 }))]),
-									_: 2
-								}, 1032, ["onClick"])) : l("", !0), d("div", De, [b(t.$slots, n.prop, {
-									row: r.row,
-									index: r.$index,
-									column: n
-								}, void 0, !0)])])]),
-								key: "1"
-							} : {
-								name: "default",
-								fn: w((e) => [d("span", null, x(Be(e.row, n)), 1)]),
-								key: "2"
-							}]), 1040, ["show-overflow-tooltip"]))), 128))
-						]),
-						_: 2
-					}, [y(e.customSlots, (e) => ({
-						name: e,
-						fn: w((n) => [b(t.$slots, e, te(ee(n)), void 0, !0)])
-					}))]), 1040, [
-						"data",
-						"columns",
-						"tree-props",
-						"row-key"
-					])]),
-					_: 3
-				})) : e.mode === S(i).CARD_INFINITE ? (_(), c(S(pe), {
-					key: 2,
-					ref_key: "scrollbarRef",
-					ref: Pe,
-					class: "card-container flex-1",
-					onEndReached: Ie
-				}, {
-					default: w(() => [W.value.length === 0 ? (_(), u("div", Oe, [m(S(be))])) : (_(), u("div", ke, [(_(!0), u(o, null, y(W.value, (e, n) => (_(), u("div", {
-						key: Le(e, n),
-						class: "card-item"
-					}, [b(t.$slots, "card", {
-						item: e,
-						index: n,
-						data: W.value,
-						loading: K.value
-					}, void 0, !0)]))), 128))])), q.value && B.value ? (_(), u("div", Ae, [m(S(E), {
-						class: "is-loading",
-						color: "var(--primary-color-1)"
-					}, {
-						default: w(() => [m(S(ye))]),
-						_: 1
-					}), r[4] ||= d("span", { class: "fz-14 text-3271fe pd-l-8" }, "加载中...", -1)])) : l("", !0)]),
-					_: 3
-				}, 512)) : l("", !0),
-				e.showPagination && !q.value && G.value?.total ? (_(), u("div", je, [m(S(fe), {
-					"current-page": G.value.page,
-					"onUpdate:currentPage": r[2] ||= (e) => G.value.page = e,
-					"page-size": G.value.size,
-					"onUpdate:pageSize": r[3] ||= (e) => G.value.size = e,
-					"page-sizes": G.value.pageSizes,
-					total: G.value.total,
-					layout: G.value.layout,
-					onSizeChange: Z,
-					onCurrentChange: Z
-				}, null, 8, [
-					"current-page",
-					"page-size",
-					"page-sizes",
-					"total",
-					"layout"
-				])])) : l("", !0)
-			], 2),
-			b(t.$slots, "default", {}, void 0, !0)
-		]));
-	}
-}), [["__scopeId", "data-v-a804a996"]]));
-//#endregion
-export { M as t };