@easy-editor/materials-dashboard-scroll-list 0.0.3 → 0.0.5

package/dist/component.esm.js

@@ -1,182 +0,0 @@
-/* @easy-editor/materials-dashboard-scroll-list v0.0.2 (component, esm) */
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-function cn(...inputs) {
-  return clsx(inputs);
-}
-
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".component-module__container___VbZSk{backdrop-filter:blur(10px);background:rgba(10,10,26,.95);border:1px solid rgba(26,26,62,.8);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);box-sizing:border-box;height:100%;overflow:hidden;padding:16px;width:100%}.component-module__list___ZzqLO{display:flex;flex-direction:column;gap:10px;height:100%}.component-module__item___-0hiq{align-items:center;background:rgba(15,15,42,.9);border:1px solid rgba(26,26,62,.6);border-radius:8px;display:flex;gap:14px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.component-module__item___-0hiq:before{background:linear-gradient(180deg,transparent,rgba(0,212,255,.5),transparent);bottom:0;content:\"\";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.component-module__item___-0hiq:hover{background:rgba(20,20,52,.95);border-color:rgba(0,212,255,.3);transform:translateX(4px)}.component-module__item___-0hiq:hover:before{opacity:1}.component-module__rankBadge___qWXYW{align-items:center;border-radius:6px;display:flex;font-weight:700;height:32px;justify-content:center;min-width:32px;transition:transform .3s ease}.component-module__item___-0hiq:hover .component-module__rankBadge___qWXYW{transform:scale(1.1)}.component-module__rankBadgeTopThree___kYqJt{font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.component-module__rankBadgeNormal___Fl3nh{background:rgba(26,26,62,.8);border:1px solid rgba(136,146,176,.2);color:#8892b0;font-size:14px}.component-module__rankGold___lLkRo{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.component-module__rankSilver___QUAyV{color:#e8e8e8;filter:drop-shadow(0 0 6px rgba(192,192,192,.6))}.component-module__rankBronze___Wc-LC{color:#f96;filter:drop-shadow(0 0 6px rgba(205,127,50,.6))}.component-module__name___6zmww{color:#e6e6e6;flex:1;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.component-module__item___-0hiq:hover .component-module__name___6zmww{color:#fff}.component-module__valueContainer___xBbFD{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:120px}.component-module__value___Fg70k{color:#00d4ff;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700;text-shadow:0 0 10px rgba(0,212,255,.3);transition:all .3s ease}.component-module__item___-0hiq:hover .component-module__value___Fg70k{text-shadow:0 0 15px rgba(0,212,255,.5);transform:scale(1.05)}.component-module__progressBar___wROZC{background:rgba(26,26,62,.8);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);height:5px;overflow:hidden;width:100%}.component-module__progressFill___F8n5d{border-radius:3px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.component-module__progressFill___F8n5d:after{animation:component-module__shimmer___7hQ6G 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}@keyframes component-module__shimmer___7hQ6G{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}";
-var styles = {"container":"component-module__container___VbZSk","list":"component-module__list___ZzqLO","item":"component-module__item___-0hiq","rankBadge":"component-module__rankBadge___qWXYW","rankBadgeTopThree":"component-module__rankBadgeTopThree___kYqJt","rankBadgeNormal":"component-module__rankBadgeNormal___Fl3nh","rankGold":"component-module__rankGold___lLkRo","rankSilver":"component-module__rankSilver___QUAyV","rankBronze":"component-module__rankBronze___Wc-LC","name":"component-module__name___6zmww","valueContainer":"component-module__valueContainer___xBbFD","value":"component-module__value___Fg70k","progressBar":"component-module__progressBar___wROZC","progressFill":"component-module__progressFill___F8n5d"};
-styleInject(css_248z);
-
-/**
- * Scroll List Component
- * 滚动列表组件 - 用于展示排行榜、数据列表等
- */
-
-const DEFAULT_DATA = [{
-  rank: 1,
-  name: '北京市',
-  value: 9800
-}, {
-  rank: 2,
-  name: '上海市',
-  value: 8500
-}, {
-  rank: 3,
-  name: '广州市',
-  value: 7200
-}, {
-  rank: 4,
-  name: '深圳市',
-  value: 6100
-}, {
-  rank: 5,
-  name: '杭州市',
-  value: 4800
-}];
-const MEDAL_EMOJI = {
-  1: '🥇',
-  2: '🥈',
-  3: '🥉'
-};
-const getRankClass = rank => {
-  if (rank === 1) {
-    return styles.rankGold;
-  }
-  if (rank === 2) {
-    return styles.rankSilver;
-  }
-  if (rank === 3) {
-    return styles.rankBronze;
-  }
-  return '';
-};
-const formatDisplayValue = (value, format, prefix, suffix) => {
-  let formatted;
-  switch (format) {
-    case 'currency':
-      formatted = value.toLocaleString('zh-CN', {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
-      });
-      break;
-    case 'percent':
-      formatted = `${value}%`;
-      break;
-    default:
-      formatted = value.toLocaleString();
-  }
-  return `${prefix}${formatted}${suffix}`;
-};
-const ScrollList = ({
-  ref,
-  data = DEFAULT_DATA,
-  maxItems = 5,
-  showRank = true,
-  showMedal = true,
-  progressBarEnable = true,
-  progressBarGradient = true,
-  progressBarColors = ['#00d4ff', '#9b59b6'],
-  valueFormat = 'number',
-  valuePrefix = '',
-  valueSuffix = '',
-  nameColor = '#e6e6e6',
-  valueColor = '#00d4ff',
-  backgroundColor = 'rgba(10, 10, 26, 0.95)',
-  borderColor = 'rgba(26, 26, 62, 0.8)',
-  itemBackgroundColor = 'rgba(15, 15, 42, 0.9)',
-  itemBorderColor = 'rgba(26, 26, 62, 0.6)',
-  glowEnable = false,
-  style: externalStyle
-}) => {
-  const displayData = data.slice(0, maxItems);
-  const maxValue = Math.max(...displayData.map(item => item.value), 1);
-  const getProgressBarStyle = value => {
-    const percentage = value / maxValue * 100;
-    return {
-      width: `${percentage}%`,
-      background: progressBarGradient ? `linear-gradient(90deg, ${progressBarColors[0]}, ${progressBarColors[1]})` : progressBarColors[0],
-      boxShadow: glowEnable ? `0 0 8px ${progressBarColors[0]}60` : undefined
-    };
-  };
-  const containerStyle = {
-    ...externalStyle,
-    backgroundColor,
-    borderColor
-  };
-  const itemStyle = {
-    backgroundColor: itemBackgroundColor,
-    borderColor: itemBorderColor
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: styles.container,
-    ref: ref,
-    style: containerStyle,
-    children: /*#__PURE__*/jsx("div", {
-      className: styles.list,
-      children: displayData.map(item => {
-        const isTopThree = item.rank <= 3;
-        return /*#__PURE__*/jsxs("div", {
-          className: styles.item,
-          style: itemStyle,
-          children: [showRank ? /*#__PURE__*/jsx("div", {
-            className: cn(styles.rankBadge, isTopThree ? styles.rankBadgeTopThree : styles.rankBadgeNormal, getRankClass(item.rank)),
-            children: showMedal && isTopThree ? MEDAL_EMOJI[item.rank] : item.rank
-          }) : null, /*#__PURE__*/jsx("div", {
-            className: styles.name,
-            style: {
-              color: nameColor
-            },
-            children: item.name
-          }), /*#__PURE__*/jsxs("div", {
-            className: styles.valueContainer,
-            children: [/*#__PURE__*/jsx("span", {
-              className: styles.value,
-              style: {
-                color: valueColor
-              },
-              children: formatDisplayValue(item.value, valueFormat, valuePrefix, valueSuffix)
-            }), progressBarEnable ? /*#__PURE__*/jsx("div", {
-              className: styles.progressBar,
-              children: /*#__PURE__*/jsx("div", {
-                className: styles.progressFill,
-                style: getProgressBarStyle(item.value)
-              })
-            }) : null]
-          })]
-        }, item.rank);
-      })
-    })
-  });
-};
-
-export { ScrollList, ScrollList as default };
-//# sourceMappingURL=component.esm.js.map

package/dist/component.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.esm.js","sources":["../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../shared/src/lib/utils.ts","../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs)\n}\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","/**\n * Scroll List Component\n * 滚动列表组件 - 用于展示排行榜、数据列表等\n */\n\nimport type { CSSProperties, Ref } from 'react'\nimport { cn } from '@easy-editor/materials-shared'\nimport styles from './component.module.css'\n\nexport interface ScrollListItem {\n  rank: number\n  name: string\n  value: number\n}\n\nexport interface ScrollListProps {\n  ref?: Ref<HTMLDivElement>\n  /** 列表数据 */\n  data?: ScrollListItem[]\n  /** 最大显示条数 */\n  maxItems?: number\n  /** 是否显示排名 */\n  showRank?: boolean\n  /** 是否显示奖牌图标 */\n  showMedal?: boolean\n  /** 是否显示进度条 */\n  progressBarEnable?: boolean\n  /** 是否使用渐变进度条 */\n  progressBarGradient?: boolean\n  /** 进度条颜色 [起始色, 结束色] */\n  progressBarColors?: [string, string]\n  /** 数值格式化 */\n  valueFormat?: 'number' | 'currency' | 'percent'\n  /** 数值前缀 */\n  valuePrefix?: string\n  /** 数值后缀 */\n  valueSuffix?: string\n  /** 名称颜色 */\n  nameColor?: string\n  /** 数值颜色 */\n  valueColor?: string\n  /** 背景颜色 */\n  backgroundColor?: string\n  /** 边框颜色 */\n  borderColor?: string\n  /** 行背景颜色 */\n  itemBackgroundColor?: string\n  /** 行边框颜色 */\n  itemBorderColor?: string\n  /** 是否显示发光效果 */\n  glowEnable?: boolean\n  /** 外部样式 */\n  style?: CSSProperties\n}\n\nconst DEFAULT_DATA: ScrollListItem[] = [\n  { rank: 1, name: '北京市', value: 9800 },\n  { rank: 2, name: '上海市', value: 8500 },\n  { rank: 3, name: '广州市', value: 7200 },\n  { rank: 4, name: '深圳市', value: 6100 },\n  { rank: 5, name: '杭州市', value: 4800 },\n]\n\nconst MEDAL_EMOJI: Record<number, string> = {\n  1: '🥇',\n  2: '🥈',\n  3: '🥉',\n}\n\nconst getRankClass = (rank: number): string => {\n  if (rank === 1) {\n    return styles.rankGold\n  }\n  if (rank === 2) {\n    return styles.rankSilver\n  }\n  if (rank === 3) {\n    return styles.rankBronze\n  }\n  return ''\n}\n\nconst formatDisplayValue = (value: number, format: string, prefix: string, suffix: string): string => {\n  let formatted: string\n  switch (format) {\n    case 'currency':\n      formatted = value.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n      break\n    case 'percent':\n      formatted = `${value}%`\n      break\n    default:\n      formatted = value.toLocaleString()\n  }\n  return `${prefix}${formatted}${suffix}`\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = ({\n  ref,\n  data = DEFAULT_DATA,\n  maxItems = 5,\n  showRank = true,\n  showMedal = true,\n  progressBarEnable = true,\n  progressBarGradient = true,\n  progressBarColors = ['#00d4ff', '#9b59b6'],\n  valueFormat = 'number',\n  valuePrefix = '',\n  valueSuffix = '',\n  nameColor = '#e6e6e6',\n  valueColor = '#00d4ff',\n  backgroundColor = 'rgba(10, 10, 26, 0.95)',\n  borderColor = 'rgba(26, 26, 62, 0.8)',\n  itemBackgroundColor = 'rgba(15, 15, 42, 0.9)',\n  itemBorderColor = 'rgba(26, 26, 62, 0.6)',\n  glowEnable = false,\n  style: externalStyle,\n}) => {\n  const displayData = data.slice(0, maxItems)\n  const maxValue = Math.max(...displayData.map(item => item.value), 1)\n\n  const getProgressBarStyle = (value: number): CSSProperties => {\n    const percentage = (value / maxValue) * 100\n    return {\n      width: `${percentage}%`,\n      background: progressBarGradient\n        ? `linear-gradient(90deg, ${progressBarColors[0]}, ${progressBarColors[1]})`\n        : progressBarColors[0],\n      boxShadow: glowEnable ? `0 0 8px ${progressBarColors[0]}60` : undefined,\n    }\n  }\n\n  const containerStyle: CSSProperties = {\n    ...externalStyle,\n    backgroundColor,\n    borderColor,\n  }\n\n  const itemStyle: CSSProperties = {\n    backgroundColor: itemBackgroundColor,\n    borderColor: itemBorderColor,\n  }\n\n  return (\n    <div className={styles.container} ref={ref} style={containerStyle}>\n      <div className={styles.list}>\n        {displayData.map(item => {\n          const isTopThree = item.rank <= 3\n\n          return (\n            <div className={styles.item} key={item.rank} style={itemStyle}>\n              {/* Rank Badge */}\n              {showRank ? (\n                <div\n                  className={cn(\n                    styles.rankBadge,\n                    isTopThree ? styles.rankBadgeTopThree : styles.rankBadgeNormal,\n                    getRankClass(item.rank),\n                  )}\n                >\n                  {showMedal && isTopThree ? MEDAL_EMOJI[item.rank] : item.rank}\n                </div>\n              ) : null}\n\n              {/* Name */}\n              <div className={styles.name} style={{ color: nameColor }}>\n                {item.name}\n              </div>\n\n              {/* Value and Progress */}\n              <div className={styles.valueContainer}>\n                <span className={styles.value} style={{ color: valueColor }}>\n                  {formatDisplayValue(item.value, valueFormat, valuePrefix, valueSuffix)}\n                </span>\n                {progressBarEnable ? (\n                  <div className={styles.progressBar}>\n                    <div className={styles.progressFill} style={getProgressBarStyle(item.value)} />\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default ScrollList\n"],"names":["cn","inputs","clsx","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_DATA","rank","name","value","MEDAL_EMOJI","getRankClass","styles","rankGold","rankSilver","rankBronze","formatDisplayValue","format","prefix","suffix","formatted","toLocaleString","minimumFractionDigits","maximumFractionDigits","ScrollList","data","maxItems","showRank","showMedal","progressBarEnable","progressBarGradient","progressBarColors","valueFormat","valuePrefix","valueSuffix","nameColor","valueColor","backgroundColor","borderColor","itemBackgroundColor","itemBorderColor","glowEnable","externalStyle","displayData","slice","maxValue","Math","max","map","item","getProgressBarStyle","percentage","width","background","boxShadow","undefined","containerStyle","itemStyle","_jsx","className","container","children","list","isTopThree","_jsxs","rankBadge","rankBadgeTopThree","rankBadgeNormal","color","valueContainer","progressBar","progressFill"],"mappings":";;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACExW,SAASA,EAAEA,CAAC,GAAGC,MAAoB,EAAE;EAC1C,OAAOC,IAAI,CAACD,MAAM,CAAC;AACrB;;ACJA,SAASE,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,MAAM,EAAGA,GAAG,GAAG,EAAE;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ;AAE3B,EAAA,IAAY,OAAOC,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA;AAAQ,EAAA;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC;AAC3C,IAAA,CAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB,IAAA;AACF,EAAA,CAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB,EAAA;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG;AAChC,EAAA,CAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC;AACjD,EAAA;AACF;;;;;;ACzBA;AACA;AACA;AACA;;AAoDA,MAAMe,YAA8B,GAAG,CACrC;AAAEC,EAAAA,IAAI,EAAE,CAAC;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,KAAK,EAAE;AAAK,CAAC,EACrC;AAAEF,EAAAA,IAAI,EAAE,CAAC;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,KAAK,EAAE;AAAK,CAAC,EACrC;AAAEF,EAAAA,IAAI,EAAE,CAAC;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,KAAK,EAAE;AAAK,CAAC,EACrC;AAAEF,EAAAA,IAAI,EAAE,CAAC;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,KAAK,EAAE;AAAK,CAAC,EACrC;AAAEF,EAAAA,IAAI,EAAE,CAAC;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,KAAK,EAAE;AAAK,CAAC,CACtC;AAED,MAAMC,WAAmC,GAAG;AAC1C,EAAA,CAAC,EAAE,IAAI;AACP,EAAA,CAAC,EAAE,IAAI;AACP,EAAA,CAAC,EAAE;AACL,CAAC;AAED,MAAMC,YAAY,GAAIJ,IAAY,IAAa;EAC7C,IAAIA,IAAI,KAAK,CAAC,EAAE;IACd,OAAOK,MAAM,CAACC,QAAQ;AACxB,EAAA;EACA,IAAIN,IAAI,KAAK,CAAC,EAAE;IACd,OAAOK,MAAM,CAACE,UAAU;AAC1B,EAAA;EACA,IAAIP,IAAI,KAAK,CAAC,EAAE;IACd,OAAOK,MAAM,CAACG,UAAU;AAC1B,EAAA;AACA,EAAA,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,kBAAkB,GAAGA,CAACP,KAAa,EAAEQ,MAAc,EAAEC,MAAc,EAAEC,MAAc,KAAa;AACpG,EAAA,IAAIC,SAAiB;AACrB,EAAA,QAAQH,MAAM;AACZ,IAAA,KAAK,UAAU;AACbG,MAAAA,SAAS,GAAGX,KAAK,CAACY,cAAc,CAAC,OAAO,EAAE;AAAEC,QAAAA,qBAAqB,EAAE,CAAC;AAAEC,QAAAA,qBAAqB,EAAE;AAAE,OAAC,CAAC;AACjG,MAAA;AACF,IAAA,KAAK,SAAS;MACZH,SAAS,GAAG,CAAA,EAAGX,KAAK,CAAA,CAAA,CAAG;AACvB,MAAA;AACF,IAAA;AACEW,MAAAA,SAAS,GAAGX,KAAK,CAACY,cAAc,EAAE;AACtC;AACA,EAAA,OAAO,GAAGH,MAAM,CAAA,EAAGE,SAAS,CAAA,EAAGD,MAAM,CAAA,CAAE;AACzC,CAAC;AAEM,MAAMK,UAAqC,GAAGA,CAAC;EACpDhC,GAAG;AACHiC,EAAAA,IAAI,GAAGnB,YAAY;AACnBoB,EAAAA,QAAQ,GAAG,CAAC;AACZC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,SAAS,GAAG,IAAI;AAChBC,EAAAA,iBAAiB,GAAG,IAAI;AACxBC,EAAAA,mBAAmB,GAAG,IAAI;AAC1BC,EAAAA,iBAAiB,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;AAC1CC,EAAAA,WAAW,GAAG,QAAQ;AACtBC,EAAAA,WAAW,GAAG,EAAE;AAChBC,EAAAA,WAAW,GAAG,EAAE;AAChBC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,UAAU,GAAG,SAAS;AACtBC,EAAAA,eAAe,GAAG,wBAAwB;AAC1CC,EAAAA,WAAW,GAAG,uBAAuB;AACrCC,EAAAA,mBAAmB,GAAG,uBAAuB;AAC7CC,EAAAA,eAAe,GAAG,uBAAuB;AACzCC,EAAAA,UAAU,GAAG,KAAK;AAClB5C,EAAAA,KAAK,EAAE6C;AACT,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGlB,IAAI,CAACmB,KAAK,CAAC,CAAC,EAAElB,QAAQ,CAAC;AAC3C,EAAA,MAAMmB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGJ,WAAW,CAACK,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACxC,KAAK,CAAC,EAAE,CAAC,CAAC;EAEpE,MAAMyC,mBAAmB,GAAIzC,KAAa,IAAoB;AAC5D,IAAA,MAAM0C,UAAU,GAAI1C,KAAK,GAAGoC,QAAQ,GAAI,GAAG;IAC3C,OAAO;MACLO,KAAK,EAAE,CAAA,EAAGD,UAAU,CAAA,CAAA,CAAG;AACvBE,MAAAA,UAAU,EAAEvB,mBAAmB,GAC3B,0BAA0BC,iBAAiB,CAAC,CAAC,CAAC,CAAA,EAAA,EAAKA,iBAAiB,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,GAC1EA,iBAAiB,CAAC,CAAC,CAAC;MACxBuB,SAAS,EAAEb,UAAU,GAAG,CAAA,QAAA,EAAWV,iBAAiB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,GAAGwB;KAC/D;EACH,CAAC;AAED,EAAA,MAAMC,cAA6B,GAAG;AACpC,IAAA,GAAGd,aAAa;IAChBL,eAAe;AACfC,IAAAA;GACD;AAED,EAAA,MAAMmB,SAAwB,GAAG;AAC/BpB,IAAAA,eAAe,EAAEE,mBAAmB;AACpCD,IAAAA,WAAW,EAAEE;GACd;AAED,EAAA,oBACEkB,GAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAE/C,MAAM,CAACgD,SAAU;AAACpE,IAAAA,GAAG,EAAEA,GAAI;AAACK,IAAAA,KAAK,EAAE2D,cAAe;AAAAK,IAAAA,QAAA,eAChEH,GAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAE/C,MAAM,CAACkD,IAAK;AAAAD,MAAAA,QAAA,EACzBlB,WAAW,CAACK,GAAG,CAACC,IAAI,IAAI;AACvB,QAAA,MAAMc,UAAU,GAAGd,IAAI,CAAC1C,IAAI,IAAI,CAAC;AAEjC,QAAA,oBACEyD,IAAA,CAAA,KAAA,EAAA;UAAKL,SAAS,EAAE/C,MAAM,CAACqC,IAAK;AAAiBpD,UAAAA,KAAK,EAAE4D,SAAU;UAAAI,QAAA,EAAA,CAE3DlC,QAAQ,gBACP+B,GAAA,CAAA,KAAA,EAAA;YACEC,SAAS,EAAExE,EAAE,CACXyB,MAAM,CAACqD,SAAS,EAChBF,UAAU,GAAGnD,MAAM,CAACsD,iBAAiB,GAAGtD,MAAM,CAACuD,eAAe,EAC9DxD,YAAY,CAACsC,IAAI,CAAC1C,IAAI,CACxB,CAAE;AAAAsD,YAAAA,QAAA,EAEDjC,SAAS,IAAImC,UAAU,GAAGrD,WAAW,CAACuC,IAAI,CAAC1C,IAAI,CAAC,GAAG0C,IAAI,CAAC1C;AAAI,WAC1D,CAAC,GACJ,IAAI,eAGRmD,GAAA,CAAA,KAAA,EAAA;YAAKC,SAAS,EAAE/C,MAAM,CAACJ,IAAK;AAACX,YAAAA,KAAK,EAAE;AAAEuE,cAAAA,KAAK,EAAEjC;aAAY;YAAA0B,QAAA,EACtDZ,IAAI,CAACzC;WACH,CAAC,eAGNwD,IAAA,CAAA,KAAA,EAAA;YAAKL,SAAS,EAAE/C,MAAM,CAACyD,cAAe;AAAAR,YAAAA,QAAA,gBACpCH,GAAA,CAAA,MAAA,EAAA;cAAMC,SAAS,EAAE/C,MAAM,CAACH,KAAM;AAACZ,cAAAA,KAAK,EAAE;AAAEuE,gBAAAA,KAAK,EAAEhC;eAAa;cAAAyB,QAAA,EACzD7C,kBAAkB,CAACiC,IAAI,CAACxC,KAAK,EAAEuB,WAAW,EAAEC,WAAW,EAAEC,WAAW;AAAC,aAClE,CAAC,EACNL,iBAAiB,gBAChB6B,GAAA,CAAA,KAAA,EAAA;cAAKC,SAAS,EAAE/C,MAAM,CAAC0D,WAAY;AAAAT,cAAAA,QAAA,eACjCH,GAAA,CAAA,KAAA,EAAA;gBAAKC,SAAS,EAAE/C,MAAM,CAAC2D,YAAa;AAAC1E,gBAAAA,KAAK,EAAEqD,mBAAmB,CAACD,IAAI,CAACxC,KAAK;eAAI;aAC3E,CAAC,GACJ,IAAI;AAAA,WACL,CAAC;SAAA,EA7B0BwC,IAAI,CAAC1C,IA8BlC,CAAC;MAEV,CAAC;KACE;AAAC,GACH,CAAC;AAEV;;;;","x_google_ignoreList":[0,2]}

package/dist/component.js

@@ -1,191 +0,0 @@
-/* @easy-editor/materials-dashboard-scroll-list v0.0.2 (component) */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsScrollListComponent = {}, global.jsxRuntime));
-})(this, (function (exports, jsxRuntime) { 'use strict';
-
-  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-  function cn(...inputs) {
-    return clsx(inputs);
-  }
-
-  function styleInject(css, ref) {
-    if (ref === void 0) ref = {};
-    var insertAt = ref.insertAt;
-    if (typeof document === 'undefined') {
-      return;
-    }
-    var head = document.head || document.getElementsByTagName('head')[0];
-    var style = document.createElement('style');
-    style.type = 'text/css';
-    if (insertAt === 'top') {
-      if (head.firstChild) {
-        head.insertBefore(style, head.firstChild);
-      } else {
-        head.appendChild(style);
-      }
-    } else {
-      head.appendChild(style);
-    }
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-  }
-
-  var css_248z = ".component-module__container___VbZSk{backdrop-filter:blur(10px);background:rgba(10,10,26,.95);border:1px solid rgba(26,26,62,.8);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);box-sizing:border-box;height:100%;overflow:hidden;padding:16px;width:100%}.component-module__list___ZzqLO{display:flex;flex-direction:column;gap:10px;height:100%}.component-module__item___-0hiq{align-items:center;background:rgba(15,15,42,.9);border:1px solid rgba(26,26,62,.6);border-radius:8px;display:flex;gap:14px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.component-module__item___-0hiq:before{background:linear-gradient(180deg,transparent,rgba(0,212,255,.5),transparent);bottom:0;content:\"\";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.component-module__item___-0hiq:hover{background:rgba(20,20,52,.95);border-color:rgba(0,212,255,.3);transform:translateX(4px)}.component-module__item___-0hiq:hover:before{opacity:1}.component-module__rankBadge___qWXYW{align-items:center;border-radius:6px;display:flex;font-weight:700;height:32px;justify-content:center;min-width:32px;transition:transform .3s ease}.component-module__item___-0hiq:hover .component-module__rankBadge___qWXYW{transform:scale(1.1)}.component-module__rankBadgeTopThree___kYqJt{font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.component-module__rankBadgeNormal___Fl3nh{background:rgba(26,26,62,.8);border:1px solid rgba(136,146,176,.2);color:#8892b0;font-size:14px}.component-module__rankGold___lLkRo{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.component-module__rankSilver___QUAyV{color:#e8e8e8;filter:drop-shadow(0 0 6px rgba(192,192,192,.6))}.component-module__rankBronze___Wc-LC{color:#f96;filter:drop-shadow(0 0 6px rgba(205,127,50,.6))}.component-module__name___6zmww{color:#e6e6e6;flex:1;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.component-module__item___-0hiq:hover .component-module__name___6zmww{color:#fff}.component-module__valueContainer___xBbFD{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:120px}.component-module__value___Fg70k{color:#00d4ff;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700;text-shadow:0 0 10px rgba(0,212,255,.3);transition:all .3s ease}.component-module__item___-0hiq:hover .component-module__value___Fg70k{text-shadow:0 0 15px rgba(0,212,255,.5);transform:scale(1.05)}.component-module__progressBar___wROZC{background:rgba(26,26,62,.8);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);height:5px;overflow:hidden;width:100%}.component-module__progressFill___F8n5d{border-radius:3px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.component-module__progressFill___F8n5d:after{animation:component-module__shimmer___7hQ6G 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}@keyframes component-module__shimmer___7hQ6G{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}";
-  var styles = {"container":"component-module__container___VbZSk","list":"component-module__list___ZzqLO","item":"component-module__item___-0hiq","rankBadge":"component-module__rankBadge___qWXYW","rankBadgeTopThree":"component-module__rankBadgeTopThree___kYqJt","rankBadgeNormal":"component-module__rankBadgeNormal___Fl3nh","rankGold":"component-module__rankGold___lLkRo","rankSilver":"component-module__rankSilver___QUAyV","rankBronze":"component-module__rankBronze___Wc-LC","name":"component-module__name___6zmww","valueContainer":"component-module__valueContainer___xBbFD","value":"component-module__value___Fg70k","progressBar":"component-module__progressBar___wROZC","progressFill":"component-module__progressFill___F8n5d"};
-  styleInject(css_248z);
-
-  /**
-   * Scroll List Component
-   * 滚动列表组件 - 用于展示排行榜、数据列表等
-   */
-
-  const DEFAULT_DATA = [{
-    rank: 1,
-    name: '北京市',
-    value: 9800
-  }, {
-    rank: 2,
-    name: '上海市',
-    value: 8500
-  }, {
-    rank: 3,
-    name: '广州市',
-    value: 7200
-  }, {
-    rank: 4,
-    name: '深圳市',
-    value: 6100
-  }, {
-    rank: 5,
-    name: '杭州市',
-    value: 4800
-  }];
-  const MEDAL_EMOJI = {
-    1: '🥇',
-    2: '🥈',
-    3: '🥉'
-  };
-  const getRankClass = rank => {
-    if (rank === 1) {
-      return styles.rankGold;
-    }
-    if (rank === 2) {
-      return styles.rankSilver;
-    }
-    if (rank === 3) {
-      return styles.rankBronze;
-    }
-    return '';
-  };
-  const formatDisplayValue = (value, format, prefix, suffix) => {
-    let formatted;
-    switch (format) {
-      case 'currency':
-        formatted = value.toLocaleString('zh-CN', {
-          minimumFractionDigits: 2,
-          maximumFractionDigits: 2
-        });
-        break;
-      case 'percent':
-        formatted = `${value}%`;
-        break;
-      default:
-        formatted = value.toLocaleString();
-    }
-    return `${prefix}${formatted}${suffix}`;
-  };
-  const ScrollList = ({
-    ref,
-    data = DEFAULT_DATA,
-    maxItems = 5,
-    showRank = true,
-    showMedal = true,
-    progressBarEnable = true,
-    progressBarGradient = true,
-    progressBarColors = ['#00d4ff', '#9b59b6'],
-    valueFormat = 'number',
-    valuePrefix = '',
-    valueSuffix = '',
-    nameColor = '#e6e6e6',
-    valueColor = '#00d4ff',
-    backgroundColor = 'rgba(10, 10, 26, 0.95)',
-    borderColor = 'rgba(26, 26, 62, 0.8)',
-    itemBackgroundColor = 'rgba(15, 15, 42, 0.9)',
-    itemBorderColor = 'rgba(26, 26, 62, 0.6)',
-    glowEnable = false,
-    style: externalStyle
-  }) => {
-    const displayData = data.slice(0, maxItems);
-    const maxValue = Math.max(...displayData.map(item => item.value), 1);
-    const getProgressBarStyle = value => {
-      const percentage = value / maxValue * 100;
-      return {
-        width: `${percentage}%`,
-        background: progressBarGradient ? `linear-gradient(90deg, ${progressBarColors[0]}, ${progressBarColors[1]})` : progressBarColors[0],
-        boxShadow: glowEnable ? `0 0 8px ${progressBarColors[0]}60` : undefined
-      };
-    };
-    const containerStyle = {
-      ...externalStyle,
-      backgroundColor,
-      borderColor
-    };
-    const itemStyle = {
-      backgroundColor: itemBackgroundColor,
-      borderColor: itemBorderColor
-    };
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: styles.container,
-      ref: ref,
-      style: containerStyle,
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: styles.list,
-        children: displayData.map(item => {
-          const isTopThree = item.rank <= 3;
-          return /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: styles.item,
-            style: itemStyle,
-            children: [showRank ? /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: cn(styles.rankBadge, isTopThree ? styles.rankBadgeTopThree : styles.rankBadgeNormal, getRankClass(item.rank)),
-              children: showMedal && isTopThree ? MEDAL_EMOJI[item.rank] : item.rank
-            }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: styles.name,
-              style: {
-                color: nameColor
-              },
-              children: item.name
-            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: styles.valueContainer,
-              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-                className: styles.value,
-                style: {
-                  color: valueColor
-                },
-                children: formatDisplayValue(item.value, valueFormat, valuePrefix, valueSuffix)
-              }), progressBarEnable ? /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: styles.progressBar,
-                children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                  className: styles.progressFill,
-                  style: getProgressBarStyle(item.value)
-                })
-              }) : null]
-            })]
-          }, item.rank);
-        })
-      })
-    });
-  };
-
-  exports.ScrollList = ScrollList;
-  exports.default = ScrollList;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../shared/src/lib/utils.ts","../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs)\n}\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","/**\n * Scroll List Component\n * 滚动列表组件 - 用于展示排行榜、数据列表等\n */\n\nimport type { CSSProperties, Ref } from 'react'\nimport { cn } from '@easy-editor/materials-shared'\nimport styles from './component.module.css'\n\nexport interface ScrollListItem {\n  rank: number\n  name: string\n  value: number\n}\n\nexport interface ScrollListProps {\n  ref?: Ref<HTMLDivElement>\n  /** 列表数据 */\n  data?: ScrollListItem[]\n  /** 最大显示条数 */\n  maxItems?: number\n  /** 是否显示排名 */\n  showRank?: boolean\n  /** 是否显示奖牌图标 */\n  showMedal?: boolean\n  /** 是否显示进度条 */\n  progressBarEnable?: boolean\n  /** 是否使用渐变进度条 */\n  progressBarGradient?: boolean\n  /** 进度条颜色 [起始色, 结束色] */\n  progressBarColors?: [string, string]\n  /** 数值格式化 */\n  valueFormat?: 'number' | 'currency' | 'percent'\n  /** 数值前缀 */\n  valuePrefix?: string\n  /** 数值后缀 */\n  valueSuffix?: string\n  /** 名称颜色 */\n  nameColor?: string\n  /** 数值颜色 */\n  valueColor?: string\n  /** 背景颜色 */\n  backgroundColor?: string\n  /** 边框颜色 */\n  borderColor?: string\n  /** 行背景颜色 */\n  itemBackgroundColor?: string\n  /** 行边框颜色 */\n  itemBorderColor?: string\n  /** 是否显示发光效果 */\n  glowEnable?: boolean\n  /** 外部样式 */\n  style?: CSSProperties\n}\n\nconst DEFAULT_DATA: ScrollListItem[] = [\n  { rank: 1, name: '北京市', value: 9800 },\n  { rank: 2, name: '上海市', value: 8500 },\n  { rank: 3, name: '广州市', value: 7200 },\n  { rank: 4, name: '深圳市', value: 6100 },\n  { rank: 5, name: '杭州市', value: 4800 },\n]\n\nconst MEDAL_EMOJI: Record<number, string> = {\n  1: '🥇',\n  2: '🥈',\n  3: '🥉',\n}\n\nconst getRankClass = (rank: number): string => {\n  if (rank === 1) {\n    return styles.rankGold\n  }\n  if (rank === 2) {\n    return styles.rankSilver\n  }\n  if (rank === 3) {\n    return styles.rankBronze\n  }\n  return ''\n}\n\nconst formatDisplayValue = (value: number, format: string, prefix: string, suffix: string): string => {\n  let formatted: string\n  switch (format) {\n    case 'currency':\n      formatted = value.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n      break\n    case 'percent':\n      formatted = `${value}%`\n      break\n    default:\n      formatted = value.toLocaleString()\n  }\n  return `${prefix}${formatted}${suffix}`\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = ({\n  ref,\n  data = DEFAULT_DATA,\n  maxItems = 5,\n  showRank = true,\n  showMedal = true,\n  progressBarEnable = true,\n  progressBarGradient = true,\n  progressBarColors = ['#00d4ff', '#9b59b6'],\n  valueFormat = 'number',\n  valuePrefix = '',\n  valueSuffix = '',\n  nameColor = '#e6e6e6',\n  valueColor = '#00d4ff',\n  backgroundColor = 'rgba(10, 10, 26, 0.95)',\n  borderColor = 'rgba(26, 26, 62, 0.8)',\n  itemBackgroundColor = 'rgba(15, 15, 42, 0.9)',\n  itemBorderColor = 'rgba(26, 26, 62, 0.6)',\n  glowEnable = false,\n  style: externalStyle,\n}) => {\n  const displayData = data.slice(0, maxItems)\n  const maxValue = Math.max(...displayData.map(item => item.value), 1)\n\n  const getProgressBarStyle = (value: number): CSSProperties => {\n    const percentage = (value / maxValue) * 100\n    return {\n      width: `${percentage}%`,\n      background: progressBarGradient\n        ? `linear-gradient(90deg, ${progressBarColors[0]}, ${progressBarColors[1]})`\n        : progressBarColors[0],\n      boxShadow: glowEnable ? `0 0 8px ${progressBarColors[0]}60` : undefined,\n    }\n  }\n\n  const containerStyle: CSSProperties = {\n    ...externalStyle,\n    backgroundColor,\n    borderColor,\n  }\n\n  const itemStyle: CSSProperties = {\n    backgroundColor: itemBackgroundColor,\n    borderColor: itemBorderColor,\n  }\n\n  return (\n    <div className={styles.container} ref={ref} style={containerStyle}>\n      <div className={styles.list}>\n        {displayData.map(item => {\n          const isTopThree = item.rank <= 3\n\n          return (\n            <div className={styles.item} key={item.rank} style={itemStyle}>\n              {/* Rank Badge */}\n              {showRank ? (\n                <div\n                  className={cn(\n                    styles.rankBadge,\n                    isTopThree ? styles.rankBadgeTopThree : styles.rankBadgeNormal,\n                    getRankClass(item.rank),\n                  )}\n                >\n                  {showMedal && isTopThree ? MEDAL_EMOJI[item.rank] : item.rank}\n                </div>\n              ) : null}\n\n              {/* Name */}\n              <div className={styles.name} style={{ color: nameColor }}>\n                {item.name}\n              </div>\n\n              {/* Value and Progress */}\n              <div className={styles.valueContainer}>\n                <span className={styles.value} style={{ color: valueColor }}>\n                  {formatDisplayValue(item.value, valueFormat, valuePrefix, valueSuffix)}\n                </span>\n                {progressBarEnable ? (\n                  <div className={styles.progressBar}>\n                    <div className={styles.progressFill} style={getProgressBarStyle(item.value)} />\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default ScrollList\n"],"names":["cn","inputs","clsx","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_DATA","rank","name","value","MEDAL_EMOJI","getRankClass","styles","rankGold","rankSilver","rankBronze","formatDisplayValue","format","prefix","suffix","formatted","toLocaleString","minimumFractionDigits","maximumFractionDigits","ScrollList","data","maxItems","showRank","showMedal","progressBarEnable","progressBarGradient","progressBarColors","valueFormat","valuePrefix","valueSuffix","nameColor","valueColor","backgroundColor","borderColor","itemBackgroundColor","itemBorderColor","glowEnable","externalStyle","displayData","slice","maxValue","Math","max","map","item","getProgressBarStyle","percentage","width","background","boxShadow","undefined","containerStyle","itemStyle","_jsx","className","container","children","list","isTopThree","_jsxs","rankBadge","rankBadgeTopThree","rankBadgeNormal","color","valueContainer","progressBar","progressFill"],"mappings":"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","x_google_ignoreList":[0,2]}

package/dist/component.min.js

@@ -1,2 +0,0 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsScrollListComponent={},e.jsxRuntime)}(this,function(e,o){"use strict";function n(e){var o,r,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(o=0;o<a;o++)e[o]&&(r=n(e[o]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function r(...e){return function(){for(var e,o,r=0,t="",a=arguments.length;r<a;r++)(e=arguments[r])&&(o=n(e))&&(t&&(t+=" "),t+=o);return t}(e)}var t="component-module__container___VbZSk",a="component-module__list___ZzqLO",l="component-module__item___-0hiq",i="component-module__rankBadge___qWXYW",_="component-module__rankBadgeTopThree___kYqJt",d="component-module__rankBadgeNormal___Fl3nh",s="component-module__rankGold___lLkRo",m="component-module__rankSilver___QUAyV",c="component-module__rankBronze___Wc-LC",p="component-module__name___6zmww",u="component-module__valueContainer___xBbFD",f="component-module__value___Fg70k",g="component-module__progressBar___wROZC",h="component-module__progressFill___F8n5d";!function(e,o){void 0===o&&(o={});var n=o.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===n&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}('.component-module__container___VbZSk{backdrop-filter:blur(10px);background:rgba(10,10,26,.95);border:1px solid rgba(26,26,62,.8);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);box-sizing:border-box;height:100%;overflow:hidden;padding:16px;width:100%}.component-module__list___ZzqLO{display:flex;flex-direction:column;gap:10px;height:100%}.component-module__item___-0hiq{align-items:center;background:rgba(15,15,42,.9);border:1px solid rgba(26,26,62,.6);border-radius:8px;display:flex;gap:14px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.component-module__item___-0hiq:before{background:linear-gradient(180deg,transparent,rgba(0,212,255,.5),transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.component-module__item___-0hiq:hover{background:rgba(20,20,52,.95);border-color:rgba(0,212,255,.3);transform:translateX(4px)}.component-module__item___-0hiq:hover:before{opacity:1}.component-module__rankBadge___qWXYW{align-items:center;border-radius:6px;display:flex;font-weight:700;height:32px;justify-content:center;min-width:32px;transition:transform .3s ease}.component-module__item___-0hiq:hover .component-module__rankBadge___qWXYW{transform:scale(1.1)}.component-module__rankBadgeTopThree___kYqJt{font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.component-module__rankBadgeNormal___Fl3nh{background:rgba(26,26,62,.8);border:1px solid rgba(136,146,176,.2);color:#8892b0;font-size:14px}.component-module__rankGold___lLkRo{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.component-module__rankSilver___QUAyV{color:#e8e8e8;filter:drop-shadow(0 0 6px rgba(192,192,192,.6))}.component-module__rankBronze___Wc-LC{color:#f96;filter:drop-shadow(0 0 6px rgba(205,127,50,.6))}.component-module__name___6zmww{color:#e6e6e6;flex:1;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.component-module__item___-0hiq:hover .component-module__name___6zmww{color:#fff}.component-module__valueContainer___xBbFD{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:120px}.component-module__value___Fg70k{color:#00d4ff;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700;text-shadow:0 0 10px rgba(0,212,255,.3);transition:all .3s ease}.component-module__item___-0hiq:hover .component-module__value___Fg70k{text-shadow:0 0 15px rgba(0,212,255,.5);transform:scale(1.05)}.component-module__progressBar___wROZC{background:rgba(26,26,62,.8);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);height:5px;overflow:hidden;width:100%}.component-module__progressFill___F8n5d{border-radius:3px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.component-module__progressFill___F8n5d:after{animation:component-module__shimmer___7hQ6G 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes component-module__shimmer___7hQ6G{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}');const b=[{rank:1,name:"北京市",value:9800},{rank:2,name:"上海市",value:8500},{rank:3,name:"广州市",value:7200},{rank:4,name:"深圳市",value:6100},{rank:5,name:"杭州市",value:4800}],x={1:"🥇",2:"🥈",3:"🥉"},k=(e,o,n,r)=>{let t;switch(o){case"currency":t=e.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:2});break;case"percent":t=`${e}%`;break;default:t=e.toLocaleString()}return`${n}${t}${r}`},v=({ref:e,data:n=b,maxItems:v=5,showRank:w=!0,showMedal:y=!0,progressBarEnable:C=!0,progressBarGradient:B=!0,progressBarColors:j=["#00d4ff","#9b59b6"],valueFormat:q="number",valuePrefix:F="",valueSuffix:N="",nameColor:z="#e6e6e6",valueColor:S="#00d4ff",backgroundColor:L="rgba(10, 10, 26, 0.95)",borderColor:T="rgba(26, 26, 62, 0.8)",itemBackgroundColor:W="rgba(15, 15, 42, 0.9)",itemBorderColor:$="rgba(26, 26, 62, 0.6)",glowEnable:E=!1,style:R})=>{const X=n.slice(0,v),Z=Math.max(...X.map(e=>e.value),1),A={...R,backgroundColor:L,borderColor:T},G={backgroundColor:W,borderColor:$};return o.jsx("div",{className:t,ref:e,style:A,children:o.jsx("div",{className:a,children:X.map(e=>{const n=e.rank<=3;return o.jsxs("div",{className:l,style:G,children:[w?o.jsx("div",{className:r(i,n?_:d,(a=e.rank,1===a?s:2===a?m:3===a?c:"")),children:y&&n?x[e.rank]:e.rank}):null,o.jsx("div",{className:p,style:{color:z},children:e.name}),o.jsxs("div",{className:u,children:[o.jsx("span",{className:f,style:{color:S},children:k(e.value,q,F,N)}),C?o.jsx("div",{className:g,children:o.jsx("div",{className:h,style:(t=e.value,{width:t/Z*100+"%",background:B?`linear-gradient(90deg, ${j[0]}, ${j[1]})`:j[0],boxShadow:E?`0 0 8px ${j[0]}60`:void 0})})}):null]})]},e.rank);var t,a})})})};e.ScrollList=v,e.default=v,Object.defineProperty(e,"__esModule",{value:!0})});
-//# sourceMappingURL=component.min.js.map

package/dist/component.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.min.js","sources":["../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../shared/src/lib/utils.ts","../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs)\n}\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","/**\n * Scroll List Component\n * 滚动列表组件 - 用于展示排行榜、数据列表等\n */\n\nimport type { CSSProperties, Ref } from 'react'\nimport { cn } from '@easy-editor/materials-shared'\nimport styles from './component.module.css'\n\nexport interface ScrollListItem {\n  rank: number\n  name: string\n  value: number\n}\n\nexport interface ScrollListProps {\n  ref?: Ref<HTMLDivElement>\n  /** 列表数据 */\n  data?: ScrollListItem[]\n  /** 最大显示条数 */\n  maxItems?: number\n  /** 是否显示排名 */\n  showRank?: boolean\n  /** 是否显示奖牌图标 */\n  showMedal?: boolean\n  /** 是否显示进度条 */\n  progressBarEnable?: boolean\n  /** 是否使用渐变进度条 */\n  progressBarGradient?: boolean\n  /** 进度条颜色 [起始色, 结束色] */\n  progressBarColors?: [string, string]\n  /** 数值格式化 */\n  valueFormat?: 'number' | 'currency' | 'percent'\n  /** 数值前缀 */\n  valuePrefix?: string\n  /** 数值后缀 */\n  valueSuffix?: string\n  /** 名称颜色 */\n  nameColor?: string\n  /** 数值颜色 */\n  valueColor?: string\n  /** 背景颜色 */\n  backgroundColor?: string\n  /** 边框颜色 */\n  borderColor?: string\n  /** 行背景颜色 */\n  itemBackgroundColor?: string\n  /** 行边框颜色 */\n  itemBorderColor?: string\n  /** 是否显示发光效果 */\n  glowEnable?: boolean\n  /** 外部样式 */\n  style?: CSSProperties\n}\n\nconst DEFAULT_DATA: ScrollListItem[] = [\n  { rank: 1, name: '北京市', value: 9800 },\n  { rank: 2, name: '上海市', value: 8500 },\n  { rank: 3, name: '广州市', value: 7200 },\n  { rank: 4, name: '深圳市', value: 6100 },\n  { rank: 5, name: '杭州市', value: 4800 },\n]\n\nconst MEDAL_EMOJI: Record<number, string> = {\n  1: '🥇',\n  2: '🥈',\n  3: '🥉',\n}\n\nconst getRankClass = (rank: number): string => {\n  if (rank === 1) {\n    return styles.rankGold\n  }\n  if (rank === 2) {\n    return styles.rankSilver\n  }\n  if (rank === 3) {\n    return styles.rankBronze\n  }\n  return ''\n}\n\nconst formatDisplayValue = (value: number, format: string, prefix: string, suffix: string): string => {\n  let formatted: string\n  switch (format) {\n    case 'currency':\n      formatted = value.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })\n      break\n    case 'percent':\n      formatted = `${value}%`\n      break\n    default:\n      formatted = value.toLocaleString()\n  }\n  return `${prefix}${formatted}${suffix}`\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = ({\n  ref,\n  data = DEFAULT_DATA,\n  maxItems = 5,\n  showRank = true,\n  showMedal = true,\n  progressBarEnable = true,\n  progressBarGradient = true,\n  progressBarColors = ['#00d4ff', '#9b59b6'],\n  valueFormat = 'number',\n  valuePrefix = '',\n  valueSuffix = '',\n  nameColor = '#e6e6e6',\n  valueColor = '#00d4ff',\n  backgroundColor = 'rgba(10, 10, 26, 0.95)',\n  borderColor = 'rgba(26, 26, 62, 0.8)',\n  itemBackgroundColor = 'rgba(15, 15, 42, 0.9)',\n  itemBorderColor = 'rgba(26, 26, 62, 0.6)',\n  glowEnable = false,\n  style: externalStyle,\n}) => {\n  const displayData = data.slice(0, maxItems)\n  const maxValue = Math.max(...displayData.map(item => item.value), 1)\n\n  const getProgressBarStyle = (value: number): CSSProperties => {\n    const percentage = (value / maxValue) * 100\n    return {\n      width: `${percentage}%`,\n      background: progressBarGradient\n        ? `linear-gradient(90deg, ${progressBarColors[0]}, ${progressBarColors[1]})`\n        : progressBarColors[0],\n      boxShadow: glowEnable ? `0 0 8px ${progressBarColors[0]}60` : undefined,\n    }\n  }\n\n  const containerStyle: CSSProperties = {\n    ...externalStyle,\n    backgroundColor,\n    borderColor,\n  }\n\n  const itemStyle: CSSProperties = {\n    backgroundColor: itemBackgroundColor,\n    borderColor: itemBorderColor,\n  }\n\n  return (\n    <div className={styles.container} ref={ref} style={containerStyle}>\n      <div className={styles.list}>\n        {displayData.map(item => {\n          const isTopThree = item.rank <= 3\n\n          return (\n            <div className={styles.item} key={item.rank} style={itemStyle}>\n              {/* Rank Badge */}\n              {showRank ? (\n                <div\n                  className={cn(\n                    styles.rankBadge,\n                    isTopThree ? styles.rankBadgeTopThree : styles.rankBadgeNormal,\n                    getRankClass(item.rank),\n                  )}\n                >\n                  {showMedal && isTopThree ? MEDAL_EMOJI[item.rank] : item.rank}\n                </div>\n              ) : null}\n\n              {/* Name */}\n              <div className={styles.name} style={{ color: nameColor }}>\n                {item.name}\n              </div>\n\n              {/* Value and Progress */}\n              <div className={styles.valueContainer}>\n                <span className={styles.value} style={{ color: valueColor }}>\n                  {formatDisplayValue(item.value, valueFormat, valuePrefix, valueSuffix)}\n                </span>\n                {progressBarEnable ? (\n                  <div className={styles.progressBar}>\n                    <div className={styles.progressFill} style={getProgressBarStyle(item.value)} />\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default ScrollList\n"],"names":["r","e","t","f","n","Array","isArray","o","length","cn","inputs","arguments","clsx","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_DATA","rank","name","value","MEDAL_EMOJI","formatDisplayValue","format","prefix","suffix","formatted","toLocaleString","minimumFractionDigits","maximumFractionDigits","ScrollList","data","maxItems","showRank","showMedal","progressBarEnable","progressBarGradient","progressBarColors","valueFormat","valuePrefix","valueSuffix","nameColor","valueColor","backgroundColor","borderColor","itemBackgroundColor","itemBorderColor","glowEnable","externalStyle","displayData","slice","maxValue","Math","max","map","item","containerStyle","itemStyle","_jsx","className","styles","children","isTopThree","_jsxs","color","width","background","boxShadow","undefined"],"mappings":"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","x_google_ignoreList":[0,2]}