feat(components): export multiple components props (#5353)

buqiyuan · web-flow · commit 120980cb5c11 · 2022-03-18T09:30:37.000+08:00
diff --git a/components/affix/index.tsx b/components/affix/index.tsx
@@ -41,7 +41,7 @@ export interface AffixState {
 }
 
 // Affix
-const affixProps = {
+export const affixProps = {
   /**
    * 距离窗口顶部达到指定偏移量后触发
    */
diff --git a/components/anchor/AnchorLink.tsx b/components/anchor/AnchorLink.tsx
@@ -6,7 +6,7 @@ import classNames from '../_util/classNames';
 import useConfigInject from '../_util/hooks/useConfigInject';
 import { useInjectAnchor } from './context';
 
-const anchorLinkProps = {
+export const anchorLinkProps = {
   prefixCls: PropTypes.string,
   href: PropTypes.string.def('#'),
   title: PropTypes.any,
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
@@ -13,7 +13,7 @@ function isSelectOptionOrSelectOptGroup(child: any): boolean {
   return child?.type?.isSelectOption || child?.type?.isSelectOptGroup;
 }
 
-const autoCompleteProps = {
+export const autoCompleteProps = {
   ...omit(selectProps(), ['loading', 'mode', 'optionLabelProp', 'labelInValue']),
   dataSource: PropTypes.array,
   dropdownMenuStyle: PropTypes.style,
diff --git a/components/badge/Ribbon.tsx b/components/badge/Ribbon.tsx
@@ -7,7 +7,7 @@ import { defineComponent, computed } from 'vue';
 import PropTypes from '../_util/vue-types';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
-const ribbonProps = {
+export const ribbonProps = {
   prefix: PropTypes.string,
   color: { type: String as PropType<LiteralUnion<PresetColorType, string>> },
   text: PropTypes.any,
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
@@ -14,7 +14,7 @@ export interface Route {
   children?: Omit<Route, 'children'>[];
 }
 
-const breadcrumbProps = {
+export const breadcrumbProps = {
   prefixCls: PropTypes.string,
   routes: { type: Array as PropType<Route[]> },
   params: PropTypes.any,
diff --git a/components/breadcrumb/BreadcrumbItem.tsx b/components/breadcrumb/BreadcrumbItem.tsx
@@ -6,7 +6,7 @@ import DropDown from '../dropdown/dropdown';
 import DownOutlined from '@ant-design/icons-vue/DownOutlined';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
-const breadcrumbItemProps = {
+export const breadcrumbItemProps = {
   prefixCls: PropTypes.string,
   href: PropTypes.string,
   separator: PropTypes.any,
diff --git a/components/breadcrumb/BreadcrumbSeparator.tsx b/components/breadcrumb/BreadcrumbSeparator.tsx
@@ -4,7 +4,7 @@ import PropTypes from '../_util/vue-types';
 import { flattenChildren } from '../_util/props-util';
 import useConfigInject from '../_util/hooks/useConfigInject';
 
-const breadcrumbSeparatorProps = {
+export const breadcrumbSeparatorProps = {
   prefixCls: PropTypes.string,
 };
 export type BreadcrumbSeparatorProps = Partial<ExtractPropTypes<typeof breadcrumbSeparatorProps>>;
diff --git a/components/button/buttonTypes.ts b/components/button/buttonTypes.ts
@@ -20,7 +20,7 @@ export function convertLegacyProps(type?: LegacyButtonType): ButtonProps {
   return { type };
 }
 
-const buttonProps = () => ({
+export const buttonProps = () => ({
   prefixCls: PropTypes.string,
   type: PropTypes.oneOf(ButtonTypes),
   htmlType: PropTypes.oneOf(ButtonHTMLTypes).def('button'),
diff --git a/components/card/Card.tsx b/components/card/Card.tsx
@@ -23,7 +23,7 @@ export type CardSize = 'default' | 'small';
 
 const { TabPane } = Tabs;
 
-const cardProps = () => ({
+export const cardProps = () => ({
   prefixCls: PropTypes.string,
   title: PropTypes.any,
   extra: PropTypes.any,
diff --git a/components/descriptions/index.tsx b/components/descriptions/index.tsx
@@ -128,7 +128,7 @@ function getRows(children: VNode[], column: number) {
   return rows;
 }
 
-const descriptionsProps = {
+export const descriptionsProps = {
   prefixCls: PropTypes.string,
   bordered: PropTypes.looseBool,
   size: PropTypes.oneOf(tuple('default', 'middle', 'small')).def('default'),
diff --git a/components/drawer/index.tsx b/components/drawer/index.tsx
@@ -34,7 +34,7 @@ export interface PushState {
 
 const defaultPushState: PushState = { distance: 180 };
 
-const drawerProps = () => ({
+export const drawerProps = () => ({
   autofocus: PropTypes.looseBool,
   closable: PropTypes.looseBool,
   closeIcon: PropTypes.any,
diff --git a/components/grid/Col.tsx b/components/grid/Col.tsx
@@ -28,7 +28,7 @@ function parseFlex(flex: FlexType): string {
   return flex;
 }
 
-const colProps = () => ({
+export const colProps = () => ({
   span: [String, Number],
   order: [String, Number],
   offset: [String, Number],
diff --git a/components/mentions/index.tsx b/components/mentions/index.tsx
@@ -58,7 +58,7 @@ const getMentions = (value = '', config: MentionsConfig = {}): MentionsEntity[]
     .filter((entity): entity is MentionsEntity => !!entity && !!entity.value);
 };
 
-const mentionsProps = {
+export const mentionsProps = {
   ...baseMentionsProps,
   loading: PropTypes.looseBool,
   onFocus: {
diff --git a/components/menu/src/ItemGroup.tsx b/components/menu/src/ItemGroup.tsx
@@ -5,7 +5,7 @@ import PropTypes from '../../_util/vue-types';
 import { useInjectMenu } from './hooks/useMenuContext';
 import { useMeasure } from './hooks/useKeyPath';
 
-const menuItemGroupProps = {
+export const menuItemGroupProps = {
   title: PropTypes.any,
 };
 
diff --git a/components/menu/src/MenuItem.tsx b/components/menu/src/MenuItem.tsx
@@ -13,7 +13,7 @@ import Overflow from '../../vc-overflow';
 import devWarning from '../../vc-util/devWarning';
 
 let indexGuid = 0;
-const menuItemProps = {
+export const menuItemProps = {
   id: String,
   role: String,
   disabled: Boolean,
diff --git a/components/menu/src/SubMenu.tsx b/components/menu/src/SubMenu.tsx
@@ -22,7 +22,7 @@ import isValid from '../../_util/isValid';
 
 let indexGuid = 0;
 
-const subMenuProps = {
+export const subMenuProps = {
   icon: PropTypes.any,
   title: PropTypes.any,
   disabled: Boolean,
diff --git a/components/progress/Line.tsx b/components/progress/Line.tsx
@@ -7,7 +7,7 @@ import type { StringGradients, ProgressGradient } from './props';
 import { progressProps } from './props';
 import { getSuccessPercent, validProgress } from './utils';
 
-const lineProps = {
+export const lineProps = {
   ...progressProps(),
   prefixCls: PropTypes.string,
   direction: {
diff --git a/components/progress/Steps.tsx b/components/progress/Steps.tsx
@@ -5,7 +5,7 @@ import PropTypes from '../_util/vue-types';
 import type { ProgressSize } from './props';
 import { progressProps } from './props';
 
-const stepsProps = {
+export const stepsProps = {
   ...progressProps(),
   steps: PropTypes.number,
   size: {
diff --git a/components/radio/Group.tsx b/components/radio/Group.tsx
@@ -22,7 +22,7 @@ export type RadioGroupChildOption = {
   disabled?: boolean;
 };
 
-const radioGroupProps = {
+export const radioGroupProps = {
   prefixCls: PropTypes.string,
   value: PropTypes.any,
   size: PropTypes.oneOf(RadioGroupSizeTypes).def('default'),
diff --git a/components/space/index.tsx b/components/space/index.tsx
@@ -14,7 +14,7 @@ const spaceSize = {
   middle: 16,
   large: 24,
 };
-const spaceProps = {
+export const spaceProps = {
   prefixCls: PropTypes.string,
   size: {
     type: [String, Number, Array] as PropType<SpaceSize | [SpaceSize, SpaceSize]>,
diff --git a/components/switch/index.tsx b/components/switch/index.tsx
@@ -13,7 +13,7 @@ import omit from '../_util/omit';
 
 export const SwitchSizes = tuple('small', 'default');
 type CheckedType = boolean | string | number;
-const switchProps = {
+export const switchProps = {
   id: PropTypes.string,
   prefixCls: PropTypes.string,
   size: PropTypes.oneOf(SwitchSizes),
diff --git a/components/tabs/src/TabNavList/OperationNode.tsx b/components/tabs/src/TabNavList/OperationNode.tsx
@@ -11,7 +11,7 @@ import PropTypes from '../../../_util/vue-types';
 import useState from '../../../_util/hooks/useState';
 import { EllipsisOutlined } from '@ant-design/icons-vue';
 
-const operationNodeProps = {
+export const operationNodeProps = {
   prefixCls: { type: String },
   id: { type: String },
   tabs: { type: Object as PropType<Tab[]> },
diff --git a/components/tabs/src/TabNavList/index.tsx b/components/tabs/src/TabNavList/index.tsx
@@ -30,7 +30,7 @@ import useRefs from '../../../_util/hooks/useRefs';
 import pick from 'lodash-es/pick';
 
 const DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0, right: 0 };
-const tabNavListProps = () => {
+export const tabNavListProps = () => {
   return {
     id: { type: String },
     tabPosition: { type: String as PropType<TabPosition> },
diff --git a/components/tag/index.tsx b/components/tag/index.tsx
@@ -13,7 +13,7 @@ import useConfigInject from '../_util/hooks/useConfigInject';
 const PresetColorRegex = new RegExp(`^(${PresetColorTypes.join('|')})(-inverse)?$`);
 const PresetStatusColorRegex = new RegExp(`^(${PresetStatusColorTypes.join('|')})$`);
 
-const tagProps = {
+export const tagProps = {
   prefixCls: PropTypes.string,
   color: {
     type: String as PropType<LiteralUnion<PresetColorType | PresetStatusColorType, string>>,
diff --git a/components/time-picker/time-picker.tsx b/components/time-picker/time-picker.tsx
@@ -19,7 +19,7 @@ export interface TimePickerLocale {
   rangePlaceholder?: [string, string];
 }
 
-const timePickerProps = {
+export const timePickerProps = {
   format: String,
   showNow: { type: Boolean, default: undefined },
   showHour: { type: Boolean, default: undefined },
diff --git a/components/tree/DirectoryTree.tsx b/components/tree/DirectoryTree.tsx
@@ -21,7 +21,7 @@ import { filterEmpty } from '../_util/props-util';
 
 export type ExpandAction = false | 'click' | 'doubleclick' | 'dblclick';
 
-const directoryTreeProps = {
+export const directoryTreeProps = {
   ...treeProps(),
   expandAction: { type: [Boolean, String] as PropType<ExpandAction> },
 };
diff --git a/components/vc-align/Align.tsx b/components/vc-align/Align.tsx
@@ -30,7 +30,7 @@ export interface AlignProps {
   disabled?: boolean;
 }
 
-const alignProps = {
+export const alignProps = {
   align: Object as PropType<AlignType>,
   target: [Object, Function] as PropType<TargetType>,
   onAlign: Function as PropType<OnAlign>,
diff --git a/components/vc-checkbox/Checkbox.tsx b/components/vc-checkbox/Checkbox.tsx
@@ -5,7 +5,7 @@ import classNames from '../_util/classNames';
 import PropTypes from '../_util/vue-types';
 import { initDefaultProps } from '../_util/props-util';
 
-const checkboxProps = {
+export const checkboxProps = {
   prefixCls: String,
   name: String,
   id: String,

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export interface AffixState {`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`// Affix`
`44`		`-const affixProps = {`
	`44`	`+export const affixProps = {`
`45`	`45`	`/**`
`46`	`46`	`* 距离窗口顶部达到指定偏移量后触发`
`47`	`47`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ function isSelectOptionOrSelectOptGroup(child: any): boolean {`
`13`	`13`	`return child?.type?.isSelectOption \|\| child?.type?.isSelectOptGroup;`
`14`	`14`	`}`
`15`	`15`
`16`		`-const autoCompleteProps = {`
	`16`	`+export const autoCompleteProps = {`
`17`	`17`	`...omit(selectProps(), ['loading', 'mode', 'optionLabelProp', 'labelInValue']),`
`18`	`18`	`dataSource: PropTypes.array,`
`19`	`19`	`dropdownMenuStyle: PropTypes.style,`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ export interface Route {`
`14`	`14`	`children?: Omit<Route, 'children'>[];`
`15`	`15`	`}`
`16`	`16`
`17`		`-const breadcrumbProps = {`
	`17`	`+export const breadcrumbProps = {`
`18`	`18`	`prefixCls: PropTypes.string,`
`19`	`19`	`routes: { type: Array as PropType<Route[]> },`
`20`	`20`	`params: PropTypes.any,`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export function convertLegacyProps(type?: LegacyButtonType): ButtonProps {`
`20`	`20`	`return { type };`
`21`	`21`	`}`
`22`	`22`
`23`		`-const buttonProps = () => ({`
	`23`	`+export const buttonProps = () => ({`
`24`	`24`	`prefixCls: PropTypes.string,`
`25`	`25`	`type: PropTypes.oneOf(ButtonTypes),`
`26`	`26`	`htmlType: PropTypes.oneOf(ButtonHTMLTypes).def('button'),`
Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ function getRows(children: VNode[], column: number) {`
`128`	`128`	`return rows;`
`129`	`129`	`}`
`130`	`130`
`131`		`-const descriptionsProps = {`
	`131`	`+export const descriptionsProps = {`
`132`	`132`	`prefixCls: PropTypes.string,`
`133`	`133`	`bordered: PropTypes.looseBool,`
`134`	`134`	`size: PropTypes.oneOf(tuple('default', 'middle', 'small')).def('default'),`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ function parseFlex(flex: FlexType): string {`
`28`	`28`	`return flex;`
`29`	`29`	`}`
`30`	`30`
`31`		`-const colProps = () => ({`
	`31`	`+export const colProps = () => ({`
`32`	`32`	`span: [String, Number],`
`33`	`33`	`order: [String, Number],`
`34`	`34`	`offset: [String, Number],`
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ export interface TimePickerLocale {`
`19`	`19`	`rangePlaceholder?: [string, string];`
`20`	`20`	`}`
`21`	`21`
`22`		`-const timePickerProps = {`
	`22`	`+export const timePickerProps = {`
`23`	`23`	`format: String,`
`24`	`24`	`showNow: { type: Boolean, default: undefined },`
`25`	`25`	`showHour: { type: Boolean, default: undefined },`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export interface AlignProps {`
`30`	`30`	`disabled?: boolean;`
`31`	`31`	`}`
`32`	`32`
`33`		`-const alignProps = {`
	`33`	`+export const alignProps = {`
`34`	`34`	`align: Object as PropType<AlignType>,`
`35`	`35`	`target: [Object, Function] as PropType<TargetType>,`
`36`	`36`	`onAlign: Function as PropType<OnAlign>,`