@cynnie/ui-shadcn 0.1.0

package/README.md

@@ -0,0 +1,49 @@
+# @cynnie/ui-shadcn
+
+基于 [shadcn-vue](https://www.shadcn-vue.com/)（reka-ui + Tailwind CSS v4）的 SnowUI 二次封装组件库，API 与 `@cynnie/ui-antd` / `@cynnie/ui-element` 完全对齐：
+
+- **ProTable** — 搜索表单 + 表格 + 分页一体化
+- **ProFormBuilder** — JSON 配置化表单
+- **ProButton / ProCountdownButton / ProConfirmButton** — 带防抖 / 倒计时 / 二次确认的按钮
+- **ProInput** — 自动搜索防抖输入框
+- **ProSelect / ProCheckboxGroup / ProRadioGroup** — 字典驱动的选择组件
+- **ProModal** — 受控/命令式弹窗
+- **ProDescriptions** — 描述列表
+- **openDialog** — 命令式打开弹窗的工具函数
+
+## 安装
+
+```sh
+pnpm add @cynnie/ui-shadcn
+```
+
+peer 依赖：`vue ^3.5`、`tailwindcss ^4.3`。
+
+## 样式
+
+组件样式由使用方的 Tailwind 编译，二选一：
+
+```ts
+// 开箱即用：引入完整样式入口（Tailwind v4 CSS-first）
+import "@cynnie/ui-shadcn/style.css";
+```
+
+```css
+/* 或在你的 Tailwind 入口里只引入设计令牌 */
+@import "@cynnie/ui-shadcn/tailwind.preset.css";
+```
+
+## 使用
+
+```vue
+<script setup lang="ts">
+import { ProTable } from "@cynnie/ui-shadcn";
+// 或按需深路径引入：import ProTable from "@cynnie/ui-shadcn/components/ProTable";
+</script>
+```
+
+同系列还有 [@cynnie/ui-antd](https://www.npmjs.com/package/@cynnie/ui-antd)（ant-design-vue 版）与 [@cynnie/ui-element](https://www.npmjs.com/package/@cynnie/ui-element)（element-plus 版），API 完全对齐，可按 UI 库切换。
+
+## License
+
+MIT

package/dist/Checkbox-DswwIgpU.js

@@ -0,0 +1,38 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
+import { CheckIcon } from "lucide-vue-next";
+var Checkbox_default = /* @__PURE__ */ defineComponent({
+	__name: "Checkbox",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		value: {},
+		id: {},
+		trueValue: {},
+		falseValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const delegatedProps = useForwardPropsEmits(props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CheckboxRoot), mergeProps({ "data-slot": "checkbox" }, unref(delegatedProps), { class: unref(cn)("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", props.class) }), {
+				default: withCtx(() => [createVNode(unref(CheckboxIndicator), { class: "flex items-center justify-center text-current transition-none" }, {
+					default: withCtx(() => [createVNode(unref(CheckIcon), { class: "size-3.5" })]),
+					_: 1
+				})]),
+				_: 1
+			}, 16, ["class"]);
+		};
+	}
+});
+export { Checkbox_default as t };
+
+//# sourceMappingURL=Checkbox-DswwIgpU.js.map

package/dist/Checkbox-DswwIgpU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-DswwIgpU.js","names":[],"sources":["../src/components/ui/checkbox/Checkbox.vue","../src/components/ui/checkbox/Checkbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { CheckboxRootEmits, CheckboxRootProps } from \"reka-ui\";\nimport type { HTMLAttributes } from \"vue\";\nimport { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from \"reka-ui\";\nimport { CheckIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<CheckboxRootProps & { class?: HTMLAttributes[\"class\"] }>();\nconst emits = defineEmits<CheckboxRootEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <CheckboxRoot\n    data-slot=\"checkbox\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <CheckboxIndicator class=\"flex items-center justify-center text-current transition-none\">\n      <CheckIcon class=\"size-3.5\" />\n    </CheckboxIndicator>\n  </CheckboxRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport type { CheckboxRootEmits, CheckboxRootProps } from \"reka-ui\";\nimport type { HTMLAttributes } from \"vue\";\nimport { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from \"reka-ui\";\nimport { CheckIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<CheckboxRootProps & { class?: HTMLAttributes[\"class\"] }>();\nconst emits = defineEmits<CheckboxRootEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <CheckboxRoot\n    data-slot=\"checkbox\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <CheckboxIndicator class=\"flex items-center justify-center text-current transition-none\">\n      <CheckIcon class=\"size-3.5\" />\n    </CheckboxIndicator>\n  </CheckboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;ECOA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,qBAAqB,OAF9B,OAE2C;;uBAIvD,YAae,MAAA,aAAA,EAbf,WAae,EAZb,aAAU,YAAU,EACZ,MAAA,eAAc,EAAA,EACrB,OAAc,MAAA,GAAE,CAAA,8fAAghB,MAAM,MAAA,EAAA,CAAA,EAAA;2BASnhB,CAFpB,YAEoB,MAAA,kBAAA,EAAA,EAFD,OAAM,iEAA+D,EAAA;4BACxD,CAA9B,YAA8B,MAAA,UAAA,EAAA,EAAnB,OAAM,YAAU,CAAA,CAAA,CAAA"}

package/dist/DialogTitle-CCJNart2.js

@@ -0,0 +1,107 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, useForwardPropsEmits } from "reka-ui";
+import { XIcon } from "lucide-vue-next";
+var Dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		unmountOnHide: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var DialogContent_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const delegatedProps = useForwardPropsEmits(props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [createVNode(unref(DialogOverlay), {
+					"data-slot": "dialog-overlay",
+					class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[1050] bg-black/50"
+				}), createVNode(unref(DialogContent), mergeProps({ "data-slot": "dialog-content" }, unref(delegatedProps), { class: unref(cn)("bg-background 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 fixed top-[50%] left-[50%] z-[1060] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer" }, {
+						default: withCtx(() => [createVNode(unref(XIcon), { class: "size-4" }), _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))]),
+						_: 1,
+						__: [0]
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+var DialogFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogFooter",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "dialog-footer",
+				class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var DialogHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogHeader",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "dialog-header",
+				class: normalizeClass(unref(cn)("flex flex-col gap-2 text-center sm:text-left", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+var DialogTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, props, { class: unref(cn)("text-lg leading-none font-semibold", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { Dialog_default as a, DialogContent_default as i, DialogHeader_default as n, DialogFooter_default as r, DialogTitle_default as t };
+
+//# sourceMappingURL=DialogTitle-CCJNart2.js.map

package/dist/DialogTitle-CCJNart2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle-CCJNart2.js","names":[],"sources":["../src/components/ui/dialog/Dialog.vue","../src/components/ui/dialog/Dialog.vue","../src/components/ui/dialog/DialogContent.vue","../src/components/ui/dialog/DialogContent.vue","../src/components/ui/dialog/DialogFooter.vue","../src/components/ui/dialog/DialogFooter.vue","../src/components/ui/dialog/DialogHeader.vue","../src/components/ui/dialog/DialogHeader.vue","../src/components/ui/dialog/DialogTitle.vue","../src/components/ui/dialog/DialogTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from \"reka-ui\";\n\nconst props = defineProps<DialogRootProps>();\nconst emits = defineEmits<DialogRootEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <DialogRoot data-slot=\"dialog\" v-bind=\"forwarded\">\n    <slot />\n  </DialogRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from \"reka-ui\";\n\nconst props = defineProps<DialogRootProps>();\nconst emits = defineEmits<DialogRootEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <DialogRoot data-slot=\"dialog\" v-bind=\"forwarded\">\n    <slot />\n  </DialogRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { DialogClose, DialogPortal, DialogOverlay, DialogContent, type DialogContentEmits, type DialogContentProps, useForwardPropsEmits } from \"reka-ui\";\nimport { XIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<DialogContentProps & { class?: HTMLAttributes[\"class\"] }>();\nconst emits = defineEmits<DialogContentEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"dialog-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[1050] bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"dialog-content\"\n      v-bind=\"delegatedProps\"\n      :class=\"\n        cn(\n          'bg-background 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 fixed top-[50%] left-[50%] z-[1060] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n\n      <DialogClose\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer\"\n      >\n        <XIcon class=\"size-4\" />\n        <span class=\"sr-only\">Close</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { DialogClose, DialogPortal, DialogOverlay, DialogContent, type DialogContentEmits, type DialogContentProps, useForwardPropsEmits } from \"reka-ui\";\nimport { XIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<DialogContentProps & { class?: HTMLAttributes[\"class\"] }>();\nconst emits = defineEmits<DialogContentEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"dialog-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[1050] bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"dialog-content\"\n      v-bind=\"delegatedProps\"\n      :class=\"\n        cn(\n          'bg-background 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 fixed top-[50%] left-[50%] z-[1060] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n\n      <DialogClose\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer\"\n      >\n        <XIcon class=\"size-4\" />\n        <span class=\"sr-only\">Close</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\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=\"dialog-footer\" :class=\"cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)\">\n    <slot />\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=\"dialog-footer\" :class=\"cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)\">\n    <slot />\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=\"dialog-header\" :class=\"cn('flex flex-col gap-2 text-center sm:text-left', props.class)\">\n    <slot />\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=\"dialog-header\" :class=\"cn('flex flex-col gap-2 text-center sm:text-left', props.class)\">\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { DialogTitle, type DialogTitleProps } from \"reka-ui\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<DialogTitleProps & { class?: HTMLAttributes[\"class\"] }>();\n</script>\n\n<template>\n  <DialogTitle\n    data-slot=\"dialog-title\"\n    v-bind=\"props\"\n    :class=\"cn('text-lg leading-none font-semibold', props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { DialogTitle, type DialogTitleProps } from \"reka-ui\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<DialogTitleProps & { class?: HTMLAttributes[\"class\"] }>();\n</script>\n\n<template>\n  <DialogTitle\n    data-slot=\"dialog-title\"\n    v-bind=\"props\"\n    :class=\"cn('text-lg leading-none font-semibold', props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":";;;;;;;;;;;;;;ECMA,MAAM,YAAY,qBAHJ,SACA,OAEsC;;uBAIlD,YAEa,MAAA,WAAA,EAFb,WAEa,EAFD,aAAU,UAAQ,EAAS,MAAA,UAAS,CAAA,EAAA;2BACtC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EELZ,MAAM,QAAQ;EAGd,MAAM,iBAAiB,qBAAqB,OAF9B,OAE2C;;uBAIvD,YAwBe,MAAA,aAAA,EAAA,MAAA;2BApBX,CAHF,YAGE,MAAA,cAAA,EAAA;KAFA,aAAU;KACV,OAAM;QAER,YAkBgB,MAAA,cAAA,EAlBhB,WAkBgB,EAjBd,aAAU,kBAAgB,EAClB,MAAA,eAAc,EAAA,EACrB,OAAgB,MAAA,GAAE,CAAA,mXAAyY,MAAM,MAAA,EAAA,CAAA,EAAA;4BAO1Z,CAAR,WAAQ,KAAA,QAAA,UAAA,EAER,YAKc,MAAA,YAAA,EAAA,EAJZ,OAAM,sSAAoS,EAAA;6BAElR,CAAxB,YAAwB,MAAA,MAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,EAAA,OAAA,OAAA,OAAA,KACrB,mBAAkC,QAAA,EAA5B,OAAM,WAAS,EAAC,SAAK,GAAA,EAAA,CAAA;;;;;;;;;;;;;;;EE9BnC,MAAM,QAAQ;;uBAMZ,mBAEM,OAAA;IAFD,aAAU;IAAiB,OAAK,eAAE,MAAA,GAAE,CAAA,0DAA2D,MAAM,MAAK,CAAA;OAC7G,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;EEPZ,MAAM,QAAQ;;uBAMZ,mBAEM,OAAA;IAFD,aAAU;IAAiB,OAAK,eAAE,MAAA,GAAE,CAAA,gDAAiD,MAAM,MAAK,CAAA;OACnG,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;;;;;EENZ,MAAM,QAAQ;;uBAIZ,YAMc,MAAA,YAAA,EANd,WAMc,EALZ,aAAU,gBAAc,EAChB,OAAK,EACZ,OAAO,MAAA,GAAE,CAAA,sCAAuC,MAAM,MAAK,EAAA,CAAA,EAAA;2BAEpD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/Input-BQYIq9cS.js

@@ -0,0 +1,24 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel, vModelText, withDirectives } from "vue";
+var Input_default = /* @__PURE__ */ defineComponent({
+	__name: "Input",
+	props: /* @__PURE__ */ mergeModels({ class: {} }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("input", {
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"data-slot": "input",
+				class: normalizeClass(unref(cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", props.class))
+			}, null, 2)), [[vModelText, model.value]]);
+		};
+	}
+});
+export { Input_default as t };
+
+//# sourceMappingURL=Input-BQYIq9cS.js.map

package/dist/Input-BQYIq9cS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-BQYIq9cS.js","names":[],"sources":["../src/components/ui/input/Input.vue","../src/components/ui/input/Input.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\nconst model = defineModel<any>();\n</script>\n\n<template>\n  <input\n    v-model=\"model\"\n    data-slot=\"input\"\n    :class=\"\n      cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        props.class,\n      )\n    \"\n  />\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\nconst model = defineModel<any>();\n</script>\n\n<template>\n  <input\n    v-model=\"model\"\n    data-slot=\"input\"\n    :class=\"\n      cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        props.class,\n      )\n    \"\n  />\n</template>\n"],"mappings":";;;;;;;;;;ECIA,MAAM,QAAQ;EAId,MAAM,QAAQ,SAAgB,SAAA,aAAE;;uCAI9B,mBAWE,SAAA;uEAVc,QAAA;IACd,aAAU;IACT,OAAK,eAAS,MAAA,GAAE,CAAA,mcAAA,iFAAA,0GAAgqB,MAAM,MAAA,CAAA;+BAF9qB,MAAA,MAAK,CAAA,CAAA"}

package/dist/Loader-DZyMmrI8.js

@@ -0,0 +1,19 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { LoaderCircleIcon } from "lucide-vue-next";
+var Loader_default = /* @__PURE__ */ defineComponent({
+	__name: "Loader",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(LoaderCircleIcon), {
+				"data-slot": "loader",
+				class: normalizeClass(unref(cn)("size-4 animate-spin text-muted-foreground", props.class))
+			}, null, 8, ["class"]);
+		};
+	}
+});
+export { Loader_default as t };
+
+//# sourceMappingURL=Loader-DZyMmrI8.js.map

package/dist/Loader-DZyMmrI8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader-DZyMmrI8.js","names":[],"sources":["../src/components/ui/loader/Loader.vue","../src/components/ui/loader/Loader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { LoaderCircleIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <LoaderCircleIcon data-slot=\"loader\" :class=\"cn('size-4 animate-spin text-muted-foreground', props.class)\" />\n</template>\n","<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\";\nimport { LoaderCircleIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"];\n}>();\n</script>\n\n<template>\n  <LoaderCircleIcon data-slot=\"loader\" :class=\"cn('size-4 animate-spin text-muted-foreground', props.class)\" />\n</template>\n"],"mappings":";;;;;;;ECKA,MAAM,QAAQ;;uBAMZ,YAA6G,MAAA,iBAAA,EAAA;IAA3F,aAAU;IAAU,OAAK,eAAE,MAAA,GAAE,CAAA,6CAA8C,MAAM,MAAK,CAAA"}

package/dist/ProButton-BQWpTTCy.js

@@ -0,0 +1,84 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { t as Button_default } from "./button-BQVT6mY3.js";
+import { t as Loader_default } from "./Loader-DZyMmrI8.js";
+import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, onBeforeUnmount, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+var ProButton_default = /* @__PURE__ */ defineComponent({
+	name: "ProButton",
+	inheritAttrs: false,
+	__name: "index",
+	props: {
+		type: { default: "default" },
+		danger: {
+			type: Boolean,
+			default: false
+		},
+		debounce: { default: 0 },
+		onClick: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const variant = computed(() => {
+			if (props.danger) return "destructive";
+			switch (props.type) {
+				case "primary": return "default";
+				case "dashed": return "outline";
+				case "text": return "ghost";
+				case "link": return "link";
+				default: return "outline";
+			}
+		});
+		const isLoading = ref(false);
+		let timer;
+		onBeforeUnmount(() => {
+			if (timer) clearTimeout(timer);
+		});
+		const isLoadingOrDebouncing = computed(() => {
+			if (isLoading.value) return true;
+			return props.debounce > 0 && timer !== void 0;
+		});
+		async function handleClick(...args) {
+			if (props.debounce > 0) {
+				if (timer) return;
+				timer = setTimeout(() => {
+					timer = void 0;
+				}, props.debounce);
+			}
+			if (!props.onClick) return;
+			const result = props.onClick(...args);
+			if (result instanceof Promise) {
+				isLoading.value = true;
+				try {
+					await result;
+				} finally {
+					isLoading.value = false;
+				}
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), mergeProps({
+				variant: variant.value,
+				disabled: isLoadingOrDebouncing.value || void 0,
+				class: unref(cn)(_ctx.$attrs.class),
+				style: _ctx.$attrs.style
+			}, {
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, { onClick: handleClick }), {
+				default: withCtx(() => [isLoadingOrDebouncing.value ? (openBlock(), createBlock(unref(Loader_default), {
+					key: 0,
+					class: "text-current"
+				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"variant",
+				"disabled",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+export { ProButton_default as t };
+
+//# sourceMappingURL=ProButton-BQWpTTCy.js.map

package/dist/ProButton-BQWpTTCy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProButton-BQWpTTCy.js","names":["$attrs"],"sources":["../src/components/ProButton/index.vue","../src/components/ProButton/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { Button, type ButtonVariants } from \"../ui/button\";\nimport { Loader } from \"../ui/loader\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 按钮风格，对齐 antd 的 type + danger 组合：primary / default / dashed / text / link */\n    type?: \"primary\" | \"default\" | \"dashed\" | \"text\" | \"link\";\n    /** 危险按钮（红色） */\n    danger?: boolean;\n    /** 点击后 delay 毫秒内再次点击不生效（防抖） */\n    debounce?: number;\n    /** 点击处理函数：返回 Promise 时按钮自动进入 loading 直到结束 */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    type: \"default\",\n    danger: false,\n    debounce: 0,\n  },\n);\n\n// antd 的 type/danger 映射到 shadcn 的 variant\nconst variant = computed<ButtonVariants[\"variant\"]>(() => {\n  if (props.danger) return \"destructive\";\n  switch (props.type) {\n    case \"primary\":\n      return \"default\";\n    case \"dashed\":\n      return \"outline\";\n    case \"text\":\n      return \"ghost\";\n    case \"link\":\n      return \"link\";\n    default:\n      return \"outline\";\n  }\n});\n\nconst isLoading = ref(false);\nlet timer: ReturnType<typeof setTimeout> | undefined;\n\nonBeforeUnmount(() => {\n  if (timer) clearTimeout(timer);\n});\n\nconst isLoadingOrDebouncing = computed(() => {\n  if (isLoading.value) return true;\n  // 防抖期间给视觉反馈，避免用户误以为没点上\n  return props.debounce > 0 && timer !== undefined;\n});\n\nasync function handleClick(...args: any[]) {\n  if (props.debounce > 0) {\n    if (timer) return;\n    timer = setTimeout(() => {\n      timer = undefined;\n    }, props.debounce);\n  }\n\n  if (!props.onClick) return;\n  const result = props.onClick(...args);\n  if (result instanceof Promise) {\n    isLoading.value = true;\n    try {\n      await result;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n}\n</script>\n\n<template>\n  <Button\n    :variant=\"variant\"\n    :disabled=\"isLoadingOrDebouncing || undefined\"\n    :class=\"cn($attrs.class)\"\n    :style=\"$attrs.style as any\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    @click=\"handleClick\"\n  >\n    <Loader v-if=\"isLoadingOrDebouncing\" class=\"text-current\" />\n    <slot></slot>\n  </Button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { Button, type ButtonVariants } from \"../ui/button\";\nimport { Loader } from \"../ui/loader\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 按钮风格，对齐 antd 的 type + danger 组合：primary / default / dashed / text / link */\n    type?: \"primary\" | \"default\" | \"dashed\" | \"text\" | \"link\";\n    /** 危险按钮（红色） */\n    danger?: boolean;\n    /** 点击后 delay 毫秒内再次点击不生效（防抖） */\n    debounce?: number;\n    /** 点击处理函数：返回 Promise 时按钮自动进入 loading 直到结束 */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    type: \"default\",\n    danger: false,\n    debounce: 0,\n  },\n);\n\n// antd 的 type/danger 映射到 shadcn 的 variant\nconst variant = computed<ButtonVariants[\"variant\"]>(() => {\n  if (props.danger) return \"destructive\";\n  switch (props.type) {\n    case \"primary\":\n      return \"default\";\n    case \"dashed\":\n      return \"outline\";\n    case \"text\":\n      return \"ghost\";\n    case \"link\":\n      return \"link\";\n    default:\n      return \"outline\";\n  }\n});\n\nconst isLoading = ref(false);\nlet timer: ReturnType<typeof setTimeout> | undefined;\n\nonBeforeUnmount(() => {\n  if (timer) clearTimeout(timer);\n});\n\nconst isLoadingOrDebouncing = computed(() => {\n  if (isLoading.value) return true;\n  // 防抖期间给视觉反馈，避免用户误以为没点上\n  return props.debounce > 0 && timer !== undefined;\n});\n\nasync function handleClick(...args: any[]) {\n  if (props.debounce > 0) {\n    if (timer) return;\n    timer = setTimeout(() => {\n      timer = undefined;\n    }, props.debounce);\n  }\n\n  if (!props.onClick) return;\n  const result = props.onClick(...args);\n  if (result instanceof Promise) {\n    isLoading.value = true;\n    try {\n      await result;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n}\n</script>\n\n<template>\n  <Button\n    :variant=\"variant\"\n    :disabled=\"isLoadingOrDebouncing || undefined\"\n    :class=\"cn($attrs.class)\"\n    :style=\"$attrs.style as any\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    @click=\"handleClick\"\n  >\n    <Loader v-if=\"isLoadingOrDebouncing\" class=\"text-current\" />\n    <slot></slot>\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;ECWA,MAAM,QAAQ;EAmBd,MAAM,UAAU,eAA0C;AACxD,OAAI,MAAM,OAAQ,QAAO;AACzB,WAAQ,MAAM,MAAd;IACE,KAAK,UACH,QAAO;IACT,KAAK,SACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,QACE,QAAO;;IAEX;EAEF,MAAM,YAAY,IAAI,MAAM;EAC5B,IAAI;AAEJ,wBAAsB;AACpB,OAAI,MAAO,cAAa,MAAM;IAC9B;EAEF,MAAM,wBAAwB,eAAe;AAC3C,OAAI,UAAU,MAAO,QAAO;AAE5B,UAAO,MAAM,WAAW,KAAK,UAAU,KAAA;IACvC;EAEF,eAAe,YAAY,GAAG,MAAa;AACzC,OAAI,MAAM,WAAW,GAAG;AACtB,QAAI,MAAO;AACX,YAAQ,iBAAiB;AACvB,aAAQ,KAAA;OACP,MAAM,SAAS;;AAGpB,OAAI,CAAC,MAAM,QAAS;GACpB,MAAM,SAAS,MAAM,QAAQ,GAAG,KAAK;AACrC,OAAI,kBAAkB,SAAS;AAC7B,cAAU,QAAQ;AAClB,QAAI;AACF,WAAM;cACE;AACR,eAAU,QAAQ;;;;;uBAOtB,YAUS,MAAA,eAAA,EAVT,WAUS;IATN,SAAS,QAAA;IACT,UAAU,sBAAA,SAAyB,KAAA;IACnC,OAAO,MAAA,GAAE,CAACA,KAAAA,OAAO,MAAK;IACtB,OAAOA,KAAAA,OAAO;;OACFA,KAAAA;IAAM,OAAS,KAAA;IAAS,OAAS,KAAA;IAAS,EAAA,EACtD,SAAO,aAAW,CAAA,EAAA;2BAEyC,CAA9C,sBAAA,SAAA,WAAA,EAAd,YAA4D,MAAA,eAAA,EAAA;;KAAvB,OAAM;wCAC3C,WAAa,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/ProCheckboxGroup-DX6c9gx-.js

@@ -0,0 +1,71 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { t as Checkbox_default } from "./Checkbox-DswwIgpU.js";
+import { Fragment, computed, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, toDisplayString, unref, useModel } from "vue";
+import { useOptions } from "@cynnie/ui-core";
+var ProCheckboxGroup_default = /* @__PURE__ */ defineComponent({
+	name: "ProCheckboxGroup",
+	inheritAttrs: false,
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		options: {},
+		labelField: {},
+		valueField: {},
+		deps: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const { options: innerOptions } = useOptions({
+			options: computed(() => props.options),
+			deps: computed(() => props.deps)
+		});
+		function toOption(item) {
+			if (item && typeof item === "object" && "label" in item) return item;
+			return {
+				label: props.labelField ? item[props.labelField] : item,
+				value: props.valueField ? item[props.valueField] : item
+			};
+		}
+		const normalizedOptions = computed(() => innerOptions.value.map(toOption));
+		function isChecked(value) {
+			return Array.isArray(model.value) && model.value.includes(value);
+		}
+		function toggle(value, checked) {
+			const list = Array.isArray(model.value) ? [...model.value] : [];
+			const index = list.indexOf(value);
+			if (checked === true && index === -1) list.push(value);
+			if (checked === false && index !== -1) list.splice(index, 1);
+			model.value = list;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, {
+				class: unref(cn)("flex flex-wrap items-center gap-x-6 gap-y-2", _ctx.$attrs.class),
+				style: _ctx.$attrs.style
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (opt) => {
+				return openBlock(), createElementBlock("label", {
+					key: opt.value,
+					class: "flex cursor-pointer items-center gap-2 text-sm font-normal has-[[data-state=checked]]:text-primary has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50"
+				}, [createVNode(unref(Checkbox_default), {
+					"model-value": isChecked(opt.value),
+					disabled: opt.disabled,
+					"onUpdate:modelValue": (v) => toggle(opt.value, v)
+				}, null, 8, [
+					"model-value",
+					"disabled",
+					"onUpdate:modelValue"
+				]), createTextVNode(" " + toDisplayString(opt.label), 1)]);
+			}), 128))], 16);
+		};
+	}
+});
+export { ProCheckboxGroup_default as t };
+
+//# sourceMappingURL=ProCheckboxGroup-DX6c9gx-.js.map

package/dist/ProCheckboxGroup-DX6c9gx-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProCheckboxGroup-DX6c9gx-.js","names":["$attrs"],"sources":["../src/components/ProCheckboxGroup/index.vue","../src/components/ProCheckboxGroup/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProCheckboxGroup\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps<{\n  /** 选项数据源：静态数组 / 字符串数组 / 返回数组的函数（远程字典） */\n  options?: any;\n  /** options 里 label / value 的字段名 */\n  labelField?: string;\n  valueField?: string;\n  /** 远程字典的依赖值，变化时自动重新拉取 */\n  deps?: any;\n}>();\n\nconst model = defineModel<any[]>();\n\nconst { options: innerOptions } = useOptions({\n  options: computed(() => props.options),\n  deps: computed(() => props.deps),\n});\n\nfunction toOption(item: any) {\n  if (item && typeof item === \"object\" && \"label\" in item) return item;\n  return {\n    label: props.labelField ? item[props.labelField] : item,\n    value: props.valueField ? item[props.valueField] : item,\n  };\n}\n\nconst normalizedOptions = computed(() => innerOptions.value.map(toOption));\n\nfunction isChecked(value: any) {\n  return Array.isArray(model.value) && model.value.includes(value);\n}\n\nfunction toggle(value: any, checked: boolean | \"indeterminate\") {\n  const list = Array.isArray(model.value) ? [...model.value] : [];\n  const index = list.indexOf(value);\n  if (checked === true && index === -1) list.push(value);\n  if (checked === false && index !== -1) list.splice(index, 1);\n  model.value = list;\n}\n</script>\n\n<template>\n  <div v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :class=\"cn('flex flex-wrap items-center gap-x-6 gap-y-2', ($attrs.class as any))\" :style=\"($attrs.style as any)\">\n    <label\n      v-for=\"opt in normalizedOptions\"\n      :key=\"opt.value\"\n      class=\"flex cursor-pointer items-center gap-2 text-sm font-normal has-[[data-state=checked]]:text-primary has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50\"\n    >\n      <Checkbox :model-value=\"isChecked(opt.value)\" :disabled=\"opt.disabled\" @update:model-value=\"(v: any) => toggle(opt.value, v)\" />\n      {{ opt.label }}\n    </label>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProCheckboxGroup\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps<{\n  /** 选项数据源：静态数组 / 字符串数组 / 返回数组的函数（远程字典） */\n  options?: any;\n  /** options 里 label / value 的字段名 */\n  labelField?: string;\n  valueField?: string;\n  /** 远程字典的依赖值，变化时自动重新拉取 */\n  deps?: any;\n}>();\n\nconst model = defineModel<any[]>();\n\nconst { options: innerOptions } = useOptions({\n  options: computed(() => props.options),\n  deps: computed(() => props.deps),\n});\n\nfunction toOption(item: any) {\n  if (item && typeof item === \"object\" && \"label\" in item) return item;\n  return {\n    label: props.labelField ? item[props.labelField] : item,\n    value: props.valueField ? item[props.valueField] : item,\n  };\n}\n\nconst normalizedOptions = computed(() => innerOptions.value.map(toOption));\n\nfunction isChecked(value: any) {\n  return Array.isArray(model.value) && model.value.includes(value);\n}\n\nfunction toggle(value: any, checked: boolean | \"indeterminate\") {\n  const list = Array.isArray(model.value) ? [...model.value] : [];\n  const index = list.indexOf(value);\n  if (checked === true && index === -1) list.push(value);\n  if (checked === false && index !== -1) list.splice(index, 1);\n  model.value = list;\n}\n</script>\n\n<template>\n  <div v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :class=\"cn('flex flex-wrap items-center gap-x-6 gap-y-2', ($attrs.class as any))\" :style=\"($attrs.style as any)\">\n    <label\n      v-for=\"opt in normalizedOptions\"\n      :key=\"opt.value\"\n      class=\"flex cursor-pointer items-center gap-2 text-sm font-normal has-[[data-state=checked]]:text-primary has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50\"\n    >\n      <Checkbox :model-value=\"isChecked(opt.value)\" :disabled=\"opt.disabled\" @update:model-value=\"(v: any) => toggle(opt.value, v)\" />\n      {{ opt.label }}\n    </label>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;ECWA,MAAM,QAAQ;EAUd,MAAM,QAAQ,SAAkB,SAAA,aAAE;EAElC,MAAM,EAAE,SAAS,iBAAiB,WAAW;GAC3C,SAAS,eAAe,MAAM,QAAQ;GACtC,MAAM,eAAe,MAAM,KAAK;GACjC,CAAC;EAEF,SAAS,SAAS,MAAW;AAC3B,OAAI,QAAQ,OAAO,SAAS,YAAY,WAAW,KAAM,QAAO;AAChE,UAAO;IACL,OAAO,MAAM,aAAa,KAAK,MAAM,cAAc;IACnD,OAAO,MAAM,aAAa,KAAK,MAAM,cAAc;IACpD;;EAGH,MAAM,oBAAoB,eAAe,aAAa,MAAM,IAAI,SAAS,CAAC;EAE1E,SAAS,UAAU,OAAY;AAC7B,UAAO,MAAM,QAAQ,MAAM,MAAM,IAAI,MAAM,MAAM,SAAS,MAAM;;EAGlE,SAAS,OAAO,OAAY,SAAoC;GAC9D,MAAM,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,MAAM,GAAG,EAAE;GAC/D,MAAM,QAAQ,KAAK,QAAQ,MAAM;AACjC,OAAI,YAAY,QAAQ,UAAU,GAAI,MAAK,KAAK,MAAM;AACtD,OAAI,YAAY,SAAS,UAAU,GAAI,MAAK,OAAO,OAAO,EAAE;AAC5D,SAAM,QAAQ;;;uBAKd,mBASM,OATN,WASM;IAAA,GATYA,KAAAA;IAAM,OAAS,KAAA;IAAS,OAAS,KAAA;IAAS,EAAA;IAAK,OAAO,MAAA,GAAE,CAAA,+CAAiDA,KAAAA,OAAO,MAAK;IAAY,OAAQA,KAAAA,OAAO;0BAChK,mBAOQ,UAAA,MAAA,WANQ,kBAAA,QAAP,QAAG;wBADZ,mBAOQ,SAAA;KALL,KAAK,IAAI;KACV,OAAM;QAEN,YAAgI,MAAA,iBAAA,EAAA;KAArH,eAAa,UAAU,IAAI,MAAK;KAAI,UAAU,IAAI;KAAW,wBAAqB,MAAW,OAAO,IAAI,OAAO,EAAC;;;;;wBAAK,MAChI,gBAAG,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/ProConfirmButton-zcvp7NcN.js

@@ -0,0 +1,175 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { t as Button_default } from "./button-BQVT6mY3.js";
+import { t as Loader_default } from "./Loader-DZyMmrI8.js";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, useForwardPropsEmits } from "reka-ui";
+import { CircleAlertIcon } from "lucide-vue-next";
+var Popover_default = /* @__PURE__ */ defineComponent({
+	__name: "Popover",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverRoot), mergeProps({ "data-slot": "popover" }, unref(forwarded)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var PopoverContent_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverContent",
+	props: {
+		forceMount: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: { default: 4 },
+		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: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const delegatedProps = useForwardPropsEmits(props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverPortal), null, {
+				default: withCtx(() => [createVNode(unref(PopoverContent), mergeProps({ "data-slot": "popover-content" }, unref(delegatedProps), { 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 z-[1100] w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+var PopoverTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "PopoverTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverTrigger), mergeProps({ "data-slot": "popover-trigger" }, props), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var _hoisted_1 = { class: "flex items-start gap-2" };
+var _hoisted_2 = { class: "text-sm" };
+var _hoisted_3 = { class: "mt-4 flex justify-end gap-2" };
+var ProConfirmButton_default = /* @__PURE__ */ defineComponent({
+	components: { CircleAlertIcon },
+	name: "ProConfirmButton",
+	inheritAttrs: false,
+	__name: "index",
+	props: {
+		title: { default: "确定执行此操作吗？" },
+		onConfirm: {},
+		type: { default: "default" },
+		danger: {
+			type: Boolean,
+			default: false
+		},
+		okText: { default: "确 定" },
+		cancelText: { default: "取 消" }
+	},
+	setup(__props) {
+		const props = __props;
+		const isLoading = ref(false);
+		const popOpen = ref(false);
+		const variant = props.danger ? "destructive" : props.type === "primary" ? "default" : "outline";
+		async function handleConfirm() {
+			if (!props.onConfirm) {
+				popOpen.value = false;
+				return;
+			}
+			const result = props.onConfirm();
+			if (result instanceof Promise) {
+				isLoading.value = true;
+				try {
+					await result;
+				} finally {
+					isLoading.value = false;
+					popOpen.value = false;
+				}
+			} else popOpen.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Popover_default), {
+				open: popOpen.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => popOpen.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(PopoverTrigger_default), { "as-child": "" }, {
+					default: withCtx(() => [createVNode(unref(Button_default), mergeProps({ variant: unref(variant) }, {
+						..._ctx.$attrs,
+						class: void 0
+					}, { class: _ctx.$attrs.class }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, ["variant", "class"])]),
+					_: 3
+				}), createVNode(unref(PopoverContent_default), { class: "w-auto max-w-[280px] p-4" }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(CircleAlertIcon), { class: "mt-0.5 size-4 text-amber-500 shrink-0" }), createElementVNode("div", _hoisted_2, toDisplayString(_ctx.title), 1)]), createElementVNode("div", _hoisted_3, [createVNode(unref(Button_default), {
+						size: "sm",
+						variant: "outline",
+						onClick: _cache[0] || (_cache[0] = ($event) => popOpen.value = false)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelText), 1)]),
+						_: 1
+					}), createVNode(unref(Button_default), {
+						size: "sm",
+						variant: _ctx.danger ? "destructive" : "default",
+						disabled: isLoading.value || void 0,
+						onClick: handleConfirm
+					}, {
+						default: withCtx(() => [isLoading.value ? (openBlock(), createBlock(unref(Loader_default), {
+							key: 0,
+							class: "text-current"
+						})) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(_ctx.okText), 1)]),
+						_: 1
+					}, 8, ["variant", "disabled"])])]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+export { ProConfirmButton_default as t };
+
+//# sourceMappingURL=ProConfirmButton-zcvp7NcN.js.map