chore: adjust ts (#48)

react-component · Sep 27, 2023 · 93b77ba · 93b77ba
1 parent 1938624
commit 93b77ba
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 8 deletions.
diff --git a/docs/examples/show-count.tsx b/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)

diff --git a/src/interface.ts b/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
     | {

diff --git a/tests/count.test.tsx b/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', () => {

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