@cynnie/ui-element 0.1.0

package/README.md

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

package/dist/ProButton-BfUxqs4G.js

@@ -0,0 +1,53 @@
+import { computed, createBlock, defineComponent, mergeProps, onBeforeUnmount, openBlock, ref, renderSlot, resolveComponent, withCtx } from "vue";
+var ProButton_default = /* @__PURE__ */ defineComponent({
+	name: "ProButton",
+	inheritAttrs: false,
+	__name: "index",
+	props: {
+		debounce: { default: 0 },
+		onClick: {}
+	},
+	setup(__props) {
+		const props = __props;
+		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) => {
+			const _component_el_button = resolveComponent("el-button");
+			return openBlock(), createBlock(_component_el_button, mergeProps(_ctx.$attrs, {
+				loading: isLoadingOrDebouncing.value,
+				onClick: handleClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["loading"]);
+		};
+	}
+});
+export { ProButton_default as t };
+
+//# sourceMappingURL=ProButton-BfUxqs4G.js.map

package/dist/ProButton-BfUxqs4G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProButton-BfUxqs4G.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\";\n\ndefineOptions({\n  name: \"ProButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 点击后 delay 毫秒内再次点击不生效（防抖） */\n    debounce?: number;\n    /** 点击处理函数：返回 Promise 时按钮自动进入 loading 直到结束 */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    debounce: 0,\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  <el-button v-bind=\"$attrs\" :loading=\"isLoadingOrDebouncing\" @click=\"handleClick\">\n    <slot></slot>\n  </el-button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\n\ndefineOptions({\n  name: \"ProButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 点击后 delay 毫秒内再次点击不生效（防抖） */\n    debounce?: number;\n    /** 点击处理函数：返回 Promise 时按钮自动进入 loading 直到结束 */\n    onClick?: (...args: any[]) => any;\n  }>(),\n  {\n    debounce: 0,\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  <el-button v-bind=\"$attrs\" :loading=\"isLoadingOrDebouncing\" @click=\"handleClick\">\n    <slot></slot>\n  </el-button>\n</template>\n"],"mappings":";;;;;;;;;;ECQA,MAAM,QAAQ;EAYd,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,YAEY,sBAFZ,WAAmBA,KAEP,QAFa;IAAG,SAAS,sBAAA;IAAwB,SAAO;;2BACrD,CAAb,WAAa,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/ProCheckboxGroup-BbooVQg4.js

@@ -0,0 +1,52 @@
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeModels, mergeProps, openBlock, renderList, resolveComponent, unref, useModel, withCtx } 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
+			};
+		}
+		return (_ctx, _cache) => {
+			const _component_el_checkbox = resolveComponent("el-checkbox");
+			const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+			return openBlock(), createBlock(_component_el_checkbox_group, mergeProps(_ctx.$attrs, {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerOptions).map(toOption), (opt) => {
+					return openBlock(), createBlock(_component_el_checkbox, {
+						key: opt.value,
+						label: opt.label,
+						value: opt.value
+					}, null, 8, ["label", "value"]);
+				}), 128))]),
+				_: 1
+			}, 16, ["modelValue"]);
+		};
+	}
+});
+export { ProCheckboxGroup_default as t };
+
+//# sourceMappingURL=ProCheckboxGroup-BbooVQg4.js.map

package/dist/ProCheckboxGroup-BbooVQg4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProCheckboxGroup-BbooVQg4.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\";\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</script>\n\n<template>\n  <el-checkbox-group v-bind=\"$attrs\" v-model=\"model\">\n    <el-checkbox v-for=\"opt in innerOptions.map(toOption)\" :key=\"opt.value\" :label=\"opt.label\" :value=\"opt.value\" />\n  </el-checkbox-group>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useOptions } from \"@cynnie/ui-core\";\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</script>\n\n<template>\n  <el-checkbox-group v-bind=\"$attrs\" v-model=\"model\">\n    <el-checkbox v-for=\"opt in innerOptions.map(toOption)\" :key=\"opt.value\" :label=\"opt.label\" :value=\"opt.value\" />\n  </el-checkbox-group>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;ECSA,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;;;;;uBAKD,YAEoB,8BAFpB,WAA2BA,KAEP,QAFa;gBAAW,MAAA;uEAAK,QAAA;;2BACO,EAAA,UAAA,KAAA,EAAtD,mBAAgH,UAAA,MAAA,WAArF,MAAA,aAAY,CAAC,IAAI,SAAQ,GAAhC,QAAG;yBAAvB,YAAgH,wBAAA;MAAxD,KAAK,IAAI;MAAQ,OAAO,IAAI;MAAQ,OAAO,IAAI"}

package/dist/ProConfirmButton-BiZ2aUaM.js

@@ -0,0 +1,49 @@
+import { createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveComponent, withCtx } from "vue";
+import { ElMessageBox } from "element-plus";
+var ProConfirmButton_default = /* @__PURE__ */ defineComponent({
+	name: "ProConfirmButton",
+	inheritAttrs: false,
+	__name: "index",
+	props: {
+		title: { default: "确定执行此操作吗？" },
+		onConfirm: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isLoading = ref(false);
+		async function handleClick() {
+			try {
+				await ElMessageBox.confirm(props.title, "提示", {
+					type: "warning",
+					confirmButtonText: "确定",
+					cancelButtonText: "取消"
+				});
+			} catch {
+				return;
+			}
+			if (!props.onConfirm) return;
+			const result = props.onConfirm();
+			if (result instanceof Promise) {
+				isLoading.value = true;
+				try {
+					await result;
+				} finally {
+					isLoading.value = false;
+				}
+			}
+		}
+		return (_ctx, _cache) => {
+			const _component_el_button = resolveComponent("el-button");
+			return openBlock(), createBlock(_component_el_button, mergeProps(_ctx.$attrs, {
+				loading: isLoading.value || void 0,
+				onClick: handleClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["loading"]);
+		};
+	}
+});
+export { ProConfirmButton_default as t };
+
+//# sourceMappingURL=ProConfirmButton-BiZ2aUaM.js.map

package/dist/ProConfirmButton-BiZ2aUaM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProConfirmButton-BiZ2aUaM.js","names":["$attrs"],"sources":["../src/components/ProConfirmButton/index.vue","../src/components/ProConfirmButton/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { ElMessageBox } from \"element-plus\";\n\ndefineOptions({\n  name: \"ProConfirmButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 确认框标题 */\n    title?: string;\n    /** 确认执行函数：返回 Promise 时确认按钮自动进入 loading */\n    onConfirm?: () => Promise<any> | any;\n  }>(),\n  {\n    title: \"确定执行此操作吗？\",\n  },\n);\n\nconst isLoading = ref(false);\n\nasync function handleClick() {\n  try {\n    await ElMessageBox.confirm(props.title, \"提示\", {\n      type: \"warning\",\n      confirmButtonText: \"确定\",\n      cancelButtonText: \"取消\",\n    });\n  } catch {\n    return; // 用户取消\n  }\n  if (!props.onConfirm) return;\n  const result = props.onConfirm();\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  <el-button v-bind=\"$attrs\" :loading=\"isLoading || undefined\" @click=\"handleClick\">\n    <slot></slot>\n  </el-button>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { ElMessageBox } from \"element-plus\";\n\ndefineOptions({\n  name: \"ProConfirmButton\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    /** 确认框标题 */\n    title?: string;\n    /** 确认执行函数：返回 Promise 时确认按钮自动进入 loading */\n    onConfirm?: () => Promise<any> | any;\n  }>(),\n  {\n    title: \"确定执行此操作吗？\",\n  },\n);\n\nconst isLoading = ref(false);\n\nasync function handleClick() {\n  try {\n    await ElMessageBox.confirm(props.title, \"提示\", {\n      type: \"warning\",\n      confirmButtonText: \"确定\",\n      cancelButtonText: \"取消\",\n    });\n  } catch {\n    return; // 用户取消\n  }\n  if (!props.onConfirm) return;\n  const result = props.onConfirm();\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  <el-button v-bind=\"$attrs\" :loading=\"isLoading || undefined\" @click=\"handleClick\">\n    <slot></slot>\n  </el-button>\n</template>\n"],"mappings":";;;;;;;;;;;ECSA,MAAM,QAAQ;EAYd,MAAM,YAAY,IAAI,MAAM;EAE5B,eAAe,cAAc;AAC3B,OAAI;AACF,UAAM,aAAa,QAAQ,MAAM,OAAO,MAAM;KAC5C,MAAM;KACN,mBAAmB;KACnB,kBAAkB;KACnB,CAAC;WACI;AACN;;AAEF,OAAI,CAAC,MAAM,UAAW;GACtB,MAAM,SAAS,MAAM,WAAW;AAChC,OAAI,kBAAkB,SAAS;AAC7B,cAAU,QAAQ;AAClB,QAAI;AACF,WAAM;cACE;AACR,eAAU,QAAQ;;;;;;uBAOtB,YAEY,sBAFZ,WAAmBA,KAEP,QAFa;IAAG,SAAS,UAAA,SAAa,KAAA;IAAY,SAAO;;2BACtD,CAAb,WAAa,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/ProDescriptions-DerGI86i.js

@@ -0,0 +1,46 @@
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+var ProDescriptions_default = /* @__PURE__ */ defineComponent({
+	name: "ProDescriptions",
+	inheritAttrs: false,
+	__name: "index",
+	props: {
+		items: {},
+		data: {},
+		emptyText: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const rows = computed(() => props.items.map((item) => ({
+			label: item.label,
+			value: renderValue(item)
+		})));
+		function renderValue(item) {
+			const value = props.data?.[item.key];
+			if (item.render) return item.render(value, props.data);
+			if (value === void 0 || value === null || value === "") return props.emptyText ?? "-";
+			return value;
+		}
+		return (_ctx, _cache) => {
+			const _component_el_descriptions_item = resolveComponent("el-descriptions-item");
+			const _component_el_descriptions = resolveComponent("el-descriptions");
+			return openBlock(), createBlock(_component_el_descriptions, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+					return openBlock(), createBlock(_component_el_descriptions_item, {
+						key: row.label,
+						label: row.label
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "value", {
+							label: row.label,
+							value: row.value
+						}, () => [createTextVNode(toDisplayString(row.value), 1)])]),
+						_: 2
+					}, 1032, ["label"]);
+				}), 128))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { ProDescriptions_default as t };
+
+//# sourceMappingURL=ProDescriptions-DerGI86i.js.map

package/dist/ProDescriptions-DerGI86i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProDescriptions-DerGI86i.js","names":["$attrs"],"sources":["../src/components/ProDescriptions/index.vue","../src/components/ProDescriptions/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ndefineOptions({\n  name: \"ProDescriptions\",\n  inheritAttrs: false,\n});\n\nexport interface DescriptionItem {\n  /** 标签 */\n  label: string;\n  /** 字段名 */\n  key: string;\n  /** 自定义渲染，返回字符串或 vnode */\n  render?: (value: any, record: Record<string, any>) => any;\n}\n\nconst props = defineProps<{\n  /** 描述项配置 */\n  items: DescriptionItem[];\n  /** 数据对象 */\n  data: Record<string, any>;\n  /** 空值占位符 */\n  emptyText?: string;\n}>();\n\nconst rows = computed(() =>\n  props.items.map((item) => ({\n    label: item.label,\n    value: renderValue(item),\n  })),\n);\n\nfunction renderValue(item: DescriptionItem) {\n  const value = props.data?.[item.key];\n  if (item.render) return item.render(value, props.data);\n  if (value === undefined || value === null || value === \"\") return props.emptyText ?? \"-\";\n  return value;\n}\n</script>\n\n<template>\n  <el-descriptions v-bind=\"$attrs\">\n    <el-descriptions-item v-for=\"row in rows\" :key=\"row.label\" :label=\"row.label\">\n      <slot name=\"value\" :label=\"row.label\" :value=\"row.value\">\n        {{ row.value }}\n      </slot>\n    </el-descriptions-item>\n  </el-descriptions>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ndefineOptions({\n  name: \"ProDescriptions\",\n  inheritAttrs: false,\n});\n\nexport interface DescriptionItem {\n  /** 标签 */\n  label: string;\n  /** 字段名 */\n  key: string;\n  /** 自定义渲染，返回字符串或 vnode */\n  render?: (value: any, record: Record<string, any>) => any;\n}\n\nconst props = defineProps<{\n  /** 描述项配置 */\n  items: DescriptionItem[];\n  /** 数据对象 */\n  data: Record<string, any>;\n  /** 空值占位符 */\n  emptyText?: string;\n}>();\n\nconst rows = computed(() =>\n  props.items.map((item) => ({\n    label: item.label,\n    value: renderValue(item),\n  })),\n);\n\nfunction renderValue(item: DescriptionItem) {\n  const value = props.data?.[item.key];\n  if (item.render) return item.render(value, props.data);\n  if (value === undefined || value === null || value === \"\") return props.emptyText ?? \"-\";\n  return value;\n}\n</script>\n\n<template>\n  <el-descriptions v-bind=\"$attrs\">\n    <el-descriptions-item v-for=\"row in rows\" :key=\"row.label\" :label=\"row.label\">\n      <slot name=\"value\" :label=\"row.label\" :value=\"row.value\">\n        {{ row.value }}\n      </slot>\n    </el-descriptions-item>\n  </el-descriptions>\n</template>\n"],"mappings":";;;;;;;;;;;ECiBA,MAAM,QAAQ;EASd,MAAM,OAAO,eACX,MAAM,MAAM,KAAK,UAAU;GACzB,OAAO,KAAK;GACZ,OAAO,YAAY,KAAK;GACzB,EAAE,CACJ;EAED,SAAS,YAAY,MAAuB;GAC1C,MAAM,QAAQ,MAAM,OAAO,KAAK;AAChC,OAAI,KAAK,OAAQ,QAAO,KAAK,OAAO,OAAO,MAAM,KAAK;AACtD,OAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,GAAI,QAAO,MAAM,aAAa;AACrF,UAAO;;;;;uBAKP,YAMkB,4BAAA,eAAA,mBANOA,KAAAA,OAAM,CAAA,EAAA;2BACY,EAAA,UAAA,KAAA,EAAzC,mBAIuB,UAAA,MAAA,WAJa,KAAA,QAAP,QAAG;yBAAhC,YAIuB,iCAAA;MAJoB,KAAK,IAAI;MAAQ,OAAO,IAAI;;6BAG9D,CAFP,WAEO,KAAA,QAAA,SAAA;OAFa,OAAO,IAAI;OAAQ,OAAO,IAAI;eAE3C,CAAA,gBAAA,gBADF,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}