@tombcato/smart-ticker 1.0.0

package/dist/TickerCore-DSrG8V7Z.cjs

@@ -0,0 +1,243 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const EMPTY_CHAR = "\0";
+const TickerUtils = {
+  provideNumberList: () => "0123456789",
+  provideAlphabeticalList: () => "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+};
+class TickerCharacterList {
+  constructor(characterList) {
+    __publicField(this, "numOriginalCharacters");
+    __publicField(this, "characterList");
+    __publicField(this, "characterIndicesMap");
+    const charsArray = characterList.split("");
+    const length = charsArray.length;
+    this.numOriginalCharacters = length;
+    this.characterIndicesMap = /* @__PURE__ */ new Map();
+    for (let i = 0; i < length; i++) {
+      this.characterIndicesMap.set(charsArray[i], i);
+    }
+    this.characterList = new Array(length * 2 + 1);
+    this.characterList[0] = EMPTY_CHAR;
+    for (let i = 0; i < length; i++) {
+      this.characterList[1 + i] = charsArray[i];
+      this.characterList[1 + length + i] = charsArray[i];
+    }
+  }
+  getCharacterIndices(start, end, direction) {
+    let startIndex = this.getIndexOfChar(start);
+    let endIndex = this.getIndexOfChar(end);
+    if (startIndex < 0 || endIndex < 0) return null;
+    switch (direction) {
+      case "DOWN":
+        if (end === EMPTY_CHAR) {
+          endIndex = this.characterList.length;
+        } else if (endIndex < startIndex) {
+          endIndex += this.numOriginalCharacters;
+        }
+        break;
+      case "UP":
+        if (startIndex < endIndex) {
+          startIndex += this.numOriginalCharacters;
+        }
+        break;
+      case "ANY":
+        if (start !== EMPTY_CHAR && end !== EMPTY_CHAR) {
+          if (endIndex < startIndex) {
+            const nonWrap = startIndex - endIndex;
+            const wrap = this.numOriginalCharacters - startIndex + endIndex;
+            if (wrap < nonWrap) endIndex += this.numOriginalCharacters;
+          } else if (startIndex < endIndex) {
+            const nonWrap = endIndex - startIndex;
+            const wrap = this.numOriginalCharacters - endIndex + startIndex;
+            if (wrap < nonWrap) startIndex += this.numOriginalCharacters;
+          }
+        }
+        break;
+    }
+    return { startIndex, endIndex };
+  }
+  getSupportedCharacters() {
+    return new Set(this.characterIndicesMap.keys());
+  }
+  getCharacterList() {
+    return this.characterList;
+  }
+  getIndexOfChar(c) {
+    if (c === EMPTY_CHAR) return 0;
+    if (this.characterIndicesMap.has(c)) return this.characterIndicesMap.get(c) + 1;
+    return -1;
+  }
+}
+const ACTION_SAME = 0;
+const ACTION_INSERT = 1;
+const ACTION_DELETE = 2;
+function computeColumnActions(source, target, supported) {
+  let si = 0, ti = 0;
+  const actions = [];
+  while (true) {
+    const endS = si === source.length;
+    const endT = ti === target.length;
+    if (endS && endT) break;
+    if (endS) {
+      for (; ti < target.length; ti++) actions.push(ACTION_INSERT);
+      break;
+    }
+    if (endT) {
+      for (; si < source.length; si++) actions.push(ACTION_DELETE);
+      break;
+    }
+    const sSupp = supported.has(source[si]);
+    const tSupp = supported.has(target[ti]);
+    if (sSupp && tSupp) {
+      let se = si + 1, te = ti + 1;
+      while (se < source.length && supported.has(source[se])) se++;
+      while (te < target.length && supported.has(target[te])) te++;
+      const sLen = se - si, tLen = te - ti;
+      if (sLen === tLen) {
+        for (let i = 0; i < sLen; i++) actions.push(ACTION_SAME);
+      } else {
+        const matrix = Array(sLen + 1).fill(null).map(() => Array(tLen + 1).fill(0));
+        for (let i = 0; i <= sLen; i++) matrix[i][0] = i;
+        for (let j = 0; j <= tLen; j++) matrix[0][j] = j;
+        for (let r2 = 1; r2 <= sLen; r2++) {
+          for (let c2 = 1; c2 <= tLen; c2++) {
+            const cost = source[si + r2 - 1] === target[ti + c2 - 1] ? 0 : 1;
+            matrix[r2][c2] = Math.min(matrix[r2 - 1][c2] + 1, matrix[r2][c2 - 1] + 1, matrix[r2 - 1][c2 - 1] + cost);
+          }
+        }
+        const result = [];
+        let r = sLen, c = tLen;
+        while (r > 0 || c > 0) {
+          if (r === 0) {
+            result.push(ACTION_INSERT);
+            c--;
+          } else if (c === 0) {
+            result.push(ACTION_DELETE);
+            r--;
+          } else {
+            const ins = matrix[r][c - 1], del = matrix[r - 1][c], rep = matrix[r - 1][c - 1];
+            if (ins < del && ins < rep) {
+              result.push(ACTION_INSERT);
+              c--;
+            } else if (del < rep) {
+              result.push(ACTION_DELETE);
+              r--;
+            } else {
+              result.push(ACTION_SAME);
+              r--;
+              c--;
+            }
+          }
+        }
+        for (let i = result.length - 1; i >= 0; i--) actions.push(result[i]);
+      }
+      si = se;
+      ti = te;
+    } else if (sSupp) {
+      actions.push(ACTION_INSERT);
+      ti++;
+    } else if (tSupp) {
+      actions.push(ACTION_DELETE);
+      si++;
+    } else {
+      actions.push(ACTION_SAME);
+      si++;
+      ti++;
+    }
+  }
+  return actions;
+}
+function createColumn() {
+  return {
+    currentChar: EMPTY_CHAR,
+    targetChar: EMPTY_CHAR,
+    charList: null,
+    startIndex: 0,
+    endIndex: 0,
+    sourceWidth: 0,
+    currentWidth: 0,
+    targetWidth: 0,
+    directionAdj: 1,
+    prevDelta: 0,
+    currDelta: 0
+  };
+}
+function setTarget(col, target, lists, dir) {
+  const c = { ...col };
+  c.targetChar = target;
+  c.sourceWidth = c.currentWidth;
+  c.targetWidth = target === EMPTY_CHAR ? 0 : 1;
+  let found = false;
+  for (const list of lists) {
+    const indices = list.getCharacterIndices(c.currentChar, target, dir);
+    if (indices) {
+      c.charList = list.getCharacterList();
+      c.startIndex = indices.startIndex;
+      c.endIndex = indices.endIndex;
+      found = true;
+      break;
+    }
+  }
+  if (!found) {
+    c.charList = c.currentChar === target ? [c.currentChar] : [c.currentChar, target];
+    c.startIndex = 0;
+    c.endIndex = c.currentChar === target ? 0 : 1;
+  }
+  c.directionAdj = c.endIndex >= c.startIndex ? 1 : -1;
+  c.prevDelta = c.currDelta;
+  c.currDelta = 0;
+  return c;
+}
+function applyProgress(col, progress, forceUpdate = false) {
+  const c = { ...col };
+  const total = Math.abs(c.endIndex - c.startIndex);
+  const pos = progress * total;
+  const offset = pos - Math.floor(pos);
+  const additional = c.prevDelta * (1 - progress);
+  const delta = offset * c.directionAdj + additional;
+  const charIdx = c.startIndex + Math.floor(pos) * c.directionAdj;
+  if (progress >= 1) {
+    c.currentChar = c.targetChar;
+    c.currDelta = 0;
+    c.prevDelta = 0;
+  } else if (forceUpdate && c.charList && charIdx >= 0 && charIdx < c.charList.length) {
+    c.currentChar = c.charList[charIdx];
+    c.currDelta = delta;
+  }
+  c.currentWidth = c.sourceWidth + (c.targetWidth - c.sourceWidth) * progress;
+  return { col: c, charIdx, delta };
+}
+const easingFunctions = {
+  linear: (t) => t,
+  easeIn: (t) => t * t,
+  easeOut: (t) => 1 - (1 - t) * (1 - t),
+  easeInOut: (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,
+  bounce: (t) => {
+    const n1 = 7.5625;
+    const d1 = 2.75;
+    if (t < 1 / d1) {
+      return n1 * t * t;
+    } else if (t < 2 / d1) {
+      return n1 * (t -= 1.5 / d1) * t + 0.75;
+    } else if (t < 2.5 / d1) {
+      return n1 * (t -= 2.25 / d1) * t + 0.9375;
+    } else {
+      return n1 * (t -= 2.625 / d1) * t + 0.984375;
+    }
+  }
+};
+exports.ACTION_DELETE = ACTION_DELETE;
+exports.ACTION_INSERT = ACTION_INSERT;
+exports.ACTION_SAME = ACTION_SAME;
+exports.EMPTY_CHAR = EMPTY_CHAR;
+exports.TickerCharacterList = TickerCharacterList;
+exports.TickerUtils = TickerUtils;
+exports.applyProgress = applyProgress;
+exports.computeColumnActions = computeColumnActions;
+exports.createColumn = createColumn;
+exports.easingFunctions = easingFunctions;
+exports.setTarget = setTarget;
+//# sourceMappingURL=TickerCore-DSrG8V7Z.cjs.map

package/dist/TickerCore-DSrG8V7Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TickerCore-DSrG8V7Z.cjs","sources":["../src/core/TickerCore.ts"],"sourcesContent":["// ============================================================================\r\n// Constants\r\n// ============================================================================\r\nexport const EMPTY_CHAR = '\\0';\r\n\r\nexport const TickerUtils = {\r\n    provideNumberList: () => '0123456789',\r\n    provideAlphabeticalList: () => 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',\r\n};\r\n\r\nexport type ScrollingDirection = 'ANY' | 'UP' | 'DOWN';\r\n\r\n// ============================================================================\r\n// TickerCharacterList\r\n// ============================================================================\r\nexport class TickerCharacterList {\r\n    private numOriginalCharacters: number;\r\n    private characterList: string[];\r\n    private characterIndicesMap: Map<string, number>;\r\n\r\n    constructor(characterList: string) {\r\n        const charsArray = characterList.split('');\r\n        const length = charsArray.length;\r\n        this.numOriginalCharacters = length;\r\n        this.characterIndicesMap = new Map();\r\n\r\n        for (let i = 0; i < length; i++) {\r\n            this.characterIndicesMap.set(charsArray[i], i);\r\n        }\r\n\r\n        this.characterList = new Array(length * 2 + 1);\r\n        this.characterList[0] = EMPTY_CHAR;\r\n        for (let i = 0; i < length; i++) {\r\n            this.characterList[1 + i] = charsArray[i];\r\n            this.characterList[1 + length + i] = charsArray[i];\r\n        }\r\n    }\r\n\r\n    getCharacterIndices(\r\n        start: string,\r\n        end: string,\r\n        direction: ScrollingDirection\r\n    ): { startIndex: number; endIndex: number } | null {\r\n        let startIndex = this.getIndexOfChar(start);\r\n        let endIndex = this.getIndexOfChar(end);\r\n\r\n        if (startIndex < 0 || endIndex < 0) return null;\r\n\r\n        switch (direction) {\r\n            case 'DOWN':\r\n                if (end === EMPTY_CHAR) {\r\n                    endIndex = this.characterList.length;\r\n                } else if (endIndex < startIndex) {\r\n                    endIndex += this.numOriginalCharacters;\r\n                }\r\n                break;\r\n            case 'UP':\r\n                if (startIndex < endIndex) {\r\n                    startIndex += this.numOriginalCharacters;\r\n                }\r\n                break;\r\n            case 'ANY':\r\n                if (start !== EMPTY_CHAR && end !== EMPTY_CHAR) {\r\n                    if (endIndex < startIndex) {\r\n                        const nonWrap = startIndex - endIndex;\r\n                        const wrap = this.numOriginalCharacters - startIndex + endIndex;\r\n                        if (wrap < nonWrap) endIndex += this.numOriginalCharacters;\r\n                    } else if (startIndex < endIndex) {\r\n                        const nonWrap = endIndex - startIndex;\r\n                        const wrap = this.numOriginalCharacters - endIndex + startIndex;\r\n                        if (wrap < nonWrap) startIndex += this.numOriginalCharacters;\r\n                    }\r\n                }\r\n                break;\r\n        }\r\n        return { startIndex, endIndex };\r\n    }\r\n\r\n    getSupportedCharacters(): Set<string> {\r\n        return new Set(this.characterIndicesMap.keys());\r\n    }\r\n\r\n    getCharacterList(): string[] {\r\n        return this.characterList;\r\n    }\r\n\r\n    private getIndexOfChar(c: string): number {\r\n        if (c === EMPTY_CHAR) return 0;\r\n        if (this.characterIndicesMap.has(c)) return this.characterIndicesMap.get(c)! + 1;\r\n        return -1;\r\n    }\r\n}\r\n\r\n// ============================================================================\r\n// Levenshtein\r\n// ============================================================================\r\nexport const ACTION_SAME = 0;\r\nexport const ACTION_INSERT = 1;\r\nexport const ACTION_DELETE = 2;\r\n\r\nexport function computeColumnActions(source: string[], target: string[], supported: Set<string>): number[] {\r\n    let si = 0, ti = 0;\r\n    const actions: number[] = [];\r\n\r\n    while (true) {\r\n        const endS = si === source.length;\r\n        const endT = ti === target.length;\r\n        if (endS && endT) break;\r\n        if (endS) { for (; ti < target.length; ti++) actions.push(ACTION_INSERT); break; }\r\n        if (endT) { for (; si < source.length; si++) actions.push(ACTION_DELETE); break; }\r\n\r\n        const sSupp = supported.has(source[si]);\r\n        const tSupp = supported.has(target[ti]);\r\n\r\n        if (sSupp && tSupp) {\r\n            let se = si + 1, te = ti + 1;\r\n            while (se < source.length && supported.has(source[se])) se++;\r\n            while (te < target.length && supported.has(target[te])) te++;\r\n\r\n            const sLen = se - si, tLen = te - ti;\r\n            if (sLen === tLen) {\r\n                for (let i = 0; i < sLen; i++) actions.push(ACTION_SAME);\r\n            } else {\r\n                const matrix: number[][] = Array(sLen + 1).fill(null).map(() => Array(tLen + 1).fill(0));\r\n                for (let i = 0; i <= sLen; i++) matrix[i][0] = i;\r\n                for (let j = 0; j <= tLen; j++) matrix[0][j] = j;\r\n                for (let r = 1; r <= sLen; r++) {\r\n                    for (let c = 1; c <= tLen; c++) {\r\n                        const cost = source[si + r - 1] === target[ti + c - 1] ? 0 : 1;\r\n                        matrix[r][c] = Math.min(matrix[r - 1][c] + 1, matrix[r][c - 1] + 1, matrix[r - 1][c - 1] + cost);\r\n                    }\r\n                }\r\n                const result: number[] = [];\r\n                let r = sLen, c = tLen;\r\n                while (r > 0 || c > 0) {\r\n                    if (r === 0) { result.push(ACTION_INSERT); c--; }\r\n                    else if (c === 0) { result.push(ACTION_DELETE); r--; }\r\n                    else {\r\n                        const ins = matrix[r][c - 1], del = matrix[r - 1][c], rep = matrix[r - 1][c - 1];\r\n                        if (ins < del && ins < rep) { result.push(ACTION_INSERT); c--; }\r\n                        else if (del < rep) { result.push(ACTION_DELETE); r--; }\r\n                        else { result.push(ACTION_SAME); r--; c--; }\r\n                    }\r\n                }\r\n                for (let i = result.length - 1; i >= 0; i--) actions.push(result[i]);\r\n            }\r\n            si = se; ti = te;\r\n        } else if (sSupp) { actions.push(ACTION_INSERT); ti++; }\r\n        else if (tSupp) { actions.push(ACTION_DELETE); si++; }\r\n        else { actions.push(ACTION_SAME); si++; ti++; }\r\n    }\r\n    return actions;\r\n}\r\n\r\n// ============================================================================\r\n// Column State\r\n// ============================================================================\r\nexport interface ColumnState {\r\n    currentChar: string;\r\n    targetChar: string;\r\n    charList: string[] | null;\r\n    startIndex: number;\r\n    endIndex: number;\r\n    sourceWidth: number;\r\n    currentWidth: number;\r\n    targetWidth: number;\r\n    directionAdj: number;\r\n    prevDelta: number;\r\n    currDelta: number;\r\n}\r\n\r\nexport function createColumn(): ColumnState {\r\n    return {\r\n        currentChar: EMPTY_CHAR, targetChar: EMPTY_CHAR, charList: null,\r\n        startIndex: 0, endIndex: 0, sourceWidth: 0, currentWidth: 0, targetWidth: 0,\r\n        directionAdj: 1, prevDelta: 0, currDelta: 0,\r\n    };\r\n}\r\n\r\nexport function setTarget(col: ColumnState, target: string, lists: TickerCharacterList[], dir: ScrollingDirection): ColumnState {\r\n    const c = { ...col };\r\n    c.targetChar = target;\r\n    c.sourceWidth = c.currentWidth;\r\n    c.targetWidth = target === EMPTY_CHAR ? 0 : 1;\r\n\r\n    let found = false;\r\n    for (const list of lists) {\r\n        const indices = list.getCharacterIndices(c.currentChar, target, dir);\r\n        if (indices) {\r\n            c.charList = list.getCharacterList();\r\n            c.startIndex = indices.startIndex;\r\n            c.endIndex = indices.endIndex;\r\n            found = true;\r\n            break;\r\n        }\r\n    }\r\n    if (!found) {\r\n        c.charList = c.currentChar === target ? [c.currentChar] : [c.currentChar, target];\r\n        c.startIndex = 0;\r\n        c.endIndex = c.currentChar === target ? 0 : 1;\r\n    }\r\n\r\n    c.directionAdj = c.endIndex >= c.startIndex ? 1 : -1;\r\n    c.prevDelta = c.currDelta;\r\n    c.currDelta = 0;\r\n    return c;\r\n}\r\n\r\nexport function applyProgress(col: ColumnState, progress: number, forceUpdate = false): { col: ColumnState; charIdx: number; delta: number } {\r\n    const c = { ...col };\r\n    const total = Math.abs(c.endIndex - c.startIndex);\r\n    const pos = progress * total;\r\n    const offset = pos - Math.floor(pos);\r\n    const additional = c.prevDelta * (1 - progress);\r\n    const delta = offset * c.directionAdj + additional;\r\n    const charIdx = c.startIndex + Math.floor(pos) * c.directionAdj;\r\n\r\n    if (progress >= 1) {\r\n        c.currentChar = c.targetChar;\r\n        c.currDelta = 0;\r\n        c.prevDelta = 0;\r\n    } else if (forceUpdate && c.charList && charIdx >= 0 && charIdx < c.charList.length) {\r\n        c.currentChar = c.charList[charIdx];\r\n        c.currDelta = delta;\r\n    }\r\n\r\n    c.currentWidth = c.sourceWidth + (c.targetWidth - c.sourceWidth) * progress;\r\n    return { col: c, charIdx, delta };\r\n}\r\n\r\n// ============================================================================\r\n// Easing Functions\r\n// ============================================================================\r\nexport const easingFunctions: Record<string, (t: number) => number> = {\r\n    linear: (t) => t,\r\n    easeIn: (t) => t * t,\r\n    easeOut: (t) => 1 - (1 - t) * (1 - t),\r\n    easeInOut: (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,\r\n    bounce: (t) => {\r\n        const n1 = 7.5625;\r\n        const d1 = 2.75;\r\n        if (t < 1 / d1) {\r\n            return n1 * t * t;\r\n        } else if (t < 2 / d1) {\r\n            return n1 * (t -= 1.5 / d1) * t + 0.75;\r\n        } else if (t < 2.5 / d1) {\r\n            return n1 * (t -= 2.25 / d1) * t + 0.9375;\r\n        } else {\r\n            return n1 * (t -= 2.625 / d1) * t + 0.984375;\r\n        }\r\n    },\r\n};\r\n"],"names":["r","c"],"mappings":"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"}

package/dist/index.cjs

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const TickerCore = require("./TickerCore-DSrG8V7Z.cjs");
+const Ticker = ({
+  value,
+  characterLists: charListStrings = [TickerCore.TickerUtils.provideNumberList()],
+  duration = 500,
+  direction = "ANY",
+  easing = "easeInOut",
+  // Robinhood 默认: AccelerateDecelerateInterpolator
+  className = "",
+  charWidth = 1
+}) => {
+  const [columns, setColumns] = React.useState([]);
+  const [progress, setProgress] = React.useState(1);
+  const animRef = React.useRef();
+  const colsRef = React.useRef([]);
+  const progressRef = React.useRef(1);
+  const isFirstRef = React.useRef(true);
+  const prevValueRef = React.useRef("");
+  const lists = React.useMemo(() => charListStrings.map((s) => new TickerCore.TickerCharacterList(s)), [charListStrings]);
+  const supported = React.useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    lists.forEach((l) => l.getSupportedCharacters().forEach((c) => set.add(c)));
+    return set;
+  }, [lists]);
+  const listsRef = React.useRef(lists);
+  const supportedRef = React.useRef(supported);
+  const directionRef = React.useRef(direction);
+  const durationRef = React.useRef(duration);
+  const easingRef = React.useRef(easing);
+  listsRef.current = lists;
+  supportedRef.current = supported;
+  directionRef.current = direction;
+  durationRef.current = duration;
+  easingRef.current = easing;
+  React.useEffect(() => {
+    if (value === prevValueRef.current) {
+      return;
+    }
+    prevValueRef.current = value;
+    if (animRef.current) {
+      cancelAnimationFrame(animRef.current);
+      animRef.current = void 0;
+    }
+    let currentCols = colsRef.current;
+    if (progressRef.current < 1 && progressRef.current > 0) {
+      currentCols = currentCols.map((c) => TickerCore.applyProgress(c, progressRef.current, true).col);
+      colsRef.current = currentCols;
+    }
+    const targetChars = value.split("");
+    const sourceChars = currentCols.map((c) => c.currentChar);
+    const actions = TickerCore.computeColumnActions(sourceChars, targetChars, supportedRef.current);
+    let ci = 0, ti = 0;
+    const result = [];
+    const validCols = currentCols.filter((c) => c.currentWidth > 0);
+    for (const action of actions) {
+      if (action === TickerCore.ACTION_INSERT) {
+        result.push(TickerCore.setTarget(TickerCore.createColumn(), targetChars[ti++], listsRef.current, directionRef.current));
+      } else if (action === TickerCore.ACTION_SAME) {
+        const existing = validCols[ci++] || TickerCore.createColumn();
+        result.push(TickerCore.setTarget(existing, targetChars[ti++], listsRef.current, directionRef.current));
+      } else {
+        const existing = validCols[ci++] || TickerCore.createColumn();
+        result.push(TickerCore.setTarget(existing, TickerCore.EMPTY_CHAR, listsRef.current, directionRef.current));
+      }
+    }
+    colsRef.current = result;
+    setColumns(result);
+    if (!isFirstRef.current && result.length > 0) {
+      progressRef.current = 0;
+      setProgress(0);
+      const start = performance.now();
+      const dur = durationRef.current;
+      const easeFn = TickerCore.easingFunctions[easingRef.current] || TickerCore.easingFunctions.linear;
+      let lastUpdate = 0;
+      const animate = (now) => {
+        const linearP = Math.min((now - start) / dur, 1);
+        const p = easeFn(linearP);
+        progressRef.current = p;
+        if (now - lastUpdate >= 16 || linearP >= 1) {
+          lastUpdate = now;
+          setProgress(p);
+        }
+        if (linearP < 1) {
+          animRef.current = requestAnimationFrame(animate);
+        } else {
+          const final = colsRef.current.map((c) => TickerCore.applyProgress(c, 1).col).filter((c) => c.currentWidth > 0);
+          colsRef.current = final;
+          setColumns(final);
+          animRef.current = void 0;
+        }
+      };
+      animRef.current = requestAnimationFrame(animate);
+    } else {
+      isFirstRef.current = false;
+      progressRef.current = 1;
+      setProgress(1);
+      const final = result.map((c) => TickerCore.applyProgress(c, 1).col).filter((c) => c.currentWidth > 0);
+      colsRef.current = final;
+      setColumns(final);
+    }
+    return () => {
+      if (animRef.current) cancelAnimationFrame(animRef.current);
+    };
+  }, [value]);
+  const charHeight = 1.2;
+  const rendered = React.useMemo(() => {
+    return columns.map((col, i) => {
+      const { charIdx, delta } = TickerCore.applyProgress(col, progress);
+      const width = col.sourceWidth + (col.targetWidth - col.sourceWidth) * progress;
+      if (width <= 0) return null;
+      const chars = [];
+      const list = col.charList || [];
+      const deltaEm = delta * charHeight;
+      if (charIdx >= 0 && charIdx < list.length) {
+        chars.push(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ticker-char", style: { transform: `translateY(${deltaEm}em)` }, children: list[charIdx] === TickerCore.EMPTY_CHAR ? " " : list[charIdx] }, `c-${charIdx}`)
+        );
+      }
+      const nextIdx = charIdx + 1;
+      if (nextIdx >= 0 && nextIdx < list.length) {
+        chars.push(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ticker-char", style: { transform: `translateY(${deltaEm - charHeight}em)` }, children: list[nextIdx] === TickerCore.EMPTY_CHAR ? " " : list[nextIdx] }, `n-${nextIdx}`)
+        );
+      }
+      const prevIdx = charIdx - 1;
+      if (prevIdx >= 0 && prevIdx < list.length) {
+        chars.push(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ticker-char", style: { transform: `translateY(${deltaEm + charHeight}em)` }, children: list[prevIdx] === TickerCore.EMPTY_CHAR ? " " : list[prevIdx] }, `p-${prevIdx}`)
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ticker-column", style: { width: `${width * 0.8 * charWidth}em` }, children: chars }, i);
+    });
+  }, [columns, progress, charWidth]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `ticker ${className}`.trim(), children: rendered });
+};
+React.memo(Ticker);
+exports.ACTION_DELETE = TickerCore.ACTION_DELETE;
+exports.ACTION_INSERT = TickerCore.ACTION_INSERT;
+exports.ACTION_SAME = TickerCore.ACTION_SAME;
+exports.EMPTY_CHAR = TickerCore.EMPTY_CHAR;
+exports.TickerCharacterList = TickerCore.TickerCharacterList;
+exports.TickerUtils = TickerCore.TickerUtils;
+exports.applyProgress = TickerCore.applyProgress;
+exports.computeColumnActions = TickerCore.computeColumnActions;
+exports.createColumn = TickerCore.createColumn;
+exports.easingFunctions = TickerCore.easingFunctions;
+exports.setTarget = TickerCore.setTarget;
+exports.Ticker = Ticker;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/components/Ticker.tsx"],"sourcesContent":["/**\r\n * Ticker - 直接翻译自 Robinhood Android Ticker\r\n * https://github.com/robinhood/ticker\r\n */\r\nimport React, { useEffect, useRef, useState, useMemo } from 'react';\r\nimport './Ticker.css';\r\nimport {\r\n    TickerUtils,\r\n    TickerCharacterList,\r\n    ScrollingDirection,\r\n    ColumnState,\r\n    EMPTY_CHAR,\r\n    computeColumnActions,\r\n    createColumn,\r\n    setTarget,\r\n    applyProgress,\r\n    easingFunctions,\r\n    ACTION_INSERT,\r\n    ACTION_SAME,\r\n} from '../core/TickerCore';\r\n\r\n// 导出 Utils 供外部使用\r\nexport { TickerUtils };\r\n\r\n// ============================================================================\r\n// Ticker Component\r\n// ============================================================================\r\nexport interface TickerProps {\r\n    value: string;\r\n    characterLists?: string[];\r\n    duration?: number;\r\n    direction?: ScrollingDirection;\r\n    easing?: string;\r\n    className?: string;\r\n    charWidth?: number;\r\n}\r\n\r\nexport const Ticker: React.FC<TickerProps> = ({\r\n    value,\r\n    characterLists: charListStrings = [TickerUtils.provideNumberList()],\r\n    duration = 500,\r\n    direction = 'ANY',\r\n    easing = 'easeInOut', // Robinhood 默认: AccelerateDecelerateInterpolator\r\n    className = '',\r\n    charWidth = 1,\r\n}) => {\r\n    const [columns, setColumns] = useState<ColumnState[]>([]);\r\n    const [progress, setProgress] = useState(1);\r\n    const animRef = useRef<number>();\r\n    const colsRef = useRef<ColumnState[]>([]);\r\n    const progressRef = useRef(1);\r\n    const isFirstRef = useRef(true);\r\n    const prevValueRef = useRef('');\r\n\r\n    const lists = useMemo(() => charListStrings.map(s => new TickerCharacterList(s)), [charListStrings]);\r\n    const supported = useMemo(() => {\r\n        const set = new Set<string>();\r\n        lists.forEach(l => l.getSupportedCharacters().forEach(c => set.add(c)));\r\n        return set;\r\n    }, [lists]);\r\n\r\n    // 用 ref 存储依赖项，避免 useEffect 因为这些依赖重复触发\r\n    const listsRef = useRef(lists);\r\n    const supportedRef = useRef(supported);\r\n    const directionRef = useRef(direction);\r\n    const durationRef = useRef(duration);\r\n    const easingRef = useRef(easing);\r\n    listsRef.current = lists;\r\n    supportedRef.current = supported;\r\n    directionRef.current = direction;\r\n    durationRef.current = duration;\r\n    easingRef.current = easing;\r\n\r\n    // 主要逻辑：value 变化时处理\r\n    useEffect(() => {\r\n        // 防止相同 value 重复触发（React StrictMode）\r\n        if (value === prevValueRef.current) {\r\n            return;\r\n        }\r\n        prevValueRef.current = value;\r\n\r\n        // 取消正在进行的动画\r\n        if (animRef.current) {\r\n            cancelAnimationFrame(animRef.current);\r\n            animRef.current = undefined;\r\n        }\r\n\r\n        // 如果动画进行中，先用当前进度更新列状态\r\n        let currentCols = colsRef.current;\r\n        if (progressRef.current < 1 && progressRef.current > 0) {\r\n            currentCols = currentCols.map(c => applyProgress(c, progressRef.current, true).col);\r\n            colsRef.current = currentCols;\r\n        }\r\n\r\n        const targetChars = value.split('');\r\n        const sourceChars = currentCols.map(c => c.currentChar);\r\n        const actions = computeColumnActions(sourceChars, targetChars, supportedRef.current);\r\n\r\n        let ci = 0, ti = 0;\r\n        const result: ColumnState[] = [];\r\n        const validCols = currentCols.filter(c => c.currentWidth > 0);\r\n\r\n        for (const action of actions) {\r\n            if (action === ACTION_INSERT) {\r\n                result.push(setTarget(createColumn(), targetChars[ti++], listsRef.current, directionRef.current));\r\n            } else if (action === ACTION_SAME) {\r\n                const existing = validCols[ci++] || createColumn();\r\n                result.push(setTarget(existing, targetChars[ti++], listsRef.current, directionRef.current));\r\n            } else {\r\n                const existing = validCols[ci++] || createColumn();\r\n                result.push(setTarget(existing, EMPTY_CHAR, listsRef.current, directionRef.current));\r\n            }\r\n        }\r\n\r\n        colsRef.current = result;\r\n        setColumns(result);\r\n\r\n        // 动画\r\n        if (!isFirstRef.current && result.length > 0) {\r\n            progressRef.current = 0;\r\n            setProgress(0);\r\n            const start = performance.now();\r\n            const dur = durationRef.current;\r\n            const easeFn = easingFunctions[easingRef.current] || easingFunctions.linear;\r\n            let lastUpdate = 0;\r\n\r\n            const animate = (now: number) => {\r\n                const linearP = Math.min((now - start) / dur, 1);\r\n                const p = easeFn(linearP); // 应用 easing 函数\r\n                progressRef.current = p;\r\n\r\n                // 节流：每 16ms 最多更新一次视图 (约 60fps)\r\n                if (now - lastUpdate >= 16 || linearP >= 1) {\r\n                    lastUpdate = now;\r\n                    setProgress(p);\r\n                }\r\n\r\n                if (linearP < 1) {\r\n                    animRef.current = requestAnimationFrame(animate);\r\n                } else {\r\n                    // 动画结束\r\n                    const final = colsRef.current\r\n                        .map(c => applyProgress(c, 1).col)\r\n                        .filter(c => c.currentWidth > 0);\r\n                    colsRef.current = final;\r\n                    setColumns(final);\r\n                    animRef.current = undefined;\r\n                }\r\n            };\r\n            animRef.current = requestAnimationFrame(animate);\r\n        } else {\r\n            // 首次渲染，直接显示\r\n            isFirstRef.current = false;\r\n            progressRef.current = 1;\r\n            setProgress(1);\r\n            const final = result.map(c => applyProgress(c, 1).col).filter(c => c.currentWidth > 0);\r\n            colsRef.current = final;\r\n            setColumns(final);\r\n        }\r\n\r\n        return () => {\r\n            if (animRef.current) cancelAnimationFrame(animRef.current);\r\n        };\r\n    }, [value]); // 只依赖 value\r\n\r\n    // 渲染\r\n    const charHeight = 1.2; // 与 CSS line-height 匹配\r\n\r\n    const rendered = useMemo(() => {\r\n        return columns.map((col, i) => {\r\n            const { charIdx, delta } = applyProgress(col, progress);\r\n            const width = col.sourceWidth + (col.targetWidth - col.sourceWidth) * progress;\r\n            if (width <= 0) return null;\r\n\r\n            const chars: React.ReactNode[] = [];\r\n            const list = col.charList || [];\r\n            const deltaEm = delta * charHeight;\r\n\r\n            // 当前字符\r\n            if (charIdx >= 0 && charIdx < list.length) {\r\n                chars.push(\r\n                    <div key={`c-${charIdx}`} className=\"ticker-char\" style={{ transform: `translateY(${deltaEm}em)` }}>\r\n                        {list[charIdx] === EMPTY_CHAR ? '\\u00A0' : list[charIdx]}\r\n                    </div>\r\n                );\r\n            }\r\n            // 下一个字符\r\n            const nextIdx = charIdx + 1;\r\n            if (nextIdx >= 0 && nextIdx < list.length) {\r\n                chars.push(\r\n                    <div key={`n-${nextIdx}`} className=\"ticker-char\" style={{ transform: `translateY(${deltaEm - charHeight}em)` }}>\r\n                        {list[nextIdx] === EMPTY_CHAR ? '\\u00A0' : list[nextIdx]}\r\n                    </div>\r\n                );\r\n            }\r\n            // 上一个字符（处理中断）\r\n            const prevIdx = charIdx - 1;\r\n            if (prevIdx >= 0 && prevIdx < list.length) {\r\n                chars.push(\r\n                    <div key={`p-${prevIdx}`} className=\"ticker-char\" style={{ transform: `translateY(${deltaEm + charHeight}em)` }}>\r\n                        {list[prevIdx] === EMPTY_CHAR ? '\\u00A0' : list[prevIdx]}\r\n                    </div>\r\n                );\r\n            }\r\n\r\n            // 基准宽度 0.8em * 倍率\r\n            return (\r\n                <div key={i} className=\"ticker-column\" style={{ width: `${width * 0.8 * charWidth}em` }}>\r\n                    {chars}\r\n                </div>\r\n            );\r\n        });\r\n    }, [columns, progress, charWidth]);\r\n\r\n    return <div className={`ticker ${className}`.trim()}>{rendered}</div>;\r\n};\r\n\r\nexport default React.memo(Ticker);\r\n"],"names":["TickerUtils","useState","useRef","useMemo","TickerCharacterList","useEffect","applyProgress","computeColumnActions","ACTION_INSERT","setTarget","createColumn","ACTION_SAME","EMPTY_CHAR","easingFunctions","jsx"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,72 @@
+import { default as default_2 } from 'react';
+
+export declare const ACTION_DELETE = 2;
+
+export declare const ACTION_INSERT = 1;
+
+export declare const ACTION_SAME = 0;
+
+export declare function applyProgress(col: ColumnState, progress: number, forceUpdate?: boolean): {
+    col: ColumnState;
+    charIdx: number;
+    delta: number;
+};
+
+export declare interface ColumnState {
+    currentChar: string;
+    targetChar: string;
+    charList: string[] | null;
+    startIndex: number;
+    endIndex: number;
+    sourceWidth: number;
+    currentWidth: number;
+    targetWidth: number;
+    directionAdj: number;
+    prevDelta: number;
+    currDelta: number;
+}
+
+export declare function computeColumnActions(source: string[], target: string[], supported: Set<string>): number[];
+
+export declare function createColumn(): ColumnState;
+
+export declare const easingFunctions: Record<string, (t: number) => number>;
+
+export declare const EMPTY_CHAR = "\0";
+
+export declare type ScrollingDirection = 'ANY' | 'UP' | 'DOWN';
+
+export declare function setTarget(col: ColumnState, target: string, lists: TickerCharacterList[], dir: ScrollingDirection): ColumnState;
+
+export declare const Ticker: default_2.FC<TickerProps>;
+
+export declare class TickerCharacterList {
+    private numOriginalCharacters;
+    private characterList;
+    private characterIndicesMap;
+    constructor(characterList: string);
+    getCharacterIndices(start: string, end: string, direction: ScrollingDirection): {
+        startIndex: number;
+        endIndex: number;
+    } | null;
+    getSupportedCharacters(): Set<string>;
+    getCharacterList(): string[];
+    private getIndexOfChar;
+}
+
+export declare interface TickerProps {
+    value: string;
+    characterLists?: string[];
+    duration?: number;
+    direction?: ScrollingDirection;
+    easing?: string;
+    className?: string;
+    charWidth?: number;
+}
+
+export declare const TickerUtils: {
+    provideNumberList: () => string;
+    provideAlphabeticalList: () => string;
+};
+
+export { }