chore: tweaks

package.json

@@ -1,7 +1,7 @@
 {
   "name": "mounted",
   "version": "0.1.0",
-  "description": "基于 Taro 的小程序、H5 组件库。",
+  "description": "基于 Taro 的微信小程序组件库。",
   "main": "src/index.js",
   "scripts": {
     "dev:weapp": "taro build --type weapp --watch",

src/app.tsx

@@ -7,7 +7,8 @@ class App extends Taro.Component {
       // 'pages/Home/Home',
       // 'pages/Sticky/Sticky',
       // 'pages/Transition/X',
-      'pages/Popup/Popup',
+      // 'pages/Popup/Popup',
+      'pages/PickerView/PickerView',
     ],
     window: {
       navigationBarTitleText: 'DEMO',

src/components/component.ts

@@ -9,21 +9,27 @@ type RequiredProp<T = any> = {
   __REQUIRED__: true,
   __TYPE__: T,
 }
+type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U
 
 const component = <
   P extends StringKeyedObject,
   S extends StringKeyedObject,
-  PP = PartialBy<
-    { [K in keyof P]: P[K] extends RequiredProp<infer T> ? T : P[K] },
-    { [K in keyof P]: P[K] extends RequiredProp ? never : K }[keyof P]
-  > & {
-    /** 应用级别、页面级别的类 */
-    className?: string,
-    /** 组件级别的类 */
-    [CUSTOM_CLASS]?: string,
-    /** 组件本身的类 */
-    nativeClass?: string,
-  },
+  PP = (
+    Overwrite<
+      PartialBy<
+        { [K in keyof P]: P[K] extends RequiredProp<infer T> ? T : P[K] },
+        { [K in keyof P]: P[K] extends RequiredProp ? never : K }[keyof P]
+      >,
+      {
+        /** 应用级别、页面级别的类 */
+        className?: string,
+        /** 组件级别的类 */
+        [CUSTOM_CLASS]?: string,
+        /** 组件本身的类 */
+        nativeClass?: string,
+      }
+    >
+  ),
   SS = S
 >(
   {
@@ -34,7 +40,13 @@ const component = <
     state?: S,
   } = {} as any
 ) => (
-  class Component extends Taro.Component<PP, SS> {
+  class Component<
+    ExtraProps extends StringKeyedObject = {},
+    ExtraState extends StringKeyedObject = {}
+  > extends Taro.Component<
+    Overwrite<PP, ExtraProps>,
+    Overwrite<SS, ExtraState>
+  > {
     static externalClasses = [CUSTOM_CLASS]
 
     static options = {

src/pages/Popup/Popup.tsx

@@ -20,6 +20,9 @@ export default class Popup extends component({
     const { visible } = this.state
     return (
       <View>
+        {range(0, 20).map(index => (
+          <View key={index}>{index}</View>
+        ))}
         <MPopup position='center' visible={visible} onVisibleChange={this.toggleVisible}>
           <View className='content'>
             hello