@kayak-sj/design 1.0.0 → 1.0.1

package/dist/components/k-table/composables/useColumnDisplay.js

@@ -1,103 +0,0 @@
-import { getColumnIdentity as e } from "../utils/columnIdentity.js";
-import { computed as t, nextTick as n, onMounted as r, ref as i, toValue as a, watch as o } from "vue";
-import { cloneDeep as s } from "lodash-es";
-import { useLocalStorage as c } from "@vueuse/core";
-//#region src/components/k-table/composables/useColumnDisplay.ts
-var l = "kayak_table_column_display";
-function u(e) {
-	return e.type === "selection" || e.type === "index" || e.type === "radio" || e.type === "expand" || e.required === !0;
-}
-function d(e) {
-	return !(e.type === "radio" || e.type === "expand" || e.children?.length);
-}
-function f(f) {
-	let p = i({}), m = i(""), h = c(l, {}), g = t(() => !!a(f.enableColumnCache)), _ = t(() => a(f.columns).filter((e) => d(e)));
-	function v() {
-		return a(f.tableKey) || m.value;
-	}
-	function y() {
-		let t = {};
-		return a(f.columns).forEach((n, r) => {
-			d(n) && (t[e(n, r)] = !0);
-		}), t;
-	}
-	function b() {
-		if (!g.value) return null;
-		let e = v();
-		return e ? h.value[e] ?? null : null;
-	}
-	function x() {
-		if (!g.value) return;
-		let e = v();
-		e && (h.value = {
-			...h.value,
-			[e]: p.value
-		});
-	}
-	function S() {
-		if (!g.value) return;
-		let e = v();
-		if (!e) return;
-		let t = { ...h.value };
-		delete t[e], h.value = t;
-	}
-	function C(t, n) {
-		let r = a(f.columns), i = r.findIndex((e) => e === t || e.prop && e.prop === t.prop && e.type === t.type);
-		return i >= 0 ? e(r[i], i) : e(t, n);
-	}
-	function w() {
-		m.value = a(f.tableKey) || `table_${Math.random().toString(36).slice(2, 11)}`;
-		let e = b();
-		p.value = e ? s(e) : y();
-	}
-	function T() {
-		n(() => f.onLayout?.());
-	}
-	function E(e, t) {
-		p.value = {
-			...p.value,
-			[e]: t
-		}, x(), f.onDisplayChange?.(p.value), T();
-	}
-	function D(e, t, n) {
-		E(C(e, t), n);
-	}
-	function O() {
-		S(), p.value = y(), f.onDisplayChange?.(p.value), T();
-	}
-	let k = t(() => {
-		let e = a(f.renderColumns);
-		return g.value ? e.filter((e, t) => {
-			if (u(e)) return !0;
-			let n = C(e, t);
-			return p.value[n] !== !1;
-		}) : e;
-	}), A = t(() => _.value.map((t, n) => {
-		let r = e(t, n);
-		return {
-			column: t,
-			key: r,
-			label: t.label || "未命名列",
-			checked: p.value[r] !== !1,
-			disabled: u(t)
-		};
-	}));
-	return o(() => a(f.columns), () => {
-		let e = y();
-		Object.keys(e).forEach((e) => {
-			p.value[e] === void 0 && (p.value[e] = !0);
-		});
-	}, { deep: !0 }), r(() => {
-		w();
-	}), {
-		columnDisplay: p,
-		displayableColumns: _,
-		visibleColumns: k,
-		selectorItems: A,
-		setColumnVisible: D,
-		setColumnVisibleByKey: E,
-		resetColumnDisplay: O
-	};
-}
-//#endregion
-export { l as TABLE_COLUMN_DISPLAY_KEY, f as useColumnDisplay };

package/dist/components/k-table/composables/useKTable.js

@@ -1,179 +0,0 @@
-import { normalizeColumns as e } from "./useTableColumns.js";
-import { getColumnIdentity as t } from "../utils/columnIdentity.js";
-import { useColumnDisplay as n } from "./useColumnDisplay.js";
-import { useTableData as r } from "./useTableData.js";
-import { useTablePagination as i } from "./useTablePagination.js";
-import { useTableRadio as a } from "./useTableRadio.js";
-import { useTableRowSort as o } from "./useTableRowSort.js";
-import { useTableTreeLoad as s } from "./useTableTreeLoad.js";
-import { computed as c, onMounted as l, ref as u } from "vue";
-//#region src/components/k-table/composables/useKTable.ts
-function d(d) {
-	let { props: f, emit: p, attrs: m, slots: h, tableRef: g, queryRef: _ } = d, v = u({}), y = u(0), b = c(() => !!f.action), x = c(() => !!f.query?.form?.formConfigs?.length), S = c(() => !!h.header);
-	function C(e) {
-		let t = { ...e };
-		v.value = f.convertParams ? f.convertParams(t) : t;
-	}
-	let w = c(() => {
-		let t = e(f.columns, f.selectionShow);
-		return f.disabled && (t = t.filter((e) => e.type !== "operates" && e.prop !== "operates")), t;
-	}), T = n({
-		columns: () => f.columns,
-		renderColumns: w,
-		enableColumnCache: () => f.enableColumnCache,
-		tableKey: () => f.tableKey,
-		onDisplayChange: (e) => p("column-display-change", e),
-		onLayout: () => g.value?.doLayout()
-	}), E = a({
-		columns: () => f.columns,
-		rowKey: () => f.rowKey
-	}), D = s({
-		tableRef: g,
-		rowKey: () => f.rowKey,
-		load: () => f.load
-	}), O = i({
-		pagination: () => f.pagination,
-		hasAction: b
-	}), k = r({
-		action: f.action,
-		params: () => f.params,
-		queryParams: v,
-		responseConfig: () => f.responseConfig,
-		pagination: O,
-		initialLoading: !!(f.action && f.initTable),
-		onDataLoaded: (e, t) => p("data-loaded", e, t)
-	}), A = c(() => f.enableColumnCache ? T.visibleColumns.value : w.value), j = c(() => A.value.map((e, n) => t(e, n)).join("|")), M = c(() => !!(f.addButton || f.selectionShow || S.value || f.enableColumnCache)), N = c(() => b.value ? k.tableData.value : f.data), P = c(() => f.loading === void 0 ? b.value ? k.loading.value : !1 : f.loading), F = c(() => P.value || !!(b.value && f.initTable && !k.loaded.value)), I = c(() => {
-		let e = { ...m };
-		b.value && "data" in e && delete e.data, f.load && delete e.load;
-		let t = {
-			data: N.value,
-			rowKey: f.rowKey,
-			border: !0,
-			stripe: !0,
-			maxHeight: f.maxHeight,
-			...e
-		};
-		return f.load && (t.load = D.wrapLoad(f.load)), E.hasRadioColumn.value && t.highlightCurrentRow === void 0 && (t.highlightCurrentRow = m["highlight-current-row"] !== !1), t;
-	});
-	o({
-		enabled: () => f.sort,
-		disabled: () => f.disabled,
-		tableRef: g,
-		rebindKey: () => j.value,
-		onSortEnd: (e) => {
-			let t = [...N.value];
-			if (e.oldIndex == null || e.newIndex == null) return;
-			let [n] = t.splice(e.oldIndex, 1);
-			t.splice(e.newIndex, 0, n), p("sort-end", e, t);
-		}
-	});
-	function L() {
-		b.value && k.fetchData();
-	}
-	l(() => {
-		!f.initTable || !f.action || (x.value && C(_.value?.getParams() ?? {}), k.fetchData());
-	});
-	function R(e) {
-		y.value = e.length, p("selection-change", e);
-	}
-	function z() {
-		g.value?.setCurrentRow();
-	}
-	function B(e) {
-		C(e), O.resetPage(), f.clearCurrentRowOnQuery && z(), p("query", v.value), L();
-	}
-	function V() {
-		p("reset"), f.selectionShow && Q(), f.clearCurrentRowOnReset && z();
-	}
-	function H(e) {
-		O.setCurrentPage(e), p("page-change", e), L();
-	}
-	function U(e) {
-		O.setPageSize(e), p("size-change", e), L();
-	}
-	function W() {
-		p("add");
-	}
-	function G(e, t, n) {
-		p("operate-click", e, t, n);
-	}
-	function K(e) {
-		if (!E.hasRadioColumn.value) return;
-		let t = E.selectRow(e);
-		t && p("radio-change", t, E.radioSelected.value);
-	}
-	function q(e) {
-		K(e);
-	}
-	function J(e, t) {
-		T.setColumnVisibleByKey(e, t);
-	}
-	function Y() {
-		return g.value;
-	}
-	function X() {
-		return _.value;
-	}
-	function Z() {
-		return g.value?.getSelectionRows() ?? [];
-	}
-	function Q() {
-		g.value?.clearSelection(), y.value = 0;
-	}
-	function $(e, t) {
-		g.value?.toggleRowSelection(e, t);
-	}
-	async function ee(e = !1) {
-		b.value && await k.refresh(e);
-	}
-	function te() {
-		E.clearRadioSelection(), g.value?.setCurrentRow();
-	}
-	function ne(e) {
-		E.setRadioSelection(e);
-	}
-	function re() {
-		return E.getRadioSelection();
-	}
-	function ie(e) {
-		D.refreshTree(e);
-	}
-	return {
-		showQuery: x,
-		showToolbar: M,
-		hasHeaderSlot: S,
-		renderColumns: A,
-		tableProps: I,
-		tableLoading: P,
-		showLoadingEmpty: F,
-		columnSelectorItems: T.selectorItems,
-		paginationBind: O.bindProps,
-		indexOffset: O.indexOffset,
-		selectedCount: y,
-		radioSelected: E.radioSelected,
-		getColumnIdentity: t,
-		handleSelectionChange: R,
-		handleQuery: B,
-		handleQueryReset: V,
-		handlePageChange: H,
-		handleSizeChange: U,
-		handleAdd: W,
-		handleOperateClick: G,
-		handleRowClick: q,
-		handleRadioChange: K,
-		handleColumnVisibleChange: J,
-		resetColumnDisplay: T.resetColumnDisplay,
-		getTableRef: Y,
-		getQueryRef: X,
-		getSelection: Z,
-		clearSelection: Q,
-		toggleRowSelection: $,
-		refresh: ee,
-		clearRadioSelection: te,
-		setRadioSelection: ne,
-		getRadioSelection: re,
-		refreshTree: ie
-	};
-}
-//#endregion
-export { d as useKTable };

package/dist/components/k-table/composables/useKTableCrossPageSelection.js

@@ -1,58 +0,0 @@
-import { getRowKeyValue as e } from "../utils/rowKey.js";
-import { useKTableTemplateRef as t } from "./useKTableTemplateRef.js";
-import { nextTick as n, shallowRef as r, toValue as i } from "vue";
-//#region src/components/k-table/composables/useKTableCrossPageSelection.ts
-function a(a) {
-	let o = r([]), s = r([]), c = r(!1), l = t(a.tableRefKey ?? "tableRef");
-	function u() {
-		return a.tableRef == null ? l.value : i(a.tableRef);
-	}
-	function d(t) {
-		return String(e(t, i(a.rowKey)));
-	}
-	function f(e) {
-		o.value = [...e];
-	}
-	function p() {
-		o.value = [];
-	}
-	function m() {
-		s.value = [];
-	}
-	function h(e) {
-		s.value = e;
-		let t = new Set(o.value.map(d));
-		if (i(a.mode) === "single") {
-			let n = e.find((e) => t.has(d(e)));
-			n && u()?.setRadioSelection(n);
-			return;
-		}
-		c.value = !0, n(async () => {
-			let r = u();
-			e.forEach((e) => {
-				t.has(d(e)) && r?.toggleRowSelection(e, !0);
-			}), await n(), c.value = !1;
-		});
-	}
-	function g(e) {
-		if (c.value) return;
-		let t = new Set(s.value.map(d));
-		o.value = [...o.value.filter((e) => !t.has(d(e))), ...e];
-	}
-	function _(e) {
-		o.value = [e];
-	}
-	return {
-		selection: o,
-		pageRows: s,
-		tableRef: l,
-		setSelection: f,
-		clearSelection: p,
-		resetPageRows: m,
-		onDataLoaded: h,
-		onSelectionChange: g,
-		onRadioChange: _
-	};
-}
-//#endregion
-export { a as useKTableCrossPageSelection };

package/dist/components/k-table/composables/useKTableTemplateRef.js

@@ -1,7 +0,0 @@
-import { useTemplateRef as e } from "vue";
-//#region src/components/k-table/composables/useKTableTemplateRef.ts
-function t(t) {
-	return e(t);
-}
-//#endregion
-export { t as useKTableTemplateRef };

package/dist/components/k-table/composables/useTableColumns.js

@@ -1,61 +0,0 @@
-import { DICT_KEY as e } from "../types.js";
-import { getRowField as t } from "../utils/rowKey.js";
-import { formatCellValue as n } from "../utils/formatCellValue.js";
-import { inject as r } from "vue";
-//#region src/components/k-table/composables/useTableColumns.ts
-var i = [
-	"prop",
-	"label",
-	"width",
-	"minWidth",
-	"align",
-	"headerAlign",
-	"fixed",
-	"sortable",
-	"sortMethod",
-	"sortBy",
-	"sortOrders",
-	"resizable",
-	"formatter",
-	"showOverflowTooltip",
-	"className",
-	"labelClassName",
-	"selectable",
-	"reserveSelection",
-	"filters",
-	"filterMethod",
-	"filteredValue"
-];
-function a(e, t = !1) {
-	let n = e.some((e) => e.type === "selection"), r = e;
-	return t && !n && (r = [{
-		type: "selection",
-		width: 50,
-		align: "center"
-	}, ...r]), r.map((e) => e.prop === "operates" && !e.type ? {
-		...e,
-		type: "operates"
-	} : e);
-}
-function o(e) {
-	let t = {
-		minWidth: e.minWidth ?? "110",
-		align: e.align ?? "center",
-		headerAlign: e.headerAlign ?? "center"
-	};
-	for (let n of i) e[n] !== void 0 && (t[n] = e[n]);
-	return e.type === "index" && !t.label && (t.label = "序号"), e.type === "expand" && (t.width = e.width ?? 50, delete t.minWidth), e.type !== "selection" && e.type !== "index" && e.type !== "operates" && e.type !== "radio" && e.type !== "expand" && (t.showOverflowTooltip = e.showOverflowTooltip ?? !0), t;
-}
-function s(i = "--") {
-	let a = r(e, null);
-	function o(e, r, o) {
-		let s = e.prop ? t(r, e.prop) : void 0, l = e.dict && a && !c(s) ? a.getLabel(e.dict, s) : void 0;
-		return n(e, r, o, i, l);
-	}
-	return { getCellDisplayValue: o };
-}
-function c(e) {
-	return e === "" || e == null;
-}
-//#endregion
-export { o as convertColumnBind, a as normalizeColumns, s as useCellValue };

package/dist/components/k-table/composables/useTableData.js

@@ -1,47 +0,0 @@
-import { DEFAULT_RESPONSE_CONFIG as e } from "../types.js";
-import { ref as t, toValue as n } from "vue";
-//#region src/components/k-table/composables/useTableData.ts
-function r(r) {
-	let i = t([]), a = t(r.initialLoading ?? !1), o = t(!1), s = t(!1);
-	function c() {
-		return {
-			...e,
-			...n(r.responseConfig)
-		};
-	}
-	function l() {
-		let e = c(), { currentPage: t, pageSize: i } = r.pagination.state.value;
-		return {
-			...n(r.params) ?? {},
-			...n(r.queryParams) ?? {},
-			[e.page]: String(t),
-			[e.limit]: String(i)
-		};
-	}
-	function u(e) {
-		let t = e ?? {}, n = c(), a = t[n.list] ?? [], o = Number(t[n.total] ?? t.total ?? 0);
-		i.value = a, r.pagination.setTotal(o), r.onDataLoaded?.(a, o), a.length === 0 && r.pagination.state.value.currentPage > 1 && (r.pagination.setCurrentPage(r.pagination.state.value.currentPage - 1), d());
-	}
-	async function d() {
-		if (!(!r.action || s.value)) {
-			s.value = !0, a.value = !0;
-			try {
-				u(await r.action(l()));
-			} finally {
-				a.value = !1, o.value = !0, s.value = !1;
-			}
-		}
-	}
-	async function f(e = !1) {
-		e && r.pagination.resetPage(), await d();
-	}
-	return {
-		tableData: i,
-		loading: a,
-		loaded: o,
-		fetchData: d,
-		refresh: f
-	};
-}
-//#endregion
-export { r as useTableData };

package/dist/components/k-table/composables/useTablePagination.js

@@ -1,52 +0,0 @@
-import { DEFAULT_PAGINATION as e } from "../types.js";
-import { computed as t, ref as n, toValue as r, watch as i } from "vue";
-//#region src/components/k-table/composables/useTablePagination.ts
-function a(a) {
-	let o = r(a.pagination), s = n({
-		total: o?.total ?? e.total,
-		currentPage: o?.currentPage ?? e.currentPage,
-		pageSize: o?.pageSize ?? e.pageSize,
-		pageSizes: o?.pageSizes ?? [...e.pageSizes],
-		layout: o?.layout ?? e.layout
-	}), c = t(() => ({
-		total: s.value.total,
-		currentPage: s.value.currentPage,
-		pageSize: s.value.pageSize,
-		pageSizes: s.value.pageSizes,
-		layout: s.value.layout
-	})), l = t(() => (s.value.currentPage - 1) * s.value.pageSize);
-	i(() => {
-		let e = r(a.pagination);
-		return [
-			e?.total,
-			e?.currentPage,
-			e?.pageSize,
-			a.hasAction.value
-		];
-	}, ([e, t, n, r]) => {
-		t !== void 0 && (s.value.currentPage = t), n !== void 0 && (s.value.pageSize = n), !r && e !== void 0 && (s.value.total = e);
-	});
-	function u(e) {
-		s.value.total = e;
-	}
-	function d(e) {
-		s.value.currentPage = e;
-	}
-	function f(e) {
-		s.value.pageSize = e;
-	}
-	function p() {
-		s.value.currentPage = 1;
-	}
-	return {
-		state: s,
-		bindProps: c,
-		indexOffset: l,
-		setTotal: u,
-		setCurrentPage: d,
-		setPageSize: f,
-		resetPage: p
-	};
-}
-//#endregion
-export { a as useTablePagination };

package/dist/components/k-table/composables/useTableRadio.js

@@ -1,28 +0,0 @@
-import { getRowKeyValue as e } from "../utils/rowKey.js";
-import { computed as t, ref as n, toValue as r } from "vue";
-//#region src/components/k-table/composables/useTableRadio.ts
-function i(i) {
-	let a = n(""), o = t(() => r(i.columns).some((e) => e.type === "radio"));
-	function s(t) {
-		return a.value = t ? e(t, r(i.rowKey)) : "", t;
-	}
-	function c() {
-		a.value = "";
-	}
-	function l(t) {
-		a.value = e(t, r(i.rowKey));
-	}
-	function u() {
-		return a.value;
-	}
-	return {
-		radioSelected: a,
-		hasRadioColumn: o,
-		selectRow: s,
-		clearRadioSelection: c,
-		setRadioSelection: l,
-		getRadioSelection: u
-	};
-}
-//#endregion
-export { i as useTableRadio };

package/dist/components/k-table/composables/useTableRowSort.js

@@ -1,35 +0,0 @@
-import { nextTick as e, onBeforeUnmount as t, toValue as n, watch as r } from "vue";
-import i from "sortablejs";
-//#region src/components/k-table/composables/useTableRowSort.ts
-function a(a) {
-	let o = null;
-	function s() {
-		o?.destroy(), o = null;
-	}
-	function c() {
-		if (s(), !n(a.enabled)) return;
-		let e = a.tableRef.value?.$el?.querySelector(".el-table__body-wrapper tbody");
-		e && (o = i.create(e, {
-			disabled: n(a.disabled),
-			animation: 300,
-			handle: ".sort-handle",
-			filter: ".ignore-elements",
-			preventOnFilter: !0,
-			onEnd: (e) => a.onSortEnd(e)
-		}));
-	}
-	return r(() => [
-		n(a.enabled),
-		n(a.rebindKey),
-		a.tableRef.value
-	], () => {
-		e(c);
-	}, { flush: "post" }), r(() => n(a.disabled), (e) => {
-		o && o.option("disabled", e);
-	}), t(s), {
-		initSortable: () => e(c),
-		destroySortable: s
-	};
-}
-//#endregion
-export { a as useTableRowSort };

package/dist/components/k-table/composables/useTableTreeLoad.js

@@ -1,32 +0,0 @@
-import { getRowKeyValue as e } from "../utils/rowKey.js";
-import { toValue as t } from "vue";
-//#region src/components/k-table/composables/useTableTreeLoad.ts
-function n(n) {
-	let r = /* @__PURE__ */ new Map();
-	function i(i) {
-		return (a, o, s) => {
-			let c = e(a, t(n.rowKey));
-			c != null && r.set(c, {
-				row: a,
-				treeNode: o,
-				resolve: s
-			}), i(a, o, s);
-		};
-	}
-	function a(e) {
-		let i = t(n.load), a = r.get(e);
-		if (!a || !i) return;
-		let o = n.tableRef.value?.store?.states?.lazyTreeNodeMap;
-		o && e != null && (o[String(e)] = []), i(a.row, a.treeNode, a.resolve);
-	}
-	function o() {
-		r.clear();
-	}
-	return {
-		wrapLoad: i,
-		refreshTree: a,
-		clearTreeCache: o
-	};
-}
-//#endregion
-export { n as useTableTreeLoad };

package/dist/components/k-table/dictOptions.js

@@ -1,9 +0,0 @@
-//#region src/components/k-table/dictOptions.ts
-function e(e) {
-	return e.map((e) => ({
-		value: String(e.item_key ?? ""),
-		label: String(e.item_value ?? e.item_key ?? "")
-	}));
-}
-//#endregion
-export { e as mapGroupDictToOptions };

package/dist/components/k-table/kTableProps.js

@@ -1,17 +0,0 @@
-var e = {
-	hidePagination: !1,
-	initTable: !0,
-	nullValueFormat: "--",
-	selectionShow: !1,
-	rowKey: "id",
-	maxHeight: 560,
-	addButton: !1,
-	disabled: !1,
-	enableColumnCache: !0,
-	tableKey: "",
-	sort: !1,
-	data: () => [],
-	sortFilter: () => []
-};
-//#endregion
-export { e as K_TABLE_WITH_DEFAULTS };

package/dist/components/k-table/report/convertDownloadCol.js

@@ -1,11 +0,0 @@
-//#region src/components/k-table/report/convertDownloadCol.ts
-function e(e) {
-	return e.filter((e) => e.type !== "expand").map((e) => ({
-		sTitle: e.label ?? "",
-		mDataProp: e.prop ?? "",
-		dict: e.dict ?? "",
-		show: ""
-	}));
-}
-//#endregion
-export { e as convertDownloadCol };

package/dist/components/k-table/report/exportKTableReport.js

@@ -1,19 +0,0 @@
-import { convertDownloadCol as e } from "./convertDownloadCol.js";
-import { pickExportColumns as t } from "./pickExportColumns.js";
-//#region src/components/k-table/report/exportKTableReport.ts
-function n(n) {
-	let r = n.tableRef.value?.getQueryRef()?.getParams() ?? {}, i = n.convertParams ? n.convertParams(r) : r, a = t(n.columns, n);
-	return n.exportApi({
-		globColumnlist: e(a),
-		jsondata: i
-	});
-}
-function r(n) {
-	let r = t(n.columns, n);
-	return n.exportApi({
-		globColumnlist: e(r),
-		jsondata: n.jsondata
-	});
-}
-//#endregion
-export { n as exportKTableReport, r as exportKTableReportData };