chore: adjust ts (#48)

Author: zombieJ

docs/examples/show-count.tsx

@@ -40,8 +40,7 @@ const Demo: FC = () => {
         count={{
           show: true,
           max: 5,
-          strategy: (val) =>
-            [...new (Intl as any).Segmenter().segment(val)].length,
+          strategy: (val) => [...new Intl.Segmenter().segment(val)].length,
         }}
       />
       <h4 style={sharedHeadStyle}>Customize exceedFormatter</h4>
@@ -53,7 +52,7 @@ const Demo: FC = () => {
           show: true,
           max: 5,
           exceedFormatter: (val, { max }) => {
-            const segments = [...new (Intl as any).Segmenter().segment(val)];
+            const segments = [...new Intl.Segmenter().segment(val)];
 
             return segments
               .filter((seg) => seg.index + seg.segment.length <= max)

src/interface.ts

@@ -114,7 +114,7 @@ export interface InputProps
     string
   >;
   onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
-  /** @deprecated Use `count` instead */
+  /** @deprecated Use `count.show` instead */
   showCount?:
     | boolean
     | {

tests/count.test.tsx

@@ -2,9 +2,7 @@ import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import Input from '../src';
 
-const getSegments = (val: string) => [
-  ...new (Intl as any).Segmenter().segment(val),
-];
+const getSegments = (val: string) => [...new Intl.Segmenter().segment(val)];
 
 describe('Input.Count', () => {
   it('basic emoji take length', () => {

tsconfig.json

@@ -4,7 +4,7 @@
     "module": "ESNext",
     "moduleResolution": "node",
     "baseUrl": "./",
-    "lib": ["dom", "es2017"],
+    "lib": ["dom", "es2017", "es2022"],
     "jsx": "react",
     "strict": true,
     "esModuleInterop": true,