@cynnie/ui-shadcn 0.1.0

package/dist/ProTable-CP1Mc52q.js

@@ -0,0 +1,349 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { t as Button_default } from "./button-BQVT6mY3.js";
+import { t as Input_default } from "./Input-BQYIq9cS.js";
+import { t as ProFormBuilder_default } from "./ProFormBuilder-CsNShZ0y.js";
+import { t as Checkbox_default } from "./Checkbox-DswwIgpU.js";
+import { t as ProConfirmButton_default } from "./ProConfirmButton-zcvp7NcN.js";
+import { t as Loader_default } from "./Loader-DZyMmrI8.js";
+import { t as openDialog } from "./openDialog-CVp3qAfm.js";
+import { Fragment, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, mergeModels, normalizeClass, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, useTemplateRef, withCtx, withKeys, withModifiers } from "vue";
+import { Toaster, toast } from "vue-sonner";
+var _hoisted_1$1 = {
+	"data-slot": "table-container",
+	class: "relative w-full overflow-x-auto"
+};
+var Table_default = /* @__PURE__ */ defineComponent({
+	__name: "Table",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("table", {
+				"data-slot": "table",
+				class: normalizeClass(unref(cn)("w-full caption-bottom text-sm", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2)]);
+		};
+	}
+});
+var TableBody_default = /* @__PURE__ */ defineComponent({
+	__name: "TableBody",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tbody", {
+				"data-slot": "table-body",
+				class: normalizeClass(unref(cn)("[&_tr:last-child]:border-0", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var TableCell_default = /* @__PURE__ */ defineComponent({
+	__name: "TableCell",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", {
+				"data-slot": "table-cell",
+				class: normalizeClass(unref(cn)("p-3 align-middle whitespace-nowrap", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var TableHead_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHead",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("th", {
+				"data-slot": "table-head",
+				class: normalizeClass(unref(cn)("text-foreground h-10 px-3 text-left align-middle font-medium whitespace-nowrap", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var TableHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHeader",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("thead", {
+				"data-slot": "table-header",
+				class: normalizeClass(unref(cn)("[&_tr]:border-b", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var TableRow_default = /* @__PURE__ */ defineComponent({
+	__name: "TableRow",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", {
+				"data-slot": "table-row",
+				class: normalizeClass(unref(cn)("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var toasterMounted = false;
+function ensureToaster() {
+	if (toasterMounted || typeof document === "undefined") return;
+	toasterMounted = true;
+	if (document.querySelector("[data-snowui-sonner-toaster]")) return;
+	const container = document.createElement("div");
+	container.setAttribute("data-snowui-sonner-toaster", "");
+	document.body.appendChild(container);
+	createApp({ render: () => h(Toaster, {
+		position: "top-center",
+		richColors: true
+	}) }).mount(container);
+}
+function withToaster(call) {
+	return (...args) => {
+		ensureToaster();
+		return call(...args);
+	};
+}
+const uiMessage = {
+	success: withToaster((content) => toast.success(content)),
+	info: withToaster((content) => toast.info(content)),
+	error: withToaster((content) => toast.error(content)),
+	warning: withToaster((content) => toast.warning(content))
+};
+var ProTableForm_default = /* @__PURE__ */ defineComponent({
+	name: "ProTableForm",
+	__name: "ProTableForm",
+	props: {
+		formItems: {},
+		rules: {},
+		formData: {},
+		requestApi: { type: Function }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const data = ref({ ...props.formData });
+		const formRef = useTemplateRef("formRef");
+		__expose({ async submit() {
+			await formRef.value?.validate();
+			return props.requestApi({ ...data.value });
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ProFormBuilder_default, {
+				ref_key: "formRef",
+				ref: formRef,
+				modelValue: data.value,
+				"form-items": _ctx.formItems,
+				rules: _ctx.rules
+			}, null, 8, [
+				"modelValue",
+				"form-items",
+				"rules"
+			]);
+		};
+	}
+});
+var _hoisted_1 = { class: "flex flex-wrap items-center gap-3 mb-5" };
+var _hoisted_2 = { class: "flex items-center gap-2 flex-1 max-w-70" };
+var _hoisted_3 = { class: "rounded-md border" };
+var _hoisted_4 = { class: "flex items-center justify-center gap-2 text-muted-foreground" };
+var ProTable_default = /* @__PURE__ */ defineComponent({
+	name: "ProTable",
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		apis: {},
+		rowKey: {},
+		beforeCreate: { type: Function },
+		columns: {},
+		formItems: {},
+		rules: {}
+	}, {
+		"queryParams": { default: () => ({}) },
+		"queryParamsModifiers": {}
+	}),
+	emits: ["update:queryParams"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const key = props.rowKey || "id";
+		const queryParams = useModel(__props, "queryParams");
+		const { get, create, update, remove } = props.apis;
+		const dataSource = ref([]);
+		const isLoading = ref(false);
+		function loadData() {
+			isLoading.value = true;
+			get(queryParams.value).then((res) => {
+				dataSource.value = res.data;
+			}).finally(() => {
+				isLoading.value = false;
+			});
+		}
+		const selectedRowKeys = ref([]);
+		const selectedRow = shallowRef();
+		const allSelected = computed(() => dataSource.value.length > 0 && dataSource.value.every((row) => selectedRowKeys.value.includes(row[key])));
+		function onSelectAll(checked) {
+			if (checked === true) selectedRowKeys.value = dataSource.value.map((row) => row[key]);
+			else selectedRowKeys.value = [];
+		}
+		function onSelectRow(row, checked) {
+			if (checked === true) selectedRowKeys.value = [...selectedRowKeys.value, row[key]];
+			else selectedRowKeys.value = selectedRowKeys.value.filter((k) => k !== row[key]);
+			selectedRow.value = dataSource.value.find((row$1) => row$1[key] === selectedRowKeys.value[0]);
+		}
+		function onSelectChange(row) {
+			const rowKey = row[key];
+			onSelectRow(row, !selectedRowKeys.value.includes(rowKey));
+		}
+		loadData();
+		function openForm(data) {
+			openDialog(ProTableForm_default, {
+				requestApi: data[key] ? update : create,
+				formItems: props.formItems,
+				rules: props.rules,
+				formData: data
+			}, {
+				title: data[key] ? "修改" : "新增",
+				onOk: () => {
+					loadData();
+				}
+			});
+		}
+		async function handleCreate() {
+			openForm({});
+		}
+		function handleUpdate() {
+			openForm(selectedRow.value);
+		}
+		function handleRemove() {
+			remove(selectedRowKeys.value).then(loadData).catch(() => {
+				uiMessage.error("删除失败");
+			});
+		}
+		__expose({ refresh: loadData });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [
+				createVNode(unref(Button_default), {
+					variant: "default",
+					onClick: handleCreate
+				}, {
+					default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode("新增")])),
+					_: 1,
+					__: [2]
+				}),
+				createVNode(unref(Button_default), {
+					variant: "default",
+					disabled: !selectedRowKeys.value.length || void 0,
+					onClick: handleUpdate
+				}, {
+					default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode("修改")])),
+					_: 1,
+					__: [3]
+				}, 8, ["disabled"]),
+				createVNode(ProConfirmButton_default, {
+					danger: "",
+					title: "确定删除吗？",
+					disabled: !selectedRowKeys.value.length,
+					"on-confirm": handleRemove
+				}, {
+					default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode(" 删除 ")])),
+					_: 1,
+					__: [4]
+				}, 8, ["disabled"]),
+				renderSlot(_ctx.$slots, "search"),
+				createElementVNode("div", _hoisted_2, [createVNode(unref(Input_default), {
+					modelValue: queryParams.value.keyword,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => queryParams.value.keyword = $event),
+					placeholder: "搜索关键词",
+					onKeydown: withKeys(loadData, ["enter"])
+				}, null, 8, ["modelValue"]), createVNode(unref(Button_default), {
+					variant: "outline",
+					onClick: loadData
+				}, {
+					default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode("搜索")])),
+					_: 1,
+					__: [5]
+				})])
+			]), createElementVNode("div", _hoisted_3, [createVNode(unref(Table_default), null, {
+				default: withCtx(() => [createVNode(unref(TableHeader_default), null, {
+					default: withCtx(() => [createVNode(unref(TableRow_default), { class: "hover:bg-transparent" }, {
+						default: withCtx(() => [createVNode(unref(TableCell_default), { class: "w-10" }, {
+							default: withCtx(() => [createVNode(unref(Checkbox_default), {
+								"model-value": allSelected.value,
+								"onUpdate:modelValue": onSelectAll,
+								"aria-label": "全选"
+							}, null, 8, ["model-value"])]),
+							_: 1
+						}), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
+							return openBlock(), createBlock(unref(TableHead_default), { key: col.dataIndex }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(col.title), 1)]),
+								_: 2
+							}, 1024);
+						}), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}), createVNode(unref(TableBody_default), null, {
+					default: withCtx(() => [!isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(dataSource.value, (row) => {
+						return openBlock(), createBlock(unref(TableRow_default), {
+							key: row[unref(key)],
+							class: normalizeClass([{ "bg-muted/50": selectedRowKeys.value.includes(row[unref(key)]) }, "cursor-pointer"]),
+							onClick: ($event) => onSelectChange(row)
+						}, {
+							default: withCtx(() => [createVNode(unref(TableCell_default), { onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])) }, {
+								default: withCtx(() => [createVNode(unref(Checkbox_default), {
+									"model-value": selectedRowKeys.value.includes(row[unref(key)]),
+									"onUpdate:modelValue": (v) => onSelectRow(row, v),
+									"aria-label": `选择 ${row[unref(key)]}`
+								}, null, 8, [
+									"model-value",
+									"onUpdate:modelValue",
+									"aria-label"
+								])]),
+								_: 2
+							}, 1024), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
+								return openBlock(), createBlock(unref(TableCell_default), { key: col.dataIndex }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(row[col.dataIndex]), 1)]),
+									_: 2
+								}, 1024);
+							}), 128))]),
+							_: 2
+						}, 1032, ["class", "onClick"]);
+					}), 128)), !dataSource.value.length ? (openBlock(), createBlock(unref(TableRow_default), {
+						key: 0,
+						class: "hover:bg-transparent"
+					}, {
+						default: withCtx(() => [createVNode(unref(TableCell_default), {
+							class: "h-24 text-center text-muted-foreground",
+							colspan: _ctx.columns.length + 1
+						}, {
+							default: withCtx(() => _cache[6] || (_cache[6] = [createTextVNode(" 暂无数据 ")])),
+							_: 1,
+							__: [6]
+						}, 8, ["colspan"])]),
+						_: 1
+					})) : createCommentVNode("", true)], 64)) : (openBlock(), createBlock(unref(TableRow_default), {
+						key: 1,
+						class: "hover:bg-transparent"
+					}, {
+						default: withCtx(() => [createVNode(unref(TableCell_default), {
+							class: "h-24",
+							colspan: _ctx.columns.length + 1
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(Loader_default)), _cache[7] || (_cache[7] = createTextVNode(" 加载中... "))])]),
+							_: 1
+						}, 8, ["colspan"])]),
+						_: 1
+					}))]),
+					_: 1
+				})]),
+				_: 1
+			})])]);
+		};
+	}
+});
+export { uiMessage as i, ProTableForm_default as n, Toaster as r, ProTable_default as t };
+
+//# sourceMappingURL=ProTable-CP1Mc52q.js.map

package/dist/ProTable-CP1Mc52q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProTable-CP1Mc52q.js","names":["formItems","rules","columns"],"sources":["../src/components/ui/table/Table.vue","../src/components/ui/table/Table.vue","../src/components/ui/table/TableBody.vue","../src/components/ui/table/TableBody.vue","../src/components/ui/table/TableCell.vue","../src/components/ui/table/TableCell.vue","../src/components/ui/table/TableHead.vue","../src/components/ui/table/TableHead.vue","../src/components/ui/table/TableHeader.vue","../src/components/ui/table/TableHeader.vue","../src/components/ui/table/TableRow.vue","../src/components/ui/table/TableRow.vue","../src/utils/uiMessage.ts","../src/components/ProTable/ProTableForm.vue","../src/components/ProTable/ProTableForm.vue","../src/components/ProTable/index.vue","../src/components/ProTable/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n    <table data-slot=\"table\" :class=\"cn('w-full caption-bottom text-sm', props.class)\">\n      <slot />\n    </table>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n    <table data-slot=\"table\" :class=\"cn('w-full caption-bottom text-sm', props.class)\">\n      <slot />\n    </table>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <tbody data-slot=\"table-body\" :class=\"cn('[&_tr:last-child]:border-0', props.class)\">\n    <slot />\n  </tbody>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <tbody data-slot=\"table-body\" :class=\"cn('[&_tr:last-child]:border-0', props.class)\">\n    <slot />\n  </tbody>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <td data-slot=\"table-cell\" :class=\"cn('p-3 align-middle whitespace-nowrap', props.class)\">\n    <slot />\n  </td>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <td data-slot=\"table-cell\" :class=\"cn('p-3 align-middle whitespace-nowrap', props.class)\">\n    <slot />\n  </td>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <th\n    data-slot=\"table-head\"\n    :class=\"cn('text-foreground h-10 px-3 text-left align-middle font-medium whitespace-nowrap', props.class)\"\n  >\n    <slot />\n  </th>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <th\n    data-slot=\"table-head\"\n    :class=\"cn('text-foreground h-10 px-3 text-left align-middle font-medium whitespace-nowrap', props.class)\"\n  >\n    <slot />\n  </th>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <thead data-slot=\"table-header\" :class=\"cn('[&_tr]:border-b', props.class)\">\n    <slot />\n  </thead>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <thead data-slot=\"table-header\" :class=\"cn('[&_tr]:border-b', props.class)\">\n    <slot />\n  </thead>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <tr\n    data-slot=\"table-row\"\n    :class=\"cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)\"\n  >\n    <slot />\n  </tr>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <tr\n    data-slot=\"table-row\"\n    :class=\"cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)\"\n  >\n    <slot />\n  </tr>\n</template>\n","import { createApp, h } from \"vue\";\nimport { Toaster, toast } from \"vue-sonner\";\n\n/**\n * 全局提示的统一抽象：与 ui-antd / ui-element 导出同名方法，调用方无需关心底层 UI 库。\n * shadcn 版基于 vue-sonner（shadcn 官方 toast 方案）。\n *\n * vue-sonner 的 toast 需要页面里存在 <Toaster />；为保证开箱即用，\n * 首次调用时自动在 body 上挂一个（与 antd 的 message 全局可用行为对齐）。\n */\nlet toasterMounted = false;\n\nfunction ensureToaster() {\n  if (toasterMounted || typeof document === \"undefined\") return;\n  toasterMounted = true;\n  if (document.querySelector(\"[data-snowui-sonner-toaster]\")) return;\n  const container = document.createElement(\"div\");\n  container.setAttribute(\"data-snowui-sonner-toaster\", \"\");\n  document.body.appendChild(container);\n  const app = createApp({ render: () => h(Toaster, { position: \"top-center\", richColors: true }) });\n  app.mount(container);\n}\n\nfunction withToaster<T extends any[]>(call: (...args: T) => any) {\n  return (...args: T) => {\n    ensureToaster();\n    return call(...args);\n  };\n}\n\nexport const uiMessage = {\n  success: withToaster((content: string) => toast.success(content)),\n  info: withToaster((content: string) => toast.info(content)),\n  error: withToaster((content: string) => toast.error(content)),\n  warning: withToaster((content: string) => toast.warning(content)),\n};\n\nexport { Toaster, toast };\n","<script setup lang=\"ts\">\nimport { ref, useTemplateRef } from \"vue\";\nimport ProFormBuilder from \"../ProFormBuilder/index.vue\";\n\ndefineOptions({\n  name: \"ProTableForm\",\n});\n\nconst props = defineProps<{\n  formItems: any[];\n  rules?: any;\n  formData: Record<string, any>;\n  requestApi: (data: Record<string, any>) => Promise<any>;\n}>();\n\nconst data = ref<Record<string, any>>({ ...props.formData });\nconst formRef = useTemplateRef<any>(\"formRef\");\n\ndefineExpose({\n  async submit() {\n    await formRef.value?.validate();\n    return props.requestApi({\n      ...data.value,\n    });\n  },\n});\n</script>\n\n<template>\n  <ProFormBuilder ref=\"formRef\" :modelValue=\"data\" :form-items=\"formItems\" :rules=\"rules\" />\n</template>\n","<script setup lang=\"ts\">\nimport { ref, useTemplateRef } from \"vue\";\nimport ProFormBuilder from \"../ProFormBuilder/index.vue\";\n\ndefineOptions({\n  name: \"ProTableForm\",\n});\n\nconst props = defineProps<{\n  formItems: any[];\n  rules?: any;\n  formData: Record<string, any>;\n  requestApi: (data: Record<string, any>) => Promise<any>;\n}>();\n\nconst data = ref<Record<string, any>>({ ...props.formData });\nconst formRef = useTemplateRef<any>(\"formRef\");\n\ndefineExpose({\n  async submit() {\n    await formRef.value?.validate();\n    return props.requestApi({\n      ...data.value,\n    });\n  },\n});\n</script>\n\n<template>\n  <ProFormBuilder ref=\"formRef\" :modelValue=\"data\" :form-items=\"formItems\" :rules=\"rules\" />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from \"vue\";\nimport { openDialog } from \"../../utils/openDialog\";\nimport ProTableForm from \"./ProTableForm.vue\";\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport { Loader } from \"../ui/loader\";\nimport ProConfirmButton from \"../ProConfirmButton/index.vue\";\nimport { uiMessage } from \"../../utils/uiMessage\";\nimport type { PageApis, TableColumn, FormItem, FormRules } from \"@cynnie/ui-core\";\n\ndefineOptions({\n  name: \"ProTable\",\n});\n\nconst props = defineProps<{\n  apis: PageApis;\n  rowKey?: string;\n  beforeCreate?: () => Promise<Record<string, any>>;\n  columns: TableColumn[];\n  formItems: FormItem[];\n  rules?: FormRules;\n}>();\n\nconst key = props.rowKey || \"id\";\n\nconst queryParams = defineModel<any>(\"queryParams\", { default: () => ({}) });\n\nconst { get, create, update, remove } = props.apis;\nconst dataSource = ref<any[]>([]);\nconst isLoading = ref(false);\nfunction loadData() {\n  isLoading.value = true;\n  get(queryParams.value)\n    .then((res) => {\n      dataSource.value = res.data;\n    })\n    .finally(() => {\n      isLoading.value = false;\n    });\n}\n\nconst selectedRowKeys = ref<any[]>([]);\n\nconst selectedRow = shallowRef<Record<string, any>>();\n\nconst allSelected = computed(\n  () => dataSource.value.length > 0 && dataSource.value.every((row) => selectedRowKeys.value.includes(row[key])),\n);\n\nfunction onSelectAll(checked: boolean | \"indeterminate\") {\n  if (checked === true) {\n    selectedRowKeys.value = dataSource.value.map((row) => row[key]);\n  } else {\n    selectedRowKeys.value = [];\n  }\n}\n\nfunction onSelectRow(row: Record<string, any>, checked: boolean | \"indeterminate\") {\n  if (checked === true) {\n    selectedRowKeys.value = [...selectedRowKeys.value, row[key]];\n  } else {\n    selectedRowKeys.value = selectedRowKeys.value.filter((k) => k !== row[key]);\n  }\n  // 与 antd / element 版对齐：selection 变化即更新 selectedRow\n  selectedRow.value = dataSource.value.find((row) => row[key] === selectedRowKeys.value[0]);\n}\n\nfunction onSelectChange(row: Record<string, any>) {\n  const rowKey = row[key];\n  const checked = !selectedRowKeys.value.includes(rowKey);\n  onSelectRow(row, checked);\n}\n\nloadData();\n\nfunction openForm(data: Record<string, any>) {\n  openDialog(\n    ProTableForm,\n    {\n      requestApi: data[key] ? update : create,\n      formItems: props.formItems,\n      rules: props.rules,\n      formData: data,\n    },\n    {\n      title: data[key] ? \"修改\" : \"新增\",\n      onOk: () => {\n        loadData();\n      },\n    },\n  );\n}\n\nasync function handleCreate() {\n  openForm({});\n}\nfunction handleUpdate() {\n  openForm(selectedRow.value);\n}\nfunction handleRemove() {\n  remove(selectedRowKeys.value)\n    .then(loadData)\n    .catch(() => {\n      uiMessage.error(\"删除失败\");\n    });\n}\n\ndefineExpose({\n  refresh: loadData,\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"flex flex-wrap items-center gap-3 mb-5\">\n      <Button variant=\"default\" @click=\"handleCreate\">新增</Button>\n      <Button variant=\"default\" :disabled=\"!selectedRowKeys.length || undefined\" @click=\"handleUpdate\">修改</Button>\n      <ProConfirmButton danger title=\"确定删除吗？\" :disabled=\"!selectedRowKeys.length\" :on-confirm=\"handleRemove\">\n        删除\n      </ProConfirmButton>\n      <slot name=\"search\"></slot>\n      <div class=\"flex items-center gap-2 flex-1 max-w-70\">\n        <Input\n          v-model=\"queryParams.keyword\"\n          placeholder=\"搜索关键词\"\n          @keydown.enter=\"loadData\"\n        />\n        <Button variant=\"outline\" @click=\"loadData\">搜索</Button>\n      </div>\n    </div>\n\n    <div class=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow class=\"hover:bg-transparent\">\n            <TableCell class=\"w-10\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"onSelectAll\" aria-label=\"全选\" />\n            </TableCell>\n            <TableHead v-for=\"col in columns\" :key=\"col.dataIndex\">{{ col.title }}</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          <template v-if=\"!isLoading\">\n            <TableRow\n              v-for=\"row in dataSource\"\n              :key=\"row[key]\"\n              :class=\"{ 'bg-muted/50': selectedRowKeys.includes(row[key]) }\"\n              class=\"cursor-pointer\"\n              @click=\"onSelectChange(row)\"\n            >\n              <TableCell @click.stop>\n                <Checkbox\n                  :model-value=\"selectedRowKeys.includes(row[key])\"\n                  @update:model-value=\"(v: any) => onSelectRow(row, v)\"\n                  :aria-label=\"`选择 ${row[key]}`\"\n                />\n              </TableCell>\n              <TableCell v-for=\"col in columns\" :key=\"col.dataIndex\">{{ row[col.dataIndex] }}</TableCell>\n            </TableRow>\n            <TableRow v-if=\"!dataSource.length\" class=\"hover:bg-transparent\">\n              <TableCell class=\"h-24 text-center text-muted-foreground\" :colspan=\"columns.length + 1\">\n                暂无数据\n              </TableCell>\n            </TableRow>\n          </template>\n          <TableRow v-else class=\"hover:bg-transparent\">\n            <TableCell class=\"h-24\" :colspan=\"columns.length + 1\">\n              <div class=\"flex items-center justify-center gap-2 text-muted-foreground\">\n                <Loader />\n                加载中...\n              </div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from \"vue\";\nimport { openDialog } from \"../../utils/openDialog\";\nimport ProTableForm from \"./ProTableForm.vue\";\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport { Loader } from \"../ui/loader\";\nimport ProConfirmButton from \"../ProConfirmButton/index.vue\";\nimport { uiMessage } from \"../../utils/uiMessage\";\nimport type { PageApis, TableColumn, FormItem, FormRules } from \"@cynnie/ui-core\";\n\ndefineOptions({\n  name: \"ProTable\",\n});\n\nconst props = defineProps<{\n  apis: PageApis;\n  rowKey?: string;\n  beforeCreate?: () => Promise<Record<string, any>>;\n  columns: TableColumn[];\n  formItems: FormItem[];\n  rules?: FormRules;\n}>();\n\nconst key = props.rowKey || \"id\";\n\nconst queryParams = defineModel<any>(\"queryParams\", { default: () => ({}) });\n\nconst { get, create, update, remove } = props.apis;\nconst dataSource = ref<any[]>([]);\nconst isLoading = ref(false);\nfunction loadData() {\n  isLoading.value = true;\n  get(queryParams.value)\n    .then((res) => {\n      dataSource.value = res.data;\n    })\n    .finally(() => {\n      isLoading.value = false;\n    });\n}\n\nconst selectedRowKeys = ref<any[]>([]);\n\nconst selectedRow = shallowRef<Record<string, any>>();\n\nconst allSelected = computed(\n  () => dataSource.value.length > 0 && dataSource.value.every((row) => selectedRowKeys.value.includes(row[key])),\n);\n\nfunction onSelectAll(checked: boolean | \"indeterminate\") {\n  if (checked === true) {\n    selectedRowKeys.value = dataSource.value.map((row) => row[key]);\n  } else {\n    selectedRowKeys.value = [];\n  }\n}\n\nfunction onSelectRow(row: Record<string, any>, checked: boolean | \"indeterminate\") {\n  if (checked === true) {\n    selectedRowKeys.value = [...selectedRowKeys.value, row[key]];\n  } else {\n    selectedRowKeys.value = selectedRowKeys.value.filter((k) => k !== row[key]);\n  }\n  // 与 antd / element 版对齐：selection 变化即更新 selectedRow\n  selectedRow.value = dataSource.value.find((row) => row[key] === selectedRowKeys.value[0]);\n}\n\nfunction onSelectChange(row: Record<string, any>) {\n  const rowKey = row[key];\n  const checked = !selectedRowKeys.value.includes(rowKey);\n  onSelectRow(row, checked);\n}\n\nloadData();\n\nfunction openForm(data: Record<string, any>) {\n  openDialog(\n    ProTableForm,\n    {\n      requestApi: data[key] ? update : create,\n      formItems: props.formItems,\n      rules: props.rules,\n      formData: data,\n    },\n    {\n      title: data[key] ? \"修改\" : \"新增\",\n      onOk: () => {\n        loadData();\n      },\n    },\n  );\n}\n\nasync function handleCreate() {\n  openForm({});\n}\nfunction handleUpdate() {\n  openForm(selectedRow.value);\n}\nfunction handleRemove() {\n  remove(selectedRowKeys.value)\n    .then(loadData)\n    .catch(() => {\n      uiMessage.error(\"删除失败\");\n    });\n}\n\ndefineExpose({\n  refresh: loadData,\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"flex flex-wrap items-center gap-3 mb-5\">\n      <Button variant=\"default\" @click=\"handleCreate\">新增</Button>\n      <Button variant=\"default\" :disabled=\"!selectedRowKeys.length || undefined\" @click=\"handleUpdate\">修改</Button>\n      <ProConfirmButton danger title=\"确定删除吗？\" :disabled=\"!selectedRowKeys.length\" :on-confirm=\"handleRemove\">\n        删除\n      </ProConfirmButton>\n      <slot name=\"search\"></slot>\n      <div class=\"flex items-center gap-2 flex-1 max-w-70\">\n        <Input\n          v-model=\"queryParams.keyword\"\n          placeholder=\"搜索关键词\"\n          @keydown.enter=\"loadData\"\n        />\n        <Button variant=\"outline\" @click=\"loadData\">搜索</Button>\n      </div>\n    </div>\n\n    <div class=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow class=\"hover:bg-transparent\">\n            <TableCell class=\"w-10\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"onSelectAll\" aria-label=\"全选\" />\n            </TableCell>\n            <TableHead v-for=\"col in columns\" :key=\"col.dataIndex\">{{ col.title }}</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          <template v-if=\"!isLoading\">\n            <TableRow\n              v-for=\"row in dataSource\"\n              :key=\"row[key]\"\n              :class=\"{ 'bg-muted/50': selectedRowKeys.includes(row[key]) }\"\n              class=\"cursor-pointer\"\n              @click=\"onSelectChange(row)\"\n            >\n              <TableCell @click.stop>\n                <Checkbox\n                  :model-value=\"selectedRowKeys.includes(row[key])\"\n                  @update:model-value=\"(v: any) => onSelectRow(row, v)\"\n                  :aria-label=\"`选择 ${row[key]}`\"\n                />\n              </TableCell>\n              <TableCell v-for=\"col in columns\" :key=\"col.dataIndex\">{{ row[col.dataIndex] }}</TableCell>\n            </TableRow>\n            <TableRow v-if=\"!dataSource.length\" class=\"hover:bg-transparent\">\n              <TableCell class=\"h-24 text-center text-muted-foreground\" :colspan=\"columns.length + 1\">\n                暂无数据\n              </TableCell>\n            </TableRow>\n          </template>\n          <TableRow v-else class=\"hover:bg-transparent\">\n            <TableCell class=\"h-24\" :colspan=\"columns.length + 1\">\n              <div class=\"flex items-center justify-center gap-2 text-muted-foreground\">\n                <Loader />\n                加载中...\n              </div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/SelectValue-CWl9zUW3.js

@@ -0,0 +1,163 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectContent, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectPortal, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, SelectViewport, useForwardProps, useForwardPropsEmits } from "reka-ui";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-vue-next";
+var Select_default = /* @__PURE__ */ defineComponent({
+	__name: "Select",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		modelValue: {},
+		nullableValue: {},
+		by: { type: [String, Function] },
+		dir: {},
+		multiple: { type: Boolean },
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectRoot), mergeProps({ "data-slot": "select" }, props), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var SelectContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectContent",
+	props: {
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: {}
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const delegatedProps = useForwardPropsEmits(props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectPortal), null, {
+				default: withCtx(() => [createVNode(unref(SelectContent), mergeProps({ "data-slot": "select-content" }, {
+					...unref(delegatedProps),
+					..._ctx.$attrs
+				}, { class: unref(cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[1100] max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", _ctx.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", props.class) }), {
+					default: withCtx(() => [
+						createVNode(unref(SelectScrollUpButton), { class: "flex cursor-default items-center justify-center py-1" }, {
+							default: withCtx(() => [createVNode(unref(ChevronUpIcon), { class: "size-4" })]),
+							_: 1
+						}),
+						createVNode(unref(SelectViewport), { class: normalizeClass(unref(cn)("p-1", _ctx.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1")) }, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 8, ["class"]),
+						createVNode(unref(SelectScrollDownButton), { class: "flex cursor-default items-center justify-center py-1" }, {
+							default: withCtx(() => [createVNode(unref(ChevronDownIcon), { class: "size-4" })]),
+							_: 1
+						})
+					]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+var _hoisted_1 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
+var SelectItem_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = useForwardProps(props);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectItem), mergeProps({ "data-slot": "select-item" }, unref(delegatedProps), { class: unref(cn)("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=text-])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer", props.class) }), {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(SelectItemIndicator), null, {
+					default: withCtx(() => [createVNode(unref(CheckIcon), { class: "size-4" })]),
+					_: 1
+				})]), createVNode(unref(SelectItemText), null, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+var SelectTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectTrigger",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectTrigger), {
+				"data-slot": "select-trigger",
+				class: normalizeClass(unref(cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=text-])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(unref(SelectIcon), { "as-child": "" }, {
+					default: withCtx(() => [createVNode(unref(ChevronDownIcon), { class: "size-4 opacity-50" })]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+var SelectValue_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectValue",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectValue), {
+				"data-slot": "select-value",
+				class: normalizeClass(unref(cn)(props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+export { Select_default as a, SelectContent_default as i, SelectTrigger_default as n, SelectItem_default as r, SelectValue_default as t };
+
+//# sourceMappingURL=SelectValue-CWl9zUW3.js.map

package/dist/SelectValue-CWl9zUW3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValue-CWl9zUW3.js","names":["$attrs","position"],"sources":["../src/components/ui/select/Select.vue","../src/components/ui/select/Select.vue","../src/components/ui/select/SelectContent.vue","../src/components/ui/select/SelectContent.vue","../src/components/ui/select/SelectItem.vue","../src/components/ui/select/SelectItem.vue","../src/components/ui/select/SelectTrigger.vue","../src/components/ui/select/SelectTrigger.vue","../src/components/ui/select/SelectValue.vue","../src/components/ui/select/SelectValue.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { SelectRoot, type SelectRootProps } from \"reka-ui\";\n\nconst props = defineProps<SelectRootProps>();\n</script>\n\n<template>\n  <SelectRoot data-slot=\"select\" v-bind=\"props\">\n    <slot />\n  </SelectRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport { SelectRoot, type SelectRootProps } from \"reka-ui\";\n\nconst props = defineProps<SelectRootProps>();\n</script>\n\n<template>\n  <SelectRoot data-slot=\"select\" v-bind=\"props\">\n    <slot />\n  </SelectRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectContent, type SelectContentEmits, type SelectContentProps, SelectPortal, SelectViewport, SelectScrollUpButton, SelectScrollDownButton, useForwardPropsEmits } from \"reka-ui\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(defineProps<SelectContentProps & { class?: HTMLAttributes[\"class\"] }>(), {\n  position: \"popper\",\n});\nconst emits = defineEmits<SelectContentEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <SelectPortal>\n    <SelectContent\n      data-slot=\"select-content\"\n      v-bind=\"{ ...delegatedProps, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[1100] max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          props.class,\n        )\n      \"\n    >\n      <SelectScrollUpButton class=\"flex cursor-default items-center justify-center py-1\">\n        <ChevronUpIcon class=\"size-4\" />\n      </SelectScrollUpButton>\n      <SelectViewport\n        :class=\"\n          cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1',\n          )\n        \"\n      >\n        <slot />\n      </SelectViewport>\n      <SelectScrollDownButton class=\"flex cursor-default items-center justify-center py-1\">\n        <ChevronDownIcon class=\"size-4\" />\n      </SelectScrollDownButton>\n    </SelectContent>\n  </SelectPortal>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectContent, type SelectContentEmits, type SelectContentProps, SelectPortal, SelectViewport, SelectScrollUpButton, SelectScrollDownButton, useForwardPropsEmits } from \"reka-ui\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(defineProps<SelectContentProps & { class?: HTMLAttributes[\"class\"] }>(), {\n  position: \"popper\",\n});\nconst emits = defineEmits<SelectContentEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <SelectPortal>\n    <SelectContent\n      data-slot=\"select-content\"\n      v-bind=\"{ ...delegatedProps, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[1100] max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          props.class,\n        )\n      \"\n    >\n      <SelectScrollUpButton class=\"flex cursor-default items-center justify-center py-1\">\n        <ChevronUpIcon class=\"size-4\" />\n      </SelectScrollUpButton>\n      <SelectViewport\n        :class=\"\n          cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1',\n          )\n        \"\n      >\n        <slot />\n      </SelectViewport>\n      <SelectScrollDownButton class=\"flex cursor-default items-center justify-center py-1\">\n        <ChevronDownIcon class=\"size-4\" />\n      </SelectScrollDownButton>\n    </SelectContent>\n  </SelectPortal>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectItem, SelectItemIndicator, type SelectItemProps, SelectItemText, useForwardProps } from \"reka-ui\";\nimport { CheckIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<SelectItemProps & { class?: HTMLAttributes[\"class\"] }>();\n\nconst delegatedProps = useForwardProps(props);\n</script>\n\n<template>\n  <SelectItem\n    data-slot=\"select-item\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=text-])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <span class=\"absolute right-2 flex size-3.5 items-center justify-center\">\n      <SelectItemIndicator>\n        <CheckIcon class=\"size-4\" />\n      </SelectItemIndicator>\n    </span>\n\n    <SelectItemText>\n      <slot />\n    </SelectItemText>\n  </SelectItem>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectItem, SelectItemIndicator, type SelectItemProps, SelectItemText, useForwardProps } from \"reka-ui\";\nimport { CheckIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<SelectItemProps & { class?: HTMLAttributes[\"class\"] }>();\n\nconst delegatedProps = useForwardProps(props);\n</script>\n\n<template>\n  <SelectItem\n    data-slot=\"select-item\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=text-])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <span class=\"absolute right-2 flex size-3.5 items-center justify-center\">\n      <SelectItemIndicator>\n        <CheckIcon class=\"size-4\" />\n      </SelectItemIndicator>\n    </span>\n\n    <SelectItemText>\n      <slot />\n    </SelectItemText>\n  </SelectItem>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectTrigger, SelectIcon } from \"reka-ui\";\nimport { ChevronDownIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <SelectTrigger\n    data-slot=\"select-trigger\"\n    :class=\"\n      cn(\n        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=text-])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n    <SelectIcon as-child>\n      <ChevronDownIcon class=\"size-4 opacity-50\" />\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectTrigger, SelectIcon } from \"reka-ui\";\nimport { ChevronDownIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <SelectTrigger\n    data-slot=\"select-trigger\"\n    :class=\"\n      cn(\n        'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=text-])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n    <SelectIcon as-child>\n      <ChevronDownIcon class=\"size-4 opacity-50\" />\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectValue } from \"reka-ui\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <SelectValue data-slot=\"select-value\" :class=\"cn(props.class)\">\n    <slot />\n  </SelectValue>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { SelectValue } from \"reka-ui\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <SelectValue data-slot=\"select-value\" :class=\"cn(props.class)\">\n    <slot />\n  </SelectValue>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;ECGA,MAAM,QAAQ;;uBAIZ,YAEa,MAAA,WAAA,EAFb,WAEa,EAFD,aAAU,UAAQ,EAAS,MAAK,EAAA;2BAClC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEAZ,MAAM,QAAQ;EAKd,MAAM,iBAAiB,qBAAqB,OAF9B,OAE2C;;uBAIvD,YA+Be,MAAA,aAAA,EAAA,MAAA;2BADG,CA7BhB,YA6BgB,MAAA,cAAA,EA7BhB,WA6BgB,EA5Bd,aAAU,kBAAgB,EAAA;KAAA,GACb,MAAA,eAAc;KAAA,GAAKA,KAAAA;KAAM,EAAA,EACrC,OAAgB,MAAA,GAAE,CAAA,mjBAAykBC,KAAAA,aAAQ,YAAA,mIAA0K,MAAM,MAAA,EAAA,CAAA,EAAA;4BAW7vB;MAFvB,YAEuB,MAAA,qBAAA,EAAA,EAFD,OAAM,wDAAsD,EAAA;8BAChD,CAAhC,YAAgC,MAAA,cAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA;;;MAE/B,YAUiB,MAAA,eAAA,EAAA,EATd,OAAK,eAAa,MAAA,GAAE,CAAA,OAAiCA,KAAAA,aAAQ,YAAA,oGAAA,CAAA,EAAA,EAAA;8BAQtD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;MAEV,YAEyB,MAAA,uBAAA,EAAA,EAFD,OAAM,wDAAsD,EAAA;8BAChD,CAAlC,YAAkC,MAAA,gBAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;EEvCvC,MAAM,QAAQ;EAEd,MAAM,iBAAiB,gBAAgB,MAAM;;uBAI3C,YAmBa,MAAA,WAAA,EAnBb,WAmBa,EAlBX,aAAU,eAAa,EACf,MAAA,eAAc,EAAA,EACrB,OAAc,MAAA,GAAE,CAAA,sXAAwY,MAAM,MAAA,EAAA,CAAA,EAAA;2BAWxZ,CAJP,mBAIO,QAJP,YAIO,CAHL,YAEsB,MAAA,oBAAA,EAAA,MAAA;4BADQ,CAA5B,YAA4B,MAAA,UAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,CAAA,CAAA;;UAI7B,YAEiB,MAAA,eAAA,EAAA,MAAA;4BADP,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;EEvBd,MAAM,QAAQ;;uBAMZ,YAagB,MAAA,cAAA,EAAA;IAZd,aAAU;IACT,OAAK,eAAS,MAAA,GAAE,CAAA,2zBAA60B,MAAM,MAAA,CAAA;;2BAO51B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,YAEa,MAAA,WAAA,EAAA,EAFD,YAAA,IAAQ,EAAA;4BAC2B,CAA7C,YAA6C,MAAA,gBAAA,EAAA,EAA5B,OAAM,qBAAmB,CAAA,CAAA,CAAA;;;;;;;;;;;;EElBhD,MAAM,QAAQ;;uBAMZ,YAEc,MAAA,YAAA,EAAA;IAFD,aAAU;IAAgB,OAAK,eAAE,MAAA,GAAE,CAAC,MAAM,MAAK,CAAA;;2BAClD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}