[improvement] default props in tsx (youzan#2789)

Author: chenjiahan

packages/button/index.tsx

@@ -8,9 +8,9 @@ import { CreateElement, RenderContext } from 'vue/types';
 import { DefaultSlots } from '../utils/use/sfc';
 
 export type ButtonProps = RouteProps & {
-  tag?: string;
-  type?: string;
-  size?: string;
+  tag: string;
+  type: string;
+  size: string;
   text?: string;
   block?: boolean;
   plain?: boolean;

packages/card/index.tsx

@@ -13,7 +13,7 @@ export type CardProps = {
   thumb?: string;
   title?: string;
   price?: number | string;
-  currency?: string;
+  currency: string;
   centered?: boolean;
   lazyLoad?: boolean;
   thumbLink?: string;

packages/cell-group/index.tsx

@@ -6,7 +6,7 @@ import { CreateElement, RenderContext } from 'vue/types';
 import { DefaultSlots } from '../utils/use/sfc';
 
 export type CellGroupProps = {
-  border?: boolean
+  border: boolean
 };
 
 const [sfc, bem] = use('cell-group');

packages/cell/shared.ts

@@ -1,6 +1,6 @@
 export type SharedCellProps = {
   icon?: string;
-  border?: boolean;
+  border: boolean;
   center?: boolean;
   isLink?: boolean;
   required?: boolean;

packages/contact-card/index.tsx

@@ -12,8 +12,8 @@ export type ContactCardProps = {
   tel?: string;
   name?: string;
   type?: string;
-  addText?: string;
-  editable?: boolean;
+  addText: string;
+  editable: boolean;
 };
 
 function ContactCard(

packages/icon/index.tsx

@@ -12,7 +12,7 @@ export type IconProps = {
   size?: string;
   color?: string;
   info?: string | number;
-  classPrefix?: string;
+  classPrefix: string;
 };
 
 export type IconEvents = {

packages/loading/index.tsx

@@ -7,8 +7,8 @@ import { DefaultSlots } from '../utils/use/sfc';
 
 export type LoadingProps = {
   size?: string;
-  type?: string;
-  color?: string;
+  type: string;
+  color: string;
 };
 
 const [sfc, bem] = use('loading');

packages/nav-bar/index.tsx

@@ -9,8 +9,8 @@ import { ScopedSlot, DefaultSlots } from '../utils/use/sfc';
 export type NavBarProps = {
   title?: string;
   fixed?: boolean;
-  zIndex?: number;
-  border?: boolean;
+  zIndex: number;
+  border: boolean;
   leftText?: string;
   rightText?: string;
   leftArrow?: boolean;

packages/switch-cell/index.tsx

@@ -9,7 +9,7 @@ import { CreateElement, RenderContext } from 'vue/types';
 import { DefaultSlots } from '../utils/use/sfc';
 
 export type SwitchCellProps = SharedSwitchProps & {
-  size?: string;
+  size: string;
   title?: string;
   border?: boolean;
 };

packages/switch/shared.ts

@@ -3,12 +3,12 @@
  */
 
 export type SharedSwitchProps = {
-  size?: string;
+  size: string;
   value?: any;
   loading?: boolean;
   disabled?: boolean;
-  activeValue?: any;
-  inactiveValue?: any;
+  activeValue: any;
+  inactiveValue: any;
   activeColor?: string;
   inactiveColor?: string;
 };

packages/utils/use/sfc.ts

@@ -53,13 +53,13 @@ export type FunctionalComponent<
 };
 
 export type TsxBaseProps = {
-  class?: any;
-  style?: any;
+  class: any;
+  style: any;
   // hack for jsx prop spread
-  props?: any;
+  props: any;
 };
 export type TsxComponent<Props, Events> = (
-  props: Props & Events & TsxBaseProps
+  props: Partial<Props & Events & TsxBaseProps>
 ) => VNode;
 
 const arrayProp = {