@nbreak/ui 0.1.0

package/dist/cjs/index.cjs

@@ -0,0 +1,1753 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _nbreak_sdk = require("@nbreak/sdk");
+let vue = require("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 (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-text",
+				style: (0, vue.normalizeStyle)({
+					color: __props.color,
+					fontSize: __props.fontSize + "px",
+					fontWeight: __props.fontWeight,
+					textAlign: __props.textAlign,
+					padding: __props.padding + "px"
+				})
+			}, (0, vue.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 = (0, vue.ref)(null);
+		const chartInstance = (0, vue.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);
+		}
+		(0, vue.onMounted)(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		(0, vue.onUnmounted)(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		function handleResize() {
+			chartInstance.value?.resize();
+		}
+		(0, vue.watch)(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.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 = (0, vue.ref)(null);
+		const chartInstance = (0, vue.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();
+		}
+		(0, vue.onMounted)(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		(0, vue.onUnmounted)(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		(0, vue.watch)(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.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 = (0, vue.ref)(null);
+		const chartInstance = (0, vue.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();
+		}
+		(0, vue.onMounted)(() => {
+			initChart();
+			window.addEventListener("resize", handleResize);
+		});
+		(0, vue.onUnmounted)(() => {
+			window.removeEventListener("resize", handleResize);
+			chartInstance.value?.dispose();
+		});
+		(0, vue.watch)(() => props, renderChart, { deep: true });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-border-tech",
+				style: (0, vue.normalizeStyle)({
+					borderColor: __props.color,
+					borderRadius: __props.radius + "px"
+				})
+			}, [
+				(0, vue.createElementVNode)("div", {
+					class: "ds-border-tech-corner top-left",
+					style: (0, vue.normalizeStyle)({ borderColor: __props.color })
+				}, null, 4),
+				(0, vue.createElementVNode)("div", {
+					class: "ds-border-tech-corner top-right",
+					style: (0, vue.normalizeStyle)({ borderColor: __props.color })
+				}, null, 4),
+				(0, vue.createElementVNode)("div", {
+					class: "ds-border-tech-corner bottom-left",
+					style: (0, vue.normalizeStyle)({ borderColor: __props.color })
+				}, null, 4),
+				(0, vue.createElementVNode)("div", {
+					class: "ds-border-tech-corner bottom-right",
+					style: (0, vue.normalizeStyle)({ borderColor: __props.color })
+				}, null, 4),
+				(0, vue.createElementVNode)("div", _hoisted_1$5, [(0, vue.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 = (0, vue.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
+			});
+		}
+		(0, vue.onMounted)(() => {
+			animateTo(props.value);
+		});
+		(0, vue.watch)(() => props.value, (val) => {
+			animateTo(val);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-counter",
+				style: (0, vue.normalizeStyle)({ color: __props.color })
+			}, [__props.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, (0, vue.toDisplayString)(__props.label), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", {
+				class: "ds-counter-value",
+				style: (0, vue.normalizeStyle)({ fontSize: __props.fontSize + "px" })
+			}, [(0, vue.createElementVNode)("span", _hoisted_2$3, (0, vue.toDisplayString)(displayValue.value), 1), __props.suffix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$3, (0, vue.toDisplayString)(__props.suffix), 1)) : (0, vue.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 = (0, vue.computed)(() => ({
+			width: props.width,
+			height: props.height,
+			"--deco-color": props.color,
+			"--deco-size": props.size + "px",
+			"--deco-opacity": props.opacity
+		}));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-ring",
+				style: (0, vue.normalizeStyle)(containerStyle.value)
+			}, [_cache[0] || (_cache[0] = (0, vue.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)), (0, vue.createElementVNode)("div", _hoisted_1$3, [(0, vue.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 = (0, vue.computed)(() => ({
+			width: typeof props.width === "number" ? `${props.width}px` : props.width,
+			height: typeof props.height === "number" ? `${props.height}px` : props.height
+		}));
+		const values = (0, vue.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 = (0, vue.computed)(() => values.value.length ? Math.min(...values.value) : 0);
+		const maxVal = (0, vue.computed)(() => values.value.length ? Math.max(...values.value) : 0);
+		const avgVal = (0, vue.computed)(() => values.value.length ? Math.round(values.value.reduce((a, b) => a + b, 0) / values.value.length) : 0);
+		const currentDisplay = (0, vue.computed)(() => {
+			const v = values.value[values.value.length - 1];
+			return v != null ? Number(v).toLocaleString() : "-";
+		});
+		const linePoints = (0, vue.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 = (0, vue.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 = (0, vue.computed)(() => {
+			const pts = linePoints.value.split(" ");
+			return pts.length ? parseFloat(pts[pts.length - 1].split(",")[0]) : 0;
+		});
+		const lastY = (0, vue.computed)(() => {
+			const pts = linePoints.value.split(" ");
+			return pts.length ? parseFloat(pts[pts.length - 1].split(",")[1]) : 0;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-spark",
+				style: (0, vue.normalizeStyle)(containerStyle.value)
+			}, [
+				(0, vue.createElementVNode)("div", _hoisted_1$2, [(0, vue.createElementVNode)("span", _hoisted_2$2, (0, vue.toDisplayString)(__props.label), 1), (0, vue.createElementVNode)("span", {
+					class: "ds-spark-current",
+					style: (0, vue.normalizeStyle)({ color: __props.color })
+				}, (0, vue.toDisplayString)(currentDisplay.value), 5)]),
+				((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_3$2, [
+					(0, vue.createElementVNode)("defs", null, [(0, vue.createElementVNode)("linearGradient", {
+						id: `spark-grad-${(0, vue.unref)(uid)}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1"
+					}, [(0, vue.createElementVNode)("stop", {
+						offset: "0%",
+						"stop-color": __props.color,
+						"stop-opacity": "0.3"
+					}, null, 8, _hoisted_5$2), (0, vue.createElementVNode)("stop", {
+						offset: "100%",
+						"stop-color": __props.color,
+						"stop-opacity": "0"
+					}, null, 8, _hoisted_6$2)], 8, _hoisted_4$2)]),
+					(0, vue.createElementVNode)("path", {
+						d: areaPath.value,
+						fill: `url(#spark-grad-${(0, vue.unref)(uid)})`
+					}, null, 8, _hoisted_7$1),
+					(0, vue.createElementVNode)("polyline", {
+						points: linePoints.value,
+						fill: "none",
+						stroke: __props.color,
+						"stroke-width": "2",
+						"stroke-linejoin": "round"
+					}, null, 8, _hoisted_8$1),
+					(0, vue.createElementVNode)("circle", {
+						cx: lastX.value,
+						cy: lastY.value,
+						r: "4",
+						fill: __props.color
+					}, null, 8, _hoisted_9$1),
+					(0, vue.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)
+				])),
+				(0, vue.createElementVNode)("div", _hoisted_11$1, [
+					(0, vue.createElementVNode)("span", _hoisted_12$1, "低: " + (0, vue.toDisplayString)(minVal.value), 1),
+					(0, vue.createElementVNode)("span", _hoisted_13$1, "高: " + (0, vue.toDisplayString)(maxVal.value), 1),
+					(0, vue.createElementVNode)("span", _hoisted_14$1, "均: " + (0, vue.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 = (0, vue.ref)(/* @__PURE__ */ new Date());
+		const blinkOn = (0, vue.ref)(true);
+		let tickTimer = null;
+		let blinkTimer = null;
+		const is12h = (0, vue.computed)(() => props.timeFormat === "12h");
+		const WEEKDAYS = [
+			"星期日",
+			"星期一",
+			"星期二",
+			"星期三",
+			"星期四",
+			"星期五",
+			"星期六"
+		];
+		const time = (0, vue.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 = (0, vue.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 = (0, vue.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 = (0, vue.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 = (0, vue.computed)(() => ({
+			width: props.width,
+			height: props.height
+		}));
+		(0, vue.onMounted)(() => {
+			tickTimer = setInterval(() => {
+				now.value = /* @__PURE__ */ new Date();
+			}, 1e3);
+			if (props.blink) blinkTimer = setInterval(() => {
+				blinkOn.value = !blinkOn.value;
+			}, 500);
+		});
+		(0, vue.onUnmounted)(() => {
+			clearInterval(tickTimer);
+			clearInterval(blinkTimer);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-clock",
+				style: (0, vue.normalizeStyle)([wrapStyle.value, cssVars.value])
+			}, [
+				_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "ds-clock-bg-grid" }, null, -1)),
+				_cache[1] || (_cache[1] = (0, vue.createElementVNode)("div", { class: "ds-clock-bg-glow" }, null, -1)),
+				(0, vue.createElementVNode)("div", _hoisted_1$1, [
+					(0, vue.createElementVNode)("div", _hoisted_2$1, [(0, vue.createElementVNode)("span", _hoisted_3$1, (0, vue.toDisplayString)(time.value.hh[0]), 1), (0, vue.createElementVNode)("span", _hoisted_4$1, (0, vue.toDisplayString)(time.value.hh[1]), 1)]),
+					(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["ds-clock-sep", { "ds-clock-sep--off": !blinkOn.value }]) }, ":", 2),
+					(0, vue.createElementVNode)("div", _hoisted_5$1, [(0, vue.createElementVNode)("span", _hoisted_6$1, (0, vue.toDisplayString)(time.value.mm[0]), 1), (0, vue.createElementVNode)("span", _hoisted_7, (0, vue.toDisplayString)(time.value.mm[1]), 1)]),
+					__props.showSeconds ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["ds-clock-sep ds-clock-sep--sec", { "ds-clock-sep--off": !blinkOn.value }]) }, ":", 2), (0, vue.createElementVNode)("div", _hoisted_8, [(0, vue.createElementVNode)("span", _hoisted_9, (0, vue.toDisplayString)(time.value.ss[0]), 1), (0, vue.createElementVNode)("span", _hoisted_10, (0, vue.toDisplayString)(time.value.ss[1]), 1)])], 64)) : (0, vue.createCommentVNode)("", true),
+					is12h.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11, (0, vue.toDisplayString)(time.value.ampm), 1)) : (0, vue.createCommentVNode)("", true)
+				]),
+				__props.showDate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12, [(0, vue.createElementVNode)("span", _hoisted_13, (0, vue.toDisplayString)(dateStr.value), 1), (0, vue.createElementVNode)("span", _hoisted_14, (0, vue.toDisplayString)(weekdayStr.value), 1)])) : (0, vue.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 = (0, vue.computed)(() => ({
+			width: typeof props.width === "number" ? `${props.width}px` : props.width,
+			height: typeof props.height === "number" ? `${props.height}px` : props.height
+		}));
+		const items = (0, vue.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 = (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "ds-rank",
+				style: (0, vue.normalizeStyle)(containerStyle.value)
+			}, [__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 0,
+				class: "ds-rank-title",
+				style: (0, vue.normalizeStyle)({ color: __props.color })
+			}, (0, vue.toDisplayString)(__props.title), 5)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(items.value, (item, i) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: i,
+					class: (0, vue.normalizeClass)(["ds-rank-item", { "ds-rank-item--top": i < 3 }])
+				}, [(0, vue.createElementVNode)("div", {
+					class: (0, vue.normalizeClass)(["ds-rank-index", `ds-rank-index--${i < 3 ? i + 1 : "n"}`]),
+					style: (0, vue.normalizeStyle)(i >= 3 ? { color: __props.color } : null)
+				}, (0, vue.toDisplayString)(i + 1), 7), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(item.name), 1), (0, vue.createElementVNode)("span", {
+					class: "ds-rank-value",
+					style: (0, vue.normalizeStyle)({ color: __props.color })
+				}, (0, vue.toDisplayString)(formatValue(item.value)), 5)]), (0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.createElementVNode)("div", {
+					class: "ds-rank-bar-fill",
+					style: (0, vue.normalizeStyle)({
+						width: getPercent(item.value) + "%",
+						background: `linear-gradient(90deg, ${__props.color}33, ${__props.color})`
+					})
+				}, null, 4)])])], 2);
+			}), 128)), items.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, "暂无数据")) : (0, vue.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.defineComponentExtension)({
+	type: "ds-border-tech",
+	name: "科技边框",
+	category: "borders",
+	component: DsBorderTech_default,
+	schema: borderTechSchema,
+	defaults: {
+		color: "#1890ff",
+		radius: 0
+	},
+	tags: ["边框", "科技"],
+	icon: "BorderOutlined",
+	description: "科技风边框，四角装饰"
+});
+var counterExt = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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 = (0, _nbreak_sdk.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
+exports.DsBarChart = DsBarChart_default;
+exports.DsBorderTech = DsBorderTech_default;
+exports.DsCounter = DsCounter_default;
+exports.DsDigitalClock = DsDigitalClock_default;
+exports.DsLineChart = DsLineChart_default;
+exports.DsPieChart = DsPieChart_default;
+exports.DsRankList = DsRankList_default;
+exports.DsRing = DsRing_default;
+exports.DsSparkLine = DsSparkLine_default;
+exports.DsText = DsText_default;
+exports.PACKAGE_NAME = PACKAGE_NAME;
+exports.VERSION = VERSION;
+exports.components = components;
+exports.default = src_default;
+exports.extensions = extensions;
+
+//# sourceMappingURL=index.cjs.map