@otwb/ui 2.0.24 → 2.0.26

package/dist/{components-C3FvQCdL.js → components-C6Mef5JA.js}

@@ -4,6 +4,7 @@ import { g as useStyle, h as useMergedClsPrefix, n as cB, r as cE, t as c } from
 import { Fragment, computed, createTextVNode, createVNode, defineComponent, inject, isVNode, mergeProps, nextTick, reactive, ref, shallowRef, toRaw, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
 import { toReactive, unrefElement, until, useCurrentElement, useElementSize, watchDebounced } from "@vueuse/core";
 import { NAvatar, NAvatarGroup, NButton, NCard, NCheckbox, NCheckboxGroup, NDataTable, NDropdown, NEllipsis, NEmpty, NFlex, NForm, NFormItem, NGi, NGrid, NH4, NIcon, NInput, NList, NListItem, NPagination, NPerformantEllipsis, NPopover, NRadio, NRadioButton, NRadioGroup, NSelect, NSpin, NTag, NText, NTooltip, NTransfer, NTree, NTreeSelect, dataTableProps, formProps, useDialog } from "ithinkdt-ui";
+import { useRoute as useRoute$1 } from "vue-router";
 import { VOverflow, VResizeObserver } from "vueuc";
 import { Sortable } from "sortablejs/modular/sortable.core.esm.js";
 import { pickProps } from "@otwb/common/object";
@@ -333,6 +334,7 @@ var DataCustomItem = /* @__PURE__ */ defineComponent({
 				wrap: !1,
 				size: "small"
 			}, { default: () => [
+				e.showFixed,
 				createVNode(NButton, {
 					type: "primary",
 					text: !0,
@@ -399,17 +401,32 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 		},
 		type: { type: String }
 	},
-	emits: { custom: () => !0 },
+	emits: {
+		custom: () => !0,
+		save: ""
+	},
 	setup(x, { emit: S }) {
-		let { t: C } = useI18n();
-		function w(e, b, C) {
+		let { t: C } = useI18n(), w = useRoute$1();
+		function T() {
+			if (x.showFixed) {
+				w.name + "";
+				let e = w.name + "__table";
+				$fetch.post(`${SERVER_CTX.SYS}/cli/module/custom-config/save`, {
+					__table: localStorage.getItem(e),
+					url: w.name
+				}, { requestType: "json" }).then((e) => {
+					$msg.success("配置保存成功！");
+				});
+			} else S("save");
+		}
+		function E(e, b, C) {
 			S("custom", {
 				key: e[x.keyField],
 				[b]: C
 			});
 		}
-		let T = ref();
-		return watch(T, (e) => {
+		let D = ref();
+		return watch(D, (e) => {
 			e.$el && Sortable.create(e.$el, {
 				animation: 150,
 				ghostClass: "ghost",
@@ -436,13 +453,19 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 			}, { default: () => [createVNode(IFilterCustom, null, null)] })] }), [[vTooltip, x.tooltip ?? C("common.page.custom.tooltip")]]),
 			default: () => {
 				let e, b;
-				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [x.tooltip ?? C("common.page.custom.tooltip")]), createVNode(NButton, {
+				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [x.tooltip ?? C("common.page.custom.tooltip")]), createVNode("div", null, [createVNode(NButton, {
+					class: "mr-10px",
+					text: !0,
+					type: "primary",
+					size: "small",
+					onClick: () => T()
+				}, { default: () => [createTextVNode("保存")] }), createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					size: "small",
 					onClick: () => S("custom", !0)
-				}, _isSlot$6(e = C("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
-					ref: T,
+				}, _isSlot$6(e = C("common.page.custom.reset")) ? e : { default: () => [e] })])] }), createVNode(NFlex, {
+					ref: D,
 					vertical: !0
 				}, _isSlot$6(b = x.data.filter((e) => e[x.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
 					key: e[x.keyField],
@@ -450,8 +473,8 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 					hidden: e[x.hiddenField],
 					fixed: e[x.fixedField],
 					showFixed: x.showFixed,
-					onUpdateHidden: (b) => w(e, "hidden", b),
-					onUpdateFixed: (b) => w(e, "fixed", b)
+					onUpdateHidden: (b) => E(e, "hidden", b),
+					onUpdateFixed: (b) => E(e, "fixed", b)
 				}, null))) ? b : { default: () => [b] })] });
 			}
 		});
@@ -727,59 +750,69 @@ const DataForm = /* @__PURE__ */ defineComponent({
 		"collapse"
 	],
 	setup(b, { expose: x, emit: S }) {
-		let { t: C } = useI18n(), w = (e) => {
+		let C = useRoute$1(), w = () => {
+			let e = C.name + "__form";
+			C.name + "", $fetch.post(`${SERVER_CTX.SYS}/cli/module/custom-config/save`, {
+				__form: localStorage.getItem(e),
+				url: C.name
+			}, { requestType: "json" }).then((e) => {
+				$msg.success("配置保存成功！");
+			});
+		}, { t: T } = useI18n(), E = (e) => {
 			S("filter", b.model, e);
-		}, T = (e) => {
+		}, D = (e) => {
 			S("reset", e), b.filterOnReset && S("filter", b.model, e);
-		}, E = ref(b.defaultCollapsed), D = (e) => {
-			E.value = e;
+		}, k = ref(b.defaultCollapsed), A = (e) => {
+			k.value = e;
 		};
-		x({ collapse: D });
-		let k = reactive({
+		x({ collapse: A });
+		let j = reactive({
 			span: 6,
 			suffix: !0
 		});
 		return () => {
-			let { filterOnReset: e, filterText: x, resetText: A, customizable: j, defaultCollapsed: N, collapsible: P, grid: F,...I } = b;
+			let { filterOnReset: e, filterText: x, resetText: C, customizable: N, defaultCollapsed: P, collapsible: F, grid: I,...L } = b;
 			return createVNode(DataForm, mergeProps({ grid: {
 				cols: "12 768:18 1200:30 1536:30",
 				yGap: 16,
 				xGap: 12,
-				...F,
-				collapsed: E.value
-			} }, I, {
+				...I,
+				collapsed: k.value
+			} }, L, {
 				showFeedback: !1,
-				showAction: k,
-				onSubmit: w,
-				onReset: T
-			}), { action: ({ cols: e, spans: w }) => (k.suffix = e < w + k.span, createVNode(NFlex, {
-				justify: k.suffix ? "end" : "start",
+				showAction: j,
+				onSubmit: E,
+				onReset: D
+			}), { action: ({ cols: e, spans: E }) => (j.suffix = e < E + j.span, createVNode(NFlex, {
+				justify: j.suffix ? "end" : "start",
 				align: "center"
 			}, { default: () => [
-				P && k.suffix ? createVNode(NButton, {
+				F && j.suffix ? createVNode(NButton, {
 					class: "collapsedBtn",
 					text: !0,
 					type: "primary",
 					iconPlacement: "right",
-					renderIcon: E.value ? IDown : IUp,
-					onClick: () => D(!E.value)
-				}, { default: () => [E.value ? C("common.page.filter.expand") : C("common.page.filter.collapse")] }) : void 0,
-				k.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
+					renderIcon: k.value ? IDown : IUp,
+					onClick: () => A(!k.value)
+				}, { default: () => [k.value ? T("common.page.filter.expand") : T("common.page.filter.collapse")] }) : void 0,
+				j.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
 				createVNode(NButton, {
 					class: "submitWrap",
 					attrType: "submit",
 					type: "primary",
 					disabled: b.disabled,
 					loading: b.loading
-				}, { default: () => [x || C("common.page.filter.submitText")] }),
+				}, { default: () => [x || T("common.page.filter.submitText")] }),
 				createVNode(NButton, {
 					attrType: "reset",
 					disabled: b.disabled || b.loading
-				}, { default: () => [A || C("common.page.form.resetText")] }),
-				j ? createVNode(DataCustom, {
+				}, { default: () => [C || T("common.page.form.resetText")] }),
+				N ? createVNode(DataCustom, {
+					isFilter: !0,
 					keyField: "name",
 					showFixed: !1,
-					data: I.items,
+					data: L.items,
+					onSave: w,
 					onCustom: (e) => S("custom", e),
 					size: 16,
 					type: "primary"
@@ -902,19 +935,27 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 	},
 	emits: { change: () => !0 },
 	setup(b, { emit: x }) {
-		let { t: S } = useI18n(), C = (e) => x("change", {
+		let { t: S } = useI18n(), C = useRoute(), w = (e) => x("change", {
 			pageSize: b.pageSize ?? b.page?.pageSize ?? 0,
 			currentPage: e
-		}), w = (e) => x("change", {
-			pageSize: e,
-			currentPage: b.currentPage ?? b.page?.currentPage ?? 0
-		});
-		return () => createVNode(NPagination, {
+		}), T = (e) => {
+			let S = C.name + "__page";
+			$fetch.post(`${SERVER_CTX.SYS}/cli/module/custom-config/save`, {
+				__page: e,
+				url: C.name
+			}, { requestType: "json" }).then((b) => {
+				localStorage.setItem(S, e);
+			}), x("change", {
+				pageSize: e,
+				currentPage: b.currentPage ?? b.page?.currentPage ?? 0
+			});
+		}, E = C.name + "__page";
+		return localStorage.getItem(E) && (b.page.pageSize = localStorage.getItem(E)), () => createVNode(NPagination, {
 			page: b.currentPage ?? b.page?.currentPage,
 			itemCount: b.total,
 			pageSize: b.pageSize ?? b.page?.pageSize,
-			onUpdatePage: C,
-			onUpdatePageSize: w,
+			onUpdatePage: w,
+			onUpdatePageSize: T,
 			pageSizes: b.pageSizes,
 			showQuickJumper: !0,
 			showSizePicker: !0,

package/dist/components.js

@@ -1,5 +1,5 @@
 import "./use-i18n-Dx7V4KrY.js";
 import "./directives-CRvPGywW.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-C3FvQCdL.js";
+import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-C6Mef5JA.js";
 export { DataActions, DataCustom, DataFilter, DataForm, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, renderUsers, useDataTableDrag, useLocaleEdit };

package/dist/index.js

@@ -583,7 +583,10 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 				target: "_blank",
 				onClick: (d) => d.stopPropagation()
 			}, [z.label()]);
-			else {
+			else if (U) {
+				let d;
+				W = createVNode(RouterLink, { to: z.path }, _isSlot$1(d = z.label()) ? d : { default: () => [d] });
+			} else {
 				let d, B = createVNode(RouterLink, { to: z.path }, _isSlot$1(d = z.label()) ? d : { default: () => [d] }), H = createVNode("span", null, [z.label()]);
 				W = createVNode(NTooltip, {
 					placement: "top",
@@ -596,6 +599,7 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 					trigger: () => B
 				});
 			}
+			else if (U) W = createVNode("span", null, [z.label()]);
 			else {
 				let d = createVNode("span", null, [z.label()]);
 				W = createVNode(NTooltip, {

package/dist/page.js

@@ -1,7 +1,7 @@
 import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
 import "./directives-CRvPGywW.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-C3FvQCdL.js";
+import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-C6Mef5JA.js";
 import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, ref, shallowRef, unref } from "vue";
 import { until } from "@vueuse/core";
 import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otwb/ui",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "type": "module",
   "license": "MIT",
   "description": "otwb UI",
@@ -90,7 +90,7 @@
     "vite": "npm:rolldown-vite@^7.1.20",
     "vue": "^3.5.22",
     "vue-router": "^4.6.3",
-    "@otwb/page": "^2.0.2"
+    "@otwb/page": "^2.0.5"
   },
   "scripts": {
     "dev": "vite build --watch",