You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
297 lines
25 KiB
297 lines
25 KiB
"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[6507],{219149:function(m,r,t){t.r(r);var p=t(502143),v=t(968521),h=t(720719),g=t(28840),a=t(759907),u=t(828089),Z=t(825673),E=t(902068),D=t(574399),C=t(863942),y=t(316073),f=t(24628),P=t(719260),b=t(956140),c=t(127179),s=t(905388),x=t(40428),T=t(606965),B=t(268696),M=t(587302),l=t(424128),k=t(249706),w=t(795127),O=t(116846),A=t(212039),R=t(73024),F=t(553913),o=t(606641),i=t(667294),e=t(370917);function d(){var _=(0,o.eL)(),n=_.texts;return(0,e.tZ)(o.dY,null,(0,e.tZ)(i.Fragment,null,(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("p",null,n[0].value),(0,e.tZ)("h2",{id:"\u4F55\u65F6\u4F7F\u7528"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4F55\u65F6\u4F7F\u7528",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4F55\u65F6\u4F7F\u7528"),(0,e.tZ)("p",null,n[1].value),(0,e.tZ)("h2",{id:"\u4EE3\u7801\u6F14\u793A"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4EE3\u7801\u6F14\u793A",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4EE3\u7801\u6F14\u793A")),(0,e.tZ)(s.Z,{items:[{demo:{id:"components-calendar-demo-basic"},previewerProps:{clientonly:!0,title:"\u57FA\u672C",filename:"components/calendar/demo/basic.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Calendar } from 'antd';
|
|
const App = () => {
|
|
const onPanelChange = (value, mode) => {
|
|
console.log(value.format('YYYY-MM-DD'), mode);
|
|
};
|
|
return <Calendar onPanelChange={onPanelChange} />;
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p>"}},{demo:{id:"components-calendar-demo-notice-calendar"},previewerProps:{clientonly:!0,title:"\u901A\u77E5\u4E8B\u9879\u65E5\u5386",filename:"components/calendar/demo/notice-calendar.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Badge, Calendar } from 'antd';
|
|
const getListData = (value) => {
|
|
let listData;
|
|
switch (value.date()) {
|
|
case 8:
|
|
listData = [
|
|
{
|
|
type: 'warning',
|
|
content: 'This is warning event.',
|
|
},
|
|
{
|
|
type: 'success',
|
|
content: 'This is usual event.',
|
|
},
|
|
];
|
|
break;
|
|
case 10:
|
|
listData = [
|
|
{
|
|
type: 'warning',
|
|
content: 'This is warning event.',
|
|
},
|
|
{
|
|
type: 'success',
|
|
content: 'This is usual event.',
|
|
},
|
|
{
|
|
type: 'error',
|
|
content: 'This is error event.',
|
|
},
|
|
];
|
|
break;
|
|
case 15:
|
|
listData = [
|
|
{
|
|
type: 'warning',
|
|
content: 'This is warning event',
|
|
},
|
|
{
|
|
type: 'success',
|
|
content: 'This is very long usual event\u3002\u3002....',
|
|
},
|
|
{
|
|
type: 'error',
|
|
content: 'This is error event 1.',
|
|
},
|
|
{
|
|
type: 'error',
|
|
content: 'This is error event 2.',
|
|
},
|
|
{
|
|
type: 'error',
|
|
content: 'This is error event 3.',
|
|
},
|
|
{
|
|
type: 'error',
|
|
content: 'This is error event 4.',
|
|
},
|
|
];
|
|
break;
|
|
default:
|
|
}
|
|
return listData || [];
|
|
};
|
|
const getMonthData = (value) => {
|
|
if (value.month() === 8) {
|
|
return 1394;
|
|
}
|
|
};
|
|
const App = () => {
|
|
const monthCellRender = (value) => {
|
|
const num = getMonthData(value);
|
|
return num ? (
|
|
<div className="notes-month">
|
|
<section>{num}</section>
|
|
<span>Backlog number</span>
|
|
</div>
|
|
) : null;
|
|
};
|
|
const dateCellRender = (value) => {
|
|
const listData = getListData(value);
|
|
return (
|
|
<ul className="events">
|
|
{listData.map((item) => (
|
|
<li key={item.content}>
|
|
<Badge status={item.type} text={item.content} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
);
|
|
};
|
|
const cellRender = (current, info) => {
|
|
if (info.type === 'date') return dateCellRender(current);
|
|
if (info.type === 'month') return monthCellRender(current);
|
|
return info.originNode;
|
|
};
|
|
return <Calendar cellRender={cellRender} />;
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u4E00\u4E2A\u590D\u6742\u7684\u5E94\u7528\u793A\u4F8B\uFF0C\u7528 <code>dateCellRender</code> \u548C <code>monthCellRender</code> \u51FD\u6570\u6765\u81EA\u5B9A\u4E49\u9700\u8981\u6E32\u67D3\u7684\u6570\u636E\u3002</p>",style:`.events {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.events .ant-badge-status {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.notes-month {
|
|
font-size: 28px;
|
|
text-align: center;
|
|
}
|
|
.notes-month section {
|
|
font-size: 28px;
|
|
}`}},{demo:{id:"components-calendar-demo-card"},previewerProps:{clientonly:!0,title:"\u5361\u7247\u6A21\u5F0F",filename:"components/calendar/demo/card.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import { Calendar, theme } from 'antd';
|
|
import React from 'react';
|
|
const onPanelChange = (value, mode) => {
|
|
console.log(value.format('YYYY-MM-DD'), mode);
|
|
};
|
|
const App = () => {
|
|
const { token } = theme.useToken();
|
|
const wrapperStyle = {
|
|
width: 300,
|
|
border: \`1px solid \${token.colorBorderSecondary}\`,
|
|
borderRadius: token.borderRadiusLG,
|
|
};
|
|
return (
|
|
<div style={wrapperStyle}>
|
|
<Calendar fullscreen={false} onPanelChange={onPanelChange} />
|
|
</div>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u7528\u4E8E\u5D4C\u5957\u5728\u7A7A\u95F4\u6709\u9650\u7684\u5BB9\u5668\u4E2D\u3002</p>"}},{demo:{id:"components-calendar-demo-select"},previewerProps:{clientonly:!0,title:"\u9009\u62E9\u529F\u80FD",filename:"components/calendar/demo/select.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { Alert, Calendar } from 'antd';
|
|
import dayjs from 'dayjs';
|
|
const App = () => {
|
|
const [value, setValue] = useState(() => dayjs('2017-01-25'));
|
|
const [selectedValue, setSelectedValue] = useState(() => dayjs('2017-01-25'));
|
|
const onSelect = (newValue) => {
|
|
setValue(newValue);
|
|
setSelectedValue(newValue);
|
|
};
|
|
const onPanelChange = (newValue) => {
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<>
|
|
<Alert message={\`You selected date: \${selectedValue?.format('YYYY-MM-DD')}\`} />
|
|
<Calendar value={value} onSelect={onSelect} onPanelChange={onPanelChange} />
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u4E00\u4E2A\u901A\u7528\u7684\u65E5\u5386\u9762\u677F\uFF0C\u652F\u6301\u5E74/\u6708\u5207\u6362\u3002</p>"}},{demo:{id:"components-calendar-demo-customize-header"},previewerProps:{clientonly:!0,title:"\u81EA\u5B9A\u4E49\u5934\u90E8",filename:"components/calendar/demo/customize-header.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import dayjs from 'dayjs';
|
|
import 'dayjs/locale/zh-cn';
|
|
import dayLocaleData from 'dayjs/plugin/localeData';
|
|
import { Calendar, Col, Radio, Row, Select, Typography, theme } from 'antd';
|
|
dayjs.extend(dayLocaleData);
|
|
const App = () => {
|
|
const { token } = theme.useToken();
|
|
const onPanelChange = (value, mode) => {
|
|
console.log(value.format('YYYY-MM-DD'), mode);
|
|
};
|
|
const wrapperStyle = {
|
|
width: 300,
|
|
border: \`1px solid \${token.colorBorderSecondary}\`,
|
|
borderRadius: token.borderRadiusLG,
|
|
};
|
|
return (
|
|
<div style={wrapperStyle}>
|
|
<Calendar
|
|
fullscreen={false}
|
|
headerRender={({ value, type, onChange, onTypeChange }) => {
|
|
const start = 0;
|
|
const end = 12;
|
|
const monthOptions = [];
|
|
let current = value.clone();
|
|
const localeData = value.localeData();
|
|
const months = [];
|
|
for (let i = 0; i < 12; i++) {
|
|
current = current.month(i);
|
|
months.push(localeData.monthsShort(current));
|
|
}
|
|
for (let i = start; i < end; i++) {
|
|
monthOptions.push(
|
|
<Select.Option key={i} value={i} className="month-item">
|
|
{months[i]}
|
|
</Select.Option>,
|
|
);
|
|
}
|
|
const year = value.year();
|
|
const month = value.month();
|
|
const options = [];
|
|
for (let i = year - 10; i < year + 10; i += 1) {
|
|
options.push(
|
|
<Select.Option key={i} value={i} className="year-item">
|
|
{i}
|
|
</Select.Option>,
|
|
);
|
|
}
|
|
return (
|
|
<div
|
|
style={{
|
|
padding: 8,
|
|
}}
|
|
>
|
|
<Typography.Title level={4}>Custom header</Typography.Title>
|
|
<Row gutter={8}>
|
|
<Col>
|
|
<Radio.Group
|
|
size="small"
|
|
onChange={(e) => onTypeChange(e.target.value)}
|
|
value={type}
|
|
>
|
|
<Radio.Button value="month">Month</Radio.Button>
|
|
<Radio.Button value="year">Year</Radio.Button>
|
|
</Radio.Group>
|
|
</Col>
|
|
<Col>
|
|
<Select
|
|
size="small"
|
|
dropdownMatchSelectWidth={false}
|
|
className="my-year-select"
|
|
value={year}
|
|
onChange={(newYear) => {
|
|
const now = value.clone().year(newYear);
|
|
onChange(now);
|
|
}}
|
|
>
|
|
{options}
|
|
</Select>
|
|
</Col>
|
|
<Col>
|
|
<Select
|
|
size="small"
|
|
dropdownMatchSelectWidth={false}
|
|
value={month}
|
|
onChange={(newMonth) => {
|
|
const now = value.clone().month(newMonth);
|
|
onChange(now);
|
|
}}
|
|
>
|
|
{monthOptions}
|
|
</Select>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}}
|
|
onPanelChange={onPanelChange}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u81EA\u5B9A\u4E49\u65E5\u5386\u5934\u90E8\u5185\u5BB9\u3002</p>"}},{demo:{id:"components-calendar-demo-component-token"},previewerProps:{debug:!0,title:"\u7EC4\u4EF6 Token",filename:"components/calendar/demo/component-token.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import { Calendar, ConfigProvider } from 'antd';
|
|
import React from 'react';
|
|
|
|
/** Test usage. Do not use in your production. */
|
|
export default () => {
|
|
const onPanelChange = (value, mode) => {
|
|
console.log(value.format('YYYY-MM-DD'), mode);
|
|
};
|
|
return (
|
|
<ConfigProvider
|
|
theme={{
|
|
components: {
|
|
Calendar: {
|
|
fullBg: 'red',
|
|
fullPanelBg: 'green',
|
|
itemActiveBg: 'black',
|
|
},
|
|
},
|
|
}}
|
|
>
|
|
<Calendar onPanelChange={onPanelChange} />
|
|
<br />
|
|
<Calendar onPanelChange={onPanelChange} fullscreen={false} />
|
|
</ConfigProvider>
|
|
);
|
|
};
|
|
`,description:"<p>Component Token Debug.</p>"}}]}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h2",{id:"api"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"API"),(0,e.tZ)("p",null,(0,e.tZ)("strong",null,n[2].value),n[3].value),(0,e.tZ)(a.Z,{lang:"jsx"},n[4].value),(0,e.tZ)(u.Z,{className:"component-api-table"},(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,n[5].value),(0,e.tZ)("th",null,n[6].value),(0,e.tZ)("th",null,n[7].value),(0,e.tZ)("th",null,n[8].value),(0,e.tZ)("th",null,n[9].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[10].value),(0,e.tZ)("td",null,n[11].value,(0,e.tZ)("code",null,n[12].value)),(0,e.tZ)("td",null,n[13].value),(0,e.tZ)("td",null,n[14].value),(0,e.tZ)("td",null,n[15].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[16].value),(0,e.tZ)("td",null,n[17].value),(0,e.tZ)("td",null,n[18].value),(0,e.tZ)("td",null,n[19].value),(0,e.tZ)("td",null,n[20].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[21].value),(0,e.tZ)("td",null,n[22].value,(0,e.tZ)("code",null,n[23].value)),(0,e.tZ)("td",null,n[24].value),(0,e.tZ)("td",null,n[25].value),(0,e.tZ)("td",null,n[26].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[27].value),(0,e.tZ)("td",null,n[28].value),(0,e.tZ)("td",null,n[29].value),(0,e.tZ)("td",null,n[30].value),(0,e.tZ)("td",null,n[31].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[32].value),(0,e.tZ)("td",null,n[33].value),(0,e.tZ)("td",null,(0,e.tZ)(l.Z,{href:"https://day.js.org/",sourceType:"a"},n[34].value)),(0,e.tZ)("td",null,n[35].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[36].value),(0,e.tZ)("td",null,n[37].value,(0,e.tZ)("code",null,n[38].value),n[39].value,(0,e.tZ)(l.Z,{href:"https://github.com/ant-design/ant-design/issues/30987",sourceType:"a"},n[40].value)),(0,e.tZ)("td",null,n[41].value),(0,e.tZ)("td",null,n[42].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[43].value),(0,e.tZ)("td",null,n[44].value),(0,e.tZ)("td",null,n[45].value),(0,e.tZ)("td",null,n[46].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[47].value),(0,e.tZ)("td",null,n[48].value),(0,e.tZ)("td",null,n[49].value),(0,e.tZ)("td",null,n[50].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[51].value),(0,e.tZ)("td",null,n[52].value),(0,e.tZ)("td",null,n[53].value),(0,e.tZ)("td",null,(0,e.tZ)(l.Z,{href:"https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json",sourceType:"a"},n[54].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[55].value),(0,e.tZ)("td",null,n[56].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[57].value),n[58].value,(0,e.tZ)("code",null,n[59].value)),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[60].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[61].value),(0,e.tZ)("td",null,n[62].value,(0,e.tZ)("code",null,n[63].value)),(0,e.tZ)("td",null,n[64].value),(0,e.tZ)("td",null,n[65].value),(0,e.tZ)("td",null,n[66].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[67].value),(0,e.tZ)("td",null,n[68].value),(0,e.tZ)("td",null,n[69].value),(0,e.tZ)("td",null,n[70].value),(0,e.tZ)("td",null,n[71].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[72].value),(0,e.tZ)("td",null,n[73].value,(0,e.tZ)("code",null,n[74].value)),(0,e.tZ)("td",null,n[75].value),(0,e.tZ)("td",null,n[76].value),(0,e.tZ)("td",null,n[77].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[78].value),(0,e.tZ)("td",null,n[79].value),(0,e.tZ)("td",null,n[80].value),(0,e.tZ)("td",null,n[81].value),(0,e.tZ)("td",null,n[82].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[83].value),(0,e.tZ)("td",null,n[84].value),(0,e.tZ)("td",null,n[85].value,(0,e.tZ)(l.Z,{href:"https://day.js.org/",sourceType:"a"},n[86].value),n[87].value,(0,e.tZ)(l.Z,{href:"https://day.js.org/",sourceType:"a"},n[88].value),n[89].value),(0,e.tZ)("td",null,n[90].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[91].value),(0,e.tZ)("td",null,n[92].value),(0,e.tZ)("td",null,(0,e.tZ)(l.Z,{href:"https://day.js.org/",sourceType:"a"},n[93].value)),(0,e.tZ)("td",null,n[94].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[95].value),(0,e.tZ)("td",null,n[96].value),(0,e.tZ)("td",null,n[97].value),(0,e.tZ)("td",null,n[98].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[99].value),(0,e.tZ)("td",null,n[100].value),(0,e.tZ)("td",null,n[101].value),(0,e.tZ)("td",null,n[102].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,n[103].value),(0,e.tZ)("td",null,n[104].value),(0,e.tZ)("td",null,n[105].value),(0,e.tZ)("td",null,n[106].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,n[107].value),n[108].value)))),(0,e.tZ)("h2",{id:"design-token"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Design Token")),(0,e.tZ)(c.Z,{component:"Calendar"}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h2",{id:"faq"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"FAQ"),(0,e.tZ)("h3",{id:"\u5982\u4F55\u5728-calendar-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5982\u4F55\u5728-calendar-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u5982\u4F55\u5728 Calendar \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93"),(0,e.tZ)("p",null,n[109].value,(0,e.tZ)(l.Z,{to:"/docs/react/use-custom-date-library#calendar",sourceType:"Link"},n[110].value),n[111].value),(0,e.tZ)("h3",{id:"\u5982\u4F55\u7ED9\u65E5\u671F\u7C7B\u7EC4\u4EF6\u914D\u7F6E\u56FD\u9645\u5316"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5982\u4F55\u7ED9\u65E5\u671F\u7C7B\u7EC4\u4EF6\u914D\u7F6E\u56FD\u9645\u5316",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u5982\u4F55\u7ED9\u65E5\u671F\u7C7B\u7EC4\u4EF6\u914D\u7F6E\u56FD\u9645\u5316\uFF1F"),(0,e.tZ)("p",null,n[112].value,(0,e.tZ)(l.Z,{to:"/components/date-picker-cn#%E5%9B%BD%E9%99%85%E5%8C%96%E9%85%8D%E7%BD%AE",sourceType:"Link"},n[113].value),n[114].value),(0,e.tZ)("h3",{id:"\u4E3A\u4EC0\u4E48\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684\u56FD\u9645\u5316-locale-\u8BBE\u7F6E\u4E0D\u751F\u6548"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684\u56FD\u9645\u5316-locale-\u8BBE\u7F6E\u4E0D\u751F\u6548",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4E3A\u4EC0\u4E48\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684\u56FD\u9645\u5316 locale \u8BBE\u7F6E\u4E0D\u751F\u6548\uFF1F"),(0,e.tZ)("p",null,n[115].value,(0,e.tZ)(l.Z,{to:"/docs/react/faq#%E4%B8%BA%E4%BB%80%E4%B9%88%E6%97%B6%E9%97%B4%E7%B1%BB%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9B%BD%E9%99%85%E5%8C%96-locale-%E8%AE%BE%E7%BD%AE%E4%B8%8D%E7%94%9F%E6%95%88",sourceType:"Link"},n[116].value),n[117].value),(0,e.tZ)("h3",{id:"\u5982\u4F55\u4EC5\u83B7\u53D6\u6765\u81EA\u9762\u677F\u70B9\u51FB\u7684\u65E5\u671F"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5982\u4F55\u4EC5\u83B7\u53D6\u6765\u81EA\u9762\u677F\u70B9\u51FB\u7684\u65E5\u671F",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u5982\u4F55\u4EC5\u83B7\u53D6\u6765\u81EA\u9762\u677F\u70B9\u51FB\u7684\u65E5\u671F\uFF1F"),(0,e.tZ)("p",null,(0,e.tZ)("code",null,n[118].value),n[119].value,(0,e.tZ)("code",null,n[120].value),n[121].value),(0,e.tZ)(a.Z,{lang:"tsx"},n[122].value))))}r.default=d}}]);
|
|
|