react-public-components 1.2.7 → 1.2.8

package/dist/MiniSparkline/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkHSYTBMLN_cjs = require('../chunk-HSYTBMLN.cjs');
+var chunkVVKYGA2T_cjs = require('../chunk-VVKYGA2T.cjs');
 
 
 
-module.exports = chunkHSYTBMLN_cjs.MiniSparkline_default;
+module.exports = chunkVVKYGA2T_cjs.MiniSparkline_default;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/MiniSparkline/index.js

@@ -1,3 +1,3 @@
-export { MiniSparkline_default as default } from '../chunk-NNS4YN3C.js';
+export { MiniSparkline_default as default } from '../chunk-B3FMPSBM.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-NNS4YN3C.js → chunk-B3FMPSBM.js}

@@ -1,7 +1,8 @@
-import { useId } from 'react';
+import { useRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // MiniSparkline/index.tsx
+var sparklineIdCounter = 0;
 var MiniSparkline = ({
   data = [],
   color = "#1677ff",
@@ -11,7 +12,12 @@ var MiniSparkline = ({
   className = "",
   style
 }) => {
-  const gradientId = useId();
+  const idRef = useRef();
+  if (!idRef.current) {
+    sparklineIdCounter += 1;
+    idRef.current = `rpc_sparkline_grad_${sparklineIdCounter}`;
+  }
+  const gradientId = idRef.current;
   if (data.length < 2) return null;
   const min = Math.min(...data);
   const max = Math.max(...data);
@@ -38,5 +44,5 @@ var MiniSparkline = ({
 var MiniSparkline_default = MiniSparkline;
 
 export { MiniSparkline_default };
-//# sourceMappingURL=chunk-NNS4YN3C.js.map
-//# sourceMappingURL=chunk-NNS4YN3C.js.map
+//# sourceMappingURL=chunk-B3FMPSBM.js.map
+//# sourceMappingURL=chunk-B3FMPSBM.js.map

package/dist/chunk-B3FMPSBM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../MiniSparkline/index.tsx"],"names":[],"mappings":"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","file":"chunk-B3FMPSBM.js","sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface MiniSparklineProps {\n\t/** 数值序列 */\n\tdata: number[];\n\t/** 折线与填充主题色，默认为 '#1677ff' */\n\tcolor?: string;\n\t/** 是否展示面积渐变填充，默认为 true */\n\tfill?: boolean;\n\t/** 宽度（像素），默认为 80 */\n\twidth?: number;\n\t/** 高度（像素），默认为 28 */\n\theight?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nlet sparklineIdCounter = 0;\n\nconst MiniSparkline: React.FC<MiniSparklineProps> = ({\n\tdata = [],\n\tcolor = '#1677ff',\n\tfill = true,\n\twidth = 80,\n\theight = 28,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst idRef = useRef<string>();\n\tif (!idRef.current) {\n\t\tsparklineIdCounter += 1;\n\t\tidRef.current = `rpc_sparkline_grad_${sparklineIdCounter}`;\n\t}\n\tconst gradientId = idRef.current;\n\n\tif (data.length < 2) return null;\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\tconst padding = 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = padding + (idx / (data.length - 1)) * (width - padding * 2);\n\t\tconst y = height - padding - ((val - min) / range) * (height - padding * 2);\n\t\treturn { x, y };\n\t});\n\n\tconst linePath = points.reduce((acc, pt, idx) => {\n\t\treturn idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;\n\t}, '');\n\n\tconst areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;\n\n\treturn (\n\t\t<div className={`rpc_mini_sparkline ${className}`} style={style}>\n\t\t\t<svg width={width} height={height}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor={color} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor={color} stopOpacity=\"0.0\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\n\t\t\t\t{fill && <path d={areaPath} fill={`url(#${gradientId})`} />}\n\t\t\t\t<path d={linePath} fill=\"none\" stroke={color} strokeWidth=\"1.8\" strokeLinecap=\"round\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default MiniSparkline;\n"]}

package/dist/{chunk-HSYTBMLN.cjs → chunk-VVKYGA2T.cjs}

@@ -4,6 +4,7 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // MiniSparkline/index.tsx
+var sparklineIdCounter = 0;
 var MiniSparkline = ({
   data = [],
   color = "#1677ff",
@@ -13,7 +14,12 @@ var MiniSparkline = ({
   className = "",
   style
 }) => {
-  const gradientId = react.useId();
+  const idRef = react.useRef();
+  if (!idRef.current) {
+    sparklineIdCounter += 1;
+    idRef.current = `rpc_sparkline_grad_${sparklineIdCounter}`;
+  }
+  const gradientId = idRef.current;
   if (data.length < 2) return null;
   const min = Math.min(...data);
   const max = Math.max(...data);
@@ -40,5 +46,5 @@ var MiniSparkline = ({
 var MiniSparkline_default = MiniSparkline;
 
 exports.MiniSparkline_default = MiniSparkline_default;
-//# sourceMappingURL=chunk-HSYTBMLN.cjs.map
-//# sourceMappingURL=chunk-HSYTBMLN.cjs.map
+//# sourceMappingURL=chunk-VVKYGA2T.cjs.map
+//# sourceMappingURL=chunk-VVKYGA2T.cjs.map

package/dist/chunk-VVKYGA2T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../MiniSparkline/index.tsx"],"names":["useRef","jsx","jsxs"],"mappings":"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","file":"chunk-VVKYGA2T.cjs","sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface MiniSparklineProps {\n\t/** 数值序列 */\n\tdata: number[];\n\t/** 折线与填充主题色，默认为 '#1677ff' */\n\tcolor?: string;\n\t/** 是否展示面积渐变填充，默认为 true */\n\tfill?: boolean;\n\t/** 宽度（像素），默认为 80 */\n\twidth?: number;\n\t/** 高度（像素），默认为 28 */\n\theight?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nlet sparklineIdCounter = 0;\n\nconst MiniSparkline: React.FC<MiniSparklineProps> = ({\n\tdata = [],\n\tcolor = '#1677ff',\n\tfill = true,\n\twidth = 80,\n\theight = 28,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst idRef = useRef<string>();\n\tif (!idRef.current) {\n\t\tsparklineIdCounter += 1;\n\t\tidRef.current = `rpc_sparkline_grad_${sparklineIdCounter}`;\n\t}\n\tconst gradientId = idRef.current;\n\n\tif (data.length < 2) return null;\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\tconst padding = 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = padding + (idx / (data.length - 1)) * (width - padding * 2);\n\t\tconst y = height - padding - ((val - min) / range) * (height - padding * 2);\n\t\treturn { x, y };\n\t});\n\n\tconst linePath = points.reduce((acc, pt, idx) => {\n\t\treturn idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;\n\t}, '');\n\n\tconst areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;\n\n\treturn (\n\t\t<div className={`rpc_mini_sparkline ${className}`} style={style}>\n\t\t\t<svg width={width} height={height}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor={color} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor={color} stopOpacity=\"0.0\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\n\t\t\t\t{fill && <path d={areaPath} fill={`url(#${gradientId})`} />}\n\t\t\t\t<path d={linePath} fill=\"none\" stroke={color} strokeWidth=\"1.8\" strokeLinecap=\"round\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default MiniSparkline;\n"]}

package/dist/index.cjs

@@ -17,7 +17,7 @@ var chunkK3JC52JH_cjs = require('./chunk-K3JC52JH.cjs');
 var chunkHKALWFWZ_cjs = require('./chunk-HKALWFWZ.cjs');
 var chunkZFBLVX7E_cjs = require('./chunk-ZFBLVX7E.cjs');
 var chunkEUOBMHFF_cjs = require('./chunk-EUOBMHFF.cjs');
-var chunkHSYTBMLN_cjs = require('./chunk-HSYTBMLN.cjs');
+var chunkVVKYGA2T_cjs = require('./chunk-VVKYGA2T.cjs');
 var chunk5GOF5EZU_cjs = require('./chunk-5GOF5EZU.cjs');
 var chunk7SIUSULP_cjs = require('./chunk-7SIUSULP.cjs');
 var chunk7ZBA4NHH_cjs = require('./chunk-7ZBA4NHH.cjs');
@@ -146,7 +146,7 @@ Object.defineProperty(exports, "StatusTimeline", {
 });
 Object.defineProperty(exports, "MiniSparkline", {
   enumerable: true,
-  get: function () { return chunkHSYTBMLN_cjs.MiniSparkline_default; }
+  get: function () { return chunkVVKYGA2T_cjs.MiniSparkline_default; }
 });
 Object.defineProperty(exports, "NumberStepper", {
   enumerable: true,

package/dist/index.js

@@ -15,7 +15,7 @@ export { ShimmerSkeleton_default as ShimmerSkeleton } from './chunk-KCXXUUWC.js'
 export { Splitter_default as Splitter } from './chunk-W5JA3YTT.js';
 export { SpotlightCard_default as SpotlightCard } from './chunk-WZ2GV4HA.js';
 export { StatusTimeline_default as StatusTimeline } from './chunk-YFHKH6HL.js';
-export { MiniSparkline_default as MiniSparkline } from './chunk-NNS4YN3C.js';
+export { MiniSparkline_default as MiniSparkline } from './chunk-B3FMPSBM.js';
 export { NumberStepper_default as NumberStepper } from './chunk-X2F2DVMB.js';
 export { NumericRangeInput_default as NumericRangeInput } from './chunk-L7X3RVEY.js';
 export { PasswordStrength_default as PasswordStrength, evaluatePasswordStrength } from './chunk-2INP6NM4.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-public-components",
-	"version": "1.2.7",
+	"version": "1.2.8",
 	"description": "企业级现代 React 通用核心组件库，零 UI 库依赖，开箱即用",
 	"type": "module",
 	"main": "./dist/index.cjs",

package/dist/chunk-HSYTBMLN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../MiniSparkline/index.tsx"],"names":["useId","jsx","jsxs"],"mappings":"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","file":"chunk-HSYTBMLN.cjs","sourcesContent":["import React, { useId, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface MiniSparklineProps {\n\t/** 数值序列 */\n\tdata: number[];\n\t/** 折线与填充主题色，默认为 '#1677ff' */\n\tcolor?: string;\n\t/** 是否展示面积渐变填充，默认为 true */\n\tfill?: boolean;\n\t/** 宽度（像素），默认为 80 */\n\twidth?: number;\n\t/** 高度（像素），默认为 28 */\n\theight?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst MiniSparkline: React.FC<MiniSparklineProps> = ({\n\tdata = [],\n\tcolor = '#1677ff',\n\tfill = true,\n\twidth = 80,\n\theight = 28,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst gradientId = useId();\n\n\tif (data.length < 2) return null;\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\tconst padding = 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = padding + (idx / (data.length - 1)) * (width - padding * 2);\n\t\tconst y = height - padding - ((val - min) / range) * (height - padding * 2);\n\t\treturn { x, y };\n\t});\n\n\tconst linePath = points.reduce((acc, pt, idx) => {\n\t\treturn idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;\n\t}, '');\n\n\tconst areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;\n\n\treturn (\n\t\t<div className={`rpc_mini_sparkline ${className}`} style={style}>\n\t\t\t<svg width={width} height={height}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor={color} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor={color} stopOpacity=\"0.0\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\n\t\t\t\t{fill && <path d={areaPath} fill={`url(#${gradientId})`} />}\n\t\t\t\t<path d={linePath} fill=\"none\" stroke={color} strokeWidth=\"1.8\" strokeLinecap=\"round\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default MiniSparkline;\n"]}

package/dist/chunk-NNS4YN3C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../MiniSparkline/index.tsx"],"names":[],"mappings":"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","file":"chunk-NNS4YN3C.js","sourcesContent":["import React, { useId, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface MiniSparklineProps {\n\t/** 数值序列 */\n\tdata: number[];\n\t/** 折线与填充主题色，默认为 '#1677ff' */\n\tcolor?: string;\n\t/** 是否展示面积渐变填充，默认为 true */\n\tfill?: boolean;\n\t/** 宽度（像素），默认为 80 */\n\twidth?: number;\n\t/** 高度（像素），默认为 28 */\n\theight?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst MiniSparkline: React.FC<MiniSparklineProps> = ({\n\tdata = [],\n\tcolor = '#1677ff',\n\tfill = true,\n\twidth = 80,\n\theight = 28,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst gradientId = useId();\n\n\tif (data.length < 2) return null;\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\tconst padding = 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = padding + (idx / (data.length - 1)) * (width - padding * 2);\n\t\tconst y = height - padding - ((val - min) / range) * (height - padding * 2);\n\t\treturn { x, y };\n\t});\n\n\tconst linePath = points.reduce((acc, pt, idx) => {\n\t\treturn idx === 0 ? `M ${pt.x} ${pt.y}` : `${acc} L ${pt.x} ${pt.y}`;\n\t}, '');\n\n\tconst areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;\n\n\treturn (\n\t\t<div className={`rpc_mini_sparkline ${className}`} style={style}>\n\t\t\t<svg width={width} height={height}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor={color} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor={color} stopOpacity=\"0.0\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\n\t\t\t\t{fill && <path d={areaPath} fill={`url(#${gradientId})`} />}\n\t\t\t\t<path d={linePath} fill=\"none\" stroke={color} strokeWidth=\"1.8\" strokeLinecap=\"round\" />\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default MiniSparkline;\n"]}