timered-counter 1.2.0 → 1.3.0-beta.2

package/dist/custom-elements.json

@@ -191,7 +191,7 @@
                         },
                         {
                             "kind": "method",
-                            "name": "registryAdapter",
+                            "name": "registerAdapter",
                             "static": true,
                             "parameters": [
                                 {
@@ -252,6 +252,18 @@
                             }
                         }
                     ]
+                },
+                {
+                    "kind": "function",
+                    "name": "registerAdapter",
+                    "parameters": [
+                        {
+                            "name": "args",
+                            "type": {
+                                "text": "Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>"
+                            }
+                        }
+                    ]
                 }
             ],
             "exports": [
@@ -294,6 +306,14 @@
                         "name": "registerStringAdapter",
                         "module": "src/timered-counter-adapter.ts"
                     }
+                },
+                {
+                    "kind": "js",
+                    "name": "registerAdapter",
+                    "declaration": {
+                        "name": "registerAdapter",
+                        "module": "src/timered-counter-adapter.ts"
+                    }
                 }
             ]
         },
@@ -1211,8 +1231,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-datetime-duration",
-                    "customElement": true,
                     "events": [
                         {
                             "name": "timered-counter-animation-start",
@@ -1245,14 +1263,6 @@
                         "name": "TimeredCounterDatetimeDuration",
                         "module": "src/timered-counter-datetime-duration.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-datetime-duration",
-                    "declaration": {
-                        "name": "TimeredCounterDatetimeDuration",
-                        "module": "src/timered-counter-datetime-duration.ts"
-                    }
                 }
             ]
         },
@@ -2128,8 +2138,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-number",
-                    "customElement": true,
                     "events": [
                         {
                             "name": "timered-counter-animation-start",
@@ -2162,14 +2170,6 @@
                         "name": "TimeredCounterNumber",
                         "module": "src/timered-counter-number.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-number",
-                    "declaration": {
-                        "name": "TimeredCounterNumber",
-                        "module": "src/timered-counter-number.ts"
-                    }
                 }
             ]
         },
@@ -2923,8 +2923,6 @@
                         "name": "TimeredCounter",
                         "module": "/src/timered-counter.js"
                     },
-                    "tagName": "timered-counter-string",
-                    "customElement": true,
                     "attributes": [
                         {
                             "name": "aria-label",
@@ -3109,14 +3107,6 @@
                         "name": "TimeredCounterString",
                         "module": "src/timered-counter-string.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-string",
-                    "declaration": {
-                        "name": "TimeredCounterString",
-                        "module": "src/timered-counter-string.ts"
-                    }
                 }
             ]
         },
@@ -3805,7 +3795,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter",
                     "customElement": true,
                     "attributes": [
                         {
@@ -3969,14 +3958,6 @@
                         "name": "TimeredCounter",
                         "module": "src/timered-counter.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter",
-                    "declaration": {
-                        "name": "TimeredCounter",
-                        "module": "src/timered-counter.ts"
-                    }
                 }
             ]
         },
@@ -6486,6 +6467,53 @@
                 }
             ]
         },
+        {
+            "kind": "javascript-module",
+            "path": "src/utils/grace-define-custom-element.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "graceDefineCustomElement",
+                    "return": {
+                        "type": {
+                            "text": "void"
+                        }
+                    },
+                    "parameters": [
+                        {
+                            "name": "tagName",
+                            "type": {
+                                "text": "string"
+                            }
+                        },
+                        {
+                            "name": "constructor",
+                            "type": {
+                                "text": "CustomElementConstructor"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "graceDefineCustomElement",
+                    "declaration": {
+                        "name": "graceDefineCustomElement",
+                        "module": "src/utils/grace-define-custom-element.ts"
+                    }
+                },
+                {
+                    "kind": "custom-element-definition",
+                    "name": "tagName",
+                    "declaration": {
+                        "name": "constructor",
+                        "module": "src/utils/grace-define-custom-element.ts"
+                    }
+                }
+            ]
+        },
         {
             "kind": "javascript-module",
             "path": "src/utils/iso8601-duration.ts",
@@ -7140,7 +7168,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7396,7 +7424,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7580,7 +7608,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with decimal.js', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7668,7 +7696,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.registryAdapter(GraphemeSplitterStringAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('grapheme-splitter'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with grapheme-splitter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.registerAdapter(GraphemeSplitterStringAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('grapheme-splitter'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -7860,7 +7888,7 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registryAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('intl-segmenter'); }, }"
+                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { TimeredCounterAdapter.registerAdapter(DecimalJsNumberAdapter); TimeredCounterAdapter.setNumberAdapter('decimal.js'); TimeredCounterAdapter.setStringAdapter('intl-segmenter'); }, }"
                 },
                 {
                     "kind": "variable",
@@ -8285,7 +8313,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter-roller-digit",
                     "customElement": true
                 }
             ],
@@ -8297,14 +8324,6 @@
                         "name": "TimeredCounterRollerDigit",
                         "module": "src/transitions/roller/roller-digit.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-roller-digit",
-                    "declaration": {
-                        "name": "TimeredCounterRollerDigit",
-                        "module": "src/transitions/roller/roller-digit.ts"
-                    }
                 }
             ]
         },
@@ -8571,7 +8590,6 @@
                         "name": "LitElement",
                         "package": "lit"
                     },
-                    "tagName": "timered-counter-roller",
                     "customElement": true
                 }
             ],
@@ -8583,14 +8601,6 @@
                         "name": "TimeredCounterRoller",
                         "module": "src/transitions/roller/roller.ts"
                     }
-                },
-                {
-                    "kind": "custom-element-definition",
-                    "name": "timered-counter-roller",
-                    "declaration": {
-                        "name": "TimeredCounterRoller",
-                        "module": "src/transitions/roller/roller.ts"
-                    }
                 }
             ]
         },
@@ -8627,6 +8637,171 @@
                     }
                 }
             ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/format-props.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "formatProps",
+                    "return": {
+                        "type": {
+                            "text": "P"
+                        }
+                    },
+                    "parameters": [
+                        {
+                            "name": "props",
+                            "type": {
+                                "text": "P"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "formatProps",
+                    "declaration": {
+                        "name": "formatProps",
+                        "module": "src/wrappers/vue/format-props.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/index.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "TimeredCounterPlugin",
+                    "type": {
+                        "text": "Plugin"
+                    },
+                    "default": "{ install: (app: App) => { app.component('TimeredCounterNumber', TimeredCounterNumber); app.component( 'TimeredCounterDatetimeDuration', TimeredCounterDatetimeDuration, ); app.component('TimeredCounterString', TimeredCounterString); }, }"
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterNumber",
+                    "declaration": {
+                        "name": "TimeredCounterNumber",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterString",
+                    "declaration": {
+                        "name": "TimeredCounterString",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "declaration": {
+                        "name": "TimeredCounterDatetimeDuration",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "default",
+                    "declaration": {
+                        "name": "TimeredCounterPlugin",
+                        "module": "src/wrappers/vue/index.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-datetime-duration.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterDatetimeDuration",
+                    "declaration": {
+                        "name": "TimeredCounterDatetimeDuration",
+                        "module": "src/wrappers/vue/timered-counter-datetime-duration.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-number.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterNumber",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterNumber",
+                    "declaration": {
+                        "name": "TimeredCounterNumber",
+                        "module": "src/wrappers/vue/timered-counter-number.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/wrappers/vue/timered-counter-string.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "TimeredCounterString",
+                    "parameters": [
+                        {
+                            "name": "props"
+                        },
+                        {
+                            "name": "{ attrs, slots, emit }"
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "TimeredCounterString",
+                    "declaration": {
+                        "name": "TimeredCounterString",
+                        "module": "src/wrappers/vue/timered-counter-string.ts"
+                    }
+                }
+            ]
         }
     ]
 }

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

@@ -55,7 +55,7 @@ export declare class TimeredCounterAdapter {
      *
      * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.
      */
-    static registryAdapter(adapter: {
+    static registerAdapter(adapter: {
         register: (counterAdapter: typeof TimeredCounterAdapter) => void;
     }): void;
 }
@@ -63,3 +63,4 @@ export declare function setNumberAdapter(...args: Parameters<(typeof TimeredCoun
 export declare function setStringAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>): void;
 export declare function registerNumberAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>): void;
 export declare function registerStringAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>): void;
+export declare function registerAdapter(...args: Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>): void;

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

@@ -55,7 +55,7 @@ export class TimeredCounterAdapter {
      *
      * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.
      */
-    static registryAdapter(adapter) {
+    static registerAdapter(adapter) {
         adapter.register(this);
     }
 }
@@ -117,4 +117,7 @@ export function registerNumberAdapter(...args) {
 export function registerStringAdapter(...args) {
     TimeredCounterAdapter.registerStringAdapter(...args);
 }
+export function registerAdapter(...args) {
+    TimeredCounterAdapter.registerAdapter(...args);
+}
 //# sourceMappingURL=timered-counter-adapter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timered-counter-adapter.js","sourceRoot":"","sources":["../../src/timered-counter-adapter.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { BuildInNumberAdapter, NumberAdapter } from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class TimeredCounterAdapter {\n  static AVAILABLE_NUMBER_ADAPTERS: Map<string[], () => NumberAdapter> =\n    new Map([\n      [['number'], BuildInNumberAdapter],\n      // [['decimal.js', 'decimaljs'], DecimalJsAdapter()],\n    ]);\n\n  static AVAILABLE_STRING_ADAPTERS: Map<string[], () => StringAdapter> =\n    new Map([\n      [['string'], BuildInStringAdapter],\n      [['intl-segmenter'], BuildInIntlSegmenterAdapter],\n      // [['grapheme-splitter'], GraphemeSplitterAdapter()],\n    ]);\n\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        : TimeredCounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  /**\n   * 设置要使用的数字适配器. 仅对设置完之后的 TimeredCounter 实例生效.\n   *\n   * 接受的关键字除了内置的 `number` 以外, 还可以通过 {@link registerNumberAdapter} 注册的 `keyword`.\n   *\n   * @param adapterOrType\n   */\n  static setNumberAdapter(adapterOrType: NumberAdapter | 'number' | string) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  /**\n   * 与 {@link setNumberAdapter} 类似, 用于设置字符串适配器.\n   */\n  static setStringAdapter(\n    adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | string,\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.STRING_ADAPTER = adapter;\n  }\n\n  static registerNumberAdapter(\n    keyword: string[],\n    adapter: () => NumberAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS.set(keyword, adapter);\n  }\n\n  static registerStringAdapter(\n    keyword: string[],\n    adapter: () => StringAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS.set(keyword, adapter);\n  }\n\n  /**\n   * 可以直接使用 adapter 文件的导出进行注册.\n   *\n   * adapter 文件需要导出一个名为 register 的函数, 该函数接受一个 TimeredCounterAdapter 类型的参数.\n   *\n   * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.\n   */\n  static registryAdapter(adapter: {\n    register: (counterAdapter: typeof TimeredCounterAdapter) => void;\n  }) {\n    adapter.register(this);\n  }\n}\n\nexport function setNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setNumberAdapter']>\n) {\n  TimeredCounterAdapter.setNumberAdapter(...args);\n}\n\nexport function setStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>\n) {\n  TimeredCounterAdapter.setStringAdapter(...args);\n}\n\nexport function registerNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>\n) {\n  TimeredCounterAdapter.registerNumberAdapter(...args);\n}\n\nexport function registerStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>\n) {\n  TimeredCounterAdapter.registerStringAdapter(...args);\n}\n"]}
+{"version":3,"file":"timered-counter-adapter.js","sourceRoot":"","sources":["../../src/timered-counter-adapter.ts"],"names":[],"mappings":"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","sourcesContent":["import { isNullish, isString } from 'remeda';\nimport { BuildInNumberAdapter, NumberAdapter } from './number-adapter/index.js';\nimport {\n  BuildInIntlSegmenterAdapter,\n  BuildInStringAdapter,\n  StringAdapter,\n} from './string-adapter/index.js';\n\nexport class TimeredCounterAdapter {\n  static AVAILABLE_NUMBER_ADAPTERS: Map<string[], () => NumberAdapter> =\n    new Map([\n      [['number'], BuildInNumberAdapter],\n      // [['decimal.js', 'decimaljs'], DecimalJsAdapter()],\n    ]);\n\n  static AVAILABLE_STRING_ADAPTERS: Map<string[], () => StringAdapter> =\n    new Map([\n      [['string'], BuildInStringAdapter],\n      [['intl-segmenter'], BuildInIntlSegmenterAdapter],\n      // [['grapheme-splitter'], GraphemeSplitterAdapter()],\n    ]);\n\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        : TimeredCounterAdapter.NUMBER_ADAPTER.toString(value);\n    },\n  };\n\n  /**\n   * 设置要使用的数字适配器. 仅对设置完之后的 TimeredCounter 实例生效.\n   *\n   * 接受的关键字除了内置的 `number` 以外, 还可以通过 {@link registerNumberAdapter} 注册的 `keyword`.\n   *\n   * @param adapterOrType\n   */\n  static setNumberAdapter(adapterOrType: NumberAdapter | 'number' | string) {\n    let adapter: NumberAdapter = BuildInNumberAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.NUMBER_ADAPTER = adapter;\n  }\n\n  /**\n   * 与 {@link setNumberAdapter} 类似, 用于设置字符串适配器.\n   */\n  static setStringAdapter(\n    adapterOrType: StringAdapter | 'string' | 'intl-segmenter' | string,\n  ) {\n    let adapter: StringAdapter = BuildInStringAdapter();\n\n    if (isString(adapterOrType)) {\n      for (const [\n        keywords,\n        adapterFactory,\n      ] of TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS) {\n        if (keywords.includes(adapterOrType)) {\n          adapter = adapterFactory();\n          break;\n        }\n      }\n    } else {\n      adapter = adapterOrType;\n    }\n\n    TimeredCounterAdapter.STRING_ADAPTER = adapter;\n  }\n\n  static registerNumberAdapter(\n    keyword: string[],\n    adapter: () => NumberAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_NUMBER_ADAPTERS.set(keyword, adapter);\n  }\n\n  static registerStringAdapter(\n    keyword: string[],\n    adapter: () => StringAdapter,\n  ) {\n    TimeredCounterAdapter.AVAILABLE_STRING_ADAPTERS.set(keyword, adapter);\n  }\n\n  /**\n   * 可以直接使用 adapter 文件的导出进行注册.\n   *\n   * adapter 文件需要导出一个名为 register 的函数, 该函数接受一个 TimeredCounterAdapter 类型的参数.\n   *\n   * 具体示例请查看 {@link GraphemeSplitterAdapter} or {@link DecimalJsAdapter}.\n   */\n  static registerAdapter(adapter: {\n    register: (counterAdapter: typeof TimeredCounterAdapter) => void;\n  }) {\n    adapter.register(this);\n  }\n}\n\nexport function setNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setNumberAdapter']>\n) {\n  TimeredCounterAdapter.setNumberAdapter(...args);\n}\n\nexport function setStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['setStringAdapter']>\n) {\n  TimeredCounterAdapter.setStringAdapter(...args);\n}\n\nexport function registerNumberAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerNumberAdapter']>\n) {\n  TimeredCounterAdapter.registerNumberAdapter(...args);\n}\n\nexport function registerStringAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerStringAdapter']>\n) {\n  TimeredCounterAdapter.registerStringAdapter(...args);\n}\n\nexport function registerAdapter(\n  ...args: Parameters<(typeof TimeredCounterAdapter)['registerAdapter']>\n) {\n  TimeredCounterAdapter.registerAdapter(...args);\n}\n"]}

package/dist/src/timered-counter-datetime-duration.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, property } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { html } from 'lit';
 import { repeat } from 'lit/directives/repeat.js';
 import { isArray, isDate, isNullish, isString, map } from 'remeda';
@@ -11,6 +11,7 @@ import { duration, durationObject } from './utils/duration.js';
 import { iso8601Duration } from './utils/iso8601-duration.js';
 import { timeredCounterDatetimeStyles } from './styles/timered-counter-datetime-styles.js';
 import { parseJsonString } from './utils/parse-json-string.js';
+import { graceDefineCustomElement } from './utils/grace-define-custom-element.js';
 /**
  * 根据最小精度对 from 进行优化. 避免频繁更新.
  *
@@ -43,7 +44,7 @@ function toDurationInMilliseconds(value, minPrecision) {
         to: result[1],
     };
 }
-let TimeredCounterDatetimeDuration = class TimeredCounterDatetimeDuration extends TimeredCounter {
+export class TimeredCounterDatetimeDuration extends TimeredCounter {
     constructor() {
         super(...arguments);
         this.__precision = [DurationPartType.Second, DurationPartType.Day];
@@ -201,7 +202,7 @@ let TimeredCounterDatetimeDuration = class TimeredCounterDatetimeDuration extend
       </timered-counter-roller>
     `;
     }
-};
+}
 TimeredCounterDatetimeDuration.styles = [...TimeredCounter.styles, timeredCounterDatetimeStyles];
 __decorate([
     property({
@@ -213,8 +214,5 @@ __decorate([
         },
     })
 ], TimeredCounterDatetimeDuration.prototype, "precision", null);
-TimeredCounterDatetimeDuration = __decorate([
-    customElement('timered-counter-datetime-duration')
-], TimeredCounterDatetimeDuration);
-export { TimeredCounterDatetimeDuration };
+graceDefineCustomElement('timered-counter-datetime-duration', TimeredCounterDatetimeDuration);
 //# sourceMappingURL=timered-counter-datetime-duration.js.map

package/dist/src/timered-counter-datetime-duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"timered-counter-datetime-duration.js","sourceRoot":"","sources":["../../src/timered-counter-datetime-duration.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\nimport { html, PropertyValues } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { isArray, isDate, isNullish, isString, map } from 'remeda';\nimport { isValid, toDate, isBefore } from 'date-fns';\nimport { TimeredCounter } from './timered-counter.js';\nimport { AvailableNumberAdapterValueType } from './number-adapter/index.js';\nimport { DurationPartMillisecond, DurationPartType } from './types/duration.js';\nimport { getLocalizedDateTimeFields } from './utils/localized-date-time-fields.js';\nimport { duration, durationObject } from './utils/duration.js';\nimport { iso8601Duration } from './utils/iso8601-duration.js';\nimport { timeredCounterDatetimeStyles } from './styles/timered-counter-datetime-styles.js';\nimport { parseJsonString } from './utils/parse-json-string.js';\nimport { PartsOptions } from './mixins/counter-parts.js';\n\n/**\n * 根据最小精度对 from 进行优化. 避免频繁更新.\n *\n * 1. from 先会被减小到 minPrecisionMs 的整数倍.\n * 2. 加上 to 余 minPrecisionMs 的值, 保证 from 与 to 的差值是 minPrecisionMs 的整数倍.\n */\nfunction optimizeFrom(from: Date, to: Date, minPrecision: DurationPartType) {\n  const minPrecisionMs = DurationPartMillisecond[minPrecision];\n  const fromTS = from.getTime();\n  const toTS = to.getTime();\n\n  const base = fromTS - (fromTS % minPrecisionMs);\n\n  return base + (toTS % minPrecisionMs);\n}\n\nfunction toDurationInMilliseconds(value: any, minPrecision: DurationPartType) {\n  if (isString(value)) value = parseJsonString(value);\n\n  if (!isArray(value)) value = [value, value];\n\n  const result = [\n    isDate(value[0]) ? value[0] : toDate(value[0]),\n    isDate(value[1]) ? value[1] : toDate(value[1]),\n  ] as const;\n\n  if (!isValid(result[0]) || !isValid(result[1])) {\n    throw new Error(`value ${value[0]} or ${value[1]} is not a valid date.`);\n  }\n\n  const durationInMilliseconds = Math.abs(\n    result[1].getTime() - optimizeFrom(result[0], result[1], minPrecision),\n  );\n\n  return {\n    durationInMilliseconds,\n    from: result[0],\n    to: result[1],\n  };\n}\n\n@customElement('timered-counter-datetime-duration')\nexport class TimeredCounterDatetimeDuration extends TimeredCounter {\n  static styles = [...TimeredCounter.styles, timeredCounterDatetimeStyles];\n\n  private __precision: DurationPartType | [DurationPartType, DurationPartType] =\n    [DurationPartType.Second, DurationPartType.Day];\n\n  /**\n   * 计数器显示的精度.\n   * 1. 当为单个值时, 仅显示该精度的时间部分.\n   * 2. 当为数组时, 第一个值表示最小精度, 第二个值表示最大精度.\n   *\n   * @default [DurationPartType.Second, DurationPartType.Day]\n   *\n   * @example DurationPartType.Second 显示从年份到秒数的所有精度.\n   * @example [DurationPartType.Second, DurationPartType.Day] 显示从天数到秒数的所有精度.\n   * @example [DurationPartType.Millisecond, DurationPartType.Year] 显示从年份到毫秒的所有精度.\n   */\n  @property({\n    reflect: true,\n    converter: value => {\n      if (isNullish(value)) return value;\n\n      return parseJsonString(value);\n    },\n  })\n  get precision() {\n    return this.__precision;\n  }\n\n  set precision(value: any) {\n    if (isString(value)) value = parseJsonString(value);\n\n    this.__precision = value;\n\n    /**\n     * `precision` 相关属性的更新需要立即更新, 以便于在 `value`, `initialValue` 等属性的 setter 中使用.\n     */\n    this.__minPrecision = isArray(this.__precision)\n      ? this.__precision[0]\n      : this.__precision;\n    this.__maxPrecision = isArray(this.__precision)\n      ? this.__precision[1]\n      : this.__precision;\n\n    this.__availableDurationParts = Object.values(DurationPartType)\n      .reverse()\n      .map(type => {\n        const minPrecisionBreakpoint =\n          DurationPartMillisecond[this.__minPrecision];\n        const maxPrecisionBreakpoint =\n          DurationPartMillisecond[this.__maxPrecision];\n        const partMilliseconds = DurationPartMillisecond[type];\n        return {\n          type,\n          available:\n            partMilliseconds >= minPrecisionBreakpoint &&\n            partMilliseconds <= maxPrecisionBreakpoint,\n        };\n      })\n      .filter(part => part.available);\n  }\n\n  get value() {\n    return super.value;\n  }\n\n  /**\n   * 通过 property 设置 value 时, 支持 Date 类型.\n   */\n  set value(value: any) {\n    const { from, to, durationInMilliseconds } = toDurationInMilliseconds(\n      value,\n      this.__minPrecision,\n    );\n\n    this.__from = from;\n    this.__to = to;\n    super.value = durationInMilliseconds;\n  }\n\n  private __initialValuePlain: any = null;\n\n  get initialValue() {\n    return super.initialValue;\n  }\n\n  /**\n   * 同 value\n   */\n  set initialValue(value: any) {\n    this.__initialValuePlain = value;\n\n    const { durationInMilliseconds } = toDurationInMilliseconds(\n      value,\n      this.__minPrecision,\n    );\n    super.initialValue = durationInMilliseconds;\n  }\n\n  private __partsOptions: Partial<PartsOptions> | null = null;\n\n  get partsOptions(): Partial<PartsOptions> {\n    return super.partsOptions;\n  }\n\n  set partsOptions(value: Partial<PartsOptions>) {\n    this.__partsOptions = value;\n    super.partsOptions = {\n      minPlaces: [2, undefined],\n      ...this.__partsOptions,\n    };\n  }\n\n  private __from: Date = new Date();\n\n  private __to: Date = new Date();\n\n  private __minPrecision: DurationPartType = DurationPartType.Second;\n\n  private __maxPrecision: DurationPartType = DurationPartType.Day;\n\n  private __availableDurationParts = [] as {\n    type: DurationPartType;\n    available: boolean;\n  }[];\n\n  private __dateTimeFieldLabels = {} as Record<DurationPartType, string>;\n\n  override sampleSplit(\n    samples: AvailableNumberAdapterValueType[],\n  ): AvailableNumberAdapterValueType[][] {\n    const availableDurationPartTypes = map(\n      this.__availableDurationParts,\n      part => part.type,\n    );\n\n    const tempParts = availableDurationPartTypes.map(() => [] as number[]);\n    for (const n of samples) {\n      const num = this.numberAdapter.toNumber(n);\n      /**\n       * 计算并保存每个在 {@link precision} 范围内的时间部分的值\n       */\n      const availablePartValues = duration(\n        new Date(Math.min(num, 0)),\n        new Date(Math.max(num, 0)),\n        availableDurationPartTypes,\n      );\n      availablePartValues.forEach((value, i) => tempParts[i].push(value));\n    }\n\n    return tempParts;\n  }\n\n  override generateAriaLabel(): string {\n    return iso8601Duration(\n      durationObject(\n        isBefore(this.__from, this.__to) ? this.__from : this.__to,\n        isBefore(this.__from, this.__to) ? this.__to : this.__from,\n        map(this.__availableDurationParts, part => part.type),\n      ),\n    );\n  }\n\n  override connectedCallback() {\n    this.role = 'timer';\n\n    /**\n     * TimeredCounterDatetimeDuration 将 `minPlaces` 默认设置为 `[2]`. 实例化时需要手动触发 `partsOptions` 的 setter.\n     */\n    this.partsOptions = this.__partsOptions ?? {};\n\n    this.initialValue = this.__initialValuePlain;\n\n    /**\n     * 类似上方的 partsOptions, precision 也需要在初始化时手动触发 setter. 以此确保 __minPrecision, __maxPrecision, __availableDurationParts 有值.\n     */\n    this.precision = this.__precision;\n\n    super.connectedCallback();\n  }\n\n  override shouldRebuildParts(\n    changedProperties: PropertyValues<this>,\n  ): boolean {\n    return (\n      super.shouldRebuildParts(changedProperties) ||\n      changedProperties.has('precision')\n    );\n  }\n\n  override willUpdate(_changedProperties: PropertyValues) {\n    super.willUpdate(_changedProperties);\n\n    if (_changedProperties.has('locale')) {\n      this.__dateTimeFieldLabels = getLocalizedDateTimeFields(\n        this.localeInstance,\n      );\n    }\n  }\n\n  override render() {\n    const cellStyles = this.extractCellStyles();\n    const digitStyles = this.extractDigitStyles();\n    const partStyles = this.extractPartStyles();\n\n    const animationOptions = this.extractAnimationOptions();\n    const keyframes = this.extractKeyframes();\n\n    const availableDurationPartTypes = map(\n      this.__availableDurationParts,\n      part => part.type,\n    );\n\n    return html`\n      <timered-counter-roller\n        class=\"timered-counter timered-counter-datetime-duration\"\n        exportparts=\"group, part, digit, cell, prefix, suffix, part-suffix\"\n        part=\"group\"\n        aria-hidden=\"true\"\n        color=${this.color}\n        .parentContainerRect=${this.partsContainerRect}\n        .parts=${this.parts}\n        .partPreprocessDataList=${this.partPreprocessDataList}\n        .animationOptions=${animationOptions}\n        .keyframes=${keyframes}\n        .cellStyles=${cellStyles}\n        .digitStyles=${digitStyles}\n        .partStyles=${partStyles}\n        .direction=${this.direction}\n        @roller-animation-start=${this.dispatchTimeredCounterAnimationStart}\n        @roller-animation-end=${this.dispatchTimeredCounterAnimationEnd}\n        ><slot name=\"prefix\" slot=\"prefix\"></slot\n        ><slot name=\"suffix\" slot=\"suffix\"></slot>${repeat(\n          this.parts,\n          (_, index) => index,\n          (_, partIndex) =>\n            html`<span slot=${`part-suffix-${partIndex}`} class=\"duration-unit\"\n              >${this.__dateTimeFieldLabels[\n                availableDurationPartTypes[partIndex]\n              ]}</span\n            >`,\n        )}\n      </timered-counter-roller>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"timered-counter-datetime-duration.js","sourceRoot":"","sources":["../../src/timered-counter-datetime-duration.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { html, PropertyValues } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { isArray, isDate, isNullish, isString, map } from 'remeda';\nimport { isValid, toDate, isBefore } from 'date-fns';\nimport { TimeredCounter } from './timered-counter.js';\nimport { AvailableNumberAdapterValueType } from './number-adapter/index.js';\nimport { DurationPartMillisecond, DurationPartType } from './types/duration.js';\nimport { getLocalizedDateTimeFields } from './utils/localized-date-time-fields.js';\nimport { duration, durationObject } from './utils/duration.js';\nimport { iso8601Duration } from './utils/iso8601-duration.js';\nimport { timeredCounterDatetimeStyles } from './styles/timered-counter-datetime-styles.js';\nimport { parseJsonString } from './utils/parse-json-string.js';\nimport { PartsOptions } from './mixins/counter-parts.js';\nimport { graceDefineCustomElement } from './utils/grace-define-custom-element.js';\n\n/**\n * 根据最小精度对 from 进行优化. 避免频繁更新.\n *\n * 1. from 先会被减小到 minPrecisionMs 的整数倍.\n * 2. 加上 to 余 minPrecisionMs 的值, 保证 from 与 to 的差值是 minPrecisionMs 的整数倍.\n */\nfunction optimizeFrom(from: Date, to: Date, minPrecision: DurationPartType) {\n  const minPrecisionMs = DurationPartMillisecond[minPrecision];\n  const fromTS = from.getTime();\n  const toTS = to.getTime();\n\n  const base = fromTS - (fromTS % minPrecisionMs);\n\n  return base + (toTS % minPrecisionMs);\n}\n\nfunction toDurationInMilliseconds(value: any, minPrecision: DurationPartType) {\n  if (isString(value)) value = parseJsonString(value);\n\n  if (!isArray(value)) value = [value, value];\n\n  const result = [\n    isDate(value[0]) ? value[0] : toDate(value[0]),\n    isDate(value[1]) ? value[1] : toDate(value[1]),\n  ] as const;\n\n  if (!isValid(result[0]) || !isValid(result[1])) {\n    throw new Error(`value ${value[0]} or ${value[1]} is not a valid date.`);\n  }\n\n  const durationInMilliseconds = Math.abs(\n    result[1].getTime() - optimizeFrom(result[0], result[1], minPrecision),\n  );\n\n  return {\n    durationInMilliseconds,\n    from: result[0],\n    to: result[1],\n  };\n}\n\nexport class TimeredCounterDatetimeDuration extends TimeredCounter {\n  static styles = [...TimeredCounter.styles, timeredCounterDatetimeStyles];\n\n  private __precision: DurationPartType | [DurationPartType, DurationPartType] =\n    [DurationPartType.Second, DurationPartType.Day];\n\n  /**\n   * 计数器显示的精度.\n   * 1. 当为单个值时, 仅显示该精度的时间部分.\n   * 2. 当为数组时, 第一个值表示最小精度, 第二个值表示最大精度.\n   *\n   * @default [DurationPartType.Second, DurationPartType.Day]\n   *\n   * @example DurationPartType.Second 显示从年份到秒数的所有精度.\n   * @example [DurationPartType.Second, DurationPartType.Day] 显示从天数到秒数的所有精度.\n   * @example [DurationPartType.Millisecond, DurationPartType.Year] 显示从年份到毫秒的所有精度.\n   */\n  @property({\n    reflect: true,\n    converter: value => {\n      if (isNullish(value)) return value;\n\n      return parseJsonString(value);\n    },\n  })\n  get precision() {\n    return this.__precision;\n  }\n\n  set precision(value: any) {\n    if (isString(value)) value = parseJsonString(value);\n\n    this.__precision = value;\n\n    /**\n     * `precision` 相关属性的更新需要立即更新, 以便于在 `value`, `initialValue` 等属性的 setter 中使用.\n     */\n    this.__minPrecision = isArray(this.__precision)\n      ? this.__precision[0]\n      : this.__precision;\n    this.__maxPrecision = isArray(this.__precision)\n      ? this.__precision[1]\n      : this.__precision;\n\n    this.__availableDurationParts = Object.values(DurationPartType)\n      .reverse()\n      .map(type => {\n        const minPrecisionBreakpoint =\n          DurationPartMillisecond[this.__minPrecision];\n        const maxPrecisionBreakpoint =\n          DurationPartMillisecond[this.__maxPrecision];\n        const partMilliseconds = DurationPartMillisecond[type];\n        return {\n          type,\n          available:\n            partMilliseconds >= minPrecisionBreakpoint &&\n            partMilliseconds <= maxPrecisionBreakpoint,\n        };\n      })\n      .filter(part => part.available);\n  }\n\n  get value() {\n    return super.value;\n  }\n\n  /**\n   * 通过 property 设置 value 时, 支持 Date 类型.\n   */\n  set value(value: any) {\n    const { from, to, durationInMilliseconds } = toDurationInMilliseconds(\n      value,\n      this.__minPrecision,\n    );\n\n    this.__from = from;\n    this.__to = to;\n    super.value = durationInMilliseconds;\n  }\n\n  private __initialValuePlain: any = null;\n\n  get initialValue() {\n    return super.initialValue;\n  }\n\n  /**\n   * 同 value\n   */\n  set initialValue(value: any) {\n    this.__initialValuePlain = value;\n\n    const { durationInMilliseconds } = toDurationInMilliseconds(\n      value,\n      this.__minPrecision,\n    );\n    super.initialValue = durationInMilliseconds;\n  }\n\n  private __partsOptions: Partial<PartsOptions> | null = null;\n\n  get partsOptions(): Partial<PartsOptions> {\n    return super.partsOptions;\n  }\n\n  set partsOptions(value: Partial<PartsOptions>) {\n    this.__partsOptions = value;\n    super.partsOptions = {\n      minPlaces: [2, undefined],\n      ...this.__partsOptions,\n    };\n  }\n\n  private __from: Date = new Date();\n\n  private __to: Date = new Date();\n\n  private __minPrecision: DurationPartType = DurationPartType.Second;\n\n  private __maxPrecision: DurationPartType = DurationPartType.Day;\n\n  private __availableDurationParts = [] as {\n    type: DurationPartType;\n    available: boolean;\n  }[];\n\n  private __dateTimeFieldLabels = {} as Record<DurationPartType, string>;\n\n  override sampleSplit(\n    samples: AvailableNumberAdapterValueType[],\n  ): AvailableNumberAdapterValueType[][] {\n    const availableDurationPartTypes = map(\n      this.__availableDurationParts,\n      part => part.type,\n    );\n\n    const tempParts = availableDurationPartTypes.map(() => [] as number[]);\n    for (const n of samples) {\n      const num = this.numberAdapter.toNumber(n);\n      /**\n       * 计算并保存每个在 {@link precision} 范围内的时间部分的值\n       */\n      const availablePartValues = duration(\n        new Date(Math.min(num, 0)),\n        new Date(Math.max(num, 0)),\n        availableDurationPartTypes,\n      );\n      availablePartValues.forEach((value, i) => tempParts[i].push(value));\n    }\n\n    return tempParts;\n  }\n\n  override generateAriaLabel(): string {\n    return iso8601Duration(\n      durationObject(\n        isBefore(this.__from, this.__to) ? this.__from : this.__to,\n        isBefore(this.__from, this.__to) ? this.__to : this.__from,\n        map(this.__availableDurationParts, part => part.type),\n      ),\n    );\n  }\n\n  override connectedCallback() {\n    this.role = 'timer';\n\n    /**\n     * TimeredCounterDatetimeDuration 将 `minPlaces` 默认设置为 `[2]`. 实例化时需要手动触发 `partsOptions` 的 setter.\n     */\n    this.partsOptions = this.__partsOptions ?? {};\n\n    this.initialValue = this.__initialValuePlain;\n\n    /**\n     * 类似上方的 partsOptions, precision 也需要在初始化时手动触发 setter. 以此确保 __minPrecision, __maxPrecision, __availableDurationParts 有值.\n     */\n    this.precision = this.__precision;\n\n    super.connectedCallback();\n  }\n\n  override shouldRebuildParts(\n    changedProperties: PropertyValues<this>,\n  ): boolean {\n    return (\n      super.shouldRebuildParts(changedProperties) ||\n      changedProperties.has('precision')\n    );\n  }\n\n  override willUpdate(_changedProperties: PropertyValues) {\n    super.willUpdate(_changedProperties);\n\n    if (_changedProperties.has('locale')) {\n      this.__dateTimeFieldLabels = getLocalizedDateTimeFields(\n        this.localeInstance,\n      );\n    }\n  }\n\n  override render() {\n    const cellStyles = this.extractCellStyles();\n    const digitStyles = this.extractDigitStyles();\n    const partStyles = this.extractPartStyles();\n\n    const animationOptions = this.extractAnimationOptions();\n    const keyframes = this.extractKeyframes();\n\n    const availableDurationPartTypes = map(\n      this.__availableDurationParts,\n      part => part.type,\n    );\n\n    return html`\n      <timered-counter-roller\n        class=\"timered-counter timered-counter-datetime-duration\"\n        exportparts=\"group, part, digit, cell, prefix, suffix, part-suffix\"\n        part=\"group\"\n        aria-hidden=\"true\"\n        color=${this.color}\n        .parentContainerRect=${this.partsContainerRect}\n        .parts=${this.parts}\n        .partPreprocessDataList=${this.partPreprocessDataList}\n        .animationOptions=${animationOptions}\n        .keyframes=${keyframes}\n        .cellStyles=${cellStyles}\n        .digitStyles=${digitStyles}\n        .partStyles=${partStyles}\n        .direction=${this.direction}\n        @roller-animation-start=${this.dispatchTimeredCounterAnimationStart}\n        @roller-animation-end=${this.dispatchTimeredCounterAnimationEnd}\n        ><slot name=\"prefix\" slot=\"prefix\"></slot\n        ><slot name=\"suffix\" slot=\"suffix\"></slot>${repeat(\n          this.parts,\n          (_, index) => index,\n          (_, partIndex) =>\n            html`<span slot=${`part-suffix-${partIndex}`} class=\"duration-unit\"\n              >${this.__dateTimeFieldLabels[\n                availableDurationPartTypes[partIndex]\n              ]}</span\n            >`,\n        )}\n      </timered-counter-roller>\n    `;\n  }\n}\n\ngraceDefineCustomElement(\n  'timered-counter-datetime-duration',\n  TimeredCounterDatetimeDuration,\n);\n"]}