@ithinkdt/ui 4.0.15 → 4.0.17

package/esm/components-DfV9ybsT.js

@@ -0,0 +1,2167 @@
+import { n as e } from "./use-i18n-BUP_StIp.js";
+import t, { cB as n, cE as r, useClsPrefix as i } from "./use-style.js";
+import { i as a } from "./directives-Chz4DK1u.js";
+import { Fragment as o, computed as s, createTextVNode as c, createVNode as l, defineAsyncComponent as u, defineComponent as d, h as f, inject as p, isVNode as m, markRaw as h, mergeProps as g, nextTick as _, onBeforeUnmount as v, reactive as y, ref as b, renderSlot as x, shallowRef as S, toRaw as C, toRef as w, toValue as T, unref as E, useTemplateRef as D, watch as O, withDirectives as k } from "vue";
+import { onClickOutside as A, until as j, useElementHover as M, useFullscreen as N } from "@vueuse/core";
+import { NAnchor as P, NAnchorLink as F, NAvatar as I, NAvatarGroup as ee, NBadge as te, NButton as L, NCard as ne, NCheckbox as R, NCheckboxGroup as re, NDropdown as ie, NEllipsis as ae, NEmpty as oe, NFlex as z, NForm as se, NFormItem as ce, NGi as le, NGrid as ue, NIcon as B, NInput as V, NList as de, NListItem as fe, NPagination as pe, NPopover as H, NRadio as me, NRadioButton as he, NRadioGroup as ge, NScrollbar as _e, NSelect as ve, NSpin as ye, NTag as be, NText as xe, NTooltip as Se, NTransfer as Ce, NTree as we, NTreeSelect as Te, formProps as U, useDialog as Ee } from "ithinkdt-ui";
+import { nanoid as De } from "nanoid";
+import { isNullish as Oe, pickProps as W } from "@ithinkdt/common/object";
+import { VOverflow as ke, VResizeObserver as Ae } from "vueuc";
+import { Sortable as je } from "sortablejs/modular/sortable.core.esm.js";
+import { useFormItem as Me } from "ithinkdt-ui/es/_mixins";
+import { measureText as G } from "@ithinkdt/common/string";
+import { useFormModal as Ne } from "@ithinkdt/page";
+import Pe from "ithinkdt-ui/es/_mixins/use-locale.mjs";
+import { flattenTree as Fe, walkTree as Ie } from "@ithinkdt/common";
+//#region src/components/Checkboxes.jsx
+var Le = /* @__PURE__ */ d({
+	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(t, { emit: n, attrs: r }) {
+		let { t: i } = e(), a = s(() => t.default ? t.default === !0 ? i("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? i("common.all") : ""), o = b([]);
+		O(() => t.modelValue, (e) => o.value = e, { immediate: !0 });
+		let c = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
+		}, u = () => {
+			c(o.value?.length === t.options.length ? [] : t.options.map((e) => e[t.valueField]));
+		}, d = s(() => t.options.length > o.value?.length && o.value?.length > 0), f = s(() => ({ "--n-label-padding": t.labelPadding }));
+		return () => {
+			let e = l(re, g(r, {
+				value: o.value,
+				onUpdateValue: c
+			}), { default: () => [l(z, {
+				size: t.gap ?? (t.vertical ? void 0 : "small"),
+				vertical: t.vertical,
+				style: !t.default && t.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [t.options?.map((e) => l(R, {
+				value: e[t.valueField],
+				disabled: e[t.disabledField],
+				style: f.value
+			}, { default: () => [e[t.labelField]] }))] })] });
+			return t.default ? l(z, {
+				size: t.gap ?? (t.vertical ? void 0 : "small"),
+				vertical: t.vertical,
+				style: t.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [l("span", null, [l(R, {
+				indeterminate: d.value,
+				checked: o.value?.length > 0,
+				onUpdateChecked: u,
+				style: f.value
+			}, { default: () => [a.value] })]), e] }) : e;
+		};
+	}
+}), Re = (e) => l("svg", g({
+	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), [l("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)]), ze = (e) => l("svg", g({
+	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), [l("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)]), Be = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	"fill-rule": "evenodd",
+	d: "M8.27.776L7.275 6.25H3v2.5h3.82l-1.181 6.5H1v2.5h4.184l-.914 5.026l2.46.448l.995-5.474h6.46l-.915 5.026l2.46.448l.995-5.474H21v-2.5h-3.82l1.181-6.5H23v-2.5h-4.184l.914-5.026l-2.46-.448l-.995 5.474H9.816l.914-5.026zm6.37 14.474l1.181-6.5h-6.46l-1.181 6.5z",
+	"clip-rule": "evenodd"
+}, null)]), Ve = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"stroke-width": "1.5",
+	d: "m15.238 10.81l-.569 1.694a4.33 4.33 0 0 1-2.757 2.76l-1.713.569a.288.288 0 0 0 0 .548l1.713.569a4.32 4.32 0 0 1 2.736 2.738l.568 1.715a.287.287 0 0 0 .548 0l.59-1.694a4.32 4.32 0 0 1 2.735-2.738l1.714-.569a.288.288 0 0 0 0-.548l-1.692-.59a4.32 4.32 0 0 1-2.757-2.76l-.569-1.715a.29.29 0 0 0-.448-.126a.3.3 0 0 0-.099.148m-8.43-4.914l-.413 1.231a3.15 3.15 0 0 1-2.006 2.007l-1.246.414a.21.21 0 0 0 0 .398l1.246.415a3.14 3.14 0 0 1 1.99 1.99l.413 1.248a.21.21 0 0 0 .398 0l.43-1.232a3.15 3.15 0 0 1 1.99-1.99l1.245-.415a.21.21 0 0 0 0-.398l-1.23-.43A3.14 3.14 0 0 1 7.62 7.128l-.414-1.247a.21.21 0 0 0-.398.016m7.849-3.422l-.207.616a1.57 1.57 0 0 1-1.002 1.004l-.623.207a.104.104 0 0 0-.052.16a.1.1 0 0 0 .052.039l.623.207a1.57 1.57 0 0 1 .995.995l.206.624a.105.105 0 0 0 .2 0l.214-.616a1.57 1.57 0 0 1 .995-.995l.623-.207a.105.105 0 0 0 0-.2l-.615-.214a1.57 1.57 0 0 1-1.003-1.004l-.207-.624a.105.105 0 0 0-.199.008"
+}, null)]), He = (e) => l("svg", g({
+	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), [l("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)]), Ue = (e) => l("svg", g({
+	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), [l("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)]), We = (e) => l("svg", g({
+	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), [l("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)]), Ge = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
+}, null)]), Ke = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
+}, null)]), qe = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"
+}, null)]), Je = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z"
+}, null)]), Ye = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
+}, null)]), Xe = (e) => l("svg", g({
+	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), [l("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)]), Ze = (e) => l("svg", g({
+	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), [l("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)]), Qe = (e) => l("svg", g({
+	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), [l("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)]), $e = (e) => l("svg", g({
+	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), [l("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)]), et = (e) => l("svg", g({
+	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), [l("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)]), tt = (e) => l("svg", g({
+	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), [l("g", {
+	fill: "none",
+	fillRule: "evenodd"
+}, [l("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), l("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)])]), nt = (e) => l("svg", g({
+	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), [l("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)]), rt = (e) => l("svg", g({
+	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), [l("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)]), it = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5l-1-1h-5l-1 1H5v2h14V4z"
+}, null)]), at = (e) => l("svg", g({
+	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), [l("path", {
+	fill: "currentColor",
+	d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"
+}, null)]), ot = /* @__PURE__ */ d({
+	name: "DataActions",
+	props: { options: {
+		type: Array,
+		default: () => []
+	} },
+	setup(e) {
+		let t = b(), n = !0, r = () => {
+			n ? n = !1 : t.value?.sync({ showAllItemsBeforeCalculate: !0 });
+		}, i = b(), a = () => i.value, o = b(-1), c = (t) => {
+			o.value = e.options.length - t;
+		}, u = (e) => {
+			e || (o.value = -1);
+		}, d = () => {}, f = s(() => o.value === -1 ? [] : e.options.slice(o.value).map((e) => ({
+			...e,
+			key: e.text
+		}))), p = (e) => l(L, {
+			type: e.color === "danger" ? "error" : [
+				"default",
+				"tertiary",
+				"primary",
+				"info",
+				"success",
+				"warning",
+				"error"
+			].includes(e.color) ? e.color : "primary",
+			text: !0
+		}, { default: () => [e.text] }), m = (e, t) => {
+			t.onClick?.();
+		};
+		return () => l(Ae, { onResize: r }, { default: () => [l(ke, {
+			ref: t,
+			getCounter: a,
+			onUpdateCount: c,
+			onUpdateOverflow: u,
+			updateCounter: d,
+			style: "margin-top: 2px"
+		}, {
+			default: () => e.options.map((e) => l(L, {
+				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: () => l("span", {
+				ref: i,
+				style: "position: absolute"
+			}, [l(ie, {
+				options: f.value,
+				renderLabel: p,
+				showArrow: !0,
+				onSelect: m
+			}, { default: () => [l(L, {
+				quaternary: !0,
+				size: "small"
+			}, { default: () => [l($e, { style: "font-size: 14px; color: #888" }, null)] })] })])
+		})] });
+	}
+});
+//#endregion
+//#region src/components/DataCustom.jsx
+function K(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var st = /* @__PURE__ */ d({
+	name: "DataCustomRow",
+	props: {
+		label: [String, Function],
+		disabled: Boolean,
+		hidden: Boolean,
+		showFixed: Boolean,
+		fixed: [Boolean, String]
+	},
+	emits: ["update-hidden", "update-fixed"],
+	setup(e, { emit: t }) {
+		let n = b(null), r = M(n);
+		return () => {
+			let i;
+			return l(z, {
+				ref: n,
+				align: "center",
+				wrap: !1,
+				size: "small",
+				style: `padding: 4px 12px; ${r.value ? "background-color: #f5f5f5" : ""}`
+			}, { default: () => [
+				l(L, {
+					type: "primary",
+					text: !0,
+					class: "icon-drag",
+					style: "cursor: move"
+				}, { default: () => [l(B, { size: "18" }, { default: () => [l(He, null, null)] })] }),
+				l(R, {
+					checked: !e.hidden,
+					disabled: e.disabled,
+					onUpdateChecked: (e) => t("update-hidden", !e)
+				}, null),
+				l(ae, { style: "flex: 1 1 auto" }, K(i = T(e.label)) ? i : { default: () => [i] }),
+				e.showFixed ? [l(L, {
+					text: !0,
+					type: e.fixed === "left" ? "primary" : void 0,
+					onClick: () => t("update-fixed", e.fixed === "left" ? !1 : "left")
+				}, { default: () => [l(B, null, { default: () => [l(Ue, null, null)] })] }), l(L, {
+					text: !0,
+					type: e.fixed === "right" ? "primary" : void 0,
+					onClick: () => t("update-fixed", e.fixed === "right" ? !1 : "right")
+				}, { default: () => [l(B, null, { default: () => [l(We, null, null)] })] })] : void 0
+			] });
+		};
+	}
+}), ct = /* @__PURE__ */ d({
+	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"
+		},
+		visibleField: {
+			type: String,
+			default: "visible"
+		},
+		tooltip: [String, Object],
+		buttonRender: Function,
+		tooltipPlacement: {
+			type: String,
+			default: "left"
+		},
+		size: {
+			type: Number,
+			default: 18
+		},
+		type: { type: String }
+	},
+	emits: { custom: () => !0 },
+	setup(t, { emit: n }) {
+		let { t: r } = e();
+		function i(e, r, i) {
+			n("custom", {
+				key: e[t.keyField],
+				[r]: i
+			});
+		}
+		let o = b(), s;
+		return O(o, (e) => {
+			s?.destroy(), s = void 0, e.$el && (s = je.create(e.$el, {
+				animation: 150,
+				ghostClass: "ghost",
+				handle: ".icon-drag",
+				filter: ".disabled",
+				onEnd(e) {
+					let r = t.data.map((e) => e[t.keyField]), [i] = r.splice(e.oldIndex, 1);
+					r.splice(e.newIndex, 0, i), n("custom", r);
+				}
+			}));
+		}), v(() => {
+			s?.destroy(), s = void 0;
+		}), () => l(H, {
+			trigger: "click",
+			scrollable: !0,
+			placement: "left-start",
+			displayDirective: "show",
+			"content-style": "padding: 0",
+			style: "max-height: 400px; width: 240px"
+		}, {
+			trigger: () => k(t.buttonRender?.() ?? l(L, {
+				text: !0,
+				type: t.type
+			}, { default: () => [l(B, { size: t.size }, { default: () => [l(ze, null, null)] })] }), [[
+				a,
+				t.tooltip ?? r("common.page.custom.tooltip"),
+				void 0,
+				{ [t.tooltipPlacement]: !0 }
+			]]),
+			default: () => {
+				let e, a;
+				return l("div", null, [l(z, {
+					justify: "space-between",
+					style: "padding: 8px 12px; position: sticky; z-index: 1; top: 0; backdrop-filter: blur(4px)"
+				}, { default: () => [l("div", { style: "font-weight: bold" }, [t.tooltip ?? r("common.page.custom.tooltip")]), l(L, {
+					text: !0,
+					type: "primary",
+					size: "small",
+					onClick: () => n("custom", !0)
+				}, K(e = r("common.page.custom.reset")) ? e : { default: () => [e] })] }), l(z, {
+					ref: o,
+					vertical: !0,
+					size: 0,
+					style: "margin-bottom: 8px"
+				}, K(a = t.data.map((e) => l(st, {
+					key: e[t.keyField],
+					label: e[t.labelField],
+					hidden: e[t.hiddenField],
+					fixed: e[t.fixedField],
+					showFixed: t.showFixed,
+					style: e[t.visibleField] === !1 ? "display: none" : void 0,
+					onUpdateHidden: (t) => i(e, "hidden", t),
+					onUpdateFixed: (t) => i(e, "fixed", t)
+				}, null))) ? a : { default: () => [a] })]);
+			}
+		});
+	}
+});
+//#endregion
+//#region src/components/DataDescriptions.jsx
+function lt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+function q(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function ut(e, t) {
+	let n = e.children?.filter((e) => e.isGroup);
+	return l(F, { href: `#${e.prop}` }, {
+		title: () => q(e.label, t),
+		default: n?.length ? () => n.map((e) => ut(e, t)) : void 0
+	});
+}
+function dt(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+function ft(e, t, n, r) {
+	return e.isGroup ? l("div", {
+		key: e.prop,
+		class: `${r}__group`,
+		id: e.prop
+	}, [l("div", { class: `${r}__title` }, [q(e.label, n)]), l("div", { class: `${r}__wrapper` }, [e.children?.map((e) => ft(e, t, n, r))])]) : l("div", {
+		key: e.prop,
+		class: `${r}__item`,
+		style: {
+			"--descriptions-col-span": dt(e.colSpan, t, n) ?? 1,
+			"--descriptions-row-span": dt(e.rowSpan, t, n) ?? 1
+		}
+	}, [e.label ? l("div", { class: `${r}__label` }, [q(e.label, n)]) : void 0, l("div", { class: `${r}__content` }, [(n ? e.render ? e.render(n) : n[e.prop] : void 0) ?? l("span", { class: `${r}__nothing` }, [c("--")])])]);
+}
+var pt = /* @__PURE__ */ d({
+	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 n = i(), r = `${n.value}-data-descriptions`;
+		t("-data-descriptions", mt, n);
+		let a = b();
+		O(() => e.items, () => {
+			location.hash && j(a).toBeTruthy().then((e) => {
+				e.scrollTo(location.hash);
+			});
+		}, { immediate: !0 });
+		let o = s(() => ({ "--descriptions-cols": e.cols })), c = s(() => g({
+			ref: a,
+			class: `${r}__anchor`,
+			showBackground: !1,
+			affix: !0
+		}, e.anchor && typeof e.anchor == "object" ? e.anchor : {}));
+		return () => {
+			let { cols: t, title: n, data: i, items: a, anchor: s } = e, u = Oe(n) ? void 0 : l("div", { class: `${r}__header` }, [typeof n == "string" ? l("span", null, [n]) : n(i ?? void 0)]), d = a.filter((e) => !e.hidden).map((e) => ft(e, t, i, r)), p;
+			if (s !== !1) {
+				let e;
+				p = l(P, c.value, lt(e = a.filter((e) => e.isGroup).map((e) => f(ut(e, i), { key: e.prop }))) ? e : { default: () => [e] });
+			}
+			return l("div", {
+				class: r,
+				style: o.value
+			}, [
+				u,
+				l("div", { class: `${r}__wrapper` }, [d]),
+				p
+			]);
+		};
+	}
+}), mt = /* @__PURE__ */ n("data-descriptions", [
+	r("header", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "24px"
+	}),
+	r("wrapper", {
+		gridTemplateColumns: "repeat(var(--descriptions-cols, 3), 1fr)",
+		display: "grid",
+		gap: "20px"
+	}, []),
+	r("group", { gridColumn: "span var(--descriptions-cols, 3)" }),
+	r("item", {
+		gridColumn: "span var(--descriptions-col-span, 3)",
+		gridRow: "span var(--descriptions-row-span, 3)"
+	}),
+	r("title", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "20px",
+		marginTop: "24px"
+	}),
+	r("label", {
+		color: "#888",
+		paddingBottom: "6px"
+	}),
+	r("content", {
+		fontSize: "15px",
+		color: "var(--color-text)"
+	}),
+	r("anchor", {
+		position: "absolute",
+		zIndex: 2,
+		top: "40px",
+		right: "40px"
+	})
+]), J = {
+	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
+}, Y = /* @__PURE__ */ d({
+	name: "DataFormActions",
+	props: J,
+	emits: [
+		"submit",
+		"reset",
+		"cancel"
+	],
+	setup(t, { emit: n, slots: r }) {
+		let { t: i } = e(), a = () => {
+			n("submit");
+		}, o = () => {
+			n("reset");
+		}, s = () => {
+			n("cancel");
+		}, { mergedDisabledRef: c, mergedSizeRef: u } = Me(t);
+		return () => {
+			let e = u.value, n = c.value, { gap: d = e === "small" ? 8 : e === "medium" ? 12 : 16, submitText: f, resetText: p, cancelText: m, submitDisabled: h, submitLoading: g, showSubmitBtn: _, showResetBtn: v, showCancelBtn: y, succeeded: b, successText: S = f, failureText: C = f, nativeButtonType: w } = t;
+			return l(z, { size: d === void 0 ? e : d }, { default: () => [
+				x(r, "prefix"),
+				_ === !1 ? void 0 : l(L, {
+					attrType: w ? "submit" : "button",
+					size: e,
+					type: b ? "success" : b === !1 ? "error" : "primary",
+					disabled: b !== void 0 || n || h || g,
+					loading: g,
+					onClick: w ? void 0 : a
+				}, {
+					default: () => (b ? S : b === !1 ? C : f) || i("common.page.form.submitText"),
+					icon: () => b ? l(B, null, { default: () => [l(Ye, null, null)] }) : b === !1 ? l(B, null, { default: () => [l(rt, null, null)] }) : void 0
+				}),
+				v === !1 ? void 0 : l(L, {
+					size: u.value,
+					attrType: w ? "reset" : "button",
+					disabled: n || g || b,
+					type: y ? "primary" : "default",
+					secondary: y,
+					onClick: w ? void 0 : o
+				}, { default: () => [p || i("common.page.form.resetText")] }),
+				y === !1 || b ? void 0 : l(L, {
+					attrType: "button",
+					disabled: n || g,
+					onClick: s
+				}, { default: () => [m || i("common.page.form.cancelText")] }),
+				x(r, "suffix")
+			] });
+		};
+	}
+});
+//#endregion
+//#region src/components/DataForm.jsx
+function ht(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var gt = /* @__PURE__ */ d({
+	name: "DataForm",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...W(U, "disabled", "model", "labelWidth", "labelAlign", "showFeedback", "size"),
+		...W(J, "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: t, slots: n }) {
+		let r = (n) => {
+			n?.preventDefault?.(), t("submit", { ...C(e.model) }, n);
+		}, i = (e) => {
+			e?.preventDefault?.(), t("reset");
+		}, a = (e) => {
+			e?.preventDefault?.(), t("cancel");
+		}, s = b(), u = () => x(n, "actionPrefix"), d = () => x(n, "actionSuffix"), f = () => {
+			let { loading: t, showSubmitBtn: n, showResetBtn: r, showCancelBtn: i, actionAlign: o, actionJustify: s, actionGap: c, submitDisabled: f, submitText: p, resetText: m, cancelText: h, succeeded: g, successText: _, failureText: v } = e;
+			return [l(ce, {
+				label: s === "start" ? " " : void 0,
+				showLabel: e.labelPlacement !== "top",
+				style: "padding-top: 16px"
+			}, { default: () => [l(Y, {
+				align: o,
+				justify: s,
+				gap: c,
+				showSubmitBtn: n,
+				showResetBtn: r,
+				showCancelBtn: i,
+				submitText: p,
+				resetText: m,
+				cancelText: h,
+				submitDisabled: f,
+				submitLoading: t,
+				succeeded: g,
+				successText: _,
+				failureText: v,
+				nativeButtonType: !0,
+				onCancel: a
+			}, {
+				prefix: u,
+				suffix: d
+			})] })];
+		}, p = ({ overflow: e }) => x(n, "action", {
+			overflow: e,
+			grid: s.value
+		}, f), m = (t) => e.validation[t]?.errors?.[0] ?? e.validation[t]?.warnings?.[0], h = ({ label: t, showColon: n, tooltip: r, tooltipPlacement: i = e.tooltipPlacement }) => l(xe, {
+			depth: e.readonly ? 3 : 2,
+			style: "display: inline-flex; align-items: flex-start; gap: 1px"
+		}, { default: () => [
+			l("span", null, [T(t)]),
+			i === "icon" ? l(Se, null, {
+				default: () => T(r),
+				trigger: () => l(L, {
+					text: !0,
+					style: "font-size: 1.25em; opacity: 0.8"
+				}, { default: () => [l(B, null, { default: () => [l(Re, null, null)] })] })
+			}) : void 0,
+			e.showColon && n !== !1 ? l("span", { style: "place-self: center" }, [c(":")]) : void 0
+		] }), _ = ({ render: t, tooltip: n, tooltipPlacement: r = e.tooltipPlacement, showTooltipWhenReadonly: i = !1 }) => {
+			let a, o = l("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [t({
+				disabled: e.disabled,
+				size: e.size,
+				readonly: e.readonly
+			})]);
+			return n && r === "bottom" && (!e.readonly || i) ? l("div", { style: "width: 100%; display: flex; flex-direction: column" }, [o, l(xe, {
+				depth: 3,
+				style: "font-size: calc(1rem - 3px); margin-top: 6px"
+			}, ht(a = T(n)) ? a : { default: () => [a] })]) : o;
+		}, v = (t) => {
+			if (t.hidden) return;
+			let { hidden: n, name: r, render: i, label: a, showColon: o, span: s = 6, rowSpan: c, offset: u = 0, tooltip: d, tooltipPlacement: f, readonly: p = e.readonly, showRequireMark: v = !p, showTooltipWhenReadonly: y, validationStatus: b = e.validation[r]?.errors?.length ? "error" : e.validation[r]?.warnings?.length ? "warning" : e.validation[r] ? "success" : void 0, ...x } = t, S;
+			return S = r[0] === "$" ? i({}) : l(ce, g({
+				path: r,
+				validationStatus: b,
+				showRequireMark: x.required && v
+			}, x), {
+				label: () => h(t),
+				default: () => _(t),
+				feedback: () => m(r)
+			}), e.grid === !1 ? S : l(le, {
+				key: r,
+				offset: u,
+				span: s,
+				style: c ? { gridRowEnd: `span ${c}` } : void 0
+			}, ht(S) ? S : { default: () => [S] });
+		}, y = () => {
+			let { items: t, showAction: r } = e;
+			return l(o, null, [t.map(v), r === !1 || e.readonly === !0 && !n.action ? void 0 : l(le, g({
+				key: "action",
+				span: 2 ** 53 - 1
+			}, typeof e.showAction == "object" ? e.showAction : {}), { default: p })]);
+		};
+		return () => {
+			let { items: t, loading: n, validation: a, showColon: o, tooltipPlacement: c, showFeedback: u, labelWidth: d = "7.2em", labelAlign: f = e.labelPlacement === "top" ? "left" : "right", grid: p, showAction: m, showSubmitBtn: h, showResetBtn: _, showCancelBtn: v, actionAlign: b, actionJustify: x, actionGap: S, submitDisabled: C, submitText: w, resetText: T, cancelText: E, succeeded: D, successText: O, failureText: k, ...A } = e, j = !e.readonly && u !== !1;
+			return l(se, g({
+				labelWidth: d,
+				labelAlign: f,
+				onReset: i,
+				onSubmit: r,
+				showFeedback: j
+			}, A), { default: () => [l(ue, g({
+				ref: s,
+				itemResponsive: !0
+			}, p, { yGap: j ? 0 : p?.yGap ?? 24 }), { default: y })] });
+		};
+	}
+}), _t = /* @__PURE__ */ d({
+	name: "DataFilter",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...W(U, "disabled", "model", "validation"),
+		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
+		},
+		collapsedRows: Number
+	},
+	emits: [
+		"filter",
+		"reset",
+		"custom",
+		"collapse"
+	],
+	setup(t, { expose: n, emit: r }) {
+		let { t: i } = e(), a = (e) => {
+			r("filter", t.model, e);
+		}, o = (e) => {
+			r("reset", e), t.filterOnReset && r("filter", t.model, e);
+		}, s = b(t.defaultCollapsed), u = (e) => {
+			s.value = e;
+		};
+		n({ collapse: u });
+		let d = y({
+			span: 6,
+			suffix: !0
+		});
+		return () => {
+			let { filterOnReset: e, filterText: n, resetText: f, customizable: p, defaultCollapsed: m, collapsible: h, grid: v, collapsedRows: y, ...b } = t;
+			return l(gt, g({ grid: {
+				cols: "12 768:18 1280:24 1536:30",
+				yGap: 20,
+				xGap: 8,
+				...v,
+				collapsed: s.value,
+				collapsedRows: y
+			} }, b, {
+				showFeedback: !1,
+				showAction: d,
+				onSubmit: a,
+				onReset: o,
+				style: "position: relative"
+			}), { action: ({ grid: e }) => (_(() => {
+				d.suffix = e?.collapsedOverflow || e?.contentEl.children.item(e?.contentEl.children.length - 1).offsetTop > 0;
+			}), l("div", { style: "display: flex; gap: 12px; align-items: center; justify-content: " + (d.suffix ? "flex-end" : "flex-start") }, [
+				d.suffix ? void 0 : l("span", null, [c("\xA0\xA0\xA0\xA0")]),
+				l(L, {
+					attrType: "submit",
+					type: "primary",
+					disabled: t.disabled,
+					loading: t.loading
+				}, { default: () => [n || i("common.page.filter.submitText")] }),
+				l(L, {
+					attrType: "reset",
+					disabled: t.disabled || t.loading
+				}, { default: () => [f || i("common.page.form.resetText")] }),
+				p ? l(ct, {
+					keyField: "name",
+					showFixed: !1,
+					data: b.items,
+					onCustom: (e) => r("custom", e)
+				}, null) : void 0,
+				h && e?.collapsedOverflow ? l(L, {
+					text: !0,
+					type: "primary",
+					iconPlacement: "right",
+					renderIcon: s.value ? qe : Je,
+					onClick: () => u(!s.value)
+				}, { default: () => [s.value ? i("common.page.filter.expand") : i("common.page.filter.collapse")] }) : void 0
+			])) });
+		};
+	}
+});
+//#endregion
+//#region src/components/DataLocaleInput.jsx
+function vt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+function yt(t, n, r = 1) {
+	let { t: i } = e(), a = b(!1), o = [], { open: s, reinit: c } = Ne({
+		title: t,
+		showColon: !0,
+		submitText: i("common.confirm.defaultOk"),
+		items: ({ it: e }) => o.map((t) => e(t.value, t.label, "input", {
+			span: 24,
+			required: t.required,
+			inputProps: {
+				readonly: a,
+				clearable: !0,
+				type: "textarea",
+				showCount: !0,
+				autosize: {
+					minRows: E(r),
+					maxRows: Math.max(E(r), 5)
+				}
+			}
+		})),
+		onSubmit: n
+	});
+	return {
+		open: (e, t = !1) => (a.value = t, s(e)),
+		setSupports: (e) => {
+			o = e, c();
+		}
+	};
+}
+var bt = /* @__PURE__ */ d({
+	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: t }) {
+		let n = (n, r = e.showLang ?? e.defaultLang) => {
+			n = {
+				...e.modelValue,
+				[r]: n
+			}, t("update:modelValue", n), t("updateModelValue", n);
+		}, { open: r, setSupports: i } = yt(s(() => T(e.label)), (e) => {
+			t("update:modelValue", e), t("updateModelValue", e);
+		}, w(e, "defaultRows")), o = b(e.defaultExpanded);
+		O(() => e.defaultExpanded, (e) => {
+			o.value = e;
+		});
+		let c = () => l(L, {
+			quaternary: !0,
+			onClick: () => {
+				o.value = !o.value;
+			},
+			style: "--n-padding: 0 8px"
+		}, { default: () => [l(B, {
+			size: "20",
+			depth: "3"
+		}, { default: () => [o.value ? l(Qe, null, null) : l(Ze, null, null)] })] }), u = (t) => {
+			let n = t.split("-")[0];
+			return e.supports.some((e) => e.value !== t && e.value.startsWith(n)) ? t : n;
+		}, d = `__slots${De(6)}`;
+		O(() => e.supports, (e) => {
+			i(e);
+			let t = 0;
+			for (let [n, r] of e.entries()) {
+				let e = u(r.value);
+				t = Math.max(t, G(e, "monospace")), r[d] = h({
+					prefix: () => l("div", { style: {
+						width: `${t + 4}px`,
+						height: "100%",
+						opacity: .5,
+						fontSize: "12px",
+						fontFamily: "monospace",
+						color: r.required ? "var(--color-danger)" : void 0
+					} }, [e]),
+					suffix: n === 0 ? c : void 0
+				});
+			}
+		}, { immediate: !0 });
+		let f = s(() => {
+			let t = u(e.showLang ?? e.defaultLang);
+			return [t, G(t, "monospace")];
+		}), p = {
+			prefix: () => l("div", { style: {
+				width: `${f.value[1] + 4}px`,
+				height: "100%",
+				opacity: .5,
+				fontSize: "12px",
+				fontFamily: "monospace"
+			} }, [f.value[0]]),
+			suffix: () => l(L, {
+				quaternary: !0,
+				onClick: () => r(e.modelValue, e.disabled),
+				style: "--n-padding: 0 8px"
+			}, { default: () => [l(B, {
+				size: "20",
+				depth: "3"
+			}, { default: () => [l(Xe, null, null)] })] })
+		}, m = { "--n-padding-right": "0" };
+		return () => {
+			let t;
+			return e.mode === "dialog" ? l(V, {
+				value: e.modelValue?.[e.showLang ?? e.defaultLang] ?? e.modelValue?.[e.defaultLang],
+				onUpdateValue: n,
+				disabled: e.disabled,
+				clearable: !0,
+				style: m,
+				type: e.defaultRows > 1 ? "textarea" : "text",
+				rows: e.defaultRows
+			}, vt(p) ? p : { default: () => [p] }) : l(z, {
+				vertical: !0,
+				wrap: !1,
+				style: "width: 100%"
+			}, vt(t = e.supports.map((t, r) => {
+				if (!o.value && r !== 0) return;
+				let i = r == 0;
+				return k(l(V, {
+					key: t.value,
+					value: e.modelValue?.[t.value],
+					onUpdateValue: (e) => n(e, t.value),
+					disabled: e.disabled,
+					clearable: !0,
+					style: i ? m : void 0,
+					type: e.defaultRows > 1 ? "textarea" : "text",
+					rows: e.defaultRows
+				}, t[d]), [[
+					a,
+					t.label,
+					void 0,
+					{ left: !0 }
+				]]);
+			})) ? t : { default: () => [t] });
+		};
+	}
+}), X = /* @__PURE__ */ d({
+	name: "DataPagination",
+	props: {
+		total: {
+			type: Number,
+			default: 0
+		},
+		currentPage: { type: Number },
+		pageSize: { type: Number },
+		page: { type: Object },
+		resetPageOnSizeChange: {
+			type: Boolean,
+			default: !0
+		},
+		pageSizes: { type: Array },
+		simple: Boolean
+	},
+	emits: { change: () => !0 },
+	setup(t, { emit: n }) {
+		let { t: r } = e(), i = (e) => n("change", {
+			pageSize: t.pageSize ?? t.page?.pageSize ?? 0,
+			currentPage: e
+		}), a = (e) => n("change", {
+			pageSize: e,
+			currentPage: t.resetPageOnSizeChange ? 1 : t.currentPage ?? t.page?.currentPage ?? 1
+		}), o = p(X.DEFAULT_PAGE_SIZES_INJECTION_KEY, () => [
+			10,
+			20,
+			30,
+			50
+		], !0), s = {
+			prefix: () => r("common.page.pagination.prefix", { total: t.total }),
+			suffix: () => r("common.page.pagination.suffix")
+		};
+		return () => l(pe, {
+			page: t.currentPage ?? t.page?.currentPage,
+			itemCount: t.total,
+			pageSize: t.pageSize ?? t.page?.pageSize,
+			onUpdatePage: i,
+			onUpdatePageSize: a,
+			pageSizes: t.pageSizes || o,
+			showQuickJumper: !0,
+			showSizePicker: !0,
+			simple: t.simple,
+			style: "justify-content: flex-end"
+		}, t.simple ? void 0 : s);
+	}
+});
+X.DEFAULT_PAGE_SIZES_INJECTION_KEY = Symbol();
+//#endregion
+//#region src/components/ViewProfile.jsx
+function xt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var St = /* @__PURE__ */ d({
+	name: "ViewProfileRow",
+	props: {
+		value: String,
+		label: String,
+		locked: Boolean,
+		preference: Boolean,
+		current: Boolean
+	},
+	emits: [
+		"updatePreference",
+		"updateCurrent",
+		"updateLabel",
+		"remove",
+		"copy"
+	],
+	setup(e, { emit: t }) {
+		let n = b(null), r = M(n), i = b(!1), a = b();
+		A(n, () => i.value = !1);
+		let s = () => {
+			e.locked || (i.value = !0, a.value = e.label);
+		}, u = () => {
+			t("updatePreference", e.value, !e.preference);
+		}, d = () => {
+			t("updateCurrent", e.value);
+		}, f = (n) => {
+			e.label === a.value || n.type === "keyup" && n.key !== "Enter" || (i.value = !1, t("updateLabel", e.value, a.value || e.label));
+		}, p = () => {
+			t("remove", e.value);
+		}, m = () => {
+			t("copy", e.value);
+		};
+		return () => {
+			let t;
+			return l(z, {
+				ref: n,
+				align: "center",
+				wrap: !1,
+				size: "small",
+				style: `padding: 4px 12px; ${e.current ? "color: var(--color-primary);" : ""} ${r.value ? "background-color: #f5f5f5" : ""}`
+			}, { default: () => [
+				l("span", { style: {
+					fontSize: "18px",
+					opacity: +!!e.current
+				} }, [c("*")]),
+				i.value ? l(V, {
+					style: "flex: 1 1 auto",
+					size: "small",
+					value: a.value,
+					"onUpdate:value": (e) => a.value = e,
+					clearable: !0,
+					autofocus: !0,
+					onBlur: f,
+					onKeyup: f
+				}, null) : l(o, null, [
+					l("div", {
+						style: "flex: 1 1 auto; line-height: 28px;",
+						onClick: d,
+						onDblclick: s
+					}, [l(ae, null, xt(t = T(e.label)) ? t : { default: () => [t] })]),
+					l(L, {
+						text: !0,
+						type: "primary",
+						style: { display: r.value ? "block" : "none" },
+						onClick: m
+					}, { default: () => [l(B, { size: 15 }, { default: () => [l(at, null, null)] })] }),
+					l(L, {
+						text: !0,
+						type: "error",
+						disabled: e.locked,
+						style: { display: r.value ? "block" : "none" },
+						onClick: p
+					}, { default: () => [l(B, { size: 18 }, { default: () => [l(it, null, null)] })] })
+				]),
+				l(L, {
+					text: !0,
+					type: e.preference ? "success" : "default",
+					style: { display: !e.preference && !r.value ? "none" : "block" },
+					onClick: u
+				}, { default: () => [l(B, { size: 18 }, { default: () => [l(Ve, null, null)] })] })
+			] });
+		};
+	}
+}), Ct = /* @__PURE__ */ d({
+	name: "ViewProfile",
+	props: {
+		profiles: {
+			type: Array,
+			required: !0
+		},
+		keyField: {
+			type: String,
+			default: "key"
+		},
+		nameField: {
+			type: String,
+			default: "name"
+		},
+		lockedField: {
+			type: String,
+			default: "locked"
+		},
+		changing: Boolean,
+		buttonRender: Function,
+		size: {
+			type: Number,
+			default: 12
+		},
+		type: String,
+		profile: [String, Object],
+		preference: [String, Object]
+	},
+	emits: {
+		updateProfile: () => !0,
+		"update:profile": () => !0,
+		updatePreference: () => !0,
+		"update:preference": () => !0,
+		copy: () => !0,
+		save: () => !0,
+		remove: () => !0
+	},
+	setup(e, { emit: t, slots: n }) {
+		let r = s(() => e.profiles.find((t) => t[e.keyField] === e.profile)), i = () => [l("div", { style: "display: flex; align-items: center; gap: 2px; color: #999; font-style: italic; font-weight: normal; cursor: pointer;" }, [l(te, {
+			dot: !0,
+			processing: !0,
+			type: "success",
+			show: e.changing
+		}, { default: () => [e.buttonRender?.() ?? l(L, {
+			text: !0,
+			type: e.type
+		}, { default: () => [l(B, {
+			size: e.size,
+			color: "#999"
+		}, { default: () => [l(Be, null, null)] })] })] }), l("span", { style: { fontSize: e.size + "px" } }, [r.value?.[e.nameField] ?? e.profile])])], a = (e) => {
+			t("update:profile", e), t("updateProfile", e);
+		}, o = (e, n) => {
+			n = n ? e : void 0, t("updatePreference", n), t("update:preference", n);
+		}, c = (e, n) => {
+			t("save", {
+				key: e,
+				name: n
+			});
+		}, u = (e) => {
+			t("remove", e);
+		}, d = (e) => {
+			t("copy", e);
+		};
+		return () => l(H, {
+			scrollable: !0,
+			trigger: "click",
+			placement: "bottom-start",
+			"content-style": "padding: 0",
+			style: "max-height: 400px; width: 240px"
+		}, {
+			trigger: () => x(n, "default", {}, i),
+			default: () => {
+				let t;
+				return l(z, {
+					vertical: !0,
+					size: 0,
+					style: "margin-block: 8px"
+				}, xt(t = e.profiles.map((t) => l(St, {
+					value: t[e.keyField],
+					label: t[e.nameField] || t[e.keyField],
+					locked: t[e.lockedField],
+					preference: t[e.keyField] === e.preference,
+					current: t[e.keyField] === e.profile,
+					onUpdateCurrent: a,
+					onUpdatePreference: o,
+					onUpdateLabel: c,
+					onRemove: u,
+					onCopy: d
+				}, null))) ? t : { default: () => [t] });
+			}
+		});
+	}
+});
+//#endregion
+//#region src/components/DataSelection.jsx
+function wt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var Tt = /* @__PURE__ */ d({
+	name: "DataSelection",
+	props: {
+		modelValue: {
+			type: String,
+			required: !0
+		},
+		count: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		clear: () => !0
+	},
+	setup(t, { emit: n }) {
+		let { t: r } = e();
+		return () => {
+			let e;
+			return t.modelValue !== "selection" && t.count === 0 ? l("div", null, null) : l("div", null, [l(z, {
+				align: "center",
+				"wrap-item": !1
+			}, { default: () => [
+				l("span", null, [r("common.page.selection.countText", { count: t.count })]),
+				l(L, {
+					text: !0,
+					type: "primary",
+					onClick: () => {
+						n("update:modelValue", t.modelValue === "all" ? "selection" : "all");
+					}
+				}, { default: () => [t.modelValue === "all" ? r("common.page.selection.view") : r("common.page.selection.back")] }),
+				l(L, {
+					text: !0,
+					onClick: () => {
+						n("clear"), n("update:modelValue", "all");
+					}
+				}, wt(e = r("common.page.selection.clear")) ? e : { default: () => [e] })
+			] })]);
+		};
+	}
+}), Et = /* @__PURE__ */ d({
+	name: "FullscreenButton",
+	props: {
+		target: {
+			type: [String, HTMLElement],
+			default: document.documentElement
+		},
+		iconSize: {
+			type: Number,
+			default: 18
+		},
+		abstract: {
+			type: Boolean,
+			default: !1
+		},
+		isFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		tooltipPlacement: {
+			type: String,
+			default: "left"
+		}
+	},
+	emit: ["change"],
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = e(), o, c;
+		if (t.abstract) o = w(t, "isFullscreen"), c = () => {
+			n("change", !o.value);
+		};
+		else {
+			let e = N(s(() => typeof t.target == "string" ? document.querySelector(t.target) : t.target));
+			o = e.isFullscreen, c = () => {
+				e.toggle(), n("change", o.value);
+			};
+		}
+		return () => k(l(L, {
+			style: r.quaternary ? "--n-padding: 0 12px" : void 0,
+			onClick: c
+		}, { default: () => [l(B, { size: t.iconSize }, { default: () => [o.value ? l("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "1em",
+			height: "1em",
+			viewBox: "0 0 24 24"
+		}, [l("path", {
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "1.5",
+			d: "M8.345 3.75v2.095a2.5 2.5 0 0 1-2.5 2.5H3.75M8.345 20.25v-2.095a2.5 2.5 0 0 0-2.5-2.5H3.75M15.655 3.75v2.095a2.5 2.5 0 0 0 2.5 2.5h2.095M15.655 20.25v-2.095a2.5 2.5 0 0 1 2.5-2.5h2.095"
+		}, null)]) : l("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "1em",
+			height: "1em",
+			viewBox: "0 0 24 24"
+		}, [l("path", {
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "1.5",
+			d: "M3.75 8.345V6.25a2.5 2.5 0 0 1 2.5-2.5h2.095M3.75 15.655v2.095a2.5 2.5 0 0 0 2.5 2.5h2.095M20.25 8.345V6.25a2.5 2.5 0 0 0-2.5-2.5h-2.095m4.595 11.905v2.095a2.5 2.5 0 0 1-2.5 2.5h-2.095"
+		}, null)])] })] }), [[
+			a,
+			o.value ? i("common.layout.screen.exitfull") : i("common.layout.screen.full"),
+			void 0,
+			{ [t.tooltipPlacement]: !0 }
+		]]);
+	}
+});
+//#endregion
+//#region src/components/FullscreenWrapper.jsx
+function Dt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var Ot = /* @__PURE__ */ d({
+	name: "FullscreenWrapper",
+	props: {
+		tag: {
+			type: String,
+			default: "div"
+		},
+		scrollable: {
+			type: Boolean,
+			default: !1
+		},
+		scrollbarProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emit: ["change"],
+	setup(e, { emit: t, slots: n }) {
+		let r = D("target"), { isFullscreen: i, toggle: a, enter: o, exit: s } = N(r);
+		return O(i, (e) => t("change", e)), () => {
+			let t = x(n, "default", {
+				target: r.value,
+				toggle: a,
+				isFullscreen: i.value,
+				enter: o,
+				exit: s
+			});
+			return f(e.tag, { ref: "target" }, e.scrollable && i.value ? l(_e, e.scrollbarProps, Dt(t) ? t : { default: () => [t] }) : t);
+		};
+	}
+});
+//#endregion
+//#region src/components/Radios.jsx
+function kt(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var At = /* @__PURE__ */ d({
+	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(t, { emit: n }) {
+		let { t: r } = e(), a = i(), c = s(() => t.default === !1 ? "" : t.default === !0 ? r("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? r("common.all")), u = s(() => t.type === "button-primary" ? {
+			"--n-button-color-active": "var(--color-primary)",
+			"--n-button-text-color-active": "var(--color-base)"
+		} : {}), d = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
+		};
+		return () => {
+			let e = t.type === "button" ? he : me, n = l(o, null, [t.default ? l(e, {
+				value: typeof t.default == "object" ? t.default?.[t.valueField] : null,
+				class: `${a.value}-radio__default`
+			}, { default: () => [c.value] }) : void 0, t.options?.map((n) => {
+				let r = typeof n[t.labelField] == "string" ? n[t.labelField] : n[t.labelField]?.();
+				return l(e, {
+					value: n[t.valueField],
+					disabled: n[t.disabledField],
+					style: t.padding ? {
+						paddingLeft: t.padding,
+						paddingRight: t.padding
+					} : {}
+				}, { default: () => [n.tip ? l(Se, null, {
+					default: () => n.tip,
+					trigger: () => r
+				}) : r] });
+			})]);
+			return l(ge, {
+				style: t.vertical ? {
+					...u.value,
+					padding: "6px 0 0"
+				} : u.value,
+				class: `${a.value}-radios`,
+				value: t.modelValue,
+				onUpdateValue: d
+			}, { default: () => [t.type === "radio" ? l(z, {
+				size: t.vertical ? void 0 : "small",
+				vertical: t.vertical
+			}, kt(n) ? n : { default: () => [n] }) : n] });
+		};
+	}
+});
+//#endregion
+//#region src/components/UserDept.jsx
+function Z(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+}
+var jt = /* @__PURE__ */ d({
+	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 },
+		renderUserInfo: Function
+	},
+	emits: ["update:modelValue", "updateModelValue"],
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = e(), { localeRef: a } = Pe("Popconfirm"), c = s(() => t.valueField || (t.type === "user" ? "username" : "code")), u = s(() => {
+			if (t.multiple) return t.modelValue || [];
+			let e = t.modelValue?.trim();
+			return e ? [e] : [];
+		}), d = /* @__PURE__ */ new Map(), f = s(() => (d.clear(), t.users.map((e) => (e = y(e), e.label = e.nickname + e.username, e.value = e[c.value], e.type = "user", d.set(e[c.value], e), e)))), p = S([]);
+		O(() => t.depts, (e) => {
+			Ie(e, (e) => {
+				e.label = e.name, e.value = e[c.value], e.type = "dept", e.children?.length || delete e.children;
+			}), p.value = Fe(e);
+		}, { immediate: !0 });
+		let m = s(() => [
+			...t.depts,
+			...t.groups.map((e) => ({
+				label: e.name,
+				value: e.code,
+				type: "group"
+			})),
+			...f.value
+		]), h = b([]), v = b(), x = async (e) => {
+			let n = await (e.type === "group" ? t.getUsersByGroup(e.value) : t.getUsersByDept(e.value));
+			for (let e of f.value) e.disabled = !0;
+			v.value = [...e.type === "dept" ? e.children ?? [] : [], ...n.map((e) => {
+				let t = d.get(e[c.value]);
+				return t && (t.disabled = !1), {
+					...e,
+					label: e.nickname + e.username,
+					value: e[c.value],
+					type: "user"
+				};
+			})];
+		}, C = /* @__PURE__ */ new WeakMap(), w = (e, n, r) => {
+			let a;
+			if (t.type === "dept") return l(we, {
+				data: t.depts,
+				keyField: "value",
+				labelField: "name",
+				defaultExpandAll: t.defaultExpandAll,
+				checkable: t.multiple,
+				selectable: !t.multiple,
+				multiple: !1,
+				blockLine: !0,
+				checkOnClick: !0,
+				pattern: r,
+				filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+				checkedKeys: t.multiple ? e : void 0,
+				selectedKeys: t.multiple ? void 0 : e,
+				onUpdateCheckedKeys: (e) => {
+					t.max && e?.length > t.max || n(e);
+				},
+				onUpdateSelectedKeys: (e) => {
+					n(e);
+				}
+			}, null);
+			let s = e ? C.get(e) : /* @__PURE__ */ new Set();
+			if (e && !s && (s = new Set(e), C.set(e, s)), v.value === !1) return l(ye, { show: !0 }, null);
+			let c = v.value || m.value;
+			r = r?.trim(), r && (c = c?.filter((e) => e.label.includes(r) || e.value.includes(r)));
+			let u = h.value;
+			return l(o, null, [l("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [u.length > 0 ? l(o, null, [l("span", { style: "display: flex; align-items: center" }, [
+				u.length >= 2 ? u.at(-2).label : i("common.all"),
+				l("span", { style: "padding: 0 4px" }, [l(Ke, null, null)]),
+				u.at(-1).label
+			]), l(L, {
+				text: !0,
+				type: "warning",
+				onClick: () => {
+					if (u.pop(), v.value = u.length > 0 ? !1 : void 0, u.length > 0) x(u.at(-1));
+					else for (let e of f.value) e.disabled = !1;
+				}
+			}, { default: () => [l(B, null, { default: () => [l(Ge, null, null)] }), i("common.back")] })]) : l("span", null, [i("common.all")])]), c?.length ? l(de, {
+				showDivider: !1,
+				style: "padding: 0 16px"
+			}, Z(a = c.map((r) => {
+				let i, a;
+				return l(fe, {
+					key: r.type + "_" + r.value,
+					style: "padding: 6px 0"
+				}, { default: () => [r.type === "user" ? t.multiple ? l(R, {
+					checked: s.has(r.value) || !1,
+					onUpdateChecked: (i) => {
+						if (i && t.max && e.length >= t.max) return;
+						let a = [...e || []];
+						if (i) a.push(r.value);
+						else {
+							let e = a.indexOf(r.value);
+							a.splice(e, 1);
+						}
+						n(a);
+					},
+					style: "margin-left: 3px"
+				}, Z(i = $([r], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? i : { default: () => [i] }) : l(me, {
+					checked: s.has(r.value) || !1,
+					onUpdateChecked: (e) => {
+						n(e ? [r.value] : []);
+					},
+					style: "margin-left: 3px;"
+				}, Z(a = $([r], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? a : { default: () => [a] }) : l("div", {
+					onClick: () => {
+						v.value = !1, h.value.push(r), x(r);
+					},
+					style: "cursor: pointer; display: flex; align-items: center; gap: 8px"
+				}, [
+					r.type === "dept" ? l(I, {
+						size: 24,
+						style: "background-color: red"
+					}, { default: () => [l(B, null, { default: () => [l(et, null, null)] })] }) : l(I, {
+						size: 24,
+						style: "background-color: green"
+					}, { default: () => [l(B, null, { default: () => [l(tt, null, null)] })] }),
+					l("span", { style: "flex: 1 1 auto" }, [r.label]),
+					l(B, null, { default: () => [l(Ke, null, null)] })
+				])] });
+			})) ? a : { default: () => [a] }) : l(oe, null, null)]);
+		}, T = () => l(oe, { description: t.placeholder }, null), E = ({ option: e }) => e.type === "user" ? l("span", null, [e.nickname, l("span", { style: {
+			opacity: .4,
+			marginLeft: "8px"
+		} }, [e.username])]) : l("span", null, [e.label]), D = (e, n, r, i, a) => l(Ce, g(e, {
+			key: t.type,
+			options: n,
+			renderSourceList: ({ onCheck: e, pattern: t }) => w(r, e, t),
+			renderTargetList: t.placeholder?.trim() && !t.modelValue?.length ? T : void 0,
+			renderTargetLabel: E,
+			sourceFilterable: t.filterable,
+			size: t.size,
+			disabled: t.disabled || void 0,
+			value: r,
+			filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+			"onUpdate:value": (e) => {
+				i?.(e);
+			},
+			onUpdateValue: (e) => {
+				a?.(e);
+			}
+		}), null), k = ({ option: e, handleClose: n }) => l(be, {
+			type: t.type === "user" ? "primary" : "info",
+			closable: !0,
+			onMousedown: (e) => e.preventDefault(),
+			onClose: (e) => {
+				e.stopPropagation(), n();
+			}
+		}, { default: () => [e.label] }), A = (e, r = "updateModelValue") => {
+			t.multiple ? n(r, e) : n(r, e?.[0]);
+		}, j = b(), M = !1, N = Ee(), P = () => {
+			if (M) return;
+			M = !0;
+			let e = S([...u.value || []]);
+			N.create({
+				showIcon: !1,
+				title: t.placeholder,
+				style: { width: "700px" },
+				content: () => l("div", { style: { height: "550px" } }, [D({ style: { height: "100%" } }, t.type === "user" ? f.value : p.value, e.value, (t) => e.value = t)]),
+				positiveText: a.value.positiveText,
+				negativeText: a.value.negativeText,
+				onPositiveClick() {
+					A(e.value, "update:modelValue"), A(e.value, "updateModelValue");
+				},
+				onAfterLeave() {
+					_(() => {
+						j.value?.blur(), M = !1;
+					});
+				}
+			});
+		}, F = { arrow: () => l(B, null, { default: () => [t.type === "user" ? l(tt, null, null) : l(et, null, null)] }) };
+		return () => {
+			let e = t.type === "user" ? f.value : p.value;
+			if (t.selectType === "dropdown" && t.type === "dept") return l(Te, {
+				options: e,
+				keyField: "value",
+				defaultExpandAll: t.defaultExpandAll,
+				checkable: t.multiple,
+				multiple: t.multiple,
+				filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+				value: t.modelValue,
+				onUpdateValue: (e) => {
+					t.multiple && t.max && e?.length > t.max || n("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					t.multiple && t.max && e?.length > t.max || n("update:modelValue", e);
+				}
+			}, Z(F) ? F : { default: () => [F] });
+			if (t.selectType === "transfer") return D(r, e, u.value, (e) => A(e, "update:modelValue"), (e) => A(e, "updateModelValue"));
+			let i = t.selectType === "dropdown";
+			return l(ve, g(r, {
+				key: t.type,
+				ref: j,
+				show: i ? void 0 : !1,
+				filterable: i ? t.filterable : !1,
+				options: e,
+				multiple: t.multiple,
+				size: t.size,
+				placeholder: t.placeholder,
+				disabled: t.disabled || void 0,
+				value: t.modelValue,
+				renderTag: t.multiple ? k : void 0,
+				onFocus: i ? void 0 : P,
+				onUpdateValue: (e) => {
+					n("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					n("update:modelValue", e);
+				}
+			}), Z(F) ? F : { default: () => [F] });
+		};
+	}
+});
+function Q(e, t, { placement: n = "left", size: r = 24, tooltip: i = !0, username: a = !1, renderInfo: o }) {
+	let s = e.nickname.split(" ").at(-1), c = s;
+	if (/^[\u4E00-\u9FA5]+$/.test(s)) {
+		let e = s.length;
+		c = e === 3 || e === 4 ? s.slice(-2) : e > 4 ? s.slice(0, 1) : s;
+	} else s.length > 4 && (c = l(B, null, { default: () => [l(nt, null, null)] }));
+	let u = (e) => l(I, {
+		color: "var(--color-primary)",
+		round: !0,
+		size: e
+	}, Z(c) ? c : { default: () => [c] });
+	return l(H, {
+		key: e.username,
+		raw: !0,
+		placement: n,
+		disabled: i === !1
+	}, {
+		default: () => l(ne, {
+			style: "min-width: 200px",
+			size: "small"
+		}, { default: () => [l("div", { style: "display: flex; align-items: center; gap: 12px" }, [u(48), l("div", null, [l("div", { style: "font-size: 16px; font-weight: 500;" }, [e.nickname]), l("div", { style: "font-size: 14px; color: #999" }, [e.username])])]), o?.(e)] }),
+		trigger: () => {
+			let n = u(r);
+			return t ? l("div", { style: "max-width: 100%; overflow: hidden; display: inline-flex; align-items: center; gap: 6px" }, [n, l("div", { style: "overflow: hidden; white-space: nowrap; text-overflow: ellipsis" }, [l("span", null, [e.nickname]), a ? l("span", { style: "margin-left: 8px; opacity: 0.4" }, [e.username]) : void 0])]) : n;
+		}
+	});
+}
+function $(e, t = {}) {
+	let { max: n = 4, size: r = 24 } = t;
+	return e.length <= 1 ? e[0] ? Q(e[0], !0, t) : null : l("span", { style: {
+		display: "inline-block",
+		height: r + "px"
+	} }, [l(ee, {
+		options: e,
+		size: r,
+		max: n || 4,
+		style: "top: -2px"
+	}, {
+		avatar: ({ option: e }) => Q(e, !1, t),
+		rest: ({ options: e, rest: t }) => l(ie, {
+			options: e,
+			keyField: "username",
+			labelField: "nickname",
+			renderOption: ({ option: t }) => Q(t, !1, e)
+		}, { default: () => [l(I, null, { default: () => [c("+"), t] })] })
+	})]);
+}
+var Mt = /* @__PURE__ */ d({
+	name: "DeptRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		getDeptsByCode: Function
+	},
+	setup(e) {
+		let t = b([]), n = {};
+		return O([() => e.modelValue, () => e.multiple], ([r, i]) => {
+			t.value = [];
+			let a = r ? i ? Array.isArray(r) ? r : r.trim() ? r.trim().split(",") : [] : [r] : [], o = [];
+			for (let [e, r] of a.entries()) n[r] || (n[r] = y({
+				code: r,
+				name: r
+			}), o.push(r)), t.value[e] = n[r];
+			o.length > 0 && e.getDeptsByCode(o).then((e) => {
+				for (let t of e) Object.assign(n[t.code], t);
+			});
+		}, { immediate: !0 }), () => t.value.map((e) => l(be, { key: e.code }, { default: () => [e.name] }));
+	}
+}), Nt = /* @__PURE__ */ d({
+	name: "UserRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		max: Number,
+		size: Number,
+		placement: String,
+		getUsersByUsername: Function,
+		renderInfo: Function
+	},
+	setup(e) {
+		let t = b([]), n = {};
+		return O([() => e.value, () => e.multiple], ([r, i]) => {
+			t.value = [];
+			let a = r ? i ? Array.isArray(r) ? r : r.trim() ? r.trim().split(",") : [] : [r] : [], o = [];
+			for (let [e, r] of a.entries()) n[r] || (n[r] = y({
+				username: r,
+				nickname: r
+			}), o.push(r)), t.value[e] = n[r];
+			o.length > 0 && e.getUsersByUsername(o).then((e) => {
+				for (let t of e) Object.assign(n[t.username], t);
+			});
+		}, { immediate: !0 }), () => $(t.value, e);
+	}
+}), Pt = {
+	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
+	}
+}, Ft = /* @__PURE__ */ d({
+	name: "StateButton",
+	props: Pt,
+	setup(e, { slots: t }) {
+		return () => {
+			let { type: n, disabled: r, succeeded: i, successText: a, failureText: o } = e;
+			return l(L, {
+				type: i ? "success" : i === !1 ? "error" : n,
+				disabled: typeof i == "boolean" ? !0 : r
+			}, {
+				default: () => (i ? x(t, "success", void 0, () => [a]) : i === !1 ? x(t, "failure", void 0, () => [o]) : x(t, "default")) ?? x(t, "default"),
+				icon: () => i ? x(t, "successIcon", void 0, () => [l(B, null, { default: () => [l(Ye, null, null)] })]) : i === !1 ? x(t, "failureIcon", void 0, () => [l(B, null, { default: () => [l(rt, null, null)] })]) : x(t, "icon")
+			});
+		};
+	}
+}), It = u(() => import("./DataTable-BvLINmq3.js").then((e) => e.DataTable));
+//#endregion
+export { Re as C, ot as S, gt as _, jt as a, pt as b, At as c, Tt as d, Ct as f, _t as g, yt as h, Mt as i, Ot as l, bt as m, Ft as n, Nt as o, X as p, Pt as r, $ as s, It as t, Et as u, Y as v, Le as w, ct as x, J as y };