@ithinkdt/ui 4.0.0-54 → 4.0.0-600

package/dist/components-BMKQsJ4d.js

@@ -0,0 +1,2000 @@
+import { n as useI18n } from "./use-i18n-D-AJ8KbA.js";
+import { g as useStyle, h as useMergedClsPrefix, n as cB, r as cE, t as c } from "./use-style-DrH-89qR.js";
+import { i as vTooltip } from "./directives-CB8tcZsk.js";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, h, 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 { NAnchor, NAnchorLink, 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 { nanoid } from "nanoid";
+import { VOverflow, VResizeObserver } from "vueuc";
+import { Sortable } from "sortablejs/modular/sortable.core.esm.js";
+import { isNullish, pickProps } from "@ithinkdt/common/object";
+import { useFormItem } from "ithinkdt-ui/es/_mixins";
+import { measureText } from "@ithinkdt/common/string";
+import { PAGE_INJECTION, useFormModal } from "@ithinkdt/page";
+import { Sortable as Sortable$1 } from "sortablejs";
+import useLocale from "ithinkdt-ui/es/_mixins/use-locale.mjs";
+import { flattenTree, walkTree } from "@ithinkdt/common";
+const NCheckboxes = /* @__PURE__ */ defineComponent({
+	name: "Checkboxes",
+	inheritAttrs: !1,
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		default: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			default: !1
+		},
+		gap: {
+			type: [
+				Number,
+				String,
+				Array
+			],
+			default: void 0
+		},
+		modelValue: {
+			type: Array,
+			default: void 0
+		},
+		labelPadding: {
+			type: String,
+			default: void 0
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		updateModelValue: () => !0
+	},
+	setup(y, { emit: b, attrs: x }) {
+		let { t: S } = useI18n(), C = computed(() => y.default ? y.default === !0 ? S("common.all") : typeof y.default == "string" ? y.default : y.default?.[y.labelField] ?? S("common.all") : ""), w = ref([]);
+		watch(() => y.modelValue, (e) => w.value = e, { immediate: !0 });
+		let T = (e) => {
+			b("update:modelValue", e), b("updateModelValue", e);
+		}, D = () => {
+			T(w.value?.length === y.options.length ? [] : y.options.map((e) => e[y.valueField]));
+		}, O = computed(() => y.options.length > w.value?.length && w.value?.length > 0), k = computed(() => ({ "--n-label-padding": y.labelPadding }));
+		return () => {
+			let e = createVNode(NCheckboxGroup, mergeProps(x, {
+				value: w.value,
+				onUpdateValue: T
+			}), { default: () => [createVNode(NFlex, {
+				size: y.gap ?? (y.vertical ? void 0 : "small"),
+				vertical: y.vertical,
+				style: !y.default && y.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [y.options?.map((e) => createVNode(NCheckbox, {
+				value: e[y.valueField],
+				disabled: e[y.disabledField],
+				style: k.value
+			}, { default: () => [e[y.labelField]] }))] })] });
+			return y.default ? createVNode(NFlex, {
+				size: y.gap ?? (y.vertical ? void 0 : "small"),
+				vertical: y.vertical,
+				style: y.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [createVNode("span", null, [createVNode(NCheckbox, {
+				indeterminate: O.value,
+				checked: w.value?.length > 0,
+				onUpdateChecked: D,
+				style: k.value
+			}, { default: () => [C.value] })]), e] }) : e;
+		};
+	}
+}), IHelp = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M11 18h2v-2h-2v2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4Z"
+}, null)]), ICustom = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 1024 1024"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "m924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.74 443.74 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.86 351.86 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446.02 446.02 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1c0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1l74.7 63.9a370.03 370.03 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3l-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3 1.2-30.6 3.7-45.5l6.5-40l-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2l31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97l38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8l92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2z"
+}, null)]), IDrag = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 1024 1024"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M300 276.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994Zm0 284a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 228a56 56 0 1 0 112 0a56 56 0 0 0-112 0Zm0 284a56 56 0 1 0 112 0a56 56 0 0 0-112 0ZM300 844.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 796a56 56 0 1 0 112 0a56 56 0 0 0-112 0Z"
+}, null)]), ILeft2 = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 1024 1024"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm444 72.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z"
+}, null)]), IRight2 = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 1024 1024"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M762 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm-508 0v72.4c0 9.5 4.2 18.4 11.4 24.5L564.6 512L265.4 763.1c-7.2 6.1-11.4 15-11.4 24.5V860c0 6.8 7.9 10.5 13.1 6.1L689 512L267.1 157.9A7.95 7.95 0 0 0 254 164z"
+}, null)]), ILeft = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
+}, null)]), IRight = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
+}, null)]), IDown = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 32 32"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"
+}, null)]), IUp = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 32 32"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z"
+}, null)]), ICheck = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
+}, null)]), ILanguage = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8"
+}, null)]), ILangExpand = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "m12 19.24l-4.95-4.95l-1.41 1.42L12 22.07l6.36-6.36l-1.41-1.42zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95l1.41-1.42L12 1.93z"
+}, null)]), ILangCollapse = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M12 7.59L7.05 2.64L5.64 4.05L12 10.41l6.36-6.36l-1.41-1.41zM5.64 19.95l1.41 1.41L12 16.41l4.95 4.95l1.41-1.41L12 13.59z"
+}, null)]), IMore = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 20 20"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	fillRule: "evenodd",
+	d: "M2.5 7.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m15 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m-7.274 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"
+}, null)]), IDept = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 12 12"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M5.5 4.937a2 2 0 1 1 1 0V6h2a1 1 0 0 1 1 1v1.063a2 2 0 1 1-1 0V7h-5v1.063a2 2 0 1 1-1 0V7a1 1 0 0 1 1-1h2zM6 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5-1a1 1 0 1 0 2 0a1 1 0 0 0-2 0"
+}, null)]), IGroup = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("g", {
+	fill: "none",
+	fillRule: "evenodd"
+}, [createVNode("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }, null), createVNode("path", {
+	fill: "currentColor",
+	d: "M13 13a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a1 1 0 1 1-2 0v-2a4 4 0 0 1 4-4zm6 0a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0v-2a1 1 0 0 0-1-1h-1.416a5.02 5.02 0 0 0-1.583-2zM9.5 3a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9M18 6a3 3 0 1 1 0 6a3 3 0 0 1 0-6M9.5 5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M18 8a1 1 0 1 0 0 2a1 1 0 0 0 0-2"
+}, null)])]), IAccount = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 256 256"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M235.4 210a124.2 124.2 0 0 0-61.8-53.2a76 76 0 1 0-91.2 0A124.2 124.2 0 0 0 20.6 210a12 12 0 0 0 20.8 12a100 100 0 0 1 173.2 0a12.1 12.1 0 0 0 10.4 6a11.7 11.7 0 0 0 6-1.6a12 12 0 0 0 4.4-16.4ZM76 96a52 52 0 1 1 52 52a52 52 0 0 1-52-52Z"
+}, null)]), IClose = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z"
+}, null)]), DataActions = /* @__PURE__ */ defineComponent({
+	name: "DataActions",
+	props: { options: {
+		type: Array,
+		default: () => []
+	} },
+	setup(e) {
+		let y = ref(), b = !0, x = () => {
+			b ? b = !1 : y.value?.sync({ showAllItemsBeforeCalculate: !0 });
+		}, S = ref(), C = () => S.value, w = ref(-1), T = (y) => {
+			w.value = e.options.length - y;
+		}, D = (e) => {
+			e || (w.value = -1);
+		}, O = () => {}, k = computed(() => w.value === -1 ? [] : e.options.slice(w.value).map((e) => ({
+			...e,
+			key: e.text
+		}))), A = (e) => createVNode(NButton, {
+			type: e.color === "danger" ? "error" : [
+				"default",
+				"tertiary",
+				"primary",
+				"info",
+				"success",
+				"warning",
+				"error"
+			].includes(e.color) ? e.color : "primary",
+			text: !0
+		}, { default: () => [e.text] }), j = (e, y) => {
+			y.onClick?.();
+		};
+		return () => createVNode(VResizeObserver, { onResize: x }, { default: () => [createVNode(VOverflow, {
+			ref: y,
+			getCounter: C,
+			onUpdateCount: T,
+			onUpdateOverflow: D,
+			updateCounter: O,
+			style: "margin-top: 2px"
+		}, {
+			default: () => e.options.map((e) => createVNode(NButton, {
+				quaternary: !0,
+				type: e.color === "danger" ? "error" : [
+					"default",
+					"tertiary",
+					"primary",
+					"info",
+					"success",
+					"warning",
+					"error"
+				].includes(e.color) ? e.color : "primary",
+				size: "small",
+				onClick: e.onClick
+			}, { default: () => [e.text] })),
+			counter: () => createVNode("span", {
+				ref: S,
+				style: "position: absolute"
+			}, [createVNode(NDropdown, {
+				options: k.value,
+				renderLabel: A,
+				onSelect: j
+			}, { default: () => [createVNode(NButton, {
+				quaternary: !0,
+				size: "small"
+			}, { default: () => [createVNode(IMore, { style: "font-size: 14px; color: #888" }, null)] })] })])
+		})] });
+	}
+});
+function _isSlot$7(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+var DataCustomItem = /* @__PURE__ */ defineComponent({
+	name: "DataCustomRow",
+	props: {
+		label: [String, Function],
+		disabled: Boolean,
+		hidden: Boolean,
+		showFixed: Boolean,
+		fixed: [Boolean, String]
+	},
+	emits: ["update-hidden", "update-fixed"],
+	setup(e, { emit: y }) {
+		return () => {
+			let b;
+			return createVNode(NFlex, {
+				align: "center",
+				wrap: !1,
+				size: "small"
+			}, { default: () => [
+				createVNode(NButton, {
+					type: "primary",
+					text: !0,
+					class: "icon-drag"
+				}, { default: () => [createVNode(NIcon, { size: "18" }, { default: () => [createVNode(IDrag, null, null)] })] }),
+				createVNode(NCheckbox, {
+					checked: !e.hidden,
+					disabled: e.disabled,
+					onUpdateChecked: (e) => y("update-hidden", !e)
+				}, null),
+				createVNode(NEllipsis, { style: "flex: 1 1 auto" }, _isSlot$7(b = toValue(e.label)) ? b : { default: () => [b] }),
+				e.showFixed ? [createVNode(NButton, {
+					text: !0,
+					type: e.fixed === "left" ? "primary" : void 0,
+					onClick: () => y("update-fixed", e.fixed === "left" ? !1 : "left")
+				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft2, null, null)] })] }), createVNode(NButton, {
+					text: !0,
+					type: e.fixed === "right" ? "primary" : void 0,
+					onClick: () => y("update-fixed", e.fixed === "right" ? !1 : "right")
+				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IRight2, null, null)] })] })] : void 0
+			] });
+		};
+	}
+});
+const DataCustom = /* @__PURE__ */ defineComponent({
+	name: "DataCustom",
+	props: {
+		data: {
+			type: Array,
+			required: !0
+		},
+		keyField: {
+			type: String,
+			default: "key"
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		fixedField: {
+			type: String,
+			default: "fixed"
+		},
+		hiddenField: {
+			type: String,
+			default: "hidden"
+		},
+		showFixed: {
+			type: Boolean,
+			default: !0
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		},
+		visiblityField: {
+			type: String,
+			default: "visiblity"
+		},
+		tooltip: [String, Object],
+		size: {
+			type: Number,
+			default: 20
+		},
+		type: { type: String }
+	},
+	emits: { custom: () => !0 },
+	setup(y, { emit: b }) {
+		let { t: x } = useI18n();
+		function S(e, x, S) {
+			b("custom", {
+				key: e[y.keyField],
+				[x]: S
+			});
+		}
+		let C = ref();
+		return watch(C, (e) => {
+			e.$el && Sortable.create(e.$el, {
+				animation: 150,
+				ghostClass: "ghost",
+				handle: ".icon-drag",
+				filter: ".disabled",
+				onEnd(e) {
+					let x = y.data.map((e) => e[y.keyField]), [S] = x.splice(e.oldIndex, 1);
+					x.splice(e.newIndex, 0, S), b("custom", x);
+				}
+			});
+		}), () => createVNode(NPopover, {
+			trigger: "click",
+			scrollable: !0,
+			placement: "left-start",
+			displayDirective: "show",
+			style: "max-height: 400px; width: 240px"
+		}, {
+			trigger: () => withDirectives(createVNode(NButton, {
+				text: !0,
+				type: y.type
+			}, { default: () => [createVNode(NIcon, { size: y.size }, { default: () => [createVNode(ICustom, null, null)] })] }), [[vTooltip, y.tooltip ?? x("common.page.custom.tooltip")]]),
+			default: () => {
+				let e, w;
+				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [y.tooltip ?? x("common.page.custom.tooltip")]), createVNode(NButton, {
+					text: !0,
+					type: "primary",
+					size: "small",
+					onClick: () => b("custom", !0)
+				}, _isSlot$7(e = x("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
+					ref: C,
+					vertical: !0
+				}, _isSlot$7(w = y.data.filter((e) => e[y.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
+					key: e[y.keyField],
+					label: e[y.labelField],
+					hidden: e[y.hiddenField],
+					fixed: e[y.fixedField],
+					showFixed: y.showFixed,
+					onUpdateHidden: (y) => S(e, "hidden", y),
+					onUpdateFixed: (y) => S(e, "fixed", y)
+				}, null))) ? w : { default: () => [w] })] });
+			}
+		});
+	}
+});
+function _isSlot$6(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+function renderLabel(e, y) {
+	return typeof e == "function" ? e(y) : e;
+}
+function renderAnchorLink(e, y) {
+	return e.isGroup ? (e.__children ??= e.children?.filter((e) => e.isGroup) ?? [], createVNode(NAnchorLink, { href: `#${e.prop}` }, {
+		title: () => renderLabel(e.label, y),
+		default: e.__children?.length ? () => e.__children.map((e) => renderAnchorLink(e, y)) : void 0
+	})) : null;
+}
+function getSpan(e, y, b) {
+	return typeof e == "function" ? e(y, b) : e;
+}
+function renderItem(e, y, b, x) {
+	return e.isGroup ? createVNode("div", {
+		key: e.prop,
+		class: `${x}__group`,
+		id: e.prop
+	}, [createVNode("div", { class: `${x}__title` }, [renderLabel(e.label, b)]), createVNode("div", { class: `${x}__wrapper` }, [e.children?.map((e) => renderItem(e, y, b, x))])]) : createVNode("div", {
+		key: e.prop,
+		class: `${x}__item`,
+		style: {
+			"--descriptions-col-span": getSpan(e.colSpan, y, b) ?? 1,
+			"--descriptions-row-span": getSpan(e.rowSpan, y, b) ?? 1
+		}
+	}, [e.label ? createVNode("div", { class: `${x}__label` }, [renderLabel(e.label, b)]) : void 0, createVNode("div", { class: `${x}__content` }, [(b ? e.render ? e.render(b) : b[e.prop] : void 0) ?? createVNode("span", { class: `${x}__nothing` }, [createTextVNode("--")])])]);
+}
+const DataDescriptions = /* @__PURE__ */ defineComponent({
+	name: "DataDescriptions",
+	props: {
+		cols: {
+			type: Number,
+			default: 3
+		},
+		data: { type: Object },
+		items: {
+			type: Array,
+			default: () => []
+		},
+		title: { type: [String, Function] },
+		anchor: {
+			type: [Boolean, Object],
+			default: void 0
+		}
+	},
+	setup(e) {
+		let x = useMergedClsPrefix(), S = `${x.value}-data-descriptions`;
+		useStyle("-data-descriptions", style$1, x);
+		let C = ref();
+		watch(() => e.items, () => {
+			location.hash && until(C).toBeTruthy().then((e) => {
+				e.scrollTo(location.hash);
+			});
+		}, { immediate: !0 });
+		let w = computed(() => ({ "--descriptions-cols": e.cols })), T = computed(() => mergeProps({
+			ref: C,
+			class: `${S}__anchor`,
+			showBackground: !1,
+			affix: !0
+		}, e.anchor && typeof e.anchor == "object" ? e.anchor : {}));
+		return () => {
+			let y, { cols: b, title: x, data: C, items: E, anchor: D } = e, O = isNullish(x) ? void 0 : createVNode("div", { class: `${S}__header` }, [typeof x == "string" ? createVNode("span", null, [x]) : x(C ?? void 0)]), A = E.filter((e) => !e.hiddden).map((e) => renderItem(e, b, C, S)), j = D === !1 ? void 0 : createVNode(NAnchor, T.value, _isSlot$6(y = E.map((e) => h(renderAnchorLink(e, C), { key: e.prop }))) ? y : { default: () => [y] });
+			return createVNode("div", {
+				class: S,
+				style: w.value
+			}, [
+				O,
+				createVNode("div", { class: `${S}__wrapper` }, [A]),
+				j
+			]);
+		};
+	}
+});
+var style$1 = /* @__PURE__ */ cB("data-descriptions", [
+	cE("header", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "24px"
+	}),
+	cE("wrapper", {
+		gridTemplateColumns: "repeat(var(--descriptions-cols, 3), 1fr)",
+		display: "grid",
+		gap: "20px"
+	}, []),
+	cE("group", { gridColumn: "span var(--descriptions-cols, 3)" }),
+	cE("item", {
+		gridColumn: "span var(--descriptions-col-span, 3)",
+		gridRow: "span var(--descriptions-row-span, 3)"
+	}),
+	cE("title", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "20px",
+		marginTop: "24px"
+	}),
+	cE("label", {
+		color: "#888",
+		paddingBottom: "6px"
+	}),
+	cE("content", {
+		fontSize: "15px",
+		color: "var(--color-text)"
+	}),
+	cE("anchor", {
+		position: "absolute",
+		zIndex: 2,
+		top: "40px",
+		right: "40px"
+	})
+]);
+const dataFormActionsProps = {
+	size: {
+		type: String,
+		default: void 0
+	},
+	gap: {
+		type: Number,
+		default: void 0
+	},
+	submitText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	resetText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	cancelText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	showSubmitBtn: {
+		type: Boolean,
+		required: !1,
+		default: !0
+	},
+	showResetBtn: {
+		type: Boolean,
+		required: !1,
+		default: !0
+	},
+	showCancelBtn: {
+		type: Boolean,
+		required: !1,
+		default: !1
+	},
+	submitDisabled: Boolean,
+	submitLoading: Boolean,
+	succeeded: {
+		type: Boolean,
+		default: void 0
+	},
+	successText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	failureText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	nativeButtonType: Boolean
+}, DataFormActions = /* @__PURE__ */ defineComponent({
+	name: "DataFormActions",
+	props: dataFormActionsProps,
+	emits: [
+		"submit",
+		"reset",
+		"cancel"
+	],
+	setup(y, { emit: b, slots: x }) {
+		let { t: S } = useI18n(), C = () => {
+			b("submit");
+		}, w = () => {
+			b("reset");
+		}, T = () => {
+			b("cancel");
+		}, { mergedDisabledRef: E, mergedSizeRef: D } = useFormItem(y);
+		return () => {
+			let e = D.value, b = E.value, { gap: O = e === "small" ? 8 : e === "medium" ? 12 : 16, submitText: k, resetText: A, cancelText: j, submitDisabled: M, submitLoading: N, showSubmitBtn: P, showResetBtn: F, showCancelBtn: I, succeeded: L, successText: R = k, failureText: z = k, nativeButtonType: B } = y;
+			return createVNode(NFlex, { size: O === void 0 ? e : O }, { default: () => [
+				x.prefix?.(),
+				P === !1 ? void 0 : createVNode(NButton, {
+					attrType: B ? "submit" : "button",
+					size: e,
+					type: L ? "success" : L === !1 ? "error" : "primary",
+					disabled: L !== void 0 || b || M || N,
+					loading: N,
+					onClick: B ? void 0 : C
+				}, {
+					default: () => (L ? R : L === !1 ? z : k) || S("common.page.form.submitText"),
+					icon: () => L ? createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : L === !1 ? createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : void 0
+				}),
+				F === !1 ? void 0 : createVNode(NButton, {
+					size: D.value,
+					attrType: B ? "reset" : "button",
+					disabled: b || N || L,
+					type: I ? "primary" : "default",
+					secondary: I,
+					onClick: B ? void 0 : w
+				}, { default: () => [A || S("common.page.form.resetText")] }),
+				I === !1 || L ? void 0 : createVNode(NButton, {
+					attrType: "button",
+					disabled: b || N,
+					onClick: T
+				}, { default: () => [j || S("common.page.form.cancelText")] }),
+				x.suffix?.()
+			] });
+		};
+	}
+});
+function _isSlot$5(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+const DataForm = /* @__PURE__ */ defineComponent({
+	name: "DataForm",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...pickProps(formProps, "disabled", "model", "labelWidth", "labelAlign", "showFeedback", "size"),
+		...pickProps(dataFormActionsProps, "submitText", "resetText", "cancelText", "showSubmitBtn", "showResetBtn", "showCancelBtn", "submitDisabled", "succeeded", "successText", "failureText"),
+		readonly: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: !0
+		},
+		validation: {
+			type: Object,
+			default: () => ({})
+		},
+		loading: Boolean,
+		showColon: Boolean,
+		tooltipPlacement: {
+			type: String,
+			default: "bottom"
+		},
+		requireMarkPlacement: {
+			type: String,
+			default: "left"
+		},
+		labelPlacement: {
+			type: String,
+			default: "left"
+		},
+		showAction: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		actionAlign: {
+			type: String,
+			default: "center"
+		},
+		actionJustify: {
+			type: String,
+			default: "start"
+		},
+		actionGap: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: [
+		"submit",
+		"reset",
+		"cancel"
+	],
+	setup(e, { emit: y, slots: b }) {
+		let x = (b) => {
+			b?.preventDefault?.(), y("submit", { ...toRaw(e.model) }, b);
+		}, S = (e) => {
+			e?.preventDefault?.(), y("reset");
+		}, C = (e) => {
+			e?.preventDefault?.(), y("cancel");
+		}, w = ref(), E = ref(), { width: O } = useElementSize(useCurrentElement());
+		return watchDebounced([w, O], () => {
+			E.value = void 0, setTimeout(() => {
+				E.value = w.value?.responsiveCols || void 0;
+			}, 30);
+		}, {
+			immediate: !0,
+			debounce: 100
+		}), () => {
+			let { items: y, loading: O, validation: k, showColon: A, tooltipPlacement: j, showFeedback: N, labelWidth: P = "7.2em", labelAlign: F = e.labelPlacement === "top" ? "left" : "right", grid: I, showAction: L, showSubmitBtn: R, showResetBtn: B, showCancelBtn: V, actionAlign: H, actionJustify: U, actionGap: W, submitDisabled: G, submitText: K, resetText: q, cancelText: J, succeeded: Y, successText: X, failureText: Z, ...Q } = e, $ = !e.readonly && N !== !1;
+			return createVNode(NForm, mergeProps({
+				labelWidth: P,
+				labelAlign: F,
+				onReset: S,
+				onSubmit: x,
+				showFeedback: $
+			}, Q), { default: () => [createVNode(NGrid, mergeProps({
+				ref: w,
+				itemResponsive: !0
+			}, I, { yGap: $ ? 0 : I?.yGap ?? 24 }), { default: () => {
+				let x = 0;
+				return createVNode(Fragment, null, [y.map(({ hidden: y, name: b, render: S, label: C, showColon: w, span: T = 6, rowSpan: E, offset: O = 0, tooltip: A, tooltipPlacement: j = e.tooltipPlacement, validationStatus: N = k[b]?.errors?.some((e) => e !== void 0) ? "error" : k[b]?.warnings?.some((e) => e !== void 0) ? "warnings" : k[b] ? "success" : void 0, readonly: P = e.readonly, showRequireMark: F = !P, showTooltipWhenReadonly: I = !1, ...L }) => {
+					if (y) return;
+					x += T;
+					let R;
+					return R = b[0] === "$" ? S({}) : createVNode(NFormItem, mergeProps({
+						path: b,
+						validationStatus: N,
+						showRequireMark: L.required && F
+					}, L), {
+						label: () => createVNode(NText, {
+							depth: e.readonly ? 3 : 2,
+							style: "display: inline-flex; align-items: flex-start; gap: 1px"
+						}, { default: () => [
+							createVNode("span", null, [toValue(C)]),
+							j === "icon" ? createVNode(NTooltip, null, {
+								default: () => toValue(A),
+								trigger: () => createVNode(NButton, {
+									text: !0,
+									style: "font-size: 1.25em; opacity: 0.8"
+								}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
+							}) : void 0,
+							e.showColon && w !== !1 ? createVNode("span", { style: "place-self: center" }, [createTextVNode(":")]) : void 0
+						] }),
+						default: () => {
+							let y, b = createVNode("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [S({
+								disabled: e.disabled,
+								size: e.size,
+								readonly: e.readonly
+							})]);
+							return A && j === "bottom" && (!e.readonly || I) ? createVNode("div", { style: "width: 100%; display: flex; flex-direction: column" }, [b, createVNode(NText, {
+								depth: 3,
+								style: "font-size: calc(1rem - 3px); margin-top: 6px"
+							}, _isSlot$5(y = toValue(A)) ? y : { default: () => [y] })]) : b;
+						},
+						feedback: () => k[b]?.errors[0] ?? k[b]?.warnings[0]
+					}), e.grid === !1 ? R : createVNode(NGi, {
+						key: b,
+						offset: O,
+						span: T,
+						style: E ? { gridRowEnd: `span ${E}` } : void 0
+					}, _isSlot$5(R) ? R : { default: () => [R] });
+				}), L === !1 || e.readonly === !0 && !b.action ? void 0 : createVNode(NGi, mergeProps({
+					key: "action",
+					span: 2 ** 53 - 1
+				}, typeof e.showAction == "object" ? e.showAction : {}), { default: ({ overflow: y }) => b.action ? b.action({
+					cols: E.value,
+					spans: x,
+					overflow: y
+				}) : createVNode(NFormItem, {
+					label: U === "start" ? " " : void 0,
+					showLabel: e.labelPlacement !== "top",
+					style: "padding-top: 16px"
+				}, { default: () => [createVNode(DataFormActions, {
+					align: H,
+					justify: U,
+					gap: W,
+					showSubmitBtn: R,
+					showResetBtn: B,
+					showCancelBtn: V,
+					submitText: K,
+					resetText: q,
+					cancelText: J,
+					submitDisabled: G,
+					submitloading: O,
+					succeeded: Y,
+					successText: X,
+					failureText: Z,
+					nativeButtonType: !0,
+					onCancel: C
+				}, {
+					prefix: () => b.actionPrefix?.(),
+					suffix: () => b.actionSuffix?.()
+				})] }) })]);
+			} })] });
+		};
+	}
+}), DataFilter = /* @__PURE__ */ defineComponent({
+	name: "DataFilter",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...pickProps(formProps, "disabled", "model"),
+		labelWidth: {
+			type: [String, Number],
+			default: "5em"
+		},
+		labelPlacement: {
+			type: String,
+			default: "left"
+		},
+		items: {
+			type: Array,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		filterOnReset: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		filterText: {
+			type: String,
+			default: void 0
+		},
+		resetText: {
+			type: String,
+			default: void 0
+		},
+		customizable: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		collapsible: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		}
+	},
+	emits: [
+		"filter",
+		"reset",
+		"custom",
+		"collapse"
+	],
+	setup(y, { expose: b, emit: x }) {
+		let { t: S } = useI18n(), C = (e) => {
+			x("filter", y.model, e);
+		}, w = (e) => {
+			x("reset", e), y.filterOnReset && x("filter", y.model, e);
+		}, T = ref(y.defaultCollapsed), E = (e) => {
+			T.value = e;
+		};
+		b({ collapse: E });
+		let O = reactive({
+			span: 6,
+			suffix: !0
+		});
+		return () => {
+			let { filterOnReset: e, filterText: b, resetText: k, customizable: A, defaultCollapsed: j, collapsible: N, grid: P, ...F } = y;
+			return createVNode(DataForm, mergeProps({ grid: {
+				cols: "12 768:18 1280:24 1536:30",
+				yGap: 20,
+				xGap: 8,
+				...P,
+				collapsed: T.value
+			} }, F, {
+				showFeedback: !1,
+				showAction: O,
+				onSubmit: C,
+				onReset: w
+			}), { action: ({ cols: e, spans: C }) => (O.suffix = e < C + O.span, createVNode(NFlex, {
+				justify: O.suffix ? "end" : "start",
+				align: "center"
+			}, { default: () => [
+				O.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
+				createVNode(NButton, {
+					attrType: "submit",
+					type: "primary",
+					disabled: y.disabled,
+					loading: y.loading
+				}, { default: () => [b || S("common.page.filter.submitText")] }),
+				createVNode(NButton, {
+					attrType: "reset",
+					disabled: y.disabled || y.loading
+				}, { default: () => [k || S("common.page.form.resetText")] }),
+				A ? createVNode(DataCustom, {
+					keyField: "name",
+					showFixed: !1,
+					data: F.items,
+					onCustom: (e) => x("custom", e),
+					size: 18,
+					type: "primary"
+				}, null) : void 0,
+				N && O.suffix ? createVNode(NButton, {
+					text: !0,
+					type: "primary",
+					iconPlacement: "right",
+					renderIcon: T.value ? IDown : IUp,
+					onClick: () => E(!T.value)
+				}, { default: () => [T.value ? S("common.page.filter.expand") : S("common.page.filter.collapse")] }) : void 0
+			] })) });
+		};
+	}
+});
+function _isSlot$4(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+function useLocaleEdit(y, b, x = 1) {
+	let { t: S } = useI18n(), C = ref(!1), w = [], { open: T, reinit: E } = useFormModal({
+		title: y,
+		showColon: !0,
+		submitText: S("common.confirm.defaultOk"),
+		items: ({ it: e }) => w.map((y) => e(y.value, y.label, "input", {
+			span: 24,
+			required: y.required,
+			inputProps: {
+				readonly: C,
+				clearable: !0,
+				type: "textarea",
+				showCount: !0,
+				autosize: {
+					minRows: unref(x),
+					maxRows: Math.max(unref(x), 5)
+				}
+			}
+		})),
+		onSubmit: b
+	});
+	return {
+		open: (e, y = !1) => (C.value = y, T(e)),
+		setSupports: (e) => {
+			w = e, E();
+		}
+	};
+}
+const DataLocaleInput = /* @__PURE__ */ defineComponent({
+	name: "DataLocaleInput",
+	props: {
+		label: { type: [
+			String,
+			Function,
+			Number,
+			Boolean,
+			Object
+		] },
+		mode: {
+			type: String,
+			default: "dialog"
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: Object,
+		supports: {
+			type: Array,
+			default: () => []
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultLang: {
+			type: String,
+			default: "zh-CN"
+		},
+		showLang: {
+			type: String,
+			default: void 0
+		},
+		defaultRows: {
+			type: Number,
+			default: 1
+		}
+	},
+	emits: ["update:modelValue", "updateModelValue"],
+	setup(e, { emit: y }) {
+		let b = (b, x = e.showLang ?? e.defaultLang) => {
+			b = {
+				...e.modelValue,
+				[x]: b
+			}, y("update:modelValue", b), y("updateModelValue", b);
+		}, { open: x, setSupports: S } = useLocaleEdit(computed(() => toValue(e.label)), (e) => {
+			y("update:modelValue", e), y("updateModelValue", e);
+		}, toRef(e, "defaultRows")), C = ref(e.defaultExpanded);
+		watch(() => e.defaultExpanded, (e) => {
+			C.value = e;
+		});
+		let T = () => createVNode(NButton, {
+			quaternary: !0,
+			onClick: () => {
+				C.value = !C.value;
+			},
+			style: "--n-padding: 0 8px"
+		}, { default: () => [createVNode(NIcon, {
+			size: "20",
+			depth: "3"
+		}, { default: () => [C.value ? createVNode(ILangCollapse, null, null) : createVNode(ILangExpand, null, null)] })] }), D = (y) => {
+			let b = y.split("-")[0];
+			return e.supports.some((e) => e.value !== y && e.value.startsWith(b)) ? y : b;
+		}, O = `__slots${nanoid(6)}`;
+		watch(() => e.supports, (e) => {
+			S(e);
+			let y = 0;
+			for (let [b, x] of e.entries()) {
+				let e = D(x.value);
+				y = Math.max(y, measureText(e, "monospace")), x[O] = markRaw({
+					prefix: () => createVNode("div", { style: {
+						width: `${y + 4}px`,
+						height: "100%",
+						opacity: .5,
+						fontSize: "12px",
+						fontFamily: "monospace",
+						color: x.required ? "var(--color-danger)" : void 0
+					} }, [e]),
+					suffix: b === 0 ? T : void 0
+				});
+			}
+		}, { immediate: !0 });
+		let k = computed(() => {
+			let y = D(e.showLang ?? e.defaultLang);
+			return [y, measureText(y, "monospace")];
+		}), A = {
+			prefix: () => createVNode("div", { style: {
+				width: `${k.value[1] + 4}px`,
+				height: "100%",
+				opacity: .5,
+				fontSize: "12px",
+				fontFamily: "monospace"
+			} }, [k.value[0]]),
+			suffix: () => createVNode(NButton, {
+				quaternary: !0,
+				onClick: () => x(e.modelValue, e.disabled),
+				style: "--n-padding: 0 8px"
+			}, { default: () => [createVNode(NIcon, {
+				size: "20",
+				depth: "3"
+			}, { default: () => [createVNode(ILanguage, null, null)] })] })
+		}, j = { "--n-padding-right": "0" };
+		return () => {
+			let y;
+			return e.mode === "dialog" ? createVNode(NInput, {
+				value: e.modelValue?.[e.showLang ?? e.defaultLang] ?? e.modelValue?.[e.defaultLang],
+				onUpdateValue: b,
+				disabled: e.disabled,
+				clearable: !0,
+				style: j,
+				type: e.defaultRows > 1 ? "textarea" : "text",
+				rows: e.defaultRows
+			}, _isSlot$4(A) ? A : { default: () => [A] }) : createVNode(NFlex, {
+				vertical: !0,
+				wrap: !1,
+				style: "width: 100%"
+			}, _isSlot$4(y = e.supports.map((y, x) => {
+				if (!C.value && x !== 0) return;
+				let S = x == 0;
+				return withDirectives(createVNode(NInput, {
+					key: y.value,
+					value: e.modelValue?.[y.value],
+					onUpdateValue: (e) => b(e, y.value),
+					disabled: e.disabled,
+					clearable: !0,
+					style: S ? j : void 0,
+					type: e.defaultRows > 1 ? "textarea" : "text",
+					rows: e.defaultRows
+				}, y[O]), [[
+					vTooltip,
+					y.label,
+					void 0,
+					{ left: !0 }
+				]]);
+			})) ? y : { default: () => [y] });
+		};
+	}
+}), DataPagination = /* @__PURE__ */ defineComponent({
+	name: "DataPagination",
+	props: {
+		total: {
+			type: Number,
+			default: 0
+		},
+		currentPage: { type: Number },
+		pageSize: { type: Number },
+		page: { type: Object },
+		pageSizes: {
+			type: Array,
+			default: () => [
+				10,
+				20,
+				30,
+				50
+			]
+		}
+	},
+	emits: { change: () => !0 },
+	setup(y, { emit: b }) {
+		let { t: x } = useI18n(), S = (e) => b("change", {
+			pageSize: y.pageSize ?? y.page?.pageSize ?? 0,
+			currentPage: e
+		}), C = (e) => b("change", {
+			pageSize: e,
+			currentPage: y.currentPage ?? y.page?.currentPage ?? 0
+		});
+		return () => createVNode(NPagination, {
+			page: y.currentPage ?? y.page?.currentPage,
+			itemCount: y.total,
+			pageSize: y.pageSize ?? y.page?.pageSize,
+			onUpdatePage: S,
+			onUpdatePageSize: C,
+			pageSizes: y.pageSizes,
+			showQuickJumper: !0,
+			showSizePicker: !0,
+			style: "justify-content: flex-end"
+		}, {
+			prefix: () => x("common.page.pagination.prefix", { total: y.total }),
+			suffix: () => x("common.page.pagination.suffix")
+		});
+	}
+});
+function _isSlot$3(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+const DataSelection = /* @__PURE__ */ defineComponent({
+	name: "DataSelection",
+	props: {
+		modelValue: {
+			type: String,
+			required: !0
+		},
+		count: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		clear: () => !0
+	},
+	setup(y, { emit: b }) {
+		let { t: x } = useI18n();
+		return () => {
+			let e;
+			return y.modelValue !== "selection" && y.count === 0 ? createVNode("div", null, null) : createVNode("div", null, [createVNode(NFlex, {
+				align: "center",
+				"wrap-item": !1
+			}, { default: () => [
+				createVNode("span", null, [x("common.page.selection.countText", { count: y.count })]),
+				createVNode(NButton, {
+					text: !0,
+					type: "primary",
+					onClick: () => {
+						b("update:modelValue", y.modelValue === "all" ? "selection" : "all");
+					}
+				}, { default: () => [y.modelValue === "all" ? x("common.page.selection.view") : x("common.page.selection.back")] }),
+				createVNode(NButton, {
+					text: !0,
+					onClick: () => {
+						b("clear"), b("update:modelValue", "all");
+					}
+				}, _isSlot$3(e = x("common.page.selection.clear")) ? e : { default: () => [e] })
+			] })]);
+		};
+	}
+});
+function _isSlot$2(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+function _map(e, y) {
+	return (e ?? []).map((e) => {
+		let b = {
+			csvTitle: e.exportTitle,
+			...e,
+			title: () => {
+				let y = toValue(e.title), b = y && withDirectives(createVNode("span", null, [y]), [[
+					vTooltip,
+					() => toValue(e.title),
+					void 0,
+					{ auto: !0 }
+				]]);
+				return e.tooltip ? createVNode(NFlex, {
+					size: 3,
+					wrap: !1,
+					inline: !0,
+					style: "max-width: 100%"
+				}, { default: () => [b, createVNode(NTooltip, null, {
+					default: toValue(e.tooltip),
+					trigger: () => createVNode(NButton, {
+						text: !0,
+						style: "font-size: 1.25em; opacity: 0.8"
+					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
+				})] }) : b;
+			}
+		};
+		if (e.children?.length) b.children = _map(e.children, y);
+		else {
+			e.hidden !== !0 && (b.width ??= 100, y.value += Number(b.width));
+			let x = e.render ?? ((e) => e);
+			e.ellipsis !== !1 && (b.ellipsis = !1, b.render = (...y) => {
+				let b = x(...y);
+				return b && (typeof b == "string" && ((function() {
+					return b;
+				})(), b = createVNode("span", null, [b])), e.ellipsis?.expandable ? createVNode(NPerformantEllipsis, mergeProps({
+					expandTrigger: "click",
+					lineClamp: 1,
+					tooltip: { style: {
+						maxWidth: "61.8vw",
+						wordBreak: "break-all"
+					} }
+				}, typeof e.ellipsis == "boolean" ? {} : e.ellipsis), _isSlot$2(b) ? b : { default: () => [b] }) : withDirectives(b, [[
+					vTooltip,
+					() => e.ellipsisTooltip ? e.ellipsisTooltip(...y) : b,
+					void 0,
+					{ auto: !0 }
+				]]));
+			}, e.ellipsisTooltip === !0 && (b.ellipsisTooltip = x)), Object.assign(b, {
+				resizable: e.resizable !== !1,
+				sorter: e.sortable,
+				type: ["selection", "expand"].includes(e.type) ? e.type : void 0,
+				disabled: e.selectable ? (y) => e.selectable(y) === !1 : void 0
+			});
+		}
+		return b.key === "$actions" && (b.cellProps ??= () => ({ style: { padding: "0 2px" } })), b;
+	}).filter((e) => e?.hidden !== !0);
+}
+const DataTable = /* @__PURE__ */ defineComponent({
+	name: "DataTable",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		keyField: { type: String },
+		sorter: {
+			type: Object,
+			default: () => ({})
+		},
+		selectedKeys: { type: Array },
+		highlight: {
+			type: [
+				Boolean,
+				String,
+				Number,
+				Object
+			],
+			default: !0
+		},
+		rowClassName: dataTableProps.rowClassName,
+		rowProps: dataTableProps.rowProps
+	},
+	emits: [
+		"sort",
+		"select",
+		"custom",
+		"highlight"
+	],
+	setup(e, { slots: x, emit: S, expose: C }) {
+		let { keyField: w } = inject(PAGE_INJECTION), T = useMergedClsPrefix(), D = `${T.value}-datatable`;
+		useStyle("-datatable", style, T);
+		let O = useTemplateRef("table-ref"), k = ({ sortField: e, sortOrder: y } = {}, b) => {
+			e == b?.sortField && y == b?.sortOrder || O.value?.sort(e, y ? y + "end" : !1);
+		};
+		watch(() => ({ ...e.sorter }), k, { deep: !0 });
+		let j = computed(() => {
+			let y = e.keyField || w || "key";
+			return (e) => e[y];
+		}), M = shallowRef({
+			cache: [],
+			scrollToView(...e) {
+				this.cache.push(e);
+			}
+		});
+		until(O).changed().then(() => {
+			k(e.sorter);
+			let y = M.value.cache;
+			M.value = O.value, M.value.scrollToView = (y) => {
+				let b = e.data.findIndex((e) => j.value(e) === y);
+				if (b === -1) return;
+				let x = O.value.$el.querySelector(`.${D}__row-marker:nth-child(${b + 1})`);
+				O.value.scrollTo({
+					top: x.offsetTop,
+					behavior: "smooth"
+				});
+			};
+			for (let e of y) M.value.scrollToView(...e);
+		}), C(toReactive(M));
+		let N = ref(0), P = shallowRef([]);
+		watch(() => e.columns, () => {
+			N.value = 0, P.value = _map(e.columns, N);
+		}, {
+			immediate: !0,
+			deep: 1
+		});
+		let L = ref();
+		watch(() => e.highlight, (e) => {
+			L.value = typeof e == "boolean" ? null : e ?? null;
+		}, { immediate: !0 });
+		let R = computed(() => (y, b) => [
+			e.rowClassName?.(y, b) || "",
+			`${D}__row-marker`,
+			L.value != null && j.value(y) === L.value ? `${D}__row-highlight` : ""
+		].join(" ")), z = computed(() => (y, b) => {
+			let x = e.rowProps?.(y, b);
+			return {
+				...x,
+				onClick: (b) => {
+					let C = j.value(y);
+					e.highlight === !0 && (L.value = C), S("highlight", C), x?.onClick?.(b);
+				}
+			};
+		}), B = (y) => {
+			if (e.sorter) {
+				let { sortField: b, sortOrder: x } = e.sorter;
+				if (y?.columnKey == b && (y?.order ? y.order === x + "end" : !x)) return;
+			}
+			S("sort", {
+				sortField: y?.order ? y?.columnKey : void 0,
+				sortOrder: y?.order ? y.order.replace("end", "") : void 0
+			});
+		}, U = (e) => {
+			S("select", e);
+		}, G = (e, y, b) => {
+			S("custom", {
+				key: b.key,
+				width: e
+			});
+		};
+		return () => createVNode(NDataTable, {
+			class: D,
+			data: e.data,
+			columns: P.value,
+			rowKey: j.value,
+			tableLayout: "fixed",
+			ref: "table-ref",
+			scrollX: N.value,
+			rowClassName: R.value,
+			rowProps: z.value,
+			checkedRowKeys: e.selectedKeys,
+			onUpdateSorter: B,
+			onUpdateCheckedRowKeys: U,
+			onUnstableColumnResize: G
+		}, _isSlot$2(x) ? x : { default: () => [x] });
+	}
+});
+var style = /* @__PURE__ */ cB("datatable", [cE("row-highlight", [c("& > td", { backgroundColor: "var(--n-tr-highlight-color, var(--n-merged-border-color)) !important" })])]);
+function useDataTableDrag(e, { data: y, onSort: b, ...x }) {
+	watch([ref(y), e], async ([e, y]) => {
+		if (e.length === 0) return;
+		await nextTick();
+		let S = unrefElement(y)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
+		if (!S) return;
+		let C = Sortable$1.create(S, {
+			animation: 150,
+			...x,
+			onSort(e) {
+				b({
+					from: e.oldIndex,
+					to: e.newIndex
+				});
+			}
+		});
+		return () => {
+			C.destroy();
+		};
+	}, { immediate: !0 });
+}
+function _isSlot$1(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+const NRadios = /* @__PURE__ */ defineComponent({
+	name: "Radios",
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		type: {
+			type: String,
+			default: "radio"
+		},
+		default: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			default: !1
+		},
+		padding: {
+			type: String,
+			default: void 0
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		updateModelValue: () => !0
+	},
+	setup(y, { emit: b }) {
+		let { t: x } = useI18n(), S = computed(() => y.default === !1 ? "" : y.default === !0 ? x("common.all") : typeof y.default == "string" ? y.default : y.default?.[y.labelField] ?? x("common.all")), C = computed(() => y.type === "button-primary" ? {
+			"--n-button-color-active": "var(--color-primary)",
+			"--n-button-text-color-active": "var(--color-base)"
+		} : {}), w = (e) => {
+			b("update:modelValue", e), b("updateModelValue", e);
+		};
+		return () => {
+			let e = y.type === "button" ? NRadioButton : NRadio, b = createVNode(Fragment, null, [y.default ? createVNode(e, { value: typeof y.default == "object" ? y.default?.[y.valueField] : null }, { default: () => [S.value] }) : void 0, y.options?.map((b) => {
+				let x = typeof b[y.labelField] == "string" ? b[y.labelField] : b[y.labelField]?.();
+				return createVNode(e, {
+					value: b[y.valueField],
+					disabled: b[y.disabledField],
+					style: y.padding ? {
+						paddingLeft: y.padding,
+						paddingRight: y.padding
+					} : {}
+				}, { default: () => [b.tip ? createVNode(NTooltip, null, {
+					default: () => b.tip,
+					trigger: () => x
+				}) : x] });
+			})]);
+			return createVNode(NRadioGroup, {
+				style: y.vertical ? {
+					...C.value,
+					padding: "6px 0 0"
+				} : C.value,
+				value: y.modelValue,
+				onUpdateValue: w
+			}, { default: () => [y.type === "radio" ? createVNode(NFlex, {
+				size: y.vertical ? void 0 : "small",
+				vertical: y.vertical
+			}, _isSlot$1(b) ? b : { default: () => [b] }) : b] });
+		};
+	}
+});
+function _isSlot(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+const DtUserDept = /* @__PURE__ */ defineComponent({
+	name: "UserDept",
+	inheritAttrs: !1,
+	props: {
+		users: {
+			type: Array,
+			default: () => []
+		},
+		groups: {
+			type: Array,
+			default: () => []
+		},
+		depts: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [Array, String],
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "user"
+		},
+		selectType: {
+			type: String,
+			default: "dropdown"
+		},
+		max: {
+			type: Number,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		getUsersByGroup: {
+			type: Function,
+			default: () => []
+		},
+		getUsersByDept: {
+			type: Function,
+			default: () => []
+		},
+		valueField: { type: String }
+	},
+	emits: ["update:modelValue", "updateModelValue"],
+	setup(y, { emit: b, attrs: x }) {
+		let { t: S } = useI18n(), { localeRef: C } = useLocale("Popconfirm"), w = computed(() => y.valueField || (y.type === "user" ? "username" : "code")), D = computed(() => {
+			if (y.multiple) return y.modelValue || [];
+			let e = y.modelValue?.trim();
+			return e ? [e] : [];
+		}), O = /* @__PURE__ */ new Map(), k = computed(() => (O.clear(), y.users.map((e) => (e = reactive(e), e.label = e.nickname + e.username, e.value = e[w.value], e.type = "user", O.set(e[w.value], e), e)))), A = shallowRef([]);
+		watch(() => y.depts, (e) => {
+			walkTree(e, (e) => {
+				e.label = e.name, e.value = e[w.value], e.type = "dept", e.children?.length || delete e.children;
+			}), A.value = flattenTree(e);
+		}, { immediate: !0 });
+		let j = computed(() => [
+			...y.depts,
+			...y.groups.map((e) => ({
+				label: e.name,
+				value: e.code,
+				type: "group"
+			})),
+			...k.value
+		]), L = ref([]), R = ref(), z = async (e) => {
+			let b = await (e.type === "group" ? y.getUsersByGroup(e.value) : y.getUsersByDept(e.value));
+			for (let e of k.value) e.disabled = !0;
+			R.value = [...e.type === "dept" ? e.children ?? [] : [], ...b.map((e) => {
+				let y = O.get(e[w.value]);
+				return y && (y.disabled = !1), {
+					...e,
+					label: e.nickname + e.username,
+					value: e[w.value],
+					type: "user"
+				};
+			})];
+		}, B = /* @__PURE__ */ new WeakMap(), V = (e, b, x) => {
+			let C;
+			if (y.type === "dept") return createVNode(NTree, {
+				data: y.depts,
+				keyField: "value",
+				labelField: "name",
+				defaultExpandAll: y.defaultExpandAll,
+				checkable: y.multiple,
+				selectable: !y.multiple,
+				multiple: !1,
+				blockLine: !0,
+				checkOnClick: !0,
+				pattern: x,
+				filter: (e, y) => y.label.includes(e) || y.value.includes(e),
+				checkedKeys: y.multiple ? e : void 0,
+				selectedKeys: y.multiple ? void 0 : e,
+				onUpdateCheckedKeys: (e) => {
+					y.max && e?.length > y.max || b(e);
+				},
+				onUpdateSelectedKeys: (e) => {
+					b(e);
+				}
+			}, null);
+			let w = e ? B.get(e) : /* @__PURE__ */ new Set();
+			if (e && !w && (w = new Set(e), B.set(e, w)), R.value === !1) return createVNode(NSpin, { show: !0 }, null);
+			let E = R.value || j.value;
+			x = x?.trim(), x && (E = E?.filter((e) => e.label.includes(x) || e.value.includes(x)));
+			let D = L.value;
+			return createVNode(Fragment, null, [createVNode("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [D.length > 0 ? createVNode(Fragment, null, [createVNode("span", { style: "display: flex; align-items: center" }, [
+				D.length >= 2 ? D.at(-2).label : S("common.all"),
+				createVNode("span", { style: "padding: 0 4px" }, [createVNode(IRight, null, null)]),
+				D.at(-1).label
+			]), createVNode(NButton, {
+				text: !0,
+				type: "warning",
+				onClick: () => {
+					if (D.pop(), R.value = D.length > 0 ? !1 : void 0, D.length > 0) z(D.at(-1));
+					else for (let e of k.value) e.disabled = !1;
+				}
+			}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] }), S("common.back")] })]) : createVNode("span", null, [S("common.all")])]), E?.length ? createVNode(NList, {
+				showDivider: !1,
+				style: "padding: 0 16px"
+			}, _isSlot(C = E.map((x) => {
+				let S, C;
+				return createVNode(NListItem, {
+					key: x.type + "_" + x.value,
+					style: "padding: 6px 0"
+				}, { default: () => [x.type === "user" ? y.multiple ? createVNode(NCheckbox, {
+					checked: w.has(x.value) || !1,
+					onUpdateChecked: (S) => {
+						if (S && y.max && e.length >= y.max) return;
+						let C = [...e || []];
+						if (S) C.push(x.value);
+						else {
+							let e = C.indexOf(x.value);
+							C.splice(e, 1);
+						}
+						b(C);
+					},
+					style: "margin-left: 3px"
+				}, _isSlot(S = renderUsers([x], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0
+				})) ? S : { default: () => [S] }) : createVNode(NRadio, {
+					checked: w.has(x.value) || !1,
+					onUpdateChecked: (e) => {
+						b(e ? [x.value] : []);
+					},
+					style: "margin-left: 3px;"
+				}, _isSlot(C = renderUsers([x], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0
+				})) ? C : { default: () => [C] }) : createVNode("div", {
+					onClick: () => {
+						R.value = !1, L.value.push(x), z(x);
+					},
+					style: "cursor: pointer; display: flex; align-items: center; gap: 8px"
+				}, [
+					x.type === "dept" ? createVNode(NAvatar, {
+						size: 24,
+						style: "background-color: red"
+					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IDept, null, null)] })] }) : createVNode(NAvatar, {
+						size: 24,
+						style: "background-color: green"
+					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IGroup, null, null)] })] }),
+					createVNode("span", { style: "flex: 1 1 auto" }, [x.label]),
+					createVNode(NIcon, null, { default: () => [createVNode(IRight, null, null)] })
+				])] });
+			})) ? C : { default: () => [C] }) : createVNode(NEmpty, null, null)]);
+		}, U = () => createVNode(NEmpty, { description: y.placeholder }, null), W = ({ option: e }) => e.type === "user" ? createVNode("span", null, [e.nickname, createVNode("span", { style: {
+			opacity: .4,
+			marginLeft: "8px"
+		} }, [e.username])]) : createVNode("span", null, [e.label]), G = (e, b, x, S, C) => createVNode(NTransfer, mergeProps(e, {
+			key: y.type,
+			options: b,
+			renderSourceList: ({ onCheck: e, pattern: y }) => V(x, e, y),
+			renderTargetList: y.placeholder?.trim() && !y.modelValue?.length ? U : void 0,
+			renderTargetLabel: W,
+			sourceFilterable: y.filterable,
+			size: y.size,
+			disabled: y.disabled || void 0,
+			value: x,
+			filter: (e, y) => y.label.includes(e) || y.value.includes(e),
+			"onUpdate:value": (e) => {
+				S?.(e);
+			},
+			onUpdateValue: (e) => {
+				C?.(e);
+			}
+		}), null), K = ({ option: e, handleClose: b }) => createVNode(NTag, {
+			type: y.type === "user" ? "primary" : "info",
+			closable: !0,
+			onMousedown: (e) => e.preventDefault(),
+			onClose: (e) => {
+				e.stopPropagation(), b();
+			}
+		}, { default: () => [e.label] }), q = (e, x = "updateModelValue") => {
+			y.multiple ? b(x, e) : b(x, e?.[0]);
+		}, J = ref(), Y = !1, X = useDialog(), Z = () => {
+			if (Y) return;
+			Y = !0;
+			let e = shallowRef([...D.value || []]);
+			X.create({
+				showIcon: !1,
+				title: y.placeholder,
+				style: { width: "700px" },
+				content: () => createVNode("div", { style: { height: "550px" } }, [G({ style: { height: "100%" } }, y.type === "user" ? k.value : A.value, e.value, (y) => e.value = y)]),
+				positiveText: C.value.positiveText,
+				negativeText: C.value.negativeText,
+				onPositiveClick() {
+					q(e.value, "update:modelValue"), q(e.value, "updateModelValue");
+				},
+				onAfterLeave() {
+					nextTick(() => {
+						J.value?.blur(), Y = !1;
+					});
+				}
+			});
+		}, $ = { arrow: () => createVNode(NIcon, null, { default: () => [y.type === "user" ? createVNode(IGroup, null, null) : createVNode(IDept, null, null)] }) };
+		return () => {
+			let e = y.type === "user" ? k.value : A.value;
+			if (y.selectType === "dropdown" && y.type === "dept") return createVNode(NTreeSelect, {
+				options: e,
+				keyField: "value",
+				defaultExpandAll: y.defaultExpandAll,
+				checkable: y.multiple,
+				multiple: y.multiple,
+				filter: (e, y) => y.label.includes(e) || y.value.includes(e),
+				value: y.modelValue,
+				onUpdateValue: (e) => {
+					y.multiple && y.max && e?.length > y.max || b("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					y.multiple && y.max && e?.length > y.max || b("update:modelValue", e);
+				}
+			}, _isSlot($) ? $ : { default: () => [$] });
+			if (y.selectType === "transfer") return G(x, e, D.value, (e) => q(e, "update:modelValue"), (e) => q(e, "updateModelValue"));
+			let S = y.selectType === "dropdown";
+			return createVNode(NSelect, mergeProps(x, {
+				key: y.type,
+				ref: J,
+				show: S ? void 0 : !1,
+				filterable: S ? y.filterable : !1,
+				options: e,
+				multiple: y.multiple,
+				size: y.size,
+				placeholder: y.placeholder,
+				disabled: y.disabled || void 0,
+				value: y.modelValue,
+				renderTag: y.multiple ? K : void 0,
+				onFocus: S ? void 0 : Z,
+				onUpdateValue: (e) => {
+					b("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					b("update:modelValue", e);
+				}
+			}), _isSlot($) ? $ : { default: () => [$] });
+		};
+	}
+});
+function renderUser(e, y, { placement: b, size: x, tooltip: S = !0, username: C = !1 }) {
+	let w = e.nickname.split(" ").at(-1), E = w;
+	return /^[\u4E00-\u9FA5]+$/.test(w) ? E = w.length >= 3 ? w.slice(-2) : w : w.length > 4 && (E = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] })), createVNode(NPopover, {
+		key: e.username,
+		raw: !0,
+		placement: b,
+		disabled: S === !1
+	}, {
+		default: () => createVNode(NCard, {
+			style: "width: 200px",
+			size: "small"
+		}, { default: () => [createVNode(NH4, null, { default: () => [e.nickname] }), createVNode("span", null, [e.username])] }),
+		trigger: () => {
+			let b = createVNode(NAvatar, {
+				color: "var(--color-primary)",
+				round: !0,
+				size: x,
+				style: y ? {
+					position: "absolute",
+					bottom: -(x - 16) / 2 + "px"
+				} : ""
+			}, _isSlot(E) ? E : { default: () => [E] });
+			return y ? createVNode("div", { style: y ? {
+				display: "inline-flex",
+				itemsAlign: "center",
+				whiteSpace: "nowrap",
+				minWidth: x + "px",
+				height: x + "px"
+			} : "" }, [b, y ? createVNode(Fragment, null, [createVNode("span", { style: { marginLeft: x + 6 + "px" } }, [e.nickname]), C ? createVNode("span", { style: {
+				marginLeft: "8px",
+				opacity: .4
+			} }, [e.username]) : void 0]) : void 0]) : b;
+		}
+	});
+}
+function renderUsers(e, y = {}) {
+	y.size ||= 24, y.max ||= 4;
+	let { max: b, size: x } = y;
+	return e.length <= 1 ? createVNode("span", { style: "position: relative" }, [e.map((e) => renderUser(e, !0, y))]) : createVNode("span", { style: {
+		display: "inline-block",
+		height: x + "px"
+	} }, [createVNode(NAvatarGroup, {
+		options: e,
+		size: x,
+		max: b || 4,
+		style: "top: -2px"
+	}, {
+		avatar: ({ option: e }) => renderUser(e, !1, y),
+		rest: ({ options: e, rest: y }) => createVNode(NDropdown, {
+			options: e,
+			keyField: "username",
+			labelField: "nickname",
+			renderOption: ({ option: y }) => renderUser(y, !1, e)
+		}, { default: () => [createVNode(NAvatar, null, { default: () => [createTextVNode("+"), y] })] })
+	})]);
+}
+const DtDeptRender = /* @__PURE__ */ defineComponent({
+	name: "DeptRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		getDeptsByCode: Function
+	},
+	setup(e) {
+		let y = ref([]), b = {};
+		return watch([() => e.modelValue, () => e.multiple], ([x, S]) => {
+			y.value = [];
+			let C = x ? S ? Array.isArray(x) ? x : x.trim() ? x.trim().split(",") : [] : [x] : [], w = [];
+			for (let [e, x] of C.entries()) b[x] || (b[x] = reactive({
+				code: x,
+				name: x
+			}), w.push(x)), y.value[e] = b[x];
+			w.length > 0 && e.getDeptsByCode(w).then((e) => {
+				for (let y of e) Object.assign(b[y.code], y);
+			});
+		}, { immediate: !0 }), () => y.value.map((e) => createVNode(NTag, { key: e.code }, { default: () => [e.name] }));
+	}
+}), DtUserRender = /* @__PURE__ */ defineComponent({
+	name: "UserRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		max: Number,
+		size: Number,
+		placement: String,
+		getUsersByUsername: Function
+	},
+	setup(e) {
+		let y = ref([]), b = {};
+		return watch([() => e.modelValue, () => e.multiple], ([x, S]) => {
+			y.value = [];
+			let C = x ? S ? Array.isArray(x) ? x : x.trim() ? x.trim().split(",") : [] : [x] : [], w = [];
+			for (let [e, x] of C.entries()) b[x] || (b[x] = reactive({
+				code: x,
+				name: x
+			}), w.push(x)), y.value[e] = b[x];
+			w.length > 0 && e.getUsersByUsername(w).then((e) => {
+				for (let y of e) Object.assign(b[y.code], y);
+			});
+		}, { immediate: !0 }), () => renderUsers(y.value, e);
+	}
+}), StateButtonProps = {
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	type: {
+		type: String,
+		default: void 0
+	},
+	succeeded: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	successText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	failureText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	}
+}, NStateButton = /* @__PURE__ */ defineComponent({
+	name: "StateButton",
+	props: StateButtonProps,
+	setup(e, { slots: y }) {
+		return () => {
+			let { type: b, disabled: x, succeeded: S, successText: C, failureText: w } = e;
+			return createVNode(NButton, {
+				type: S ? "success" : S === !1 ? "error" : b,
+				disabled: typeof S == "boolean" ? !0 : x
+			}, {
+				default: () => (S ? y.success ? y.success() : C : S === !1 ? y.failure ? y.failure() : w : y.default?.()) ?? y.default(),
+				icon: () => S ? y.successIcon ? y.successIcon() : createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : S === !1 ? y.failureIcon ? y.failureIcon() : createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : y.icon?.()
+			});
+		};
+	}
+});
+export { dataFormActionsProps as _, DtUserRender as a, DataActions as b, DataTable as c, DataPagination as d, DataLocaleInput as f, DataFormActions as g, DataForm as h, DtUserDept as i, useDataTableDrag as l, DataFilter as m, StateButtonProps as n, renderUsers as o, useLocaleEdit as p, DtDeptRender as r, NRadios as s, NStateButton as t, DataSelection as u, DataDescriptions as v, NCheckboxes as x, DataCustom as y };