@cynnie/ui-shadcn 0.1.0

package/dist/ProModal-DsIFQ8y5.js

@@ -0,0 +1,109 @@
+import { t as Button_default } from "./button-BQVT6mY3.js";
+import { a as Dialog_default, i as DialogContent_default, n as DialogHeader_default, r as DialogFooter_default, t as DialogTitle_default } from "./DialogTitle-CCJNart2.js";
+import { t as Loader_default } from "./Loader-DZyMmrI8.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+var _hoisted_1 = { class: "py-1" };
+var ProModal_default = /* @__PURE__ */ defineComponent({
+	name: "ProModal",
+	inheritAttrs: false,
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		beforeOk: {},
+		title: { default: "" },
+		width: {},
+		okText: { default: "确 定" },
+		cancelText: { default: "取 消" }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["ok", "cancel"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const open = useModel(__props, "open");
+		const isLoading = ref(false);
+		watch(open, (value) => {
+			if (value) isLoading.value = false;
+		});
+		const widthStyle = computed(() => {
+			if (!props.width) return void 0;
+			return {
+				width: typeof props.width === "number" ? `${props.width}px` : props.width,
+				maxWidth: "calc(100% - 2rem)"
+			};
+		});
+		async function handleOk() {
+			if (props.beforeOk) {
+				isLoading.value = true;
+				try {
+					if (await props.beforeOk() === false) return;
+				} catch {
+					return;
+				} finally {
+					isLoading.value = false;
+				}
+			}
+			open.value = false;
+			emit("ok");
+		}
+		function handleCancel() {
+			open.value = false;
+			emit("cancel");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Dialog_default), {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogContent_default), mergeProps({ style: widthStyle.value }, {
+					..._ctx.$attrs,
+					class: void 0,
+					style: void 0,
+					title: void 0
+				}), {
+					default: withCtx(() => [
+						createVNode(unref(DialogHeader_default), null, {
+							default: withCtx(() => [createVNode(unref(DialogTitle_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.title), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]),
+						!_ctx.$slots.footer ? (openBlock(), createBlock(unref(DialogFooter_default), {
+							key: 0,
+							class: "gap-2"
+						}, {
+							default: withCtx(() => [createVNode(unref(Button_default), {
+								variant: "outline",
+								onClick: handleCancel
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelText), 1)]),
+								_: 1
+							}), createVNode(unref(Button_default), {
+								disabled: isLoading.value || void 0,
+								onClick: handleOk
+							}, {
+								default: withCtx(() => [isLoading.value ? (openBlock(), createBlock(unref(Loader_default), {
+									key: 0,
+									class: "text-current"
+								})) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(_ctx.okText), 1)]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						})) : renderSlot(_ctx.$slots, "footer", { key: 1 })
+					]),
+					_: 3
+				}, 16, ["style"])]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+export { ProModal_default as t };
+
+//# sourceMappingURL=ProModal-DsIFQ8y5.js.map

package/dist/ProModal-DsIFQ8y5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProModal-DsIFQ8y5.js","names":["$attrs","title","$slots","cancelText","okText"],"sources":["../src/components/ProModal/index.vue","../src/components/ProModal/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from \"../ui/dialog\";\nimport { Button } from \"../ui/button\";\nimport { Loader } from \"../ui/loader\";\n\ndefineOptions({\n  name: \"ProModal\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 点确定时先执行：返回 false 或 reject 则不关闭（适合放校验/保存逻辑） */\n    beforeOk?: () => Promise<any> | any;\n    /** 标题 */\n    title?: string;\n    /** 弹窗宽度，对齐 antd 的 width（数字按 px，字符串原样） */\n    width?: string | number;\n    /** 确定按钮文案 */\n    okText?: string;\n    /** 取消按钮文案 */\n    cancelText?: string;\n  }>(),\n  {\n    title: \"\",\n    okText: \"确 定\",\n    cancelText: \"取 消\",\n  },\n);\n\nconst emit = defineEmits([\"ok\", \"cancel\"]);\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst isLoading = ref(false);\n\nwatch(open, (value) => {\n  // 每次打开时复位 loading\n  if (value) isLoading.value = false;\n});\n\nconst widthStyle = computed(() => {\n  if (!props.width) return undefined;\n  return { width: typeof props.width === \"number\" ? `${props.width}px` : props.width, maxWidth: \"calc(100% - 2rem)\" };\n});\n\n// DialogContent 默认有关闭按钮和 gap-4 布局；footer 通过插槽透传由本组件组装\nasync function handleOk() {\n  if (props.beforeOk) {\n    isLoading.value = true;\n    try {\n      const result = await props.beforeOk();\n      // 显式返回 false 视为拦截\n      if (result === false) return;\n    } catch {\n      // 抛错同样拦截，不关闭\n      return;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n  open.value = false;\n  emit(\"ok\");\n}\n\nfunction handleCancel() {\n  open.value = false;\n  emit(\"cancel\");\n}\n</script>\n\n<template>\n  <Dialog v-model:open=\"open\">\n    <DialogContent :style=\"widthStyle\" v-bind=\"{ ...$attrs, class: undefined, style: undefined, title: undefined }\">\n      <DialogHeader>\n        <DialogTitle>{{ title }}</DialogTitle>\n      </DialogHeader>\n\n      <div class=\"py-1\">\n        <slot></slot>\n      </div>\n\n      <DialogFooter v-if=\"!$slots.footer\" class=\"gap-2\">\n        <Button variant=\"outline\" @click=\"handleCancel\">{{ cancelText }}</Button>\n        <Button :disabled=\"isLoading || undefined\" @click=\"handleOk\">\n          <Loader v-if=\"isLoading\" class=\"text-current\" />\n          {{ okText }}\n        </Button>\n      </DialogFooter>\n      <slot v-else name=\"footer\"></slot>\n    </DialogContent>\n  </Dialog>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from \"../ui/dialog\";\nimport { Button } from \"../ui/button\";\nimport { Loader } from \"../ui/loader\";\n\ndefineOptions({\n  name: \"ProModal\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 点确定时先执行：返回 false 或 reject 则不关闭（适合放校验/保存逻辑） */\n    beforeOk?: () => Promise<any> | any;\n    /** 标题 */\n    title?: string;\n    /** 弹窗宽度，对齐 antd 的 width（数字按 px，字符串原样） */\n    width?: string | number;\n    /** 确定按钮文案 */\n    okText?: string;\n    /** 取消按钮文案 */\n    cancelText?: string;\n  }>(),\n  {\n    title: \"\",\n    okText: \"确 定\",\n    cancelText: \"取 消\",\n  },\n);\n\nconst emit = defineEmits([\"ok\", \"cancel\"]);\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst isLoading = ref(false);\n\nwatch(open, (value) => {\n  // 每次打开时复位 loading\n  if (value) isLoading.value = false;\n});\n\nconst widthStyle = computed(() => {\n  if (!props.width) return undefined;\n  return { width: typeof props.width === \"number\" ? `${props.width}px` : props.width, maxWidth: \"calc(100% - 2rem)\" };\n});\n\n// DialogContent 默认有关闭按钮和 gap-4 布局；footer 通过插槽透传由本组件组装\nasync function handleOk() {\n  if (props.beforeOk) {\n    isLoading.value = true;\n    try {\n      const result = await props.beforeOk();\n      // 显式返回 false 视为拦截\n      if (result === false) return;\n    } catch {\n      // 抛错同样拦截，不关闭\n      return;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n  open.value = false;\n  emit(\"ok\");\n}\n\nfunction handleCancel() {\n  open.value = false;\n  emit(\"cancel\");\n}\n</script>\n\n<template>\n  <Dialog v-model:open=\"open\">\n    <DialogContent :style=\"widthStyle\" v-bind=\"{ ...$attrs, class: undefined, style: undefined, title: undefined }\">\n      <DialogHeader>\n        <DialogTitle>{{ title }}</DialogTitle>\n      </DialogHeader>\n\n      <div class=\"py-1\">\n        <slot></slot>\n      </div>\n\n      <DialogFooter v-if=\"!$slots.footer\" class=\"gap-2\">\n        <Button variant=\"outline\" @click=\"handleCancel\">{{ cancelText }}</Button>\n        <Button :disabled=\"isLoading || undefined\" @click=\"handleOk\">\n          <Loader v-if=\"isLoading\" class=\"text-current\" />\n          {{ okText }}\n        </Button>\n      </DialogFooter>\n      <slot v-else name=\"footer\"></slot>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;ECWA,MAAM,QAAQ;EAoBd,MAAM,OAAO;EAEb,MAAM,OAAO,SAAoB,SAAC,OAA2B;EAE7D,MAAM,YAAY,IAAI,MAAM;AAE5B,QAAM,OAAO,UAAU;AAErB,OAAI,MAAO,WAAU,QAAQ;IAC7B;EAEF,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,MAAM,MAAO,QAAO,KAAA;AACzB,UAAO;IAAE,OAAO,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,MAAM,MAAM,MAAM;IAAO,UAAU;IAAqB;IACnH;EAGF,eAAe,WAAW;AACxB,OAAI,MAAM,UAAU;AAClB,cAAU,QAAQ;AAClB,QAAI;AAGF,SAFe,MAAM,MAAM,UAAU,KAEtB,MAAO;YAChB;AAEN;cACQ;AACR,eAAU,QAAQ;;;AAGtB,QAAK,QAAQ;AACb,QAAK,KAAK;;EAGZ,SAAS,eAAe;AACtB,QAAK,QAAQ;AACb,QAAK,SAAS;;;uBAKd,YAmBS,MAAA,eAAA,EAAA;IAnBO,MAAM,KAAA;gEAAI,QAAA;;2BAkBR,CAjBhB,YAiBgB,MAAA,sBAAA,EAjBhB,WAiBgB,EAjBA,OAAO,WAAA,OAAU,EAAA;KAAA,GAAeA,KAAAA;KAAM,OAAS,KAAA;KAAS,OAAS,KAAA;KAAS,OAAS,KAAA;KAAS,CAAA,EAAA;4BAG3F;MAFf,YAEe,MAAA,qBAAA,EAAA,MAAA;8BADyB,CAAtC,YAAsC,MAAA,oBAAA,EAAA,MAAA;+BAAd,CAAA,gBAAA,gBAARC,KAAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;MAGvB,mBAEM,OAFN,YAEM,CADJ,WAAa,KAAA,QAAA,UAAA,CAAA,CAAA;OAGMC,KAAAA,OAAO,UAAA,WAAA,EAA5B,YAMe,MAAA,qBAAA,EAAA;;OANqB,OAAM;;8BACiC,CAAzE,YAAyE,MAAA,eAAA,EAAA;QAAjE,SAAQ;QAAW,SAAO;;+BAA8B,CAAA,gBAAA,gBAAbC,KAAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;WAC7D,YAGS,MAAA,eAAA,EAAA;QAHA,UAAU,UAAA,SAAa,KAAA;QAAY,SAAO;;+BACD,CAAlC,UAAA,SAAA,WAAA,EAAd,YAAgD,MAAA,eAAA,EAAA;;SAAvB,OAAM;4DAAiB,MAChD,gBAAGC,KAAAA,OAAM,EAAA,EAAA,CAAA,CAAA;;;;YAGb,WAAkC,KAAA,QAAA,UAAA,EAAA,KAAA,GAAA,CAAA"}

package/dist/ProRadioGroup-CTxqLQjw.js

@@ -0,0 +1,138 @@
+import { t as cn } from "./utils-Dg1mr-yh.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
+import { CircleIcon } from "lucide-vue-next";
+import { useOptions } from "@cynnie/ui-core";
+var RadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "RadioGroup",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const delegatedProps = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({ "data-slot": "radio-group" }, unref(delegatedProps), { class: "grid gap-3" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
+	__name: "RadioGroupItem",
+	props: {
+		id: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioGroupItem), mergeProps({ "data-slot": "radio-group-item" }, props, { class: unref(cn)("border-input text-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 dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", props.class) }), {
+				default: withCtx(() => [createVNode(unref(RadioGroupIndicator), { class: "relative flex items-center justify-center" }, {
+					default: withCtx(() => [createVNode(unref(CircleIcon), { class: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })]),
+					_: 1
+				})]),
+				_: 1
+			}, 16, ["class"]);
+		};
+	}
+});
+var _hoisted_1 = ["disabled", "onClick"];
+var ProRadioGroup_default = /* @__PURE__ */ defineComponent({
+	name: "ProRadioGroup",
+	inheritAttrs: false,
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		options: {},
+		labelField: {},
+		valueField: {},
+		deps: {},
+		optionType: {}
+	}, {
+		"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 onValueChange(value) {
+			model.value = value;
+		}
+		return (_ctx, _cache) => {
+			return _ctx.optionType === "button" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, {
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, {
+				class: unref(cn)("inline-flex rounded-md border p-0.5 bg-muted/40", _ctx.$attrs.class),
+				style: _ctx.$attrs.style
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (opt) => {
+				return openBlock(), createElementBlock("button", {
+					key: opt.value,
+					type: "button",
+					disabled: opt.disabled,
+					class: normalizeClass(["rounded-[4px] px-3 py-1 text-sm transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", model.value === opt.value ? "bg-background text-foreground shadow-xs font-medium" : "text-muted-foreground hover:text-foreground"]),
+					onClick: ($event) => onValueChange(opt.value)
+				}, toDisplayString(opt.label), 11, _hoisted_1);
+			}), 128))], 16)) : (openBlock(), createBlock(unref(RadioGroup_default), mergeProps({
+				key: 1,
+				"model-value": model.value
+			}, {
+				..._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,
+				"onUpdate:modelValue": onValueChange
+			}), {
+				default: withCtx(() => [(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(RadioGroupItem_default), {
+						value: opt.value,
+						disabled: opt.disabled
+					}, null, 8, ["value", "disabled"]), createTextVNode(" " + toDisplayString(opt.label), 1)]);
+				}), 128))]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"class",
+				"style"
+			]));
+		};
+	}
+});
+export { ProRadioGroup_default as t };
+
+//# sourceMappingURL=ProRadioGroup-CTxqLQjw.js.map

package/dist/ProRadioGroup-CTxqLQjw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProRadioGroup-CTxqLQjw.js","names":["optionType","$attrs"],"sources":["../src/components/ui/radio-group/RadioGroup.vue","../src/components/ui/radio-group/RadioGroup.vue","../src/components/ui/radio-group/RadioGroupItem.vue","../src/components/ui/radio-group/RadioGroupItem.vue","../src/components/ProRadioGroup/index.vue","../src/components/ProRadioGroup/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RadioGroupRootEmits, RadioGroupRootProps } from \"reka-ui\";\nimport { RadioGroupRoot, useForwardPropsEmits } from \"reka-ui\";\n\nconst props = defineProps<RadioGroupRootProps>();\nconst emits = defineEmits<RadioGroupRootEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <RadioGroupRoot data-slot=\"radio-group\" v-bind=\"delegatedProps\" class=\"grid gap-3\">\n    <slot />\n  </RadioGroupRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport type { RadioGroupRootEmits, RadioGroupRootProps } from \"reka-ui\";\nimport { RadioGroupRoot, useForwardPropsEmits } from \"reka-ui\";\n\nconst props = defineProps<RadioGroupRootProps>();\nconst emits = defineEmits<RadioGroupRootEmits>();\n\nconst delegatedProps = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <RadioGroupRoot data-slot=\"radio-group\" v-bind=\"delegatedProps\" class=\"grid gap-3\">\n    <slot />\n  </RadioGroupRoot>\n</template>\n","<script lang=\"ts\" setup>\nimport type { RadioGroupItemProps } from \"reka-ui\";\nimport type { HTMLAttributes } from \"vue\";\nimport { RadioGroupIndicator, RadioGroupItem } from \"reka-ui\";\nimport { CircleIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes[\"class\"] }>();\n</script>\n\n<template>\n  <RadioGroupItem\n    data-slot=\"radio-group-item\"\n    v-bind=\"props\"\n    :class=\"\n      cn(\n        'border-input text-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 dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <RadioGroupIndicator class=\"relative flex items-center justify-center\">\n      <CircleIcon class=\"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n    </RadioGroupIndicator>\n  </RadioGroupItem>\n</template>\n","<script lang=\"ts\" setup>\nimport type { RadioGroupItemProps } from \"reka-ui\";\nimport type { HTMLAttributes } from \"vue\";\nimport { RadioGroupIndicator, RadioGroupItem } from \"reka-ui\";\nimport { CircleIcon } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\n\nconst props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes[\"class\"] }>();\n</script>\n\n<template>\n  <RadioGroupItem\n    data-slot=\"radio-group-item\"\n    v-bind=\"props\"\n    :class=\"\n      cn(\n        'border-input text-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 dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer',\n        props.class,\n      )\n    \"\n  >\n    <RadioGroupIndicator class=\"relative flex items-center justify-center\">\n      <CircleIcon class=\"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n    </RadioGroupIndicator>\n  </RadioGroupItem>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProRadioGroup\",\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  /** 按钮样式（对齐 antd 的 option-type=\"button\"，shadcn 版渲染为胶囊分段控件） */\n  optionType?: string;\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 onValueChange(value: any) {\n  model.value = value;\n}\n</script>\n\n<template>\n  <!-- button 样式：胶囊分段控件 -->\n  <div\n    v-if=\"optionType === 'button'\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    :class=\"cn('inline-flex rounded-md border p-0.5 bg-muted/40', ($attrs.class as any))\"\n    :style=\"($attrs.style as any)\"\n  >\n    <button\n      v-for=\"opt in normalizedOptions\"\n      :key=\"opt.value\"\n      type=\"button\"\n      :disabled=\"opt.disabled\"\n      class=\"rounded-[4px] px-3 py-1 text-sm transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\"\n      :class=\"model === opt.value ? 'bg-background text-foreground shadow-xs font-medium' : 'text-muted-foreground hover:text-foreground'\"\n      @click=\"onValueChange(opt.value)\"\n    >\n      {{ opt.label }}\n    </button>\n  </div>\n\n  <!-- 默认圆点样式 -->\n  <RadioGroup\n    v-else\n    :model-value=\"model\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    :class=\"cn('flex flex-wrap items-center gap-x-6 gap-y-2', ($attrs.class as any))\"\n    :style=\"($attrs.style as any)\"\n    @update:model-value=\"onValueChange\"\n  >\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      <RadioGroupItem :value=\"opt.value\" :disabled=\"opt.disabled\" />\n      {{ opt.label }}\n    </label>\n  </RadioGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\nimport { cn } from \"../../lib/utils\";\n\ndefineOptions({\n  name: \"ProRadioGroup\",\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  /** 按钮样式（对齐 antd 的 option-type=\"button\"，shadcn 版渲染为胶囊分段控件） */\n  optionType?: string;\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 onValueChange(value: any) {\n  model.value = value;\n}\n</script>\n\n<template>\n  <!-- button 样式：胶囊分段控件 -->\n  <div\n    v-if=\"optionType === 'button'\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    :class=\"cn('inline-flex rounded-md border p-0.5 bg-muted/40', ($attrs.class as any))\"\n    :style=\"($attrs.style as any)\"\n  >\n    <button\n      v-for=\"opt in normalizedOptions\"\n      :key=\"opt.value\"\n      type=\"button\"\n      :disabled=\"opt.disabled\"\n      class=\"rounded-[4px] px-3 py-1 text-sm transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\"\n      :class=\"model === opt.value ? 'bg-background text-foreground shadow-xs font-medium' : 'text-muted-foreground hover:text-foreground'\"\n      @click=\"onValueChange(opt.value)\"\n    >\n      {{ opt.label }}\n    </button>\n  </div>\n\n  <!-- 默认圆点样式 -->\n  <RadioGroup\n    v-else\n    :model-value=\"model\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    :class=\"cn('flex flex-wrap items-center gap-x-6 gap-y-2', ($attrs.class as any))\"\n    :style=\"($attrs.style as any)\"\n    @update:model-value=\"onValueChange\"\n  >\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      <RadioGroupItem :value=\"opt.value\" :disabled=\"opt.disabled\" />\n      {{ opt.label }}\n    </label>\n  </RadioGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;ECOA,MAAM,iBAAiB,qBAHT,SACA,OAE2C;;uBAIvD,YAEiB,MAAA,eAAA,EAFjB,WAEiB,EAFD,aAAU,eAAa,EAAS,MAAA,eAAc,EAAA,EAAE,OAAM,cAAY,CAAA,EAAA;2BACxE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;EELZ,MAAM,QAAQ;;uBAIZ,YAaiB,MAAA,eAAA,EAbjB,WAaiB,EAZf,aAAU,oBAAkB,EACpB,OAAK,EACZ,OAAc,MAAA,GAAE,CAAA,yYAA2Z,MAAM,MAAA,EAAA,CAAA,EAAA;2BAS5Z,CAFtB,YAEsB,MAAA,oBAAA,EAAA,EAFD,OAAM,6CAA2C,EAAA;4BACkC,CAAtG,YAAsG,MAAA,WAAA,EAAA,EAA1F,OAAM,mFAAiF,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EEXzG,MAAM,QAAQ;EAYd,MAAM,QAAQ,SAAgB,SAAA,aAAE;EAEhC,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,cAAc,OAAY;AACjC,SAAM,QAAQ;;;UAONA,KAAAA,eAAU,YAAA,WAAA,EADlB,mBAiBM,OAjBN,WAiBM,EAAA,KAAA,GAAA,EAAA;IAAA,GAfSC,KAAAA;IAAM,OAAS,KAAA;IAAS,OAAS,KAAA;IAAS,EAAA;IACtD,OAAO,MAAA,GAAE,CAAA,mDAAqDA,KAAAA,OAAO,MAAK;IAC1E,OAAQA,KAAAA,OAAO;0BAEhB,mBAUS,UAAA,MAAA,WATO,kBAAA,QAAP,QAAG;wBADZ,mBAUS,UAAA;KARN,KAAK,IAAI;KACV,MAAK;KACJ,UAAU,IAAI;KACf,OAAK,eAAA,CAAC,oHACE,MAAA,UAAU,IAAI,QAAK,wDAAA,8CAAA,CAAA;KAC1B,UAAK,WAAE,cAAc,IAAI,MAAK;uBAE5B,IAAI,MAAK,EAAA,IAAA,WAAA;oCAKhB,YAgBa,MAAA,mBAAA,EAhBb,WAgBa;;IAdV,eAAa,MAAA;;OACDA,KAAAA;IAAM,OAAS,KAAA;IAAS,OAAS,KAAA;IAAS,EAAA;IACtD,OAAO,MAAA,GAAE,CAAA,+CAAiDA,KAAAA,OAAO,MAAK;IACtE,OAAQA,KAAAA,OAAO;IACf,uBAAoB;;2BAGa,EAAA,UAAA,KAAA,EADlC,mBAOQ,UAAA,MAAA,WANQ,kBAAA,QAAP,QAAG;yBADZ,mBAOQ,SAAA;MALL,KAAK,IAAI;MACV,OAAM;SAEN,YAA8D,MAAA,uBAAA,EAAA;MAA7C,OAAO,IAAI;MAAQ,UAAU,IAAI;yDAAY,MAC9D,gBAAG,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/ProSelect-DT0zjDjT.js

@@ -0,0 +1,90 @@
+import { a as Select_default, i as SelectContent_default, n as SelectTrigger_default, r as SelectItem_default, t as SelectValue_default } from "./SelectValue-CWl9zUW3.js";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { useOptions } from "@cynnie/ui-core";
+var ProSelect_default = /* @__PURE__ */ defineComponent({
+	name: "ProSelect",
+	inheritAttrs: false,
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		options: {},
+		labelField: {},
+		valueField: {},
+		deps: {},
+		placeholder: {},
+		mode: {},
+		multiple: { type: Boolean },
+		disabled: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const { options: innerOptions, isLoading } = useOptions({
+			options: computed(() => props.options),
+			deps: computed(() => props.deps)
+		});
+		const multiple = computed(() => props.mode === "multiple" || props.multiple === true);
+		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));
+		const displayText = computed(() => {
+			if (model.value == null || model.value === "" || Array.isArray(model.value) && !model.value.length) return "";
+			return (Array.isArray(model.value) ? model.value : [model.value]).map((v) => normalizedOptions.value.find((o) => o.value === v)?.label ?? v).join("、");
+		});
+		function onValueChange(value) {
+			emit("change", value, value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Select_default), mergeProps({
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				multiple: multiple.value
+			}, {
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, { "onUpdate:modelValue": onValueChange }), {
+				default: withCtx(() => [createVNode(unref(SelectTrigger_default), {
+					disabled: _ctx.disabled || unref(isLoading) || void 0,
+					style: normalizeStyle(_ctx.$attrs.style || props.style),
+					class: normalizeClass((_ctx.$attrs.class || props.class) + " w-full min-w-40")
+				}, {
+					default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: _ctx.placeholder }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(displayText.value), 1)]),
+						_: 1
+					}, 8, ["placeholder"])]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"style",
+					"class"
+				]), createVNode(unref(SelectContent_default), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (opt) => {
+						return openBlock(), createBlock(unref(SelectItem_default), {
+							key: opt.value,
+							value: opt.value,
+							disabled: opt.disabled
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(opt.label), 1)]),
+							_: 2
+						}, 1032, ["value", "disabled"]);
+					}), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 16, ["modelValue", "multiple"]);
+		};
+	}
+});
+export { ProSelect_default as t };
+
+//# sourceMappingURL=ProSelect-DT0zjDjT.js.map

package/dist/ProSelect-DT0zjDjT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProSelect-DT0zjDjT.js","names":["$attrs","disabled","placeholder"],"sources":["../src/components/ProSelect/index.vue","../src/components/ProSelect/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../ui/select\";\n\ndefineOptions({\n  name: \"ProSelect\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps<{\n  /** 选项数据源：静态数组 / 字符串数组 / 返回数组的函数（远程字典） */\n  options?: any;\n  /** options 里 label / value 的字段名，元素不是 {label, value} 结构时用 */\n  labelField?: string;\n  valueField?: string;\n  /** 远程字典的依赖值，变化时自动重新拉取 */\n  deps?: any;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 多选（对齐 antd 的 mode=\"multiple\"；也支持跨库统一的布尔 multiple） */\n  mode?: string;\n  /** 是否多选（布尔写法，与 ui-antd / ui-element 对齐） */\n  multiple?: boolean;\n  /** 禁用 */\n  disabled?: boolean;\n}>();\n\nconst emit = defineEmits([\"change\"]);\n\nconst model = defineModel<any>();\n\nconst { options: innerOptions, isLoading } = useOptions({\n  options: computed(() => props.options),\n  deps: computed(() => props.deps),\n});\n\nconst multiple = computed(() => props.mode === \"multiple\" || props.multiple === true);\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\nconst displayText = computed(() => {\n  if (model.value == null || model.value === \"\" || (Array.isArray(model.value) && !model.value.length)) {\n    return \"\";\n  }\n  const values = Array.isArray(model.value) ? model.value : [model.value];\n  const labels = values.map((v) => normalizedOptions.value.find((o) => o.value === v)?.label ?? v);\n  return labels.join(\"、\");\n});\n\nfunction onValueChange(value: any) {\n  emit(\"change\", value, value);\n}\n</script>\n\n<template>\n  <Select\n    v-model=\"model\"\n    :multiple=\"multiple\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    @update:model-value=\"onValueChange\"\n  >\n    <SelectTrigger\n      :disabled=\"disabled || isLoading || undefined\"\n      :style=\"($attrs.style as any) || (props as any).style\"\n      :class=\"(($attrs.class as any) || (props as any).class) + ' w-full min-w-40'\"\n    >\n      <SelectValue :placeholder=\"placeholder\">{{ displayText }}</SelectValue>\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem v-for=\"opt in normalizedOptions\" :key=\"opt.value\" :value=\"opt.value\" :disabled=\"opt.disabled\">\n        {{ opt.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../ui/select\";\n\ndefineOptions({\n  name: \"ProSelect\",\n  inheritAttrs: false,\n});\n\nconst props = defineProps<{\n  /** 选项数据源：静态数组 / 字符串数组 / 返回数组的函数（远程字典） */\n  options?: any;\n  /** options 里 label / value 的字段名，元素不是 {label, value} 结构时用 */\n  labelField?: string;\n  valueField?: string;\n  /** 远程字典的依赖值，变化时自动重新拉取 */\n  deps?: any;\n  /** 占位文本 */\n  placeholder?: string;\n  /** 多选（对齐 antd 的 mode=\"multiple\"；也支持跨库统一的布尔 multiple） */\n  mode?: string;\n  /** 是否多选（布尔写法，与 ui-antd / ui-element 对齐） */\n  multiple?: boolean;\n  /** 禁用 */\n  disabled?: boolean;\n}>();\n\nconst emit = defineEmits([\"change\"]);\n\nconst model = defineModel<any>();\n\nconst { options: innerOptions, isLoading } = useOptions({\n  options: computed(() => props.options),\n  deps: computed(() => props.deps),\n});\n\nconst multiple = computed(() => props.mode === \"multiple\" || props.multiple === true);\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\nconst displayText = computed(() => {\n  if (model.value == null || model.value === \"\" || (Array.isArray(model.value) && !model.value.length)) {\n    return \"\";\n  }\n  const values = Array.isArray(model.value) ? model.value : [model.value];\n  const labels = values.map((v) => normalizedOptions.value.find((o) => o.value === v)?.label ?? v);\n  return labels.join(\"、\");\n});\n\nfunction onValueChange(value: any) {\n  emit(\"change\", value, value);\n}\n</script>\n\n<template>\n  <Select\n    v-model=\"model\"\n    :multiple=\"multiple\"\n    v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n    @update:model-value=\"onValueChange\"\n  >\n    <SelectTrigger\n      :disabled=\"disabled || isLoading || undefined\"\n      :style=\"($attrs.style as any) || (props as any).style\"\n      :class=\"(($attrs.class as any) || (props as any).class) + ' w-full min-w-40'\"\n    >\n      <SelectValue :placeholder=\"placeholder\">{{ displayText }}</SelectValue>\n    </SelectTrigger>\n    <SelectContent>\n      <SelectItem v-for=\"opt in normalizedOptions\" :key=\"opt.value\" :value=\"opt.value\" :disabled=\"opt.disabled\">\n        {{ opt.label }}\n      </SelectItem>\n    </SelectContent>\n  </Select>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;ECUA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAgB,SAAA,aAAE;EAEhC,MAAM,EAAE,SAAS,cAAc,cAAc,WAAW;GACtD,SAAS,eAAe,MAAM,QAAQ;GACtC,MAAM,eAAe,MAAM,KAAK;GACjC,CAAC;EAEF,MAAM,WAAW,eAAe,MAAM,SAAS,cAAc,MAAM,aAAa,KAAK;EAErF,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,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,SAAS,QAAQ,MAAM,UAAU,MAAO,MAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,MAAM,MAAM,OAC3F,QAAO;AAIT,WAFe,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,MAAM,MAAM,EACjD,KAAK,MAAM,kBAAkB,MAAM,MAAM,MAAM,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,CAClF,KAAK,IAAI;IACvB;EAEF,SAAS,cAAc,OAAY;AACjC,QAAK,UAAU,OAAO,MAAM;;;uBAK5B,YAkBS,MAAA,eAAA,EAlBT,WAkBS;gBAjBE,MAAA;uEAAK,QAAA;IACb,UAAU,SAAA;;OACEA,KAAAA;IAAM,OAAS,KAAA;IAAS,OAAS,KAAA;IAAS,EAAA,EACtD,uBAAoB,eAAa,CAAA,EAAA;2BAQlB,CANhB,YAMgB,MAAA,sBAAA,EAAA;KALb,UAAUC,KAAAA,YAAY,MAAA,UAAS,IAAI,KAAA;KACnC,OAAK,eAAGD,KAAAA,OAAO,SAAkB,MAAc,MAAK;KACpD,OAAK,gBAAIA,KAAAA,OAAO,SAAkB,MAAc,SAAK,mBAAA;;4BAEiB,CAAvE,YAAuE,MAAA,oBAAA,EAAA,EAAzD,aAAaE,KAAAA,aAAW,EAAA;6BAAmB,CAAA,gBAAA,gBAAd,YAAA,MAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;QAExD,YAIgB,MAAA,sBAAA,EAAA,MAAA;4BAH8B,EAAA,UAAA,KAAA,EAA5C,mBAEa,UAAA,MAAA,WAFa,kBAAA,QAAP,QAAG;0BAAtB,YAEa,MAAA,mBAAA,EAAA;OAFiC,KAAK,IAAI;OAAQ,OAAO,IAAI;OAAQ,UAAU,IAAI;;8BAC/E,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA"}