@nbreak/ui 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,1735 @@
+import { defineComponentExtension } from "@nbreak/sdk";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, watch } from "vue";
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+var DsText_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsText",
+	props: {
+		content: {
+			type: String,
+			default: "文本内容"
+		},
+		color: {
+			type: String,
+			default: "#ffffff"
+		},
+		fontSize: {
+			type: Number,
+			default: 16
+		},
+		fontWeight: {
+			type: [String, Number],
+			default: 400
+		},
+		textAlign: {
+			type: String,
+			default: "left"
+		},
+		padding: {
+			type: Number,
+			default: 8
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-text",
+				style: normalizeStyle({
+					color: __props.color,
+					fontSize: __props.fontSize + "px",
+					fontWeight: __props.fontWeight,
+					textAlign: __props.textAlign,
+					padding: __props.padding + "px"
+				})
+			}, toDisplayString(__props.content), 5);
+		};
+	}
+}, [["__scopeId", "data-v-145be8f0"]]);
+var DsLineChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsLineChart",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		color: {
+			type: String,
+			default: "#1890ff"
+		},
+		showLegend: {
+			type: Boolean,
+			default: true
+		},
+		smooth: {
+			type: Boolean,
+			default: false
+		},
+		areaStyle: {
+			type: Boolean,
+			default: false
+		},
+		xAxisTitle: {
+			type: String,
+			default: ""
+		},
+		yAxisTitle: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const chartRef = ref(null);
+		const chartInstance = shallowRef(null);
+		async function getEcharts() {
+			return await import("echarts");
+		}
+		async function initChart() {
+			if (!chartRef.value) return;
+			const echarts = await getEcharts();
+			if (chartInstance.value) chartInstance.value.dispose();
+			chartInstance.value = echarts.init(chartRef.value);
+			renderChart();
+		}
+		function renderChart() {
+			if (!chartInstance.value) return;
+			const series = Array.isArray(props.data) && props.data.length > 0 && props.data[0]?.series ? props.data[0].series : [{
+				name: "默认",
+				data: props.data
+			}];
+			chartInstance.value.setOption({
+				color: [props.color],
+				legend: {
+					show: props.showLegend,
+					textStyle: { color: "#fff" }
+				},
+				tooltip: { trigger: "axis" },
+				grid: {
+					left: "8%",
+					right: "8%",
+					top: "10%",
+					bottom: "8%"
+				},
+				xAxis: {
+					type: "category",
+					name: props.xAxisTitle,
+					data: series[0]?.data?.map((_, i) => i + 1) || [],
+					axisLine: { lineStyle: { color: "#888" } }
+				},
+				yAxis: {
+					type: "value",
+					name: props.yAxisTitle,
+					axisLine: { lineStyle: { color: "#888" } },
+					splitLine: { lineStyle: { color: "rgba(255,255,255,0.08)" } }
+				},
+				series: series.map((s) => ({
+					name: s.name,
+					type: "line",
+					data: s.data,
+					smooth: props.smooth,
+					areaStyle: props.areaStyle ? {} : null
+				}))
+			}, true);
+		}
+		onMounted(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		onUnmounted(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		function handleResize() {
+			chartInstance.value?.resize();
+		}
+		watch(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "chartRef",
+				ref: chartRef,
+				class: "ds-line-chart"
+			}, null, 512);
+		};
+	}
+}, [["__scopeId", "data-v-7814c43a"]]);
+var DsBarChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsBarChart",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		color: {
+			type: String,
+			default: "#1890ff"
+		},
+		horizontal: {
+			type: Boolean,
+			default: false
+		},
+		showLegend: {
+			type: Boolean,
+			default: false
+		},
+		showLabel: {
+			type: Boolean,
+			default: false
+		},
+		barWidth: {
+			type: [String, Number],
+			default: "auto"
+		},
+		xAxisTitle: {
+			type: String,
+			default: ""
+		},
+		yAxisTitle: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const chartRef = ref(null);
+		const chartInstance = shallowRef(null);
+		async function initChart() {
+			if (!chartRef.value) return;
+			const echarts = await import("echarts");
+			if (chartInstance.value) chartInstance.value.dispose();
+			chartInstance.value = echarts.init(chartRef.value);
+			renderChart();
+		}
+		function renderChart() {
+			if (!chartInstance.value) return;
+			const series = Array.isArray(props.data) && props.data.length > 0 && props.data[0]?.series ? props.data[0].series : [{
+				name: "默认",
+				data: props.data
+			}];
+			const categoryAxis = {
+				type: "category",
+				data: Array.isArray(props.data) && props.data[0]?.categories ? props.data[0].categories : series[0]?.data?.map((_, i) => `${i + 1}`) || [],
+				name: props.xAxisTitle,
+				axisLine: { lineStyle: { color: "#888" } },
+				axisLabel: { color: "#aaa" }
+			};
+			const valueAxis = {
+				type: "value",
+				name: props.yAxisTitle,
+				axisLine: { lineStyle: { color: "#888" } },
+				axisLabel: { color: "#aaa" },
+				splitLine: { lineStyle: { color: "rgba(255,255,255,0.08)" } }
+			};
+			chartInstance.value.setOption({
+				color: [
+					props.color,
+					"#8b5cf6",
+					"#22c55e",
+					"#f59e0b",
+					"#ef4444"
+				],
+				legend: {
+					show: props.showLegend,
+					textStyle: { color: "#fff" }
+				},
+				tooltip: {
+					trigger: "axis",
+					axisPointer: { type: "shadow" }
+				},
+				grid: {
+					left: "8%",
+					right: "8%",
+					top: "10%",
+					bottom: "8%"
+				},
+				xAxis: props.horizontal ? valueAxis : categoryAxis,
+				yAxis: props.horizontal ? categoryAxis : valueAxis,
+				series: series.map((s) => ({
+					name: s.name,
+					type: "bar",
+					data: s.data,
+					barWidth: props.barWidth === "auto" ? void 0 : props.barWidth,
+					label: {
+						show: props.showLabel,
+						position: props.horizontal ? "right" : "top",
+						color: "#fff"
+					}
+				}))
+			}, true);
+		}
+		function handleResize() {
+			chartInstance.value?.resize();
+		}
+		onMounted(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		onUnmounted(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		watch(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "chartRef",
+				ref: chartRef,
+				class: "ds-bar-chart"
+			}, null, 512);
+		};
+	}
+}, [["__scopeId", "data-v-37086186"]]);
+var DsPieChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsPieChart",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		colors: {
+			type: Array,
+			default: () => [
+				"#1890ff",
+				"#8b5cf6",
+				"#22c55e",
+				"#f59e0b",
+				"#ef4444",
+				"#06b6d4"
+			]
+		},
+		showLegend: {
+			type: Boolean,
+			default: true
+		},
+		showLabel: {
+			type: Boolean,
+			default: true
+		},
+		ringMode: {
+			type: Boolean,
+			default: false
+		},
+		innerRadius: {
+			type: Number,
+			default: 0
+		},
+		outerRadius: {
+			type: Number,
+			default: 80
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const chartRef = ref(null);
+		const chartInstance = shallowRef(null);
+		async function initChart() {
+			if (!chartRef.value) return;
+			const echarts = await import("echarts");
+			if (chartInstance.value) chartInstance.value.dispose();
+			chartInstance.value = echarts.init(chartRef.value);
+			renderChart();
+		}
+		function renderChart() {
+			if (!chartInstance.value) return;
+			let pieData = [];
+			if (Array.isArray(props.data)) if (props.data[0]?.data) pieData = props.data[0].data;
+			else if (props.data[0]?.value) pieData = props.data;
+			else pieData = props.data.map((v, i) => ({
+				name: `项${i + 1}`,
+				value: v
+			}));
+			chartInstance.value.setOption({
+				color: props.colors,
+				legend: {
+					show: props.showLegend,
+					orient: "horizontal",
+					bottom: 0,
+					textStyle: { color: "#fff" }
+				},
+				tooltip: {
+					trigger: "item",
+					formatter: "{a} <br/>{b}: {c} ({d}%)"
+				},
+				series: [{
+					name: "占比",
+					type: "pie",
+					radius: props.ringMode ? [props.innerRadius || 40, props.outerRadius] : `${props.outerRadius}%`,
+					center: ["50%", "45%"],
+					data: pieData,
+					label: {
+						show: props.showLabel,
+						color: "#fff",
+						formatter: "{b}: {d}%"
+					},
+					labelLine: { lineStyle: { color: "#888" } },
+					itemStyle: {
+						borderColor: "#0d1a2d",
+						borderWidth: 2
+					}
+				}]
+			}, true);
+		}
+		function handleResize() {
+			chartInstance.value?.resize();
+		}
+		onMounted(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		onUnmounted(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		watch(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "chartRef",
+				ref: chartRef,
+				class: "ds-pie-chart"
+			}, null, 512);
+		};
+	}
+}, [["__scopeId", "data-v-71ef0ee1"]]);
+//#endregion
+//#region src/components/DsBorderTech.vue
+var _hoisted_1$5 = { class: "ds-border-tech-content" };
+var DsBorderTech_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsBorderTech",
+	props: {
+		color: {
+			type: String,
+			default: "#1890ff"
+		},
+		radius: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-border-tech",
+				style: normalizeStyle({
+					borderColor: __props.color,
+					borderRadius: __props.radius + "px"
+				})
+			}, [
+				createElementVNode("div", {
+					class: "ds-border-tech-corner top-left",
+					style: normalizeStyle({ borderColor: __props.color })
+				}, null, 4),
+				createElementVNode("div", {
+					class: "ds-border-tech-corner top-right",
+					style: normalizeStyle({ borderColor: __props.color })
+				}, null, 4),
+				createElementVNode("div", {
+					class: "ds-border-tech-corner bottom-left",
+					style: normalizeStyle({ borderColor: __props.color })
+				}, null, 4),
+				createElementVNode("div", {
+					class: "ds-border-tech-corner bottom-right",
+					style: normalizeStyle({ borderColor: __props.color })
+				}, null, 4),
+				createElementVNode("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+			], 4);
+		};
+	}
+}, [["__scopeId", "data-v-1e01cd34"]]);
+//#endregion
+//#region src/components/DsCounter.vue
+var _hoisted_1$4 = {
+	key: 0,
+	class: "ds-counter-label"
+};
+var _hoisted_2$3 = { class: "ds-counter-number" };
+var _hoisted_3$3 = {
+	key: 0,
+	class: "ds-counter-suffix"
+};
+var DsCounter_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsCounter",
+	props: {
+		value: {
+			type: [Number, String],
+			default: 0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		suffix: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: "#00d4ff"
+		},
+		fontSize: {
+			type: Number,
+			default: 32
+		},
+		duration: {
+			type: Number,
+			default: 1e3
+		},
+		decimals: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const displayValue = ref(0);
+		function animateTo(target) {
+			const start = Number(displayValue.value) || 0;
+			const end = Number(target) || 0;
+			const startTime = performance.now();
+			const duration = props.duration;
+			function step(now) {
+				const elapsed = now - startTime;
+				const progress = Math.min(elapsed / duration, 1);
+				const eased = 1 - Math.pow(1 - progress, 3);
+				displayValue.value = formatNumber(start + (end - start) * eased);
+				if (progress < 1) requestAnimationFrame(step);
+				else displayValue.value = formatNumber(end);
+			}
+			requestAnimationFrame(step);
+		}
+		function formatNumber(n) {
+			return n.toLocaleString("zh-CN", {
+				minimumFractionDigits: props.decimals,
+				maximumFractionDigits: props.decimals
+			});
+		}
+		onMounted(() => {
+			animateTo(props.value);
+		});
+		watch(() => props.value, (val) => {
+			animateTo(val);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-counter",
+				style: normalizeStyle({ color: __props.color })
+			}, [__props.label ? (openBlock(), createElementBlock("div", _hoisted_1$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true), createElementVNode("div", {
+				class: "ds-counter-value",
+				style: normalizeStyle({ fontSize: __props.fontSize + "px" })
+			}, [createElementVNode("span", _hoisted_2$3, toDisplayString(displayValue.value), 1), __props.suffix ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(__props.suffix), 1)) : createCommentVNode("", true)], 4)], 4);
+		};
+	}
+}, [["__scopeId", "data-v-626c08f2"]]);
+//#endregion
+//#region src/components/DsRing.vue
+var _hoisted_1$3 = { class: "content-overlay" };
+var DsRing_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsRing",
+	props: {
+		color: {
+			type: String,
+			default: "#00f5ff"
+		},
+		size: {
+			type: Number,
+			default: 100
+		},
+		opacity: {
+			type: Number,
+			default: .8
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "100%"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const containerStyle = computed(() => ({
+			width: props.width,
+			height: props.height,
+			"--deco-color": props.color,
+			"--deco-size": props.size + "px",
+			"--deco-opacity": props.opacity
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-ring",
+				style: normalizeStyle(containerStyle.value)
+			}, [_cache[0] || (_cache[0] = createStaticVNode("<div class=\"ring-container\" data-v-a555123f><div class=\"orbit orbit-1\" data-v-a555123f><div class=\"orbit-path\" data-v-a555123f></div><div class=\"orbit-dot dot-1\" data-v-a555123f></div><div class=\"orbit-dot dot-1b\" data-v-a555123f></div></div><div class=\"orbit orbit-2\" data-v-a555123f><div class=\"orbit-path\" data-v-a555123f></div><div class=\"orbit-dot dot-2\" data-v-a555123f></div><div class=\"orbit-dot dot-2b\" data-v-a555123f></div></div><div class=\"orbit orbit-3\" data-v-a555123f><div class=\"orbit-path\" data-v-a555123f></div><div class=\"orbit-dot dot-3\" data-v-a555123f></div></div><div class=\"ring-core\" data-v-a555123f><div class=\"core-inner\" data-v-a555123f></div><div class=\"core-pulse\" data-v-a555123f></div><div class=\"core-pulse core-pulse-2\" data-v-a555123f></div></div></div>", 1)), createElementVNode("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 4);
+		};
+	}
+}, [["__scopeId", "data-v-a555123f"]]);
+//#endregion
+//#region src/components/DsSparkLine.vue
+var _hoisted_1$2 = { class: "ds-spark-header" };
+var _hoisted_2$2 = { class: "ds-spark-label" };
+var _hoisted_3$2 = {
+	viewBox: "0 0 300 80",
+	class: "ds-spark-svg",
+	preserveAspectRatio: "none"
+};
+var _hoisted_4$2 = ["id"];
+var _hoisted_5$2 = ["stop-color"];
+var _hoisted_6$2 = ["stop-color"];
+var _hoisted_7$1 = ["d", "fill"];
+var _hoisted_8$1 = ["points", "stroke"];
+var _hoisted_9$1 = [
+	"cx",
+	"cy",
+	"fill"
+];
+var _hoisted_10$1 = [
+	"cx",
+	"cy",
+	"stroke"
+];
+var _hoisted_11$1 = { class: "ds-spark-footer" };
+var _hoisted_12$1 = { class: "ds-spark-min" };
+var _hoisted_13$1 = { class: "ds-spark-max" };
+var _hoisted_14$1 = { class: "ds-spark-avg" };
+var DsSparkLine_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsSparkLine",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "趋势"
+		},
+		color: {
+			type: String,
+			default: "#00c8ff"
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: 160
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const uid = Math.random().toString(36).slice(2, 8);
+		const containerStyle = computed(() => ({
+			width: typeof props.width === "number" ? `${props.width}px` : props.width,
+			height: typeof props.height === "number" ? `${props.height}px` : props.height
+		}));
+		const values = computed(() => {
+			if (Array.isArray(props.data)) {
+				if (props.data.length === 0) return [];
+				if (typeof props.data[0] === "number") return props.data;
+				if (props.data[0]?.values) return props.data[0].values;
+				if (props.data[0]?.data) return props.data[0].data;
+			}
+			return [];
+		});
+		const minVal = computed(() => values.value.length ? Math.min(...values.value) : 0);
+		const maxVal = computed(() => values.value.length ? Math.max(...values.value) : 0);
+		const avgVal = computed(() => values.value.length ? Math.round(values.value.reduce((a, b) => a + b, 0) / values.value.length) : 0);
+		const currentDisplay = computed(() => {
+			const v = values.value[values.value.length - 1];
+			return v != null ? Number(v).toLocaleString() : "-";
+		});
+		const linePoints = computed(() => {
+			if (values.value.length === 0) return "";
+			const w = 300;
+			const h = 80;
+			const pad = 8;
+			const n = values.value.length;
+			const range = maxVal.value - minVal.value || 1;
+			return values.value.map((v, i) => {
+				return `${pad + i / Math.max(n - 1, 1) * (w - pad * 2)},${h - pad - (v - minVal.value) / range * (h - pad * 2)}`;
+			}).join(" ");
+		});
+		const areaPath = computed(() => {
+			if (!linePoints.value) return "";
+			const points = linePoints.value.split(" ");
+			if (points.length === 0) return "";
+			const first = points[0].split(",")[0];
+			const last = points[points.length - 1].split(",")[0];
+			return `M${first},80 L${points.join(" L")} L${last},80 Z`;
+		});
+		const lastX = computed(() => {
+			const pts = linePoints.value.split(" ");
+			return pts.length ? parseFloat(pts[pts.length - 1].split(",")[0]) : 0;
+		});
+		const lastY = computed(() => {
+			const pts = linePoints.value.split(" ");
+			return pts.length ? parseFloat(pts[pts.length - 1].split(",")[1]) : 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-spark",
+				style: normalizeStyle(containerStyle.value)
+			}, [
+				createElementVNode("div", _hoisted_1$2, [createElementVNode("span", _hoisted_2$2, toDisplayString(__props.label), 1), createElementVNode("span", {
+					class: "ds-spark-current",
+					style: normalizeStyle({ color: __props.color })
+				}, toDisplayString(currentDisplay.value), 5)]),
+				(openBlock(), createElementBlock("svg", _hoisted_3$2, [
+					createElementVNode("defs", null, [createElementVNode("linearGradient", {
+						id: `spark-grad-${unref(uid)}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1"
+					}, [createElementVNode("stop", {
+						offset: "0%",
+						"stop-color": __props.color,
+						"stop-opacity": "0.3"
+					}, null, 8, _hoisted_5$2), createElementVNode("stop", {
+						offset: "100%",
+						"stop-color": __props.color,
+						"stop-opacity": "0"
+					}, null, 8, _hoisted_6$2)], 8, _hoisted_4$2)]),
+					createElementVNode("path", {
+						d: areaPath.value,
+						fill: `url(#spark-grad-${unref(uid)})`
+					}, null, 8, _hoisted_7$1),
+					createElementVNode("polyline", {
+						points: linePoints.value,
+						fill: "none",
+						stroke: __props.color,
+						"stroke-width": "2",
+						"stroke-linejoin": "round"
+					}, null, 8, _hoisted_8$1),
+					createElementVNode("circle", {
+						cx: lastX.value,
+						cy: lastY.value,
+						r: "4",
+						fill: __props.color
+					}, null, 8, _hoisted_9$1),
+					createElementVNode("circle", {
+						cx: lastX.value,
+						cy: lastY.value,
+						r: "7",
+						fill: "none",
+						stroke: __props.color,
+						"stroke-width": "1.5",
+						opacity: "0.4"
+					}, null, 8, _hoisted_10$1)
+				])),
+				createElementVNode("div", _hoisted_11$1, [
+					createElementVNode("span", _hoisted_12$1, "低: " + toDisplayString(minVal.value), 1),
+					createElementVNode("span", _hoisted_13$1, "高: " + toDisplayString(maxVal.value), 1),
+					createElementVNode("span", _hoisted_14$1, "均: " + toDisplayString(avgVal.value), 1)
+				])
+			], 4);
+		};
+	}
+}, [["__scopeId", "data-v-9408656c"]]);
+//#endregion
+//#region src/components/DsDigitalClock.vue
+var _hoisted_1$1 = { class: "ds-clock-time-row" };
+var _hoisted_2$1 = { class: "ds-clock-digit-group" };
+var _hoisted_3$1 = { class: "ds-clock-digit" };
+var _hoisted_4$1 = { class: "ds-clock-digit" };
+var _hoisted_5$1 = { class: "ds-clock-digit-group" };
+var _hoisted_6$1 = { class: "ds-clock-digit" };
+var _hoisted_7 = { class: "ds-clock-digit" };
+var _hoisted_8 = { class: "ds-clock-digit-group ds-clock-digit-group--sec" };
+var _hoisted_9 = { class: "ds-clock-digit ds-clock-digit--sec" };
+var _hoisted_10 = { class: "ds-clock-digit ds-clock-digit--sec" };
+var _hoisted_11 = {
+	key: 1,
+	class: "ds-clock-ampm"
+};
+var _hoisted_12 = {
+	key: 0,
+	class: "ds-clock-date-row"
+};
+var _hoisted_13 = { class: "ds-clock-date-text" };
+var _hoisted_14 = { class: "ds-clock-weekday" };
+var DsDigitalClock_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsDigitalClock",
+	props: {
+		color: {
+			type: String,
+			default: "#00d4ff"
+		},
+		secondColor: {
+			type: String,
+			default: "#ff6b6b"
+		},
+		showSeconds: {
+			type: Boolean,
+			default: true
+		},
+		showDate: {
+			type: Boolean,
+			default: true
+		},
+		blink: {
+			type: Boolean,
+			default: true
+		},
+		timeFormat: {
+			type: String,
+			default: "24h"
+		},
+		dateFormat: {
+			type: String,
+			default: "YYYY-MM-DD"
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "100%"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const now = ref(/* @__PURE__ */ new Date());
+		const blinkOn = ref(true);
+		let tickTimer = null;
+		let blinkTimer = null;
+		const is12h = computed(() => props.timeFormat === "12h");
+		const WEEKDAYS = [
+			"星期日",
+			"星期一",
+			"星期二",
+			"星期三",
+			"星期四",
+			"星期五",
+			"星期六"
+		];
+		const time = computed(() => {
+			let h = now.value.getHours();
+			const m = String(now.value.getMinutes()).padStart(2, "0");
+			const s = String(now.value.getSeconds()).padStart(2, "0");
+			let ampm = "";
+			if (is12h.value) {
+				ampm = h >= 12 ? "PM" : "AM";
+				h = h % 12 || 12;
+			}
+			return {
+				hh: String(h).padStart(2, "0"),
+				mm: m,
+				ss: s,
+				ampm
+			};
+		});
+		const dateStr = computed(() => {
+			const d = now.value;
+			const y = d.getFullYear();
+			const mo = String(d.getMonth() + 1).padStart(2, "0");
+			const da = String(d.getDate()).padStart(2, "0");
+			if (props.dateFormat === "YYYY年MM月DD日") return `${y}年${mo}月${da}日`;
+			if (props.dateFormat === "DD/MM/YYYY") return `${da}/${mo}/${y}`;
+			if (props.dateFormat === "MM/DD/YYYY") return `${mo}/${da}/${y}`;
+			return `${y}-${mo}-${da}`;
+		});
+		const weekdayStr = computed(() => WEEKDAYS[now.value.getDay()]);
+		function hexToRgb(hex) {
+			return {
+				r: parseInt(hex.slice(1, 3), 16),
+				g: parseInt(hex.slice(3, 5), 16),
+				b: parseInt(hex.slice(5, 7), 16)
+			};
+		}
+		function rgba(hex, a) {
+			const { r, g, b } = hexToRgb(hex);
+			return `rgba(${r},${g},${b},${a})`;
+		}
+		const cssVars = computed(() => {
+			const c = props.color;
+			const sc = props.secondColor;
+			return {
+				"--dsc-color": c,
+				"--dsc-sec-color": sc,
+				"--dsc-glow-08": rgba(c, .08),
+				"--dsc-glow-60": rgba(c, .6),
+				"--dsc-glow-25": rgba(c, .25),
+				"--dsc-glow-30": rgba(c, .3),
+				"--dsc-glow-50": rgba(c, .5),
+				"--dsc-glow-40": rgba(c, .4),
+				"--dsc-sec-glow-50": rgba(sc, .5),
+				"--dsc-sec-glow-20": rgba(sc, .2),
+				"--dsc-sec-glow-25": rgba(sc, .25)
+			};
+		});
+		const wrapStyle = computed(() => ({
+			width: props.width,
+			height: props.height
+		}));
+		onMounted(() => {
+			tickTimer = setInterval(() => {
+				now.value = /* @__PURE__ */ new Date();
+			}, 1e3);
+			if (props.blink) blinkTimer = setInterval(() => {
+				blinkOn.value = !blinkOn.value;
+			}, 500);
+		});
+		onUnmounted(() => {
+			clearInterval(tickTimer);
+			clearInterval(blinkTimer);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-clock",
+				style: normalizeStyle([wrapStyle.value, cssVars.value])
+			}, [
+				_cache[0] || (_cache[0] = createElementVNode("div", { class: "ds-clock-bg-grid" }, null, -1)),
+				_cache[1] || (_cache[1] = createElementVNode("div", { class: "ds-clock-bg-glow" }, null, -1)),
+				createElementVNode("div", _hoisted_1$1, [
+					createElementVNode("div", _hoisted_2$1, [createElementVNode("span", _hoisted_3$1, toDisplayString(time.value.hh[0]), 1), createElementVNode("span", _hoisted_4$1, toDisplayString(time.value.hh[1]), 1)]),
+					createElementVNode("span", { class: normalizeClass(["ds-clock-sep", { "ds-clock-sep--off": !blinkOn.value }]) }, ":", 2),
+					createElementVNode("div", _hoisted_5$1, [createElementVNode("span", _hoisted_6$1, toDisplayString(time.value.mm[0]), 1), createElementVNode("span", _hoisted_7, toDisplayString(time.value.mm[1]), 1)]),
+					__props.showSeconds ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass(["ds-clock-sep ds-clock-sep--sec", { "ds-clock-sep--off": !blinkOn.value }]) }, ":", 2), createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(time.value.ss[0]), 1), createElementVNode("span", _hoisted_10, toDisplayString(time.value.ss[1]), 1)])], 64)) : createCommentVNode("", true),
+					is12h.value ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(time.value.ampm), 1)) : createCommentVNode("", true)
+				]),
+				__props.showDate ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(dateStr.value), 1), createElementVNode("span", _hoisted_14, toDisplayString(weekdayStr.value), 1)])) : createCommentVNode("", true)
+			], 4);
+		};
+	}
+}, [["__scopeId", "data-v-cf84c4e0"]]);
+//#endregion
+//#region src/components/DsRankList.vue
+var _hoisted_1 = { class: "ds-rank-list" };
+var _hoisted_2 = { class: "ds-rank-content" };
+var _hoisted_3 = { class: "ds-rank-info" };
+var _hoisted_4 = { class: "ds-rank-name" };
+var _hoisted_5 = { class: "ds-rank-bar-track" };
+var _hoisted_6 = {
+	key: 0,
+	class: "ds-rank-empty"
+};
+var DsRankList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "DsRankList",
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: "#00d4ff"
+		},
+		max: {
+			type: Number,
+			default: 0
+		},
+		unit: {
+			type: String,
+			default: ""
+		},
+		showTop3: {
+			type: Boolean,
+			default: true
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "100%"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const containerStyle = computed(() => ({
+			width: typeof props.width === "number" ? `${props.width}px` : props.width,
+			height: typeof props.height === "number" ? `${props.height}px` : props.height
+		}));
+		const items = computed(() => {
+			if (!Array.isArray(props.data)) return [];
+			return props.data.map((item) => ({
+				name: item.name || item.label || "未命名",
+				value: Number(item.value) || 0
+			})).sort((a, b) => b.value - a.value);
+		});
+		const maxValue = computed(() => {
+			if (props.max > 0) return props.max;
+			return items.value.length ? Math.max(...items.value.map((i) => i.value), 1) : 1;
+		});
+		function getPercent(value) {
+			return Math.max(0, Math.min(100, value / maxValue.value * 100));
+		}
+		function formatValue(value) {
+			const v = Number(value) || 0;
+			const formatted = Math.abs(v) >= 1e3 ? v.toLocaleString() : String(v);
+			return props.unit ? `${formatted} ${props.unit}` : formatted;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "ds-rank",
+				style: normalizeStyle(containerStyle.value)
+			}, [__props.title ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "ds-rank-title",
+				style: normalizeStyle({ color: __props.color })
+			}, toDisplayString(__props.title), 5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, i) => {
+				return openBlock(), createElementBlock("div", {
+					key: i,
+					class: normalizeClass(["ds-rank-item", { "ds-rank-item--top": i < 3 }])
+				}, [createElementVNode("div", {
+					class: normalizeClass(["ds-rank-index", `ds-rank-index--${i < 3 ? i + 1 : "n"}`]),
+					style: normalizeStyle(i >= 3 ? { color: __props.color } : null)
+				}, toDisplayString(i + 1), 7), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1), createElementVNode("span", {
+					class: "ds-rank-value",
+					style: normalizeStyle({ color: __props.color })
+				}, toDisplayString(formatValue(item.value)), 5)]), createElementVNode("div", _hoisted_5, [createElementVNode("div", {
+					class: "ds-rank-bar-fill",
+					style: normalizeStyle({
+						width: getPercent(item.value) + "%",
+						background: `linear-gradient(90deg, ${__props.color}33, ${__props.color})`
+					})
+				}, null, 4)])])], 2);
+			}), 128)), items.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, "暂无数据")) : createCommentVNode("", true)])], 4);
+		};
+	}
+}, [["__scopeId", "data-v-f3072169"]]);
+//#endregion
+//#region src/index.js
+/**
+* @nbreak/ui - 入口
+*
+* 导出 10 个示例组件扩展，覆盖六大类：
+*   - 文本/控制：DsText、DsCounter、DsSparkLine
+*   - 图表：DsLineChart、DsBarChart、DsPieChart
+*   - 边框：DsBorderTech
+*   - 装饰：DsRing
+*   - 列表：DsRankList
+*   - 时间：DsDigitalClock
+*
+* 完整 178 个内置组件可按相同模式批量迁移
+*/
+var textSchema = [
+	{
+		key: "content",
+		label: "内容",
+		type: "textarea",
+		group: "基础",
+		default: "文本内容"
+	},
+	{
+		key: "color",
+		label: "颜色",
+		type: "color",
+		group: "样式",
+		default: "#ffffff"
+	},
+	{
+		key: "fontSize",
+		label: "字号",
+		type: "number",
+		group: "样式",
+		default: 16,
+		min: 8,
+		max: 200
+	},
+	{
+		key: "fontWeight",
+		label: "字重",
+		type: "select",
+		group: "样式",
+		default: 400,
+		options: [
+			{
+				label: "细",
+				value: 300
+			},
+			{
+				label: "常规",
+				value: 400
+			},
+			{
+				label: "粗",
+				value: 700
+			},
+			{
+				label: "特粗",
+				value: 900
+			}
+		]
+	},
+	{
+		key: "textAlign",
+		label: "对齐",
+		type: "select",
+		group: "样式",
+		default: "left",
+		options: [
+			{
+				label: "左",
+				value: "left"
+			},
+			{
+				label: "中",
+				value: "center"
+			},
+			{
+				label: "右",
+				value: "right"
+			}
+		]
+	},
+	{
+		key: "padding",
+		label: "内边距",
+		type: "slider",
+		group: "样式",
+		default: 8,
+		min: 0,
+		max: 40
+	}
+];
+var lineChartSchema = [
+	{
+		key: "data",
+		label: "数据",
+		type: "json",
+		group: "数据",
+		default: []
+	},
+	{
+		key: "color",
+		label: "线条颜色",
+		type: "color",
+		group: "样式",
+		default: "#1890ff"
+	},
+	{
+		key: "showLegend",
+		label: "显示图例",
+		type: "switch",
+		group: "样式",
+		default: true
+	},
+	{
+		key: "smooth",
+		label: "平滑曲线",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "areaStyle",
+		label: "面积填充",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "xAxisTitle",
+		label: "X 轴标题",
+		type: "text",
+		group: "轴",
+		default: ""
+	},
+	{
+		key: "yAxisTitle",
+		label: "Y 轴标题",
+		type: "text",
+		group: "轴",
+		default: ""
+	}
+];
+var barChartSchema = [
+	{
+		key: "data",
+		label: "数据",
+		type: "json",
+		group: "数据",
+		default: []
+	},
+	{
+		key: "color",
+		label: "柱子颜色",
+		type: "color",
+		group: "样式",
+		default: "#1890ff"
+	},
+	{
+		key: "horizontal",
+		label: "横向",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "showLegend",
+		label: "显示图例",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "showLabel",
+		label: "显示数值",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "barWidth",
+		label: "柱宽",
+		type: "text",
+		group: "样式",
+		default: "auto",
+		placeholder: "auto 或数字"
+	},
+	{
+		key: "xAxisTitle",
+		label: "X 轴标题",
+		type: "text",
+		group: "轴",
+		default: ""
+	},
+	{
+		key: "yAxisTitle",
+		label: "Y 轴标题",
+		type: "text",
+		group: "轴",
+		default: ""
+	}
+];
+var pieChartSchema = [
+	{
+		key: "data",
+		label: "数据",
+		type: "json",
+		group: "数据",
+		default: []
+	},
+	{
+		key: "colors",
+		label: "配色",
+		type: "json",
+		group: "样式",
+		default: [
+			"#1890ff",
+			"#8b5cf6",
+			"#22c55e",
+			"#f59e0b",
+			"#ef4444"
+		]
+	},
+	{
+		key: "showLegend",
+		label: "显示图例",
+		type: "switch",
+		group: "样式",
+		default: true
+	},
+	{
+		key: "showLabel",
+		label: "显示标签",
+		type: "switch",
+		group: "样式",
+		default: true
+	},
+	{
+		key: "ringMode",
+		label: "环形",
+		type: "switch",
+		group: "样式",
+		default: false
+	},
+	{
+		key: "innerRadius",
+		label: "内径",
+		type: "number",
+		group: "样式",
+		default: 40,
+		min: 0,
+		max: 90
+	},
+	{
+		key: "outerRadius",
+		label: "外径",
+		type: "number",
+		group: "样式",
+		default: 80,
+		min: 10,
+		max: 100
+	}
+];
+var borderTechSchema = [{
+	key: "color",
+	label: "边框颜色",
+	type: "color",
+	group: "样式",
+	default: "#1890ff"
+}, {
+	key: "radius",
+	label: "圆角",
+	type: "slider",
+	group: "样式",
+	default: 0,
+	min: 0,
+	max: 30
+}];
+var counterSchema = [
+	{
+		key: "value",
+		label: "数值",
+		type: "number",
+		group: "基础",
+		default: 0
+	},
+	{
+		key: "label",
+		label: "标签",
+		type: "text",
+		group: "基础",
+		default: ""
+	},
+	{
+		key: "suffix",
+		label: "后缀",
+		type: "text",
+		group: "基础",
+		default: ""
+	},
+	{
+		key: "color",
+		label: "颜色",
+		type: "color",
+		group: "样式",
+		default: "#00d4ff"
+	},
+	{
+		key: "fontSize",
+		label: "字号",
+		type: "slider",
+		group: "样式",
+		default: 32,
+		min: 12,
+		max: 120
+	},
+	{
+		key: "duration",
+		label: "动画时长",
+		type: "number",
+		group: "动画",
+		default: 1e3,
+		min: 0,
+		max: 5e3
+	},
+	{
+		key: "decimals",
+		label: "小数位",
+		type: "number",
+		group: "基础",
+		default: 0,
+		min: 0,
+		max: 6
+	}
+];
+var ringSchema = [
+	{
+		key: "color",
+		label: "颜色",
+		type: "color",
+		group: "样式",
+		default: "#00f5ff"
+	},
+	{
+		key: "size",
+		label: "尺寸",
+		type: "number",
+		group: "样式",
+		default: 100,
+		min: 40,
+		max: 400
+	},
+	{
+		key: "opacity",
+		label: "不透明度",
+		type: "slider",
+		group: "样式",
+		default: .8,
+		min: .1,
+		max: 1,
+		step: .1
+	}
+];
+var sparkLineSchema = [
+	{
+		key: "data",
+		label: "数据",
+		type: "json",
+		group: "数据",
+		default: []
+	},
+	{
+		key: "label",
+		label: "标题",
+		type: "text",
+		group: "基础",
+		default: "趋势"
+	},
+	{
+		key: "color",
+		label: "颜色",
+		type: "color",
+		group: "样式",
+		default: "#00c8ff"
+	}
+];
+var digitalClockSchema = [
+	{
+		key: "color",
+		label: "主色",
+		type: "color",
+		group: "样式",
+		default: "#00d4ff"
+	},
+	{
+		key: "secondColor",
+		label: "秒数颜色",
+		type: "color",
+		group: "样式",
+		default: "#ff6b6b"
+	},
+	{
+		key: "showSeconds",
+		label: "显示秒",
+		type: "switch",
+		group: "基础",
+		default: true
+	},
+	{
+		key: "showDate",
+		label: "显示日期",
+		type: "switch",
+		group: "基础",
+		default: true
+	},
+	{
+		key: "blink",
+		label: "冒号闪烁",
+		type: "switch",
+		group: "基础",
+		default: true
+	},
+	{
+		key: "timeFormat",
+		label: "时间制",
+		type: "select",
+		group: "基础",
+		default: "24h",
+		options: [{
+			label: "24小时",
+			value: "24h"
+		}, {
+			label: "12小时",
+			value: "12h"
+		}]
+	},
+	{
+		key: "dateFormat",
+		label: "日期格式",
+		type: "select",
+		group: "基础",
+		default: "YYYY-MM-DD",
+		options: [
+			{
+				label: "2026-01-01",
+				value: "YYYY-MM-DD"
+			},
+			{
+				label: "2026年01月01日",
+				value: "YYYY年MM月DD日"
+			},
+			{
+				label: "01/01/2026",
+				value: "DD/MM/YYYY"
+			},
+			{
+				label: "01/01/2026",
+				value: "MM/DD/YYYY"
+			}
+		]
+	}
+];
+var rankListSchema = [
+	{
+		key: "data",
+		label: "数据",
+		type: "json",
+		group: "数据",
+		default: []
+	},
+	{
+		key: "title",
+		label: "标题",
+		type: "text",
+		group: "基础",
+		default: ""
+	},
+	{
+		key: "color",
+		label: "颜色",
+		type: "color",
+		group: "样式",
+		default: "#00d4ff"
+	},
+	{
+		key: "max",
+		label: "最大值",
+		type: "number",
+		group: "基础",
+		default: 0,
+		description: "0 表示自动"
+	},
+	{
+		key: "unit",
+		label: "单位",
+		type: "text",
+		group: "基础",
+		default: ""
+	}
+];
+var textExt = defineComponentExtension({
+	type: "ds-text",
+	name: "文本",
+	category: "controls",
+	component: DsText_default,
+	schema: textSchema,
+	defaults: {
+		content: "文本内容",
+		color: "#ffffff",
+		fontSize: 16,
+		fontWeight: 400,
+		textAlign: "left",
+		padding: 8
+	},
+	tags: ["文本", "文字"],
+	icon: "FontSizeOutlined",
+	description: "基础文本组件，支持颜色、字号、对齐配置"
+});
+var lineChartExt = defineComponentExtension({
+	type: "ds-line-chart",
+	name: "折线图",
+	category: "charts",
+	component: DsLineChart_default,
+	schema: lineChartSchema,
+	defaults: {
+		data: [],
+		color: "#1890ff",
+		showLegend: true,
+		smooth: false,
+		areaStyle: false
+	},
+	tags: [
+		"图表",
+		"趋势",
+		"折线"
+	],
+	icon: "LineChartOutlined",
+	description: "ECharts 折线图，支持平滑曲线与面积填充"
+});
+var barChartExt = defineComponentExtension({
+	type: "ds-bar-chart",
+	name: "柱状图",
+	category: "charts",
+	component: DsBarChart_default,
+	schema: barChartSchema,
+	defaults: {
+		data: [],
+		color: "#1890ff",
+		horizontal: false,
+		showLegend: false,
+		showLabel: false,
+		barWidth: "auto"
+	},
+	tags: [
+		"图表",
+		"柱状",
+		"对比"
+	],
+	icon: "BarChartOutlined",
+	description: "ECharts 柱状图，支持横向、多系列与数值标签"
+});
+var pieChartExt = defineComponentExtension({
+	type: "ds-pie-chart",
+	name: "饼图",
+	category: "charts",
+	component: DsPieChart_default,
+	schema: pieChartSchema,
+	defaults: {
+		data: [],
+		showLegend: true,
+		showLabel: true,
+		ringMode: false,
+		innerRadius: 40,
+		outerRadius: 80
+	},
+	tags: [
+		"图表",
+		"占比",
+		"饼图"
+	],
+	icon: "PieChartOutlined",
+	description: "ECharts 饼图，支持环形模式与自定义配色"
+});
+var borderTechExt = defineComponentExtension({
+	type: "ds-border-tech",
+	name: "科技边框",
+	category: "borders",
+	component: DsBorderTech_default,
+	schema: borderTechSchema,
+	defaults: {
+		color: "#1890ff",
+		radius: 0
+	},
+	tags: ["边框", "科技"],
+	icon: "BorderOutlined",
+	description: "科技风边框，四角装饰"
+});
+var counterExt = defineComponentExtension({
+	type: "ds-counter",
+	name: "数字翻牌器",
+	category: "controls",
+	component: DsCounter_default,
+	schema: counterSchema,
+	defaults: {
+		value: 0,
+		label: "",
+		suffix: "",
+		color: "#00d4ff",
+		fontSize: 32,
+		duration: 1e3,
+		decimals: 0
+	},
+	tags: [
+		"数字",
+		"翻牌",
+		"动画"
+	],
+	icon: "FieldNumberOutlined",
+	description: "数字翻牌器，支持动画过渡与格式化"
+});
+var ringExt = defineComponentExtension({
+	type: "ds-ring",
+	name: "装饰环",
+	category: "decorations",
+	component: DsRing_default,
+	schema: ringSchema,
+	defaults: {
+		color: "#00f5ff",
+		size: 100,
+		opacity: .8
+	},
+	tags: [
+		"装饰",
+		"动画",
+		"环形"
+	],
+	icon: "RadiusSettingOutlined",
+	description: "科技装饰环，三层轨道旋转动画，支持自定义颜色"
+});
+var sparkLineExt = defineComponentExtension({
+	type: "ds-spark-line",
+	name: "迷你折线",
+	category: "controls",
+	component: DsSparkLine_default,
+	schema: sparkLineSchema,
+	defaults: {
+		data: [],
+		label: "趋势",
+		color: "#00c8ff"
+	},
+	tags: [
+		"图表",
+		"迷你",
+		"趋势"
+	],
+	icon: "DotChartOutlined",
+	description: "SVG 迷你折线图，纯 CSS 实现，体积小"
+});
+var digitalClockExt = defineComponentExtension({
+	type: "ds-digital-clock",
+	name: "数字时钟",
+	category: "time",
+	component: DsDigitalClock_default,
+	schema: digitalClockSchema,
+	defaults: {
+		color: "#00d4ff",
+		secondColor: "#ff6b6b",
+		showSeconds: true,
+		showDate: true,
+		blink: true,
+		timeFormat: "24h",
+		dateFormat: "YYYY-MM-DD"
+	},
+	tags: [
+		"时间",
+		"时钟",
+		"日期"
+	],
+	icon: "ClockCircleOutlined",
+	description: "数字时钟，支持 12/24 小时制与多种日期格式"
+});
+var rankListExt = defineComponentExtension({
+	type: "ds-rank-list",
+	name: "排行榜",
+	category: "lists",
+	component: DsRankList_default,
+	schema: rankListSchema,
+	defaults: {
+		data: [],
+		title: "",
+		color: "#00d4ff",
+		max: 0,
+		unit: ""
+	},
+	tags: [
+		"列表",
+		"排行",
+		"对比"
+	],
+	icon: "TrophyOutlined",
+	description: "排行榜，自动降序，前三名特殊样式"
+});
+var extensions = [
+	textExt,
+	lineChartExt,
+	barChartExt,
+	pieChartExt,
+	borderTechExt,
+	counterExt,
+	ringExt,
+	sparkLineExt,
+	digitalClockExt,
+	rankListExt
+];
+var components = {
+	"ds-text": textExt,
+	"ds-line-chart": lineChartExt,
+	"ds-bar-chart": barChartExt,
+	"ds-pie-chart": pieChartExt,
+	"ds-border-tech": borderTechExt,
+	"ds-counter": counterExt,
+	"ds-ring": ringExt,
+	"ds-spark-line": sparkLineExt,
+	"ds-digital-clock": digitalClockExt,
+	"ds-rank-list": rankListExt
+};
+var src_default = { extensions };
+var VERSION = "0.1.0";
+var PACKAGE_NAME = "@nbreak/ui";
+//#endregion
+export { DsBarChart_default as DsBarChart, DsBorderTech_default as DsBorderTech, DsCounter_default as DsCounter, DsDigitalClock_default as DsDigitalClock, DsLineChart_default as DsLineChart, DsPieChart_default as DsPieChart, DsRankList_default as DsRankList, DsRing_default as DsRing, DsSparkLine_default as DsSparkLine, DsText_default as DsText, PACKAGE_NAME, VERSION, components, src_default as default, extensions };
+
+//# sourceMappingURL=index.js.map