github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore: rename `ConfigConsumerProps` to `defaultConfigProvider`

pull/2928/head
Amour1688 2020-09-30 10:47:18 +08:00
parent 64dc5e69b7
commit 28111e7f34
90 changed files with 219 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/_util/wave.tsx
View File

@ -1,7 +1,7 @@
import { nextTick, inject, defineComponent } from 'vue'; import { nextTick, inject, defineComponent } from 'vue';
import TransitionEvents from './css-animation/Event'; import TransitionEvents from './css-animation/Event';
import raf from './raf'; import raf from './raf';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { findDOMNode } from './props-util'; import { findDOMNode } from './props-util';
let styleForPesudo: HTMLStyleElement | null; let styleForPesudo: HTMLStyleElement | null;
@ -33,7 +33,7 @@ export default defineComponent({
}); });
}, },
setup() { setup() {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
configProvider, configProvider,
}; };

4
components/affix/index.tsx
View File

@ -5,7 +5,7 @@ import omit from 'omit.js';
import ResizeObserver from '../vc-resize-observer'; import ResizeObserver from '../vc-resize-observer';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import throttleByAnimationFrame from '../_util/throttleByAnimationFrame'; import throttleByAnimationFrame from '../_util/throttleByAnimationFrame';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import warning from '../_util/warning'; import warning from '../_util/warning';
import { import {
addObserveTarget, addObserveTarget,
@ -46,7 +46,7 @@ const Affix = {
mixins: [BaseMixin], mixins: [BaseMixin],
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/alert/index.tsx
View File

@ -13,7 +13,7 @@ import BaseMixin from '../_util/BaseMixin';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import getTransitionProps from '../_util/getTransitionProps'; import getTransitionProps from '../_util/getTransitionProps';
import { getComponent, isValidElement, findDOMNode } from '../_util/props-util'; import { getComponent, isValidElement, findDOMNode } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
function noop() {} function noop() {}
@ -62,7 +62,7 @@ const Alert = {
mixins: [BaseMixin], mixins: [BaseMixin],
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/anchor/Anchor.jsx
View File

@ -7,7 +7,7 @@ import scrollTo from '../_util/scrollTo';
import getScroll from '../_util/getScroll'; import getScroll from '../_util/getScroll';
import { initDefaultProps, findDOMNode } from '../_util/props-util'; import { initDefaultProps, findDOMNode } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
function getDefaultContainer() { function getDefaultContainer() {
return window; return window;
@ -128,7 +128,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
mounted() { mounted() {

4
components/anchor/AnchorLink.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { initDefaultProps, getComponent } from '../_util/props-util'; import { initDefaultProps, getComponent } from '../_util/props-util';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
function noop() {} function noop() {}
export const AnchorLinkProps = { export const AnchorLinkProps = {
@ -26,7 +26,7 @@ export default {
$data: {}, $data: {},
}), }),
antAnchorContext: inject('antAnchorContext', {}), antAnchorContext: inject('antAnchorContext', {}),
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
watch: { watch: {

4
components/auto-complete/index.jsx
View File

@ -4,7 +4,7 @@ import Select, { AbstractSelectProps, SelectValue } from '../select';
import Input from '../input'; import Input from '../input';
import InputElement from './InputElement'; import InputElement from './InputElement';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getComponent, getOptionProps, isValidElement, getSlot } from '../_util/props-util'; import { getComponent, getOptionProps, isValidElement, getSlot } from '../_util/props-util';
// const DataSourceItemObject = PropTypes.shape({ // const DataSourceItemObject = PropTypes.shape({
@ -59,7 +59,7 @@ const AutoComplete = {
// }, // },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/avatar/Avatar.jsx
View File

@ -1,5 +1,5 @@
import { inject } from 'vue'; import { inject } from 'vue';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getComponent } from '../_util/props-util'; import { getComponent } from '../_util/props-util';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
@ -29,7 +29,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/back-top/index.jsx
View File

@ -6,7 +6,7 @@ import addEventListener from '../vc-util/Dom/addEventListener';
import getScroll from '../_util/getScroll'; import getScroll from '../_util/getScroll';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import getTransitionProps from '../_util/getTransitionProps'; import getTransitionProps from '../_util/getTransitionProps';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import scrollTo from '../_util/scrollTo'; import scrollTo from '../_util/scrollTo';
function getDefaultTarget() { function getDefaultTarget() {
@ -25,7 +25,7 @@ const BackTop = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/badge/Badge.jsx
View File

@ -6,7 +6,7 @@ import { initDefaultProps, getComponent, getSlot } from '../_util/props-util';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import getTransitionProps from '../_util/getTransitionProps'; import getTransitionProps from '../_util/getTransitionProps';
import isNumeric from '../_util/isNumeric'; import isNumeric from '../_util/isNumeric';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { inject, Transition } from 'vue'; import { inject, Transition } from 'vue';
const BadgeProps = { const BadgeProps = {
@ -38,7 +38,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/badge/ScrollNumber.jsx
View File

@ -3,7 +3,7 @@ import PropTypes from '../_util/vue-types';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import omit from 'omit.js'; import omit from 'omit.js';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { inject } from 'vue'; import { inject } from 'vue';
function getNumberArray(num) { function getNumberArray(num) {
@ -35,7 +35,7 @@ export default {
props: ScrollNumberProps, props: ScrollNumberProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/breadcrumb/Breadcrumb.jsx
View File

@ -2,7 +2,7 @@ import { inject, cloneVNode } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { filterEmpty, getComponent, getSlot } from '../_util/props-util'; import { filterEmpty, getComponent, getSlot } from '../_util/props-util';
import warning from '../_util/warning'; import warning from '../_util/warning';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import BreadcrumbItem from './BreadcrumbItem'; import BreadcrumbItem from './BreadcrumbItem';
import Menu from '../menu'; import Menu from '../menu';
@ -37,7 +37,7 @@ export default {
props: BreadcrumbProps, props: BreadcrumbProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/breadcrumb/BreadcrumbItem.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { hasProp, getComponent, getSlot } from '../_util/props-util'; import { hasProp, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import DropDown from '../dropdown/dropdown'; import DropDown from '../dropdown/dropdown';
import DownOutlined from '@ant-design/icons-vue/DownOutlined'; import DownOutlined from '@ant-design/icons-vue/DownOutlined';
@ -16,7 +16,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/breadcrumb/BreadcrumbSeparator.jsx
View File

@ -1,5 +1,5 @@
import { inject } from 'vue'; import { inject } from 'vue';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getSlot } from '../_util/props-util'; import { getSlot } from '../_util/props-util';
@ -11,7 +11,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/button/button-group.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import { filterEmpty, getSlot } from '../_util/props-util'; import { filterEmpty, getSlot } from '../_util/props-util';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const ButtonGroupProps = { const ButtonGroupProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
@ -16,7 +16,7 @@ export default {
name: 'AButtonGroup', name: 'AButtonGroup',
props: ButtonGroupProps, props: ButtonGroupProps,
setup() { setup() {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
configProvider, configProvider,
}; };

4
components/button/button.jsx
View File

@ -3,7 +3,7 @@ import Wave from '../_util/wave';
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined'; import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
import buttonTypes from './buttonTypes'; import buttonTypes from './buttonTypes';
import { getSlot, getComponent } from '../_util/props-util'; import { getSlot, getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
// eslint-disable-next-line no-console // eslint-disable-next-line no-console
const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/; const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar); const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
@ -15,7 +15,7 @@ export default {
props, props,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/calendar/Header.jsx
View File

@ -3,7 +3,7 @@ import Select from '../select';
import { Group, Button } from '../radio'; import { Group, Button } from '../radio';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { initDefaultProps } from '../_util/props-util'; import { initDefaultProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const { Option } = Select; const { Option } = Select;
@ -41,7 +41,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
// private calendarHeaderNode: HTMLDivElement; // private calendarHeaderNode: HTMLDivElement;

4
components/calendar/index.jsx
View File

@ -7,7 +7,7 @@ import FullCalendar from '../vc-calendar/src/FullCalendar';
import Header from './Header'; import Header from './Header';
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
import interopDefault from '../_util/interopDefault'; import interopDefault from '../_util/interopDefault';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import enUS from './locale/en_US'; import enUS from './locale/en_US';
import { checkValidate, stringToMoment, momentToString, TimeType } from '../_util/moment-util'; import { checkValidate, stringToMoment, momentToString, TimeType } from '../_util/moment-util';
@ -57,7 +57,7 @@ const Calendar = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/card/Card.tsx
View File

@ -5,7 +5,7 @@ import Col from '../col';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponent, getSlot, isEmptyElement } from '../_util/props-util'; import { getComponent, getSlot, isEmptyElement } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import isPlainObject from 'lodash-es/isPlainObject'; import isPlainObject from 'lodash-es/isPlainObject';
const { TabPane } = Tabs; const { TabPane } = Tabs;
@ -33,7 +33,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/card/Grid.jsx
View File

@ -1,6 +1,6 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getSlot } from '../_util/props-util'; import { getSlot } from '../_util/props-util';
export default { export default {
@ -12,7 +12,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/card/Meta.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponent } from '../_util/props-util'; import { getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ACardMeta', name: 'ACardMeta',
@ -13,7 +13,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/carousel/index.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import debounce from 'lodash-es/debounce'; import debounce from 'lodash-es/debounce';
import hasProp, { initDefaultProps, getComponent } from '../_util/props-util'; import hasProp, { initDefaultProps, getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import warning from '../_util/warning'; import warning from '../_util/warning';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import SlickCarousel from '../vc-slick/src'; import SlickCarousel from '../vc-slick/src';
@ -63,7 +63,7 @@ const Carousel = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
beforeMount() { beforeMount() {

4
components/cascader/index.jsx
View File

@ -22,7 +22,7 @@ import {
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import warning from '../_util/warning'; import warning from '../_util/warning';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const CascaderOptionType = PropTypes.shape({ const CascaderOptionType = PropTypes.shape({
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@ -157,7 +157,7 @@ const Cascader = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
localeData: inject('localeData', {}), localeData: inject('localeData', {}),
}; };
}, },

4
components/checkbox/Checkbox.jsx
View File

@ -3,7 +3,7 @@ import PropTypes from '../_util/vue-types';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import VcCheckbox from '../vc-checkbox'; import VcCheckbox from '../vc-checkbox';
import hasProp, { getOptionProps, getSlot } from '../_util/props-util'; import hasProp, { getOptionProps, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import warning from '../_util/warning'; import warning from '../_util/warning';
function noop() {} function noop() {}
@ -29,7 +29,7 @@ export default {
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
checkboxGroupContext: inject('checkboxGroupContext', undefined), checkboxGroupContext: inject('checkboxGroupContext', undefined),
}; };
}, },

4
components/checkbox/Group.jsx
View File

@ -2,7 +2,7 @@ import { inject, provide } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import Checkbox from './Checkbox'; import Checkbox from './Checkbox';
import hasProp, { getSlot } from '../_util/props-util'; import hasProp, { getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
function noop() {} function noop() {}
export default { export default {
@ -31,7 +31,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/collapse/Collapse.jsx
View File

@ -10,7 +10,7 @@ import {
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import VcCollapse, { collapseProps } from '../vc-collapse'; import VcCollapse, { collapseProps } from '../vc-collapse';
import RightOutlined from '@ant-design/icons-vue/RightOutlined'; import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ACollapse', name: 'ACollapse',
@ -22,7 +22,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/collapse/CollapsePanel.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import { getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { getOptionProps, getComponent, getSlot } from '../_util/props-util';
import VcCollapse, { panelProps } from '../vc-collapse'; import VcCollapse, { panelProps } from '../vc-collapse';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ACollapsePanel', name: 'ACollapsePanel',
@ -11,7 +11,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/color-picker/ColorPicker.jsx
View File

@ -1,5 +1,5 @@
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import Pickr from '@simonwep/pickr/dist/pickr.es5.min'; import Pickr from '@simonwep/pickr/dist/pickr.es5.min';
import Icon from '../icon'; import Icon from '../icon';
@ -31,7 +31,7 @@ export default {
hue: PropTypes.bool.def(true), //是否开启色彩预选 hue: PropTypes.bool.def(true), //是否开启色彩预选
}, },
inject: { inject: {
configProvider: { default: () => ConfigConsumerProps }, configProvider: { default: () => defaultConfigProvider },
}, },
data() { data() {
return { return {

4
components/comment/index.tsx
View File

@ -1,6 +1,6 @@
import { inject, VNodeTypes, CSSProperties, App, SetupContext } from 'vue'; import { inject, VNodeTypes, CSSProperties, App, SetupContext } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export interface CommentProps { export interface CommentProps {
/** List of action items rendered below the comment content */ /** List of action items rendered below the comment content */
@ -31,7 +31,7 @@ const Comment = (
}: CommentProps, }: CommentProps,
{ slots }: SetupContext, { slots }: SetupContext,
) => { ) => {
const { getPrefixCls } = inject('configProvider', ConfigConsumerProps); const { getPrefixCls } = inject('configProvider', defaultConfigProvider);
const renderNested = (prefixCls: string, nestedChildren: any) => { const renderNested = (prefixCls: string, nestedChildren: any) => {
return <div class={classNames(`${prefixCls}-nested`)}>{nestedChildren}</div>; return <div class={classNames(`${prefixCls}-nested`)}>{nestedChildren}</div>;

13
components/config-provider/SizeContext.tsx
View File

@ -1 +1,14 @@
import { defineComponent, PropType, provide } from 'vue';
export type SizeType = 'small' | 'middle' | 'large' | undefined; export type SizeType = 'small' | 'middle' | 'large' | undefined;
export const SizeContextProvider = defineComponent({
props: {
size: String as PropType<SizeType>,
},
setup(props, { slots }) {
provide('sizeProvider', props.size);
return () => slots.default?.();
},
});

41
components/config-provider/context.tsx
View File

@ -1,41 +0,0 @@
import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
import { Locale } from '../locale-provider';
import { SizeType } from './SizeContext';
export interface CSPConfig {
nonce?: string;
}
export interface IConfigConsumerProps {
getTargetContainer?: () => HTMLElement;
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
rootPrefixCls?: string;
getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
renderEmpty: RenderEmptyHandler;
csp?: CSPConfig;
autoInsertSpaceInButton?: boolean;
input?: {
autoComplete?: string;
};
locale?: Locale;
pageHeader?: {
ghost: boolean;
};
direction?: 'ltr' | 'rtl';
space?: {
size?: SizeType | number;
};
virtual?: boolean;
dropdownMatchSelectWidth?: boolean;
}
export const ConfigContext = {
// We provide a default function for Context without provider
getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => {
if (customizePrefixCls) return customizePrefixCls;
return suffixCls ? `ant-${suffixCls}` : 'ant';
},
renderEmpty: defaultRenderEmpty,
};

30
components/config-provider/index.tsx
View File

@ -2,13 +2,39 @@ import { reactive, provide, VNodeTypes, PropType, defineComponent, App } from 'v
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponentFromSetup } from '../_util/props-util'; import { getComponentFromSetup } from '../_util/props-util';
import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty'; import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
import { CSPConfig } from './context';
import LocaleProvider, { Locale, ANT_MARK } from '../locale-provider'; import LocaleProvider, { Locale, ANT_MARK } from '../locale-provider';
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
export type SizeType = 'small' | 'middle' | 'large' | undefined; export type SizeType = 'small' | 'middle' | 'large' | undefined;
export interface CSPConfig {
nonce?: string;
}
export interface ConfigConsumerProps {
getTargetContainer?: () => HTMLElement;
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
rootPrefixCls?: string;
getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
renderEmpty: RenderEmptyHandler;
csp?: CSPConfig;
autoInsertSpaceInButton?: boolean;
input?: {
autoComplete?: string;
};
locale?: Locale;
pageHeader?: {
ghost: boolean;
};
direction?: 'ltr' | 'rtl';
space?: {
size?: SizeType | number;
};
virtual?: boolean;
dropdownMatchSelectWidth?: boolean;
}
export const configConsumerProps = [ export const configConsumerProps = [
'getTargetContainer', 'getTargetContainer',
'getPopupContainer', 'getPopupContainer',
@ -128,7 +154,7 @@ const ConfigProvider = defineComponent({
}, },
}); });
export const ConfigConsumerProps = { export const defaultConfigProvider = {
getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => { getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => {
if (customizePrefixCls) return customizePrefixCls; if (customizePrefixCls) return customizePrefixCls;
return `ant-${suffixCls}`; return `ant-${suffixCls}`;

4
components/config-provider/renderEmpty.tsx
View File

@ -1,13 +1,13 @@
import { inject } from 'vue'; import { inject } from 'vue';
import Empty from '../empty'; import Empty from '../empty';
import { ConfigConsumerProps } from '.'; import { defaultConfigProvider } from '.';
export interface RenderEmptyProps { export interface RenderEmptyProps {
componentName?: string; componentName?: string;
} }
const RenderEmpty = (props: RenderEmptyProps) => { const RenderEmpty = (props: RenderEmptyProps) => {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
const renderHtml = (componentName?: string) => { const renderHtml = (componentName?: string) => {
const { getPrefixCls } = configProvider; const { getPrefixCls } = configProvider;
const prefix = getPrefixCls('empty'); const prefix = getPrefixCls('empty');

4
components/date-picker/RangePicker.jsx
View File

@ -6,7 +6,7 @@ import classNames from '../_util/classNames';
import shallowequal from '../_util/shallowequal'; import shallowequal from '../_util/shallowequal';
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'; import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
import Tag from '../tag'; import Tag from '../tag';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import interopDefault from '../_util/interopDefault'; import interopDefault from '../_util/interopDefault';
import { RangePickerProps } from './interface'; import { RangePickerProps } from './interface';
import { hasProp, getOptionProps, initDefaultProps, getComponent } from '../_util/props-util'; import { hasProp, getOptionProps, initDefaultProps, getComponent } from '../_util/props-util';
@ -72,7 +72,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/date-picker/WeekPicker.jsx
View File

@ -3,7 +3,7 @@ import moment from 'moment';
import Calendar from '../vc-calendar'; import Calendar from '../vc-calendar';
import VcDatePicker from '../vc-calendar/src/Picker'; import VcDatePicker from '../vc-calendar/src/Picker';
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'; import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { hasProp, getOptionProps, initDefaultProps, getComponent } from '../_util/props-util'; import { hasProp, getOptionProps, initDefaultProps, getComponent } from '../_util/props-util';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
@ -27,7 +27,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/date-picker/createPicker.js
View File

@ -6,7 +6,7 @@ import VcDatePicker from '../vc-calendar/src/Picker';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'; import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
import CalendarOutlined from '@ant-design/icons-vue/CalendarOutlined'; import CalendarOutlined from '@ant-design/icons-vue/CalendarOutlined';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import interopDefault from '../_util/interopDefault'; import interopDefault from '../_util/interopDefault';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { import {
@ -34,7 +34,7 @@ export default function createPicker(TheCalendar, props) {
mixins: [BaseMixin], mixins: [BaseMixin],
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/date-picker/wrapPicker.js
View File

@ -5,7 +5,7 @@ import LocaleReceiver from '../locale-provider/LocaleReceiver';
import { generateShowHourMinuteSecond } from '../time-picker'; import { generateShowHourMinuteSecond } from '../time-picker';
import enUS from './locale/en_US'; import enUS from './locale/en_US';
import { getOptionProps, initDefaultProps } from '../_util/props-util'; import { getOptionProps, initDefaultProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { checkValidate, stringToMoment, momentToString } from '../_util/moment-util'; import { checkValidate, stringToMoment, momentToString } from '../_util/moment-util';
const DEFAULT_FORMAT = { const DEFAULT_FORMAT = {
@ -54,7 +54,7 @@ export default function wrapPicker(Picker, props, pickerType) {
// }, // },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/descriptions/index.jsx
View File

@ -1,7 +1,7 @@
import { inject, cloneVNode } from 'vue'; import { inject, cloneVNode } from 'vue';
import warning from '../_util/warning'; import warning from '../_util/warning';
import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve'; import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import Col from './Col'; import Col from './Col';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { import {
@ -115,7 +115,7 @@ const Descriptions = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/divider/index.jsx
View File

@ -1,6 +1,6 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getSlot } from '../_util/props-util'; import { getSlot } from '../_util/props-util';
const Divider = { const Divider = {
@ -13,7 +13,7 @@ const Divider = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/drawer/index.jsx
View File

@ -6,7 +6,7 @@ import PropTypes from '../_util/vue-types';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined'; import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
import { getComponent, getOptionProps } from '../_util/props-util'; import { getComponent, getOptionProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const Drawer = { const Drawer = {
name: 'ADrawer', name: 'ADrawer',
@ -46,7 +46,7 @@ const Drawer = {
}; };
}, },
setup() { setup() {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
configProvider, configProvider,
}; };

4
components/dropdown/dropdown-button.jsx
View File

@ -7,7 +7,7 @@ import Dropdown from './dropdown';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { hasProp, getComponent, getSlot } from '../_util/props-util'; import { hasProp, getComponent, getSlot } from '../_util/props-util';
import getDropdownProps from './getDropdownProps'; import getDropdownProps from './getDropdownProps';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import EllipsisOutlined from '@ant-design/icons-vue/EllipsisOutlined'; import EllipsisOutlined from '@ant-design/icons-vue/EllipsisOutlined';
const ButtonTypesProps = buttonTypes(); const ButtonTypesProps = buttonTypes();
@ -36,7 +36,7 @@ export default {
props: DropdownButtonProps, props: DropdownButtonProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/dropdown/dropdown.jsx
View File

@ -12,7 +12,7 @@ import {
getSlot, getSlot,
} from '../_util/props-util'; } from '../_util/props-util';
import getDropdownProps from './getDropdownProps'; import getDropdownProps from './getDropdownProps';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import RightOutlined from '@ant-design/icons-vue/RightOutlined'; import RightOutlined from '@ant-design/icons-vue/RightOutlined';
const DropdownProps = getDropdownProps(); const DropdownProps = getDropdownProps();
@ -29,7 +29,7 @@ const Dropdown = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/form/Form.jsx
View File

@ -6,7 +6,7 @@ import isRegExp from 'lodash-es/isRegExp';
import warning from '../_util/warning'; import warning from '../_util/warning';
import FormItem from './FormItem'; import FormItem from './FormItem';
import { initDefaultProps, getSlot } from '../_util/props-util'; import { initDefaultProps, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getNamePath, containsNamePath } from './utils/valueUtil'; import { getNamePath, containsNamePath } from './utils/valueUtil';
import { defaultValidateMessages } from './utils/messages'; import { defaultValidateMessages } from './utils/messages';
import { allPromiseFinish } from './utils/asyncUtil'; import { allPromiseFinish } from './utils/asyncUtil';
@ -80,7 +80,7 @@ const Form = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
watch: { watch: {

4
components/form/FormItem.jsx
View File

@ -15,7 +15,7 @@ import hasProp, {
getSlot, getSlot,
} from '../_util/props-util'; } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled'; import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled';
import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled'; import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled';
@ -99,7 +99,7 @@ export default {
setup() { setup() {
return { return {
isFormItemChildren: inject('isFormItemChildren', false), isFormItemChildren: inject('isFormItemChildren', false),
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
FormContext: inject('FormContext', {}), FormContext: inject('FormContext', {}),
}; };
}, },

4
components/grid/Col.tsx
View File

@ -1,6 +1,6 @@
import { inject, defineComponent, HTMLAttributes, CSSProperties } from 'vue'; import { inject, defineComponent, HTMLAttributes, CSSProperties } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { rowContextState } from './Row'; import { rowContextState } from './Row';
type ColSpanType = number | string; type ColSpanType = number | string;
@ -46,7 +46,7 @@ function parseFlex(flex: FlexType): string {
export default defineComponent<ColProps>({ export default defineComponent<ColProps>({
name: 'ACol', name: 'ACol',
setup(props, { slots }) { setup(props, { slots }) {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
const rowContext = inject<rowContextState>('rowContext', {}); const rowContext = inject<rowContextState>('rowContext', {});
return () => { return () => {

4
components/grid/Row.tsx
View File

@ -11,7 +11,7 @@ import {
import classNames from 'classnames'; import classNames from 'classnames';
import { tuple } from '../_util/type'; import { tuple } from '../_util/type';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import ResponsiveObserve, { import ResponsiveObserve, {
Breakpoint, Breakpoint,
ScreenMap, ScreenMap,
@ -79,7 +79,7 @@ export default defineComponent<RowProps>({
const gutterRef = ref<Gutter | [Gutter, Gutter]>(); const gutterRef = ref<Gutter | [Gutter, Gutter]>();
gutterRef.value = props.gutter; gutterRef.value = props.gutter;
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
const { getPrefixCls } = configProvider; const { getPrefixCls } = configProvider;
const getGutter = (): [number, number] => { const getGutter = (): [number, number] => {

4
components/input-number/index.jsx
View File

@ -5,7 +5,7 @@ import classNames from '../_util/classNames';
import UpOutlined from '@ant-design/icons-vue/UpOutlined'; import UpOutlined from '@ant-design/icons-vue/UpOutlined';
import DownOutlined from '@ant-design/icons-vue/DownOutlined'; import DownOutlined from '@ant-design/icons-vue/DownOutlined';
import VcInputNumber from '../vc-input-number/src'; import VcInputNumber from '../vc-input-number/src';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const InputNumberProps = { export const InputNumberProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
@ -35,7 +35,7 @@ const InputNumber = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
mounted() { mounted() {

4
components/input/Group.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getSlot } from '../_util/props-util'; import { getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'AInputGroup', name: 'AInputGroup',
@ -16,7 +16,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
computed: { computed: {

4
components/input/Input.jsx
View File

@ -4,7 +4,7 @@ import classNames from '../_util/classNames';
import omit from 'omit.js'; import omit from 'omit.js';
import inputProps from './inputProps'; import inputProps from './inputProps';
import { hasProp, getComponent, getOptionProps } from '../_util/props-util'; import { hasProp, getComponent, getOptionProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import ClearableLabeledInput from './ClearableLabeledInput'; import ClearableLabeledInput from './ClearableLabeledInput';
export function fixControlledValue(value) { export function fixControlledValue(value) {
@ -56,7 +56,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/input/Search.jsx
View File

@ -9,7 +9,7 @@ import Button from '../button';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getOptionProps, getComponent } from '../_util/props-util'; import { getOptionProps, getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import isPlainObject from 'lodash-es/isPlainObject'; import isPlainObject from 'lodash-es/isPlainObject';
export default { export default {
@ -23,7 +23,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/input/TextArea.jsx
View File

@ -3,7 +3,7 @@ import ClearableLabeledInput from './ClearableLabeledInput';
import ResizableTextArea from './ResizableTextArea'; import ResizableTextArea from './ResizableTextArea';
import inputProps from './inputProps'; import inputProps from './inputProps';
import { hasProp, getOptionProps } from '../_util/props-util'; import { hasProp, getOptionProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { fixControlledValue, resolveOnChange } from './Input'; import { fixControlledValue, resolveOnChange } from './Input';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
@ -21,7 +21,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/layout/Sider.jsx
View File

@ -10,7 +10,7 @@ import {
} from '../_util/props-util'; } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import isNumeric from '../_util/isNumeric'; import isNumeric from '../_util/isNumeric';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import BarsOutlined from '@ant-design/icons-vue/BarsOutlined'; import BarsOutlined from '@ant-design/icons-vue/BarsOutlined';
import RightOutlined from '@ant-design/icons-vue/RightOutlined'; import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import LeftOutlined from '@ant-design/icons-vue/LeftOutlined'; import LeftOutlined from '@ant-design/icons-vue/LeftOutlined';
@ -109,7 +109,7 @@ export default {
setup() { setup() {
return { return {
siderHook: inject('siderHook', {}), siderHook: inject('siderHook', {}),
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

4
components/layout/layout.jsx
View File

@ -2,7 +2,7 @@ import { inject, provide } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { getOptionProps, getSlot } from '../_util/props-util'; import { getOptionProps, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const BasicProps = { export const BasicProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
@ -17,7 +17,7 @@ function generator({ suffixCls, tagName, name }) {
props: BasicComponent.props, props: BasicComponent.props,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

6
components/list/Item.jsx
View File

@ -2,7 +2,7 @@ import PropTypes from '../_util/vue-types';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { getComponent, isStringElement, isEmptyElement, getSlot } from '../_util/props-util'; import { getComponent, isStringElement, isEmptyElement, getSlot } from '../_util/props-util';
import { Col } from '../grid'; import { Col } from '../grid';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { ListGridType } from './index'; import { ListGridType } from './index';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import { inject } from 'vue'; import { inject } from 'vue';
@ -22,7 +22,7 @@ export const ListItemMetaProps = {
}; };
export const ListItemMeta = (props, { slots }) => { export const ListItemMeta = (props, { slots }) => {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
const getPrefixCls = configProvider.getPrefixCls; const getPrefixCls = configProvider.getPrefixCls;
const { prefixCls: customizePrefixCls } = props; const { prefixCls: customizePrefixCls } = props;
const prefixCls = getPrefixCls('list', customizePrefixCls); const prefixCls = getPrefixCls('list', customizePrefixCls);
@ -60,7 +60,7 @@ export default {
props: ListItemProps, props: ListItemProps,
setup() { setup() {
const listContext = inject('listContext', {}); const listContext = inject('listContext', {});
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
listContext, listContext,
configProvider, configProvider,

4
components/list/index.jsx
View File

@ -1,7 +1,7 @@
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import omit from 'omit.js'; import omit from 'omit.js';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import Spin from '../spin'; import Spin from '../spin';
import Pagination, { PaginationConfig } from '../pagination'; import Pagination, { PaginationConfig } from '../pagination';
@ -66,7 +66,7 @@ const List = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

2
components/locale-provider/LocaleReceiver.tsx
View File

@ -23,7 +23,7 @@ export default defineComponent({
}, },
children: { children: {
type: Function as PropType< type: Function as PropType<
(locale: Locale, localeCode?: string, fullLocale?: Locale) => VNodeTypes (locale: object, localeCode?: string, fullLocale?: object) => VNodeTypes
>, >,
}, },
}, },

4
components/mentions/index.jsx
View File

@ -6,7 +6,7 @@ import VcMentions from '../vc-mentions';
import { mentionsProps } from '../vc-mentions/src/mentionsProps'; import { mentionsProps } from '../vc-mentions/src/mentionsProps';
import Spin from '../spin'; import Spin from '../spin';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { getOptionProps, getComponent, getSlot } from '../_util/props-util';
const { Option } = VcMentions; const { Option } = VcMentions;
@ -61,7 +61,7 @@ const Mentions = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/menu/index.jsx
View File

@ -9,7 +9,7 @@ import Item from './MenuItem';
import { hasProp, getOptionProps, getSlot } from '../_util/props-util'; import { hasProp, getOptionProps, getSlot } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import commonPropsType from '../vc-menu/commonPropsType'; import commonPropsType from '../vc-menu/commonPropsType';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
// import raf from '../_util/raf'; // import raf from '../_util/raf';
export const MenuMode = PropTypes.oneOf([ export const MenuMode = PropTypes.oneOf([
@ -64,7 +64,7 @@ const Menu = {
const layoutSiderContext = inject('layoutSiderContext', {}); const layoutSiderContext = inject('layoutSiderContext', {});
const layoutSiderCollapsed = toRef(layoutSiderContext, 'sCollapsed'); const layoutSiderCollapsed = toRef(layoutSiderContext, 'sCollapsed');
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
layoutSiderContext, layoutSiderContext,
layoutSiderCollapsed, layoutSiderCollapsed,
}; };

4
components/modal/Modal.tsx
View File

@ -10,7 +10,7 @@ import buttonTypes from '../button/buttonTypes';
const ButtonType = buttonTypes().type; const ButtonType = buttonTypes().type;
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
import { initDefaultProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
let mousePosition = null; let mousePosition = null;
// ref: https://github.com/ant-design/ant-design/issues/15795 // ref: https://github.com/ant-design/ant-design/issues/15795
@ -112,7 +112,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
// static info: ModalFunc; // static info: ModalFunc;

4
components/page-header/index.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponent, getOptionProps, getSlot } from '../_util/props-util'; import { getComponent, getOptionProps, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import ArrowLeftOutlined from '@ant-design/icons-vue/ArrowLeftOutlined'; import ArrowLeftOutlined from '@ant-design/icons-vue/ArrowLeftOutlined';
import Breadcrumb from '../breadcrumb'; import Breadcrumb from '../breadcrumb';
import Avatar from '../avatar'; import Avatar from '../avatar';
@ -96,7 +96,7 @@ const PageHeader = {
props: PageHeaderProps, props: PageHeaderProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/pagination/Pagination.jsx
View File

@ -9,7 +9,7 @@ import LeftOutlined from '@ant-design/icons-vue/LeftOutlined';
import RightOutlined from '@ant-design/icons-vue/RightOutlined'; import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import DoubleLeftOutlined from '@ant-design/icons-vue/DoubleLeftOutlined'; import DoubleLeftOutlined from '@ant-design/icons-vue/DoubleLeftOutlined';
import DoubleRightOutlined from '@ant-design/icons-vue/DoubleRightOutlined'; import DoubleRightOutlined from '@ant-design/icons-vue/DoubleRightOutlined';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { inject } from 'vue'; import { inject } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
@ -51,7 +51,7 @@ export default {
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

4
components/popconfirm/index.jsx
View File

@ -10,7 +10,7 @@ import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFill
import Button from '../button'; import Button from '../button';
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
import defaultLocale from '../locale-provider/default'; import defaultLocale from '../locale-provider/default';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const tooltipProps = abstractTooltipProps(); const tooltipProps = abstractTooltipProps();
const btnProps = buttonTypes(); const btnProps = buttonTypes();
@ -43,7 +43,7 @@ const Popconfirm = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/popover/index.jsx
View File

@ -3,7 +3,7 @@ import Tooltip from '../tooltip';
import abstractTooltipProps from '../tooltip/abstractTooltipProps'; import abstractTooltipProps from '../tooltip/abstractTooltipProps';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { getOptionProps, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const props = abstractTooltipProps(); const props = abstractTooltipProps();
const Popover = { const Popover = {
@ -17,7 +17,7 @@ const Popover = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/progress/progress.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getOptionProps, initDefaultProps } from '../_util/props-util'; import { getOptionProps, initDefaultProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined'; import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
import CheckOutlined from '@ant-design/icons-vue/CheckOutlined'; import CheckOutlined from '@ant-design/icons-vue/CheckOutlined';
import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled'; import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled';
@ -46,7 +46,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/radio/Group.jsx
View File

@ -3,7 +3,7 @@ import classNames from '../_util/classNames';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import Radio from './Radio'; import Radio from './Radio';
import { getOptionProps, filterEmpty, hasProp, getSlot } from '../_util/props-util'; import { getOptionProps, filterEmpty, hasProp, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ARadioGroup', name: 'ARadioGroup',
@ -36,7 +36,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
computed: { computed: {

4
components/radio/Radio.jsx
View File

@ -3,7 +3,7 @@ import PropTypes from '../_util/vue-types';
import VcCheckbox from '../vc-checkbox'; import VcCheckbox from '../vc-checkbox';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { getOptionProps } from '../_util/props-util'; import { getOptionProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ARadio', name: 'ARadio',
@ -29,7 +29,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
radioGroupContext: inject('radioGroupContext', null), radioGroupContext: inject('radioGroupContext', null),
}; };
}, },

4
components/radio/RadioButton.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import Radio from './Radio'; import Radio from './Radio';
import { getOptionProps, getSlot } from '../_util/props-util'; import { getOptionProps, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export default { export default {
name: 'ARadioButton', name: 'ARadioButton',
@ -10,7 +10,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
radioGroupContext: inject('radioGroupContext', {}), radioGroupContext: inject('radioGroupContext', {}),
}; };
}, },

4
components/rate/index.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import omit from 'omit.js'; import omit from 'omit.js';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getOptionProps, getComponent } from '../_util/props-util'; import { getOptionProps, getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import VcRate from '../vc-rate'; import VcRate from '../vc-rate';
import StarFilled from '@ant-design/icons-vue/StarFilled'; import StarFilled from '@ant-design/icons-vue/StarFilled';
import Tooltip from '../tooltip'; import Tooltip from '../tooltip';
@ -25,7 +25,7 @@ const Rate = {
props: RateProps, props: RateProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/result/index.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponent } from '../_util/props-util'; import { getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled'; import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled';
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'; import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled'; import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled';
@ -56,7 +56,7 @@ const Result = {
props: ResultProps, props: ResultProps,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render(h) { render(h) {

4
components/select/index.jsx
View File

@ -3,7 +3,7 @@ import warning from '../_util/warning';
import omit from 'omit.js'; import omit from 'omit.js';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { Select as VcSelect, Option, OptGroup } from '../vc-select'; import { Select as VcSelect, Option, OptGroup } from '../vc-select';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { getComponent, getOptionProps, isValidElement, getSlot } from '../_util/props-util'; import { getComponent, getOptionProps, isValidElement, getSlot } from '../_util/props-util';
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined'; import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'; import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
@ -103,7 +103,7 @@ const Select = {
propTypes: SelectPropTypes, propTypes: SelectPropTypes,
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/skeleton/index.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { initDefaultProps, hasProp } from '../_util/props-util'; import { initDefaultProps, hasProp } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import Avatar, { SkeletonAvatarProps } from './Avatar'; import Avatar, { SkeletonAvatarProps } from './Avatar';
import Title, { SkeletonTitleProps } from './Title'; import Title, { SkeletonTitleProps } from './Title';
import Paragraph, { SkeletonParagraphProps } from './Paragraph'; import Paragraph, { SkeletonParagraphProps } from './Paragraph';
@ -71,7 +71,7 @@ const Skeleton = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
render() { render() {

4
components/slider/index.jsx
View File

@ -6,7 +6,7 @@ import VcSlider from '../vc-slider/src/Slider';
import VcRange from '../vc-slider/src/Range'; import VcRange from '../vc-slider/src/Range';
import VcHandle from '../vc-slider/src/Handle'; import VcHandle from '../vc-slider/src/Handle';
import Tooltip from '../tooltip'; import Tooltip from '../tooltip';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import abstractTooltipProps from '../tooltip/abstractTooltipProps'; import abstractTooltipProps from '../tooltip/abstractTooltipProps';
const tooltipProps = abstractTooltipProps(); const tooltipProps = abstractTooltipProps();
@ -46,7 +46,7 @@ const Slider = {
mixins: [BaseMixin], mixins: [BaseMixin],
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
props: { props: {

22
components/space/index.tsx
View File

@ -1,14 +1,6 @@
import { inject, App, CSSProperties, SetupContext } from 'vue'; import { inject, App, CSSProperties, SetupContext } from 'vue';
import { initDefaultProps } from '../_util/props-util';
import { filterEmpty } from '../_util/props-util'; import { filterEmpty } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider, SizeType } from '../config-provider';
// export const SpaceProps = {
// prefixCls: PropTypes.string,
// align: PropTypes.tuple<'start' | 'end' | 'center' | 'baseline'>(),
// size: PropTypes.tuple<'small' | 'middle' | 'large'>(),
// direction: PropTypes.tuple<'horizontal' | 'vertical'>(),
// };
const spaceSize = { const spaceSize = {
small: 8, small: 8,
@ -27,8 +19,8 @@ export interface SpaceProps {
} }
const Space = (props: SpaceProps, { slots }: SetupContext) => { const Space = (props: SpaceProps, { slots }: SetupContext) => {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
const { align, size, direction, prefixCls: customizePrefixCls } = props; const { align, size = 'small', direction = 'horizontal', prefixCls: customizePrefixCls } = props;
const { getPrefixCls } = configProvider; const { getPrefixCls } = configProvider;
const prefixCls = getPrefixCls('space', customizePrefixCls); const prefixCls = getPrefixCls('space', customizePrefixCls);
@ -71,14 +63,12 @@ const Space = (props: SpaceProps, { slots }: SetupContext) => {
</div> </div>
); );
}; };
Space.props = initDefaultProps(SpaceProps, {
size: 'small', Space.displayName = 'ASpace';
direction: 'horizontal',
});
/* istanbul ignore next */ /* istanbul ignore next */
Space.install = function(app: App) { Space.install = function(app: App) {
app.component('ASpace', Space); app.component(Space.displayName, Space);
}; };
export default Space; export default Space;

4
components/spin/Spin.jsx
View File

@ -3,7 +3,7 @@ import debounce from 'lodash-es/debounce';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { initDefaultProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const SpinSize = PropTypes.oneOf(['small', 'default', 'large']); export const SpinSize = PropTypes.oneOf(['small', 'default', 'large']);
@ -45,7 +45,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/statistic/Statistic.jsx
View File

@ -1,7 +1,7 @@
import { inject } from 'vue'; import { inject } from 'vue';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getComponent, initDefaultProps } from '../_util/props-util'; import { getComponent, initDefaultProps } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import StatisticNumber from './Number'; import StatisticNumber from './Number';
export const StatisticProps = { export const StatisticProps = {
@ -29,7 +29,7 @@ export default {
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

4
components/steps/index.jsx
View File

@ -4,7 +4,7 @@ import CheckOutlined from '@ant-design/icons-vue/CheckOutlined';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util';
import VcSteps from '../vc-steps'; import VcSteps from '../vc-steps';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const getStepsProps = (defaultProps = {}) => { const getStepsProps = (defaultProps = {}) => {
const props = { const props = {
@ -32,7 +32,7 @@ const Steps = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
Step: { ...VcSteps.Step, name: 'AStep' }, Step: { ...VcSteps.Step, name: 'AStep' },

4
components/switch/index.jsx
View File

@ -4,7 +4,7 @@ import PropTypes from '../_util/vue-types';
import hasProp, { getOptionProps, getComponent } from '../_util/props-util'; import hasProp, { getOptionProps, getComponent } from '../_util/props-util';
import VcSwitch from '../vc-switch'; import VcSwitch from '../vc-switch';
import Wave from '../_util/wave'; import Wave from '../_util/wave';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import warning from '../_util/warning'; import warning from '../_util/warning';
const Switch = { const Switch = {
@ -26,7 +26,7 @@ const Switch = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
methods: { methods: {

4
components/table/Table.jsx
View File

@ -14,7 +14,7 @@ import createBodyRow from './createBodyRow';
import { flatArray, treeMap, flatFilter } from './util'; import { flatArray, treeMap, flatFilter } from './util';
import { initDefaultProps, getOptionProps } from '../_util/props-util'; import { initDefaultProps, getOptionProps } from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { TableProps } from './interface'; import { TableProps } from './interface';
import Pagination from '../pagination'; import Pagination from '../pagination';
import Spin from '../spin'; import Spin from '../spin';
@ -132,7 +132,7 @@ export default {
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

4
components/tabs/tabs.jsx
View File

@ -15,7 +15,7 @@ import {
} from '../_util/props-util'; } from '../_util/props-util';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import isValid from '../_util/isValid'; import isValid from '../_util/isValid';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import TabBar from './TabBar'; import TabBar from './TabBar';
export default { export default {
@ -45,7 +45,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
mounted() { mounted() {

4
components/tag/CheckableTag.tsx
View File

@ -1,6 +1,6 @@
import { inject, CSSProperties, SetupContext } from 'vue'; import { inject, CSSProperties, SetupContext } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export interface CheckableTagProps { export interface CheckableTagProps {
prefixCls?: string; prefixCls?: string;
@ -12,7 +12,7 @@ export interface CheckableTagProps {
} }
const CheckableTag = (props: CheckableTagProps, { slots }: SetupContext) => { const CheckableTag = (props: CheckableTagProps, { slots }: SetupContext) => {
const { getPrefixCls } = inject('configProvider', ConfigConsumerProps); const { getPrefixCls } = inject('configProvider', defaultConfigProvider);
const handleClick = (e: MouseEvent) => { const handleClick = (e: MouseEvent) => {
const { checked, onChange, onClick } = props; const { checked, onChange, onClick } = props;
if (onChange) { if (onChange) {

4
components/tag/index.tsx
View File

@ -20,7 +20,7 @@ import {
PresetStatusColorType, PresetStatusColorType,
} from '../_util/colors'; } from '../_util/colors';
import { LiteralUnion } from '../_util/type'; import { LiteralUnion } from '../_util/type';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import CheckableTag from './CheckableTag'; import CheckableTag from './CheckableTag';
const PresetColorRegex = new RegExp(`^(${PresetColorTypes.join('|')})(-inverse)?$`); const PresetColorRegex = new RegExp(`^(${PresetColorTypes.join('|')})(-inverse)?$`);
@ -41,7 +41,7 @@ export interface TagProps extends HTMLAttributes {
const Tag = defineComponent({ const Tag = defineComponent({
inheritAttrs: false, inheritAttrs: false,
setup(_: TagProps, { slots, attrs }: SetupContext) { setup(_: TagProps, { slots, attrs }: SetupContext) {
const { getPrefixCls } = inject('configProvider', ConfigConsumerProps); const { getPrefixCls } = inject('configProvider', defaultConfigProvider);
const visible = ref(true); const visible = ref(true);

4
components/time-picker/index.jsx
View File

@ -16,7 +16,7 @@ import {
isValidElement, isValidElement,
} from '../_util/props-util'; } from '../_util/props-util';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { import {
checkValidate, checkValidate,
stringToMoment, stringToMoment,
@ -103,7 +103,7 @@ const TimePicker = {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },

4
components/timeline/Timeline.jsx
View File

@ -10,7 +10,7 @@ import {
} from '../_util/props-util'; } from '../_util/props-util';
import TimelineItem from './TimelineItem'; import TimelineItem from './TimelineItem';
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined'; import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const TimelineProps = { export const TimelineProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
@ -28,7 +28,7 @@ export default {
mode: '', mode: '',
}), }),
setup() { setup() {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
configProvider, configProvider,
}; };

4
components/timeline/TimelineItem.jsx
View File

@ -2,7 +2,7 @@ import { inject } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { getOptionProps, initDefaultProps, getComponent } from '../_util/props-util'; import { getOptionProps, initDefaultProps, getComponent } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const TimeLineItemProps = { export const TimeLineItemProps = {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
@ -19,7 +19,7 @@ export default {
pending: false, pending: false,
}), }),
setup() { setup() {
const configProvider = inject('configProvider', ConfigConsumerProps); const configProvider = inject('configProvider', defaultConfigProvider);
return { return {
configProvider, configProvider,
}; };

4
components/tooltip/Tooltip.jsx
View File

@ -12,7 +12,7 @@ import {
isValidElement, isValidElement,
} from '../_util/props-util'; } from '../_util/props-util';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import abstractTooltipProps from './abstractTooltipProps'; import abstractTooltipProps from './abstractTooltipProps';
const splitObject = (obj, keys) => { const splitObject = (obj, keys) => {
@ -36,7 +36,7 @@ export default {
}, },
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/transfer/index.jsx
View File

@ -7,7 +7,7 @@ import List from './list';
import Operation from './operation'; import Operation from './operation';
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
import defaultLocale from '../locale-provider/default'; import defaultLocale from '../locale-provider/default';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export const TransferDirection = 'left' | 'right'; export const TransferDirection = 'left' | 'right';
@ -64,7 +64,7 @@ const Transfer = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/tree-select/index.jsx
View File

@ -4,7 +4,7 @@ import classNames from '../_util/classNames';
import { TreeSelectProps } from './interface'; import { TreeSelectProps } from './interface';
import warning from '../_util/warning'; import warning from '../_util/warning';
import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
export { TreeData, TreeSelectProps } from './interface'; export { TreeData, TreeSelectProps } from './interface';
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined'; import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
@ -28,7 +28,7 @@ const TreeSelect = {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
created() { created() {

4
components/tree/DirectoryTree.jsx
View File

@ -16,7 +16,7 @@ import {
} from './util'; } from './util';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
// export type ExpandAction = false | 'click' | 'dblclick'; export interface // export type ExpandAction = false | 'click' | 'dblclick'; export interface
// DirectoryTreeProps extends TreeProps { expandAction?: ExpandAction; } // DirectoryTreeProps extends TreeProps { expandAction?: ExpandAction; }
@ -51,7 +51,7 @@ export default {
), ),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
data() { data() {

4
components/tree/Tree.jsx
View File

@ -10,7 +10,7 @@ import animation from '../_util/openAnimation';
import PropTypes from '../_util/vue-types'; import PropTypes from '../_util/vue-types';
import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util'; import { initDefaultProps, getOptionProps, getComponent, getSlot } from '../_util/props-util';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
const TreeNode = VcTree.TreeNode; const TreeNode = VcTree.TreeNode;
function TreeProps() { function TreeProps() {
@ -116,7 +116,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
TreeNode, TreeNode,

4
components/upload/Upload.jsx
View File

@ -6,7 +6,7 @@ import BaseMixin from '../_util/BaseMixin';
import { getOptionProps, initDefaultProps, hasProp, getSlot } from '../_util/props-util'; import { getOptionProps, initDefaultProps, hasProp, getSlot } from '../_util/props-util';
import LocaleReceiver from '../locale-provider/LocaleReceiver'; import LocaleReceiver from '../locale-provider/LocaleReceiver';
import defaultLocale from '../locale-provider/default'; import defaultLocale from '../locale-provider/default';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import Dragger from './Dragger'; import Dragger from './Dragger';
import UploadList from './UploadList'; import UploadList from './UploadList';
import { UploadProps } from './interface'; import { UploadProps } from './interface';
@ -35,7 +35,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
// recentUploadStatus: boolean | PromiseLike<any>; // recentUploadStatus: boolean | PromiseLike<any>;

4
components/upload/UploadList.jsx
View File

@ -2,7 +2,7 @@ import { inject, Transition, TransitionGroup } from 'vue';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { getOptionProps, initDefaultProps } from '../_util/props-util'; import { getOptionProps, initDefaultProps } from '../_util/props-util';
import getTransitionProps from '../_util/getTransitionProps'; import getTransitionProps from '../_util/getTransitionProps';
import { ConfigConsumerProps } from '../config-provider'; import { defaultConfigProvider } from '../config-provider';
import { previewImage, isImageUrl } from './utils'; import { previewImage, isImageUrl } from './utils';
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined'; import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
import PaperClipOutlined from '@ant-design/icons-vue/PaperClipOutlined'; import PaperClipOutlined from '@ant-design/icons-vue/PaperClipOutlined';
@ -32,7 +32,7 @@ export default {
}), }),
setup() { setup() {
return { return {
configProvider: inject('configProvider', ConfigConsumerProps), configProvider: inject('configProvider', defaultConfigProvider),
}; };
}, },
updated() { updated() {