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

feat: add new form support v-model 

* chore: update site

* chore: update submodule

* docs: update

* docs: update doc

* docs: update

* test: update snap

* docs: update

* feat: add new form support v-model

* feat: add new form

* docs: update changelog

* chore: update webpack

* test: update snap
pull/1886/head
tangjinzhou 2020-03-15 13:12:47 +08:00 committed by GitHub
parent 4f49338f76
commit e1b51e9c78
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
162 changed files with 2305 additions and 9661 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.jest.js
View File

@ -19,7 +19,8 @@ module.exports = {
testRegex: libDir === 'dist' ? 'demo\\.test\\.js$' : '.*\\.test\\.js$', testRegex: libDir === 'dist' ? 'demo\\.test\\.js$' : '.*\\.test\\.js$',
moduleNameMapper: { moduleNameMapper: {
'^@/(.*)$': '<rootDir>/$1', '^@/(.*)$': '<rootDir>/$1',
'ant-design-vue': '<rootDir>/components/index.js', 'ant-design-vue$': '<rootDir>/components/index.js',
'ant-design-vue/es': '<rootDir>/components',
'^vue$': 'vue/dist/vue.common.js', '^vue$': 'vue/dist/vue.common.js',
}, },
snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'], snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],

3
CHANGELOG.en-US.md
View File

@ -19,6 +19,7 @@
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Descriptions](https://antdv.com/components/descriptions/) Display multiple read-only fields in groups. - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Descriptions](https://antdv.com/components/descriptions/) Display multiple read-only fields in groups.
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [PageHeader](https://antdv.com/components/page-header/) can be used to declare the topic of the page, display important information about the page that the user is concerned about, and carry the operation items related to the current page. - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [PageHeader](https://antdv.com/components/page-header/) can be used to declare the topic of the page, display important information about the page that the user is concerned about, and carry the operation items related to the current page.
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Result](https://antdv.com/components/result) is used to feedback the processing results of a series of operation tasks. - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Result](https://antdv.com/components/result) is used to feedback the processing results of a series of operation tasks.
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [NewForm](https://antdv.com/components/n-form) Form components that use v-model for automatic validation are more concise than v-decorator forms.
- ๐Ÿ”ฅ Descriptions supports vertical layout. - ๐Ÿ”ฅ Descriptions supports vertical layout.
- ๐Ÿ”ฅ Progress.Circle supports gradient colors. - ๐Ÿ”ฅ Progress.Circle supports gradient colors.
- ๐Ÿ”ฅ Progress.Line supports gradient colors. - ๐Ÿ”ฅ Progress.Line supports gradient colors.
@ -550,8 +551,6 @@ Component Fixes / Enhancements:
`2018-12-16` `2018-12-16`
### Synchronize with antd 3.10.x
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ replaced font icons with svg icons which bring benefits below:๏ผš - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ replaced font icons with svg icons which bring benefits below:๏ผš
- Complete offline usage of icon, no dependency of alipay cdn font icon file and no more empty square during downloading than no need to deploy icon font files locally either. - Complete offline usage of icon, no dependency of alipay cdn font icon file and no more empty square during downloading than no need to deploy icon font files locally either.
- Much more display accuracy in lower-level screens. - Much more display accuracy in lower-level screens.

5
CHANGELOG.zh-CN.md
View File

@ -14,11 +14,12 @@
`2020-03-06` `2020-03-06`
- ๆ–ฐๅขžไบ†ๅ››ไธช็ป„ไปถ๏ผš - ๆ–ฐๅขžไบ†ไบ”ไธช็ป„ไปถ๏ผš
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Mentions](https://antdv.com/components/mentions-cn/) ๆ–ฐๅขžๆๅŠ็ป„ไปถๅนถๅบŸๅผƒๅŽŸๆœ‰ Mention ็ป„ไปถใ€‚ - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Mentions](https://antdv.com/components/mentions-cn/) ๆ–ฐๅขžๆๅŠ็ป„ไปถๅนถๅบŸๅผƒๅŽŸๆœ‰ Mention ็ป„ไปถใ€‚
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Descriptions](https://antdv.com/components/descriptions-cn/) ๆˆ็ป„ๅฑ•็คบๅคšไธชๅช่ฏปๅญ—ๆฎตใ€‚ - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Descriptions](https://antdv.com/components/descriptions-cn/) ๆˆ็ป„ๅฑ•็คบๅคšไธชๅช่ฏปๅญ—ๆฎตใ€‚
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [PageHeader](https://antdv.com/components/page-header-cn/) ๅฏ็”จไบŽๅฃฐๆ˜Ž้กต้ขไธป้ข˜ใ€ๅฑ•็คบ็”จๆˆทๆ‰€ๅ…ณๆณจ็š„้กต้ข้‡่ฆไฟกๆฏ๏ผŒไปฅๅŠๆ‰ฟ่ฝฝไธŽๅฝ“ๅ‰้กต็›ธๅ…ณ็š„ๆ“ไฝœ้กนใ€‚ - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [PageHeader](https://antdv.com/components/page-header-cn/) ๅฏ็”จไบŽๅฃฐๆ˜Ž้กต้ขไธป้ข˜ใ€ๅฑ•็คบ็”จๆˆทๆ‰€ๅ…ณๆณจ็š„้กต้ข้‡่ฆไฟกๆฏ๏ผŒไปฅๅŠๆ‰ฟ่ฝฝไธŽๅฝ“ๅ‰้กต็›ธๅ…ณ็š„ๆ“ไฝœ้กนใ€‚
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Result](https://antdv.com/components/result) ็”จไบŽๅ้ฆˆไธ€็ณปๅˆ—ๆ“ไฝœไปปๅŠก็š„ๅค„็†็ป“ๆžœใ€‚ - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [Result](https://antdv.com/components/result) ็”จไบŽๅ้ฆˆไธ€็ณปๅˆ—ๆ“ไฝœไปปๅŠก็š„ๅค„็†็ป“ๆžœใ€‚
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ [NewForm](https://antdv.com/components/n-form) ไฝฟ็”จ v-model ่ฟ›่กŒ่‡ชๅŠจๆ ก้ชŒ็š„่กจๅ•็ป„ไปถ๏ผŒ็›ธ่พƒไบŽ v-decorator ๅฝขๅผ็š„่กจๅ•๏ผŒๆ›ดๅŠ ็ฎ€ๆดใ€‚
- ๐Ÿ”ฅ Descriptions ๆ”ฏๆŒๅž‚็›ดๅธƒๅฑ€ใ€‚ - ๐Ÿ”ฅ Descriptions ๆ”ฏๆŒๅž‚็›ดๅธƒๅฑ€ใ€‚
- ๐Ÿ”ฅ Progress.Circle ๆ”ฏๆŒๆธๅ˜่‰ฒใ€‚ - ๐Ÿ”ฅ Progress.Circle ๆ”ฏๆŒๆธๅ˜่‰ฒใ€‚
- ๐Ÿ”ฅ Progress.Line ๆ”ฏๆŒๆธๅ˜่‰ฒใ€‚ - ๐Ÿ”ฅ Progress.Line ๆ”ฏๆŒๆธๅ˜่‰ฒใ€‚
@ -553,8 +554,6 @@
`2018-12-16` `2018-12-16`
### ไธŽ antd 3.10.x ๅŒๆญฅ
- ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ ไฝฟ็”จไบ† svg ๅ›พๆ ‡ๆ›ฟๆขไบ†ๅŽŸๅ…ˆ็š„ font ๅ›พๆ ‡๏ผŒไปŽ่€Œๅธฆๆฅไบ†ไปฅไธ‹ไผ˜ๅŠฟ๏ผš - ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ ไฝฟ็”จไบ† svg ๅ›พๆ ‡ๆ›ฟๆขไบ†ๅŽŸๅ…ˆ็š„ font ๅ›พๆ ‡๏ผŒไปŽ่€Œๅธฆๆฅไบ†ไปฅไธ‹ไผ˜ๅŠฟ๏ผš
- ๅฏไปฅ็ฆป็บฟๅŒ–ไฝฟ็”จ๏ผŒไธ้œ€่ฆไปŽๆ”ฏไป˜ๅฎ cdn ไธ‹่ฝฝๅญ—ไฝ“ๆ–‡ไปถ๏ผŒๅ›พๆ ‡ไธไผšๅ› ไธบ็ฝ‘็ปœ้—ฎ้ข˜ๅ‘ˆ็Žฐๆ–นๅ—๏ผŒไนŸๆ— ้œ€ๅญ—ไฝ“ๆ–‡ไปถๆœฌๅœฐ้ƒจ็ฝฒใ€‚ - ๅฏไปฅ็ฆป็บฟๅŒ–ไฝฟ็”จ๏ผŒไธ้œ€่ฆไปŽๆ”ฏไป˜ๅฎ cdn ไธ‹่ฝฝๅญ—ไฝ“ๆ–‡ไปถ๏ผŒๅ›พๆ ‡ไธไผšๅ› ไธบ็ฝ‘็ปœ้—ฎ้ข˜ๅ‘ˆ็Žฐๆ–นๅ—๏ผŒไนŸๆ— ้œ€ๅญ—ไฝ“ๆ–‡ไปถๆœฌๅœฐ้ƒจ็ฝฒใ€‚
- ๅœจไฝŽ็ซฏ่ฎพๅค‡ไธŠ svg ๆœ‰ๆ›ดๅฅฝ็š„ๆธ…ๆ™ฐๅบฆใ€‚ - ๅœจไฝŽ็ซฏ่ฎพๅค‡ไธŠ svg ๆœ‰ๆ›ดๅฅฝ็š„ๆธ…ๆ™ฐๅบฆใ€‚

2
antd-tools/gulpfile.js
View File

@ -34,7 +34,7 @@ const esDir = path.join(cwd, 'es');
function dist(done) { function dist(done) {
rimraf.sync(path.join(cwd, 'dist')); rimraf.sync(path.join(cwd, 'dist'));
process.env.RUN_ENV = 'PRODUCTION'; process.env.RUN_ENV = 'PRODUCTION';
const webpackConfig = require(path.join(cwd, 'build/webpack.build.conf.js')); const webpackConfig = require(path.join(cwd, 'webpack.build.conf.js'));
webpack(webpackConfig, (err, stats) => { webpack(webpackConfig, (err, stats) => {
if (err) { if (err) {
console.error(err.stack || err); console.error(err.stack || err);

2
antdv-demo

@ -1 +1 @@
Subproject commit 6cb6deed574c408cddcf6c9271132e36f8975168 Subproject commit 4e957c28ba982dd34894e72f9b00e513e26f1b5d

5
build/config.js
View File

@ -1,5 +0,0 @@
module.exports = {
dev: {
componentName: 'badge', // dev components
},
};

213
build/dev.js
View File

@ -1,213 +0,0 @@
process.env.ENTRY_INDEX = 'dev';
const fs = require('fs');
const path = require('path');
const chokidar = require('chokidar');
const importFresh = require('import-fresh');
const replace = require('json-templater/string');
const webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const devWebpack = require('./webpack.dev.conf');
const configPath = path.join(__dirname, './config.js');
/**
* a-bc-d --> aBcD
* @param {string} s
*/
const camelize = s => s.replace(/-(\w)/g, ($, $1) => $1.toUpperCase());
/**
* radio-group --> radio
* @param {string} s
*/
const getUpper = s => s.replace(/(-[a-z]*)/g, '');
let { componentName } = require('./config').dev;
const componentsInPrototype = ['Modal', 'message', 'notification'];
const MAIN_TEMPLATE = `import 'babel-polyfill';
import Vue from 'vue';
import Vuex from 'vuex';
import VueI18n from 'vue-i18n';
import VueRouter from 'vue-router';
import VueClipboard from 'vue-clipboard2';
import Md from './components/md';
import Api from './components/api';
import demoBox from './components/demoBox';
import demoSort from './components/demoSort';
import demoContainer from './components/demoContainer';
import Modal from '../components/modal';
import message from '../components/message';
import notification from '../components/notification';
{{importComponents}}
{{importStyles}}
import '../components/modal/style';
import '../components/message/style';
import '../components/notification/style';
import Test from '../antdv-demo/{{name}}/demo/index.vue';
import zhCN from './theme/zh-CN';
import enUS from './theme/en-US';
import './index.less';
Vue.use(Vuex);
Vue.use(VueClipboard);
Vue.use(VueRouter);
Vue.use(VueI18n);
Vue.component(Md.name, Md);
Vue.component(Api.name, Api);
Vue.component('demo-box', demoBox);
Vue.component('demo-sort', demoSort);
Vue.component('demo-container', demoContainer);
Vue.prototype.$message = message;
Vue.prototype.$notification = notification;
Vue.prototype.$info = Modal.info;
Vue.prototype.$success = Modal.success;
Vue.prototype.$error = Modal.error;
Vue.prototype.$warning = Modal.warning;
Vue.prototype.$confirm = Modal.confirm;
Vue.prototype.$destroyAll = Modal.destroyAll;
Vue.use(Modal);
{{install}}
const i18n = new VueI18n({
locale: enUS.locale,
messages: {
[enUS.locale]: { message: enUS.messages },
[zhCN.locale]: { message: zhCN.messages },
},
});
const router = new VueRouter({
mode: 'history',
routes: [{
path: '/test',
component: () => import('../components/test/index.vue'),
}, {
path: '/*', component: Test
}],
});
const store = new Vuex.Store({
state: {
username: 'zeka',
},
mutations: {
update(state, payload) {
state.username = payload.username;
},
},
});
new Vue({
el: '#app',
i18n,
router,
store,
});
`;
const OUTPUT_PATH = path.join(__dirname, '../site/dev.js');
const generateEntry = components =>
Object.keys(components)
.map(component => `import ${component} from '../components/${components[component]}';`)
.join('\n');
const generateStyles = components =>
Object.keys(components)
.map(component => `import '../components/${components[component]}/style';`)
.join('\n');
const generateInstall = components =>
Object.keys(components)
.map(component => `Vue.use(${component});`)
.join('\n');
const renderTemplate = name => {
const components = {
Tooltip: 'tooltip', // for DemoBox
Icon: 'icon', // Basic
};
const demoPaths = fs
.readdirSync(path.join(__dirname, `../antdv-demo/${name}/demo`))
.map(p => `../antdv-demo/${name}/demo/${p}`);
const testPaths = fs
.readdirSync(path.join(__dirname, `../components/test`))
.map(p => `../components/test/${p}`);
[...demoPaths, ...testPaths].forEach(demoPath => {
const demo = fs.readFileSync(path.join(__dirname, demoPath)).toString();
const componentsInDemo = demo.match(/a-(\w+(-\w+)*)/g) || [];
componentsInDemo.forEach(name => {
const dirName = name.replace(/^a-/, '');
const componentName = camelize(name).replace(/^a/, '');
const upperComponentDir = getUpper(dirName);
const upperComponentName = upperComponentDir.replace(/^[a-z]/, $ => $.toUpperCase());
const componentPath = path.join(__dirname, `../components/${dirName}`);
if (fs.existsSync(componentPath)) {
if (componentsInPrototype.includes(componentName)) {
return;
}
components[componentName] = dirName;
} else if (fs.existsSync(path.join(__dirname, `../components/${upperComponentDir}`))) {
components[upperComponentName] = upperComponentDir;
}
});
});
const importComponents = generateEntry(components);
const importStyles = generateStyles(components);
const install = generateInstall(components);
const template = replace(MAIN_TEMPLATE, {
importComponents,
importStyles,
install,
name,
});
fs.writeFileSync(OUTPUT_PATH, template);
};
function fsExistsSync(path) {
try {
fs.accessSync(path, fs.F_OK);
} catch (e) {
return false;
}
return true;
}
if (!fsExistsSync(path.join(__dirname, '../components/test/index.vue'))) {
if (!fsExistsSync(path.join(__dirname, '../components/test'))) {
fs.mkdirSync(path.join(__dirname, '../components/test'));
}
fs.writeFileSync(path.join(__dirname, '../components/test/index.vue'), `<template></template>`);
}
let demoWatcher;
chokidar.watch(configPath, { ignoreInitial: true }).on('change', async () => {
({ componentName } = importFresh(configPath).dev);
demoWatcher && (await demoWatcher.close());
demoWatcher = chokidar.watch(path.join(__dirname, `../antdv-demo/${componentName}/demo`));
demoWatcher.on('change', () => {
renderTemplate(componentName);
});
renderTemplate(componentName);
});
renderTemplate(componentName);
const compiler = webpack(devWebpack);
const configuration = devWebpack.devServer;
const server = new WebpackDevServer(compiler, configuration);
server.listen(configuration.port);

210
build/webpack.base.conf.js
View File

@ -1,210 +0,0 @@
const path = require('path');
const Prism = require('prismjs');
const Token = require('markdown-it/lib/token');
const cheerio = require('cheerio');
const WebpackBar = require('webpackbar');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const getBabelCommonConfig = require('../antd-tools/getBabelCommonConfig');
const babelConfig = getBabelCommonConfig(false);
babelConfig.plugins.push(require.resolve('babel-plugin-syntax-dynamic-import'));
const fetch = (str, tag, scoped) => {
const $ = cheerio.load(str, {
decodeEntities: false,
xmlMode: true,
});
if (!tag) {
return str;
}
if (tag === 'style') {
return scoped
? $(`${tag}[scoped]`).html()
: $(`${tag}`)
.not(`${tag}[scoped]`)
.html();
}
return $(tag).html();
};
/**
* `{{ }}` => `<span>{{</span> <span>}}</span>`
* @param {string} str
* @return {string}
*/
const replaceDelimiters = function(str) {
return str.replace(/({{|}})/g, '<span>$1</span>');
};
/**
* renderHighlight
* @param {string} str
* @param {string} lang
*/
const renderHighlight = function(str, lang) {
if (!(lang && Prism.languages[lang])) {
return '';
}
try {
return replaceDelimiters(Prism.highlight(str, Prism.languages[lang], lang));
} catch (err) {}
};
const md = require('markdown-it')('default', {
html: true,
breaks: true,
highlight: renderHighlight,
}).use(require('markdown-it-anchor'), {
level: 2,
slugify: string =>
string
.trim()
.split(' ')
.join('-'),
permalink: true,
// renderPermalink: (slug, opts, state, permalink) => {},
permalinkClass: 'anchor',
permalinkSymbol: '#',
permalinkBefore: false,
});
// md.renderer.rules.fence = wrap(md.renderer.rules.fence)
const cnReg = new RegExp('<(cn)(?:[^<]|<)+</\\1>', 'g');
const usReg = new RegExp('<(us)(?:[^<]|<)+</\\1>', 'g');
md.core.ruler.push('update_template', function replace({ tokens }) {
let cn = '';
let us = '';
let template = '';
let script = '';
let style = '';
let scopedStyle = '';
let code = '';
let sourceCode = '';
tokens.forEach(token => {
if (token.type === 'html_block') {
if (token.content.match(cnReg)) {
cn = fetch(token.content, 'cn');
token.content = '';
}
if (token.content.match(usReg)) {
us = fetch(token.content, 'us');
token.content = '';
}
}
if (token.type === 'fence' && token.info === 'tpl' && token.markup === '```') {
sourceCode = token.content;
code = '````html\n' + token.content + '````';
template = fetch(token.content, 'template');
script = fetch(token.content, 'script');
style = fetch(token.content, 'style');
scopedStyle = fetch(token.content, 'style', true);
token.content = '';
token.type = 'html_block';
}
});
if (template) {
let jsfiddle = {
html: template,
script,
style,
us,
cn,
sourceCode,
};
jsfiddle = md.utils.escapeHtml(JSON.stringify(jsfiddle));
const codeHtml = code ? md.render(code) : '';
const cnHtml = cn ? md.render(cn) : '';
let newContent = `
<template>
<demo-box :jsfiddle="${jsfiddle}">
<template slot="component">${template}</template>
<template slot="description">${cnHtml}</template>
<template slot="us-description">${us ? md.render(us) : ''}</template>
<template slot="code">${codeHtml}</template>
</demo-box>
</template>`;
newContent += script
? `
<script>
${script || ''}
</script>
`
: '';
newContent += style ? `<style>${style || ''}</style>` : '';
newContent += scopedStyle ? `<style scoped>${scopedStyle || ''}</style>` : '';
const t = new Token('html_block', '', 0);
t.content = newContent;
tokens.push(t);
}
});
const vueLoaderOptions = {
loaders: {
js: [
{
loader: 'babel-loader',
options: {
presets: ['env'],
plugins: ['transform-vue-jsx', 'transform-object-rest-spread'],
},
},
],
},
};
module.exports = {
mode: 'production',
entry: {
index: [`./site/${process.env.ENTRY_INDEX || 'index'}.js`],
},
module: {
rules: [
{
test: /\.md$/,
use: [
{
loader: 'vue-loader',
options: vueLoaderOptions,
},
{
loader: 'vue-antd-md-loader',
options: Object.assign(md, {
wrapper: 'div',
raw: true,
}),
},
],
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderOptions,
},
{
test: /\.(js|jsx)$/,
loader: 'babel-loader',
exclude: /node_modules/,
options: babelConfig,
},
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]',
},
},
],
},
resolve: {
modules: ['node_modules', path.join(__dirname, '../node_modules')],
extensions: ['.js', '.jsx', '.vue', '.md'],
alias: {
vue$: 'vue/dist/vue.esm.js',
antd: path.join(__dirname, '../components'),
'ant-design-vue': path.join(__dirname, '../components'),
'ant-design-vue/es': path.join(__dirname, '../components'),
'ant-design-vue/lib': path.join(__dirname, '../components'),
'@': path.join(__dirname, '../'),
},
},
plugins: [new VueLoaderPlugin(), new WebpackBar()],
};

54
build/webpack.dev.conf.js
View File

@ -1,54 +0,0 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const merge = require('webpack-merge');
const baseWebpackConfig = require('./webpack.base.conf');
module.exports = merge(baseWebpackConfig, {
mode: 'development',
output: {
path: path.resolve(__dirname, '../dist'),
publicPath: '/',
filename: 'build.js',
},
module: {
rules: [
{
test: /\.less$/,
use: [
{ loader: 'vue-style-loader' },
{
loader: 'css-loader',
options: { sourceMap: true },
},
{ loader: 'less-loader', options: { sourceMap: true, javascriptEnabled: true } },
],
},
{
test: /\.css$/,
use: ['vue-style-loader', 'css-loader'],
},
],
},
devServer: {
port: process.env.PORT || 3000,
host: '0.0.0.0',
historyApiFallback: {
rewrites: [{ from: /./, to: '/index.html' }],
},
disableHostCheck: true,
hot: true,
open: true,
headers: { 'Access-Control-Allow-Origin': '*' },
},
performance: {
hints: false,
},
devtool: '#source-map',
plugins: [
new HtmlWebpackPlugin({
template: 'site/index.html',
filename: 'index.html',
inject: true,
}),
],
});

67
build/webpack.site.conf.js
View File

@ -1,67 +0,0 @@
const path = require('path');
const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const merge = require('webpack-merge');
const baseWebpackConfig = require('./webpack.base.conf');
module.exports = merge(baseWebpackConfig, {
output: {
path: path.resolve(__dirname, '../_site'),
publicPath: '/',
filename: '[name].[contenthash:8].js',
chunkFilename: '[contenthash:8].async.js',
},
module: {
rules: [
{
test: /\.less$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
'postcss-loader',
{ loader: 'less-loader', options: { javascriptEnabled: true } },
],
},
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader'],
},
],
},
optimization: {
splitChunks: {
cacheGroups: {
vendors: {
name: `chunk-vendors`,
test: /[\\/]node_modules[\\/]/,
priority: -10,
chunks: 'initial',
},
common: {
name: `chunk-common`,
minChunks: 2,
priority: -20,
chunks: 'initial',
reuseExistingChunk: true,
},
},
},
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"',
},
}),
new HtmlWebpackPlugin({
template: './site/index.html',
inject: true,
production: true,
}),
new MiniCssExtractPlugin({
filename: '[name].[contenthash:8].css',
chunkFilename: '[id].[contenthash:8].css',
}),
],
});

6
components/affix/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/affix/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/affix/demo/basic.md correctly 1`] = `
<div> <div>
<div> <div>
<div class=""><button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button></div> <div class=""><button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button></div>
@ -11,13 +11,13 @@ exports[`renders ./antdv-demo/affix/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/affix/demo/on-change.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/affix/demo/on-change.md correctly 1`] = `
<div> <div>
<div class=""><button type="button" class="ant-btn"><span>120px to affix top</span></button></div> <div class=""><button type="button" class="ant-btn"><span>120px to affix top</span></button></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/affix/demo/target.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/affix/demo/target.md correctly 1`] = `
<div id="components-affix-demo-target" class="scrollable-container"> <div id="components-affix-demo-target" class="scrollable-container">
<div class="background"> <div class="background">
<div> <div>

18
components/alert/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/alert/demo/banner.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/banner.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i aria-label="icon: exclamation-circle" class="ant-alert-icon anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div data-show="true" class="ant-alert ant-alert-warning ant-alert-banner"><i aria-label="icon: exclamation-circle" class="ant-alert-icon anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>
@ -17,9 +17,9 @@ exports[`renders ./antdv-demo/alert/demo/banner.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/basic.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div>`; exports[`renders ./antdv-demo/docs/alert/demo/basic.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div>`;
exports[`renders ./antdv-demo/alert/demo/closable.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/closable.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><i aria-label="icon: close" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div data-show="true" class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><i aria-label="icon: close" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path> <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
@ -30,9 +30,9 @@ exports[`renders ./antdv-demo/alert/demo/closable.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/close-text.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><span class="ant-alert-close-text">Close Now</span></a></div>`; exports[`renders ./antdv-demo/docs/alert/demo/close-text.md correctly 1`] = `<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><span class="ant-alert-close-text">Close Now</span></a></div>`;
exports[`renders ./antdv-demo/alert/demo/custom-icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/custom-icon.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">showIcon = false</span><span class="ant-alert-description"></span></div> <div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">showIcon = false</span><span class="ant-alert-description"></span></div>
<div data-show="true" class="ant-alert ant-alert-success"><span class="ant-alert-icon"><i slot="icon" aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description"></span></div> <div data-show="true" class="ant-alert ant-alert-success"><span class="ant-alert-icon"><i slot="icon" aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description"></span></div>
@ -46,7 +46,7 @@ exports[`renders ./antdv-demo/alert/demo/custom-icon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/description.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/description.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"><p> <div data-show="true" class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"><p>
Success Description <span style="color: red;">Success</span> Description Success Description Success Description <span style="color: red;">Success</span> Description Success Description
@ -57,7 +57,7 @@ exports[`renders ./antdv-demo/alert/demo/description.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/icon.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-success"><i aria-label="icon: check-circle" class="ant-alert-icon anticon anticon-check-circle"><svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div data-show="true" class="ant-alert ant-alert-success"><i aria-label="icon: check-circle" class="ant-alert-icon anticon anticon-check-circle"><svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>
@ -90,7 +90,7 @@ exports[`renders ./antdv-demo/alert/demo/icon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/smooth-closed.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/smooth-closed.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><i aria-label="icon: close" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon ant-alert-closable"><span class="ant-alert-message">Alert Message Text</span><span class="ant-alert-description"></span><a type="button" tabindex="0" class="ant-alert-close-icon"><i aria-label="icon: close" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path> <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
@ -98,7 +98,7 @@ exports[`renders ./antdv-demo/alert/demo/smooth-closed.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/alert/demo/style.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/alert/demo/style.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div> <div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div>
<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span></div> <div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span></div>

12
components/anchor/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/anchor/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/basic.md correctly 1`] = `
<div> <div>
<div class=""> <div class="">
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">
@ -19,7 +19,7 @@ exports[`renders ./antdv-demo/anchor/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/anchor/demo/customizeHighlight.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/customizeHighlight.md correctly 1`] = `
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">
<div class="ant-anchor fixed"> <div class="ant-anchor fixed">
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div> <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
@ -33,7 +33,7 @@ exports[`renders ./antdv-demo/anchor/demo/customizeHighlight.md correctly 1`] =
</div> </div>
`; `;
exports[`renders ./antdv-demo/anchor/demo/onChange.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/onChange.md correctly 1`] = `
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">
<div class="ant-anchor fixed"> <div class="ant-anchor fixed">
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div> <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
@ -47,7 +47,7 @@ exports[`renders ./antdv-demo/anchor/demo/onChange.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/anchor/demo/onClick.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/onClick.md correctly 1`] = `
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">
<div class="ant-anchor fixed"> <div class="ant-anchor fixed">
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div> <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
@ -61,7 +61,7 @@ exports[`renders ./antdv-demo/anchor/demo/onClick.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/anchor/demo/static.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/static.md correctly 1`] = `
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">
<div class="ant-anchor fixed"> <div class="ant-anchor fixed">
<div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div> <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
@ -75,7 +75,7 @@ exports[`renders ./antdv-demo/anchor/demo/static.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/anchor/demo/targetOffset.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/anchor/demo/targetOffset.md correctly 1`] = `
<div> <div>
<div class=""> <div class="">
<div class="ant-anchor-wrapper" style="max-height: 100vh;"> <div class="ant-anchor-wrapper" style="max-height: 100vh;">

12
components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/auto-complete/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/basic.md correctly 1`] = `
<div> <div>
<div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -27,7 +27,7 @@ exports[`renders ./antdv-demo/auto-complete/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/auto-complete/demo/certain-category.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/certain-category.md correctly 1`] = `
<div class="certain-category-search-wrapper" style="width: 250px;"> <div class="certain-category-search-wrapper" style="width: 250px;">
<div tabindex="0" class="certain-category-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;"> <div tabindex="0" class="certain-category-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -43,7 +43,7 @@ exports[`renders ./antdv-demo/auto-complete/demo/certain-category.md correctly 1
</div> </div>
`; `;
exports[`renders ./antdv-demo/auto-complete/demo/custom.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/custom.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -57,7 +57,7 @@ exports[`renders ./antdv-demo/auto-complete/demo/custom.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/auto-complete/demo/non-case-sensitive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -71,7 +71,7 @@ exports[`renders ./antdv-demo/auto-complete/demo/non-case-sensitive.md correctly
</div> </div>
`; `;
exports[`renders ./antdv-demo/auto-complete/demo/options.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/options.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -85,7 +85,7 @@ exports[`renders ./antdv-demo/auto-complete/demo/options.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/auto-complete/demo/uncertain-category.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div class="global-search-wrapper" style="width: 300px;"> <div class="global-search-wrapper" style="width: 300px;">
<div tabindex="0" class="global-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;"> <div tabindex="0" class="global-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">

8
components/avatar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,14 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/avatar/demo/badge.md correctly 1`] = `<div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><sup title="1" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter" data-show="true"><span class="ant-scroll-number-only" style="transition: none; transform: translateY(-1100%);"><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit current">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p></span></sup></span></span> <span><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter" data-show="true"></sup></span></span></div>`; exports[`renders ./antdv-demo/docs/avatar/demo/badge.md correctly 1`] = `<div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><sup title="1" class="ant-scroll-number ant-badge-count ant-badge-zoom-enter" data-show="true"><span class="ant-scroll-number-only" style="transition: none; transform: translateY(-1100%);"><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit current">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p><p class="ant-scroll-number-only-unit">0</p><p class="ant-scroll-number-only-unit">1</p><p class="ant-scroll-number-only-unit">2</p><p class="ant-scroll-number-only-unit">3</p><p class="ant-scroll-number-only-unit">4</p><p class="ant-scroll-number-only-unit">5</p><p class="ant-scroll-number-only-unit">6</p><p class="ant-scroll-number-only-unit">7</p><p class="ant-scroll-number-only-unit">8</p><p class="ant-scroll-number-only-unit">9</p></span></sup></span></span> <span><span class="ant-badge"><span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter" data-show="true"></sup></span></span></div>`;
exports[`renders ./antdv-demo/avatar/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/avatar/demo/basic.md correctly 1`] = `
<div> <div>
<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div> <br> <div><span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div> <br>
<div><span class="ant-avatar ant-avatar-square ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div> <div><span class="ant-avatar ant-avatar-square ant-avatar-icon" style="width: 64px; height: 64px; line-height: 64px; font-size: 32px;"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-lg ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/avatar/demo/dynamic.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <button type="button" class="ant-btn ant-btn-sm" style="vertical-align: middle;"><span>ๆ”น ๅ˜</span></button></div>`; exports[`renders ./antdv-demo/docs/avatar/demo/dynamic.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-lg ant-avatar-square" style="background-color: rgb(245, 106, 0); vertical-align: middle;"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <button type="button" class="ant-btn ant-btn-sm" style="vertical-align: middle;"><span>ๆ”น ๅ˜</span></button></div>`;
exports[`renders ./antdv-demo/avatar/demo/type.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i slot="icon" aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">USER</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div>`; exports[`renders ./antdv-demo/docs/avatar/demo/type.md correctly 1`] = `<div><span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon"><i slot="icon" aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="opacity: 0;">USER</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color: rgb(245, 106, 0); background-color: rgb(253, 227, 207);"><span class="ant-avatar-string" style="opacity: 0;">U</span></span> <span class="ant-avatar ant-avatar-circle ant-avatar-icon" style="background-color: rgb(135, 208, 104);"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span></div>`;

4
components/back-top/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/back-top/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/back-top/demo/basic.md correctly 1`] = `
<div> <div>
<!----> <!---->
Scroll down to see the bottom-right Scroll down to see the bottom-right
@ -9,7 +9,7 @@ exports[`renders ./antdv-demo/back-top/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/back-top/demo/custom.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/back-top/demo/custom.md correctly 1`] = `
<div id="components-back-top-demo-custom"> <div id="components-back-top-demo-custom">
<!----> <!---->
Scroll down to see the bottom-right Scroll down to see the bottom-right

18
components/badge/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because one or more lines are too long

10
components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,23 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/breadcrumb/demo/basic.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application List</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</span></span></div>`; exports[`renders ./antdv-demo/docs/breadcrumb/demo/basic.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Application List</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</span></span></div>`;
exports[`renders ./antdv-demo/breadcrumb/demo/overlay.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/breadcrumb/demo/overlay.md correctly 1`] = `
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Ant Design Vue</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Component</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-overlay-link ant-dropdown-trigger"><span class="ant-breadcrumb-link"><a href="">General</a> </span><i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Ant Design Vue</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"><a href="">Component</a></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-overlay-link ant-dropdown-trigger"><span class="ant-breadcrumb-link"><a href="">General</a> </span><i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">Button</span><span class="ant-breadcrumb-separator">/</span></span></div> </svg></i></span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">Button</span><span class="ant-breadcrumb-separator">/</span></span></div>
`; `;
exports[`renders ./antdv-demo/breadcrumb/demo/separator.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/breadcrumb/demo/separator.md correctly 1`] = `
<div> <div>
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">&gt;</span></span></div> <div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">&gt;</span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">&gt;</span></span></div>
<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span></div> <div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span><span class=""><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color: red;">&gt;</span></span></span></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/breadcrumb/demo/separator-indepent.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Location</span></span><span class="ant-breadcrumb-separator">:</span><span class=""><a class="ant-breadcrumb-link">Application Center</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><a class="ant-breadcrumb-link">Application List</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><span class="ant-breadcrumb-link">An Application</span></span></div>`; exports[`renders ./antdv-demo/docs/breadcrumb/demo/separator-indepent.md correctly 1`] = `<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Location</span></span><span class="ant-breadcrumb-separator">:</span><span class=""><a class="ant-breadcrumb-link">Application Center</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><a class="ant-breadcrumb-link">Application List</a></span><span class="ant-breadcrumb-separator">/</span><span class=""><span class="ant-breadcrumb-link">An Application</span></span></div>`;
exports[`renders ./antdv-demo/breadcrumb/demo/withIcon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/breadcrumb/demo/withIcon.md correctly 1`] = `
<div class="ant-breadcrumb"><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: home" class="anticon anticon-home"><svg viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path></svg></i></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link"> <div class="ant-breadcrumb"><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: home" class="anticon anticon-home"><svg viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path></svg></i></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><a class="ant-breadcrumb-link"><i aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">
Application Application
</span><span class="ant-breadcrumb-separator">/</span></span></div> </span><span class="ant-breadcrumb-separator">/</span></span></div>

18
components/button/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/button/demo/basic.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>ๆŒ‰้’ฎ</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>ๆŒ‰ ้’ฎ</span></button> <button type="button" class="ant-btn ant-btn-link"><span>Link</span></button></div>`; exports[`renders ./antdv-demo/docs/button/demo/basic.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>ๆŒ‰้’ฎ</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>ๆŒ‰ ้’ฎ</span></button> <button type="button" class="ant-btn ant-btn-link"><span>Link</span></button></div>`;
exports[`renders ./antdv-demo/button/demo/block.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary ant-btn-block"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-block"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-block"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-block"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-block"><span>Link</span></button></div>`; exports[`renders ./antdv-demo/docs/button/demo/block.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary ant-btn-block"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-block"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-block"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-block"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-block"><span>Link</span></button></div>`;
exports[`renders ./antdv-demo/button/demo/button-group.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/button-group.md correctly 1`] = `
<div id="components-button-demo-button-group"> <div id="components-button-demo-button-group">
<h4>Basic</h4> <h4>Basic</h4>
<div class="ant-btn-group"><button type="button" class="ant-btn"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button></div> <div class="ant-btn-group"><button type="button" class="ant-btn"><span>Cancel</span></button><button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button></div>
@ -25,15 +25,15 @@ exports[`renders ./antdv-demo/button/demo/button-group.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/button/demo/disabled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/disabled.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-primary"><span>Primary(disabled)</span></button> <br> <button type="button" class="ant-btn"><span>Default</span></button> <button disabled="disabled" type="button" class="ant-btn"><span>Default(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-dashed"><span>Dashed(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-link"><span>Link</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-link"><span>Link(disabled)</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-primary"><span>Primary(disabled)</span></button> <br> <button type="button" class="ant-btn"><span>Default</span></button> <button disabled="disabled" type="button" class="ant-btn"><span>Default(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-dashed"><span>Dashed</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-dashed"><span>Dashed(disabled)</span></button> <br> <button type="button" class="ant-btn ant-btn-link"><span>Link</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-link"><span>Link(disabled)</span></button>
<div style="padding: 8px 8px 0px 8px; background: rgb(190, 200, 200);"><button type="button" class="ant-btn ant-btn-background-ghost"><span>Ghost</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-background-ghost"><span>Ghost(disabled)</span></button></div> <div style="padding: 8px 8px 0px 8px; background: rgb(190, 200, 200);"><button type="button" class="ant-btn ant-btn-background-ghost"><span>Ghost</span></button> <button disabled="disabled" type="button" class="ant-btn ant-btn-background-ghost"><span>Ghost(disabled)</span></button></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/button/demo/ghost.md correctly 1`] = `<div style="background: rgb(190, 200, 200); padding: 26px 16px 16px;"><button type="button" class="ant-btn ant-btn-primary ant-btn-background-ghost"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-background-ghost"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-background-ghost"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-background-ghost"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-background-ghost"><span>Link</span></button></div>`; exports[`renders ./antdv-demo/docs/button/demo/ghost.md correctly 1`] = `<div style="background: rgb(190, 200, 200); padding: 26px 16px 16px;"><button type="button" class="ant-btn ant-btn-primary ant-btn-background-ghost"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-background-ghost"><span>Default</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-background-ghost"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-background-ghost"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-background-ghost"><span>Link</span></button></div>`;
exports[`renders ./antdv-demo/button/demo/icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/icon.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><button type="button" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path> <path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path>
</svg></i></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-circle"><span>A</span></button> <button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-circle"><span>A</span></button> <button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -53,7 +53,7 @@ exports[`renders ./antdv-demo/button/demo/icon.md correctly 1`] = `
</svg></i><span>Search</span></button></div> </svg></i><span>Search</span></button></div>
`; `;
exports[`renders ./antdv-demo/button/demo/loading.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/loading.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary ant-btn-loading"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"> <div><button type="button" class="ant-btn ant-btn-primary ant-btn-loading"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin">
<path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path> <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path>
</svg></i><span>Loading</span></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"> </svg></i><span>Loading</span></button> <button type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin">
@ -69,13 +69,13 @@ exports[`renders ./antdv-demo/button/demo/loading.md correctly 1`] = `
</svg></i></button></div> </svg></i></button></div>
`; `;
exports[`renders ./antdv-demo/button/demo/multiple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/multiple.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn"><span>secondary</span></button> <button type="button" class="ant-btn ant-dropdown-trigger"><span>Actions</span><i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><button type="button" class="ant-btn ant-btn-primary"><span>Primary</span></button> <button type="button" class="ant-btn"><span>secondary</span></button> <button type="button" class="ant-btn ant-dropdown-trigger"><span>Actions</span><i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></button></div> </svg></i></button></div>
`; `;
exports[`renders ./antdv-demo/button/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/button/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-lg"><span>Normal</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-lg"><span>Link</span></button> <br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"><i aria-label="icon: download" class="anticon anticon-download"><svg viewBox="64 64 896 896" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg"><span>Primary</span></button> <button type="button" class="ant-btn ant-btn-lg"><span>Normal</span></button> <button type="button" class="ant-btn ant-btn-dashed ant-btn-lg"><span>Dashed</span></button> <button type="button" class="ant-btn ant-btn-danger ant-btn-lg"><span>Danger</span></button> <button type="button" class="ant-btn ant-btn-link ant-btn-lg"><span>Link</span></button> <br> <button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"><i aria-label="icon: download" class="anticon anticon-download"><svg viewBox="64 64 896 896" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path> <path d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path>

8
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/calendar/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/calendar/demo/basic.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen"> <div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header"> <div class="ant-fullcalendar-header">
<div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select"> <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
@ -305,7 +305,7 @@ exports[`renders ./antdv-demo/calendar/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/calendar/demo/card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/calendar/demo/card.md correctly 1`] = `
<div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;"> <div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
<div class=""> <div class="">
<div class="ant-fullcalendar-header"> <div class="ant-fullcalendar-header">
@ -612,7 +612,7 @@ exports[`renders ./antdv-demo/calendar/demo/card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/calendar/demo/notice-calendar.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/calendar/demo/notice-calendar.md correctly 1`] = `
<div class=" ant-fullcalendar-fullscreen"> <div class=" ant-fullcalendar-fullscreen">
<div class="ant-fullcalendar-header"> <div class="ant-fullcalendar-header">
<div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select"> <div tabindex="0" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
@ -1022,7 +1022,7 @@ exports[`renders ./antdv-demo/calendar/demo/notice-calendar.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/calendar/demo/select.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/calendar/demo/select.md correctly 1`] = `
<div> <div>
<div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">You selected date: 2017-01-25</span><span class="ant-alert-description"></span></div> <div data-show="true" class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">You selected date: 2017-01-25</span><span class="ant-alert-description"></span></div>
<div style="display: inline-block; width: 500px; border: 1px solid #d9d9d9; border-radius: 4px;"> <div style="display: inline-block; width: 500px; border: 1px solid #d9d9d9; border-radius: 4px;">

3
components/calendar/__tests__/index.test.js
View File

@ -4,9 +4,6 @@ import { asyncExpect } from '@/tests/utils';
import MockDate from 'mockdate'; import MockDate from 'mockdate';
import Calendar from '..'; import Calendar from '..';
import Header from '../Header'; import Header from '../Header';
import Select from '../../select';
import Group from '../../radio/group';
import Button from '../../radio/radioButton';
import mountTest from '../../../tests/shared/mountTest'; import mountTest from '../../../tests/shared/mountTest';
import { sleep } from '../../../tests/utils'; import { sleep } from '../../../tests/utils';

20
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/card/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-card ant-card-bordered" style="width: 300px;"> <div class="ant-card ant-card-bordered" style="width: 300px;">
<div class="ant-card-head"> <div class="ant-card-head">
@ -31,7 +31,7 @@ exports[`renders ./antdv-demo/card/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/border-less.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/border-less.md correctly 1`] = `
<div style="background: rgb(236, 236, 236); padding: 30px;"> <div style="background: rgb(236, 236, 236); padding: 30px;">
<div class="ant-card" style="width: 300px;"> <div class="ant-card" style="width: 300px;">
<div class="ant-card-head"> <div class="ant-card-head">
@ -48,7 +48,7 @@ exports[`renders ./antdv-demo/card/demo/border-less.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/flexible-content.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/flexible-content.md correctly 1`] = `
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 240px;"> <div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 240px;">
<div class="ant-card-cover"><img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"></div> <div class="ant-card-cover"><img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"></div>
<div class="ant-card-body"> <div class="ant-card-body">
@ -62,7 +62,7 @@ exports[`renders ./antdv-demo/card/demo/flexible-content.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/grid-card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/grid-card.md correctly 1`] = `
<div class="ant-card ant-card-bordered ant-card-contain-grid"> <div class="ant-card ant-card-bordered ant-card-contain-grid">
<div class="ant-card-head"> <div class="ant-card-head">
<div class="ant-card-head-wrapper"> <div class="ant-card-head-wrapper">
@ -82,7 +82,7 @@ exports[`renders ./antdv-demo/card/demo/grid-card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/in-column.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/in-column.md correctly 1`] = `
<div style="background-color: rgb(236, 236, 236); padding: 20px;"> <div style="background-color: rgb(236, 236, 236); padding: 20px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;"> <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;"> <div class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
@ -125,7 +125,7 @@ exports[`renders ./antdv-demo/card/demo/in-column.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/inner.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/inner.md correctly 1`] = `
<div class="ant-card ant-card-bordered"> <div class="ant-card ant-card-bordered">
<div class="ant-card-head"> <div class="ant-card-head">
<div class="ant-card-head-wrapper"> <div class="ant-card-head-wrapper">
@ -162,7 +162,7 @@ exports[`renders ./antdv-demo/card/demo/inner.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/loading.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/loading.md correctly 1`] = `
<div> <div>
<div class="ant-card ant-card-loading ant-card-bordered"> <div class="ant-card ant-card-loading ant-card-bordered">
<div class="ant-card-head"> <div class="ant-card-head">
@ -218,7 +218,7 @@ exports[`renders ./antdv-demo/card/demo/loading.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/meta.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/meta.md correctly 1`] = `
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 300px;"> <div class="ant-card ant-card-bordered ant-card-hoverable" style="width: 300px;">
<div class="ant-card-cover"><img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"></div> <div class="ant-card-cover"><img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"></div>
<div class="ant-card-body"> <div class="ant-card-body">
@ -238,7 +238,7 @@ exports[`renders ./antdv-demo/card/demo/meta.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/simple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/simple.md correctly 1`] = `
<div class="ant-card ant-card-bordered" style="width: 300px;"> <div class="ant-card ant-card-bordered" style="width: 300px;">
<div class="ant-card-body"> <div class="ant-card-body">
<p>Card content</p> <p>Card content</p>
@ -248,7 +248,7 @@ exports[`renders ./antdv-demo/card/demo/simple.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/card/demo/tabs.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/card/demo/tabs.md correctly 1`] = `
<div> <div>
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width: 100%;"> <div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width: 100%;">
<div class="ant-card-head"> <div class="ant-card-head">

12
components/carousel/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/carousel/demo/autoplay.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/autoplay.md correctly 1`] = `
<div class="ant-carousel"> <div class="ant-carousel">
<div class="slick-slider slick-initialized"> <div class="slick-slider slick-initialized">
<div class="slick-list"> <div class="slick-list">
@ -80,7 +80,7 @@ exports[`renders ./antdv-demo/carousel/demo/autoplay.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/carousel/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/basic.md correctly 1`] = `
<div class="ant-carousel"> <div class="ant-carousel">
<div class="slick-slider slick-initialized"> <div class="slick-slider slick-initialized">
<div class="slick-list"> <div class="slick-list">
@ -160,7 +160,7 @@ exports[`renders ./antdv-demo/carousel/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/carousel/demo/customArrows.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/customArrows.md correctly 1`] = `
<div class="ant-carousel"> <div class="ant-carousel">
<div class="slick-slider slick-initialized"> <div class="slick-slider slick-initialized">
<div class="custom-slick-arrow slick-arrow slick-prev" style="left: 10px; z-index: 1; display: block;"><i aria-label="icon: left-circle" class="anticon anticon-left-circle"><svg viewBox="64 64 896 896" data-icon="left-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="custom-slick-arrow slick-arrow slick-prev" style="left: 10px; z-index: 1; display: block;"><i aria-label="icon: left-circle" class="anticon anticon-left-circle"><svg viewBox="64 64 896 896" data-icon="left-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -248,7 +248,7 @@ exports[`renders ./antdv-demo/carousel/demo/customArrows.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/carousel/demo/customPaging.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/customPaging.md correctly 1`] = `
<div class="ant-carousel"> <div class="ant-carousel">
<div class="slick-slider slick-initialized"><button type="button" class="slick-arrow slick-prev" style="display: block;"> Previous</button> <div class="slick-slider slick-initialized"><button type="button" class="slick-arrow slick-prev" style="display: block;"> Previous</button>
<div class="slick-list"> <div class="slick-list">
@ -310,7 +310,7 @@ exports[`renders ./antdv-demo/carousel/demo/customPaging.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/carousel/demo/fade.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/fade.md correctly 1`] = `
<div class="ant-carousel"> <div class="ant-carousel">
<div class="slick-slider slick-initialized"> <div class="slick-slider slick-initialized">
<div class="slick-list"> <div class="slick-list">
@ -355,7 +355,7 @@ exports[`renders ./antdv-demo/carousel/demo/fade.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/carousel/demo/position.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/carousel/demo/position.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>Bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>Right</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>Bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>Right</span></label></div>
<div class="ant-carousel"> <div class="ant-carousel">

24
components/cascader/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,18 +1,18 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/cascader/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/basic.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/change-on-select.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/change-on-select.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/custom-render.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/custom-render.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker" style="width: 100%;"><input type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"><span><span> <span tabindex="0" class="ant-cascader-picker" style="width: 100%;"><input type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"><span><span>
Zhejiang / Zhejiang /
</span></span><span><span> </span></span><span><span>
@ -26,13 +26,13 @@ exports[`renders ./antdv-demo/cascader/demo/custom-render.md correctly 1`] = `
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/custom-trigger.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/custom-trigger.md correctly 1`] = `
<span> <span>
Unselect &nbsp; Unselect &nbsp;
<a href="#" tabindex="0" class="">Change city</a></span> <a href="#" tabindex="0" class="">Change city</a></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/default-value.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/default-value.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span><i aria-label="icon: close-circle" tabindex="-1" class="ant-cascader-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label">Zhejiang / Hangzhou / West Lake</span><i aria-label="icon: close-circle" tabindex="-1" class="ant-cascader-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
</svg></i><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -40,37 +40,37 @@ exports[`renders ./antdv-demo/cascader/demo/default-value.md correctly 1`] = `
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/disabled-option.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/disabled-option.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/fields-name.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/fields-name.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/hover.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/hover.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/lazy.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/lazy.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/search.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/search.md correctly 1`] = `
<span tabindex="0" class="ant-cascader-picker ant-cascader-picker-show-search"><span class="ant-cascader-picker-label"></span><input placeholder="Please select" type="text" class="ant-input ant-cascader-input "><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span tabindex="0" class="ant-cascader-picker ant-cascader-picker-show-search"><span class="ant-cascader-picker-label"></span><input placeholder="Please select" type="text" class="ant-input ant-cascader-input "><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/cascader/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/size.md correctly 1`] = `
<div><span tabindex="0" class="ant-cascader-picker ant-cascader-picker-large"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-lg"><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><span tabindex="0" class="ant-cascader-picker ant-cascader-picker-large"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input ant-input-lg"><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></span><br><br> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i></span><br><br> <span tabindex="0" class="ant-cascader-picker"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i aria-label="icon: down" class="ant-cascader-picker-arrow anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -80,7 +80,7 @@ exports[`renders ./antdv-demo/cascader/demo/size.md correctly 1`] = `
</svg></i></span><br><br></div> </svg></i></span><br><br></div>
`; `;
exports[`renders ./antdv-demo/cascader/demo/suffix.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/cascader/demo/suffix.md correctly 1`] = `
<div><span tabindex="0" class="ant-cascader-picker" style="margin-top: 1rem;"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i slot="suffixIcon" aria-label="icon: smile" class="test anticon anticon-smile ant-cascader-picker-arrow"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><span tabindex="0" class="ant-cascader-picker" style="margin-top: 1rem;"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><i slot="suffixIcon" aria-label="icon: smile" class="test anticon anticon-smile ant-cascader-picker-arrow"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path> <path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path>
</svg></i></span> <span tabindex="0" class="ant-cascader-picker" style="margin-top: 1rem;"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><span class="ant-cascader-picker-arrow">ab</span></span></div> </svg></i></span> <span tabindex="0" class="ant-cascader-picker" style="margin-top: 1rem;"><input placeholder="Please select" type="text" readonly="true" class="ant-input ant-cascader-input "><span class="ant-cascader-picker-label"></span><span class="ant-cascader-picker-arrow">ab</span></span></div>

12
components/checkbox/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/checkbox/demo/basic.md correctly 1`] = `<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>Checkbox</span></label>`; exports[`renders ./antdv-demo/docs/checkbox/demo/basic.md correctly 1`] = `<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>Checkbox</span></label>`;
exports[`renders ./antdv-demo/checkbox/demo/check-all.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/checkbox/demo/check-all.md correctly 1`] = `
<div> <div>
<div style="border-bottom: 1px solid #E9E9E9;"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span> <div style="border-bottom: 1px solid #E9E9E9;"><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
Check all Check all
@ -11,7 +11,7 @@ exports[`renders ./antdv-demo/checkbox/demo/check-all.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/checkbox/demo/controller.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/checkbox/demo/controller.md correctly 1`] = `
<div> <div>
<p style="margin-bottom: 20px;"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span> <p style="margin-bottom: 20px;"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span><span>
Checked-Enabled Checked-Enabled
@ -20,9 +20,9 @@ exports[`renders ./antdv-demo/checkbox/demo/controller.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/checkbox/demo/disabled.md correctly 1`] = `<div><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> <br> <label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>`; exports[`renders ./antdv-demo/docs/checkbox/demo/disabled.md correctly 1`] = `<div><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label> <br> <label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>`;
exports[`renders ./antdv-demo/checkbox/demo/group.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/checkbox/demo/group.md correctly 1`] = `
<div> <div>
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br> <div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input name="checkboxgroup" type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br>
<div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br> <div class="ant-checkbox-group"><label class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value="Apple"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Pear"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label><label class="ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="Orange"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label></div> <br>
@ -31,7 +31,7 @@ exports[`renders ./antdv-demo/checkbox/demo/group.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/checkbox/demo/layout.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/checkbox/demo/layout.md correctly 1`] = `
<div class="ant-checkbox-group"> <div class="ant-checkbox-group">
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div> <div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div>

14
components/collapse/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/collapse/demo/accordion.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/accordion.md correctly 1`] = `
<div> <div>
<div role="tablist" class="ant-collapse ant-collapse-icon-position-left"> <div role="tablist" class="ant-collapse ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item"> <div role="tablist" class="ant-collapse-item">
@ -25,7 +25,7 @@ exports[`renders ./antdv-demo/collapse/demo/accordion.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> <div role="tablist" class="ant-collapse-item ant-collapse-item-active">
@ -54,7 +54,7 @@ exports[`renders ./antdv-demo/collapse/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/borderless.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/borderless.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-borderless ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-borderless ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> <div role="tablist" class="ant-collapse-item ant-collapse-item-active">
@ -83,7 +83,7 @@ exports[`renders ./antdv-demo/collapse/demo/borderless.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/custom.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/custom.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-borderless ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-borderless ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item ant-collapse-item-active" style="background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;"> <div role="tablist" class="ant-collapse-item ant-collapse-item-active" style="background: rgb(247, 247, 247); border-radius: 4px; margin-bottom: 24px; border: 0px; overflow: hidden;">
@ -112,7 +112,7 @@ exports[`renders ./antdv-demo/collapse/demo/custom.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/extra.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/extra.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> <div role="tablist" class="ant-collapse-item ant-collapse-item-active">
@ -157,7 +157,7 @@ exports[`renders ./antdv-demo/collapse/demo/extra.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/mix.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/mix.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item"> <div role="tablist" class="ant-collapse-item">
@ -182,7 +182,7 @@ exports[`renders ./antdv-demo/collapse/demo/mix.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/collapse/demo/noarrow.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/collapse/demo/noarrow.md correctly 1`] = `
<div> <div>
<div class="ant-collapse ant-collapse-icon-position-left"> <div class="ant-collapse ant-collapse-icon-position-left">
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> <div role="tablist" class="ant-collapse-item ant-collapse-item-active">

8
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/comment/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/comment/demo/basic.md correctly 1`] = `
<div class="ant-comment"> <div class="ant-comment">
<div class="ant-comment-inner"> <div class="ant-comment-inner">
<div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div> <div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div>
@ -29,7 +29,7 @@ exports[`renders ./antdv-demo/comment/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/comment/demo/editor.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/comment/demo/editor.md correctly 1`] = `
<div> <div>
<!----> <!---->
<div class="ant-comment"> <div class="ant-comment">
@ -61,7 +61,7 @@ exports[`renders ./antdv-demo/comment/demo/editor.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/comment/demo/list.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/comment/demo/list.md correctly 1`] = `
<div class="comment-list ant-list ant-list-split"> <div class="comment-list ant-list ant-list-split">
<div class="ant-list-header">2 replies</div> <div class="ant-list-header">2 replies</div>
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
@ -105,7 +105,7 @@ exports[`renders ./antdv-demo/comment/demo/list.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/comment/demo/nested.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/comment/demo/nested.md correctly 1`] = `
<div class="ant-comment"> <div class="ant-comment">
<div class="ant-comment-inner"> <div class="ant-comment-inner">
<div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div> <div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div>

26
components/date-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,43 +1,43 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/date-picker/demo/basic.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/basic.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/date-render.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/date-render.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/disabled.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input disabled="disabled" readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/disabled.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input disabled="disabled" readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input ant-input-disabled"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input disabled="disabled" readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/disabled-date.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/disabled-date.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/extra-footer.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/extra-footer.md correctly 1`] = `<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/format.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/date-picker/demo/format.md correctly 1`] = `
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><i aria-label="icon: close-circle" tabindex="-1" class="ant-calendar-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
</svg></i><span class="ant-calendar-picker-icon"></span></span></span></div> </svg></i><span class="ant-calendar-picker-icon"></span></span></span></div>
`; `;
exports[`renders ./antdv-demo/date-picker/demo/mode.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/mode.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End month" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/presetted-ranges.md correctly 1`] = `<div><span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/presetted-ranges.md correctly 1`] = `<div><span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/date-picker/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><div class=""><input readonly="true" placeholder="Select Month" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span> <br> <span class="ant-calendar-picker ant-calendar-picker-default"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select Week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span></span>
</div> </div>
`; `;
exports[`renders ./antdv-demo/date-picker/demo/start-end.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Start" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="End" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/start-end.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Start" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="End" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></div>`;
exports[`renders ./antdv-demo/date-picker/demo/suffix.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/date-picker/demo/suffix.md correctly 1`] = `
<div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path> <path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path>
</svg></i></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon">ab</span></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></span></span></div> </svg></i></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-calendar-picker-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></div></span> <br> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select month" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></div></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon">ab</span></span></span> <br> <span class="ant-calendar-picker"><span class="" style="display: inline-block; width: 100%;"><input readonly="true" placeholder="Select week" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon">ab</span></span></span></div>
`; `;
exports[`renders ./antdv-demo/date-picker/demo/text.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/date-picker/demo/text.md correctly 1`] = `
<div><span class="ant-calendar-picker"><span class="">SelectTime</span></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class=""> <div><span class="ant-calendar-picker"><span class="">SelectTime</span></span> <br> <span tabindex="0" class="ant-calendar-picker"><span class="">
่ฏท้€‰ๆ‹ฉ ่ฏท้€‰ๆ‹ฉ
</span></span></div> </span></span></div>
`; `;
exports[`renders ./antdv-demo/date-picker/demo/time.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select Time" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`; exports[`renders ./antdv-demo/docs/date-picker/demo/time.md correctly 1`] = `<div><span class="ant-calendar-picker" style="min-width: 195px;"><div class=""><input readonly="true" placeholder="Select Time" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span> <br> <span tabindex="0" class="ant-calendar-picker" style="width: 350px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End Time" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span></div>`;

12
components/descriptions/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/descriptions/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/basic.md correctly 1`] = `
<div class="ant-descriptions"> <div class="ant-descriptions">
<div class="ant-descriptions-title">User Info</div> <div class="ant-descriptions-title">User Info</div>
<div class="ant-descriptions-view"> <div class="ant-descriptions-view">
@ -23,7 +23,7 @@ exports[`renders ./antdv-demo/descriptions/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/descriptions/demo/border.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/border.md correctly 1`] = `
<div class="ant-descriptions ant-descriptions-bordered"> <div class="ant-descriptions ant-descriptions-bordered">
<div class="ant-descriptions-title">User Info</div> <div class="ant-descriptions-title">User Info</div>
<div class="ant-descriptions-view"> <div class="ant-descriptions-view">
@ -78,7 +78,7 @@ exports[`renders ./antdv-demo/descriptions/demo/border.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/descriptions/demo/responsive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/responsive.md correctly 1`] = `
<div> <div>
<div class="ant-descriptions ant-descriptions-bordered"> <div class="ant-descriptions ant-descriptions-bordered">
<div class="ant-descriptions-title">Responsive Descriptions</div> <div class="ant-descriptions-title">Responsive Descriptions</div>
@ -124,7 +124,7 @@ exports[`renders ./antdv-demo/descriptions/demo/responsive.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/descriptions/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="default"><span class="ant-radio-inner"></span></span><span>default</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>small</span></label></div> <br> <br> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="default"><span class="ant-radio-inner"></span></span><span>default</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>small</span></label></div> <br> <br>
<div class="ant-descriptions ant-descriptions-bordered"> <div class="ant-descriptions ant-descriptions-bordered">
@ -189,7 +189,7 @@ exports[`renders ./antdv-demo/descriptions/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/descriptions/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/vertical.md correctly 1`] = `
<div class="ant-descriptions"> <div class="ant-descriptions">
<div class="ant-descriptions-title">User Info</div> <div class="ant-descriptions-title">User Info</div>
<div class="ant-descriptions-view"> <div class="ant-descriptions-view">
@ -221,7 +221,7 @@ exports[`renders ./antdv-demo/descriptions/demo/vertical.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/descriptions/demo/vertical-border.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/descriptions/demo/vertical-border.md correctly 1`] = `
<div class="ant-descriptions ant-descriptions-bordered"> <div class="ant-descriptions ant-descriptions-bordered">
<div class="ant-descriptions-title">User Info</div> <div class="ant-descriptions-title">User Info</div>
<div class="ant-descriptions-view"> <div class="ant-descriptions-view">

8
components/divider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/divider/demo/customize-style.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/divider/demo/customize-style.md correctly 1`] = `
<div> <div>
<div role="separator" class="ant-divider ant-divider-horizontal" style="height: 2px; background-color: rgb(124, 179, 5);"></div> <div role="separator" class="ant-divider ant-divider-horizontal" style="height: 2px; background-color: rgb(124, 179, 5);"></div>
<div role="separator" class="ant-divider ant-divider-horizontal ant-divider-dashed" style="border-color: #7cb305;"></div> <div role="separator" class="ant-divider ant-divider-horizontal ant-divider-dashed" style="border-color: #7cb305;"></div>
@ -9,7 +9,7 @@ exports[`renders ./antdv-demo/divider/demo/customize-style.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/divider/demo/horizontal.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/divider/demo/horizontal.md correctly 1`] = `
<div> <div>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
@ -33,7 +33,7 @@ exports[`renders ./antdv-demo/divider/demo/horizontal.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/divider/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/divider/demo/vertical.md correctly 1`] = `
<div> <div>
Text Text
<div role="separator" class="ant-divider ant-divider-vertical"></div> <a href="#">Link</a> <div role="separator" class="ant-divider ant-divider-vertical"></div> <a href="#">Link</a>
@ -41,7 +41,7 @@ exports[`renders ./antdv-demo/divider/demo/vertical.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/divider/demo/with-text.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/divider/demo/with-text.md correctly 1`] = `
<div> <div>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista

12
components/drawer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/drawer/demo/basic-right.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/basic-right.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/drawer/demo/form-in-drawer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/form-in-drawer.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: plus" class="anticon anticon-plus"><svg viewBox="64 64 896 896" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: plus" class="anticon anticon-plus"><svg viewBox="64 64 896 896" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path> <path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path>
<path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path> <path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path>
@ -15,20 +15,20 @@ exports[`renders ./antdv-demo/drawer/demo/form-in-drawer.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/drawer/demo/multi-level-drawer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/multi-level-drawer.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/drawer/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/placement.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span>top</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span>right</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span>bottom</span></label><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="left"><span class="ant-radio-inner"></span></span><span>left</span></label></div> <button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-right: 8px;"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="top"><span class="ant-radio-inner"></span></span><span>top</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="right"><span class="ant-radio-inner"></span></span><span>right</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="bottom"><span class="ant-radio-inner"></span></span><span>bottom</span></label><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="left"><span class="ant-radio-inner"></span></span><span>left</span></label></div> <button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/drawer/demo/render-in-current.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/render-in-current.md correctly 1`] = `
<div style="height: 200px; overflow: hidden; position: relative; border: 1px solid #ebedf0; border-radius: 2px; padding: 48px; text-align: center; background: rgb(250, 250, 250);"> <div style="height: 200px; overflow: hidden; position: relative; border: 1px solid #ebedf0; border-radius: 2px; padding: 48px; text-align: center; background: rgb(250, 250, 250);">
Render in this Render in this
<div style="margin-top: 16px;"><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button></div> <div style="margin-top: 16px;"><button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button></div>
@ -52,7 +52,7 @@ exports[`renders ./antdv-demo/drawer/demo/render-in-current.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/drawer/demo/user-profile.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/drawer/demo/user-profile.md correctly 1`] = `
<div> <div>
<div class="ant-list ant-list-split ant-list-bordered"> <div class="ant-list ant-list-split ant-list-bordered">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">

18
components/dropdown/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,18 +1,18 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/dropdown/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/basic.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/context-menu.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/context-menu.md correctly 1`] = `
<div class="ant-dropdown-trigger" style="text-align: center; background: rgb(247, 247, 247); height: 200px; line-height: 200px; color: rgb(119, 119, 119);"> <div class="ant-dropdown-trigger" style="text-align: center; background: rgb(247, 247, 247); height: 200px; line-height: 200px; color: rgb(119, 119, 119);">
Right Click on here Right Click on here
</div> </div>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/dropdown-button.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/dropdown-button.md correctly 1`] = `
<div> <div>
<div class="ant-btn-group ant-dropdown-button"><button type="button" class="ant-btn ant-btn-default"><span>Dropdown</span></button><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><i aria-label="icon: ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-btn-group ant-dropdown-button"><button type="button" class="ant-btn ant-btn-default"><span>Dropdown</span></button><button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><i aria-label="icon: ellipsis" class="anticon anticon-ellipsis"><svg viewBox="64 64 896 896" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M176 511a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"></path> <path d="M176 511a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"></path>
@ -28,25 +28,25 @@ exports[`renders ./antdv-demo/dropdown/demo/dropdown-button.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/event.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/event.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Hover me, Click menu item <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Hover me, Click menu item <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/item.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/item.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/overlay-visible.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/overlay-visible.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Hover me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/placement.md correctly 1`] = `
<div id="components-dropdown-demo-placement"><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomLeft</span></button> <div id="components-dropdown-demo-placement"><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomLeft</span></button>
<!----><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomCenter</span></button> <!----><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomCenter</span></button>
<!----><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomRight</span></button> <br><button type="button" class="ant-btn ant-dropdown-trigger"><span>topLeft</span></button> <!----><button type="button" class="ant-btn ant-dropdown-trigger"><span>bottomRight</span></button> <br><button type="button" class="ant-btn ant-dropdown-trigger"><span>topLeft</span></button>
@ -56,13 +56,13 @@ exports[`renders ./antdv-demo/dropdown/demo/placement.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/sub-menu.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/sub-menu.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Cascading menu <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Cascading menu <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>
`; `;
exports[`renders ./antdv-demo/dropdown/demo/trigger.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/dropdown/demo/trigger.md correctly 1`] = `
<a class="ant-dropdown-link ant-dropdown-trigger"> Click me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <a class="ant-dropdown-link ant-dropdown-trigger"> Click me <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
</svg></i></a> </svg></i></a>

10
components/empty/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/empty/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/empty/demo/basic.md correctly 1`] = `
<div class="ant-empty"> <div class="ant-empty">
<div class="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"> <div class="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fillRule="evenodd"> <g fill="none" fillRule="evenodd">
@ -22,7 +22,7 @@ exports[`renders ./antdv-demo/empty/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/empty/demo/config-provider.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/empty/demo/config-provider.md correctly 1`] = `
<div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner">default</span></button> <div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner">default</span></button>
<div role="separator" class="ant-divider ant-divider-horizontal"></div> <div role="separator" class="ant-divider ant-divider-horizontal"></div>
<div class="config-provider"> <div class="config-provider">
@ -150,7 +150,7 @@ exports[`renders ./antdv-demo/empty/demo/config-provider.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/empty/demo/customize.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/empty/demo/customize.md correctly 1`] = `
<div class="ant-empty"> <div class="ant-empty">
<div class="ant-empty-image" style="height: 60px;"><img alt="empty" src="https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original"></div> <div class="ant-empty-image" style="height: 60px;"><img alt="empty" src="https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original"></div>
<p class="ant-empty-description"><span> Customize <a href="#API">Description</a></span></p> <p class="ant-empty-description"><span> Customize <a href="#API">Description</a></span></p>
@ -158,7 +158,7 @@ exports[`renders ./antdv-demo/empty/demo/customize.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/empty/demo/description.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/empty/demo/description.md correctly 1`] = `
<div class="ant-empty"> <div class="ant-empty">
<div class="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg"> <div class="ant-empty-image"><svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fillRule="evenodd"> <g fill="none" fillRule="evenodd">
@ -179,7 +179,7 @@ exports[`renders ./antdv-demo/empty/demo/description.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/empty/demo/simple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/empty/demo/simple.md correctly 1`] = `
<div class="ant-empty ant-empty-normal"> <div class="ant-empty ant-empty-normal">
<div class="ant-empty-image"><svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"> <div class="ant-empty-image"><svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 1)" fill="none" fillRule="evenodd"> <g transform="translate(0 1)" fill="none" fillRule="evenodd">

2
components/form/Form.jsx
View File

@ -151,7 +151,7 @@ const Form = {
}, },
provide() { provide() {
return { return {
FormContextProps: this, FormContext: this,
// https://github.com/vueComponent/ant-design-vue/issues/446 // https://github.com/vueComponent/ant-design-vue/issues/446
collectFormItemContext: collectFormItemContext:
this.form && this.form.templateContext this.form && this.form.templateContext

22
components/form/FormItem.jsx
View File

@ -75,7 +75,7 @@ export default {
}, },
inject: { inject: {
isFormItemChildren: { default: false }, isFormItemChildren: { default: false },
FormContextProps: { default: () => ({}) }, FormContext: { default: () => ({}) },
decoratorFormProps: { default: () => ({}) }, decoratorFormProps: { default: () => ({}) },
collectFormItemContext: { default: () => noop }, collectFormItemContext: { default: () => noop },
configProvider: { default: () => ConfigConsumerProps }, configProvider: { default: () => ConfigConsumerProps },
@ -85,7 +85,7 @@ export default {
}, },
computed: { computed: {
itemSelfUpdate() { itemSelfUpdate() {
return !!(this.selfUpdate === undefined ? this.FormContextProps.selfUpdate : this.selfUpdate); return !!(this.selfUpdate === undefined ? this.FormContext.selfUpdate : this.selfUpdate);
}, },
}, },
created() { created() {
@ -117,8 +117,8 @@ export default {
}, },
methods: { methods: {
collectContext() { collectContext() {
if (this.FormContextProps.form && this.FormContextProps.form.templateContext) { if (this.FormContext.form && this.FormContext.form.templateContext) {
const { templateContext } = this.FormContextProps.form; const { templateContext } = this.FormContext.form;
const vnodes = Object.values(templateContext.$slots || {}).reduce((a, b) => { const vnodes = Object.values(templateContext.$slots || {}).reduce((a, b) => {
return [...a, ...b]; return [...a, ...b];
}, []); }, []);
@ -356,9 +356,7 @@ export default {
}, },
renderWrapper(prefixCls, children) { renderWrapper(prefixCls, children) {
const { wrapperCol: contextWrapperCol } = this.isFormItemChildren const { wrapperCol: contextWrapperCol } = this.isFormItemChildren ? {} : this.FormContext;
? {}
: this.FormContextProps;
const { wrapperCol } = this; const { wrapperCol } = this;
const mergedWrapperCol = wrapperCol || contextWrapperCol || {}; const mergedWrapperCol = wrapperCol || contextWrapperCol || {};
const { style, id, on, ...restProps } = mergedWrapperCol; const { style, id, on, ...restProps } = mergedWrapperCol;
@ -380,7 +378,7 @@ export default {
labelAlign: contextLabelAlign, labelAlign: contextLabelAlign,
labelCol: contextLabelCol, labelCol: contextLabelCol,
colon: contextColon, colon: contextColon,
} = this.FormContextProps; } = this.FormContext;
const { labelAlign, labelCol, colon, id, htmlFor } = this; const { labelAlign, labelCol, colon, id, htmlFor } = this;
const label = getComponentFromProp(this, 'label'); const label = getComponentFromProp(this, 'label');
const required = this.isRequired(); const required = this.isRequired();
@ -481,8 +479,8 @@ export default {
} }
}, },
decoratorChildren(vnodes) { decoratorChildren(vnodes) {
const { FormContextProps } = this; const { FormContext } = this;
const getFieldDecorator = FormContextProps.form.getFieldDecorator; const getFieldDecorator = FormContext.form.getFieldDecorator;
for (let i = 0, len = vnodes.length; i < len; i++) { for (let i = 0, len = vnodes.length; i < len; i++) {
const vnode = vnodes[i]; const vnode = vnodes[i];
if (getSlotOptions(vnode).__ANT_FORM_ITEM) { if (getSlotOptions(vnode).__ANT_FORM_ITEM) {
@ -510,7 +508,7 @@ export default {
decoratorFormProps, decoratorFormProps,
fieldDecoratorId, fieldDecoratorId,
fieldDecoratorOptions = {}, fieldDecoratorOptions = {},
FormContextProps, FormContext,
} = this; } = this;
let child = filterEmpty($slots.default || []); let child = filterEmpty($slots.default || []);
if (decoratorFormProps.form && fieldDecoratorId && child.length) { if (decoratorFormProps.form && fieldDecoratorId && child.length) {
@ -522,7 +520,7 @@ export default {
'`autoFormCreate` just `decorator` then first children. but you can use JSX to support multiple children', '`autoFormCreate` just `decorator` then first children. but you can use JSX to support multiple children',
); );
this.slotDefault = child; this.slotDefault = child;
} else if (FormContextProps.form) { } else if (FormContext.form) {
child = cloneVNodes(child); child = cloneVNodes(child);
this.slotDefault = this.decoratorChildren(child); this.slotDefault = this.decoratorChildren(child);
} else { } else {

94
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/form/demo/advanced-search.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/advanced-search.vue correctly 1`] = `
<div id="components-form-demo-advanced-search"> <div id="components-form-demo-advanced-search">
<form class="ant-advanced-search-form ant-form ant-form-horizontal"> <form class="ant-advanced-search-form ant-form ant-form-horizontal">
<div class="ant-row" style="margin-left: -12px; margin-right: -12px;"> <div class="ant-row" style="margin-left: -12px; margin-right: -12px;">
@ -118,7 +118,7 @@ exports[`renders ./antdv-demo/form/demo/advanced-search.vue correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/form/demo/coordinated.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/coordinated.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-5 ant-form-item-label"><label for="coordinated_note" title="Note" class="ant-form-item-required">Note</label></div> <div class="ant-col ant-col-5 ant-form-item-label"><label for="coordinated_note" title="Note" class="ant-form-item-required">Note</label></div>
@ -147,7 +147,7 @@ exports[`renders ./antdv-demo/form/demo/coordinated.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/customized-form-controls.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/customized-form-controls.vue correctly 1`] = `
<form class="ant-form ant-form-inline"> <form class="ant-form ant-form-inline">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label for="customized_form_controls_price" title="Price" class="">Price</label></div> <div class="ant-col ant-form-item-label"><label for="customized_form_controls_price" title="Price" class="">Price</label></div>
@ -168,7 +168,7 @@ exports[`renders ./antdv-demo/form/demo/customized-form-controls.vue correctly 1
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/dynamic-form-item.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/dynamic-form-item.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4 ant-form-item-control-wrapper"> <div class="ant-col ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4 ant-form-item-control-wrapper">
@ -187,7 +187,7 @@ exports[`renders ./antdv-demo/form/demo/dynamic-form-item.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/dynamic-rule.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/dynamic-rule.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label for="dynamic_rule_username" title="Name" class="ant-form-item-required">Name</label></div> <div class="ant-col ant-col-4 ant-form-item-label"><label for="dynamic_rule_username" title="Name" class="ant-form-item-required">Name</label></div>
@ -224,13 +224,13 @@ exports[`renders ./antdv-demo/form/demo/dynamic-rule.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/form-in-modal.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/form-in-modal.vue correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>New Collection</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>New Collection</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/form/demo/global-state.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/global-state.vue correctly 1`] = `
<div id="components-form-demo-global-state"> <div id="components-form-demo-global-state">
<form class="ant-form ant-form-inline"> <form class="ant-form ant-form-inline">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
@ -250,7 +250,7 @@ exports[`renders ./antdv-demo/form/demo/global-state.vue correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/form/demo/horizontal-login.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/horizontal-login.vue correctly 1`] = `
<form class="ant-form ant-form-inline"> <form class="ant-form ant-form-inline">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-control-wrapper"> <div class="ant-col ant-form-item-control-wrapper">
@ -276,51 +276,49 @@ exports[`renders ./antdv-demo/form/demo/horizontal-login.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/layout.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/layout.vue correctly 1`] = `
<div> <form class="ant-form ant-form-horizontal">
<form class="ant-form ant-form-horizontal"> <div class="ant-row ant-form-item">
<div class="ant-row ant-form-item"> <div class="ant-col ant-col-4 ant-form-item-label"><label title="Form Layout" class="">Form Layout</label></div>
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Form Layout" class="">Form Layout</label></div> <div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-col ant-col-14 ant-form-item-control-wrapper"> <div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="horizontal"><span class="ant-radio-button-inner"></span></span><span>
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="horizontal"><span class="ant-radio-button-inner"></span></span><span> Horizontal
Horizontal </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="vertical"><span class="ant-radio-button-inner"></span></span><span>
</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="vertical"><span class="ant-radio-button-inner"></span></span><span> Vertical
Vertical </span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="inline"><span class="ant-radio-button-inner"></span></span><span>
</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="inline"><span class="ant-radio-button-inner"></span></span><span> Inline
Inline </span></label></div></span>
</span></label></div></span> <!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Field A" class="">Field A</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
<!----> <!---->
</div> </div>
</div> </div>
</div> </div>
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Field A" class="">Field A</label></div> <div class="ant-col ant-col-4 ant-form-item-label"><label title="Field B" class="">Field B</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper"> <div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span> <div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
<!----> <!---->
</div>
</div> </div>
</div> </div>
</div> <div class="ant-row ant-form-item">
<div class="ant-row ant-form-item"> <div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Field B" class="">Field B</label></div> <div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper"> <!---->
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span> </div>
<!---->
</div> </div>
</div> </div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
<!---->
</div>
</div>
</div>
</form> </form>
</div>
`; `;
exports[`renders ./antdv-demo/form/demo/normal-login.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/normal-login.vue correctly 1`] = `
<form class="login-form ant-form ant-form-horizontal" id="components-form-demo-normal-login"> <form class="login-form ant-form ant-form-horizontal" id="components-form-demo-normal-login">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-control-wrapper"> <div class="ant-col ant-form-item-control-wrapper">
@ -354,7 +352,7 @@ exports[`renders ./antdv-demo/form/demo/normal-login.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/register.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/register.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="register_email" title="E-mail" class="ant-form-item-required">E-mail</label></div> <div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="register_email" title="E-mail" class="ant-form-item-required">E-mail</label></div>
@ -457,7 +455,7 @@ exports[`renders ./antdv-demo/form/demo/register.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/time-related-controls.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/time-related-controls.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="time_related_controls_date-picker" title="DatePicker" class="ant-form-item-required">DatePicker</label></div> <div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="time_related_controls_date-picker" title="DatePicker" class="ant-form-item-required">DatePicker</label></div>
@ -517,7 +515,7 @@ exports[`renders ./antdv-demo/form/demo/time-related-controls.vue correctly 1`]
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/validate-other.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/validate-other.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal" id="components-form-demo-validate-other"> <form class="ant-form ant-form-horizontal" id="components-form-demo-validate-other">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-6 ant-form-item-label"><label title="Plain Text" class="">Plain Text</label></div> <div class="ant-col ant-col-6 ant-form-item-label"><label title="Plain Text" class="">Plain Text</label></div>
@ -669,7 +667,7 @@ exports[`renders ./antdv-demo/form/demo/validate-other.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/validate-static.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/validate-static.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item ant-form-item-with-help"> <div class="ant-row ant-form-item ant-form-item-with-help">
<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Fail" class="">Fail</label></div> <div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Fail" class="">Fail</label></div>
@ -817,7 +815,7 @@ exports[`renders ./antdv-demo/form/demo/validate-static.vue correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/form/demo/without-form-create.vue correctly 1`] = ` exports[`renders ./antdv-demo/docs/form/demo/without-form-create.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item ant-form-item-with-help"> <div class="ant-row ant-form-item ant-form-item-with-help">
<div class="ant-col ant-col-7 ant-form-item-label"><label title="Prime between 8 &amp; 12" class="">Prime between 8 &amp; 12</label></div> <div class="ant-col ant-col-7 ant-form-item-label"><label title="Prime between 8 &amp; 12" class="">Prime between 8 &amp; 12</label></div>

20
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/grid/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-12">col-12</div> <div class="ant-col ant-col-12">col-12</div>
@ -20,7 +20,7 @@ exports[`renders ./antdv-demo/grid/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/flex.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/flex.md correctly 1`] = `
<div> <div>
<p>sub-element align left</p> <p>sub-element align left</p>
<div class="ant-row-flex ant-row-flex-start"> <div class="ant-row-flex ant-row-flex-start">
@ -60,7 +60,7 @@ exports[`renders ./antdv-demo/grid/demo/flex.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/flex-align.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/flex-align.md correctly 1`] = `
<div> <div>
<p>Align Top</p> <p>Align Top</p>
<div class="ant-row-flex ant-row-flex-center ant-row-flex-top"> <div class="ant-row-flex ant-row-flex-center ant-row-flex-top">
@ -110,7 +110,7 @@ exports[`renders ./antdv-demo/grid/demo/flex-align.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/flex-order.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/flex-order.md correctly 1`] = `
<div> <div>
<div class="ant-row-flex"> <div class="ant-row-flex">
<div class="ant-col ant-col-6 ant-col-order-4">1 col-order-4</div> <div class="ant-col ant-col-6 ant-col-order-4">1 col-order-4</div>
@ -121,7 +121,7 @@ exports[`renders ./antdv-demo/grid/demo/flex-order.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/gutter.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/gutter.md correctly 1`] = `
<div class="gutter-example"> <div class="gutter-example">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;"> <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="gutter-row ant-col ant-col-6" style="padding-left: 8px; padding-right: 8px;"> <div class="gutter-row ant-col ant-col-6" style="padding-left: 8px; padding-right: 8px;">
@ -140,7 +140,7 @@ exports[`renders ./antdv-demo/grid/demo/gutter.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/offset.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/offset.md correctly 1`] = `
<div> <div>
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-8">col-8</div> <div class="ant-col ant-col-8">col-8</div>
@ -156,7 +156,7 @@ exports[`renders ./antdv-demo/grid/demo/offset.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/playfround.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/playfround.md correctly 1`] = `
<div id="components-grid-demo-playground"> <div id="components-grid-demo-playground">
<div style="margin-bottom: 16px;"><span style="margin-right: 6px;">Horizontal Gutter (px): </span> <div style="margin-bottom: 16px;"><span style="margin-right: 6px;">Horizontal Gutter (px): </span>
<div style="width: 50%;"> <div style="width: 50%;">
@ -228,7 +228,7 @@ exports[`renders ./antdv-demo/grid/demo/playfround.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/responsive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/responsive.md correctly 1`] = `
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div> <div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
<div class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div> <div class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div>
@ -236,7 +236,7 @@ exports[`renders ./antdv-demo/grid/demo/responsive.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/responsive-more.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/responsive-more.md correctly 1`] = `
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div> <div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div> <div class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
@ -244,7 +244,7 @@ exports[`renders ./antdv-demo/grid/demo/responsive-more.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/grid/demo/sort.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/grid/demo/sort.md correctly 1`] = `
<div> <div>
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-18 ant-col-push-6">col-18 col-push-6</div> <div class="ant-col ant-col-18 ant-col-push-6">col-18 col-push-6</div>

8
components/icon/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/icon/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/icon/demo/basic.md correctly 1`] = `
<div class="icons-list"><i aria-label="icon: home" class="anticon anticon-home"><svg viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="icons-list"><i aria-label="icon: home" class="anticon anticon-home"><svg viewBox="64 64 896 896" data-icon="home" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path> <path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"></path>
</svg></i> <i aria-label="icon: setting" class="anticon anticon-setting"><svg viewBox="64 64 896 896" data-icon="setting" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i> <i aria-label="icon: setting" class="anticon anticon-setting"><svg viewBox="64 64 896 896" data-icon="setting" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -16,7 +16,7 @@ exports[`renders ./antdv-demo/icon/demo/basic.md correctly 1`] = `
</svg></i></div> </svg></i></div>
`; `;
exports[`renders ./antdv-demo/icon/demo/iconfont.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/icon/demo/iconfont.md correctly 1`] = `
<div class="icons-list"><i class="anticon"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="icons-list"><i class="anticon"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<use xlink:href="#icon-tuichu"></use> <use xlink:href="#icon-tuichu"></use>
</svg></i> <i class="anticon"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i> <i class="anticon"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -26,7 +26,7 @@ exports[`renders ./antdv-demo/icon/demo/iconfont.md correctly 1`] = `
</svg></i></div> </svg></i></div>
`; `;
exports[`renders ./antdv-demo/icon/demo/old-icons.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/icon/demo/old-icons.md correctly 1`] = `
<div><i aria-label="icon: step-backward" class="anticon anticon-step-backward"><svg viewBox="0 0 1024 1024" data-icon="step-backward" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><i aria-label="icon: step-backward" class="anticon anticon-step-backward"><svg viewBox="0 0 1024 1024" data-icon="step-backward" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M347.6 528.95l383.2 301.02c14.25 11.2 35.2 1.1 35.2-16.95V210.97c0-18.05-20.95-28.14-35.2-16.94L347.6 495.05a21.53 21.53 0 0 0 0 33.9M330 864h-64a8 8 0 0 1-8-8V168a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8v688a8 8 0 0 1-8 8"></path> <path d="M347.6 528.95l383.2 301.02c14.25 11.2 35.2 1.1 35.2-16.95V210.97c0-18.05-20.95-28.14-35.2-16.94L347.6 495.05a21.53 21.53 0 0 0 0 33.9M330 864h-64a8 8 0 0 1-8-8V168a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8v688a8 8 0 0 1-8 8"></path>
</svg></i><i aria-label="icon: step-forward" class="anticon anticon-step-forward"><svg viewBox="0 0 1024 1024" data-icon="step-forward" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i><i aria-label="icon: step-forward" class="anticon anticon-step-forward"><svg viewBox="0 0 1024 1024" data-icon="step-forward" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -653,7 +653,7 @@ exports[`renders ./antdv-demo/icon/demo/old-icons.md correctly 1`] = `
</svg></i></div> </svg></i></div>
`; `;
exports[`renders ./antdv-demo/icon/demo/two-tone.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/icon/demo/two-tone.md correctly 1`] = `
<div class="icons-list"><i aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="icons-list"><i aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path fill="#1890ff" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path> <path fill="#1890ff" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
<path fill="#e6f7ff" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zM288 421a48.01 48.01 0 0 1 96 0 48.01 48.01 0 0 1-96 0zm224 272c-85.5 0-155.6-67.3-160-151.6a8 8 0 0 1 8-8.4h48.1c4.2 0 7.8 3.2 8.1 7.4C420 589.9 461.5 629 512 629s92.1-39.1 95.8-88.6c.3-4.2 3.9-7.4 8.1-7.4H664a8 8 0 0 1 8 8.4C667.6 625.7 597.5 693 512 693zm176-224a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path> <path fill="#e6f7ff" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zM288 421a48.01 48.01 0 0 1 96 0 48.01 48.01 0 0 1-96 0zm224 272c-85.5 0-155.6-67.3-160-151.6a8 8 0 0 1 8-8.4h48.1c4.2 0 7.8 3.2 8.1 7.4C420 589.9 461.5 629 512 629s92.1-39.1 95.8-88.6c.3-4.2 3.9-7.4 8.1-7.4H664a8 8 0 0 1 8 8.4C667.6 625.7 597.5 693 512 693zm176-224a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>

3
components/index.js
View File

@ -56,6 +56,7 @@ import { default as Divider } from './divider';
import { default as Dropdown } from './dropdown'; import { default as Dropdown } from './dropdown';
import { default as Form } from './form'; import { default as Form } from './form';
import { default as NewForm } from './n-form';
import { default as Icon } from './icon'; import { default as Icon } from './icon';
@ -166,6 +167,7 @@ const components = [
Divider, Divider,
Dropdown, Dropdown,
Form, Form,
NewForm,
Icon, Icon,
Input, Input,
InputNumber, InputNumber,
@ -254,6 +256,7 @@ export {
Divider, Divider,
Dropdown, Dropdown,
Form, Form,
NewForm,
Icon, Icon,
Input, Input,
InputNumber, InputNumber,

10
components/input-number/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/input-number/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input-number/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-input-number"> <div class="ant-input-number">
<div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
@ -10,14 +10,14 @@ exports[`renders ./antdv-demo/input-number/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/input-number/demo/digit.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input-number/demo/digit.md correctly 1`] = `
<div class="ant-input-number"> <div class="ant-input-number">
<div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
<div class="ant-input-number-input-wrap"><input role="spinbutton" aria-valuemin="0" aria-valuemax="10" autocomplete="off" max="10" min="0" step="0.1" class="ant-input-number-input"></div> <div class="ant-input-number-input-wrap"><input role="spinbutton" aria-valuemin="0" aria-valuemax="10" autocomplete="off" max="10" min="0" step="0.1" class="ant-input-number-input"></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/input-number/demo/disabled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input-number/demo/disabled.md correctly 1`] = `
<div> <div>
<div class="ant-input-number ant-input-number-disabled"> <div class="ant-input-number ant-input-number-disabled">
<div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
@ -27,7 +27,7 @@ exports[`renders ./antdv-demo/input-number/demo/disabled.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/input-number/demo/formatter.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input-number/demo/formatter.md correctly 1`] = `
<div> <div>
<div class="ant-input-number"> <div class="ant-input-number">
<div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
@ -40,7 +40,7 @@ exports[`renders ./antdv-demo/input-number/demo/formatter.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/input-number/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input-number/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-input-number ant-input-number-lg"> <div class="ant-input-number ant-input-number-lg">
<div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div class="ant-input-number-handler-wrap"><span class="ant-input-number-handler ant-input-number-handler-up " unselectable="unselectable" role="button" aria-label="Increase Value"><i aria-label="icon: up" class="ant-input-number-handler-up-inner anticon anticon-up"><svg viewBox="64 64 896 896" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></i></span><span class="ant-input-number-handler ant-input-number-handler-down " unselectable="unselectable" role="button" aria-label="Decrease Value"><i aria-label="icon: down" class="ant-input-number-handler-down-inner anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>

1
components/input/Input.jsx
View File

@ -161,6 +161,7 @@ export default {
this.removePasswordTimeout = setTimeout(() => { this.removePasswordTimeout = setTimeout(() => {
if ( if (
this.$refs.input && this.$refs.input &&
this.$refs.input.getAttribute &&
this.$refs.input.getAttribute('type') === 'password' && this.$refs.input.getAttribute('type') === 'password' &&
this.$refs.input.hasAttribute('value') this.$refs.input.hasAttribute('value')
) { ) {

26
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/input/demo/addon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input/demo/addon.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 16px;"><span class="ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon">Http://</span><input type="text" class="ant-input"><span class="ant-input-group-addon">.com</span></span></span></div> <div style="margin-bottom: 16px;"><span class="ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon">Http://</span><input type="text" class="ant-input"><span class="ant-input-group-addon">.com</span></span></span></div>
<div style="margin-bottom: 16px;"><span class="ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Http://" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Http://</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div style="margin-bottom: 16px;"><span class="ant-input-group-wrapper"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon"><div tabindex="0" class="ant-select ant-select-enabled" style="width: 90px;"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Http://" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Http://</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
@ -10,17 +10,17 @@ exports[`renders ./antdv-demo/input/demo/addon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/input/demo/allowClear.md correctly 1`] = `<div><span class="ant-input-affix-wrapper"><input placeholder="input with clear icon" type="text" class="ant-input"><span class="ant-input-suffix"></span></span> <br> <br> <span class="ant-input-affix-wrapper ant-input-affix-wrapper-textarea-with-clear-btn"><textarea placeholder="textarea with clear icon" class="ant-input"></textarea></span></div>`; exports[`renders ./antdv-demo/docs/input/demo/allowClear.md correctly 1`] = `<div><span class="ant-input-affix-wrapper"><input placeholder="input with clear icon" type="text" class="ant-input"><span class="ant-input-suffix"></span></span> <br> <br> <span class="ant-input-affix-wrapper ant-input-affix-wrapper-textarea-with-clear-btn"><textarea placeholder="textarea with clear icon" class="ant-input"></textarea></span></div>`;
exports[`renders ./antdv-demo/input/demo/autosize-textarea.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input/demo/autosize-textarea.md correctly 1`] = `
<div><textarea placeholder="Autosize height based on content lines" class="ant-input" style="height: 0px; min-height: -9007199254740991px; max-height: 9007199254740991px; overflow: hidden;"></textarea> <div><textarea placeholder="Autosize height based on content lines" class="ant-input" style="height: 0px; min-height: -9007199254740991px; max-height: 9007199254740991px; overflow: hidden;"></textarea>
<div style="margin: 24px 0px;"></div> <textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input" style="height: -24px; min-height: -8px; max-height: -24px; overflow: hidden;"></textarea> <div style="margin: 24px 0px;"></div> <textarea placeholder="Autosize height with minimum and maximum number of lines" class="ant-input" style="height: -24px; min-height: -8px; max-height: -24px; overflow: hidden;"></textarea>
<div style="margin: 24px 0px;"></div> <textarea placeholder="Controlled autosize" class="ant-input" style="height: -20px; min-height: -12px; max-height: -20px; overflow: hidden;"></textarea></div> <div style="margin: 24px 0px;"></div> <textarea placeholder="Controlled autosize" class="ant-input" style="height: -20px; min-height: -12px; max-height: -20px; overflow: hidden;"></textarea></div>
`; `;
exports[`renders ./antdv-demo/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" class="ant-input">`; exports[`renders ./antdv-demo/docs/input/demo/basic.md correctly 1`] = `<input placeholder="Basic usage" type="text" class="ant-input">`;
exports[`renders ./antdv-demo/input/demo/group.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/input/demo/group.md correctly 1`] = `
<div><span class="ant-input-group ant-input-group-lg"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div> <div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 20%;"><input type="text" class="ant-input" style="width: 30%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Zhejiang</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> <div><span class="ant-input-group ant-input-group-lg"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div> <div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 20%;"><input type="text" class="ant-input" style="width: 30%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Zhejiang" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Zhejiang</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> </div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
</div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker" style="width: 50%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1-1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1-1</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div> </div><input type="text" class="ant-input" style="width: 50%;"></span> <br> <span class="ant-input-group ant-input-group-compact"><input type="text" class="ant-input" style="width: 50%;"><span class="ant-calendar-picker" style="width: 50%;"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span> <br> <span class="ant-input-group ant-input-group-compact"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option1-1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Option1-1</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
@ -52,18 +52,18 @@ exports[`renders ./antdv-demo/input/demo/group.md correctly 1`] = `
</svg></i></span></span></div> </svg></i></span></span></div>
`; `;
exports[`renders ./antdv-demo/input/demo/password-input.md correctly 1`] = `<span class="ant-input-affix-wrapper ant-input-password"><input placeholder="input password" type="password" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: eye-invisible" tabindex="-1" class="ant-input-password-icon anticon anticon-eye-invisible"><svg viewBox="64 64 896 896" data-icon="eye-invisible" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"></path></svg></i></span></span>`; exports[`renders ./antdv-demo/docs/input/demo/password-input.md correctly 1`] = `<span class="ant-input-affix-wrapper ant-input-password"><input placeholder="input password" type="password" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: eye-invisible" tabindex="-1" class="ant-input-password-icon anticon anticon-eye-invisible"><svg viewBox="64 64 896 896" data-icon="eye-invisible" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"></path></svg></i></span></span>`;
exports[`renders ./antdv-demo/input/demo/presuffix.md correctly 1`] = `<div class="components-input-demo-presuffix"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i slot="prefix" aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><input placeholder="Basic usage" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: info-circle" class="anticon anticon-info-circle" style="color: rgba(0, 0, 0, 0.45);"><svg viewBox="64 64 896 896" data-icon="info-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path></svg></i></span></span> <br> <br> <span class="ant-input-affix-wrapper"><span class="ant-input-prefix">๏ฟฅ</span><input type="text" class="ant-input"><span class="ant-input-suffix">RMB</span></span></div>`; exports[`renders ./antdv-demo/docs/input/demo/presuffix.md correctly 1`] = `<div class="components-input-demo-presuffix"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i slot="prefix" aria-label="icon: user" class="anticon anticon-user"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><input placeholder="Basic usage" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: info-circle" class="anticon anticon-info-circle" style="color: rgba(0, 0, 0, 0.45);"><svg viewBox="64 64 896 896" data-icon="info-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path></svg></i></span></span> <br> <br> <span class="ant-input-affix-wrapper"><span class="ant-input-prefix">๏ฟฅ</span><input type="text" class="ant-input"><span class="ant-input-suffix">RMB</span></span></div>`;
exports[`renders ./antdv-demo/input/demo/search-input.md correctly 1`] = `<div><span class="ant-input-affix-wrapper ant-input-search" style="width: 200px;"><input placeholder="input search text" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span> <br><br> <span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search text" type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></button></span></span></span> <br><br> <span class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search text" type="text" class="ant-input ant-input-lg"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"><span>Search</span></button></span></span></span> <br><br> <span class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-search"><input placeholder="input search text" type="text" class="ant-input ant-input-lg"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span></div>`; exports[`renders ./antdv-demo/docs/input/demo/search-input.md correctly 1`] = `<div><span class="ant-input-affix-wrapper ant-input-search" style="width: 200px;"><input placeholder="input search text" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span> <br><br> <span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search text" type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i aria-label="icon: search" class="anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></button></span></span></span> <br><br> <span class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-search ant-input-search-enter-button ant-input-search-large"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search text" type="text" class="ant-input ant-input-lg"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"><span>Search</span></button></span></span></span> <br><br> <span class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-search"><input placeholder="input search text" type="text" class="ant-input ant-input-lg"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span></div>`;
exports[`renders ./antdv-demo/input/demo/search-input-loading.md correctly 1`] = `<div><span class="ant-input-affix-wrapper ant-input-search"><input placeholder="input search loading deault" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: loading" class="ant-input-search-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></i></span></span> <br> <br> <span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search loading with enterButton" type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></i></button></span></span></span></div>`; exports[`renders ./antdv-demo/docs/input/demo/search-input-loading.md correctly 1`] = `<div><span class="ant-input-affix-wrapper ant-input-search"><input placeholder="input search loading deault" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: loading" class="ant-input-search-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></i></span></span> <br> <br> <span class="ant-input-group-wrapper ant-input-search ant-input-search-enter-button"><span class="ant-input-wrapper ant-input-group"><input placeholder="input search loading with enterButton" type="text" class="ant-input"><span class="ant-input-group-addon"><button type="button" class="ant-btn ant-btn-primary ant-input-search-button"><i aria-label="icon: loading" class="anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"><path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path></svg></i></button></span></span></span></div>`;
exports[`renders ./antdv-demo/input/demo/size.md correctly 1`] = `<div class="components-input-demo-size"><input placeholder="large size" type="text" class="ant-input ant-input-lg"> <input placeholder="default size" type="text" class="ant-input"> <input placeholder="small size" type="text" class="ant-input ant-input-sm"></div>`; exports[`renders ./antdv-demo/docs/input/demo/size.md correctly 1`] = `<div class="components-input-demo-size"><input placeholder="large size" type="text" class="ant-input ant-input-lg"> <input placeholder="default size" type="text" class="ant-input"> <input placeholder="small size" type="text" class="ant-input ant-input-sm"></div>`;
exports[`renders ./antdv-demo/input/demo/textarea.md correctly 1`] = `<textarea placeholder="Basic usage" class="ant-input" rows="4"></textarea>`; exports[`renders ./antdv-demo/docs/input/demo/textarea.md correctly 1`] = `<textarea placeholder="Basic usage" class="ant-input" rows="4"></textarea>`;
exports[`renders ./antdv-demo/input/demo/textarea-resize.md correctly 1`] = `<div><button type="button" class="ant-btn" style="margin-bottom: 16px;"><span>Auto Resize: false</span></button> <textarea class="ant-input" rows="4"></textarea></div>`; exports[`renders ./antdv-demo/docs/input/demo/textarea-resize.md correctly 1`] = `<div><button type="button" class="ant-btn" style="margin-bottom: 16px;"><span>Auto Resize: false</span></button> <textarea class="ant-input" rows="4"></textarea></div>`;
exports[`renders ./antdv-demo/input/demo/tooltip.md correctly 1`] = `<input placeholder="Input a number" type="text" maxlength="25" class="ant-input" style="width: 120px;">`; exports[`renders ./antdv-demo/docs/input/demo/tooltip.md correctly 1`] = `<input placeholder="Input a number" type="text" maxlength="25" class="ant-input" style="width: 120px;">`;

18
components/layout/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/layout/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/basic.md correctly 1`] = `
<div id="components-layout-demo-basic"> <div id="components-layout-demo-basic">
<section class="ant-layout"> <section class="ant-layout">
<header class="ant-layout-header">Header</header> <header class="ant-layout-header">Header</header>
@ -40,7 +40,7 @@ exports[`renders ./antdv-demo/layout/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/layout/demo/custom-trigger.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/custom-trigger.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-custom-trigger"> <section class="ant-layout" id="components-layout-demo-custom-trigger">
<aside class="ant-layout-sider ant-layout-sider-dark" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"> <aside class="ant-layout-sider ant-layout-sider-dark" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children"> <div class="ant-layout-sider-children">
@ -69,7 +69,7 @@ exports[`renders ./antdv-demo/layout/demo/custom-trigger.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/fixed.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-fixed"> <section class="ant-layout" id="components-layout-demo-fixed">
<header class="ant-layout-header" style="position: fixed; z-index: 1; width: 100%;"> <header class="ant-layout-header" style="position: fixed; z-index: 1; width: 100%;">
<div class="logo"></div> <div class="logo"></div>
@ -101,7 +101,7 @@ exports[`renders ./antdv-demo/layout/demo/fixed.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/fixed-sider.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/fixed-sider.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-fixed-sider"> <section class="ant-layout" id="components-layout-demo-fixed-sider">
<aside class="ant-layout-sider ant-layout-sider-dark" style="max-width: 200px; min-width: 200px; width: 200px; overflow: auto; height: 100vh; position: fixed; left: 0px; flex: 0 0 200px;"> <aside class="ant-layout-sider ant-layout-sider-dark" style="max-width: 200px; min-width: 200px; width: 200px; overflow: auto; height: 100vh; position: fixed; left: 0px; flex: 0 0 200px;">
<div class="ant-layout-sider-children"> <div class="ant-layout-sider-children">
@ -160,7 +160,7 @@ exports[`renders ./antdv-demo/layout/demo/fixed-sider.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/responsive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/responsive.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-responsive"> <section class="ant-layout" id="components-layout-demo-responsive">
<aside class="ant-layout-sider ant-layout-sider-dark" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"> <aside class="ant-layout-sider ant-layout-sider-dark" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children"> <div class="ant-layout-sider-children">
@ -195,7 +195,7 @@ exports[`renders ./antdv-demo/layout/demo/responsive.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/side.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/side.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-side" style="min-height: 100vh;"> <section class="ant-layout" id="components-layout-demo-side" style="min-height: 100vh;">
<aside class="ant-layout-sider ant-layout-sider-dark ant-layout-sider-has-trigger" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;"> <aside class="ant-layout-sider ant-layout-sider-dark ant-layout-sider-has-trigger" style="flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px;">
<div class="ant-layout-sider-children"> <div class="ant-layout-sider-children">
@ -239,7 +239,7 @@ exports[`renders ./antdv-demo/layout/demo/side.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/top.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
<section class="layout ant-layout" id="components-layout-demo-top"> <section class="layout ant-layout" id="components-layout-demo-top">
<header class="ant-layout-header"> <header class="ant-layout-header">
<div class="logo"></div> <div class="logo"></div>
@ -271,7 +271,7 @@ exports[`renders ./antdv-demo/layout/demo/top.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/top-side.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-top-side"> <section class="ant-layout" id="components-layout-demo-top-side">
<header class="header ant-layout-header"> <header class="header ant-layout-header">
<div class="logo"></div> <div class="logo"></div>
@ -330,7 +330,7 @@ exports[`renders ./antdv-demo/layout/demo/top-side.md correctly 1`] = `
</section> </section>
`; `;
exports[`renders ./antdv-demo/layout/demo/top-side-2.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
<section class="ant-layout" id="components-layout-demo-top-side-2"> <section class="ant-layout" id="components-layout-demo-top-side-2">
<header class="header ant-layout-header"> <header class="header ant-layout-header">
<div class="logo"></div> <div class="logo"></div>

16
components/list/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/list/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/basic.md correctly 1`] = `
<div class="ant-list ant-list-split"> <div class="ant-list ant-list-split">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -47,7 +47,7 @@ exports[`renders ./antdv-demo/list/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/grid.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/grid.md correctly 1`] = `
<div class="ant-list ant-list-split ant-list-grid"> <div class="ant-list ant-list-split ant-list-grid">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -106,7 +106,7 @@ exports[`renders ./antdv-demo/list/demo/grid.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/infinite-load.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/infinite-load.md correctly 1`] = `
<div infinite-scroll-distance="10" class="demo-infinite-container"> <div infinite-scroll-distance="10" class="demo-infinite-container">
<div class="ant-list ant-list-split"> <div class="ant-list ant-list-split">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
@ -131,7 +131,7 @@ exports[`renders ./antdv-demo/list/demo/infinite-load.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/infinite-virtualized-load.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/infinite-virtualized-load.md correctly 1`] = `
<div class="ant-list ant-list-split"> <div class="ant-list ant-list-split">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -146,7 +146,7 @@ exports[`renders ./antdv-demo/list/demo/infinite-virtualized-load.md correctly 1
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/loadmore.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/loadmore.md correctly 1`] = `
<div class="demo-loadmore-list ant-list ant-list-split ant-list-loading ant-list-something-after-last-item"> <div class="demo-loadmore-list ant-list ant-list-split ant-list-loading ant-list-something-after-last-item">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div> <div>
@ -160,7 +160,7 @@ exports[`renders ./antdv-demo/list/demo/loadmore.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/resposive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/resposive.md correctly 1`] = `
<div class="ant-list ant-list-split ant-list-grid"> <div class="ant-list ant-list-split ant-list-grid">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -243,7 +243,7 @@ exports[`renders ./antdv-demo/list/demo/resposive.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/simple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/simple.md correctly 1`] = `
<div> <div>
<h3 style="margin-bottom: 16px;">Default Size</h3> <h3 style="margin-bottom: 16px;">Default Size</h3>
<div class="ant-list ant-list-split ant-list-bordered ant-list-something-after-last-item"> <div class="ant-list ant-list-split ant-list-bordered ant-list-something-after-last-item">
@ -308,7 +308,7 @@ exports[`renders ./antdv-demo/list/demo/simple.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/list/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/list/demo/vertical.md correctly 1`] = `
<div class="ant-list ant-list-vertical ant-list-lg ant-list-split ant-list-something-after-last-item"> <div class="ant-list ant-list-vertical ant-list-lg ant-list-split ant-list-something-after-last-item">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">

4
components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/locale-provider/demo/all.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/locale-provider/demo/all.md correctly 1`] = `
<div> <div>
<div class="change-locale"><span style="margin-right: 16px;">Change locale of components: </span> <div class="change-locale"><span style="margin-right: 16px;">Change locale of components: </span>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>ไธญๆ–‡</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>ไธญๆ–‡</span></label></div>
@ -404,7 +404,7 @@ exports[`renders ./antdv-demo/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/locale-provider/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/locale-provider/demo/basic.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>

12
components/mentions/__test__/__snapshots__/demo.test.js.snap
View File

@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/mentions/demo/async.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/async.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`;
exports[`renders ./antdv-demo/mentions/demo/basic.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/basic.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`;
exports[`renders ./antdv-demo/mentions/demo/form.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/mentions/demo/form.md correctly 1`] = `
<form class="ant-form ant-form-horizontal"> <form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item"> <div class="ant-row ant-form-item">
<div class="ant-col ant-col-5 ant-form-item-label"><label for="mentions_coders" title="Top coders" class="">Top coders</label></div> <div class="ant-col ant-col-5 ant-form-item-label"><label for="mentions_coders" title="Top coders" class="">Top coders</label></div>
@ -32,11 +32,11 @@ exports[`renders ./antdv-demo/mentions/demo/form.md correctly 1`] = `
</form> </form>
`; `;
exports[`renders ./antdv-demo/mentions/demo/placement.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/placement.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1"></textarea></div>`;
exports[`renders ./antdv-demo/mentions/demo/prefix.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1" placeholder="input @ to mention people, # to mention tag"></textarea></div>`; exports[`renders ./antdv-demo/docs/mentions/demo/prefix.md correctly 1`] = `<div class="ant-mentions"><textarea rows="1" placeholder="input @ to mention people, # to mention tag"></textarea></div>`;
exports[`renders ./antdv-demo/mentions/demo/readonly.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/mentions/demo/readonly.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<div class="ant-mentions ant-mentions-disabled"><textarea disabled="disabled" rows="1" placeholder="this is disabled Mentions"></textarea></div> <div class="ant-mentions ant-mentions-disabled"><textarea disabled="disabled" rows="1" placeholder="this is disabled Mentions"></textarea></div>

16
components/menu/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/menu/demo/horizontal.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/horizontal.md correctly 1`] = `
<div> <div>
<ul role="menu" class="ant-menu ant-menu-horizontal ant-menu-root ant-menu-light"> <ul role="menu" class="ant-menu ant-menu-horizontal ant-menu-root ant-menu-light">
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;"> <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;">
@ -32,7 +32,7 @@ exports[`renders ./antdv-demo/menu/demo/horizontal.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/inline.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/inline.md correctly 1`] = `
<div> <div>
<ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" style="width: 256px;"> <ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" style="width: 256px;">
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"> <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
@ -68,7 +68,7 @@ exports[`renders ./antdv-demo/menu/demo/inline.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/inline-collapsed.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/inline-collapsed.md correctly 1`] = `
<div style="width: 256px;"><button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;"><i aria-label="icon: menu-fold" class="anticon anticon-menu-fold"><svg viewBox="64 64 896 896" data-icon="menu-fold" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div style="width: 256px;"><button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;"><i aria-label="icon: menu-fold" class="anticon anticon-menu-fold"><svg viewBox="64 64 896 896" data-icon="menu-fold" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8z"></path> <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8z"></path>
</svg></i></button> </svg></i></button>
@ -99,7 +99,7 @@ exports[`renders ./antdv-demo/menu/demo/inline-collapsed.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/sider-current.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/sider-current.md correctly 1`] = `
<div> <div>
<ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" style="width: 256px;"> <ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" style="width: 256px;">
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"> <li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
@ -123,7 +123,7 @@ exports[`renders ./antdv-demo/menu/demo/sider-current.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/switch-mode.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/switch-mode.md correctly 1`] = `
<div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button> Change Mode <div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button> Change Mode
<span classname="ant-divider" style="margin: 0px 1em;"></span> <button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button> Change Theme <span classname="ant-divider" style="margin: 0px 1em;"></span> <button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button> Change Theme
<br> <br> <br> <br>
@ -157,7 +157,7 @@ exports[`renders ./antdv-demo/menu/demo/switch-mode.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/template.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/template.md correctly 1`] = `
<div style="width: 256px;"><button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;"><i aria-label="icon: menu-fold" class="anticon anticon-menu-fold"><svg viewBox="64 64 896 896" data-icon="menu-fold" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div style="width: 256px;"><button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;"><i aria-label="icon: menu-fold" class="anticon anticon-menu-fold"><svg viewBox="64 64 896 896" data-icon="menu-fold" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8z"></path> <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8z"></path>
</svg></i></button> </svg></i></button>
@ -178,7 +178,7 @@ exports[`renders ./antdv-demo/menu/demo/template.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/theme.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/theme.md correctly 1`] = `
<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">dark</span></button> <br> <br> <div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">dark</span></button> <br> <br>
<ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" style="width: 256px;"> <ul role="menu" class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" style="width: 256px;">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;"><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -210,7 +210,7 @@ exports[`renders ./antdv-demo/menu/demo/theme.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/menu/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/menu/demo/vertical.md correctly 1`] = `
<div> <div>
<ul role="menu" class="ant-menu ant-menu-vertical ant-menu-root ant-menu-light" style="width: 256px;"> <ul role="menu" class="ant-menu ant-menu-vertical ant-menu-root ant-menu-light" style="width: 256px;">
<li role="menuitem" class="ant-menu-item"><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li role="menuitem" class="ant-menu-item"><i aria-label="icon: mail" class="anticon anticon-mail"><svg viewBox="64 64 896 896" data-icon="mail" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">

12
components/message/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,13 +1,13 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/message/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn"><span>Customized display duration</span></button>`; exports[`renders ./antdv-demo/docs/message/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn"><span>Customized display duration</span></button>`;
exports[`renders ./antdv-demo/message/demo/info.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Display normal message</span></button>`; exports[`renders ./antdv-demo/docs/message/demo/info.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Display normal message</span></button>`;
exports[`renders ./antdv-demo/message/demo/loading.md correctly 1`] = `<button type="button" class="ant-btn"><span>Display a loading indicator</span></button>`; exports[`renders ./antdv-demo/docs/message/demo/loading.md correctly 1`] = `<button type="button" class="ant-btn"><span>Display a loading indicator</span></button>`;
exports[`renders ./antdv-demo/message/demo/other.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Error</span></button> <button type="button" class="ant-btn"><span>Warning</span></button></div>`; exports[`renders ./antdv-demo/docs/message/demo/other.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Error</span></button> <button type="button" class="ant-btn"><span>Warning</span></button></div>`;
exports[`renders ./antdv-demo/message/demo/thenable.md correctly 1`] = `<button type="button" class="ant-btn"><span>Display a sequence of message</span></button>`; exports[`renders ./antdv-demo/docs/message/demo/thenable.md correctly 1`] = `<button type="button" class="ant-btn"><span>Display a sequence of message</span></button>`;
exports[`renders ./antdv-demo/message/demo/update.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the message box</span></button>`; exports[`renders ./antdv-demo/docs/message/demo/update.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the message box</span></button>`;

22
components/modal/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,45 +1,45 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/modal/demo/async.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/async.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with async logic</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with async logic</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/modal/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/basic.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/modal/demo/button-props.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/button-props.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with customized button props</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with customized button props</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/modal/demo/confirm.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Confirm</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Delete</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>With extra props</span></button></div>`; exports[`renders ./antdv-demo/docs/modal/demo/confirm.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Confirm</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>Delete</span></button> <button type="button" class="ant-btn ant-btn-dashed"><span>With extra props</span></button></div>`;
exports[`renders ./antdv-demo/modal/demo/confirm-promise.md correctly 1`] = `<button type="button" class="ant-btn"><span>Confirm</span></button>`; exports[`renders ./antdv-demo/docs/modal/demo/confirm-promise.md correctly 1`] = `<button type="button" class="ant-btn"><span>Confirm</span></button>`;
exports[`renders ./antdv-demo/modal/demo/confirm-router.md correctly 1`] = `<button type="button" class="ant-btn"><span>Confirm</span></button>`; exports[`renders ./antdv-demo/docs/modal/demo/confirm-router.md correctly 1`] = `<button type="button" class="ant-btn"><span>Confirm</span></button>`;
exports[`renders ./antdv-demo/modal/demo/footer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/footer.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with customized footer</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Open Modal with customized footer</span></button>
<!----> <!---->
</div> </div>
`; `;
exports[`renders ./antdv-demo/modal/demo/info.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Info</span></button> <button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Error</span></button> <button type="button" class="ant-btn"><span>Warning</span></button></div>`; exports[`renders ./antdv-demo/docs/modal/demo/info.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Info</span></button> <button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Error</span></button> <button type="button" class="ant-btn"><span>Warning</span></button></div>`;
exports[`renders ./antdv-demo/modal/demo/locale.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/locale.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><span>Modal</span></button> <div><button type="button" class="ant-btn ant-btn-primary"><span>Modal</span></button>
<!----> <br> <br> <button type="button" class="ant-btn"><span>Confirm</span></button></div> <!----> <br> <br> <button type="button" class="ant-btn"><span>Confirm</span></button></div>
`; `;
exports[`renders ./antdv-demo/modal/demo/manual.md correctly 1`] = `<button type="button" class="ant-btn"><span>Open modal to close in 5s</span></button>`; exports[`renders ./antdv-demo/docs/modal/demo/manual.md correctly 1`] = `<button type="button" class="ant-btn"><span>Open modal to close in 5s</span></button>`;
exports[`renders ./antdv-demo/modal/demo/position.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/modal/demo/position.md correctly 1`] = `
<div id="components-modal-demo-position"><button type="button" class="ant-btn ant-btn-primary"><span>Display a modal dialog at 20px to Top</span></button> <div id="components-modal-demo-position"><button type="button" class="ant-btn ant-btn-primary"><span>Display a modal dialog at 20px to Top</span></button>
<!----> <br><br> <button type="button" class="ant-btn ant-btn-primary"><span>Vertically centered modal dialog</span></button> <!----> <br><br> <button type="button" class="ant-btn ant-btn-primary"><span>Vertically centered modal dialog</span></button>
<!----> <!---->

184
components/n-form/Form.jsx Executable file
View File

@ -0,0 +1,184 @@
import PropTypes from '../_util/vue-types';
import classNames from 'classnames';
import { ColProps } from '../grid/Col';
import isRegExp from 'lodash/isRegExp';
import warning from '../_util/warning';
import FormItem from './FormItem';
import { initDefaultProps, getListeners } from '../_util/props-util';
import { ConfigConsumerProps } from '../config-provider';
export const FormProps = {
layout: PropTypes.oneOf(['horizontal', 'inline', 'vertical']),
labelCol: PropTypes.shape(ColProps).loose,
wrapperCol: PropTypes.shape(ColProps).loose,
colon: PropTypes.bool,
labelAlign: PropTypes.oneOf(['left', 'right']),
prefixCls: PropTypes.string,
hideRequiredMark: PropTypes.bool,
model: PropTypes.object,
rules: PropTypes.object,
validateOnRuleChange: PropTypes.bool,
};
export const ValidationRule = {
/** validation error message */
message: PropTypes.string,
/** built-in validation type, available options: https://github.com/yiminghe/async-validator#type */
type: PropTypes.string,
/** indicates whether field is required */
required: PropTypes.boolean,
/** treat required fields that only contain whitespace as errors */
whitespace: PropTypes.boolean,
/** validate the exact length of a field */
len: PropTypes.number,
/** validate the min length of a field */
min: PropTypes.number,
/** validate the max length of a field */
max: PropTypes.number,
/** validate the value from a list of possible values */
enum: PropTypes.oneOfType([String, PropTypes.arrayOf(String)]),
/** validate from a regular expression */
pattern: PropTypes.custom(isRegExp),
/** transform a value before validation */
transform: PropTypes.func,
/** custom validate function (Note: callback must be called) */
validator: PropTypes.func,
};
const Form = {
name: 'ANForm',
props: initDefaultProps(FormProps, {
layout: 'horizontal',
hideRequiredMark: false,
colon: true,
}),
Item: FormItem,
created() {
this.fields = [];
},
provide() {
return {
FormContext: this,
};
},
inject: {
configProvider: { default: () => ConfigConsumerProps },
},
watch: {
rules() {
if (this.validateOnRuleChange) {
this.validate(() => {});
}
},
},
computed: {
vertical() {
return this.layout === 'vertical';
},
},
methods: {
addField(field) {
if (field) {
this.fields.push(field);
}
},
removeField(field) {
if (field.prop) {
this.fields.splice(this.fields.indexOf(field), 1);
}
},
onSubmit(e) {
if (!getListeners(this).submit) {
e.preventDefault();
} else {
this.$emit('submit', e);
}
},
resetFields() {
if (!this.model) {
warning(false, 'NewForm', 'model is required for resetFields to work.');
return;
}
this.fields.forEach(field => {
field.resetField();
});
},
clearValidate(props = []) {
const fields = props.length
? typeof props === 'string'
? this.fields.filter(field => props === field.prop)
: this.fields.filter(field => props.indexOf(field.prop) > -1)
: this.fields;
fields.forEach(field => {
field.clearValidate();
});
},
validate(callback) {
if (!this.model) {
warning(false, 'NewForm', 'model is required for resetFields to work.');
return;
}
let promise;
// if no callback, return promise
if (typeof callback !== 'function' && window.Promise) {
promise = new window.Promise((resolve, reject) => {
callback = function(valid) {
valid ? resolve(valid) : reject(valid);
};
});
}
let valid = true;
let count = 0;
// ๅฆ‚ๆžœ้œ€่ฆ้ชŒ่ฏ็š„fieldsไธบ็ฉบ๏ผŒ่ฐƒ็”จ้ชŒ่ฏๆ—ถ็ซ‹ๅˆป่ฟ”ๅ›žcallback
if (this.fields.length === 0 && callback) {
callback(true);
}
let invalidFields = {};
this.fields.forEach(field => {
field.validate('', (message, field) => {
if (message) {
valid = false;
}
invalidFields = Object.assign({}, invalidFields, field);
if (typeof callback === 'function' && ++count === this.fields.length) {
callback(valid, invalidFields);
}
});
});
if (promise) {
return promise;
}
},
validateField(props, cb) {
props = [].concat(props);
const fields = this.fields.filter(field => props.indexOf(field.prop) !== -1);
if (!fields.length) {
warning(false, 'NewForm', 'please pass correct props!');
return;
}
fields.forEach(field => {
field.validate('', cb);
});
},
},
render() {
const { prefixCls: customizePrefixCls, hideRequiredMark, layout, onSubmit, $slots } = this;
const getPrefixCls = this.configProvider.getPrefixCls;
const prefixCls = getPrefixCls('form', customizePrefixCls);
const formClassName = classNames(prefixCls, {
[`${prefixCls}-horizontal`]: layout === 'horizontal',
[`${prefixCls}-vertical`]: layout === 'vertical',
[`${prefixCls}-inline`]: layout === 'inline',
[`${prefixCls}-hide-required-mark`]: hideRequiredMark,
});
return (
<form onSubmit={onSubmit} class={formClassName}>
{$slots.default}
</form>
);
},
};
export default Form;

260
components/n-form/FormItem.jsx Normal file
View File

@ -0,0 +1,260 @@
import AsyncValidator from 'async-validator';
import cloneDeep from 'lodash/cloneDeep';
import PropTypes from '../_util/vue-types';
import { ColProps } from '../grid/Col';
import {
initDefaultProps,
getComponentFromProp,
getOptionProps,
getEvents,
filterEmpty,
isValidElement,
} from '../_util/props-util';
import BaseMixin from '../_util/BaseMixin';
import { ConfigConsumerProps } from '../config-provider';
import FormItem from '../form/FormItem';
import { cloneElement } from '../_util/vnode';
function noop() {}
function getPropByPath(obj, path, strict) {
let tempObj = obj;
path = path.replace(/\[(\w+)\]/g, '.$1');
path = path.replace(/^\./, '');
let keyArr = path.split('.');
let i = 0;
for (let len = keyArr.length; i < len - 1; ++i) {
if (!tempObj && !strict) break;
let key = keyArr[i];
if (key in tempObj) {
tempObj = tempObj[key];
} else {
if (strict) {
throw new Error('please transfer a valid prop path to form item!');
}
break;
}
}
return {
o: tempObj,
k: keyArr[i],
v: tempObj ? tempObj[keyArr[i]] : null,
};
}
export const FormItemProps = {
id: PropTypes.string,
htmlFor: PropTypes.string,
prefixCls: PropTypes.string,
label: PropTypes.any,
help: PropTypes.any,
extra: PropTypes.any,
labelCol: PropTypes.shape(ColProps).loose,
wrapperCol: PropTypes.shape(ColProps).loose,
hasFeedback: PropTypes.bool,
colon: PropTypes.bool,
labelAlign: PropTypes.oneOf(['left', 'right']),
prop: PropTypes.string,
rules: PropTypes.oneOfType([Array, Object]),
autoLink: PropTypes.bool,
required: PropTypes.bool,
validateStatus: PropTypes.oneOf(['', 'success', 'warning', 'error', 'validating']),
};
export default {
name: 'ANFormItem',
__ANT_NEW_FORM_ITEM: true,
mixins: [BaseMixin],
props: initDefaultProps(FormItemProps, {
hasFeedback: false,
autoLink: true,
}),
provide() {
return {
NewFormItemContext: this,
};
},
inject: {
configProvider: { default: () => ConfigConsumerProps },
FormContext: { default: () => ({}) },
},
data() {
return {
validateState: this.validateStatus,
validateMessage: '',
validateDisabled: false,
validator: {},
};
},
computed: {
fieldValue() {
const model = this.FormContext.model;
if (!model || !this.prop) {
return;
}
let path = this.prop;
if (path.indexOf(':') !== -1) {
path = path.replace(/:/g, '.');
}
return getPropByPath(model, path, true).v;
},
isRequired() {
let rules = this.getRules();
let isRequired = false;
if (rules && rules.length) {
rules.every(rule => {
if (rule.required) {
isRequired = true;
return false;
}
return true;
});
}
return isRequired;
},
},
watch: {
validateStatus(val) {
this.validateState = val;
},
},
mounted() {
if (this.prop) {
const { addField } = this.FormContext;
addField && addField(this);
this.initialValue = cloneDeep(this.fieldValue);
}
},
beforeDestroy() {
const { removeField } = this.FormContext;
removeField && removeField(this);
},
methods: {
validate(trigger, callback = noop) {
this.validateDisabled = false;
const rules = this.getFilteredRule(trigger);
if (!rules || rules.length === 0) {
callback();
return true;
}
this.validateState = 'validating';
const descriptor = {};
if (rules && rules.length > 0) {
rules.forEach(rule => {
delete rule.trigger;
});
}
descriptor[this.prop] = rules;
const validator = new AsyncValidator(descriptor);
const model = {};
model[this.prop] = this.fieldValue;
validator.validate(model, { firstFields: true }, (errors, invalidFields) => {
this.validateState = errors ? 'error' : 'success';
this.validateMessage = errors ? errors[0].message : '';
callback(this.validateMessage, invalidFields);
this.FormContext &&
this.FormContext.$emit &&
this.FormContext.$emit('validate', this.prop, !errors, this.validateMessage || null);
});
},
getRules() {
let formRules = this.FormContext.rules;
const selfRules = this.rules;
const requiredRule =
this.required !== undefined ? { required: !!this.required, trigger: 'change' } : [];
const prop = getPropByPath(formRules, this.prop || '');
formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
return [].concat(selfRules || formRules || []).concat(requiredRule);
},
getFilteredRule(trigger) {
const rules = this.getRules();
return rules
.filter(rule => {
if (!rule.trigger || trigger === '') return true;
if (Array.isArray(rule.trigger)) {
return rule.trigger.indexOf(trigger) > -1;
} else {
return rule.trigger === trigger;
}
})
.map(rule => ({ ...rule }));
},
onFieldBlur() {
this.validate('blur');
},
onFieldChange() {
if (this.validateDisabled) {
this.validateDisabled = false;
return;
}
this.validate('change');
},
clearValidate() {
this.validateState = '';
this.validateMessage = '';
this.validateDisabled = false;
},
resetField() {
this.validateState = '';
this.validateMessage = '';
let model = this.FormContext.model || {};
let value = this.fieldValue;
let path = this.prop;
if (path.indexOf(':') !== -1) {
path = path.replace(/:/, '.');
}
let prop = getPropByPath(model, path, true);
this.validateDisabled = true;
if (Array.isArray(value)) {
prop.o[prop.k] = [].concat(this.initialValue);
} else {
prop.o[prop.k] = this.initialValue;
}
// reset validateDisabled after onFieldChange triggered
this.$nextTick(() => {
this.validateDisabled = false;
});
},
},
render() {
const { $slots, $scopedSlots } = this;
const props = getOptionProps(this);
const label = getComponentFromProp(this, 'label');
const extra = getComponentFromProp(this, 'extra');
const help = getComponentFromProp(this, 'help');
const formProps = {
props: {
...props,
label,
extra,
validateStatus: this.validateState,
help: this.validateMessage || help,
required: this.isRequired || props.required,
},
};
const children = filterEmpty($scopedSlots.default ? $scopedSlots.default() : $slots.default);
let firstChildren = children[0];
if (this.prop && this.autoLink && isValidElement(firstChildren)) {
const originalEvents = getEvents(firstChildren);
firstChildren = cloneElement(firstChildren, {
on: {
blur: (...args) => {
originalEvents.blur && originalEvents.blur(...args);
this.onFieldBlur();
},
change: (...args) => {
originalEvents.change && originalEvents.change(...args);
this.onFieldChange();
},
},
});
}
return (
<FormItem {...formProps}>
{firstChildren}
{children.slice(1)}
</FormItem>
);
},
};

282
components/n-form/__tests__/__snapshots__/demo.test.js.snap Normal file
View File

@ -0,0 +1,282 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/n-form/demo/basic.md correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity name" class="">Activity name</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity zone" class="">Activity zone</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">please select your zone</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
</div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity time" class="">Activity time</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="min-width: 195px; width: 100%;" type="date"><div class=""><input readonly="true" placeholder="Pick a date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Instant delivery" class="">Instant delivery</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity type" class="">Activity type</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-checkbox-group"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="1"><span class="ant-checkbox-inner"></span></span><span>
Online
</span></label> <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="2"><span class="ant-checkbox-inner"></span></span><span>
Promotion
</span></label> <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="3"><span class="ant-checkbox-inner"></span></span><span>
Offline
</span></label></div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Resources" class="">Resources</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>
Sponsor
</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>
Venue
</span></label></div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity form" class="">Activity form</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><textarea class="ant-input"></textarea></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Create</span></button><button type="button" class="ant-btn" style="margin-left: 10px;"><span>Cancel</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;
exports[`renders ./antdv-demo/docs/n-form/demo/custom-validation.md correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Password" class="">Password</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="password" autocomplete="off" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Confirm" class="">Confirm</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="password" autocomplete="off" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Age" class="">Age</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button><button type="button" class="ant-btn" style="margin-left: 10px;"><span>Reset</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;
exports[`renders ./antdv-demo/docs/n-form/demo/dynamic-form-item.md correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-dashed" style="width: 60%;"><i aria-label="icon: plus" class="anticon anticon-plus"><svg viewBox="64 64 896 896" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></i><span>Add field</span></button></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="submit" class="ant-btn ant-btn-primary"><span>Submit</span></button><button type="button" class="ant-btn" style="margin-left: 10px;"><span>Reset</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;
exports[`renders ./antdv-demo/docs/n-form/demo/horizontal-login.md correctly 1`] = `
<form class="ant-form ant-form-inline">
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i slot="prefix" aria-label="icon: user" class="anticon anticon-user" style="color: rgba(0, 0, 0, 0.25);"><svg viewBox="64 64 896 896" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></i></span><input placeholder="Username" type="text" class="ant-input"></span></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><i slot="prefix" aria-label="icon: lock" class="anticon anticon-lock" style="color: rgba(0, 0, 0, 0.25);"><svg viewBox="64 64 896 896" data-icon="lock" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0z"></path></svg></i></span><input placeholder="Password" type="password" class="ant-input"></span></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button disabled="disabled" type="submit" class="ant-btn ant-btn-primary"><span>Log in</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;
exports[`renders ./antdv-demo/docs/n-form/demo/layout.md correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Form Layout" class="">Form Layout</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="horizontal"><span class="ant-radio-button-inner"></span></span><span>
Horizontal
</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="vertical"><span class="ant-radio-button-inner"></span></span><span>
Vertical
</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="inline"><span class="ant-radio-button-inner"></span></span><span>
Inline
</span></label></div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Field A" class="">Field A</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Field B" class="">Field B</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="input placeholder" type="text" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Submit</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;
exports[`renders ./antdv-demo/docs/n-form/demo/validation.md correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity name" class="ant-form-item-required">Activity name</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><input type="text" class="ant-input"></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity zone" class="ant-form-item-required">Activity zone</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div tabindex="0" class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">please select your zone</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
</div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity time" class="ant-form-item-required">Activity time</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-calendar-picker" style="min-width: 195px; width: 100%;" type="date"><div class=""><input readonly="true" placeholder="Pick a date" class="ant-calendar-picker-input ant-input"><i aria-label="icon: calendar" class="ant-calendar-picker-icon anticon anticon-calendar"><svg viewBox="64 64 896 896" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></i></div></span></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Instant delivery" class="">Instant delivery</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity type" class="ant-form-item-required">Activity type</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-checkbox-group"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="1"><span class="ant-checkbox-inner"></span></span><span>
Online
</span></label> <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="2"><span class="ant-checkbox-inner"></span></span><span>
Promotion
</span></label> <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="3"><span class="ant-checkbox-inner"></span></span><span>
Offline
</span></label></div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Resources" class="ant-form-item-required">Resources</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>
Sponsor
</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>
Venue
</span></label></div></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-4 ant-form-item-label"><label title="Activity form" class="ant-form-item-required">Activity form</label></div>
<div class="ant-col ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><textarea class="ant-input"></textarea></span>
<!---->
</div>
</div>
</div>
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
<div class="ant-form-item-control"><span class="ant-form-item-children"><button type="button" class="ant-btn ant-btn-primary"><span>Create</span></button><button type="button" class="ant-btn" style="margin-left: 10px;"><span>Reset</span></button></span>
<!---->
</div>
</div>
</div>
</form>
`;

3
components/n-form/__tests__/demo.test.js Normal file
View File

@ -0,0 +1,3 @@
import demoTest from '../../../tests/shared/demoTest';
demoTest('n-form');

20
components/n-form/index.jsx Normal file
View File

@ -0,0 +1,20 @@
import Vue from 'vue';
import Form from './Form';
import ref from 'vue-ref';
import FormDecoratorDirective from '../_util/FormDecoratorDirective';
import Base from '../base';
Vue.use(ref, { name: 'ant-ref' });
Vue.use(FormDecoratorDirective);
export { FormProps, ValidationRule } from './Form';
export { FormItemProps } from './FormItem';
/* istanbul ignore next */
Form.install = function(Vue) {
Vue.use(Base);
Vue.component(Form.name, Form);
Vue.component(Form.Item.name, Form.Item);
};
export default Form;

5
components/n-form/style/index.js Normal file
View File

@ -0,0 +1,5 @@
import '../../style/index.less';
import './index.less';
// style dependencies
import '../../grid/style';

653
components/n-form/style/index.less Normal file
View File

@ -0,0 +1,653 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';
@import '../../button/style/mixin';
@import '../../grid/style/mixin';
@import './mixin';
@form-prefix-cls: ~'@{ant-prefix}-form';
@form-component-height: @input-height-base;
@form-component-max-height: @input-height-lg;
@form-feedback-icon-size: @font-size-base;
@form-help-margin-top: (@form-component-height - @form-component-max-height) / 2 + 2px;
@form-explain-font-size: @font-size-base;
// Extends additional 1px to fix precision issue.
// https://github.com/ant-design/ant-design/issues/12803
// https://github.com/ant-design/ant-design/issues/8220
@form-explain-precision: 1px;
@form-explain-height: floor(@form-explain-font-size * @line-height-base);
.@{form-prefix-cls} {
.reset-component;
.reset-form;
}
.@{form-prefix-cls}-item-required::before {
display: inline-block;
margin-right: 4px;
color: @label-required-color;
font-size: @font-size-base;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
.@{form-prefix-cls}-hide-required-mark & {
display: none;
}
}
.@{form-prefix-cls}-item-label > label {
color: @label-color;
&::after {
& when (@form-item-trailing-colon=true) {
content: ':';
}
& when not (@form-item-trailing-colon=true) {
content: ' ';
}
position: relative;
top: -0.5px;
margin: 0 @form-item-label-colon-margin-right 0 @form-item-label-colon-margin-left;
}
&.@{form-prefix-cls}-item-no-colon::after {
content: ' ';
}
}
// Form items
// You should wrap labels and controls in .@{form-prefix-cls}-item for optimum spacing
.@{form-prefix-cls}-item {
label {
position: relative;
> .@{iconfont-css-prefix} {
font-size: @font-size-base;
vertical-align: top;
}
}
.reset-component;
margin-bottom: @form-item-margin-bottom;
vertical-align: top;
&-control {
position: relative;
line-height: @form-component-max-height;
.clearfix;
}
&-children {
position: relative;
}
&-with-help {
margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
}
&-label {
display: inline-block;
overflow: hidden;
line-height: @form-component-max-height - 0.0001px;
white-space: nowrap;
text-align: right;
vertical-align: middle;
&-left {
text-align: left;
}
}
.@{ant-prefix}-switch {
margin: 2px 0 4px;
}
}
.@{form-prefix-cls}-explain,
.@{form-prefix-cls}-extra {
clear: both;
min-height: @form-explain-height + @form-explain-precision;
margin-top: @form-help-margin-top;
color: @text-color-secondary;
font-size: @form-explain-font-size;
line-height: @line-height-base;
transition: color 0.3s @ease-out; // sync input color transition
}
.@{form-prefix-cls}-explain {
margin-bottom: -@form-explain-precision;
}
.@{form-prefix-cls}-extra {
padding-top: 4px;
}
.@{form-prefix-cls}-text {
display: inline-block;
padding-right: 8px;
}
.@{form-prefix-cls}-split {
display: block;
text-align: center;
}
form {
.has-feedback {
.@{ant-prefix}-input {
padding-right: @input-padding-horizontal-base + @input-affix-width;
}
// https://github.com/ant-design/ant-design/issues/19884
.@{ant-prefix}-input-affix-wrapper {
.@{ant-prefix}-input-suffix {
padding-right: 18px;
}
.@{ant-prefix}-input {
padding-right: @input-padding-horizontal-base + @input-affix-width * 2;
}
&.@{ant-prefix}-input-affix-wrapper-input-with-clear-btn {
.@{ant-prefix}-input {
padding-right: @input-padding-horizontal-base + @input-affix-width * 3;
}
}
}
// Fix overlapping between feedback icon and <Select>'s arrow.
// https://github.com/ant-design/ant-design/issues/4431
> .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
> .@{ant-prefix}-select .@{ant-prefix}-select-selection__clear,
:not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
:not(.@{ant-prefix}-input-group-addon)
> .@{ant-prefix}-select
.@{ant-prefix}-select-selection__clear {
right: (@form-component-height / 2) + @form-feedback-icon-size - 2px;
}
> .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value,
:not(.@{ant-prefix}-input-group-addon)
> .@{ant-prefix}-select
.@{ant-prefix}-select-selection-selected-value {
padding-right: 42px;
}
.@{ant-prefix}-cascader-picker {
&-arrow {
margin-right: (@form-component-height / 2) + @form-feedback-icon-size - 13px;
}
&-clear {
right: (@form-component-height / 2) + @form-feedback-icon-size - 2px;
}
}
// Fix issue: https://github.com/ant-design/ant-design/issues/7854
.@{ant-prefix}-input-search:not(.@{ant-prefix}-input-search-enter-button) {
.@{ant-prefix}-input-suffix {
right: (@form-component-height / 2) + @form-feedback-icon-size - 2px;
}
}
// Fix issue: https://github.com/ant-design/ant-design/issues/4783
.@{ant-prefix}-calendar-picker,
.@{ant-prefix}-time-picker {
&-icon,
&-clear {
right: (@form-component-height / 2) + @form-feedback-icon-size - 2px;
}
}
}
.@{ant-prefix}-mentions,
textarea.@{ant-prefix}-input {
height: auto;
margin-bottom: 4px;
}
// input[type=file]
.@{ant-prefix}-upload {
background: transparent;
}
input[type='radio'],
input[type='checkbox'] {
width: 14px;
height: 14px;
}
// Radios and checkboxes on same line
.@{ant-prefix}-radio-inline,
.@{ant-prefix}-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
&:first-child {
margin-left: 0;
}
}
.@{ant-prefix}-checkbox-vertical,
.@{ant-prefix}-radio-vertical {
display: block;
}
.@{ant-prefix}-checkbox-vertical + .@{ant-prefix}-checkbox-vertical,
.@{ant-prefix}-radio-vertical + .@{ant-prefix}-radio-vertical {
margin-left: 0;
}
.@{ant-prefix}-input-number {
+ .@{form-prefix-cls}-text {
margin-left: 8px;
}
&-handler-wrap {
z-index: 2; // https://github.com/ant-design/ant-design/issues/6289
}
}
.@{ant-prefix}-select,
.@{ant-prefix}-cascader-picker {
width: 100%;
}
// Don't impact select inside input group
.@{ant-prefix}-input-group .@{ant-prefix}-select,
.@{ant-prefix}-input-group .@{ant-prefix}-cascader-picker {
width: auto;
}
// fix input with addon position. https://github.com/ant-design/ant-design/issues/8243
:not(.@{ant-prefix}-input-group-wrapper) > .@{ant-prefix}-input-group,
.@{ant-prefix}-input-group-wrapper {
display: inline-block;
vertical-align: middle;
}
// https://github.com/ant-design/ant-design/issues/20616
&:not(.@{form-prefix-cls}-vertical) {
:not(.@{ant-prefix}-input-group-wrapper) > .@{ant-prefix}-input-group,
.@{ant-prefix}-input-group-wrapper {
position: relative;
top: -1px;
}
}
}
// Form layout
//== Vertical Form
.make-vertical-layout-label() {
display: block;
margin: @form-vertical-label-margin;
padding: @form-vertical-label-padding;
line-height: @line-height-base;
white-space: initial;
text-align: left;
label::after {
display: none;
}
}
.make-vertical-layout() {
.@{form-prefix-cls}-item-label,
.@{form-prefix-cls}-item-control-wrapper {
display: block;
width: 100%;
}
.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
.@{form-prefix-cls}-vertical .@{form-prefix-cls}-item-label,
// when labelCol is 24, it is a vertical form
.@{ant-prefix}-col-24.@{form-prefix-cls}-item-label,
.@{ant-prefix}-col-xl-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
.@{form-prefix-cls}-vertical {
.@{form-prefix-cls}-item {
padding-bottom: 8px;
}
.@{form-prefix-cls}-item-control {
line-height: @line-height-base;
}
.@{form-prefix-cls}-explain {
margin-top: 2px;
margin-bottom: -4px - @form-explain-precision;
}
.@{form-prefix-cls}-extra {
margin-top: 2px;
margin-bottom: -4px;
}
}
@media (max-width: @screen-xs-max) {
.make-vertical-layout();
.@{ant-prefix}-col-xs-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
@media (max-width: @screen-sm-max) {
.@{ant-prefix}-col-sm-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
@media (max-width: @screen-md-max) {
.@{ant-prefix}-col-md-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
@media (max-width: @screen-lg-max) {
.@{ant-prefix}-col-lg-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
@media (max-width: @screen-xl-max) {
.@{ant-prefix}-col-xl-24.@{form-prefix-cls}-item-label {
.make-vertical-layout-label();
}
}
//== Inline Form
.@{form-prefix-cls}-inline {
.@{form-prefix-cls}-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 0;
&-with-help {
margin-bottom: @form-item-margin-bottom;
}
> .@{form-prefix-cls}-item-control-wrapper,
> .@{form-prefix-cls}-item-label {
display: inline-block;
vertical-align: top;
}
}
.@{form-prefix-cls}-text {
display: inline-block;
}
.has-feedback {
display: inline-block;
}
}
// Validation state
.has-success,
.has-warning,
.has-error,
.is-validating {
&.has-feedback .@{form-prefix-cls}-item-children-icon {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: @form-component-height;
height: 20px;
margin-top: -10px;
font-size: @form-feedback-icon-size;
line-height: 20px;
text-align: center;
visibility: visible;
animation: zoomIn 0.3s @ease-out-back;
pointer-events: none;
& svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
}
}
.has-success {
&.has-feedback .@{form-prefix-cls}-item-children-icon {
color: @success-color;
animation-name: diffZoomIn1 !important;
}
}
.has-warning {
.form-control-validation(@warning-color; @warning-color; @form-warning-input-bg;);
&.has-feedback .@{form-prefix-cls}-item-children-icon {
color: @warning-color;
animation-name: diffZoomIn3 !important;
}
//select
.@{ant-prefix}-select {
&-selection {
border-color: @warning-color;
&:hover {
border-color: @warning-color;
}
}
&-open .@{ant-prefix}-select-selection,
&-focused .@{ant-prefix}-select-selection {
.active(@warning-color);
}
}
// arrow and icon
.@{ant-prefix}-calendar-picker-icon::after,
.@{ant-prefix}-time-picker-icon::after,
.@{ant-prefix}-picker-icon::after,
.@{ant-prefix}-select-arrow,
.@{ant-prefix}-cascader-picker-arrow {
color: @warning-color;
}
//input-number, timepicker
.@{ant-prefix}-input-number,
.@{ant-prefix}-time-picker-input {
border-color: @warning-color;
&-focused,
&:focus {
.active(@warning-color);
}
&:not([disabled]):hover {
border-color: @warning-color;
}
}
.@{ant-prefix}-cascader-picker {
&:focus .@{ant-prefix}-cascader-input {
.active(@warning-color);
}
&:hover .@{ant-prefix}-cascader-input {
border-color: @warning-color;
}
}
}
.has-error {
.form-control-validation(@error-color; @error-color; @form-error-input-bg;);
&.has-feedback .@{form-prefix-cls}-item-children-icon {
color: @error-color;
animation-name: diffZoomIn2 !important;
}
//select
.@{ant-prefix}-select {
&-selection {
border-color: @error-color;
&:hover {
border-color: @error-color;
}
}
&-open .@{ant-prefix}-select-selection,
&-focused .@{ant-prefix}-select-selection {
.active(@error-color);
}
}
.@{ant-prefix}-select.@{ant-prefix}-select-auto-complete {
.@{ant-prefix}-input:focus {
border-color: @error-color;
}
}
.@{ant-prefix}-input-group-addon .@{ant-prefix}-select {
&-selection {
border-color: transparent;
box-shadow: none;
}
}
// arrow and icon
.@{ant-prefix}-calendar-picker-icon::after,
.@{ant-prefix}-time-picker-icon::after,
.@{ant-prefix}-picker-icon::after,
.@{ant-prefix}-select-arrow,
.@{ant-prefix}-cascader-picker-arrow {
color: @error-color;
}
//input-number, timepicker
.@{ant-prefix}-input-number,
.@{ant-prefix}-time-picker-input {
border-color: @error-color;
&-focused,
&:focus {
.active(@error-color);
}
&:not([disabled]):hover {
border-color: @error-color;
}
}
.@{ant-prefix}-mention-wrapper {
.@{ant-prefix}-mention-editor {
&,
&:not([disabled]):hover {
border-color: @error-color;
}
}
&.@{ant-prefix}-mention-active:not([disabled]) .@{ant-prefix}-mention-editor,
.@{ant-prefix}-mention-editor:not([disabled]):focus {
.active(@error-color);
}
}
.@{ant-prefix}-cascader-picker {
&:focus .@{ant-prefix}-cascader-input {
.active(@error-color);
}
&:hover .@{ant-prefix}-cascader-input {
border-color: @error-color;
}
}
// transfer
.@{ant-prefix}-transfer {
&-list {
border-color: @error-color;
&-search:not([disabled]) {
border-color: @input-border-color;
&:hover {
.hover();
}
&:focus {
.active();
}
}
}
}
}
.is-validating {
&.has-feedback .@{form-prefix-cls}-item-children-icon {
display: inline-block;
color: @primary-color;
}
}
.@{ant-prefix}-advanced-search-form {
.@{form-prefix-cls}-item {
margin-bottom: @form-item-margin-bottom;
&-with-help {
margin-bottom: @form-item-margin-bottom - @form-explain-height - @form-help-margin-top;
}
}
}
.show-help-motion(@className, @keyframeName, @duration: @animation-duration-slow) {
.make-motion(@className, @keyframeName, @duration);
.@{className}-enter,
.@{className}-appear {
opacity: 0;
animation-timing-function: @ease-in-out;
}
.@{className}-leave {
animation-timing-function: @ease-in-out;
}
}
.show-help-motion(show-help, antShowHelp, 0.3s);
@keyframes antShowHelpIn {
0% {
transform: translateY(-5px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes antShowHelpOut {
to {
transform: translateY(-5px);
opacity: 0;
}
}
// need there different zoom animation
// otherwise won't trigger anim
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}

126
components/n-form/style/mixin.less Normal file
View File

@ -0,0 +1,126 @@
@import '../../input/style/mixin';
.form-control-validation(@text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg) {
.@{ant-prefix}-form-explain,
.@{ant-prefix}-form-split {
color: @text-color;
}
// ่พ“ๅ…ฅๆก†็š„ไธๅŒๆ ก้ชŒ็Šถๆ€
.@{ant-prefix}-input {
&,
&:hover {
background-color: @background-color;
border-color: @border-color;
}
&:focus {
.active(@border-color);
}
&:not([disabled]):hover {
border-color: @border-color;
}
}
.@{ant-prefix}-calendar-picker-open .@{ant-prefix}-calendar-picker-input {
.active(@border-color);
}
// Input prefix
.@{ant-prefix}-input-affix-wrapper {
.@{ant-prefix}-input {
&,
&:hover {
background-color: @background-color;
border-color: @border-color;
}
&:focus {
.active(@border-color);
}
}
&:hover .@{ant-prefix}-input:not(.@{ant-prefix}-input-disabled) {
border-color: @border-color;
}
}
.@{ant-prefix}-input-prefix {
color: @text-color;
}
.@{ant-prefix}-input-group-addon {
color: @text-color;
background-color: @background-color;
border-color: @border-color;
}
.has-feedback {
color: @text-color;
}
}
// Reset form styles
// -----------------------------
// Based on Bootstrap framework
.reset-form() {
legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: @text-color-secondary;
font-size: @font-size-lg;
line-height: inherit;
border: 0;
border-bottom: @border-width-base @border-style-base @border-color-base;
}
label {
font-size: @font-size-base;
}
input[type='search'] {
box-sizing: border-box;
}
// Position radios and checkboxes better
input[type='radio'],
input[type='checkbox'] {
line-height: normal;
}
input[type='file'] {
display: block;
}
// Make range inputs behave like textual form controls
input[type='range'] {
display: block;
width: 100%;
}
// Make multiple select elements height not fixed
select[multiple],
select[size] {
height: auto;
}
// Focus for file, radio, and checkbox
input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
// Adjust output element
output {
display: block;
padding-top: 15px;
color: @input-color;
font-size: @font-size-base;
line-height: @line-height-base;
}
}

16
components/notification/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,14 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/notification/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/custom-icon.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/custom-icon.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/custom-style.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/custom-style.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/notification/demo/placement.md correctly 1`] = `
<div><button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: radius-upleft" class="anticon anticon-radius-upleft"><svg viewBox="64 64 896 896" data-icon="radius-upleft" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: radius-upleft" class="anticon anticon-radius-upleft"><svg viewBox="64 64 896 896" data-icon="radius-upleft" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M656 200h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm58 624h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM192 650h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm696-696h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-348 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-174 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm174-696H358c-127 0-230 103-230 230v182c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V358c0-87.3 70.7-158 158-158h182c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"></path> <path d="M656 200h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm58 624h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM192 650h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm696-696h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-348 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-174 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm174-696H358c-127 0-230 103-230 230v182c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V358c0-87.3 70.7-158 158-158h182c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"></path>
</svg></i><span>topLeft</span></button> <button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: radius-upright" class="anticon anticon-radius-upright"><svg viewBox="64 64 896 896" data-icon="radius-upright" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i><span>topLeft</span></button> <button type="button" class="ant-btn ant-btn-primary"><i aria-label="icon: radius-upright" class="anticon anticon-radius-upright"><svg viewBox="64 64 896 896" data-icon="radius-upright" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -22,8 +22,8 @@ exports[`renders ./antdv-demo/notification/demo/placement.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/notification/demo/update.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/update.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/with-btn.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; exports[`renders ./antdv-demo/docs/notification/demo/with-btn.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`;
exports[`renders ./antdv-demo/notification/demo/with-icon.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Info</span></button> <button type="button" class="ant-btn"><span>Warning</span></button> <button type="button" class="ant-btn"><span>Error</span></button></div>`; exports[`renders ./antdv-demo/docs/notification/demo/with-icon.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Success</span></button> <button type="button" class="ant-btn"><span>Info</span></button> <button type="button" class="ant-btn"><span>Warning</span></button> <button type="button" class="ant-btn"><span>Error</span></button></div>`;

10
components/page-header/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/page-header/demo/actions.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/page-header/demo/actions.md correctly 1`] = `
<div> <div>
<div <div
class="ant-page-header ant-page-header-ghost" class="ant-page-header ant-page-header-ghost"
@ -374,7 +374,7 @@ exports[`renders ./antdv-demo/page-header/demo/actions.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/page-header/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/page-header/demo/basic.md correctly 1`] = `
<div <div
class="ant-page-header ant-page-header-ghost" class="ant-page-header ant-page-header-ghost"
style="border: 1px solid rgb(235, 237, 240);" style="border: 1px solid rgb(235, 237, 240);"
@ -427,7 +427,7 @@ exports[`renders ./antdv-demo/page-header/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/page-header/demo/breadcrumb.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/page-header/demo/breadcrumb.md correctly 1`] = `
<div <div
class="ant-page-header has-breadcrumb ant-page-header-ghost" class="ant-page-header has-breadcrumb ant-page-header-ghost"
style="border: 1px solid rgb(235, 237, 240);" style="border: 1px solid rgb(235, 237, 240);"
@ -499,7 +499,7 @@ exports[`renders ./antdv-demo/page-header/demo/breadcrumb.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/page-header/demo/ghost.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/page-header/demo/ghost.md correctly 1`] = `
<div <div
style="background-color: rgb(245, 245, 245); padding: 24px;" style="background-color: rgb(245, 245, 245); padding: 24px;"
> >
@ -689,7 +689,7 @@ exports[`renders ./antdv-demo/page-header/demo/ghost.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/page-header/demo/responsive.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/page-header/demo/responsive.md correctly 1`] = `
<div> <div>
<div <div
class="ant-page-header has-footer ant-page-header-ghost" class="ant-page-header has-footer ant-page-header-ghost"

20
components/pagination/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/pagination/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/basic.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
@ -17,7 +17,7 @@ exports[`renders ./antdv-demo/pagination/demo/basic.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/changer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/changer.md correctly 1`] = `
<div> <div>
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -79,7 +79,7 @@ exports[`renders ./antdv-demo/pagination/demo/changer.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/pagination/demo/controlled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/controlled.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
@ -96,7 +96,7 @@ exports[`renders ./antdv-demo/pagination/demo/controlled.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/custom-changer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/custom-changer.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
@ -123,7 +123,7 @@ exports[`renders ./antdv-demo/pagination/demo/custom-changer.md correctly 1`] =
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/itemRender.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/itemRender.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a>Previous</a></li> <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a>Previous</a></li>
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li> <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
@ -142,7 +142,7 @@ exports[`renders ./antdv-demo/pagination/demo/itemRender.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/jump.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/jump.md correctly 1`] = `
<div> <div>
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -189,7 +189,7 @@ exports[`renders ./antdv-demo/pagination/demo/jump.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/pagination/demo/mini.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/mini.md correctly 1`] = `
<div id="components-pagination-demo-mini"> <div id="components-pagination-demo-mini">
<ul unselectable="unselectable" class="ant-pagination mini"> <ul unselectable="unselectable" class="ant-pagination mini">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -246,7 +246,7 @@ exports[`renders ./antdv-demo/pagination/demo/mini.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/pagination/demo/more.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/more.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
@ -275,7 +275,7 @@ exports[`renders ./antdv-demo/pagination/demo/more.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/simple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/simple.md correctly 1`] = `
<ul class="ant-pagination ant-pagination-simple"> <ul class="ant-pagination ant-pagination-simple">
<li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <li title="Previous Page" tabindex="0" class=" ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path> <path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
@ -287,7 +287,7 @@ exports[`renders ./antdv-demo/pagination/demo/simple.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/pagination/demo/total.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/pagination/demo/total.md correctly 1`] = `
<div> <div>
<ul unselectable="unselectable" class="ant-pagination"> <ul unselectable="unselectable" class="ant-pagination">
<li class="ant-pagination-total-text">Total 85 items</li> <li class="ant-pagination-total-text">Total 85 items</li>

10
components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,17 +1,17 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/popconfirm/demo/basic.md correctly 1`] = `<a href="#" class="">Delete</a>`; exports[`renders ./antdv-demo/docs/popconfirm/demo/basic.md correctly 1`] = `<a href="#" class="">Delete</a>`;
exports[`renders ./antdv-demo/popconfirm/demo/dynamic-trigger.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
<div><a href="#" class="">Delete a task</a> <br> <br> <div><a href="#" class="">Delete a task</a> <br> <br>
Whether directly execute๏ผš<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div> Whether directly execute๏ผš<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>
`; `;
exports[`renders ./antdv-demo/popconfirm/demo/icon.md correctly 1`] = `<a href="#" class="">Delete</a>`; exports[`renders ./antdv-demo/docs/popconfirm/demo/icon.md correctly 1`] = `<a href="#" class="">Delete</a>`;
exports[`renders ./antdv-demo/popconfirm/demo/local.md correctly 1`] = `<a href="#" class="">Delete</a>`; exports[`renders ./antdv-demo/docs/popconfirm/demo/local.md correctly 1`] = `<a href="#" class="">Delete</a>`;
exports[`renders ./antdv-demo/popconfirm/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/popconfirm/demo/placement.md correctly 1`] = `
<div id="components-a-popconfirm-demo-placement"> <div id="components-a-popconfirm-demo-placement">
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div> <div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div>
<div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div> <div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div>

12
components/popover/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,14 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/popover/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Align edge / ่พน็ผ˜ๅฏน้ฝ</span></button> <button type="button" class="ant-btn"><span>Arrow points to center / ็ฎญๅคดๆŒ‡ๅ‘ไธญๅฟƒ</span></button></div>`; exports[`renders ./antdv-demo/docs/popover/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Align edge / ่พน็ผ˜ๅฏน้ฝ</span></button> <button type="button" class="ant-btn"><span>Arrow points to center / ็ฎญๅคดๆŒ‡ๅ‘ไธญๅฟƒ</span></button></div>`;
exports[`renders ./antdv-demo/popover/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button>`; exports[`renders ./antdv-demo/docs/popover/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button>`;
exports[`renders ./antdv-demo/popover/demo/control.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button>`; exports[`renders ./antdv-demo/docs/popover/demo/control.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button>`;
exports[`renders ./antdv-demo/popover/demo/hover-with-click.md correctly 1`] = `<button type="button" class="ant-btn" style="width: 500px;"><span>Hover and click / ๆ‚ฌๅœๅนถๅ•ๅ‡ป</span></button>`; exports[`renders ./antdv-demo/docs/popover/demo/hover-with-click.md correctly 1`] = `<button type="button" class="ant-btn" style="width: 500px;"><span>Hover and click / ๆ‚ฌๅœๅนถๅ•ๅ‡ป</span></button>`;
exports[`renders ./antdv-demo/popover/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/popover/demo/placement.md correctly 1`] = `
<div id="components-popover-demo-placement"> <div id="components-popover-demo-placement">
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div> <div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div>
<div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div> <div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div>
@ -17,4 +17,4 @@ exports[`renders ./antdv-demo/popover/demo/placement.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/popover/demo/triggerType.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Focus me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button></div>`; exports[`renders ./antdv-demo/docs/popover/demo/triggerType.md correctly 1`] = `<div><button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Focus me</span></button> <button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button></div>`;

22
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/progress/demo/circle.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/circle.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle"> <div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
@ -35,7 +35,7 @@ exports[`renders ./antdv-demo/progress/demo/circle.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/circle-dynamic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/circle-dynamic.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle"> <div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
@ -56,7 +56,7 @@ exports[`renders ./antdv-demo/progress/demo/circle-dynamic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/circle-mini.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/circle-mini.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18;"><svg viewBox="0 0 100 100" class="ant-progress-circle"> <div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
@ -91,7 +91,7 @@ exports[`renders ./antdv-demo/progress/demo/circle-mini.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/dashboard.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/dashboard.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle"> <div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
@ -106,7 +106,7 @@ exports[`renders ./antdv-demo/progress/demo/dashboard.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/dynamic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/dynamic.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div> <div>
@ -126,7 +126,7 @@ exports[`renders ./antdv-demo/progress/demo/dynamic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/format.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/format.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle"> <div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
@ -161,7 +161,7 @@ exports[`renders ./antdv-demo/progress/demo/format.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/gradient-line.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/gradient-line.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div> <div>
@ -216,7 +216,7 @@ exports[`renders ./antdv-demo/progress/demo/gradient-line.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/line.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/line.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div> <div>
@ -266,7 +266,7 @@ exports[`renders ./antdv-demo/progress/demo/line.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/line-mini.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/line-mini.md correctly 1`] = `
<div style="width: 170px;"> <div style="width: 170px;">
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small">
<div> <div>
@ -307,7 +307,7 @@ exports[`renders ./antdv-demo/progress/demo/line-mini.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/linecap.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/linecap.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div> <div>
@ -341,7 +341,7 @@ exports[`renders ./antdv-demo/progress/demo/linecap.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/progress/demo/segment.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/progress/demo/segment.md correctly 1`] = `
<div> <div>
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> <div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div> <div>

18
components/radio/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,14 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/radio/demo/basic.md correctly 1`] = `<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Radio</span></label>`; exports[`renders ./antdv-demo/docs/radio/demo/basic.md correctly 1`] = `<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Radio</span></label>`;
exports[`renders ./antdv-demo/radio/demo/disabled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/disabled.md correctly 1`] = `
<div><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label> <br> <label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label> <div><label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label> <br> <label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input" value=""><span class="ant-radio-inner"></span></span><span>Disabled</span></label>
<div><button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div> <div><button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioButton.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/radioButton.md correctly 1`] = `
<div> <div>
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
@ -22,7 +22,7 @@ exports[`renders ./antdv-demo/radio/demo/radioButton.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioButton-solid.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/radioButton-solid.md correctly 1`] = `
<div> <div>
<div> <div>
<div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div> <div class="ant-radio-group ant-radio-group-solid ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>
@ -33,19 +33,19 @@ exports[`renders ./antdv-demo/radio/demo/radioButton-solid.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioGroup.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/radioGroup.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioGroup-more.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-more.md correctly 1`] = `
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Option A</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Option B</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>Option C</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>Option A</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>Option B</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>Option C</span></label><label class="ant-radio-wrapper" style="display: block; height: 30px; line-height: 30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>
More... More...
<!----></span></label></div> <!----></span></label></div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioGroup-options.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-options.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="Apple"><span class="ant-radio-inner"></span></span><span>Apple</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Pear"><span class="ant-radio-inner"></span></span><span>Pear</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="Orange"><span class="ant-radio-inner"></span></span><span>Orange</span></label></div> <br>
@ -53,9 +53,9 @@ exports[`renders ./antdv-demo/radio/demo/radioGroup-options.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/radio/demo/radioGroup-with-name.md correctly 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>`; exports[`renders ./antdv-demo/docs/radio/demo/radioGroup-with-name.md correctly 1`] = `<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input name="radioGroup" type="radio" class="ant-radio-input" value="1"><span class="ant-radio-inner"></span></span><span>A</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="2"><span class="ant-radio-inner"></span></span><span>B</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="3"><span class="ant-radio-inner"></span></span><span>C</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input name="radioGroup" type="radio" class="ant-radio-input" value="4"><span class="ant-radio-inner"></span></span><span>D</span></label></div>`;
exports[`renders ./antdv-demo/radio/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/radio/demo/size.md correctly 1`] = `
<div> <div>
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-large"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-large"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="a"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="b"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="c"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="d"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label></div>

12
components/rate/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because one or more lines are too long

16
components/result/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/result/demo/403.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/403.md correctly 1`] = `
<div class="ant-result ant-result-403"> <div class="ant-result ant-result-403">
<div class="ant-result-icon ant-result-image"><svg width="251" height="294"> <div class="ant-result-icon ant-result-image"><svg width="251" height="294">
<g fill="none" fillRule="evenodd"> <g fill="none" fillRule="evenodd">
@ -66,7 +66,7 @@ exports[`renders ./antdv-demo/result/demo/403.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/404.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/404.md correctly 1`] = `
<div class="ant-result ant-result-404"> <div class="ant-result ant-result-404">
<div class="ant-result-icon ant-result-image"><svg width="252" height="294"> <div class="ant-result-icon ant-result-image"><svg width="252" height="294">
<defs> <defs>
@ -140,7 +140,7 @@ exports[`renders ./antdv-demo/result/demo/404.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/500.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/500.md correctly 1`] = `
<div class="ant-result ant-result-500"> <div class="ant-result ant-result-500">
<div class="ant-result-icon ant-result-image"><svg width="254" height="294"> <div class="ant-result-icon ant-result-image"><svg width="254" height="294">
<defs> <defs>
@ -221,7 +221,7 @@ exports[`renders ./antdv-demo/result/demo/500.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/customIcon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/customIcon.md correctly 1`] = `
<div class="ant-result ant-result-info"> <div class="ant-result ant-result-info">
<div class="ant-result-icon"><i aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-result-icon"><i aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path fill="#1890ff" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path> <path fill="#1890ff" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
@ -233,7 +233,7 @@ exports[`renders ./antdv-demo/result/demo/customIcon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/error.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/error.md correctly 1`] = `
<div class="ant-result ant-result-error"> <div class="ant-result ant-result-error">
<div class="ant-result-icon"><i aria-label="icon: close-circle" class="anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-result-icon"><i aria-label="icon: close-circle" class="anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
@ -257,7 +257,7 @@ exports[`renders ./antdv-demo/result/demo/error.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/info.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/info.md correctly 1`] = `
<div class="ant-result ant-result-info"> <div class="ant-result ant-result-info">
<div class="ant-result-icon"><i aria-label="icon: exclamation-circle" class="anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-result-icon"><i aria-label="icon: exclamation-circle" class="anticon anticon-exclamation-circle"><svg viewBox="64 64 896 896" data-icon="exclamation-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>
@ -267,7 +267,7 @@ exports[`renders ./antdv-demo/result/demo/info.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/success.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/success.md correctly 1`] = `
<div class="ant-result ant-result-success"> <div class="ant-result ant-result-success">
<div class="ant-result-icon"><i aria-label="icon: check-circle" class="anticon anticon-check-circle"><svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-result-icon"><i aria-label="icon: check-circle" class="anticon anticon-check-circle"><svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>
@ -278,7 +278,7 @@ exports[`renders ./antdv-demo/result/demo/success.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/result/demo/warning.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/result/demo/warning.md correctly 1`] = `
<div class="ant-result ant-result-warning"> <div class="ant-result ant-result-warning">
<div class="ant-result-icon"><i aria-label="icon: warning" class="anticon anticon-warning"><svg viewBox="64 64 896 896" data-icon="warning" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-result-icon"><i aria-label="icon: warning" class="anticon anticon-warning"><svg viewBox="64 64 896 896" data-icon="warning" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path> <path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path>

32
components/select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/select/demo/automatic-tokenization.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/automatic-tokenization.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -14,7 +14,7 @@ exports[`renders ./antdv-demo/select/demo/automatic-tokenization.md correctly 1`
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/basic.md correctly 1`] = `
<div> <div>
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -40,7 +40,7 @@ exports[`renders ./antdv-demo/select/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/coordinate.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/coordinate.md correctly 1`] = `
<div> <div>
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -59,7 +59,7 @@ exports[`renders ./antdv-demo/select/demo/coordinate.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/custom-dropdown-menu.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/custom-dropdown-menu.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -69,7 +69,7 @@ exports[`renders ./antdv-demo/select/demo/custom-dropdown-menu.md correctly 1`]
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/hide-selected.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/hide-selected.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -84,7 +84,7 @@ exports[`renders ./antdv-demo/select/demo/hide-selected.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/label-in-value.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/label-in-value.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -94,7 +94,7 @@ exports[`renders ./antdv-demo/select/demo/label-in-value.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/multiple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/multiple.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -115,7 +115,7 @@ exports[`renders ./antdv-demo/select/demo/multiple.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/optgroup.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/optgroup.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -125,7 +125,7 @@ exports[`renders ./antdv-demo/select/demo/optgroup.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/option-label-prop.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/option-label-prop.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -143,7 +143,7 @@ exports[`renders ./antdv-demo/select/demo/option-label-prop.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/options.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/options.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -153,7 +153,7 @@ exports[`renders ./antdv-demo/select/demo/options.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/search.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/search.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -166,7 +166,7 @@ exports[`renders ./antdv-demo/select/demo/search.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/search-box.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/search-box.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled ant-select-no-arrow" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-enabled ant-select-no-arrow" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -179,7 +179,7 @@ exports[`renders ./antdv-demo/select/demo/search-box.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/select-users.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/select-users.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">
@ -194,7 +194,7 @@ exports[`renders ./antdv-demo/select/demo/select-users.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div> <br><br>
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
@ -253,7 +253,7 @@ exports[`renders ./antdv-demo/select/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/suffix.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/suffix.md correctly 1`] = `
<div> <div>
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 120px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -272,7 +272,7 @@ exports[`renders ./antdv-demo/select/demo/suffix.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/select/demo/tags.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/select/demo/tags.md correctly 1`] = `
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
<div class="ant-select-selection__rendered"> <div class="ant-select-selection__rendered">

10
components/skeleton/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/skeleton/demo/active.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/skeleton/demo/active.md correctly 1`] = `
<div class="ant-skeleton ant-skeleton-active"> <div class="ant-skeleton ant-skeleton-active">
<div class="ant-skeleton-content"> <div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%;"></h3> <h3 class="ant-skeleton-title" style="width: 38%;"></h3>
@ -13,7 +13,7 @@ exports[`renders ./antdv-demo/skeleton/demo/active.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/skeleton/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/skeleton/demo/basic.md correctly 1`] = `
<div class="ant-skeleton"> <div class="ant-skeleton">
<div class="ant-skeleton-content"> <div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%;"></h3> <h3 class="ant-skeleton-title" style="width: 38%;"></h3>
@ -26,7 +26,7 @@ exports[`renders ./antdv-demo/skeleton/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/skeleton/demo/children.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/skeleton/demo/children.md correctly 1`] = `
<div class="article"> <div class="article">
<div> <div>
<h4>Ant Design Vue, a design language</h4> <h4>Ant Design Vue, a design language</h4>
@ -39,7 +39,7 @@ exports[`renders ./antdv-demo/skeleton/demo/children.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/skeleton/demo/complex.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/skeleton/demo/complex.md correctly 1`] = `
<div class="ant-skeleton ant-skeleton-with-avatar"> <div class="ant-skeleton ant-skeleton-with-avatar">
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div> <div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
<div class="ant-skeleton-content"> <div class="ant-skeleton-content">
@ -54,7 +54,7 @@ exports[`renders ./antdv-demo/skeleton/demo/complex.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/skeleton/demo/list.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/skeleton/demo/list.md correctly 1`] = `
<div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button> <div><button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner"></span></button>
<div class="ant-list ant-list-vertical ant-list-lg ant-list-split"> <div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">

18
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/slider/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/basic.md correctly 1`] = `
<div> <div>
<div tabindex="-1" class="ant-slider" id="test"> <div tabindex="-1" class="ant-slider" id="test">
<div class="ant-slider-rail"></div> <div class="ant-slider-rail"></div>
@ -21,7 +21,7 @@ exports[`renders ./antdv-demo/slider/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/event.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/event.md correctly 1`] = `
<div class="code-box-demo"> <div class="code-box-demo">
<div tabindex="-1" class="ant-slider"> <div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div> <div class="ant-slider-rail"></div>
@ -41,7 +41,7 @@ exports[`renders ./antdv-demo/slider/demo/event.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/icon-slider.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/icon-slider.md correctly 1`] = `
<div class="icon-wrapper"><i aria-label="icon: frown-o" class="anticon anticon-frown-o" style="color: rgba(0, 0, 0, 0.45);"><svg viewBox="64 64 896 896" data-icon="frown" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="icon-wrapper"><i aria-label="icon: frown-o" class="anticon anticon-frown-o" style="color: rgba(0, 0, 0, 0.45);"><svg viewBox="64 64 896 896" data-icon="frown" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM512 533c-85.5 0-155.6 67.3-160 151.6a8 8 0 0 0 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4C420 636.1 461.5 597 512 597s92.1 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 0 0 8-8.4C667.6 600.3 597.5 533 512 533z"></path> <path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM512 533c-85.5 0-155.6 67.3-160 151.6a8 8 0 0 0 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4C420 636.1 461.5 597 512 597s92.1 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 0 0 8-8.4C667.6 600.3 597.5 533 512 533z"></path>
</svg></i> </svg></i>
@ -64,7 +64,7 @@ exports[`renders ./antdv-demo/slider/demo/icon-slider.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/input-number.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/input-number.md correctly 1`] = `
<div> <div>
<div class="ant-row"> <div class="ant-row">
<div class="ant-col ant-col-12"> <div class="ant-col ant-col-12">
@ -103,7 +103,7 @@ exports[`renders ./antdv-demo/slider/demo/input-number.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/mark.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/mark.md correctly 1`] = `
<div id="components-slider-demo-mark"> <div id="components-slider-demo-mark">
<h4>included=true</h4> <h4>included=true</h4>
<div tabindex="-1" class="ant-slider ant-slider-with-marks"> <div tabindex="-1" class="ant-slider ant-slider-with-marks">
@ -148,7 +148,7 @@ exports[`renders ./antdv-demo/slider/demo/mark.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/reverse.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/reverse.md correctly 1`] = `
<div> <div>
<div tabindex="-1" class="ant-slider"> <div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div> <div class="ant-slider-rail"></div>
@ -169,7 +169,7 @@ exports[`renders ./antdv-demo/slider/demo/reverse.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/show-tooltip.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/show-tooltip.md correctly 1`] = `
<div tabindex="-1" class="ant-slider"> <div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div> <div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left: 0%; width: 30%;"></div> <div class="ant-slider-track" style="left: 0%; width: 30%;"></div>
@ -179,7 +179,7 @@ exports[`renders ./antdv-demo/slider/demo/show-tooltip.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/tip-formatter.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/tip-formatter.md correctly 1`] = `
<div> <div>
<div tabindex="-1" class="ant-slider"> <div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div> <div class="ant-slider-rail"></div>
@ -198,7 +198,7 @@ exports[`renders ./antdv-demo/slider/demo/tip-formatter.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/slider/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/slider/demo/vertical.md correctly 1`] = `
<div style="height: 300px;"> <div style="height: 300px;">
<div style="display: inline-block; height: 300px; margin-left: 70px;"> <div style="display: inline-block; height: 300px; margin-left: 70px;">
<div tabindex="-1" class="ant-slider ant-slider-vertical"> <div tabindex="-1" class="ant-slider ant-slider-vertical">

14
components/spin/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/spin/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div> <div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/custom-indicator.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/custom-indicator.md correctly 1`] = `
<div> <div>
<div class="ant-spin ant-spin-spinning"><i slot="indicator" aria-label="icon: loading" class="anticon anticon-loading ant-spin-dot" style="font-size: 24px;"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"> <div class="ant-spin ant-spin-spinning"><i slot="indicator" aria-label="icon: loading" class="anticon anticon-loading ant-spin-dot" style="font-size: 24px;"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin">
<path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path> <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path>
@ -17,7 +17,7 @@ exports[`renders ./antdv-demo/spin/demo/custom-indicator.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/delayAndDebounce.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/delayAndDebounce.md correctly 1`] = `
<div> <div>
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -31,13 +31,13 @@ exports[`renders ./antdv-demo/spin/demo/delayAndDebounce.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/inside.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/inside.md correctly 1`] = `
<div class="example"> <div class="example">
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div> <div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/nested.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/nested.md correctly 1`] = `
<div> <div>
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -50,7 +50,7 @@ exports[`renders ./antdv-demo/spin/demo/nested.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div> <div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div> <div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span></div>
@ -58,7 +58,7 @@ exports[`renders ./antdv-demo/spin/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/spin/demo/tip.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/spin/demo/tip.md correctly 1`] = `
<div> <div>
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div> <div>

8
components/statistic/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/statistic/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/statistic/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-statistic" style="margin-right: 50px;"> <div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Active Users</div> <div class="ant-statistic-title">Active Users</div>
@ -13,7 +13,7 @@ exports[`renders ./antdv-demo/statistic/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/statistic/demo/card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/statistic/demo/card.md correctly 1`] = `
<div style="background: rgb(236, 236, 236); padding: 30px;"> <div style="background: rgb(236, 236, 236); padding: 30px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;"> <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;"> <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
@ -40,7 +40,7 @@ exports[`renders ./antdv-demo/statistic/demo/card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/statistic/demo/countdown.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/statistic/demo/countdown.md correctly 1`] = `
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;"> <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;"> <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;"> <div class="ant-statistic" style="margin-right: 50px;">
@ -63,7 +63,7 @@ exports[`renders ./antdv-demo/statistic/demo/countdown.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/statistic/demo/unit.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/statistic/demo/unit.md correctly 1`] = `
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;"> <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;"> <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;"> <div class="ant-statistic" style="margin-right: 50px;">

22
components/steps/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/steps/demo/clickable.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/clickable.md correctly 1`] = `
<div> <div>
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-process ant-steps-item-active"> <div class="ant-steps-item ant-steps-item-process ant-steps-item-active">
@ -70,7 +70,7 @@ exports[`renders ./antdv-demo/steps/demo/clickable.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/customized-progress-dot.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/customized-progress-dot.md correctly 1`] = `
<div> <div>
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"> <div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
@ -117,7 +117,7 @@ exports[`renders ./antdv-demo/steps/demo/customized-progress-dot.md correctly 1`
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/error.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/error.md correctly 1`] = `
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-finish ant-steps-next-error"> <div class="ant-steps-item ant-steps-item-finish ant-steps-next-error">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">
@ -152,7 +152,7 @@ exports[`renders ./antdv-demo/steps/demo/error.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/icon.md correctly 1`] = `
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-finish ant-steps-item-custom ant-steps-item-active"> <div class="ant-steps-item ant-steps-item-finish ant-steps-item-custom ant-steps-item-active">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">
@ -193,7 +193,7 @@ exports[`renders ./antdv-demo/steps/demo/icon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/nav.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/nav.md correctly 1`] = `
<div> <div>
<div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal ant-steps-navigation" style="margin-bottom: 60px; box-shadow: 0px -1px 0 0 #e8e8e8 inset;"> <div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal ant-steps-navigation" style="margin-bottom: 60px; box-shadow: 0px -1px 0 0 #e8e8e8 inset;">
<div class="ant-steps-item ant-steps-item-finish ant-steps-item-active"> <div class="ant-steps-item ant-steps-item-finish ant-steps-item-active">
@ -309,7 +309,7 @@ exports[`renders ./antdv-demo/steps/demo/nav.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/progress-dot.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/progress-dot.md correctly 1`] = `
<div> <div>
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"> <div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
@ -399,7 +399,7 @@ exports[`renders ./antdv-demo/steps/demo/progress-dot.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/simple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/simple.md correctly 1`] = `
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">
@ -437,7 +437,7 @@ exports[`renders ./antdv-demo/steps/demo/simple.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/small-size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/small-size.md correctly 1`] = `
<div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">
@ -469,7 +469,7 @@ exports[`renders ./antdv-demo/steps/demo/small-size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/step-next.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/step-next.md correctly 1`] = `
<div> <div>
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> <div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
<div class="ant-steps-item ant-steps-item-process ant-steps-item-active"> <div class="ant-steps-item ant-steps-item-process ant-steps-item-active">
@ -508,7 +508,7 @@ exports[`renders ./antdv-demo/steps/demo/step-next.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/vertical.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/vertical.md correctly 1`] = `
<div class="ant-steps ant-steps-vertical"> <div class="ant-steps ant-steps-vertical">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">
@ -543,7 +543,7 @@ exports[`renders ./antdv-demo/steps/demo/vertical.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/steps/demo/vertical-small.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/steps/demo/vertical-small.md correctly 1`] = `
<div class="ant-steps ant-steps-vertical ant-steps-small"> <div class="ant-steps ant-steps-vertical ant-steps-small">
<div class="ant-steps-item ant-steps-item-finish"> <div class="ant-steps-item ant-steps-item-finish">
<div class="ant-steps-item-container"> <div class="ant-steps-item-container">

1
components/style.js
View File

@ -59,3 +59,4 @@ import './statistic/style';
import './result/style'; import './result/style';
import './descriptions/style'; import './descriptions/style';
import './page-header/style'; import './page-header/style';
import './n-form/style';

10
components/switch/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/switch/demo/basic.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button></div>`; exports[`renders ./antdv-demo/docs/switch/demo/basic.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button></div>`;
exports[`renders ./antdv-demo/switch/demo/disabled.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" disabled="disabled" class="ant-switch ant-switch-checked ant-switch-disabled" style="margin-bottom: 5px;"><span class="ant-switch-inner"></span></button> <br> <button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>`; exports[`renders ./antdv-demo/docs/switch/demo/disabled.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" disabled="disabled" class="ant-switch ant-switch-checked ant-switch-disabled" style="margin-bottom: 5px;"><span class="ant-switch-inner"></span></button> <br> <button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button></div>`;
exports[`renders ./antdv-demo/switch/demo/loading.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/switch/demo/loading.md correctly 1`] = `
<div><button type="button" role="switch" aria-checked="true" disabled="disabled" class="ant-switch ant-switch-checked ant-switch-disabled ant-switch-loading"><i aria-label="icon: loading" class="ant-switch-loading-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"> <div><button type="button" role="switch" aria-checked="true" disabled="disabled" class="ant-switch ant-switch-checked ant-switch-disabled ant-switch-loading"><i aria-label="icon: loading" class="ant-switch-loading-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin">
<path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path> <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path>
</svg></i><span class="ant-switch-inner"></span></button> <br> <button type="button" role="switch" disabled="disabled" class="ant-switch ant-switch-disabled ant-switch-small ant-switch-loading"><i aria-label="icon: loading" class="ant-switch-loading-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin"> </svg></i><span class="ant-switch-inner"></span></button> <br> <button type="button" role="switch" disabled="disabled" class="ant-switch ant-switch-disabled ant-switch-small ant-switch-loading"><i aria-label="icon: loading" class="ant-switch-loading-icon anticon anticon-loading"><svg viewBox="0 0 1024 1024" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="anticon-spin">
@ -12,6 +12,6 @@ exports[`renders ./antdv-demo/switch/demo/loading.md correctly 1`] = `
</svg></i><span class="ant-switch-inner"></span></button></div> </svg></i><span class="ant-switch-inner"></span></button></div>
`; `;
exports[`renders ./antdv-demo/switch/demo/size.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button> <br> <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked ant-switch-small"><span class="ant-switch-inner"></span></button></div>`; exports[`renders ./antdv-demo/docs/switch/demo/size.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button> <br> <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked ant-switch-small"><span class="ant-switch-inner"></span></button></div>`;
exports[`renders ./antdv-demo/switch/demo/text.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">ๅผ€</span></button> <br> <button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner">0</span></button> <br> <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"><i slot="checkedChildren" aria-label="icon: check" class="anticon anticon-check"><svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></i></span></button></div>`; exports[`renders ./antdv-demo/docs/switch/demo/text.md correctly 1`] = `<div><button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">ๅผ€</span></button> <br> <button type="button" role="switch" class="ant-switch"><span class="ant-switch-inner">0</span></button> <br> <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"><i slot="checkedChildren" aria-label="icon: check" class="anticon anticon-check"><svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></i></span></button></div>`;

44
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/table/demo/ajax.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/ajax.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading ant-table-without-pagination ant-table-spin-holder"> <div class="ant-spin-nested-loading ant-table-without-pagination ant-table-spin-holder">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -50,7 +50,7 @@ exports[`renders ./antdv-demo/table/demo/ajax.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/basic.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -132,7 +132,7 @@ exports[`renders ./antdv-demo/table/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/bordered.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/bordered.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -198,7 +198,7 @@ exports[`renders ./antdv-demo/table/demo/bordered.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/colspan-rowspan.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/colspan-rowspan.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -282,7 +282,7 @@ exports[`renders ./antdv-demo/table/demo/colspan-rowspan.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/custom-filter-panel.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/custom-filter-panel.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -353,7 +353,7 @@ exports[`renders ./antdv-demo/table/demo/custom-filter-panel.md correctly 1`] =
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/edit-cell.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/edit-cell.md correctly 1`] = `
<div><button type="button" class="editable-add-btn ant-btn"><span>Add</span></button> <div><button type="button" class="editable-add-btn ant-btn"><span>Add</span></button>
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
@ -431,7 +431,7 @@ exports[`renders ./antdv-demo/table/demo/edit-cell.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/edit-row.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/edit-row.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -629,7 +629,7 @@ exports[`renders ./antdv-demo/table/demo/edit-row.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/ellipsis.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/ellipsis.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -707,7 +707,7 @@ exports[`renders ./antdv-demo/table/demo/ellipsis.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/expand.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/expand.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -787,7 +787,7 @@ exports[`renders ./antdv-demo/table/demo/expand.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/expand-children.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/expand-children.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -856,7 +856,7 @@ exports[`renders ./antdv-demo/table/demo/expand-children.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/fixed-columns.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/fixed-columns.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -1006,7 +1006,7 @@ exports[`renders ./antdv-demo/table/demo/fixed-columns.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/fixed-columns-header.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/fixed-columns-header.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -1355,7 +1355,7 @@ exports[`renders ./antdv-demo/table/demo/fixed-columns-header.md correctly 1`] =
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/fixed-header.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/fixed-header.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -1661,7 +1661,7 @@ exports[`renders ./antdv-demo/table/demo/fixed-header.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/grouping-columns.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/grouping-columns.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -1971,7 +1971,7 @@ exports[`renders ./antdv-demo/table/demo/grouping-columns.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/head.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/head.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -2040,7 +2040,7 @@ exports[`renders ./antdv-demo/table/demo/head.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/nested-table.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/nested-table.md correctly 1`] = `
<div class="components-table-demo-nested ant-table-wrapper"> <div class="components-table-demo-nested ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -2137,7 +2137,7 @@ exports[`renders ./antdv-demo/table/demo/nested-table.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/reset-filter.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/reset-filter.md correctly 1`] = `
<div> <div>
<div class="table-operations"><button type="button" class="ant-btn"><span>Sort age</span></button> <button type="button" class="ant-btn"><span>Clear filters</span></button> <button type="button" class="ant-btn"><span>Clear filters and sorters</span></button></div> <div class="table-operations"><button type="button" class="ant-btn"><span>Sort age</span></button> <button type="button" class="ant-btn"><span>Clear filters</span></button> <button type="button" class="ant-btn"><span>Clear filters and sorters</span></button></div>
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
@ -2209,7 +2209,7 @@ exports[`renders ./antdv-demo/table/demo/reset-filter.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/row-selection.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/row-selection.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -2282,7 +2282,7 @@ exports[`renders ./antdv-demo/table/demo/row-selection.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/row-selection-and-operation.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/row-selection-and-operation.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 16px;"><button disabled="disabled" type="button" class="ant-btn ant-btn-primary"><span>Reload</span></button> <span style="margin-left: 8px;"><!----></span></div> <div style="margin-bottom: 16px;"><button disabled="disabled" type="button" class="ant-btn ant-btn-primary"><span>Reload</span></button> <span style="margin-left: 8px;"><!----></span></div>
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
@ -2398,7 +2398,7 @@ exports[`renders ./antdv-demo/table/demo/row-selection-and-operation.md correctl
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/row-selection-custom.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/row-selection-custom.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">
@ -2514,7 +2514,7 @@ exports[`renders ./antdv-demo/table/demo/row-selection-custom.md correctly 1`] =
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/size.md correctly 1`] = `
<div id="components-table-demo-size"> <div id="components-table-demo-size">
<h4>Middle size table</h4> <h4>Middle size table</h4>
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
@ -2635,7 +2635,7 @@ exports[`renders ./antdv-demo/table/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/table/demo/template.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/table/demo/template.md correctly 1`] = `
<div class="ant-table-wrapper"> <div class="ant-table-wrapper">
<div class="ant-spin-nested-loading"> <div class="ant-spin-nested-loading">
<div class="ant-spin-container"> <div class="ant-spin-container">

26
components/tabs/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/tabs/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
@ -32,7 +32,7 @@ exports[`renders ./antdv-demo/tabs/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/card.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"> <div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar">
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span> <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>
@ -62,7 +62,7 @@ exports[`renders ./antdv-demo/tabs/demo/card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/card-top.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/card-top.md correctly 1`] = `
<div class="card-container"> <div class="card-container">
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"> <div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar">
@ -98,7 +98,7 @@ exports[`renders ./antdv-demo/tabs/demo/card-top.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/custom-add-trigger.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/custom-add-trigger.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 16px;"><button type="button" class="ant-btn"><span>ADD</span></button></div> <div style="margin-bottom: 16px;"><button type="button" class="ant-btn"><span>ADD</span></button></div>
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"> <div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation">
@ -139,7 +139,7 @@ exports[`renders ./antdv-demo/tabs/demo/custom-add-trigger.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/custom-tab-bar.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/custom-tab-bar.md correctly 1`] = `
<div> <div>
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar" style="z-index: 1; background: rgb(255, 255, 255);"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar" style="z-index: 1; background: rgb(255, 255, 255);">
@ -171,7 +171,7 @@ exports[`renders ./antdv-demo/tabs/demo/custom-tab-bar.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/disabled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/disabled.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span> <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>
@ -201,7 +201,7 @@ exports[`renders ./antdv-demo/tabs/demo/disabled.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/editable-card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/editable-card.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"> <div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar">
<div class="ant-tabs-extra-content" style="float: right;"><span><i aria-label="icon: plus" tabindex="-1" class="ant-tabs-new-tab anticon anticon-plus"><svg viewBox="64 64 896 896" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></i></span></div> <div class="ant-tabs-extra-content" style="float: right;"><span><i aria-label="icon: plus" tabindex="-1" class="ant-tabs-new-tab anticon anticon-plus"><svg viewBox="64 64 896 896" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path><path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path></svg></i></span></div>
@ -244,7 +244,7 @@ exports[`renders ./antdv-demo/tabs/demo/editable-card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/extra.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/extra.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
<div class="ant-tabs-extra-content" style="float: right;"><button type="button" class="ant-btn"><span>Extra Action</span></button></div> <div class="ant-tabs-extra-content" style="float: right;"><button type="button" class="ant-btn"><span>Extra Action</span></button></div>
@ -275,7 +275,7 @@ exports[`renders ./antdv-demo/tabs/demo/extra.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/icon.md correctly 1`] = `
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
<div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar"> <div role="tablist" tabindex="0" class="ant-tabs-bar ant-tabs-top-bar">
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span> <div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"><i aria-label="icon: left" class="ant-tabs-tab-prev-icon-target anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></i></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"><i aria-label="icon: right" class="ant-tabs-tab-next-icon-target anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path></svg></i></span></span>
@ -309,7 +309,7 @@ exports[`renders ./antdv-demo/tabs/demo/icon.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/nest.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/nest.md correctly 1`] = `
<div> <div>
<div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;"> <div tabindex="0" class="ant-select ant-select-enabled" style="width: 200px;">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single"> <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
@ -421,7 +421,7 @@ exports[`renders ./antdv-demo/tabs/demo/nest.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/position.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/position.md correctly 1`] = `
<div style="width: 500px;"> <div style="width: 500px;">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>right</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>top</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="bottom"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>left</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="right"><span class="ant-radio-button-inner"></span></span><span>right</span></label></div>
<div class="ant-tabs ant-tabs-top ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-line">
@ -454,7 +454,7 @@ exports[`renders ./antdv-demo/tabs/demo/position.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/size.md correctly 1`] = `
<div> <div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 16px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label></div>
<div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line"> <div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line">
@ -487,7 +487,7 @@ exports[`renders ./antdv-demo/tabs/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tabs/demo/slide.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tabs/demo/slide.md correctly 1`] = `
<div style="width: 500px;"> <div style="width: 500px;">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label></div> <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default" style="margin-bottom: 8px;"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="top"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="left"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label></div>
<div class="ant-tabs ant-tabs-top ant-tabs-line" style="height: 200px;"> <div class="ant-tabs ant-tabs-top ant-tabs-line" style="height: 200px;">

12
components/tag/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/tag/demo/basic.md correctly 1`] = `<div><span class="ant-tag">Tag 1</span> <span class="ant-tag"><a href="https://github.com/vueComponent/ant-design">Link</a></span> <span class="ant-tag">Tag 2<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <span class="ant-tag">Prevent Default<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span></div>`; exports[`renders ./antdv-demo/docs/tag/demo/basic.md correctly 1`] = `<div><span class="ant-tag">Tag 1</span> <span class="ant-tag"><a href="https://github.com/vueComponent/ant-design">Link</a></span> <span class="ant-tag">Tag 2<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <span class="ant-tag">Prevent Default<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span></div>`;
exports[`renders ./antdv-demo/tag/demo/checkable.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tag/demo/checkable.md correctly 1`] = `
<div> <div>
<div class="ant-tag ant-tag-checkable">Tag1</div> <div class="ant-tag ant-tag-checkable">Tag1</div>
<div class="ant-tag ant-tag-checkable">Tag2</div> <div class="ant-tag ant-tag-checkable">Tag2</div>
@ -10,7 +10,7 @@ exports[`renders ./antdv-demo/tag/demo/checkable.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tag/demo/colorful.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tag/demo/colorful.md correctly 1`] = `
<div> <div>
<h4 style="margin-bottom: 16px;">Presets:</h4> <h4 style="margin-bottom: 16px;">Presets:</h4>
<div><span class="ant-tag ant-tag-pink">pink</span> <span class="ant-tag ant-tag-red">red</span> <span class="ant-tag ant-tag-orange">orange</span> <span class="ant-tag ant-tag-green">green</span> <span class="ant-tag ant-tag-cyan">cyan</span> <span class="ant-tag ant-tag-blue">blue</span> <span class="ant-tag ant-tag-purple">purple</span></div> <div><span class="ant-tag ant-tag-pink">pink</span> <span class="ant-tag ant-tag-red">red</span> <span class="ant-tag ant-tag-orange">orange</span> <span class="ant-tag ant-tag-green">green</span> <span class="ant-tag ant-tag-cyan">cyan</span> <span class="ant-tag ant-tag-blue">blue</span> <span class="ant-tag ant-tag-purple">purple</span></div>
@ -19,7 +19,7 @@ exports[`renders ./antdv-demo/tag/demo/colorful.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tag/demo/control.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tag/demo/control.md correctly 1`] = `
<div><span class="ant-tag"> <div><span class="ant-tag">
Unremovable Unremovable
</span><span class="ant-tag"> </span><span class="ant-tag">
@ -30,13 +30,13 @@ exports[`renders ./antdv-demo/tag/demo/control.md correctly 1`] = `
</span></div> </span></div>
`; `;
exports[`renders ./antdv-demo/tag/demo/controlled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tag/demo/controlled.md correctly 1`] = `
<div><span class="ant-tag"> <div><span class="ant-tag">
Movies Movies
<i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <br> <button type="button" class="ant-btn ant-btn-sm"><span>Toggle</span></button></div> <i aria-label="icon: close" tabindex="-1" class="anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span> <br> <button type="button" class="ant-btn ant-btn-sm"><span>Toggle</span></button></div>
`; `;
exports[`renders ./antdv-demo/tag/demo/hot-tags.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tag/demo/hot-tags.md correctly 1`] = `
<div><span>Categories:</span> <div><span>Categories:</span>
<div class="ant-tag ant-tag-checkable"> <div class="ant-tag ant-tag-checkable">
Movies Movies

18
components/time-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,22 +1,22 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/time-picker/demo/12hours.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span></div>`; exports[`renders ./antdv-demo/docs/time-picker/demo/12hours.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span></div>`;
exports[`renders ./antdv-demo/time-picker/demo/addon.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span></div>`; exports[`renders ./antdv-demo/docs/time-picker/demo/addon.md correctly 1`] = `<div><span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span></div>`;
exports[`renders ./antdv-demo/time-picker/demo/basic.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`; exports[`renders ./antdv-demo/docs/time-picker/demo/basic.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`;
exports[`renders ./antdv-demo/time-picker/demo/disabled.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" disabled="disabled" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`; exports[`renders ./antdv-demo/docs/time-picker/demo/disabled.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" disabled="disabled" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`;
exports[`renders ./antdv-demo/time-picker/demo/hide-column.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/time-picker/demo/hide-column.md correctly 1`] = `
<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
</svg></i></span> </svg></i></span>
`; `;
exports[`renders ./antdv-demo/time-picker/demo/interval-options.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`; exports[`renders ./antdv-demo/docs/time-picker/demo/interval-options.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span>`;
exports[`renders ./antdv-demo/time-picker/demo/size.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/time-picker/demo/size.md correctly 1`] = `
<div><span class="ant-time-picker ant-time-picker-large"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div><span class="ant-time-picker ant-time-picker-large"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path> <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
</svg></i></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span><i aria-label="icon: close-circle" class="ant-time-picker-clear anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
@ -26,9 +26,9 @@ exports[`renders ./antdv-demo/time-picker/demo/size.md correctly 1`] = `
</svg></i></span></div> </svg></i></span></div>
`; `;
exports[`renders ./antdv-demo/time-picker/demo/suffix.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-time-picker-clock-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span>`; exports[`renders ./antdv-demo/docs/time-picker/demo/suffix.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile ant-time-picker-clock-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span>`;
exports[`renders ./antdv-demo/time-picker/demo/value.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/time-picker/demo/value.md correctly 1`] = `
<div> <div>
<p>use value and @change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <br> <br> <p>use value and @change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <br> <br>
<p>v-model</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <br> <br> <p>v-model</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" class="ant-time-picker-input"><span class="ant-time-picker-icon"><i aria-label="icon: clock-circle" class="ant-time-picker-clock-icon anticon anticon-clock-circle"><svg viewBox="64 64 896 896" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></i></span></span> <br> <br>

12
components/timeline/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/timeline/demo/alternate.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/alternate.md correctly 1`] = `
<ul class="ant-timeline ant-timeline-alternate"> <ul class="ant-timeline ant-timeline-alternate">
<li class="ant-timeline-item ant-timeline-item-left"> <li class="ant-timeline-item ant-timeline-item-left">
<div class="ant-timeline-item-tail"></div> <div class="ant-timeline-item-tail"></div>
@ -47,7 +47,7 @@ exports[`renders ./antdv-demo/timeline/demo/alternate.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/timeline/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/basic.md correctly 1`] = `
<ul class="ant-timeline"> <ul class="ant-timeline">
<li class="ant-timeline-item"> <li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div> <div class="ant-timeline-item-tail"></div>
@ -72,7 +72,7 @@ exports[`renders ./antdv-demo/timeline/demo/basic.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/timeline/demo/color.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/color.md correctly 1`] = `
<ul class="ant-timeline"> <ul class="ant-timeline">
<li class="ant-timeline-item"> <li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div> <div class="ant-timeline-item-tail"></div>
@ -123,7 +123,7 @@ exports[`renders ./antdv-demo/timeline/demo/color.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/timeline/demo/custom.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/custom.md correctly 1`] = `
<ul class="ant-timeline"> <ul class="ant-timeline">
<li class="ant-timeline-item"> <li class="ant-timeline-item">
<div class="ant-timeline-item-tail"></div> <div class="ant-timeline-item-tail"></div>
@ -153,7 +153,7 @@ exports[`renders ./antdv-demo/timeline/demo/custom.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/timeline/demo/pending.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/pending.md correctly 1`] = `
<div> <div>
<ul class="ant-timeline ant-timeline-pending"> <ul class="ant-timeline ant-timeline-pending">
<li class="ant-timeline-item"> <li class="ant-timeline-item">
@ -182,7 +182,7 @@ exports[`renders ./antdv-demo/timeline/demo/pending.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/timeline/demo/right.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/timeline/demo/right.md correctly 1`] = `
<ul class="ant-timeline ant-timeline-right"> <ul class="ant-timeline ant-timeline-right">
<li class="ant-timeline-item ant-timeline-item-right"> <li class="ant-timeline-item ant-timeline-item-right">
<div class="ant-timeline-item-tail"></div> <div class="ant-timeline-item-tail"></div>

8
components/tooltip/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,16 +1,16 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/tooltip/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Align edge / ่พน็ผ˜ๅฏน้ฝ</span></button> <button type="button" class="ant-btn"><span>Arrow points to center / ็ฎญๅคดๆŒ‡ๅ‘ไธญๅฟƒ</span></button></div>`; exports[`renders ./antdv-demo/docs/tooltip/demo/arrow-point-at-center.md correctly 1`] = `<div><button type="button" class="ant-btn"><span>Align edge / ่พน็ผ˜ๅฏน้ฝ</span></button> <button type="button" class="ant-btn"><span>Arrow points to center / ็ฎญๅคดๆŒ‡ๅ‘ไธญๅฟƒ</span></button></div>`;
exports[`renders ./antdv-demo/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `<div style="overflow: hidden; position: relative; padding: 24px; border: 1px solid #e9e9e9;"><button type="button" class="ant-btn"><span>Adjust automatically / ่‡ชๅŠจ่ฐƒๆ•ด</span></button> <br> <button type="button" class="ant-btn" style="margin-top: 10px;"><span>Ingore / ไธๅค„็†</span></button></div>`; exports[`renders ./antdv-demo/docs/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `<div style="overflow: hidden; position: relative; padding: 24px; border: 1px solid #e9e9e9;"><button type="button" class="ant-btn"><span>Adjust automatically / ่‡ชๅŠจ่ฐƒๆ•ด</span></button> <br> <button type="button" class="ant-btn" style="margin-top: 10px;"><span>Ingore / ไธๅค„็†</span></button></div>`;
exports[`renders ./antdv-demo/tooltip/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tooltip/demo/basic.md correctly 1`] = `
<span class=""> <span class="">
Tooltip will show when mouse enter. Tooltip will show when mouse enter.
</span> </span>
`; `;
exports[`renders ./antdv-demo/tooltip/demo/placement.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tooltip/demo/placement.md correctly 1`] = `
<div id="components-a-tooltip-demo-placement"> <div id="components-a-tooltip-demo-placement">
<div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div> <div style="margin-left: 70px; white-space: nowrap;"><button type="button" class="ant-btn"><span>TL</span></button> <button type="button" class="ant-btn"><span>Top</span></button> <button type="button" class="ant-btn"><span>TR</span></button></div>
<div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div> <div style="width: 70px; float: left;"><button type="button" class="ant-btn"><span>LT</span></button> <button type="button" class="ant-btn"><span>Left</span></button> <button type="button" class="ant-btn"><span>LB</span></button></div>

161
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/transfer/demo/advanced.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/advanced.md correctly 1`] = `
<div class="ant-transfer"> <div class="ant-transfer">
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;"> <div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;">
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div> <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
@ -53,7 +53,7 @@ exports[`renders ./antdv-demo/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/transfer/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/basic.md correctly 1`] = `
<div> <div>
<div class="ant-transfer"> <div class="ant-transfer">
<div class="ant-transfer-list"> <div class="ant-transfer-list">
@ -99,7 +99,7 @@ exports[`renders ./antdv-demo/transfer/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/transfer/demo/custom-item.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/custom-item.md correctly 1`] = `
<div class="ant-transfer"> <div class="ant-transfer">
<div class="ant-transfer-list" style="width: 300px; height: 300px;"> <div class="ant-transfer-list" style="width: 300px; height: 300px;">
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div> <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
@ -155,7 +155,7 @@ exports[`renders ./antdv-demo/transfer/demo/custom-item.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/transfer/demo/large-data.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/large-data.md correctly 1`] = `
<div class="ant-transfer"> <div class="ant-transfer">
<div class="ant-transfer-list"> <div class="ant-transfer-list">
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>2000 items</span><span class="ant-transfer-list-header-title"></span></span></div> <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>2000 items</span><span class="ant-transfer-list-header-title"></span></span></div>
@ -2197,7 +2197,7 @@ exports[`renders ./antdv-demo/transfer/demo/large-data.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/transfer/demo/search.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/search.md correctly 1`] = `
<div class="ant-transfer"> <div class="ant-transfer">
<div class="ant-transfer-list"> <div class="ant-transfer-list">
<div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div> <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span></div>
@ -2259,9 +2259,9 @@ exports[`renders ./antdv-demo/transfer/demo/search.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/transfer/demo/table-transfer.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/transfer/demo/table-transfer.md correctly 1`] = `
<div> <div>
<div class="ant-transfer ant-transfer-customize-list" leftcolumns="[object Object],[object Object],[object Object]" rightcolumns="[object Object]"> <div class="ant-transfer ant-transfer-customize-list" leftcolumns="[object Object],[object Object]" rightcolumns="[object Object]">
<div class="ant-transfer-list"> <div class="ant-transfer-list">
<div class="ant-transfer-list-header"><span class="ant-transfer-list-header-selected"><span>14 items</span><span class="ant-transfer-list-header-title"></span></span></div> <div class="ant-transfer-list-header"><span class="ant-transfer-list-header-selected"><span>14 items</span><span class="ant-transfer-list-header-title"></span></span></div>
<div class="ant-transfer-list-body"> <div class="ant-transfer-list-body">
@ -2278,7 +2278,6 @@ exports[`renders ./antdv-demo/transfer/demo/table-transfer.md correctly 1`] = `
<col class="ant-table-selection-col"> <col class="ant-table-selection-col">
<col> <col>
<col> <col>
<col>
</colgroup> </colgroup>
<thead class="ant-table-thead"> <thead class="ant-table-thead">
<tr> <tr>
@ -2287,95 +2286,83 @@ exports[`renders ./antdv-demo/transfer/demo/table-transfer.md correctly 1`] = `
</div></span></th> </div></span></th>
<th key="title" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"></span> <th key="title" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"></span>
</div></span></th> </div></span></th>
<th key="tag" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Tag</span><span class="ant-table-column-sorter"></span> <th key="description" class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Description</span><span class="ant-table-column-sorter"></span>
</div></span></th> </div></span></th>
<th key="description" class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Description</span><span class="ant-table-column-sorter"></span>
</div></span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="">content1</td>
<td class=""></td>
<td class="">description of content1</td>
</tr> </tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1"> </thead>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <tbody class="ant-table-tbody">
<td class="">content2</td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class=""></td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="">description of content2</td> <td class="">content1</td>
</tr> <td class="">description of content1</td>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3"> </tr>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="">content4</td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class=""></td> <td class="">content2</td>
<td class="">description of content4</td> <td class="">description of content2</td>
</tr> </tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4"> <tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="">content5</td> <td class="">content4</td>
<td class=""></td> <td class="">description of content4</td>
<td class="">description of content5</td> </tr>
</tr> <tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6"> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <td class="">content5</td>
<td class="">content7</td> <td class="">description of content5</td>
<td class=""></td> </tr>
<td class="">description of content7</td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
</tr> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7"> <td class="">content7</td>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <td class="">description of content7</td>
<td class="">content8</td> </tr>
<td class=""></td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="">description of content8</td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
</tr> <td class="">content8</td>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9"> <td class="">description of content8</td>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> </tr>
<td class="">content10</td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class=""></td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="">description of content10</td> <td class="">content10</td>
</tr> <td class="">description of content10</td>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="10"> </tr>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <tr class="ant-table-row ant-table-row-level-0" data-row-key="10">
<td class="">content11</td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class=""></td> <td class="">content11</td>
<td class="">description of content11</td> <td class="">description of content11</td>
</tr> </tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="12"> <tr class="ant-table-row ant-table-row-level-0" data-row-key="12">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="">content13</td> <td class="">content13</td>
<td class=""></td> <td class="">description of content13</td>
<td class="">description of content13</td> </tr>
</tr> <tr class="ant-table-row ant-table-row-level-0" data-row-key="13">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="13"> <td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td> <td class="">content14</td>
<td class="">content14</td> <td class="">description of content14</td>
<td class=""></td> </tr>
<td class="">description of content14</td> </tbody>
</tr> </table>
</tbody> </div>
</table>
</div> </div>
</div> </div>
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
</svg></i></a></li>
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path>
</svg></i></a></li>
<!---->
</ul>
</div> </div>
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path>
</svg></i></a></li>
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path>
</svg></i></a></li>
<!---->
</ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="ant-transfer-operation"><button disabled="disabled" type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> <div class="ant-transfer-operation"><button disabled="disabled" type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path> <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"></path>
</svg></i></button><button disabled="disabled" type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> </svg></i></button><button disabled="disabled" type="button" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">

12
components/tree-select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,21 +1,21 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/tree-select/demo/async.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`; exports[`renders ./antdv-demo/docs/tree-select/demo/async.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`;
exports[`renders ./antdv-demo/tree-select/demo/basic.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`; exports[`renders ./antdv-demo/docs/tree-select/demo/basic.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`;
exports[`renders ./antdv-demo/tree-select/demo/checkable.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree-select/demo/checkable.md correctly 1`] = `
<span role="combobox" aria-haspopup="listbox" tabindex="-1" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li unselectable="unselectable" role="menuitem" title="Node1" class="ant-select-selection__choice" style="user-select: none;"><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span><span class="ant-select-selection__choice__content">Node1</span></li> <span role="combobox" aria-haspopup="listbox" tabindex="-1" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li unselectable="unselectable" role="menuitem" title="Node1" class="ant-select-selection__choice" style="user-select: none;"><span class="ant-select-selection__choice__remove"><i aria-label="icon: close" class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span><span class="ant-select-selection__choice__content">Node1</span></li>
<li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input type="text" aria-label="filter select" aria-autocomplete="list" aria-multiline="false" class="ant-select-search__field" style="width: 0px;"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li> <li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input type="text" aria-label="filter select" aria-autocomplete="list" aria-multiline="false" class="ant-select-search__field" style="width: 0px;"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li>
</div> </div>
</span></span> </span></span>
`; `;
exports[`renders ./antdv-demo/tree-select/demo/multiple.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree-select/demo/multiple.md correctly 1`] = `
<span role="combobox" aria-haspopup="listbox" tabindex="-1" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input type="text" aria-label="filter select" aria-autocomplete="list" aria-multiline="false" class="ant-select-search__field" style="width: 0px;"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li> <span role="combobox" aria-haspopup="listbox" tabindex="-1" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--multiple"><div class="ant-select-selection__rendered"><li class="ant-select-search ant-select-search--inline"><span class="ant-select-search__field__wrap"><input type="text" aria-label="filter select" aria-autocomplete="list" aria-multiline="false" class="ant-select-search__field" style="width: 0px;"><span class="ant-select-search__field__mirror">&nbsp;</span></span></li>
</div><span class="ant-select-search__field__placeholder" style="display: block;">Please select</span></span></span> </div><span class="ant-select-search__field__placeholder" style="display: block;">Please select</span></span></span>
`; `;
exports[`renders ./antdv-demo/tree-select/demo/suffix.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span></span>`; exports[`renders ./antdv-demo/docs/tree-select/demo/suffix.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled ant-select-allow-clear" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i slot="suffixIcon" aria-label="icon: smile" class="anticon anticon-smile"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span></span></span>`;
exports[`renders ./antdv-demo/tree-select/demo/treeData.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`; exports[`renders ./antdv-demo/docs/tree-select/demo/treeData.md correctly 1`] = `<span role="combobox" aria-haspopup="listbox" tabindex="0" class="ant-select ant-select-enabled" style="width: 100%;"><span class="ant-select-selection ant-select-selection--single"><span class="ant-select-selection__rendered"><span class="ant-select-selection__placeholder">Please select</span></span><span class="ant-select-arrow" style="outline: none;"><i aria-label="icon: down" class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></span></span>`;

20
components/tree/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/tree/demo/basic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/basic.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -20,7 +20,7 @@ exports[`renders ./antdv-demo/tree/demo/basic.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/basic-controlled.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/basic-controlled.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-indeterminate"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-indeterminate"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-indeterminate"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-indeterminate"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -48,7 +48,7 @@ exports[`renders ./antdv-demo/tree/demo/basic-controlled.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/customized-icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/customized-icon.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree"> <ul role="tree" unselectable="on" class="ant-tree">
<li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i slot="switcherIcon" aria-label="icon: down" class="anticon anticon-down ant-tree-switcher-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i slot="smile" aria-label="icon: smile-o" class="anticon anticon-smile-o"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span><span class="ant-tree-title">parent 1</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i slot="switcherIcon" aria-label="icon: down" class="anticon anticon-down ant-tree-switcher-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i slot="smile" aria-label="icon: smile-o" class="anticon anticon-smile-o"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span><span class="ant-tree-title">parent 1</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -59,7 +59,7 @@ exports[`renders ./antdv-demo/tree/demo/customized-icon.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/directory.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/directory.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-directory"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-directory">
<li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="parent 0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i aria-label="icon: folder-open" class="anticon anticon-folder-open"><svg viewBox="64 64 896 896" data-icon="folder-open" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"></path></svg></i></span><span class="ant-tree-title">parent 0</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="parent 0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i aria-label="icon: folder-open" class="anticon anticon-folder-open"><svg viewBox="64 64 896 896" data-icon="folder-open" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"></path></svg></i></span><span class="ant-tree-title">parent 0</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -76,7 +76,7 @@ exports[`renders ./antdv-demo/tree/demo/directory.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/draggable.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/draggable.md correctly 1`] = `
<ul role="tree" unselectable="on" class="draggable-tree ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="draggable-tree ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -100,7 +100,7 @@ exports[`renders ./antdv-demo/tree/demo/draggable.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/dynamic.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/dynamic.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li> <li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li>
<li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li> <li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="Expand to load" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span></li>
@ -108,7 +108,7 @@ exports[`renders ./antdv-demo/tree/demo/dynamic.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/line.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/line.md correctly 1`] = `
<div> <div>
<div style="margin-bottom: 16px;"> <div style="margin-bottom: 16px;">
showLine: <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button> <br> <br> showLine: <button type="button" role="switch" aria-checked="true" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></button> <br> <br>
@ -140,7 +140,7 @@ exports[`renders ./antdv-demo/tree/demo/line.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tree/demo/replaceFields.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/replaceFields.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"><span class="ant-tree-switcher ant-tree-switcher_open"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">
@ -160,7 +160,7 @@ exports[`renders ./antdv-demo/tree/demo/replaceFields.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`renders ./antdv-demo/tree/demo/search.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/search.md correctly 1`] = `
<div><span class="ant-input-affix-wrapper ant-input-search" style="margin-bottom: 8px;"><input placeholder="Search" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span> <div><span class="ant-input-affix-wrapper ant-input-search" style="margin-bottom: 8px;"><input placeholder="Search" type="text" class="ant-input"><span class="ant-input-suffix"><i aria-label="icon: search" tabindex="-1" class="ant-input-search-icon anticon anticon-search"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></i></span></span>
<ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span> <li role="treeitem" class="ant-tree-treenode-switcher-close"><span class="ant-tree-switcher ant-tree-switcher_close"><i aria-label="icon: caret-down" class="ant-tree-switcher-icon anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></i></span><span title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span>
@ -186,7 +186,7 @@ exports[`renders ./antdv-demo/tree/demo/search.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/tree/demo/switcher-icon.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/tree/demo/switcher-icon.md correctly 1`] = `
<ul role="tree" unselectable="on" class="ant-tree ant-tree-show-line ant-tree-icon-hide"> <ul role="tree" unselectable="on" class="ant-tree ant-tree-show-line ant-tree-icon-hide">
<li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i slot="switcherIcon" aria-label="icon: down" class="anticon anticon-down ant-tree-switcher-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span> <li role="treeitem" class="ant-tree-treenode-switcher-open"><span class="ant-tree-switcher ant-tree-switcher_open"><i slot="switcherIcon" aria-label="icon: down" class="anticon anticon-down ant-tree-switcher-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span><span title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span>
<ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open"> <ul data-expanded="true" role="group" class="ant-tree-child-tree ant-tree-child-tree-open">

24
components/upload/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/upload/demo/avatar.md correctly 1`] = `<span class="avatar-uploader ant-upload-picture-card-wrapper"><div class="ant-upload ant-upload-select ant-upload-select-picture-card"><!----></div></span>`; exports[`renders ./antdv-demo/docs/upload/demo/avatar.md correctly 1`] = `<span class="avatar-uploader ant-upload-picture-card-wrapper"><div class="ant-upload ant-upload-select ant-upload-select-picture-card"><!----></div></span>`;
exports[`renders ./antdv-demo/upload/demo/basic copy 3.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; exports[`renders ./antdv-demo/docs/upload/demo/basic copy 3.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./antdv-demo/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; exports[`renders ./antdv-demo/docs/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./antdv-demo/upload/demo/defaultFileList.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/upload/demo/defaultFileList.md correctly 1`] = `
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"><div class="ant-upload-list-item-info"><span><i aria-label="icon: paper-clip" class="anticon anticon-paper-clip"><svg viewBox="64 64 896 896" data-icon="paper-clip" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"></path></svg></i><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="http://www.baidu.com/xxx.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions "><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div> <span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"><div class="ant-upload-list-item-info"><span><i aria-label="icon: paper-clip" class="anticon anticon-paper-clip"><svg viewBox="64 64 896 896" data-icon="paper-clip" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"></path></svg></i><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="http://www.baidu.com/xxx.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions "><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div>
<!----> <!---->
</div></span></div> </div></span></div>
@ -22,18 +22,18 @@ exports[`renders ./antdv-demo/upload/demo/defaultFileList.md correctly 1`] = `
</div></span> </div></span>
`; `;
exports[`renders ./antdv-demo/upload/demo/directory.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; exports[`renders ./antdv-demo/docs/upload/demo/directory.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./antdv-demo/upload/demo/drag.md correctly 1`] = `<span><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; exports[`renders ./antdv-demo/docs/upload/demo/drag.md correctly 1`] = `<span><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`;
exports[`renders ./antdv-demo/upload/demo/fileList.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/upload/demo/fileList.md correctly 1`] = `
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"><div class="ant-upload-list-item-info"><span><i aria-label="icon: paper-clip" class="anticon anticon-paper-clip"><svg viewBox="64 64 896 896" data-icon="paper-clip" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"></path></svg></i><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="http://www.baidu.com/xxx.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions "><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div> <span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"><div class="ant-upload-list-item-info"><span><i aria-label="icon: paper-clip" class="anticon anticon-paper-clip"><svg viewBox="64 64 896 896" data-icon="paper-clip" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"></path></svg></i><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="http://www.baidu.com/xxx.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions "><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div>
<!----> <!---->
</div></span></div> </div></span></div>
</div></span> </div></span>
`; `;
exports[`renders ./antdv-demo/upload/demo/picture-card.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/upload/demo/picture-card.md correctly 1`] = `
<div class="clearfix"><span class="ant-upload-picture-card-wrapper"><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-picture-card-container"><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="image.png" class="ant-upload-list-item-image"></a><a target="_blank" rel="noopener noreferrer" title="image.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">image.png</a></span></div><span class="ant-upload-list-item-actions"><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"><i aria-label="icon: eye-o" class="anticon anticon-eye-o"><svg viewBox="64 64 896 896" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></i></a><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></span> <div class="clearfix"><span class="ant-upload-picture-card-wrapper"><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-picture-card-container"><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="image.png" class="ant-upload-list-item-image"></a><a target="_blank" rel="noopener noreferrer" title="image.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">image.png</a></span></div><span class="ant-upload-list-item-actions"><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"><i aria-label="icon: eye-o" class="anticon anticon-eye-o"><svg viewBox="64 64 896 896" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></i></a><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></span>
<!----> <!---->
</div></span></div> </div></span></div>
@ -60,7 +60,7 @@ exports[`renders ./antdv-demo/upload/demo/picture-card.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./antdv-demo/upload/demo/picture-style.md correctly 1`] = ` exports[`renders ./antdv-demo/docs/upload/demo/picture-style.md correctly 1`] = `
<div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png" class="ant-upload-list-item-image"></a><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions picture"><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div> <div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class=""><span><div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png" class="ant-upload-list-item-image"></a><a target="_blank" rel="noopener noreferrer" title="xxx.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1">xxx.png</a><span class="ant-upload-list-item-card-actions picture"><a title="Remove file"><i title="Remove file" aria-label="icon: delete" tabindex="-1" class="anticon anticon-delete"><svg viewBox="64 64 896 896" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></i></a></span></span></div>
<!----> <!---->
</div></span></div> </div></span></div>
@ -76,8 +76,8 @@ exports[`renders ./antdv-demo/upload/demo/picture-style.md correctly 1`] = `
</div></span></div> </div></span></div>
`; `;
exports[`renders ./antdv-demo/upload/demo/preview-file.md correctly 1`] = `<div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"></div></span></div>`; exports[`renders ./antdv-demo/docs/upload/demo/preview-file.md correctly 1`] = `<div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><div class="ant-upload-list ant-upload-list-picture"></div></span></div>`;
exports[`renders ./antdv-demo/upload/demo/transform-file.md correctly 1`] = `<div><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div>`; exports[`renders ./antdv-demo/docs/upload/demo/transform-file.md correctly 1`] = `<div><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div>`;
exports[`renders ./antdv-demo/upload/demo/upload-manually.md correctly 1`] = `<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span> <button disabled="disabled" type="button" class="ant-btn ant-btn-primary" style="margin-top: 16px;"><span>Start Upload</span></button></div>`; exports[`renders ./antdv-demo/docs/upload/demo/upload-manually.md correctly 1`] = `<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span> <button disabled="disabled" type="button" class="ant-btn ant-btn-primary" style="margin-top: 16px;"><span>Start Upload</span></button></div>`;

2
components/vc-form/src/createFieldsStore.jsx
View File

@ -29,7 +29,7 @@ class FieldsStore {
return flattenFields( return flattenFields(
fields, fields,
path => validFieldsName.indexOf(path) >= 0, path => validFieldsName.indexOf(path) >= 0,
'You cannot set a form field before rendering a field associated with the value.', `You cannot set a form field before rendering a field associated with the value. You can use \`getFieldDecorator(id, options)\` instead \`v-decorator="[id, options]"\` to register it before render.`,
); );
} }

152
docs/vue/customize-theme.en-US.md
View File

@ -1,152 +0,0 @@
# Customize Theme
The structure and styles of ant-design-vue are exactly the same as those of Antd. You can refer to the Antd React customization mode for configuration.
Ant Design allows you to customize some basic design aspects in order to meet the needs of UI diversity from business and brand, including primary color, border radius, border color, etc.
![](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
## Ant Design Vue Less variables
We are using [Less](http://lesscss.org/) as the development language for styling. A set of less variables are defined for each design aspect that can be customized to your needs.
There are some major variables below, all less variables could be found in [Default Variables](https://github.com/vueComponent/ant-design-vue/blob/master/components/style/themes/default.less).
```less
@primary-color: #1890ff; // primary color for all components
@link-color: #1890ff; // link color
@success-color: #52c41a; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@font-size-base: 14px; // major text font size
@heading-color: rgba(0, 0, 0, 0.85); // heading text color
@text-color: rgba(0, 0, 0, 0.65); // major text color
@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
@border-radius-base: 4px; // major border radius
@border-color-base: #d9d9d9; // major border color
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // major shadow for layers
```
Please report an issue if the existing list of variables is not enough for you.
## How to do it
We will use [modifyVars](http://lesscss.org/usage/#using-less-in-the-browser-modify-variables) provided by less.js to override the default values of the variables. We now introduce some popular way to do it depends on different workflow.
### Customize in webpack
We take a typical `webpack.config.js` file as example to customize it's [less-loader](https://github.com/webpack-contrib/less-loader) options.
```diff
// webpack.config.js
module.exports = {
rules: [{
test: /\.less$/,
use: [{
loader: 'style-loader',
}, {
loader: 'css-loader', // translates CSS into CommonJS
}, {
loader: 'less-loader', // compiles Less to CSS
+ options: {
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ },
}],
// ...other rules
}],
// ...other config
}
```
Note that do not exclude antd package in node_modules when using less-loader.
### Customize in vue cli 2
Modify the `build/utils.js` file
```diff
// build/utils.js
- less: generateLoaders('less'),
+ less: generateLoaders('less', {
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ }),
```
### Customize in vue cli 3
Create a new file `vue.config.js` in the project directory.
```
// vue.config.js
module.exports = {
css: {
loaderOptions: {
less: {
modifyVars: {
'primary-color': '#1DA57A',
'link-color': '#1DA57A',
'border-radius-base': '2px',
},
javascriptEnabled: true
}
}
}
}
```
### Customize in less file
Another approach to customize theme is creating a `less` file within variables to override `antd.less`.
```css
@import '~ant-design-vue/dist/antd.less'; // Import Ant Design Vue styles by less entry
@import 'your-theme-file.less'; // variables to override above
```
Note: This way will load the styles of all components, regardless of your demand, which cause `style` option of `babel-plugin-import` not working.
## How to avoid modifying global styles?
Currently ant-design-vue is designed as a whole experience and modify global styles (eg `body` etc). If you need to integrate ant-design-vue as a part of an existing website, it's likely you want to prevent ant-design-vue to override global styles.
While there's no canonical way to do it, you can take one of the following paths :
### Configure webpack to load an alternale less file and scope global styles
It's possible to configure webpack to load an alternate less file:
```ts
new webpack.NormalModuleReplacementPlugin( /node_modules\/ant-design-vue\/lib\/style\/index\.less/, path.resolve(rootDir, 'src/myStylesReplacement.less') )
#antd { @import '~ant-design-vue/lib/style/core/index.less'; @import '~ant-design-vue/lib/style/themes/default.less'; }
```
Where the src/myStylesReplacement.less file loads the same files as the index.less file, but loads them within the scope of a top-level selector : the result is that all of the "global" styles are being applied with the #antd scope.
### Use a postcss processor to scope all styles
See an example of usage with gulp and [postcss-prefixwrap](https://github.com/dbtedman/postcss-prefixwrap) : https://gist.github.com/sbusch/a90eafaf5a5b61c6d6172da6ff76ddaa
## Not working?
You must import styles as less format. A common mistake would be importing multiple copied of styles that some of them are css format to override the less styles.
- If you import styles by specifying the `style` option of [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), change it from `'css'` to `true`, which will import the `less` version of antd.
- If you import styles from `'ant-design-vue/dist/antd.css'`, change it to `ant-design-vue/dist/antd.less`.
## Related Articles
- [How to Customize Ant Design with React & Webpackโ€ฆ the Missing Guide](https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10f)
- [Theming Ant Design with Sass and Webpack](https://gist.github.com/Kruemelkatze/057f01b8e15216ae707dc7e6c9061ef7)

130
docs/vue/customize-theme.zh-CN.md
View File

@ -1,130 +0,0 @@
# ๅฎšๅˆถไธป้ข˜
ant-design-vue ็š„็ป„ไปถ็ป“ๆž„ๅŠๆ ทๅผๅ’Œ Antd React ๅฎŒๅ…จไธ€่‡ด๏ผŒไฝ ๅฏไปฅๅ‚่€ƒ Antd React ็š„ๅฎšๅˆถๆ–นๅผ่ฟ›่กŒ้…็ฝฎใ€‚
Ant Design ่ฎพ่ฎก่ง„่ŒƒไธŠๆ”ฏๆŒไธ€ๅฎš็จ‹ๅบฆ็š„ๆ ทๅผๅฎšๅˆถ๏ผŒไปฅๆปก่ถณไธšๅŠกๅ’Œๅ“็‰ŒไธŠๅคšๆ ทๅŒ–็š„่ง†่ง‰้œ€ๆฑ‚๏ผŒๅŒ…ๆ‹ฌไฝ†ไธ้™ไบŽไธป่‰ฒใ€ๅœ†่ง’ใ€่พนๆก†ๅ’Œ้ƒจๅˆ†็ป„ไปถ็š„่ง†่ง‰ๅฎšๅˆถใ€‚
![](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
## Ant Design Vue ็š„ๆ ทๅผๅ˜้‡
antd ็š„ๆ ทๅผไฝฟ็”จไบ† [Less](http://lesscss.org/) ไฝœไธบๅผ€ๅ‘่ฏญ่จ€๏ผŒๅนถๅฎšไน‰ไบ†ไธ€็ณปๅˆ—ๅ…จๅฑ€/็ป„ไปถ็š„ๆ ทๅผๅ˜้‡๏ผŒไฝ ๅฏไปฅๆ นๆฎ้œ€ๆฑ‚่ฟ›่กŒ็›ธๅบ”่ฐƒๆ•ดใ€‚
ไปฅไธ‹ๆ˜ฏไธ€ไบ›ๆœ€ๅธธ็”จ็š„้€š็”จๅ˜้‡๏ผŒๆ‰€ๆœ‰ๆ ทๅผๅ˜้‡ๅฏไปฅๅœจ [่ฟ™้‡Œ](https://github.com/vueComponent/ant-design-vue/blob/master/components/style/themes/default.less) ๆ‰พๅˆฐใ€‚
```less
@primary-color: #1890ff; // ๅ…จๅฑ€ไธป่‰ฒ
@link-color: #1890ff; // ้“พๆŽฅ่‰ฒ
@success-color: #52c41a; // ๆˆๅŠŸ่‰ฒ
@warning-color: #faad14; // ่ญฆๅ‘Š่‰ฒ
@error-color: #f5222d; // ้”™่ฏฏ่‰ฒ
@font-size-base: 14px; // ไธปๅญ—ๅท
@heading-color: rgba(0, 0, 0, 0.85); // ๆ ‡้ข˜่‰ฒ
@text-color: rgba(0, 0, 0, 0.65); // ไธปๆ–‡ๆœฌ่‰ฒ
@text-color-secondary: rgba(0, 0, 0, 0.45); // ๆฌกๆ–‡ๆœฌ่‰ฒ
@disabled-color: rgba(0, 0, 0, 0.25); // ๅคฑๆ•ˆ่‰ฒ
@border-radius-base: 4px; // ็ป„ไปถ/ๆตฎๅฑ‚ๅœ†่ง’
@border-color-base: #d9d9d9; // ่พนๆก†่‰ฒ
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // ๆตฎๅฑ‚้˜ดๅฝฑ
```
ๅฆ‚ๆžœไปฅไธŠๅ˜้‡ไธ่ƒฝๆปก่ถณไฝ ็š„ๅฎšๅˆถ้œ€ๆฑ‚๏ผŒๅฏไปฅ็ป™ๆˆ‘ไปฌๆ issueใ€‚
## ๅฎšๅˆถๆ–นๅผ
ๆˆ‘ไปฌไฝฟ็”จ [modifyVars](http://lesscss.org/usage/#using-less-in-the-browser-modify-variables) ็š„ๆ–นๅผๆฅ่ฟ›่กŒ่ฆ†็›–ๅ˜้‡ใ€‚ไธ‹้ขๅฐ†้’ˆๅฏนไธๅŒ็š„ๅœบๆ™ฏๆไพ›ไธ€ไบ›ๅธธ็”จ็š„ๅฎšๅˆถๆ–นๅผใ€‚
### ๅœจ webpack ไธญๅฎšๅˆถไธป้ข˜
ๆˆ‘ไปฌไปฅ webpack@4 ไธบไพ‹่ฟ›่กŒ่ฏดๆ˜Ž๏ผŒไปฅไธ‹ๆ˜ฏไธ€ไธช `webpack.config.js` ็š„ๅ…ธๅž‹ไพ‹ๅญ๏ผŒๅฏน [less-loader](https://github.com/webpack-contrib/less-loader) ็š„ options ๅฑžๆ€ง่ฟ›่กŒ็›ธๅบ”้…็ฝฎใ€‚
```diff
// webpack.config.js
module.exports = {
rules: [{
test: /\.less$/,
use: [{
loader: 'style-loader',
}, {
loader: 'css-loader', // translates CSS into CommonJS
}, {
loader: 'less-loader', // compiles Less to CSS
+ options: {
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ },
}],
// ...other rules
}],
// ...other config
}
```
ๆณจๆ„ less-loader ็š„ๅค„็†่Œƒๅ›ดไธ่ฆ่ฟ‡ๆปคๆŽ‰ `node_modules` ไธ‹็š„ antd ๅŒ…ใ€‚
### ๅœจ vue cli 2 ไธญๅฎšๅˆถไธป้ข˜
ไฟฎๆ”น`build/utils.js`ๆ–‡ไปถ
```diff
// build/utils.js
- less: generateLoaders('less'),
+ less: generateLoaders('less', {
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ }),
```
### ๅœจ vue cli 3 ไธญๅฎšๅˆถไธป้ข˜
้กน็›ฎๆ น็›ฎๅฝ•ไธ‹ๆ–ฐๅปบๆ–‡ไปถ`vue.config.js`
```
// vue.config.js
module.exports = {
css: {
loaderOptions: {
less: {
modifyVars: {
'primary-color': '#1DA57A',
'link-color': '#1DA57A',
'border-radius-base': '2px',
},
javascriptEnabled: true
}
}
}
}
```
### ้…็ฝฎ less ๅ˜้‡ๆ–‡ไปถ
ๅฆๅค–ไธ€็งๆ–นๅผๆ˜ฏๅปบ็ซ‹ไธ€ไธชๅ•็‹ฌ็š„ `less` ๅ˜้‡ๆ–‡ไปถ๏ผŒๅผ•ๅ…ฅ่ฟ™ไธชๆ–‡ไปถ่ฆ†็›– `antd.less` ้‡Œ็š„ๅ˜้‡ใ€‚
```css
@import '~ant-design-vue/dist/antd.less'; // ๅผ•ๅ…ฅๅฎ˜ๆ–นๆไพ›็š„ less ๆ ทๅผๅ…ฅๅฃๆ–‡ไปถ
@import 'your-theme-file.less'; // ็”จไบŽ่ฆ†็›–ไธŠ้ขๅฎšไน‰็š„ๅ˜้‡
```
ๆณจๆ„๏ผŒ่ฟ™็งๆ–นๅผๅทฒ็ป่ฝฝๅ…ฅไบ†ๆ‰€ๆœ‰็ป„ไปถ็š„ๆ ทๅผ๏ผŒไธ้œ€่ฆไนŸๆ— ๆณ•ๅ’ŒๆŒ‰้œ€ๅŠ ่ฝฝๆ’ไปถ `babel-plugin-import` ็š„ `style` ๅฑžๆ€งไธ€่ตทไฝฟ็”จใ€‚
## ๆฒกๆœ‰็”Ÿๆ•ˆ๏ผŸ
ๆณจๆ„ๆ ทๅผๅฟ…้กปๅŠ ่ฝฝ less ๆ ผๅผ๏ผŒไธ€ไธชๅธธ่ง็š„้—ฎ้ข˜ๅฐฑๆ˜ฏๅผ•ๅ…ฅไบ†ๅคšไปฝๆ ทๅผ๏ผŒless ็š„ๆ ทๅผ่ขซ css ็š„ๆ ทๅผ่ฆ†็›–ไบ†ใ€‚
- ๅฆ‚ๆžœไฝ ๅœจไฝฟ็”จ [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) ็š„ `style` ้…็ฝฎๆฅๅผ•ๅ…ฅๆ ทๅผ๏ผŒ้œ€่ฆๅฐ†้…็ฝฎๅ€ผไปŽ `'css'` ๆ”นไธบ `true`๏ผŒ่ฟ™ๆ ทไผšๅผ•ๅ…ฅ less ๆ–‡ไปถใ€‚
- ๅฆ‚ๆžœไฝ ๆ˜ฏ้€š่ฟ‡ `'ant-design-vue/dist/antd.css'` ๅผ•ๅ…ฅๆ ทๅผ็š„๏ผŒๆ”นไธบ `ant-design-vue/dist/antd.less`ใ€‚
## ็คพๅŒบๆ•™็จ‹ for Antd React
- [How to Customize Ant Design with React & Webpackโ€ฆ the Missing Guide](https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10f)
- [Theming Ant Design with Sass and Webpack](https://gist.github.com/Kruemelkatze/057f01b8e15216ae707dc7e6c9061ef7)

89
docs/vue/download.en-US.md
View File

@ -1,89 +0,0 @@
Please find below some of the design resources and tools about Ant Design Vue that we consider valuable. More of this is still being collected.
> The following design resources are developed and maintained by the [Ant Design](https://ant.design).
<div class="resource-cards">
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.3.12.0.sketch" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
RENEW Sketch Symbols
</span>
<span class="resource-card-description">Sketch Symbols for Desktop</span>
</div>
</a>
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.sketch" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ibCZMxKsTUzDbwTEdcTC.svg">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design Pro</span>
<span class="resource-card-description">Common Templates and Pages</span>
</div>
</a>
<a target="_blank" href="http://library.ant.design" class="resource-card">
<div class="resource-card-icon">
<img width="50" src="https://gw.alipayobjects.com/zos/rmsportal/TXrKQUJBTuwSTGimGYYn.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design Library</span>
<span class="resource-card-description">A powerful Axure library of Ant Design</span>
</div>
</a>
<a target="_blank" href="http://kitchen.alipay.com" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ATYZYtJhchhONKObIwXT.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
Kitchen
<span class="resource-card-hot-badge">HOT</span>
</span>
<span class="resource-card-description">A Sketch plugin with a collection of great tools</span>
</div>
</a>
<a target="_blank" href="http://ux.ant.design" class="resource-card">
<div class="resource-card-icon">
<img width="64" src="https://gw.alipayobjects.com/zos/rmsportal/yMULSUQQyhoEGrCXlovN.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant UX</span>
<span class="resource-card-description">A series prototypes that help creating application structure and user flow</span>
</div>
</a>
<a target="_blank" href="https://www.xiaopiu.com/topic/ant-design" class="resource-card">
<div class="resource-card-icon">
<img width="72" src="https://img.xiaopiu.com/userImages/img753167822272f8.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design Prototype (xiaopiu)</span>
<span class="resource-card-description">Online Ant Design library and interactive prototype</span>
</div>
</a>
<a target="_blank" href="https://www.antforfigma.com" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://antforfigma.com/images/antforfigma-icon.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
UI Kit for Figma
<span class="resource-card-hot-badge">NEW</span>
</span>
<span class="resource-card-description">Large library of components and styles for Desktop</span>
</div>
</a>
<a target="_blank" href="https://store.framer.com/package/bhaveshchow/ant-design-system" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://raw.githubusercontent.com/bhaveshc20/antdesign-framer/master/framerant-icon.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
UI Kit for Framer X
<span class="resource-card-hot-badge">NEW</span>
</span>
<span class="resource-card-description">Library of fully customizable components</span>
</div>
</a>
</div>

77
docs/vue/download.zh-CN.md
View File

@ -1,77 +0,0 @@
่ฟ™้‡Œๆไพ› Ant Design Vue ็›ธๅ…ณ่ฎพ่ฎก่ต„ๆบๅ’Œ่ฎพ่ฎกๅทฅๅ…ท็š„ไธ‹่ฝฝ๏ผŒๆ›ดๅคš่ฎพ่ฎก่ต„ๆบๆญฃๅœจๆ•ด็†ๅ’ŒๅฎŒๅ–„ไธญใ€‚
> ไปฅไธ‹่ฎพ่ฎก่ต„ๆบ็”ฑ[Ant Design](https://ant.design)ๅฎ˜ๆ–นๅผ€ๅ‘ๅนถ็ปดๆŠค
<div class="resource-cards">
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.3.12.0.sketch" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/pKfDZnzocrbAOSzDQOQq.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
ๅ…จๆ–ฐ Sketch ็ป„ไปถๅŒ…
</span>
<span class="resource-card-description">ๆกŒ้ข็ป„ไปถ Sketch ๆจกๆฟๅŒ…</span>
</div>
</a>
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.sketch" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ibCZMxKsTUzDbwTEdcTC.svg">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design Pro</span>
<span class="resource-card-description">ๅ…ธๅž‹้กต้ข + ้€š็”จไธšๅŠกๆจกๆฟ</span>
</div>
</a>
<a target="_blank" href="http://library.ant.design" class="resource-card">
<div class="resource-card-icon">
<img width="50" src="https://gw.alipayobjects.com/zos/rmsportal/TXrKQUJBTuwSTGimGYYn.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design Library @Axure</span>
<span class="resource-card-description">ไธ€ๅฅ—ๅผบๅคง็š„ Axure ้ƒจไปถๅบ“</span>
</div>
</a>
<a target="_blank" href="http://kitchen.alipay.com" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/ATYZYtJhchhONKObIwXT.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
Kitchen
<span class="resource-card-hot-badge">HOT</span>
</span>
<span class="resource-card-description">Sketch ๅทฅๅ…ท้›†</span>
</div>
</a>
<a target="_blank" href="http://ux.ant.design" class="resource-card">
<div class="resource-card-icon">
<img width="64" src="https://gw.alipayobjects.com/zos/rmsportal/yMULSUQQyhoEGrCXlovN.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant UX</span>
<span class="resource-card-description">ไธ€ๅฅ—้กต้ข้€ป่พ‘ๅŽŸๅž‹ๅบ“๏ผŒๅธฎไฝ ๆขณ็†้กต้ข้€ป่พ‘</span>
</div>
</a>
<a target="_blank" href="https://www.xiaopiu.com/topic/ant-design" class="resource-card">
<div class="resource-card-icon">
<img width="72" src="https://img.xiaopiu.com/userImages/img753167822272f8.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">Ant Design ๅŽŸๅž‹๏ผˆxiaopiu๏ผ‰</span>
<span class="resource-card-description">ๅฏๅœจ็บฟ็ผ–่พ‘็š„ Ant Design ็ป„ไปถๅบ“ๅ’Œไบคไบ’ๅŽŸๅž‹</span>
</div>
</a>
<a target="_blank" href="https://www.antforfigma.com" class="resource-card">
<div class="resource-card-icon">
<img width="65" src="https://antforfigma.com/images/antforfigma-icon.png">
</div>
<div class="resource-card-content">
<span class="resource-card-title">
Figma ็ป„ไปถๅŒ…
<span class="resource-card-hot-badge">NEW</span>
</span>
<span class="resource-card-description">ๅœจ Figma ไฝฟ็”จ Ant Design ่ฟ›่กŒ่ฎพ่ฎก</span>
</div>
</a>
</div>

58
docs/vue/faq.en-US.md
View File

@ -1,58 +0,0 @@
# FAQ
Here are the frequently asked questions about Ant Design Vue that you should look up before you ask in community or create new issue.
### Are you going to provide Sass/Stylus(etc...) style file?
No, actually, you can convert Less to Sass/Stylus(etc...) with tools (which you can Google).
### `Select Dropdown DatePicker TimePicker Popover Popconfirm` disappear when I click another popup component inside it, How to resolve it?
Use `<a-select :getPopupContainer="trigger => trigger.parentNode">` to render component inside Popover. (Or other getXxxxContainer props)
### `Select Dropdown DatePicker TimePicker Popover Popconfirm` scroll with the page?
Use `<a-select :getPopupContainer="trigger => trigger.parentNode">` to render component inside the scroll area. (Or other getXxxxContainer props).
### `Form` does not support two-way binding, can't use `v-model`?
First, we do not recommend using two-way binding in the Form, the same data may be used in multiple places, if you use two-way binding, then the data modification will be synchronized to each component, but this is not what we want, you Data should be synchronized when the form is submitted successfully or fails or confirmed. With a non-bidirectionally bound form, you have maximum control over data modification/synchronization.
Second, if you don't use the form's automatic check/collection feature, ie you don't use the `v-decorator` modifier, you can still use `v-model`.
### How to modify the default theme of Ant Design Vue?
See [Customize Theme](/docs/vue/customize-theme/).
### How to optimize momentjs bundle size with webpack?
See: https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
### It doesn't work when I change `defaultValue`,`defaultOpenKeys`, `initialValue` dynamically.
The `defaultXxxx` (like `defaultValue`) of `Input`/`Select`(etc...) only works in first render. This feature is referenced from [React](https://facebook.github.io/react/docs/forms.html#controlled-components).
### I set the `value` of `Input`/`Select`(etc...), and then, it cannot be changed by user's action.
Try `defaultValue` or `change` or `v-model` to change `value`.
### ant-design-vue override my global styles!
Yes, ant-design-vue is designed to develop a complete background application, we override some global styles for styling convenience, and it can't be removed now. More info trace https://github.com/ant-design/ant-design/issues/4331 .
Or, follow the instructions in [How to avoid modifying global styles?](docs/react/customize-theme#How-to-avoid-modifying-global-styles-?)
### `ant-design-vue` makes only poor user experience on mobile.
`ant-design-vue` is not designed for mobile.
### When I set `mode` to DatePicker/RangePicker, I cannot select year or month anymore?
In a real world development, you may need a YearPicker, MonthRangePicker or WeekRangePicker. You are trying to add `mode` to DatePicker/RangePicker expected to implement those pickers. However, the DatePicker/RangePicker cannot be selected and the panels won't close now.
That is because `<DatePicker mode="year" />` do not equal to `YearPicker`, `<RangePicker mode="month" />` do not equal to `MonthRangePicker` either. The `mode` property was added to support [showing time picker panel in DatePicker](https://github.com/ant-design/ant-design/issues/5190), which simply control the displayed panel and won't change the original date picking behavior of `DatePicker/RangePicker` (for instance you still need to click date cell to finish selection in a DatePicker, whatever the `mode` is).
##### Solution
The following articles are the implementation articles of the react version, the ideas are the same.
In [one article](https://juejin.im/post/5cf65c366fb9a07eca6968f9) or [another article](https://www.cnblogs.com/zyl-Tara/p/10197177.html) approach, using methods `mode` and `panelChange` to encapsulate a component such as `YearPicker`. We plan to add more date related components directly in ant-design-vue@2.0 to support these needs.

55
docs/vue/faq.zh-CN.md
View File

@ -1,55 +0,0 @@
# ๅธธ่ง้—ฎ้ข˜
ไปฅไธ‹ๆ•ด็†ไบ†ไธ€ไบ› Ant Design Vue ็คพๅŒบๅธธ่ง็š„้—ฎ้ข˜ๅ’Œๅฎ˜ๆ–น็ญ”ๅค๏ผŒๅœจๆ้—ฎไน‹ๅ‰ๅปบ่ฎฎๆ‰พๆ‰พๆœ‰ๆฒกๆœ‰็ฑปไผผ็š„้—ฎ้ข˜ใ€‚
### ไฝ ไปฌไผšๆไพ› Sass/Stylus ็ญ‰ๆ ผๅผ็š„ๆ ทๅผๆ–‡ไปถๅ—๏ผŸ
ไธใ€‚ไบ‹ๅฎžไธŠไฝ ๅฏไปฅไฝฟ็”จๅทฅๅ…ท๏ผˆ่ฏท่‡ช่กŒ Google๏ผ‰ๅฐ† Less ่ฝฌๆขๆˆ Sass/Stylus ็ญ‰ใ€‚
### ๅฝ“ๆˆ‘็‚นๅ‡ป `Select Dropdown DatePicker TimePicker Popover Popconfirm` ๅ†…็š„ๅฆไธ€ไธช popup ็ป„ไปถๆ—ถๅฎƒไผšๆถˆๅคฑ๏ผŒๅฆ‚ไฝ•่งฃๅ†ณ๏ผŸ
ไฝฟ็”จ `<a-select :getPopupContainer="trigger => trigger.parentNode">` ๆฅๅœจ Popover ไธญๆธฒๆŸ“็ป„ไปถ๏ผŒๆˆ–่€…ไฝฟ็”จๅ…ถไป–็š„ getXxxxContainer ๅ‚ๆ•ฐใ€‚
### `Select Dropdown DatePicker TimePicker Popover Popconfirm` ไผš่ทŸ้šๆปšๅŠจๆกไธŠไธ‹็งปๅŠจ๏ผŸ
ไฝฟ็”จ `<a-select :getPopupContainer="trigger => trigger.parentNode">` ๆฅๅฐ†็ป„ไปถๆธฒๆŸ“ๅˆฐๆปšๅŠจๅŒบๅŸŸๅ†…๏ผŒๆˆ–่€…ไฝฟ็”จๅ…ถไป–็š„ getXxxxContainer ๅ‚ๆ•ฐใ€‚
### `Form`่กจๅ•ไธๆ”ฏๆŒๅŒๅ‘็ป‘ๅฎš๏ผŒไธ่ƒฝไฝฟ็”จ`v-model`๏ผŸ
็ฌฌไธ€ใ€ๆˆ‘ไปฌไธๆŽจ่ๅœจ Form ไธญไฝฟ็”จๅŒๅ‘็ป‘ๅฎš๏ผŒๅŒไธ€ไปฝๆ•ฐๆฎๅฏ่ƒฝๅœจๅคšๅค„ไฝฟ็”จ๏ผŒๅฆ‚ๆžœไฝฟ็”จๅŒๅ‘็ป‘ๅฎš๏ผŒ้‚ฃไนˆๆ•ฐๆฎ็š„ไฟฎๆ”นไผšๅŒๆ—ถๅŒๆญฅๅˆฐๅ„ไธช็ป„ไปถ๏ผŒไฝ†่ฟ™ๅนถไธๆ˜ฏๆˆ‘ไปฌๆƒณ่ฆ็š„๏ผŒ ไฝ ๅบ”่ฏฅๅœจ่กจๅ•ๆไบคๆˆๅŠŸๆˆ–ๅคฑ่ดฅๆˆ–็กฎ่ฎคๆ—ถๅŒๆญฅๆ•ฐๆฎ๏ผŒไฝฟ็”จ้žๅŒๅ‘็ป‘ๅฎš็š„่กจๅ•๏ผŒไฝ ไผšๆ‹ฅๆœ‰ๆœ€ๅคง้™ๅบฆ็š„ๆŽงๅˆถๆ•ฐๆฎไฟฎๆ”น/ๅŒๆญฅ็š„ๆƒ้™ใ€‚
็ฌฌไบŒใ€ๅฆ‚ๆžœไฝ ไธไฝฟ็”จ่กจๅ•็š„่‡ชๅŠจๆ ก้ชŒ/ๆ”ถ้›†ๅŠŸ่ƒฝ๏ผŒๅณๆฒกๆœ‰ไฝฟ็”จ`v-decorator`ไฟฎ้ฅฐ่ฟ‡ๅพ—็ป„ไปถ๏ผŒไฝ ไพ็„ถๅฏไปฅไฝฟ็”จ`v-model`ใ€‚
### ๅฆ‚ไฝ•ไฟฎๆ”น Ant Design Vue ็š„้ป˜่ฎคไธป้ข˜๏ผŸ
ๅ‚่€ƒ[ไธป้ข˜ๅฎšๅˆถ](/docs/vue/customize-theme/)ใ€‚
### ๅฆ‚ไฝ•้…็ฝฎ webpack ไปฅไผ˜ๅŒ– momentjs ็š„ๆ‰“ๅŒ…ๅคงๅฐ๏ผŸ
ๅ‚่€ƒ๏ผšhttps://github.com/jmblog/how-to-optimize-momentjs-with-webpack ใ€‚
### ๅฝ“ๆˆ‘ๅŠจๆ€ๆ”นๅ˜ `defaultValue`,`defaultOpenKeys`, `initialValue`็ญ‰`defaultXxxx`็š„ๆ—ถๅ€™ๅฎƒๅนถๆฒกๆœ‰็”Ÿๆ•ˆใ€‚
`Input`/`Select` ็ญ‰็š„ `defaultXxxx`๏ผˆไพ‹ๅฆ‚ `defaultValue`๏ผ‰ๅชๆœ‰ๅœจ็ป„ไปถ็ฌฌไธ€ๆฌกๆธฒๆŸ“็š„ๆ—ถๅ€™ๆœ‰ๆ•ˆ๏ผŒๆญค็‰นๆ€งๅ‚่€ƒ่‡ช[React](https://reactjs.org/docs/forms.html#controlled-components)ใ€‚ๅˆ‡่ฎฐ๏ผš็ฌฌไธ€ๆฌกใ€็ฌฌไธ€ๆฌกใ€็ฌฌไธ€ๆฌก....
### ๅฝ“ๆˆ‘่ฎพ็ฝฎไบ† `Input`/`Select` ็ญ‰็š„ `value` ๆ—ถๅฎƒๅฐฑๆ— ๆณ•ไฟฎๆ”นไบ†ใ€‚
ๅฐ่ฏ•ไฝฟ็”จ `defaultValue` ๆˆ– `change` ๆˆ– `v-model` ๆฅๆ”นๅ˜ `value`ใ€‚
### ant-design-vue ่ฆ†็›–ไบ†ๆˆ‘็š„ๅ…จๅฑ€ๆ ทๅผ๏ผ
ๆ˜ฏ็š„๏ผŒant-design-vue ๅœจ่ฎพ่ฎก็š„ๆ—ถๅ€™ๅฐฑๆ˜ฏ็”จๆฅๅผ€ๅ‘ไธ€ไธชๅฎŒๆ•ด็š„ๅบ”็”จ็š„๏ผŒไธบไบ†ๆ–นไพฟ๏ผŒๆˆ‘ไปฌ่ฆ†็›–ไบ†ไธ€ไบ›ๅ…จๅฑ€ๆ ทๅผ๏ผŒ็Žฐๅœจ่ฟ˜ไธ่ƒฝ็งป้™ค๏ผŒๆƒณ่ฆไบ†่งฃๆ›ดๅคš่ฏท่ฟฝ่ธช่ฟ™ไธช issue๏ผšhttps://github.com/ant-design/ant-design/issues/4331 ๏ผŒๆˆ–่€…ๅ‚่€ƒ่ฟ™ไธชๆ•™็จ‹ [How to avoid modifying global styles?](docs/react/customize-theme#How-to-avoid-modifying-global-styles-?)
### `ant-design-vue` ๅœจ็งปๅŠจ็ซฏไฝ“้ชŒไธไฝณใ€‚
`ant-design-vue` ๅนถ้ž้’ˆๅฏน็งปๅŠจ็ซฏ่ฎพ่ฎกใ€‚
### ๅฝ“ๆˆ‘ๆŒ‡ๅฎšไบ† DatePicker/RangePicker ็š„ `mode` ๅฑžๆ€งๅŽ๏ผŒ็‚นๅ‡ปๅŽๆ— ๆณ•้€‰ๆ‹ฉๅนดไปฝ/ๆœˆไปฝ๏ผŸ
ๅœจไธšๅŠกๅผ€ๅ‘ไธญ๏ผŒไฝ ๅฏ่ƒฝๆœ‰ๅนดไปฝ้€‰ๆ‹ฉ๏ผŒๆœˆไปฝ่Œƒๅ›ด้€‰ๆ‹ฉ๏ผŒๅ‘จ่Œƒๅ›ด้€‰ๆ‹ฉ็ญ‰้œ€ๆฑ‚๏ผŒๆญคๆ—ถไฝ ็ป™็Žฐๆœ‰็ป„ไปถๅขžๅŠ ไบ† `mode` ๅฑžๆ€ง๏ผŒๅดๅ‘็Žฐๆ— ๆณ•่ฟ›่กŒ็‚นๅ‡ป้€‰ๆ‹ฉ่กŒไธบ๏ผŒ้ขๆฟไนŸไธไผšๅ…ณ้—ญใ€‚
่ฟ™ๆ˜ฏๅ› ไธบ `<DatePicker mode="year" />` ไธ็ญ‰ไบŽ `YearPicker`๏ผŒ`<RangePicker mode="month" />` ไธ็ญ‰ไบŽ `MonthRangePicker`ใ€‚ `mode` ๅฑžๆ€งๆ˜ฏๅœจ antd 3.0 ๆ—ถ๏ผŒไธบไบ†ๆŽงๅˆถ้ขๆฟๅฑ•็Žฐ็Šถๆ€่€ŒๆทปๅŠ ็š„ๅฑžๆ€ง๏ผŒไปฅๆ”ฏๆŒ[ๅฑ•็คบๆ—ถ้—ด้ขๆฟ](https://github.com/ant-design/ant-design/issues/5190)็ญ‰้œ€ๆฑ‚่€ŒๆทปๅŠ ็š„ใ€‚`mode` ๅชไผš็ฎ€ๅ•็š„ๆ”นๅ˜ๅฝ“ๅ‰ๆ˜พ็คบ็š„้ขๆฟ๏ผŒไธไผšไฟฎๆ”น้ป˜่ฎค็š„ไบคไบ’่กŒไธบ๏ผˆๆฏ”ๅฆ‚ DatePicker ไพ็„ถๆ˜ฏ็‚นๅ‡ปๆ—ฅๆ‰ไผšๅฎŒๆˆ้€‰ๆ‹ฉๅนถๅ…ณ้—ญ้ขๆฟ๏ผ‰ใ€‚
##### ่งฃๅ†ณๅŠžๆณ•
ไปฅไธ‹ๆ–‡็ซ ๅ‡ๆ˜ฏ react ็‰ˆๆœฌ็š„ๅฎž็Žฐๆ–‡็ซ ๏ผŒๆ€่ทฏไธ€่‡ดใ€‚ๅ‚็…ง [่ฟ™็ฏ‡ๆ–‡็ซ ](https://juejin.im/post/5cf65c366fb9a07eca6968f9) ๆˆ–่€… [่ฟ™็ฏ‡ๆ–‡็ซ ](https://www.cnblogs.com/zyl-Tara/p/10197177.html) ้‡Œ็š„ๅšๆณ•๏ผŒๅˆฉ็”จ `mode` ๅ’Œ `panelChange` ็ญ‰ๆ–นๆณ•ๅŽปๅฐ่ฃ…ไธ€ไธช `YearPicker` ็ญ‰็ป„ไปถใ€‚ๆˆ‘ไปฌ่ฎกๅˆ’ๅœจ ant-design-vue@2.0 ไธญ็›ดๆŽฅๆทปๅŠ ๆ›ดๅคš็›ธๅ…ณๆ—ฅๆœŸ็ป„ไปถๆฅๆ”ฏๆŒ่ฟ™ไบ›้œ€ๆฑ‚ใ€‚

143
docs/vue/getting-started.en-US.md
View File

@ -1,143 +0,0 @@
# Getting Started
Ant Design Vue is dedicated to providing a **good development experience** for programmers. Make sure that you had installed [Node.js](https://nodejs.org/)(> v8.9) correctly.
> Before delving into Ant Design Vue, a good knowledge base of [Vue](https://cn.vuejs.org/) and [JavaScript ES2015](http://babeljs.io/docs/learn-es2015/) is needed.
## Use vue-cli@3
We provide an [Ant Design Vue](https://github.com/vueComponent/vue-cli-plugin-ant-design) plugin for vue-cli@3, which you can use to quickly build an Ant Design Vue-based project.
## Playground
The following CodeSandbox demo is the simplest use case, and it's also a good habit to fork this demo to provide a re-producible demo while reporting a bug.
- [![Vue Antd Template](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/2wpk21kzvr)
## Import ant-design-vue
### 1. Installation
[vue-cli](https://github.com/vuejs/vue-cli)
```bash
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
### 2. Create a New Project
A new project can be created using CLI tools.
```bash
$ vue create antd-demo
```
And, setup your vue project configuration.
### 3. Use antd's Components
```bash
$ npm i --save ant-design-vue
```
**Fully import**
```jsx
import Vue from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;
Vue.use(Antd);
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
});
```
The above imports Antd entirely. Note that CSS file needs to be imported separately.
**Only import the components you need**
```jsx
import Vue from 'vue';
import { Button, message } from 'ant-design-vue';
import App from './App';
Vue.config.productionTip = false;
/* v1.1.2 */
Vue.component(Button.name, Button);
Vue.component(Button.Group.name, Button.Group);
/* v1.1.3+ Automatically register components under Button, such as Button.Group */
Vue.use(Button);
Vue.prototype.$message = message;
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
});
```
> All the components in antd are listed in the sidebar.
### 4. Component list
[Component list](https://github.com/vueComponent/ant-design-vue/blob/master/site/components.js)
## Compatibility
Ant Design Vue supports all the modern browsers and IE9+.
You need to provide [es5-shim](https://github.com/es-shims/es5-shim) and [es6-shim](https://github.com/paulmillr/es6-shim) and other polyfills for IE browsers.
If you are using babel, we strongly recommend using [babel-polyfill](https://babeljs.io/docs/usage/polyfill/) and [babel-plugin-transform-runtime](https://babeljs.io/docs/plugins/transform-runtime/) instead of those two shims.
> Please avoid using both the babel and shim methods at the same time.
## Import on Demand
If you see logs like below screenshot, you might be importing all components by writing `import { Button } from 'ant-design-vue';`. This will affect your app's network performance.
```
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
```
> ![](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
However, we can import individual components on demand:
```jsx
import Button from 'ant-design-vue/lib/button';
import 'ant-design-vue/lib/button/style'; // or ant-design-vue/lib/button/style/css for css format file
```
We strongly recommend using [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), which can convert the following code to the 'antd/lib/xxx' way:
```jsx
import { Button } from 'ant-design-vue';
```
And this plugin can load styles too, read [usage](https://github.com/ant-design/babel-plugin-import#usage) for more details.
> FYI, babel-plugin-import's `style` option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via `import 'ant-design-vue/dist/antd.css'` and override the global reset styles.
## Customization
- [Customize Theme](/docs/vue/customize-theme)
- [Local Iconfont](https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont)
## Tips
- You can use any `npm` modules.
- Although Vue's official recommended template to write components, JSX is a better choice for complex components.

145
docs/vue/getting-started.zh-CN.md
View File

@ -1,145 +0,0 @@
# ๅฟซ้€ŸไธŠๆ‰‹
Ant Design Vue ่‡ดๅŠ›ไบŽๆไพ›็ป™็จ‹ๅบๅ‘˜**ๆ„‰ๆ‚ฆ**็š„ๅผ€ๅ‘ไฝ“้ชŒใ€‚
> ๅœจๅผ€ๅง‹ไน‹ๅ‰๏ผŒๆŽจ่ๅ…ˆๅญฆไน  [Vue](https://cn.vuejs.org/) ๅ’Œ [ES2015](http://babeljs.io/docs/learn-es2015/)๏ผŒๅนถๆญฃ็กฎๅฎ‰่ฃ…ๅ’Œ้…็ฝฎไบ† [Node.js](https://nodejs.org/) v8.9 ๆˆ–ไปฅไธŠใ€‚ๅฎ˜ๆ–นๆŒ‡ๅ—ๅ‡่ฎพไฝ ๅทฒไบ†่งฃๅ…ณไบŽ HTMLใ€CSS ๅ’Œ JavaScript ็š„ไธญ็บง็Ÿฅ่ฏ†๏ผŒๅนถไธ”ๅทฒ็ปๅฎŒๅ…จๆŽŒๆกไบ† Vue ็š„ๆญฃ็กฎๅผ€ๅ‘ๆ–นๅผใ€‚ๅฆ‚ๆžœไฝ ๅˆšๅผ€ๅง‹ๅญฆไน ๅ‰็ซฏๆˆ–่€… Vue๏ผŒๅฐ† UI ๆก†ๆžถไฝœไธบไฝ ็š„็ฌฌไธ€ๆญฅๅฏ่ƒฝไธๆ˜ฏๆœ€ๅฅฝ็š„ไธปๆ„ใ€‚
## ไฝฟ็”จ vue-cli@3
ๆˆ‘ไปฌไธบๆ–ฐ็‰ˆ็š„ vue-cli ๅ‡†ๅค‡ไบ†็›ธๅบ”็š„ [Ant Design Vue](https://github.com/vueComponent/vue-cli-plugin-ant-design) ๆ’ไปถ๏ผŒไฝ ๅฏไปฅ็”จๅฎƒไปฌๅฟซ้€Ÿๅœฐๆญๅปบไธ€ไธชๅŸบไบŽ Ant Design Vue ็š„้กน็›ฎใ€‚
## ๅœจ็บฟๆผ”็คบ
ๆœ€็ฎ€ๅ•็š„ไฝฟ็”จๆ–นๅผๅ‚็…งไปฅไธ‹ CodeSandbox ๆผ”็คบ๏ผŒไนŸๆŽจ่ Fork ๆœฌไพ‹ๆฅ่ฟ›่กŒ `Bug Report`ใ€‚
- [![Vue Antd Template](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/2wpk21kzvr)
## ๅผ•ๅ…ฅ ant-design-vue
### 1. ๅฎ‰่ฃ…่„šๆ‰‹ๆžถๅทฅๅ…ท
[vue-cli](https://github.com/vuejs/vue-cli)
```bash
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
### 2. ๅˆ›ๅปบไธ€ไธช้กน็›ฎ
ไฝฟ็”จๅ‘ฝไปค่กŒ่ฟ›่กŒๅˆๅง‹ๅŒ–ใ€‚
```bash
$ vue create antd-demo
```
ๅนถ้…็ฝฎ้กน็›ฎใ€‚
่‹ฅๅฎ‰่ฃ…็ผ“ๆ…ขๆŠฅ้”™๏ผŒๅฏๅฐ่ฏ•็”จ `cnpm` ๆˆ–ๅˆซ็š„้•œๅƒๆบ่‡ช่กŒๅฎ‰่ฃ…๏ผš`rm -rf node_modules && cnpm install`ใ€‚
### 3. ไฝฟ็”จ็ป„ไปถ
```bash
$ npm i --save ant-design-vue
```
**ๅฎŒๆ•ดๅผ•ๅ…ฅ**
```jsx
import Vue from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;
Vue.use(Antd);
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
});
```
ไปฅไธŠไปฃ็ ไพฟๅฎŒๆˆไบ† Antd ็š„ๅผ•ๅ…ฅใ€‚้œ€่ฆๆณจๆ„็š„ๆ˜ฏ๏ผŒๆ ทๅผๆ–‡ไปถ้œ€่ฆๅ•็‹ฌๅผ•ๅ…ฅใ€‚
**ๅฑ€้ƒจๅฏผๅ…ฅ็ป„ไปถ**
```jsx
import Vue from 'vue';
import { Button, message } from 'ant-design-vue';
import App from './App';
Vue.config.productionTip = false;
/* v1.1.2 */
Vue.component(Button.name, Button);
Vue.component(Button.Group.name, Button.Group);
/* v1.1.3+ ่‡ชๅŠจๆณจๅ†ŒButtonไธ‹็ป„ไปถ๏ผŒๅฆ‚Button.Group */
Vue.use(Button);
Vue.prototype.$message = message;
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
});
```
> ไฝ ๅฏไปฅๅœจๅทฆไพง่œๅ•้€‰็”จๆ›ดๅคš็ป„ไปถใ€‚
### 4. ็ป„ไปถๅˆ—่กจ
[ๅฎŒๆ•ด็ป„ไปถๅˆ—่กจ](https://github.com/vueComponent/ant-design-vue/blob/master/site/components.js)
## ๅ…ผๅฎนๆ€ง
Ant Design Vue ๆ”ฏๆŒๆ‰€ๆœ‰็š„็Žฐไปฃๆต่งˆๅ™จๅ’Œ IE9+ใ€‚
ๅฏนไบŽ IE ็ณปๅˆ—ๆต่งˆๅ™จ๏ผŒ้œ€่ฆๆไพ› [es5-shim](https://github.com/es-shims/es5-shim) ๅ’Œ [es6-shim](https://github.com/paulmillr/es6-shim) ็ญ‰ Polyfills ็š„ๆ”ฏๆŒใ€‚
ๅฆ‚ๆžœไฝ ไฝฟ็”จไบ† babel๏ผŒๅผบ็ƒˆๆŽจ่ไฝฟ็”จ [babel-polyfill](https://babeljs.io/docs/usage/polyfill/) ๅ’Œ [babel-plugin-transform-runtime](https://babeljs.io/docs/plugins/transform-runtime/) ๆฅๆ›ฟไปฃไปฅไธŠไธคไธช shimใ€‚
> ้ฟๅ…ๅŒๆ—ถไฝฟ็”จ babel ๅ’Œ shim ไธค็งๅ…ผๅฎนๆ–นๆณ•๏ผŒไปฅ่ง„้ฟ [#6512](https://github.com/ant-design/ant-design/issues/6512) ไธญๆ‰€้‡้—ฎ้ข˜
## ๆŒ‰้œ€ๅŠ ่ฝฝ
ๅฆ‚ๆžœไฝ ๅœจๅผ€ๅ‘็Žฏๅขƒ็š„ๆŽงๅˆถๅฐ็œ‹ๅˆฐไธ‹้ข็š„ๆ็คบ๏ผŒ้‚ฃไนˆไฝ ๅฏ่ƒฝไฝฟ็”จไบ† `import { Button } from 'ant-design-vue';` ็š„ๅ†™ๆณ•ๅผ•ๅ…ฅไบ† antd ไธ‹ๆ‰€ๆœ‰็š„ๆจกๅ—๏ผŒ่ฟ™ไผšๅฝฑๅ“ๅบ”็”จ็š„็ฝ‘็ปœๆ€ง่ƒฝใ€‚
```
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
```
> ![](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
ๅฏไปฅ้€š่ฟ‡ไปฅไธ‹็š„ๅ†™ๆณ•ๆฅๆŒ‰้œ€ๅŠ ่ฝฝ็ป„ไปถใ€‚
```jsx
import Button from 'ant-design-vue/lib/button';
import 'ant-design-vue/lib/button/style'; // ๆˆ–่€… ant-design-vue/lib/button/style/css ๅŠ ่ฝฝ css ๆ–‡ไปถ
```
ๅฆ‚ๆžœไฝ ไฝฟ็”จไบ† babel๏ผŒ้‚ฃไนˆๅฏไปฅไฝฟ็”จ [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) ๆฅ่ฟ›่กŒๆŒ‰้œ€ๅŠ ่ฝฝ๏ผŒๅŠ ๅ…ฅ่ฟ™ไธชๆ’ไปถๅŽใ€‚ไฝ ๅฏไปฅไป็„ถ่ฟ™ไนˆๅ†™๏ผš
```jsx
import { Button } from 'ant-design-vue';
```
ๆ’ไปถไผšๅธฎไฝ ่ฝฌๆขๆˆ `ant-design-vue/lib/xxx` ็š„ๅ†™ๆณ•ใ€‚ๅฆๅค–ๆญคๆ’ไปถ้…ๅˆ [style](https://github.com/ant-design/babel-plugin-import#usage) ๅฑžๆ€งๅฏไปฅๅšๅˆฐๆจกๅ—ๆ ทๅผ็š„ๆŒ‰้œ€่‡ชๅŠจๅŠ ่ฝฝใ€‚
> ๆณจๆ„๏ผŒbabel-plugin-import ็š„ `style` ๅฑžๆ€ง้™คไบ†ๅผ•ๅ…ฅๅฏนๅบ”็ป„ไปถ็š„ๆ ทๅผ๏ผŒไนŸไผšๅผ•ๅ…ฅไธ€ไบ›ๅฟ…่ฆ็š„ๅ…จๅฑ€ๆ ทๅผใ€‚ๅฆ‚ๆžœไฝ ไธ้œ€่ฆๅฎƒไปฌ๏ผŒๅปบ่ฎฎไธ่ฆไฝฟ็”จๆญคๅฑžๆ€งใ€‚ไฝ ๅฏไปฅ `import 'ant-design-vue/dist/antd.css` ๆ‰‹ๅŠจๅผ•ๅ…ฅ๏ผŒๅนถ่ฆ†็›–ๅ…จๅฑ€ๆ ทๅผใ€‚
## ้…็ฝฎไธป้ข˜ๅ’Œๅญ—ไฝ“
- [ๆ”นๅ˜ไธป้ข˜](/docs/vue/customize-theme-cn)
- [ไฝฟ็”จๆœฌๅœฐๅญ—ไฝ“](https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont)
## ๅฐ่ดดๅฃซ
- ไฝ ๅฏไปฅไบซ็”จ `npm` ็”Ÿๆ€ๅœˆ้‡Œ็š„ๆ‰€ๆœ‰ๆจกๅ—ใ€‚
- ่™ฝ็„ถ Vue ๅฎ˜ๆ–นๆŽจ่ๆจกๆฟ็ผ–ๅ†™็ป„ไปถ๏ผŒไธ่ฟ‡ๅฏนไบŽๅคๆ‚็ป„ไปถ๏ผŒ[jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx)ๆœชๅฟ…ไธๆ˜ฏไธ€ไธชๆ›ดๅฅฝ็š„้€‰ๆ‹ฉใ€‚

70
docs/vue/i18n.en-US.md
View File

@ -1,70 +0,0 @@
# Internationalization
The default language is English as of yet. If you want to use other languages, you can follow the instructions below.
## LocaleProvider
ant-design-vue provides a Vue Component [LocaleProvider](/components/locale-provider) for configuring ant-design-vue locale text globally.
```html
<template>
<a-locale-provider :locale="locale">
<App />
</a-locale-provider>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
export default {
data() {
return {
locale: zhCN,
};
},
};
</script>
```
Note: `fr_FR` is the filename, follow below.
Supported languages:
| Language | Filename |
| --------------------- | -------- |
| Arabic | ar_EG |
| Bulgarian | bg_BG |
| Catalan | ca_ES |
| Czech | cs_CZ |
| German | de_DE |
| Greek | el_GR |
| English (Global) | en_GB |
| English | en_US |
| Spanish | es_ES |
| Estonian | et_EE |
| Persian | fa_IR |
| Finnish | fi_FI |
| French (Belgium) | fr_BE |
| French (France) | fr_FR |
| Italian | it_IT |
| Icelandic | is_IS |
| Japanese | ja_JP |
| Korean | ko_KR |
| Norwegian | nb_NO |
| Dutch (Belgium) | nl_BE |
| Dutch | nl_NL |
| Polish | pl_PL |
| Portuguese (Brazil) | pt_BR |
| Portuguese | pt_PT |
| Slovak | sk_SK |
| Serbian | sr_RS |
| Slovenian | sl_SI |
| Swedish | sv_SE |
| Thai | th_TH |
| Turkish | tr_TR |
| Russian | ru_RU |
| Ukrainian | uk_UA |
| Vietnamese | vi_VN |
| Chinese (Simplified) | zh_CN |
| Chinese (Traditional) | zh_TW |
See usage and ways to contribute a new locale package at [LocaleProvider](/components/locale-provider).

70
docs/vue/i18n.zh-CN.md
View File

@ -1,70 +0,0 @@
# ๅ›ฝ้™…ๅŒ–
`ant-design-vue` ็›ฎๅ‰็š„้ป˜่ฎคๆ–‡ๆกˆๆ˜ฏ่‹ฑๆ–‡๏ผŒๅฆ‚ๆžœ้œ€่ฆไฝฟ็”จๅ…ถไป–่ฏญ่จ€๏ผŒๅฏไปฅๅ‚่€ƒไธ‹้ข็š„ๆ–นๆกˆใ€‚
## LocaleProvider
ant-design-vue ๆไพ›ไบ†ไธ€ไธช Vue ็ป„ไปถ [LocaleProvider](/components/locale-provider-cn) ็”จไบŽๅ…จๅฑ€้…็ฝฎๅ›ฝ้™…ๅŒ–ๆ–‡ๆกˆใ€‚
```html
<template>
<a-locale-provider :locale="locale">
<App />
</a-locale-provider>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
export default {
data() {
return {
locale: zhCN,
};
},
};
</script>
```
ๆณจๆ„๏ผš`zh_CN` ๆ˜ฏๆ–‡ไปถๅ๏ผŒไปฅไธ‹่กจๆ ผไนŸ้ตๅพชๅŒๆ ท็š„่ง„ๅˆ™ใ€‚
็›ฎๅ‰ๆ”ฏๆŒไปฅไธ‹่ฏญ่จ€๏ผš
| ่ฏญ่จ€ | ๆ–‡ไปถๅ |
| ---------------- | ------ |
| ้˜ฟๆ‹‰ไผฏ | ar_EG |
| ไฟๅŠ ๅˆฉไบš่ฏญ | bg_BG |
| ๅŠ ๆณฐ็ฝ—ๅฐผไบš่ฏญ | ca_ES |
| ๆทๅ…‹่ฏญ | cs_CZ |
| ๅพท่ฏญ | de_DE |
| ๅธŒ่…Š่ฏญ | el_GR |
| ่‹ฑ่ฏญ | en_GB |
| ่‹ฑ่ฏญ๏ผˆ็พŽๅผ๏ผ‰ | en_US |
| ่ฅฟ็ญ็‰™่ฏญ | es_ES |
| ็ˆฑๆฒ™ๅฐผไบš่ฏญ | et_EE |
| ๆณขๆ–ฏ่ฏญ | fa_IR |
| ่Šฌๅ…ฐ่ฏญ | fi_FI |
| ๆณ•่ฏญ๏ผˆๆฏ”ๅˆฉๆ—ถ๏ผ‰ | fr_BE |
| ๆณ•่ฏญ | fr_FR |
| ๅ†ฐๅฒ›่ฏญ | is_IS |
| ๆ„ๅคงๅˆฉ่ฏญ | it_IT |
| ๆ—ฅ่ฏญ | ja_JP |
| ้Ÿฉ่ฏญ/ๆœ้ฒœ่ฏญ | ko_KR |
| ๆŒชๅจ | nb_NO |
| ่ทๅ…ฐ่ฏญ๏ผˆๆฏ”ๅˆฉๆ—ถ๏ผ‰ | nl_BE |
| ่ทๅ…ฐ่ฏญ | nl_NL |
| ๆณขๅ…ฐ่ฏญ | pl_PL |
| ่‘ก่„็‰™่ฏญ(ๅทด่ฅฟ) | pt_BR |
| ่‘ก่„็‰™่ฏญ | pt_PT |
| ๆ–ฏๆด›ไผๅ…‹่ฏญ | sk_SK |
| ๅกžๅฐ”็ปดไบš | sr_RS |
| ๆ–ฏๆด›ๆ–‡ๅฐผไบš | sl_SI |
| ็‘žๅ…ธ่ฏญ | sv_SE |
| ๆณฐ่ฏญ | th_TH |
| ๅœŸ่€ณๅ…ถ่ฏญ | tr_TR |
| ไฟ„็ฝ—ๆ–ฏ่ฏญ | ru_RU |
| ไนŒๅ…‹ๅ…ฐ่ฏญ | uk_UA |
| ่ถŠๅ—่ฏญ | vi_VN |
| ็ฎ€ไฝ“ไธญๆ–‡ | zh_CN |
| ็นไฝ“ไธญๆ–‡ | zh_TW |
ๅ…ทไฝ“็š„ไฝฟ็”จๆ–นๆณ•ๅ’Œๆ–ฐ่ฏญ่จ€ๅŒ…่ดก็Œฎๆ–นๅผ่ฏทๅ‚่€ƒ [LocaleProvider ๆ–‡ๆกฃ](/components/locale-provider-cn)ใ€‚

140
docs/vue/introduce.en-US.md
View File

@ -1,140 +0,0 @@
# Ant Design of Vue
Following the Ant Design specification, we developed a Vue UI library `antd` that contains a set of high quality components and demos for building rich, interactive user interfaces.
<div class="pic-plus">
<img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">
<span>+</span>
<img width="160" src="https://cn.vuejs.org/images/logo.png">
</div>
<style>
.pic-plus > * {
display: inline-block !important;
vertical-align: middle;
}
.pic-plus span {
font-size: 30px;
color: #aaa;
margin: 0 20px;
}
</style>
## Features
- An enterprise-class UI design language for web applications.
- A set of high-quality Vue components out of the box.
- Shared [Ant Design of React](https://ant.design/docs/spec/introduce) design resources.
## Environment Support
- Modern browsers and Internet Explorer 9+ (with [polyfills](https://www.antdv.com/docs/vue/getting-started/#Compatibility))
- Server-side Rendering
## Version
- Stable: [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue)
You can subscribe to this feed for new version notifications: https://github.com/vueComponent/ant-design-vue/releases.atom
## Installation
### Using npm or yarn
**We recommend using npm or yarn to install**๏ผŒit not only makes development easier๏ผŒbut also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
```bash
$ npm install ant-design-vue --save
```
```bash
$ yarn add ant-design-vue
```
If you are in a bad network environment๏ผŒyou can try other registries and tools like [cnpm](https://github.com/cnpm/cnpm).
> **Using the new features of vue, like `slot-scope`(2.5.0+), `provide / inject`(2.2.0+)**
### Import in Browser
Add `script` and `link` tags in your browser and use the global variable `antd`.
We provide `antd.js` `antd.css` and `antd.min.js` `antd.min.css` under `ant-design-vue/dist` in antd's npm package. You can also download these files directly from [![jsdelivr](https://data.jsdelivr.com/v1/package/npm/ant-design-vue/badge)](https://www.jsdelivr.com/package/npm/ant-design-vue) or [unpkg](https://unpkg.com/ant-design-vue/dist/).
> **We strongly discourage loading the entire files** this will add bloat to your application and make it more difficult to receive bugfixes and updates. Antd is intended to be used in conjunction with a build tool, such as [webpack](https://webpack.github.io/), which will make it easy to import only the parts of antd that you are using.
> Note: you should import moment before using antd.js.
## Usage
```jsx
import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
Vue.use(DatePicker);
```
And import stylesheets manually:
```jsx
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
```
### Use modularized antd
- Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) (Recommended)
```js
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
]
}
```
> Note: Don't set `libraryDirectory` if you are using webpack 1.
This allows you to import components from antd without having to manually import the corresponding stylesheet. The antd babel plugin will automatically import stylesheets.
```jsx
// import js and css modularly, parsed by babel-plugin-import
import { DatePicker } from 'ant-design-vue';
```
- Manually import
```jsx
import DatePicker from 'ant-design-vue/lib/date-picker'; // for js
import 'ant-design-vue/lib/date-picker/style/css'; // for css
// import 'ant-design-vue/lib/date-picker/style'; // that will import less
```
## Links
- [Home Page](https://www.antdv.com/)
- [Ant Design Of React](https://ant.design/)
- [Components](https://www.antdv.com/docs/vue/introduce)
- [Change Log](/docs/vue/changelog)
- [CodeSandbox template](https://codesandbox.io/s/2wpk21kzvr) for bug reports
- [Customize Theme](/docs/vue/customize-theme)
- [FAQ](/docs/vue/faq)
- [Support US](/docs/vue/sponsor)
- [Awesome Ant Design](https://github.com/vueComponent/ant-design-vue-awesome)
## Contributing
If you'd like to help us improve antd, just create a [Pull Request](https://github.com/vueComponent/ant-design-vue/pulls). Feel free to report bugs and issues [here](https://vuecomponent.github.io/issue-helper/).
> If you're new to posting issues, we ask that you read [_How To Ask Questions The Smart Way_](http://www.catb.org/~esr/faqs/smart-questions.html) and [How to Ask a Question in Open Source Community](https://github.com/seajs/seajs/issues/545) and [How to Report Bugs Effectively](http://www.chiark.greenend.org.uk/~sgtatham/bugs.html) prior to posting. Well written bug reports help us help you!
## About ant-design-vue
As we all know, Ant Design, as a design language, has gone through many years of iteration and accumulation. Its UI design ideas have become a set of de facto standards and are sought after and loved by many front-end developers and enterprises, and it is also a magic weapon in the hands of React developers. I hope that ant-design-vue will allow Vue developers to enjoy the excellent design of Ant Design.
The ant-design-vue is the Vue implementation of Ant Design. The style of the component is kept in sync with Ant Design. The html structure and css style of the component are also consistent. The style 0 modification is really achieved, and the component API is kept as consistent as possible.
Ant Design Vue is committed to providing programmers with a ** pleasant ** development experience.
## THANK YOU
[Ant Design Team](https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt)

142
docs/vue/introduce.zh-CN.md
View File

@ -1,142 +0,0 @@
# Ant Design of Vue
่ฟ™้‡Œๆ˜ฏ Ant Design ็š„ Vue ๅฎž็Žฐ๏ผŒๅผ€ๅ‘ๅ’ŒๆœๅŠกไบŽไผไธš็บงๅŽๅฐไบงๅ“ใ€‚
<div class="pic-plus">
<img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">
<span>+</span>
<img width="160" src="https://cn.vuejs.org/images/logo.png">
</div>
<style>
.pic-plus > * {
display: inline-block !important;
vertical-align: middle;
}
.pic-plus span {
font-size: 30px;
color: #aaa;
margin: 0 20px;
}
</style>
## ็‰นๆ€ง
- ๆ็‚ผ่‡ชไผไธš็บงไธญๅŽๅฐไบงๅ“็š„ไบคไบ’่ฏญ่จ€ๅ’Œ่ง†่ง‰้ฃŽๆ ผใ€‚
- ๅผ€็ฎฑๅณ็”จ็š„้ซ˜่ดจ้‡ Vue ็ป„ไปถใ€‚
- ๅ…ฑไบซ[Ant Design of React](http://ant-design.gitee.io/docs/spec/introduce-cn)่ฎพ่ฎกๅทฅๅ…ทไฝ“็ณปใ€‚
## ๆ”ฏๆŒ็Žฏๅขƒ
- ็Žฐไปฃๆต่งˆๅ™จๅ’Œ IE9 ๅŠไปฅไธŠ๏ผˆ้œ€่ฆ [polyfills](https://www.antdv.com/docs/vue/getting-started-cn/#ๅ…ผๅฎนๆ€ง)๏ผ‰ใ€‚
- ๆ”ฏๆŒๆœๅŠก็ซฏๆธฒๆŸ“ใ€‚
## ็‰ˆๆœฌ
- ็จณๅฎš็‰ˆ๏ผš[![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue)
ไฝ ๅฏไปฅ่ฎข้˜…๏ผšhttps://github.com/vueComponent/ant-design-vue/releases.atom ๆฅ่Žทๅพ—็จณๅฎš็‰ˆๅ‘ๅธƒ็š„้€š็Ÿฅใ€‚
## ๅฎ‰่ฃ…
### ไฝฟ็”จ npm ๆˆ– yarn ๅฎ‰่ฃ…
**ๆˆ‘ไปฌๆŽจ่ไฝฟ็”จ npm ๆˆ– yarn ็š„ๆ–นๅผ่ฟ›่กŒๅผ€ๅ‘**๏ผŒไธไป…ๅฏๅœจๅผ€ๅ‘็Žฏๅขƒ่ฝปๆพ่ฐƒ่ฏ•๏ผŒไนŸๅฏๆ”พๅฟƒๅœฐๅœจ็”Ÿไบง็Žฏๅขƒๆ‰“ๅŒ…้ƒจ็ฝฒไฝฟ็”จ๏ผŒไบซๅ—ๆ•ดไธช็”Ÿๆ€ๅœˆๅ’Œๅทฅๅ…ท้“พๅธฆๆฅ็š„่ฏธๅคšๅฅฝๅค„ใ€‚
```bash
$ npm install ant-design-vue --save
```
```bash
$ yarn add ant-design-vue
```
ๅฆ‚ๆžœไฝ ็š„็ฝ‘็ปœ็Žฏๅขƒไธไฝณ๏ผŒๆŽจ่ไฝฟ็”จ [cnpm](https://github.com/cnpm/cnpm)ใ€‚
> **็ป„ไปถๅบ“ไฝฟ็”จไบ† vue ็š„ๆ–ฐ็‰นๆ€ง`slot-scope`(2.5.0 ๆ–ฐๅขž), `provide / inject`(2.2.0 ๆ–ฐๅขž)**
### ๆต่งˆๅ™จๅผ•ๅ…ฅ
ๅœจๆต่งˆๅ™จไธญไฝฟ็”จ `script` ๅ’Œ `link` ๆ ‡็ญพ็›ดๆŽฅๅผ•ๅ…ฅๆ–‡ไปถ๏ผŒๅนถไฝฟ็”จๅ…จๅฑ€ๅ˜้‡ `antd`ใ€‚
ๆˆ‘ไปฌๅœจ npm ๅ‘ๅธƒๅŒ…ๅ†…็š„ `ant-design-vue/dist` ็›ฎๅฝ•ไธ‹ๆไพ›ไบ† `antd.js` `antd.css` ไปฅๅŠ `antd.min.js` `antd.min.css`ใ€‚ไฝ ไนŸๅฏไปฅ้€š่ฟ‡ [![jsdelivr](https://data.jsdelivr.com/v1/package/npm/ant-design-vue/badge)](https://www.jsdelivr.com/package/npm/ant-design-vue) ๆˆ– [UNPKG](https://unpkg.com/ant-design-vue/dist/) ่ฟ›่กŒไธ‹่ฝฝใ€‚
> **ๅผบ็ƒˆไธๆŽจ่ไฝฟ็”จๅทฒๆž„ๅปบๆ–‡ไปถ**๏ผŒ่ฟ™ๆ ทๆ— ๆณ•ๆŒ‰้œ€ๅŠ ่ฝฝ๏ผŒ่€Œไธ”้šพไปฅ่Žทๅพ—ๅบ•ๅฑ‚ไพ่ต–ๆจกๅ—็š„ bug ๅฟซ้€Ÿไฟฎๅคๆ”ฏๆŒใ€‚
> ๆณจๆ„๏ผšๅผ•ๅ…ฅ antd.js ๅ‰ไฝ ้œ€่ฆ่‡ช่กŒๅผ•ๅ…ฅ [moment](http://momentjs.com/)ใ€‚
## ็คบไพ‹
```jsx
import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
Vue.use(DatePicker);
```
ๅผ•ๅ…ฅๆ ทๅผ๏ผš
```jsx
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
```
### ๆŒ‰้œ€ๅŠ ่ฝฝ
ไธ‹้ขไธค็งๆ–นๅผ้ƒฝๅฏไปฅๅชๅŠ ่ฝฝ็”จๅˆฐ็š„็ป„ไปถใ€‚
- ไฝฟ็”จ [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)๏ผˆๆŽจ่๏ผ‰ใ€‚
```js
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` ไผšๅŠ ่ฝฝ less ๆ–‡ไปถ
]
}
```
> ๆณจๆ„๏ผšwebpack 1 ๆ— ้œ€่ฎพ็ฝฎ `libraryDirectory`ใ€‚
็„ถๅŽๅช้œ€ไปŽ ant-design-vue ๅผ•ๅ…ฅๆจกๅ—ๅณๅฏ๏ผŒๆ— ้œ€ๅ•็‹ฌๅผ•ๅ…ฅๆ ทๅผใ€‚็ญ‰ๅŒไบŽไธ‹้ขๆ‰‹ๅŠจๅผ•ๅ…ฅ็š„ๆ–นๅผใ€‚
```jsx
// babel-plugin-import ไผšๅธฎๅŠฉไฝ ๅŠ ่ฝฝ JS ๅ’Œ CSS
import { DatePicker } from 'ant-design-vue';
```
- ๆ‰‹ๅŠจๅผ•ๅ…ฅ
```jsx
import DatePicker from 'ant-design-vue/lib/date-picker'; // ๅŠ ่ฝฝ JS
import 'ant-design-vue/lib/date-picker/style/css'; // ๅŠ ่ฝฝ CSS
// import 'ant-design-vue/lib/date-picker/style'; // ๅŠ ่ฝฝ LESS
```
## ้“พๆŽฅ
- [้ฆ–้กต](https://www.antdv.com/)
- [Ant Design Of React](https://ant.design/)
- [็ป„ไปถๅบ“](https://www.antdv.com/docs/vue/introduce-cn)
- [ๆ›ดๆ–ฐๆ—ฅๅฟ—](/docs/vue/changelog-cn)
- [CodeSandbox ๆจกๆฟ](https://codesandbox.io/s/2wpk21kzvr) for bug reports
- [ๅฎšๅˆถไธป้ข˜](/docs/vue/customize-theme-cn)
- [ๅธธ่ง้—ฎ้ข˜](/docs/vue/faq-cn)
- [ๆ”ฏๆŒๆˆ‘ไปฌ](/docs/vue/sponsor-cn)
- [Awesome Ant Design](https://github.com/vueComponent/ant-design-vue-awesome)
## ๅฆ‚ไฝ•่ดก็Œฎ
ๅฆ‚ๆžœไฝ ๅธŒๆœ›ๅ‚ไธŽ่ดก็Œฎ๏ผŒๆฌข่ฟŽ [Pull Request](https://github.com/vueComponent/ant-design-vue/pulls)๏ผŒๆˆ–็ป™ๆˆ‘ไปฌ [ๆŠฅๅ‘Š Bug](https://vuecomponent.github.io/issue-helper/)([ๅ›ฝๅ†…้•œๅƒ](http://ant-design-vue.gitee.io/issue-helper/))ใ€‚
> ๅผบ็ƒˆๆŽจ่้˜…่ฏป [ใ€Šๆ้—ฎ็š„ๆ™บๆ…งใ€‹](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)ใ€[ใ€Šๅฆ‚ไฝ•ๅ‘ๅผ€ๆบ็คพๅŒบๆ้—ฎ้ข˜ใ€‹](https://github.com/seajs/seajs/issues/545) ๅ’Œ [ใ€Šๅฆ‚ไฝ•ๆœ‰ๆ•ˆๅœฐๆŠฅๅ‘Š Bugใ€‹](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)ใ€[ใ€Šๅฆ‚ไฝ•ๅ‘ๅผ€ๆบ้กน็›ฎๆไบคๆ— ๆณ•่งฃ็ญ”็š„้—ฎ้ข˜ใ€‹](https://zhuanlan.zhihu.com/p/25795393)๏ผŒๆ›ดๅฅฝ็š„้—ฎ้ข˜ๆ›ดๅฎนๆ˜“่Žทๅพ—ๅธฎๅŠฉใ€‚
## ๅ…ณไบŽ ant-design-vue
ไผ—ๆ‰€ๅ‘จ็Ÿฅ๏ผŒAnt Design ไฝœไธบไธ€้—จ่ฎพ่ฎก่ฏญ่จ€้ขไธ–๏ผŒ็ปๅŽ†่ฟ‡ๅคšๅนด็š„่ฟญไปฃๅ’Œ็งฏ็ดฏ๏ผŒๅฎƒๅฏน UI ็š„่ฎพ่ฎกๆ€ๆƒณๅทฒ็ปๆˆไธบไธ€ๅฅ—ไบ‹ๅฎžๆ ‡ๅ‡†๏ผŒๅ—ๅˆฐไผ—ๅคšๅ‰็ซฏๅผ€ๅ‘่€…ๅŠไผไธš็š„่ฟฝๆงๅ’Œๅ–œ็ˆฑ๏ผŒไนŸๆ˜ฏ React ๅผ€ๅ‘่€…ๆ‰‹ไธญ็š„็ฅžๅ…ตๅˆฉๅ™จใ€‚ๅธŒๆœ› ant-design-vue ่ƒฝๅคŸ่ฎฉ Vue ๅผ€ๅ‘่€…ไนŸไบซๅ—ๅˆฐ Ant Design ็š„ไผ˜็ง€่ฎพ่ฎกใ€‚
ant-design-vue ๆ˜ฏ Ant Design ็š„ Vue ๅฎž็Žฐ๏ผŒ็ป„ไปถ็š„้ฃŽๆ ผไธŽ Ant Design ไฟๆŒๅŒๆญฅ๏ผŒ็ป„ไปถ็š„ html ็ป“ๆž„ๅ’Œ css ๆ ทๅผไนŸไฟๆŒไธ€่‡ด๏ผŒ็œŸๆญฃๅšๅˆฐไบ†ๆ ทๅผ 0 ไฟฎๆ”น๏ผŒ็ป„ไปถ API ไนŸๅฐฝ้‡ไฟๆŒไบ†ไธ€่‡ดใ€‚
Ant Design Vue ่‡ดๅŠ›ไบŽๆไพ›็ป™็จ‹ๅบๅ‘˜**ๆ„‰ๆ‚ฆ**็š„ๅผ€ๅ‘ไฝ“้ชŒใ€‚
## ็‰นๅˆซๆ„Ÿ่ฐข
[Ant Design Team](https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt)

70
docs/vue/sponsor.en-US.md
View File

@ -1,70 +0,0 @@
# Sponsor Ant Design Vue Development
ant-design-vue is an MIT licensed open source project and completely free to use. However, in order to continue the healthy and sustainable development of the project, we expect to receive corresponding financial support. You can support ant-design-vue development via the following methods:
## One-time Donations
We accept donations through these channels:
<div>
<a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a>
<br/>
<a href="https://qn.antdv.com/alipay-and-wechat.png" target="_blank">Alipay or WeChat</a>
</div>
## Recurring Pledges
Recurring pledges come with exclusive perks, e.g. having your name listed in the Vue GitHub repository, or have your company logo placed on this website.
<div>
<a href="https://www.patreon.com/tangjinzhou" target="_blank">Patreon</a>
<br/>
<a href="https://opencollective.com/ant-design-vue" target="_blank">opencollective</a>
</div>
## Corporate sponsorship
You can consult me by email [antdv@foxmail.com](antdv@foxmail.com).
## Current sponsors
### Sponsors
Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]
<div>
<a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>
</div>
### Backers
Support us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/ant-design-vue#backer)]
<div>
<a href="https://github.com/limichange" target="_blank"><img width="64" style="border-radius: 50%;" src="https://avatars0.githubusercontent.com/u/1947344?s=400&v=4" title="limichange donation total 24$ by qq from 2018.9"></a>
<a href="https://opencollective.com/ant-design-vue/backer/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/0/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/1/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/2/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/3/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/4/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/5/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/6/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/7/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/8/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/9/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/10/avatar.svg"></a>
</div>
If you run a business and are using Ant Design Vue in a revenue-generating product, it makes business sense to sponsor Ant Design Vue development: it ensures the project that your product relies on stays healthy and actively maintained. It can also help your exposure in the Vue community and makes it easier to attract Vue developers.
If you are an individual user and have enjoyed the productivity of using Ant Design Vue, consider donating as a sign of appreciation - like buying me coffee once in a while :)

70
docs/vue/sponsor.zh-CN.md
View File

@ -1,70 +0,0 @@
# ่ตžๅŠฉ Ant Design Vue ็š„็ ”ๅ‘
ant-design-vue ๆ˜ฏ้‡‡็”จ MIT ่ฎธๅฏ็š„ๅผ€ๆบ้กน็›ฎ๏ผŒไฝฟ็”จๅฎŒๅ…จๅ…่ดนใ€‚ ไฝ†ไธบไบ†้กน็›ฎ่ƒฝๅคŸๅฅๅบทๆŒ็ปญ็š„ๅ‘ๅฑ•ไธ‹ๅŽป๏ผŒๆˆ‘ไปฌๆœŸๆœ›่Žทๅพ—็›ธๅบ”็š„่ต„้‡‘ๆ”ฏๆŒใ€‚ ไฝ ๅฏไปฅ้€š่ฟ‡ไธ‹ๅˆ—็š„ๆ–นๆณ•ๆฅ่ตžๅŠฉๆˆ‘ไปฌ็š„ๅผ€ๅ‘ใ€‚
## ไธ€ๆฌกๆ€ง่ตžๅŠฉ
ไฝ ๅฏไปฅ้€š่ฟ‡ไปฅไธ‹ไปปๆ„ไธ€็งๆ–นๅผ่ตžๅŠฉ:
<div>
<a href="https://www.paypal.me/tangjinzhou" target="_blank">PayPal</a>
<br/>
<a href="https://qn.antdv.com/alipay-and-wechat.png" target="_blank">ๆ”ฏไป˜ๅฎๆˆ–ๅพฎไฟก</a>
</div>
## ๅ‘จๆœŸๆ€ง่ตžๅŠฉ
ๅ‘จๆœŸๆ€ง่ตžๅŠฉๅฏไปฅ่Žทๅพ—้ขๅค–็š„ๅ›žๆŠฅ๏ผŒๆฏ”ๅฆ‚ไฝ ็š„ๅๅญ—ไผšๅ‡บ็Žฐๅœจ Vue ็š„ GitHub ไป“ๅบ“ไธญ๏ผŒๅ†ๆฏ”ๅฆ‚ไฝ ็š„ๅ…ฌๅธ logo ไผšๅ‡บ็Žฐๅœจๆˆ‘ไปฌ็š„ๅฎ˜็ฝ‘ไธŠใ€‚
<div>
<a href="https://www.patreon.com/tangjinzhou" target="_blank">Patreon</a>
<br/>
<a href="https://opencollective.com/ant-design-vue" target="_blank">opencollective</a>
</div>
## ไผไธš่ตžๅŠฉ
ๆ‚จๅฏไปฅ้€š่ฟ‡้‚ฎไปถๅ’จ่ฏข[antdv@foxmail.com](antdv@foxmail.com)ใ€‚
## ๅฝ“ๅ‰็š„่ตžๅŠฉๅ•†
### Sponsors
Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]
<div>
<a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>
</div>
### Backers
Support us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/ant-design-vue#backer)]
<div>
<a href="https://github.com/limichange" target="_blank"><img width="64" style="border-radius: 50%;" src="https://avatars0.githubusercontent.com/u/1947344?s=400&v=4" title="limichange donation total 24$ by qq from 2018.9"></a>
<a href="https://opencollective.com/ant-design-vue/backer/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/0/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/1/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/2/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/3/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/4/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/5/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/6/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/7/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/8/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/9/avatar.svg"></a>
<a href="https://opencollective.com/ant-design-vue/backer/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/backer/10/avatar.svg"></a>
</div>
ๅฆ‚ๆžœไฝ ๆ˜ฏไผไธš็ป่ฅ่€…ๅนถไธ”ๅฐ† Ant Design Vue ็”จๅœจๅ•†ไธšไบงๅ“ไธญ๏ผŒ้‚ฃไนˆ่ตžๅŠฉ Ant Design Vue ๆœ‰ๅ•†ไธšไธŠ็š„็›Šๅค„๏ผšๅฏไปฅ่ฎฉไฝ ็š„ไบงๅ“ๆ‰€ไพ่ต–็š„ๆก†ๆžถไฟๆŒๅฅๅบทๅนถๅพ—ๅˆฐ็งฏๆž็š„็ปดๆŠค๏ผŒไนŸ่ƒฝๅธฎๅŠฉไฝ ๅœจ Vue ็คพๅŒบ้‡Œ่Žทๅพ—ๆ›ด้ซ˜็š„ๆ›ๅ…‰ๅบฆ๏ผŒไปŽ่€Œๆ›ดๅฎนๆ˜“ๅœฐๅธๅผ•ๅˆฐ Vue ๅผ€ๅ‘่€…ใ€‚
ๅฆ‚ๆžœไฝ ๆ˜ฏไธชไบบๅผ€ๅ‘่€…ๅนถไธ”ไบซๅ— Ant Design Vue ๅธฆๆฅ็š„้ซ˜ๅผ€ๅ‘ๆ•ˆ็Ž‡๏ผŒๅฏไปฅ็”จๆๅŠฉๆฅ่กจ็คบไฝ ็š„่ฐขๆ„ โ€”โ€” ๅฐฑๅฅฝๅƒๅถๅฐ”็ป™ๆˆ‘ไนฐๆฏๅ’–ๅ•ก :)

170
docs/vue/use-with-vue-cli.en-US.md
View File

@ -1,170 +0,0 @@
# Use in vue-cli 3
[vue-cli](https://github.com/vuejs/vue-cli) is one of the best Vue application development tools. We are going to use `antd` within it and modify the webpack config for some customized needs.
## Install and Initialization
We need to install `vue-cli` first, you may need install [yarn](https://github.com/yarnpkg/yarn/) too.
```bash
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
Create a new project named `antd-demo`.
```bash
$ vue create antd-demo
```
And, setup your vue project configuration.
The tool will create and initialize environment and dependencies automatically, please try config your proxy setting or use another npm registry if any network errors happen during it.
Then we go inside `antd-demo` and start it.
```bash
$ cd antd-demo
$ npm run serve
```
Open the browser at http://localhost:8080/. It renders a header saying "Welcome to Your Vue.js App" on the page.
## Import antd
Below is the default directory structure.
```
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ babel.config
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ public
โ”‚ย ย  โ”œโ”€โ”€ favicon.ico
โ”‚ย ย  โ””โ”€โ”€ index.html
โ”œโ”€โ”€ src
โ”‚ย ย  โ”œโ”€โ”€ assets
โ”‚ โ”‚ โ””โ”€โ”€ logo.png
โ”‚ย ย  โ”œโ”€โ”€ components
โ”‚ โ”‚ โ””โ”€โ”€ HelloWorld.vue
โ”‚ย ย  โ”œโ”€โ”€ App.vue
โ”‚ย ย  โ””โ”€โ”€ main.js
โ””โ”€โ”€ yarn.lock
```
Now we install `ant-design-vue` from yarn or npm.
```bash
$ yarn add ant-design-vue
```
Modify `src/main.js`, import Button component from `antd`.
```jsx
import Vue from 'vue';
import Button from 'ant-design-vue/lib/button';
import 'ant-design-vue/dist/antd.css';
import App from './App';
Vue.component(Button.name, Button);
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
}).$mount('#app');
```
Modify `src/App.vue`ใ€‚
```jsx
<template>
<div id="app">
<img src="./assets/logo.png">
<a-button type="primary">Button></a-button>
<router-view/>
</div>
</template>
...
```
Ok, you should now see a blue primary button displayed on the page. Next you can choose any components of `antd` to develop your application. Visit other workflows of `vue-cli` at its [User Guide ](https://github.com/vuejs/vue-cli/blob/master/README.md).
## Advanced Guides
We are successfully running antd components now but in the real world, there are still lots of problems about antd-demo. For instance, we actually import all styles of components in the project which may be a network performance issue.
Now we need to customize the default webpack config.
### Use babel-plugin-import
[babel-plugin-import](https://github.com/ant-design/babel-plugin-import) is a babel plugin for importing components on demand ([How does it work?](/docs/vue/getting-started/#Import-on-Demand)).
```bash
$ yarn add babel-plugin-import --dev
```
#### if you use vue-cli 2
Modify `.babelrc`.
```diff
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
- "plugins": ["transform-vue-jsx", "transform-runtime"]
+ "plugins": [
+ "transform-vue-jsx",
+ "transform-runtime",
+ ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }]
+ ]
}
```
#### if you use vue-cli 3
Modify `babel.config.js`
```diff
module.exports = {
presets: ["@vue/app"],
+ plugins: [
+ [
+ "import",
+ { libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
+ ]
+ ]
};
```
Remove the `import 'ant-design-vue/dist/antd.css';` statement added before because `babel-plugin-import` will import styles and import components like below:
```diff
// src/main.js
import Vue from 'vue'
- import Button from 'ant-design-vue/lib/button';
+ import { Button } from 'ant-design-vue';
- import 'ant-design-vue/dist/antd.css'
import App from './App'
Vue.component(Button.name, Button)
Vue.config.productionTip = false
new Vue({
render: h => h(App)
}).$mount('#app')
```
Then reboot with `npm run dev` and visit the demo page, you should not find any [warning messages](https://zos.alipayobjects.com/rmsportal/vgcHJRVZFmPjAawwVoXK.png) in the console, which prove that the `import on demand` config is working now. You will find more info about it in [this guide](/docs/vue/getting-started/#Import-on-Demand).
### Customize Theme
According to the [Customize Theme documentation](/docs/vue/customize-theme), to customize the theme, we need to modify `less` variables with tools such as [less-loader](https://github.com/webpack/less-loader).

Some files were not shown because too many files have changed in this diff Show More