timered-counter 0.0.2 → 0.0.4

package/dist/src/counter-adapter.d.ts

@@ -30,8 +30,8 @@ export declare class CounterAdapter {
      * @protected
      */
     static VALUE_CONVERTER: {
-        fromAttribute(value: string | null): any;
-        toAttribute(value: unknown): string;
+        fromAttribute(value: string | null): string | null;
+        toAttribute(value: unknown): string | null | undefined;
     };
     static setNumberAdapter(adapterOrType: NumberAdapter | 'number' | 'decimal.js', config?: Decimal.Config): void;
     static setStringAdapter(adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | 'grapheme-splitter'): void;

package/dist/src/counter-adapter.js

@@ -60,10 +60,12 @@ CounterAdapter.STRING_ADAPTER = BuildInStringAdapter();
  */
 CounterAdapter.VALUE_CONVERTER = {
     fromAttribute(value) {
-        return CounterAdapter.NUMBER_ADAPTER.create(isNullish(value) ? 0 : value);
+        return value;
     },
     toAttribute(value) {
-        return CounterAdapter.NUMBER_ADAPTER.toString(value);
+        return isNullish(value)
+            ? value
+            : CounterAdapter.NUMBER_ADAPTER.toString(value);
     },
 };
 //# sourceMappingURL=counter-adapter.js.map

package/dist/src/counter-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-adapter.js","sourceRoot":"","sources":["../../src/counter-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,EACL,oBAAoB,EACpB,gBAAgB,GAEjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAc;IAuCzB,MAAM,CAAC,gBAAgB,CACrB,aAAsD,EACtD,MAAuB;QAEvB,IAAI,OAAO,GAAkB,oBAAoB,EAAE,CAAC;QAEpD,IAAI,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAC5B,IAAI,aAAa,KAAK,QAAQ;gBAAE,OAAO,GAAG,oBAAoB,EAAE,CAAC;iBAC5D,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;gBAC1D,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,aAAa,CAAC;QAC1B,CAAC;QAED,cAAc,CAAC,cAAc,GAAG,OAAO,CAAC;IAC1C,CAAC;IAED,MAAM,CAAC,gBAAgB,CACrB,aAIuB;QAEvB,IAAI,OAAO,GAAkB,oBAAoB,EAAE,CAAC;QAEpD,IAAI,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAC5B,IAAI,aAAa,KAAK,QAAQ;gBAAE,OAAO,GAAG,oBAAoB,EAAE,CAAC;iBAC5D,IAAI,aAAa,KAAK,gBAAgB;gBACzC,OAAO,GAAG,2BAA2B,EAAE,CAAC;iBACrC,IAAI,aAAa,KAAK,mBAAmB;gBAC5C,OAAO,GAAG,uBAAuB,EAAE,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,aAAa,CAAC;QAC1B,CAAC;QAED,cAAc,CAAC,cAAc,GAAG,OAAO,CAAC;IAC1C,CAAC;;AA3ED;;;;;;;;GAQG;AACI,6BAAc,GAAkB,oBAAoB,EAAE,CAAC;AAE9D;;;;;;;;;GASG;AACI,6BAAc,GAAkB,oBAAoB,EAAE,CAAC;AAE9D;;;;;GAKG;AACI,8BAAe,GAAG;IACvB,aAAa,CAAC,KAAoB;QAChC,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5E,CAAC;IACD,WAAW,CAAC,KAAc;QACxB,OAAO,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;CACF,CAAC","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { Decimal } from 'decimal.js';\nimport {\n  BuildInNumberAdapter,\n  DecimalJsAdapter,\n  NumberAdapter,\n} from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  GraphemeSplitterAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class CounterAdapter {\n  /**\n   * 数字适配器, 有以下两种:\n   * 1. BuildInNumberAdapter(默认): 使用内置 number 进行计算.\n   * 2. DecimalJsAdapter: 使用 Decimal.js 进行计算.\n   *\n   * 详细信息请查看[字符长度限制](/guide/optional-dependencies#字符长度限制)章节.\n   *\n   * @default BuildInNumberAdapter\n   */\n  static NUMBER_ADAPTER: NumberAdapter = BuildInNumberAdapter();\n\n  /**\n   * 字符串适配器, 有以下两种:\n   * 1. BuildInStringAdapter(默认): 使用内置 string 进行字符串处理.\n   * 2. BuildInIntlSegmenterAdapter: 使用 Intl.Segmenter 进行字符串处理. 能够支持 emoji, 字符集.\n   * 3. GraphemeSplitterAdapter: 使用 grapheme-splitter 进行字符串处理. 能够支持 emoji, 字符集.\n   *\n   * 详细信息请查看[支持 emoji 分词](/guide/optional-dependencies#支持-emoji-分词)章节.\n   *\n   * @default BuildInStringAdapter\n   */\n  static STRING_ADAPTER: StringAdapter = BuildInStringAdapter();\n\n  /**\n   * 将 value 及其相关的属性, 在 attribute 和 property 上的互相转换.\n   *\n   * @see https://lit.dev/docs/components/properties/#attributes\n   * @protected\n   */\n  static VALUE_CONVERTER = {\n    fromAttribute(value: string | null) {\n      return CounterAdapter.NUMBER_ADAPTER.create(isNullish(value) ? 0 : value);\n    },\n    toAttribute(value: unknown) {\n      return CounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  static setNumberAdapter(\n    adapterOrType: NumberAdapter | 'number' | 'decimal.js',\n    config?: Decimal.Config,\n  ) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      if (adapterOrType === 'number') adapter = BuildInNumberAdapter();\n      else if (['decimal.js', 'decimaljs'].includes(adapterOrType))\n        adapter = DecimalJsAdapter(config);\n    } else {\n      adapter = adapterOrType;\n    }\n\n    CounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  static setStringAdapter(\n    adapterOrType:\n      | StringAdapter\n      | 'string'\n      | 'intl-segmenter'\n      | 'grapheme-splitter',\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      if (adapterOrType === 'string') adapter = BuildInStringAdapter();\n      else if (adapterOrType === 'intl-segmenter')\n        adapter = BuildInIntlSegmenterAdapter();\n      else if (adapterOrType === 'grapheme-splitter')\n        adapter = GraphemeSplitterAdapter();\n    } else {\n      adapter = adapterOrType;\n    }\n\n    CounterAdapter.STRING_ADAPTER = adapter;\n  }\n}\n"]}
+{"version":3,"file":"counter-adapter.js","sourceRoot":"","sources":["../../src/counter-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,EACL,oBAAoB,EACpB,gBAAgB,GAEjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,OAAO,cAAc;IAyCzB,MAAM,CAAC,gBAAgB,CACrB,aAAsD,EACtD,MAAuB;QAEvB,IAAI,OAAO,GAAkB,oBAAoB,EAAE,CAAC;QAEpD,IAAI,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAC5B,IAAI,aAAa,KAAK,QAAQ;gBAAE,OAAO,GAAG,oBAAoB,EAAE,CAAC;iBAC5D,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;gBAC1D,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,aAAa,CAAC;QAC1B,CAAC;QAED,cAAc,CAAC,cAAc,GAAG,OAAO,CAAC;IAC1C,CAAC;IAED,MAAM,CAAC,gBAAgB,CACrB,aAIuB;QAEvB,IAAI,OAAO,GAAkB,oBAAoB,EAAE,CAAC;QAEpD,IAAI,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YAC5B,IAAI,aAAa,KAAK,QAAQ;gBAAE,OAAO,GAAG,oBAAoB,EAAE,CAAC;iBAC5D,IAAI,aAAa,KAAK,gBAAgB;gBACzC,OAAO,GAAG,2BAA2B,EAAE,CAAC;iBACrC,IAAI,aAAa,KAAK,mBAAmB;gBAC5C,OAAO,GAAG,uBAAuB,EAAE,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,aAAa,CAAC;QAC1B,CAAC;QAED,cAAc,CAAC,cAAc,GAAG,OAAO,CAAC;IAC1C,CAAC;;AA7ED;;;;;;;;GAQG;AACI,6BAAc,GAAkB,oBAAoB,EAAE,CAAC;AAE9D;;;;;;;;;GASG;AACI,6BAAc,GAAkB,oBAAoB,EAAE,CAAC;AAE9D;;;;;GAKG;AACI,8BAAe,GAAG;IACvB,aAAa,CAAC,KAAoB;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,WAAW,CAAC,KAAc;QACxB,OAAO,SAAS,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;CACF,CAAC","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { Decimal } from 'decimal.js';\nimport {\n  BuildInNumberAdapter,\n  DecimalJsAdapter,\n  NumberAdapter,\n} from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  GraphemeSplitterAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class CounterAdapter {\n  /**\n   * 数字适配器, 有以下两种:\n   * 1. BuildInNumberAdapter(默认): 使用内置 number 进行计算.\n   * 2. DecimalJsAdapter: 使用 Decimal.js 进行计算.\n   *\n   * 详细信息请查看[字符长度限制](/guide/optional-dependencies#字符长度限制)章节.\n   *\n   * @default BuildInNumberAdapter\n   */\n  static NUMBER_ADAPTER: NumberAdapter = BuildInNumberAdapter();\n\n  /**\n   * 字符串适配器, 有以下两种:\n   * 1. BuildInStringAdapter(默认): 使用内置 string 进行字符串处理.\n   * 2. BuildInIntlSegmenterAdapter: 使用 Intl.Segmenter 进行字符串处理. 能够支持 emoji, 字符集.\n   * 3. GraphemeSplitterAdapter: 使用 grapheme-splitter 进行字符串处理. 能够支持 emoji, 字符集.\n   *\n   * 详细信息请查看[支持 emoji 分词](/guide/optional-dependencies#支持-emoji-分词)章节.\n   *\n   * @default BuildInStringAdapter\n   */\n  static STRING_ADAPTER: StringAdapter = BuildInStringAdapter();\n\n  /**\n   * 将 value 及其相关的属性, 在 attribute 和 property 上的互相转换.\n   *\n   * @see https://lit.dev/docs/components/properties/#attributes\n   * @protected\n   */\n  static VALUE_CONVERTER = {\n    fromAttribute(value: string | null) {\n      return value;\n    },\n    toAttribute(value: unknown) {\n      return isNullish(value)\n        ? value\n        : CounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  static setNumberAdapter(\n    adapterOrType: NumberAdapter | 'number' | 'decimal.js',\n    config?: Decimal.Config,\n  ) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      if (adapterOrType === 'number') adapter = BuildInNumberAdapter();\n      else if (['decimal.js', 'decimaljs'].includes(adapterOrType))\n        adapter = DecimalJsAdapter(config);\n    } else {\n      adapter = adapterOrType;\n    }\n\n    CounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  static setStringAdapter(\n    adapterOrType:\n      | StringAdapter\n      | 'string'\n      | 'intl-segmenter'\n      | 'grapheme-splitter',\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      if (adapterOrType === 'string') adapter = BuildInStringAdapter();\n      else if (adapterOrType === 'intl-segmenter')\n        adapter = BuildInIntlSegmenterAdapter();\n      else if (adapterOrType === 'grapheme-splitter')\n        adapter = GraphemeSplitterAdapter();\n    } else {\n      adapter = adapterOrType;\n    }\n\n    CounterAdapter.STRING_ADAPTER = adapter;\n  }\n}\n"]}

package/dist/src/easing/index.d.ts

@@ -1,2 +1,3 @@
 export * from './easing-functions.js';
+export * from './cubic-bezier.js';
 export * from './penner-easing-functions.js';

package/dist/src/easing/index.js

@@ -1,3 +1,4 @@
 export * from './easing-functions.js';
+export * from './cubic-bezier.js';
 export * from './penner-easing-functions.js';
 //# sourceMappingURL=index.js.map

package/dist/src/easing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/easing/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './easing-functions.js';\nexport * from './penner-easing-functions.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/easing/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './easing-functions.js';\nexport * from './cubic-bezier.js';\nexport * from './penner-easing-functions.js';\n"]}

package/dist/src/global-style-helper.d.ts

@@ -0,0 +1,7 @@
+export type TimeredCounterStyleSheets = Partial<{
+    'timered-counter': string;
+    'timered-counter-roller': string;
+    'timered-counter-roller-digit': string;
+}>;
+export declare function getTimeredCounterStyleSheets(id: Symbol): TimeredCounterStyleSheets;
+export declare function setTimeredCounterStyleSheets(id: Symbol, styles: string | TimeredCounterStyleSheets): void;

package/dist/src/global-style-helper.js

@@ -0,0 +1,15 @@
+import { isString } from 'remeda';
+import { parseJsonString } from './utils/parse-json-string.js';
+const GlobalTimeredCounterStyleCache = new WeakMap();
+export function getTimeredCounterStyleSheets(id) {
+    return GlobalTimeredCounterStyleCache.has(id)
+        ? GlobalTimeredCounterStyleCache.get(id)
+        : {};
+}
+export function setTimeredCounterStyleSheets(id, styles) {
+    const _styles = isString(styles)
+        ? parseJsonString(styles)
+        : styles;
+    GlobalTimeredCounterStyleCache.set(id, _styles);
+}
+//# sourceMappingURL=global-style-helper.js.map

package/dist/src/global-style-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-style-helper.js","sourceRoot":"","sources":["../../src/global-style-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAW/D,MAAM,8BAA8B,GAAG,IAAI,OAAO,EAG/C,CAAC;AAEJ,MAAM,UAAU,4BAA4B,CAC1C,EAAU;IAEV,OAAO,8BAA8B,CAAC,GAAG,CAAC,EAAE,CAAC;QAC3C,CAAC,CAAC,8BAA8B,CAAC,GAAG,CAAC,EAAE,CAAE;QACzC,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED,MAAM,UAAU,4BAA4B,CAC1C,EAAU,EACV,MAA0C;IAE1C,MAAM,OAAO,GAA8B,QAAQ,CAAC,MAAM,CAAC;QACzD,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC;QACzB,CAAC,CAAC,MAAM,CAAC;IAEX,8BAA8B,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC","sourcesContent":["import { isString } from 'remeda';\nimport { parseJsonString } from './utils/parse-json-string.js';\n\nexport type TimeredCounterStyleSheets = Partial<{\n  'timered-counter': string;\n  // 'timered-counter-datetime-duration': string;\n  // 'timered-counter-number': string;\n  // 'timered-counter-string': string;\n  'timered-counter-roller': string;\n  'timered-counter-roller-digit': string;\n}>;\n\nconst GlobalTimeredCounterStyleCache = new WeakMap<\n  Symbol,\n  TimeredCounterStyleSheets\n>();\n\nexport function getTimeredCounterStyleSheets(\n  id: Symbol,\n): TimeredCounterStyleSheets {\n  return GlobalTimeredCounterStyleCache.has(id)\n    ? GlobalTimeredCounterStyleCache.get(id)!\n    : {};\n}\n\nexport function setTimeredCounterStyleSheets(\n  id: Symbol,\n  styles: string | TimeredCounterStyleSheets,\n) {\n  const _styles: TimeredCounterStyleSheets = isString(styles)\n    ? parseJsonString(styles)\n    : styles;\n\n  GlobalTimeredCounterStyleCache.set(id, _styles);\n}\n"]}

package/dist/src/index.d.ts

@@ -8,6 +8,8 @@ import { StringAdapter } from './string-adapter/index.js';
 export declare function setNumberAdapter(adapterOrType: NumberAdapter | 'number' | 'decimal.js', config?: Decimal.Config): void;
 export declare function setStringAdapter(adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | 'grapheme-splitter'): void;
 export { TimeredCounter, TimeredCounterDatetimeDuration, TimeredCounterNumber, TimeredCounterString, };
+export * from './easing/index.js';
+export * from './types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'timered-counter': TimeredCounter;

package/dist/src/index.js

@@ -10,4 +10,6 @@ export function setStringAdapter(adapterOrType) {
     CounterAdapter.setStringAdapter(adapterOrType);
 }
 export { TimeredCounter, TimeredCounterDatetimeDuration, TimeredCounterNumber, TimeredCounterString, };
+export * from './easing/index.js';
+export * from './types/index.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAExF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,UAAU,gBAAgB,CAC9B,aAAsD,EACtD,MAAuB;IAEvB,cAAc,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,aAIuB;IAEvB,cAAc,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACjD,CAAC;AAED,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,GACrB,CAAC","sourcesContent":["import { Decimal } from 'decimal.js';\nimport { NumberAdapter } from './number-adapter/index.js';\nimport { TimeredCounter } from './timered-counter.js';\nimport { TimeredCounterNumber } from './timered-counter-number.js';\nimport { TimeredCounterString } from './timered-counter-string.js';\nimport { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';\nimport { StringAdapter } from './string-adapter/index.js';\nimport { CounterAdapter } from './counter-adapter.js';\n\nexport function setNumberAdapter(\n  adapterOrType: NumberAdapter | 'number' | 'decimal.js',\n  config?: Decimal.Config,\n) {\n  CounterAdapter.setNumberAdapter(adapterOrType, config);\n}\n\nexport function setStringAdapter(\n  adapterOrType:\n    | StringAdapter\n    | 'string'\n    | 'intl-segmenter'\n    | 'grapheme-splitter',\n) {\n  CounterAdapter.setStringAdapter(adapterOrType);\n}\n\nexport {\n  TimeredCounter,\n  TimeredCounterDatetimeDuration,\n  TimeredCounterNumber,\n  TimeredCounterString,\n};\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'timered-counter': TimeredCounter;\n    'timered-counter-datetime-duration': TimeredCounterDatetimeDuration;\n    'timered-counter-number': TimeredCounterNumber;\n    'timered-counter-string': TimeredCounterString;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAExF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,UAAU,gBAAgB,CAC9B,aAAsD,EACtD,MAAuB;IAEvB,cAAc,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,aAIuB;IAEvB,cAAc,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AACjD,CAAC;AAED,OAAO,EACL,cAAc,EACd,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,GACrB,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC","sourcesContent":["import { Decimal } from 'decimal.js';\nimport { NumberAdapter } from './number-adapter/index.js';\nimport { TimeredCounter } from './timered-counter.js';\nimport { TimeredCounterNumber } from './timered-counter-number.js';\nimport { TimeredCounterString } from './timered-counter-string.js';\nimport { TimeredCounterDatetimeDuration } from './timered-counter-datetime-duration.js';\nimport { StringAdapter } from './string-adapter/index.js';\nimport { CounterAdapter } from './counter-adapter.js';\n\nexport function setNumberAdapter(\n  adapterOrType: NumberAdapter | 'number' | 'decimal.js',\n  config?: Decimal.Config,\n) {\n  CounterAdapter.setNumberAdapter(adapterOrType, config);\n}\n\nexport function setStringAdapter(\n  adapterOrType:\n    | StringAdapter\n    | 'string'\n    | 'intl-segmenter'\n    | 'grapheme-splitter',\n) {\n  CounterAdapter.setStringAdapter(adapterOrType);\n}\n\nexport {\n  TimeredCounter,\n  TimeredCounterDatetimeDuration,\n  TimeredCounterNumber,\n  TimeredCounterString,\n};\n\nexport * from './easing/index.js';\nexport * from './types/index.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'timered-counter': TimeredCounter;\n    'timered-counter-datetime-duration': TimeredCounterDatetimeDuration;\n    'timered-counter-number': TimeredCounterNumber;\n    'timered-counter-string': TimeredCounterString;\n  }\n}\n"]}

package/dist/src/mixins/counter-animation.d.ts

@@ -1,12 +1,12 @@
 import { Constructor } from 'type-fest';
-import { PartDigitGetter, PartDigitValue } from '../types/group.js';
+import { PartDigitGetter, PartDigitValueOrGetter } from '../types/group.js';
 import { CounterPartsMixin } from './counter-parts.js';
 import { AvailableNumberAdapterValueType } from '../number-adapter/index.js';
 export declare class CounterAnimationMixinInterface {
-    animationOptions: PartDigitValue<KeyframeAnimationOptions>;
+    animationOptions: PartDigitValueOrGetter<KeyframeAnimationOptions>;
     animationOptionsDynamic?: PartDigitGetter<KeyframeAnimationOptions>;
     extractAnimationOptions(): KeyframeAnimationOptions[][];
-    keyframes: PartDigitValue<PropertyIndexedKeyframes>;
+    keyframes: PartDigitValueOrGetter<PropertyIndexedKeyframes>;
     keyframesDynamic?: PartDigitGetter<PropertyIndexedKeyframes>;
     extractKeyframes(): PropertyIndexedKeyframes[][];
 }

package/dist/src/mixins/counter-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-animation.js","sourceRoot":"","sources":["../../../src/mixins/counter-animation.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAMrC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAkB1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAMnC,UAAa,EACb,EAAE;IACF,MAAM,0BAA2B,SAAQ,UAAU;QAAnD;;YACE;;eAEG;YAEH,qBAAgB,GAA6C,EAAE,CAAC;YAIxD,2BAAsB,GAC5B,EAAE,CAAC;YAwBL;;eAEG;YAEH,cAAS,GAA6C,EAAE,CAAC;YAIjD,oBAAe,GAA+C,EAAE,CAAC;QAuB3E,CAAC;QArDC,uBAAuB;YACrB,MAAM,aAAa,GAAuB;gBACxC,cAAc,EAAE,IAAI,CAAC,sBAAsB;gBAC3C,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;aACnC,CAAC;YACF,MAAM,MAAM,GAAG,oBAAoB,CACjC,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE,aAAa,CAAC,EAClE,sBAAsB,CACpB,IAAI,CAAC,uBAAuB,IAAI,EAAE,EAClC,aAAa,CACd,CACF,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC;gBACtD,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC;YACvC,CAAC;YAED,OAAO,IAAI,CAAC,sBAAsB,CAAC;QACrC,CAAC;QAYD,gBAAgB;YACd,MAAM,aAAa,GAAuB;gBACxC,cAAc,EAAE,IAAI,CAAC,sBAAsB;gBAC3C,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;aACnC,CAAC;YACF,MAAM,MAAM,GAAG,oBAAoB,CACjC,sBAAsB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,EAAE,aAAa,CAAC,EAC3D,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE,aAAa,CAAC,CACnE,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;gBAC/C,IAAI,CAAC,eAAe,GAAG,MAGlB,CAAC;YACR,CAAC;YAED,OAAO,IAAI,CAAC,eAAe,CAAC;QAC9B,CAAC;KACF;IA5DC;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wEACV;IAiChE;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iEACT;IA6B3D,OAAO,0BACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isDeepEqual } from 'remeda';\nimport {\n  GroupGetterOptions,\n  PartDigitGetter,\n  PartDigitValue,\n} from '../types/group.js';\nimport {\n  extractPartDigitOption,\n  mergePartDigitOption,\n} from '../utils/extract-group-option.js';\nimport { CounterPartsMixin } from './counter-parts.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\n\nexport declare class CounterAnimationMixinInterface {\n  animationOptions: PartDigitValue<KeyframeAnimationOptions>;\n\n  animationOptionsDynamic?: PartDigitGetter<KeyframeAnimationOptions>;\n\n  extractAnimationOptions(): KeyframeAnimationOptions[][];\n\n  keyframes: PartDigitValue<PropertyIndexedKeyframes>;\n\n  keyframesDynamic?: PartDigitGetter<PropertyIndexedKeyframes>;\n\n  extractKeyframes(): PropertyIndexedKeyframes[][];\n}\n\nexport const CounterAnimationMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterPartsMixin<V>> = ReturnType<\n    typeof CounterPartsMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterAnimationMixinClass extends superClass {\n    /**\n     * 传递给 Web Animations API 的选项.\n     */\n    @property({ type: Object, attribute: 'animation-options', reflect: true })\n    animationOptions: PartDigitValue<KeyframeAnimationOptions> = {};\n\n    animationOptionsDynamic?: PartDigitGetter<KeyframeAnimationOptions>;\n\n    private cachedAnimationOptions: (KeyframeAnimationOptions | undefined)[][] =\n      [];\n\n    extractAnimationOptions() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.animationOptions ?? {}, getterOptions),\n        extractPartDigitOption(\n          this.animationOptionsDynamic ?? {},\n          getterOptions,\n        ),\n      );\n\n      if (!isDeepEqual(this.cachedAnimationOptions, result)) {\n        this.cachedAnimationOptions = result;\n      }\n\n      return this.cachedAnimationOptions;\n    }\n\n    /**\n     * 传递给 Web Animations API 的关键帧配置.\n     */\n    @property({ type: Object, attribute: 'keyframes', reflect: true })\n    keyframes: PartDigitValue<PropertyIndexedKeyframes> = {};\n\n    keyframesDynamic?: PartDigitGetter<PropertyIndexedKeyframes>;\n\n    private cachedKeyframes: (PropertyIndexedKeyframes | undefined)[][] = [];\n\n    extractKeyframes() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.keyframes ?? {}, getterOptions),\n        extractPartDigitOption(this.keyframesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedKeyframes, result)) {\n        this.cachedKeyframes = result as (\n          | PropertyIndexedKeyframes\n          | undefined\n        )[][];\n      }\n\n      return this.cachedKeyframes;\n    }\n  }\n\n  return CounterAnimationMixinClass as Constructor<CounterAnimationMixinInterface> &\n    T;\n};\n"]}
+{"version":3,"file":"counter-animation.js","sourceRoot":"","sources":["../../../src/mixins/counter-animation.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAMrC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAkB1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAMnC,UAAa,EACb,EAAE;IACF,MAAM,0BAA2B,SAAQ,UAAU;QAAnD;;YACE;;eAEG;YAEH,qBAAgB,GAAqD,EAAE,CAAC;YAIhE,2BAAsB,GAC5B,EAAE,CAAC;YAwBL;;eAEG;YAEH,cAAS,GAAqD,EAAE,CAAC;YAIzD,oBAAe,GAA+C,EAAE,CAAC;QAuB3E,CAAC;QArDC,uBAAuB;YACrB,MAAM,aAAa,GAAuB;gBACxC,cAAc,EAAE,IAAI,CAAC,sBAAsB;gBAC3C,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;aACnC,CAAC;YACF,MAAM,MAAM,GAAG,oBAAoB,CACjC,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE,aAAa,CAAC,EAClE,sBAAsB,CACpB,IAAI,CAAC,uBAAuB,IAAI,EAAE,EAClC,aAAa,CACd,CACF,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC;gBACtD,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC;YACvC,CAAC;YAED,OAAO,IAAI,CAAC,sBAAsB,CAAC;QACrC,CAAC;QAYD,gBAAgB;YACd,MAAM,aAAa,GAAuB;gBACxC,cAAc,EAAE,IAAI,CAAC,sBAAsB;gBAC3C,IAAI,EAAE,IAAI,CAAC,KAAK;gBAChB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;aACnC,CAAC;YACF,MAAM,MAAM,GAAG,oBAAoB,CACjC,sBAAsB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,EAAE,aAAa,CAAC,EAC3D,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE,aAAa,CAAC,CACnE,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;gBAC/C,IAAI,CAAC,eAAe,GAAG,MAGlB,CAAC;YACR,CAAC;YAED,OAAO,IAAI,CAAC,eAAe,CAAC;QAC9B,CAAC;KACF;IA5DC;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wEACF;IAiCxE;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iEACD;IA6BnE,OAAO,0BACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isDeepEqual } from 'remeda';\nimport {\n  GroupGetterOptions,\n  PartDigitGetter,\n  PartDigitValueOrGetter,\n} from '../types/group.js';\nimport {\n  extractPartDigitOption,\n  mergePartDigitOption,\n} from '../utils/extract-group-option.js';\nimport { CounterPartsMixin } from './counter-parts.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\n\nexport declare class CounterAnimationMixinInterface {\n  animationOptions: PartDigitValueOrGetter<KeyframeAnimationOptions>;\n\n  animationOptionsDynamic?: PartDigitGetter<KeyframeAnimationOptions>;\n\n  extractAnimationOptions(): KeyframeAnimationOptions[][];\n\n  keyframes: PartDigitValueOrGetter<PropertyIndexedKeyframes>;\n\n  keyframesDynamic?: PartDigitGetter<PropertyIndexedKeyframes>;\n\n  extractKeyframes(): PropertyIndexedKeyframes[][];\n}\n\nexport const CounterAnimationMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterPartsMixin<V>> = ReturnType<\n    typeof CounterPartsMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterAnimationMixinClass extends superClass {\n    /**\n     * 传递给 Web Animations API 的选项.\n     */\n    @property({ type: Object, attribute: 'animation-options', reflect: true })\n    animationOptions: PartDigitValueOrGetter<KeyframeAnimationOptions> = {};\n\n    animationOptionsDynamic?: PartDigitGetter<KeyframeAnimationOptions>;\n\n    private cachedAnimationOptions: (KeyframeAnimationOptions | undefined)[][] =\n      [];\n\n    extractAnimationOptions() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.animationOptions ?? {}, getterOptions),\n        extractPartDigitOption(\n          this.animationOptionsDynamic ?? {},\n          getterOptions,\n        ),\n      );\n\n      if (!isDeepEqual(this.cachedAnimationOptions, result)) {\n        this.cachedAnimationOptions = result;\n      }\n\n      return this.cachedAnimationOptions;\n    }\n\n    /**\n     * 传递给 Web Animations API 的关键帧配置.\n     */\n    @property({ type: Object, attribute: 'keyframes', reflect: true })\n    keyframes: PartDigitValueOrGetter<PropertyIndexedKeyframes> = {};\n\n    keyframesDynamic?: PartDigitGetter<PropertyIndexedKeyframes>;\n\n    private cachedKeyframes: (PropertyIndexedKeyframes | undefined)[][] = [];\n\n    extractKeyframes() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.keyframes ?? {}, getterOptions),\n        extractPartDigitOption(this.keyframesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedKeyframes, result)) {\n        this.cachedKeyframes = result as (\n          | PropertyIndexedKeyframes\n          | undefined\n        )[][];\n      }\n\n      return this.cachedKeyframes;\n    }\n  }\n\n  return CounterAnimationMixinClass as Constructor<CounterAnimationMixinInterface> &\n    T;\n};\n"]}

package/dist/src/mixins/counter-base.js

@@ -31,7 +31,9 @@ export const CounterBaseMixin = (superClass) => {
          * 这对于初始化完成后启动动画效果非常有用.
          */
         get initialValue() {
-            return this.numberAdapter.create(this.__initialValue);
+            return isNullish(this.__initialValue)
+                ? this.__initialValue
+                : this.numberAdapter.create(this.__initialValue);
         }
         set initialValue(value) {
             const old = this.__initialValue;
@@ -61,20 +63,13 @@ export const CounterBaseMixin = (superClass) => {
             // value: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);
             this.__oldValue = CounterAdapter.NUMBER_ADAPTER.create(0);
             // oldValue: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);
-            this.__initialValue = CounterAdapter.NUMBER_ADAPTER.create(0);
+            this.__initialValue = null;
             this.__locale = 'en-US';
             this.localeInstance = isString(this.locale)
                 ? new Intl.Locale(this.locale)
                 : new Intl.Locale(...this.locale);
             this.direction = 'up';
             this.oldDirection = this.direction;
-            /**
-             * 第一次更新时, changedProperties 中 value 的旧值始终为 undefined.
-             * 因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.
-             * 以保证 oldValue 始终有值.
-             * @private
-             */
-            this.isValueFirstUpdate = true;
             // @ts-ignore
             this.numberAdapter = CounterAdapter.NUMBER_ADAPTER;
             // @ts-ignore
@@ -82,23 +77,27 @@ export const CounterBaseMixin = (superClass) => {
         }
         willUpdate(changedProperties) {
             super.willUpdate(changedProperties);
-            if (changedProperties.has('value')) {
-                if (this.isValueFirstUpdate) {
-                    this.isValueFirstUpdate = false;
-                    this.oldValue = isNonNullish(this.initialValue)
-                        ? this.initialValue
-                        : this.value;
-                }
-                else if (!changedProperties.has('oldValue')) {
-                    // oldValue 未被手动设置时, 使用默认策略更新 oldValue.
-                    this.oldValue = changedProperties.get('value') ?? this.oldValue;
-                }
+            if (changedProperties.has('value') &&
+                !changedProperties.has('oldValue')) {
+                // oldValue 未被手动设置时, 使用默认策略更新 oldValue.
+                this.oldValue = changedProperties.get('value') ?? this.value;
             }
             this.oldDirection = this.direction;
-            this.direction = this.numberAdapter.gt(this.value, this.oldValue)
-                ? 'down'
-                : 'up';
-            // }
+            if (!this.numberAdapter.eq(this.value, this.oldValue)) {
+                this.direction = this.numberAdapter.gt(this.value, this.oldValue)
+                    ? 'down'
+                    : 'up';
+            }
+        }
+        /**
+         * oldValue 的默认初始值应当来自 initialValue 或 value.
+         * 以保证 oldValue 始终有值.
+         */
+        connectedCallback() {
+            super.connectedCallback();
+            this.oldValue = isNonNullish(this.initialValue)
+                ? this.initialValue
+                : this.value;
         }
     }
     __decorate([
@@ -139,6 +138,7 @@ export const CounterBaseMixin = (superClass) => {
                     return value;
                 }
             },
+            reflect: true,
             noAccessor: true,
         })
     ], CounterBaseMixinClass.prototype, "locale", null);

package/dist/src/mixins/counter-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-base.js","sourceRoot":"","sources":["../../../src/mixins/counter-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { isNonNullish, isNullish, isString } from 'remeda';\nimport { Constructor } from 'type-fest';\nimport {\n  NumberAdapter,\n  AvailableNumberAdapterValueType,\n} from '../number-adapter/index.js';\nimport { StringAdapter } from '../string-adapter/index.js';\nimport { CounterAdapter } from '../counter-adapter.js';\n\nexport declare class CounterBaseMixinInterface<\n  V extends AvailableNumberAdapterValueType,\n> {\n  static NUMBER_ADAPTER: NumberAdapter;\n\n  static STRING_ADAPTER: StringAdapter;\n\n  get value(): V;\n\n  set value(value: V);\n\n  get oldValue(): V;\n\n  set oldValue(value: V);\n\n  get initialValue(): V;\n\n  set initialValue(value: V);\n\n  direction: 'up' | 'down';\n\n  oldDirection: 'up' | 'down';\n\n  locale:\n    | Intl.UnicodeBCP47LocaleIdentifier\n    | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions];\n\n  localeInstance: Intl.Locale;\n\n  numberAdapter: NumberAdapter;\n\n  stringAdapter: StringAdapter;\n}\n\nexport const CounterBaseMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends Constructor<LitElement> = Constructor<LitElement>,\n>(\n  superClass: T,\n) => {\n  class CounterBaseMixinClass extends superClass {\n    private __value: V = CounterAdapter.NUMBER_ADAPTER.create(0);\n\n    @property({\n      attribute: 'value',\n      reflect: true,\n      converter: {\n        toAttribute: CounterAdapter.VALUE_CONVERTER.toAttribute,\n      },\n      noAccessor: true,\n    })\n    get value() {\n      return this.numberAdapter.create(this.__value);\n    }\n\n    set value(value: V) {\n      value = CounterAdapter.NUMBER_ADAPTER.create(\n        isNullish(value) || (isString(value) && value.trim() === '')\n          ? 0\n          : value,\n      );\n\n      const old = this.__value;\n      this.__value = value;\n\n      if (!this.numberAdapter.eq(this.__value, old)) {\n        this.requestUpdate('value', old);\n      }\n    }\n    // value: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);\n\n    private __oldValue: V = CounterAdapter.NUMBER_ADAPTER.create(0);\n\n    @property({\n      attribute: 'old-value',\n      reflect: true,\n      converter: CounterAdapter.VALUE_CONVERTER,\n      noAccessor: true,\n    })\n    get oldValue() {\n      return this.numberAdapter.create(this.__oldValue);\n    }\n\n    set oldValue(value: V) {\n      const old = this.__oldValue;\n      this.__oldValue = value;\n      this.requestUpdate('oldValue', old);\n    }\n    // oldValue: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);\n\n    private __initialValue: V = CounterAdapter.NUMBER_ADAPTER.create(0);\n\n    /**\n     * 如果初始值被设置, 组件初始化时会使用该值而不是 `value`, 然后在初始化完成后, 将内部值更新为 `value`.\n     *\n     * 这对于初始化完成后启动动画效果非常有用.\n     */\n    @property({\n      attribute: 'initial-value',\n      reflect: true,\n      converter: CounterAdapter.VALUE_CONVERTER,\n      noAccessor: true,\n    })\n    get initialValue() {\n      return this.numberAdapter.create(this.__initialValue);\n    }\n\n    set initialValue(value: V) {\n      const old = this.__initialValue;\n      this.__initialValue = value;\n      this.requestUpdate('initialValue', old);\n    }\n\n    private __locale:\n      | Intl.UnicodeBCP47LocaleIdentifier\n      | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions] = 'en-US';\n\n    /**\n     * 自定义本地化配置, 否则从浏览器环境中获取.\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale\n     *\n     * @default \"en-US\"\n     */\n    @property({\n      converter: value => {\n        if (isNullish(value)) return value;\n\n        try {\n          return JSON.parse(value);\n        } catch (error) {\n          return value;\n        }\n      },\n      noAccessor: true,\n    })\n    get locale() {\n      return this.__locale;\n    }\n\n    set locale(\n      value:\n        | Intl.UnicodeBCP47LocaleIdentifier\n        | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions],\n    ) {\n      const old = this.__locale;\n      this.__locale = value;\n      this.requestUpdate('locale', old);\n\n      this.localeInstance = isString(this.__locale)\n        ? new Intl.Locale(this.__locale)\n        : new Intl.Locale(...this.__locale);\n    }\n\n    localeInstance: Intl.Locale = isString(this.locale)\n      ? new Intl.Locale(this.locale)\n      : new Intl.Locale(...this.locale);\n\n    @state()\n    direction: 'up' | 'down' = 'up';\n\n    @state()\n    oldDirection: 'up' | 'down' = this.direction;\n\n    numberAdapter: NumberAdapter;\n\n    stringAdapter: StringAdapter;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      // @ts-ignore\n      this.numberAdapter = CounterAdapter.NUMBER_ADAPTER;\n      // @ts-ignore\n      this.stringAdapter = CounterAdapter.STRING_ADAPTER;\n    }\n\n    /**\n     * 第一次更新时, changedProperties 中 value 的旧值始终为 undefined.\n     * 因此, 当 value 第一次更新时, oldValue 的值应当来自 initialValue 或 value.\n     * 以保证 oldValue 始终有值.\n     * @private\n     */\n    private isValueFirstUpdate = true;\n\n    override willUpdate(changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties);\n\n      if (changedProperties.has('value')) {\n        if (this.isValueFirstUpdate) {\n          this.isValueFirstUpdate = false;\n          this.oldValue = isNonNullish(this.initialValue)\n            ? this.initialValue\n            : this.value;\n        } else if (!changedProperties.has('oldValue')) {\n          // oldValue 未被手动设置时, 使用默认策略更新 oldValue.\n          this.oldValue = changedProperties.get('value') ?? this.oldValue;\n        }\n      }\n\n      this.oldDirection = this.direction;\n      this.direction = this.numberAdapter.gt(this.value, this.oldValue)\n        ? 'down'\n        : 'up';\n      // }\n    }\n  }\n\n  return CounterBaseMixinClass as Constructor<CounterBaseMixinInterface<V>> & T;\n};\n"]}
+{"version":3,"file":"counter-base.js","sourceRoot":"","sources":["../../../src/mixins/counter-base.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAO3D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoCvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAI9B,UAAa,EACb,EAAE;IACF,MAAM,qBAAsB,SAAQ,UAAU;QAW5C,IAAI,KAAK;YACP,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,KAAK,CAAC,KAAQ;YAChB,KAAK,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,CAC1C,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,KAAK,CACV,CAAC;YAEF,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAErB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC;gBAC9C,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;QAWD,IAAI,QAAQ;YACV,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,QAAQ,CAAC,KAAQ;YACnB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACtC,CAAC;QAKD;;;;WAIG;QAOH,IAAI,YAAY;YACd,OAAO,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;gBACnC,CAAC,CAAC,IAAI,CAAC,cAAc;gBACrB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACrD,CAAC;QAED,IAAI,YAAY,CAAC,KAAe;YAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC;YAChC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;QAC1C,CAAC;QAMD;;;;;WAKG;QAcH,IAAI,MAAM;YACR,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QAED,IAAI,MAAM,CACR,KAE2D;YAE3D,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;YAElC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC3C,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAChC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;QAgBD,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAlIT,YAAO,GAAM,cAAc,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YA4B7D,6DAA6D;YAErD,eAAU,GAAM,cAAc,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAiBhE,gEAAgE;YAExD,mBAAc,GAAa,IAAI,CAAC;YAyBhC,aAAQ,GAE8C,OAAO,CAAC;YAuCtE,mBAAc,GAAgB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACjD,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC9B,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YAGpC,cAAS,GAAkB,IAAI,CAAC;YAGhC,iBAAY,GAAkB,IAAI,CAAC,SAAS,CAAC;YAS3C,aAAa;YACb,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC;YACnD,aAAa;YACb,IAAI,CAAC,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC;QACrD,CAAC;QAEQ,UAAU,CAAC,iBAAuC;YACzD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;YAEpC,IACE,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC;gBAC9B,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAClC,CAAC;gBACD,uCAAuC;gBACvC,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC;YAC/D,CAAC;YAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACtD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;oBAC/D,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,IAAI,CAAC;YACX,CAAC;QACH,CAAC;QAED;;;WAGG;QACM,iBAAiB;YACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAE1B,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;gBAC7C,CAAC,CAAC,IAAI,CAAC,YAAY;gBACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACjB,CAAC;KACF;IA9JC;QARC,QAAQ,CAAC;YACR,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE;gBACT,WAAW,EAAE,cAAc,CAAC,eAAe,CAAC,WAAW;aACxD;YACD,UAAU,EAAE,IAAI;SACjB,CAAC;sDAGD;IA0BD;QANC,QAAQ,CAAC;YACR,SAAS,EAAE,WAAW;YACtB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,cAAc,CAAC,eAAe;YACzC,UAAU,EAAE,IAAI;SACjB,CAAC;yDAGD;IAsBD;QANC,QAAQ,CAAC;YACR,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,cAAc,CAAC,eAAe;YACzC,UAAU,EAAE,IAAI;SACjB,CAAC;6DAKD;IA+BD;QAbC,QAAQ,CAAC;YACR,SAAS,EAAE,KAAK,CAAC,EAAE;gBACjB,IAAI,SAAS,CAAC,KAAK,CAAC;oBAAE,OAAO,KAAK,CAAC;gBAEnC,IAAI,CAAC;oBACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,KAAK,CAAC;gBACf,CAAC;YACH,CAAC;YACD,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC;uDAGD;IAqBD;QADC,KAAK,EAAE;4DACwB;IAGhC;QADC,KAAK,EAAE;+DACqC;IA+C/C,OAAO,qBAAsE,CAAC;AAChF,CAAC,CAAC","sourcesContent":["import { LitElement, PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { isNonNullish, isNullish, isString } from 'remeda';\nimport { Constructor } from 'type-fest';\nimport {\n  NumberAdapter,\n  AvailableNumberAdapterValueType,\n} from '../number-adapter/index.js';\nimport { StringAdapter } from '../string-adapter/index.js';\nimport { CounterAdapter } from '../counter-adapter.js';\n\nexport declare class CounterBaseMixinInterface<\n  V extends AvailableNumberAdapterValueType,\n> {\n  static NUMBER_ADAPTER: NumberAdapter;\n\n  static STRING_ADAPTER: StringAdapter;\n\n  get value(): V;\n\n  set value(value: V);\n\n  get oldValue(): V;\n\n  set oldValue(value: V);\n\n  get initialValue(): V;\n\n  set initialValue(value: V);\n\n  direction: 'up' | 'down';\n\n  oldDirection: 'up' | 'down';\n\n  locale:\n    | Intl.UnicodeBCP47LocaleIdentifier\n    | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions];\n\n  localeInstance: Intl.Locale;\n\n  numberAdapter: NumberAdapter;\n\n  stringAdapter: StringAdapter;\n}\n\nexport const CounterBaseMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends Constructor<LitElement> = Constructor<LitElement>,\n>(\n  superClass: T,\n) => {\n  class CounterBaseMixinClass extends superClass {\n    private __value: V = CounterAdapter.NUMBER_ADAPTER.create(0);\n\n    @property({\n      attribute: 'value',\n      reflect: true,\n      converter: {\n        toAttribute: CounterAdapter.VALUE_CONVERTER.toAttribute,\n      },\n      noAccessor: true,\n    })\n    get value() {\n      return this.numberAdapter.create(this.__value);\n    }\n\n    set value(value: V) {\n      value = CounterAdapter.NUMBER_ADAPTER.create(\n        isNullish(value) || (isString(value) && value.trim() === '')\n          ? 0\n          : value,\n      );\n\n      const old = this.__value;\n      this.__value = value;\n\n      if (!this.numberAdapter.eq(this.__value, old)) {\n        this.requestUpdate('value', old);\n      }\n    }\n    // value: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);\n\n    private __oldValue: V = CounterAdapter.NUMBER_ADAPTER.create(0);\n\n    @property({\n      attribute: 'old-value',\n      reflect: true,\n      converter: CounterAdapter.VALUE_CONVERTER,\n      noAccessor: true,\n    })\n    get oldValue() {\n      return this.numberAdapter.create(this.__oldValue);\n    }\n\n    set oldValue(value: V) {\n      const old = this.__oldValue;\n      this.__oldValue = value;\n      this.requestUpdate('oldValue', old);\n    }\n    // oldValue: V = CounterBaseMixinClass.NUMBER_ADAPTER.create(0);\n\n    private __initialValue: V | null = null;\n\n    /**\n     * 如果初始值被设置, 组件初始化时会使用该值而不是 `value`, 然后在初始化完成后, 将内部值更新为 `value`.\n     *\n     * 这对于初始化完成后启动动画效果非常有用.\n     */\n    @property({\n      attribute: 'initial-value',\n      reflect: true,\n      converter: CounterAdapter.VALUE_CONVERTER,\n      noAccessor: true,\n    })\n    get initialValue() {\n      return isNullish(this.__initialValue)\n        ? this.__initialValue\n        : this.numberAdapter.create(this.__initialValue);\n    }\n\n    set initialValue(value: V | null) {\n      const old = this.__initialValue;\n      this.__initialValue = value;\n      this.requestUpdate('initialValue', old);\n    }\n\n    private __locale:\n      | Intl.UnicodeBCP47LocaleIdentifier\n      | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions] = 'en-US';\n\n    /**\n     * 自定义本地化配置, 否则从浏览器环境中获取.\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale\n     *\n     * @default \"en-US\"\n     */\n    @property({\n      converter: value => {\n        if (isNullish(value)) return value;\n\n        try {\n          return JSON.parse(value);\n        } catch (error) {\n          return value;\n        }\n      },\n      reflect: true,\n      noAccessor: true,\n    })\n    get locale() {\n      return this.__locale;\n    }\n\n    set locale(\n      value:\n        | Intl.UnicodeBCP47LocaleIdentifier\n        | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions],\n    ) {\n      const old = this.__locale;\n      this.__locale = value;\n      this.requestUpdate('locale', old);\n\n      this.localeInstance = isString(this.__locale)\n        ? new Intl.Locale(this.__locale)\n        : new Intl.Locale(...this.__locale);\n    }\n\n    localeInstance: Intl.Locale = isString(this.locale)\n      ? new Intl.Locale(this.locale)\n      : new Intl.Locale(...this.locale);\n\n    @state()\n    direction: 'up' | 'down' = 'up';\n\n    @state()\n    oldDirection: 'up' | 'down' = this.direction;\n\n    numberAdapter: NumberAdapter;\n\n    stringAdapter: StringAdapter;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      // @ts-ignore\n      this.numberAdapter = CounterAdapter.NUMBER_ADAPTER;\n      // @ts-ignore\n      this.stringAdapter = CounterAdapter.STRING_ADAPTER;\n    }\n\n    override willUpdate(changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties);\n\n      if (\n        changedProperties.has('value') &&\n        !changedProperties.has('oldValue')\n      ) {\n        // oldValue 未被手动设置时, 使用默认策略更新 oldValue.\n        this.oldValue = changedProperties.get('value') ?? this.value;\n      }\n\n      this.oldDirection = this.direction;\n      if (!this.numberAdapter.eq(this.value, this.oldValue)) {\n        this.direction = this.numberAdapter.gt(this.value, this.oldValue)\n          ? 'down'\n          : 'up';\n      }\n    }\n\n    /**\n     * oldValue 的默认初始值应当来自 initialValue 或 value.\n     * 以保证 oldValue 始终有值.\n     */\n    override connectedCallback() {\n      super.connectedCallback();\n\n      this.oldValue = isNonNullish(this.initialValue)\n        ? this.initialValue\n        : this.value;\n    }\n  }\n\n  return CounterBaseMixinClass as Constructor<CounterBaseMixinInterface<V>> & T;\n};\n"]}

package/dist/src/mixins/counter-parts.js

@@ -66,10 +66,18 @@ export const CounterPartsMixin = (superClass) => {
         }
         willUpdate(changedProperties) {
             super.willUpdate(changedProperties);
+            if (changedProperties.has('value')) {
+                this.oldParts = this.parts;
+            }
+            /**
+             * {@link processPartData} 依赖 {@link partsOptions} 和 {@link value} 生成数据.
+             * 当依赖项没有变化时, 不需要重新生成数据.
+             */
             if (changedProperties.has('value') ||
                 changedProperties.has('partsOptions')) {
-                this.oldParts = this.parts;
                 this.parts = this.processPartData();
+            }
+            if (changedProperties.has('value')) {
                 this.partPreprocessDataList = preprocessPartData(this.direction, this.parts, this.oldDirection, this.oldParts);
             }
             /**

package/dist/src/mixins/counter-parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-parts.js","sourceRoot":"","sources":["../../../src/mixins/counter-parts.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from 'lit';\nimport { zip } from 'd3-array';\nimport { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isArray, isObjectType } from 'remeda';\nimport { CounterBaseMixin } from './counter-base.js';\nimport { PartData } from '../types/group.js';\nimport { transitionDigit } from '../utils/transition-digit.js';\nimport {\n  PartPreprocessedData,\n  preprocessPartData,\n} from '../utils/preprocess-part-data.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\nimport { parseJsonString } from '../utils/parse-json-string.js';\n\nexport interface PartsOptions {\n  sampleCount: number;\n  /**\n   * 可以通过该属性将数字转换为你想要的任意字符串.\n   */\n  digitToChar: Record<string | number, string> | string[];\n  /**\n   * 小数点分隔符.\n   */\n  decimalSeparator: string;\n  /**\n   * 当**位数不足**时, 强制补全的 [整数, 小数] 位数. 为空时位数自适应.\n   */\n  minPlaces: [number | undefined, number | undefined];\n  fillChar: string;\n  /**\n   * 数据类型.\n   *\n   * 1. `'string'`: 字符串类型.\n   *  1. 不会使用 `decimalSeparator` 截取小数部分.\n   * 2. `'number'`: 数字类型.\n   *\n   *  @default `'number'`\n   */\n  type: 'string' | 'number';\n}\ntype InnerPartsOptions = Omit<PartsOptions, 'digitToChar'> & {\n  digitToChar: Record<string | number, string>;\n};\n\nexport declare class CounterPartsMixinInterface<\n  V extends AvailableNumberAdapterValueType,\n> {\n  parts: PartData[];\n\n  oldParts: PartData[];\n\n  partPreprocessDataList: PartPreprocessedData[][];\n\n  get partsOptions(): Partial<PartsOptions>;\n\n  set partsOptions(value: Partial<PartsOptions>);\n\n  sampling(from: V, to: V): V[];\n\n  sampleSplit(samples: V[]): V[][];\n\n  sampleToString(value: V): string;\n}\n\nfunction toChar(value: number) {\n  return String.fromCodePoint(value + 48);\n}\n\nfunction preprocessPartsOptions(options: PartsOptions): InnerPartsOptions {\n  const digitToChar: Record<string, string> = {};\n\n  if (isArray(options.digitToChar)) {\n    options.digitToChar.forEach((char, index) => {\n      digitToChar[toChar(index)] = char;\n    });\n  } else if (isObjectType(options.digitToChar)) {\n    Object.entries(options.digitToChar).forEach(([key, value]) => {\n      digitToChar[key] = value;\n    });\n  }\n\n  return {\n    ...options,\n    digitToChar,\n  };\n}\n\nexport const CounterPartsMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterBaseMixin<V>> = ReturnType<\n    typeof CounterBaseMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterPartsMixinClass extends superClass {\n    private static DEFAULT_PARTS_OPTIONS: InnerPartsOptions = {\n      sampleCount: 16,\n      decimalSeparator: '.',\n      fillChar: '0',\n      minPlaces: [1, 0],\n      digitToChar: {},\n      type: 'number',\n    };\n\n    #__partsOptions: InnerPartsOptions = {\n      ...CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS,\n    };\n\n    /**\n     * 这是 `usePartData` 的配置项. `usePartData` 被用于从数值的变化中生成用于滚动的数据.\n     * 这里不会有太多解释, 因为它是一个底层的配置项. 你可以查看 `CounterPartsMixinClass` 的源码了解更多信息.\n     */\n    @property({\n      type: Object,\n      attribute: 'parts-options',\n      converter: value => parseJsonString(value ?? '') ?? {},\n      noAccessor: true,\n    })\n    get partsOptions(): InnerPartsOptions {\n      return this.#__partsOptions;\n    }\n\n    set partsOptions(value: Partial<PartsOptions>) {\n      const old = this.#__partsOptions;\n      this.#__partsOptions = preprocessPartsOptions({\n        ...CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS,\n        ...value,\n      });\n      this.requestUpdate('partsOptions', old);\n    }\n    // partsOptions: InnerPartsOptions =\n    //   CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS;\n\n    parts: PartData[] = [];\n\n    oldParts: PartData[] = [];\n\n    partPreprocessDataList: PartPreprocessedData[][] = [];\n\n    sampling(from: V, to: V) {\n      return transitionDigit(\n        this.numberAdapter,\n        this.numberAdapter.max(from, to),\n        this.numberAdapter.min(from, to),\n        this.partsOptions.sampleCount,\n      );\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    sampleSplit(samples: V[]) {\n      return [samples.slice()];\n    }\n\n    sampleToString(value: V) {\n      return this.numberAdapter.toString(value);\n    }\n\n    override willUpdate(changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties);\n\n      if (\n        changedProperties.has('value') ||\n        changedProperties.has('partsOptions')\n      ) {\n        this.oldParts = this.parts;\n        this.parts = this.processPartData();\n        this.partPreprocessDataList = preprocessPartData(\n          this.direction,\n          this.parts,\n          this.oldDirection,\n          this.oldParts,\n        );\n      }\n\n      /**\n       * `value` 没变但 `direction` 变化时, 也要重新生成 `partPreprocessDataList`.\n       */\n      // todo test events 和 animationOptions 冲突\n      // if (\n      //   changedProperties.has('value') ||\n      //   changedProperties.has('direction')\n      // ) {\n      // }\n    }\n\n    /**\n     * process:\n     * 1. 采样\n     * 2. 转换\n     * 3. 构造\n     */\n    private processPartData() {\n      const { decimalSeparator, digitToChar, minPlaces, fillChar, type } =\n        this.partsOptions;\n\n      const from = this.value;\n      const to = this.oldValue;\n\n      let _sampleToString: (value: V) => string[] = value =>\n        this.sampleToString(value).split(decimalSeparator);\n      if (type === 'string') {\n        _sampleToString = value => [this.sampleToString(value), ''];\n      }\n\n      const result: PartData[] = [];\n\n      /**\n       * 对 {@link from} 到 {@link to} 的范围采样.\n       */\n      const tempParts = this.sampleSplit(this.sampling(from, to));\n\n      /**\n       * 将时间部分的数字转换为用于滚动的字符串数组\n       *\n       * headNumber: 最先显示的数字. 向下滚动时, 为滚动列表的最后一个数字, 向上滚动时相反.\n       * tailNumber: 最后显示的数字. 向下滚动时, 为滚动列表的第一个数字, 向上滚动时相反.\n       */\n      {\n        const directionValue = this.numberAdapter.gt(from, to) ? 'down' : 'up';\n        for (let i = 0; i < tempParts.length; i++) {\n          const partData = tempParts[i];\n          // const headNumber =\n          //   partData[directionValue === \"down\" ? partData.length - 1 : 0];\n          const tailNumber =\n            partData[directionValue === 'down' ? 0 : partData.length - 1];\n\n          const [minIntegerPlaces = 1, minDecimalPlaces = 0] = minPlaces;\n\n          const numberParts = _sampleToString(tailNumber);\n          const integerPlaces = Math.max(\n            // numberParts[0].length,\n            this.stringAdapter.stringToChars(numberParts[0]).length,\n            minIntegerPlaces,\n          );\n          const decimalPlaces = Math.max(\n            // numberParts[1]?.length ?? 0,\n            this.stringAdapter.stringToChars(numberParts[1] ?? '').length,\n            minDecimalPlaces,\n          );\n\n          /**\n           * 使用 zip 将二维矩阵, 旋转90度\n           */\n          const data = zip(\n            ...partData\n              /**\n               * 保证位数一致, 向前补零\n               */\n              .map(digitData => {\n                const [integer = '', decimal = ''] = _sampleToString(digitData);\n\n                const integerChars = this.stringAdapter.stringToChars(integer);\n                const decimalChars = this.stringAdapter.stringToChars(decimal);\n\n                const filledIntegerPlaces = Math.max(\n                  integerPlaces - integerChars.length,\n                  0,\n                );\n\n                const filledDecimalPlaces = Math.max(\n                  decimalPlaces - decimalChars.length,\n                  0,\n                );\n\n                let filledChars = ([] as string[]).concat(\n                  new Array(filledIntegerPlaces).fill(fillChar),\n                  integerChars,\n                );\n                if (decimalPlaces > 0) {\n                  filledChars = filledChars.concat(\n                    [decimalSeparator],\n                    decimalChars,\n                    new Array(filledDecimalPlaces).fill(fillChar),\n                  );\n                }\n                return filledChars;\n              }),\n          )\n            /**\n             * 删除连续的重复项\n             */\n            .map((digitList, index, array) => ({\n              data: digitList\n                .filter(\n                  (digit, digitIndex, digitArray) =>\n                    digitIndex === 0 || digit !== digitArray[digitIndex - 1],\n                )\n                .map(digit => digitToChar[digit] ?? digit),\n              place: array.length - index,\n            }));\n\n          result.push({\n            digits: data,\n          });\n        }\n      }\n\n      return result;\n    }\n  }\n\n  return CounterPartsMixinClass as Constructor<CounterPartsMixinInterface<V>> &\n    T;\n};\n"]}
+{"version":3,"file":"counter-parts.js","sourceRoot":"","sources":["../../../src/mixins/counter-parts.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from 'lit';\nimport { zip } from 'd3-array';\nimport { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isArray, isObjectType } from 'remeda';\nimport { CounterBaseMixin } from './counter-base.js';\nimport { PartData } from '../types/group.js';\nimport { transitionDigit } from '../utils/transition-digit.js';\nimport {\n  PartPreprocessedData,\n  preprocessPartData,\n} from '../utils/preprocess-part-data.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\nimport { parseJsonString } from '../utils/parse-json-string.js';\n\nexport interface PartsOptions {\n  sampleCount: number;\n  /**\n   * 可以通过该属性将数字转换为你想要的任意字符串.\n   */\n  digitToChar: Record<string | number, string> | string[];\n  /**\n   * 小数点分隔符.\n   */\n  decimalSeparator: string;\n  /**\n   * 当**位数不足**时, 强制补全的 [整数, 小数] 位数. 为空时位数自适应.\n   */\n  minPlaces: [number | undefined, number | undefined];\n  fillChar: string;\n  /**\n   * 数据类型.\n   *\n   * 1. `'string'`: 字符串类型.\n   *  1. 不会使用 `decimalSeparator` 截取小数部分.\n   * 2. `'number'`: 数字类型.\n   *\n   *  @default `'number'`\n   */\n  type: 'string' | 'number';\n}\ntype InnerPartsOptions = Omit<PartsOptions, 'digitToChar'> & {\n  digitToChar: Record<string | number, string>;\n};\n\nexport declare class CounterPartsMixinInterface<\n  V extends AvailableNumberAdapterValueType,\n> {\n  parts: PartData[];\n\n  oldParts: PartData[];\n\n  partPreprocessDataList: PartPreprocessedData[][];\n\n  get partsOptions(): Partial<PartsOptions>;\n\n  set partsOptions(value: Partial<PartsOptions>);\n\n  sampling(from: V, to: V): V[];\n\n  sampleSplit(samples: V[]): V[][];\n\n  sampleToString(value: V): string;\n}\n\nfunction toChar(value: number) {\n  return String.fromCodePoint(value + 48);\n}\n\nfunction preprocessPartsOptions(options: PartsOptions): InnerPartsOptions {\n  const digitToChar: Record<string, string> = {};\n\n  if (isArray(options.digitToChar)) {\n    options.digitToChar.forEach((char, index) => {\n      digitToChar[toChar(index)] = char;\n    });\n  } else if (isObjectType(options.digitToChar)) {\n    Object.entries(options.digitToChar).forEach(([key, value]) => {\n      digitToChar[key] = value;\n    });\n  }\n\n  return {\n    ...options,\n    digitToChar,\n  };\n}\n\nexport const CounterPartsMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterBaseMixin<V>> = ReturnType<\n    typeof CounterBaseMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterPartsMixinClass extends superClass {\n    private static DEFAULT_PARTS_OPTIONS: InnerPartsOptions = {\n      sampleCount: 16,\n      decimalSeparator: '.',\n      fillChar: '0',\n      minPlaces: [1, 0],\n      digitToChar: {},\n      type: 'number',\n    };\n\n    #__partsOptions: InnerPartsOptions = {\n      ...CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS,\n    };\n\n    /**\n     * 这是 `usePartData` 的配置项. `usePartData` 被用于从数值的变化中生成用于滚动的数据.\n     * 这里不会有太多解释, 因为它是一个底层的配置项. 你可以查看 `CounterPartsMixinClass` 的源码了解更多信息.\n     */\n    @property({\n      type: Object,\n      attribute: 'parts-options',\n      converter: value => parseJsonString(value ?? '') ?? {},\n      noAccessor: true,\n    })\n    get partsOptions(): InnerPartsOptions {\n      return this.#__partsOptions;\n    }\n\n    set partsOptions(value: Partial<PartsOptions>) {\n      const old = this.#__partsOptions;\n      this.#__partsOptions = preprocessPartsOptions({\n        ...CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS,\n        ...value,\n      });\n      this.requestUpdate('partsOptions', old);\n    }\n    // partsOptions: InnerPartsOptions =\n    //   CounterPartsMixinClass.DEFAULT_PARTS_OPTIONS;\n\n    parts: PartData[] = [];\n\n    oldParts: PartData[] = [];\n\n    partPreprocessDataList: PartPreprocessedData[][] = [];\n\n    sampling(from: V, to: V) {\n      return transitionDigit(\n        this.numberAdapter,\n        this.numberAdapter.max(from, to),\n        this.numberAdapter.min(from, to),\n        this.partsOptions.sampleCount,\n      );\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    sampleSplit(samples: V[]) {\n      return [samples.slice()];\n    }\n\n    sampleToString(value: V) {\n      return this.numberAdapter.toString(value);\n    }\n\n    override willUpdate(changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties);\n\n      if (changedProperties.has('value')) {\n        this.oldParts = this.parts;\n      }\n\n      /**\n       * {@link processPartData} 依赖 {@link partsOptions} 和 {@link value} 生成数据.\n       * 当依赖项没有变化时, 不需要重新生成数据.\n       */\n      if (\n        changedProperties.has('value') ||\n        changedProperties.has('partsOptions')\n      ) {\n        this.parts = this.processPartData();\n      }\n\n      if (changedProperties.has('value')) {\n        this.partPreprocessDataList = preprocessPartData(\n          this.direction,\n          this.parts,\n          this.oldDirection,\n          this.oldParts,\n        );\n      }\n\n      /**\n       * `value` 没变但 `direction` 变化时, 也要重新生成 `partPreprocessDataList`.\n       */\n      // todo test events 和 animationOptions 冲突\n      // if (\n      //   changedProperties.has('value') ||\n      //   changedProperties.has('direction')\n      // ) {\n      // }\n    }\n\n    /**\n     * process:\n     * 1. 采样\n     * 2. 转换\n     * 3. 构造\n     */\n    private processPartData() {\n      const { decimalSeparator, digitToChar, minPlaces, fillChar, type } =\n        this.partsOptions;\n\n      const from = this.value;\n      const to = this.oldValue;\n\n      let _sampleToString: (value: V) => string[] = value =>\n        this.sampleToString(value).split(decimalSeparator);\n      if (type === 'string') {\n        _sampleToString = value => [this.sampleToString(value), ''];\n      }\n\n      const result: PartData[] = [];\n\n      /**\n       * 对 {@link from} 到 {@link to} 的范围采样.\n       */\n      const tempParts = this.sampleSplit(this.sampling(from, to));\n\n      /**\n       * 将时间部分的数字转换为用于滚动的字符串数组\n       *\n       * headNumber: 最先显示的数字. 向下滚动时, 为滚动列表的最后一个数字, 向上滚动时相反.\n       * tailNumber: 最后显示的数字. 向下滚动时, 为滚动列表的第一个数字, 向上滚动时相反.\n       */\n      {\n        const directionValue = this.numberAdapter.gt(from, to) ? 'down' : 'up';\n        for (let i = 0; i < tempParts.length; i++) {\n          const partData = tempParts[i];\n          // const headNumber =\n          //   partData[directionValue === \"down\" ? partData.length - 1 : 0];\n          const tailNumber =\n            partData[directionValue === 'down' ? 0 : partData.length - 1];\n\n          const [minIntegerPlaces = 1, minDecimalPlaces = 0] = minPlaces;\n\n          const numberParts = _sampleToString(tailNumber);\n          const integerPlaces = Math.max(\n            // numberParts[0].length,\n            this.stringAdapter.stringToChars(numberParts[0]).length,\n            minIntegerPlaces,\n          );\n          const decimalPlaces = Math.max(\n            // numberParts[1]?.length ?? 0,\n            this.stringAdapter.stringToChars(numberParts[1] ?? '').length,\n            minDecimalPlaces,\n          );\n\n          /**\n           * 使用 zip 将二维矩阵, 旋转90度\n           */\n          const data = zip(\n            ...partData\n              /**\n               * 保证位数一致, 向前补零\n               */\n              .map(digitData => {\n                const [integer = '', decimal = ''] = _sampleToString(digitData);\n\n                const integerChars = this.stringAdapter.stringToChars(integer);\n                const decimalChars = this.stringAdapter.stringToChars(decimal);\n\n                const filledIntegerPlaces = Math.max(\n                  integerPlaces - integerChars.length,\n                  0,\n                );\n\n                const filledDecimalPlaces = Math.max(\n                  decimalPlaces - decimalChars.length,\n                  0,\n                );\n\n                let filledChars = ([] as string[]).concat(\n                  new Array(filledIntegerPlaces).fill(fillChar),\n                  integerChars,\n                );\n                if (decimalPlaces > 0) {\n                  filledChars = filledChars.concat(\n                    [decimalSeparator],\n                    decimalChars,\n                    new Array(filledDecimalPlaces).fill(fillChar),\n                  );\n                }\n                return filledChars;\n              }),\n          )\n            /**\n             * 删除连续的重复项\n             */\n            .map((digitList, index, array) => ({\n              data: digitList\n                .filter(\n                  (digit, digitIndex, digitArray) =>\n                    digitIndex === 0 || digit !== digitArray[digitIndex - 1],\n                )\n                .map(digit => digitToChar[digit] ?? digit),\n              place: array.length - index,\n            }));\n\n          result.push({\n            digits: data,\n          });\n        }\n      }\n\n      return result;\n    }\n  }\n\n  return CounterPartsMixinClass as Constructor<CounterPartsMixinInterface<V>> &\n    T;\n};\n"]}

package/dist/src/mixins/counter-styles.d.ts

@@ -1,15 +1,15 @@
 import { Constructor } from 'type-fest';
-import { PartDigitCellGetter, PartDigitCellValue, PartDigitGetter, PartDigitValue, PartGetter, PartValue } from '../types/group.js';
+import { PartDigitCellGetter, PartDigitCellValueOrGetter, PartDigitGetter, PartDigitValueOrGetter, PartGetter, PartValueOrGetter } from '../types/group.js';
 import { CounterPartsMixin } from './counter-parts.js';
 import { AvailableNumberAdapterValueType } from '../number-adapter/index.js';
 export declare class CounterStylesMixinInterface {
-    cellStyles: PartDigitCellValue<Partial<CSSStyleDeclaration>>;
+    cellStyles: PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>;
     cellStylesDynamic?: PartDigitCellGetter<Partial<CSSStyleDeclaration>>;
     extractCellStyles(): Partial<CSSStyleDeclaration>[][][];
-    digitStyles: PartDigitValue<Partial<CSSStyleDeclaration>>;
+    digitStyles: PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>;
     digitStylesDynamic?: PartDigitGetter<Partial<CSSStyleDeclaration>>;
     extractDigitStyles(): Partial<CSSStyleDeclaration>[][];
-    partStyles: PartValue<Partial<CSSStyleDeclaration>>;
+    partStyles: PartValueOrGetter<Partial<CSSStyleDeclaration>>;
     partStylesDynamic?: PartGetter<Partial<CSSStyleDeclaration>>;
     extractPartStyles(): Partial<CSSStyleDeclaration>[];
     color: string;

package/dist/src/mixins/counter-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-styles.js","sourceRoot":"","sources":["../../../src/mixins/counter-styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isDeepEqual } from 'remeda';\nimport {\n  GroupGetterOptions,\n  PartDigitCellGetter,\n  PartDigitCellValue,\n  PartDigitGetter,\n  PartDigitValue,\n  PartGetter,\n  PartValue,\n} from '../types/group.js';\nimport {\n  extractPartDigitCellOption,\n  extractPartDigitOption,\n  extractPartOption,\n  mergePartDigitCellOption,\n  mergePartDigitOption,\n  mergePartOption,\n} from '../utils/extract-group-option.js';\nimport { CounterPartsMixin } from './counter-parts.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\n\nexport declare class CounterStylesMixinInterface {\n  cellStyles: PartDigitCellValue<Partial<CSSStyleDeclaration>>;\n\n  cellStylesDynamic?: PartDigitCellGetter<Partial<CSSStyleDeclaration>>;\n\n  extractCellStyles(): Partial<CSSStyleDeclaration>[][][];\n\n  digitStyles: PartDigitValue<Partial<CSSStyleDeclaration>>;\n\n  digitStylesDynamic?: PartDigitGetter<Partial<CSSStyleDeclaration>>;\n\n  extractDigitStyles(): Partial<CSSStyleDeclaration>[][];\n\n  partStyles: PartValue<Partial<CSSStyleDeclaration>>;\n\n  partStylesDynamic?: PartGetter<Partial<CSSStyleDeclaration>>;\n\n  extractPartStyles(): Partial<CSSStyleDeclaration>[];\n\n  color: string;\n}\n\nexport const CounterStylesMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterPartsMixin<V>> = ReturnType<\n    typeof CounterPartsMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterStylesMixinClass extends superClass {\n    /**\n     * 对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n     * 你还可以使用 `cellStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'cell-styles', reflect: true })\n    cellStyles: PartDigitCellValue<Partial<CSSStyleDeclaration>> = {};\n\n    cellStylesDynamic?: PartDigitCellGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedCellStyles: Partial<CSSStyleDeclaration | undefined>[][][] =\n      [];\n\n    extractCellStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitCellOption(\n        extractPartDigitCellOption(this.cellStyles ?? {}, getterOptions),\n        extractPartDigitCellOption(this.cellStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedCellStyles, result)) {\n        this.cachedCellStyles = result;\n      }\n\n      return this.cachedCellStyles;\n    }\n\n    /**\n     * 与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n     * 你还可以使用 `digitStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'digit-styles', reflect: true })\n    digitStyles: PartDigitValue<Partial<CSSStyleDeclaration>> = {};\n\n    digitStylesDynamic?: PartDigitGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedDigitStyles: Partial<CSSStyleDeclaration | undefined>[][] =\n      [];\n\n    extractDigitStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.digitStyles ?? {}, getterOptions),\n        extractPartDigitOption(this.digitStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedDigitStyles, result)) {\n        this.cachedDigitStyles = result;\n      }\n\n      return this.cachedDigitStyles;\n    }\n\n    /**\n     * 与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n     * 你还可以使用 `partStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'part-styles', reflect: true })\n    partStyles: PartValue<Partial<CSSStyleDeclaration>> = {};\n\n    partStylesDynamic?: PartGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedPartStyles: Partial<CSSStyleDeclaration | undefined>[] = [];\n\n    extractPartStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartOption(\n        extractPartOption(this.partStyles ?? {}, getterOptions),\n        extractPartOption(this.partStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedPartStyles, result)) {\n        this.cachedPartStyles = result;\n      }\n\n      return this.cachedPartStyles;\n    }\n\n    /**\n     * 文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.\n     *\n     * @default 继承自父元素.\n     *\n     * @example \"red\" 红色\n     * @example \"transparent\" 透明\n     * @example \"linear-gradient(90deg, red, blue)\" 红蓝渐变\n     * @example \"url('https://example.com/image.png')\" 图片背景\n     */\n    @property({ type: String, reflect: true })\n    color: string = 'inherit';\n  }\n\n  return CounterStylesMixinClass as Constructor<CounterStylesMixinInterface> &\n    T;\n};\n"]}
+{"version":3,"file":"counter-styles.js","sourceRoot":"","sources":["../../../src/mixins/counter-styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { Constructor } from 'type-fest';\nimport { property } from 'lit/decorators.js';\nimport { isDeepEqual } from 'remeda';\nimport {\n  GroupGetterOptions,\n  PartDigitCellGetter,\n  PartDigitCellValueOrGetter,\n  PartDigitGetter,\n  PartDigitValueOrGetter,\n  PartGetter,\n  PartValueOrGetter,\n} from '../types/group.js';\nimport {\n  extractPartDigitCellOption,\n  extractPartDigitOption,\n  extractPartOption,\n  mergePartDigitCellOption,\n  mergePartDigitOption,\n  mergePartOption,\n} from '../utils/extract-group-option.js';\nimport { CounterPartsMixin } from './counter-parts.js';\nimport { AvailableNumberAdapterValueType } from '../number-adapter/index.js';\n\nexport declare class CounterStylesMixinInterface {\n  cellStyles: PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>;\n\n  cellStylesDynamic?: PartDigitCellGetter<Partial<CSSStyleDeclaration>>;\n\n  extractCellStyles(): Partial<CSSStyleDeclaration>[][][];\n\n  digitStyles: PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>;\n\n  digitStylesDynamic?: PartDigitGetter<Partial<CSSStyleDeclaration>>;\n\n  extractDigitStyles(): Partial<CSSStyleDeclaration>[][];\n\n  partStyles: PartValueOrGetter<Partial<CSSStyleDeclaration>>;\n\n  partStylesDynamic?: PartGetter<Partial<CSSStyleDeclaration>>;\n\n  extractPartStyles(): Partial<CSSStyleDeclaration>[];\n\n  color: string;\n}\n\nexport const CounterStylesMixin = <\n  V extends AvailableNumberAdapterValueType,\n  T extends ReturnType<typeof CounterPartsMixin<V>> = ReturnType<\n    typeof CounterPartsMixin<V>\n  >,\n>(\n  superClass: T,\n) => {\n  class CounterStylesMixinClass extends superClass {\n    /**\n     * 对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n     * 你还可以使用 `cellStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'cell-styles', reflect: true })\n    cellStyles: PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>> = {};\n\n    cellStylesDynamic?: PartDigitCellGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedCellStyles: Partial<CSSStyleDeclaration | undefined>[][][] =\n      [];\n\n    extractCellStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitCellOption(\n        extractPartDigitCellOption(this.cellStyles ?? {}, getterOptions),\n        extractPartDigitCellOption(this.cellStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedCellStyles, result)) {\n        this.cachedCellStyles = result;\n      }\n\n      return this.cachedCellStyles;\n    }\n\n    /**\n     * 与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n     * 你还可以使用 `digitStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'digit-styles', reflect: true })\n    digitStyles: PartDigitValueOrGetter<Partial<CSSStyleDeclaration>> = {};\n\n    digitStylesDynamic?: PartDigitGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedDigitStyles: Partial<CSSStyleDeclaration | undefined>[][] =\n      [];\n\n    extractDigitStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartDigitOption(\n        extractPartDigitOption(this.digitStyles ?? {}, getterOptions),\n        extractPartDigitOption(this.digitStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedDigitStyles, result)) {\n        this.cachedDigitStyles = result;\n      }\n\n      return this.cachedDigitStyles;\n    }\n\n    /**\n     * 与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n     * 你还可以使用 `partStylesDynamic` 来动态设置样式.\n     */\n    @property({ type: Object, attribute: 'part-styles', reflect: true })\n    partStyles: PartValueOrGetter<Partial<CSSStyleDeclaration>> = {};\n\n    partStylesDynamic?: PartGetter<Partial<CSSStyleDeclaration>>;\n\n    private cachedPartStyles: Partial<CSSStyleDeclaration | undefined>[] = [];\n\n    extractPartStyles() {\n      const getterOptions: GroupGetterOptions = {\n        preprocessData: this.partPreprocessDataList,\n        data: this.parts,\n        direction: this.direction,\n        value: [this.value, this.oldValue],\n      };\n      const result = mergePartOption(\n        extractPartOption(this.partStyles ?? {}, getterOptions),\n        extractPartOption(this.partStylesDynamic ?? {}, getterOptions),\n      );\n\n      if (!isDeepEqual(this.cachedPartStyles, result)) {\n        this.cachedPartStyles = result;\n      }\n\n      return this.cachedPartStyles;\n    }\n\n    /**\n     * 文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.\n     *\n     * @default 继承自父元素.\n     *\n     * @example \"red\" 红色\n     * @example \"transparent\" 透明\n     * @example \"linear-gradient(90deg, red, blue)\" 红蓝渐变\n     * @example \"url('https://example.com/image.png')\" 图片背景\n     */\n    @property({ type: String, reflect: true })\n    color: string = 'inherit';\n  }\n\n  return CounterStylesMixinClass as Constructor<CounterStylesMixinInterface> &\n    T;\n};\n"]}

package/dist/src/style-helper.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/style-helper.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style-helper.js.map

package/dist/src/style-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-helper.js","sourceRoot":"","sources":["../../src/style-helper.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/styles/timered-counter-styles.js

@@ -1,18 +1,25 @@
 import { css } from 'lit';
 export const timeredCounterStyles = css `
-  .timered-counter {
+  :host {
     position: relative;
-    display: inline-flex;
-    overflow: hidden;
+    white-space: nowrap;
 
-    /**
-        inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题.
-        @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container
-        @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align
-    */
-    vertical-align: bottom;
+    display: inline-block;
   }
 
+  //.timered-counter {
+  //  position: relative;
+  //  display: inline-flex;
+  //  overflow: hidden;
+  //
+  //  /**
+  //      inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题.
+  //      @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container
+  //      @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align
+  //  */
+  //  vertical-align: bottom;
+  //}
+
   .timered-counter.debug {
     overflow: visible;
   }

package/dist/src/styles/timered-counter-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"timered-counter-styles.js","sourceRoot":"","sources":["../../../src/styles/timered-counter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBtC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const timeredCounterStyles = css`\n  .timered-counter {\n    position: relative;\n    display: inline-flex;\n    overflow: hidden;\n\n    /**\n        inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题.\n        @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container\n        @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align\n    */\n    vertical-align: bottom;\n  }\n\n  .timered-counter.debug {\n    overflow: visible;\n  }\n\n  //.timered-counter-datetime-duration .duration-unit {\n  //  font-size: 0.4em;\n  //  line-height: 1;\n  //}\n`;\n"]}
+{"version":3,"file":"timered-counter-styles.js","sourceRoot":"","sources":["../../../src/styles/timered-counter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BtC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const timeredCounterStyles = css`\n  :host {\n    position: relative;\n    white-space: nowrap;\n\n    display: inline-block;\n  }\n\n  //.timered-counter {\n  //  position: relative;\n  //  display: inline-flex;\n  //  overflow: hidden;\n  //\n  //  /**\n  //      inline-block 和 overflow-hidden 同时存在会使得基线为下边缘. 手动设置 align-bottom 以修正这个问题.\n  //      @see https://stackoverflow.com/questions/22421782/css-overflow-hidden-increases-height-of-container\n  //      @see https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align\n  //  */\n  //  vertical-align: bottom;\n  //}\n\n  .timered-counter.debug {\n    overflow: visible;\n  }\n\n  //.timered-counter-datetime-duration .duration-unit {\n  //  font-size: 0.4em;\n  //  line-height: 1;\n  //}\n`;\n"]}

package/dist/src/timered-counter-datetime-duration.d.ts

@@ -23,12 +23,17 @@ export declare class TimeredCounterDatetimeDuration extends TimeredCounter {
      * 通过 property 设置 value 时, 支持 Date 类型.
      */
     set value(value: any);
+    private __initialValuePlain;
+    get initialValue(): any;
+    /**
+     * 同 value
+     */
+    set initialValue(value: any);
     private __partsOptions;
     get partsOptions(): Partial<PartsOptions>;
     set partsOptions(value: Partial<PartsOptions>);
     private __from;
     private __to;
-    private __durationInMilliseconds;
     private __minPrecision;
     private __maxPrecision;
     private __availableDurationParts;
@@ -36,7 +41,6 @@ export declare class TimeredCounterDatetimeDuration extends TimeredCounter {
     sampleSplit(samples: AvailableNumberAdapterValueType[]): AvailableNumberAdapterValueType[][];
     generateAriaLabel(): string;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
     willUpdate(_changedProperties: PropertyValues): void;
-    firstUpdated(_changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
 }