chore: update build config
parent
ea67dd5d03
commit
d2d613980a
|
@ -32,7 +32,8 @@
|
||||||
"@typescript-eslint/ban-types": 0,
|
"@typescript-eslint/ban-types": 0,
|
||||||
"@typescript-eslint/explicit-module-boundary-types": 0,
|
"@typescript-eslint/explicit-module-boundary-types": 0,
|
||||||
"@typescript-eslint/no-empty-function": 0,
|
"@typescript-eslint/no-empty-function": 0,
|
||||||
"@typescript-eslint/no-non-null-assertion": 0
|
"@typescript-eslint/no-non-null-assertion": 0,
|
||||||
|
"@typescript-eslint/no-unused-vars": ["error", { "vars": "all", "args": "after-used", "ignoreRestSiblings": true }]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
|
@ -3,7 +3,6 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
require('colorful').colorful();
|
require('colorful').colorful();
|
||||||
require('colorful').isatty = true;
|
|
||||||
|
|
||||||
const program = require('commander');
|
const program = require('commander');
|
||||||
const packageInfo = require('../../package.json');
|
const packageInfo = require('../../package.json');
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
#!/usr/bin/env node
|
#!/usr/bin/env node
|
||||||
|
/* eslint-disable no-console */
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
|
|
@ -1,25 +1,31 @@
|
||||||
'use strict';
|
const { resolve } = require('./utils/projectHelper');
|
||||||
|
|
||||||
module.exports = function(modules) {
|
module.exports = function(modules) {
|
||||||
const plugins = [
|
const plugins = [
|
||||||
[require.resolve('@vue/babel-plugin-jsx'), { mergeProps: false }],
|
[
|
||||||
require.resolve('@babel/plugin-proposal-optional-chaining'),
|
resolve('@babel/plugin-transform-typescript'),
|
||||||
require.resolve('@babel/plugin-transform-object-assign'),
|
{
|
||||||
require.resolve('@babel/plugin-proposal-object-rest-spread'),
|
isTSX: true,
|
||||||
require.resolve('@babel/plugin-proposal-export-default-from'),
|
},
|
||||||
require.resolve('@babel/plugin-proposal-class-properties'),
|
],
|
||||||
require.resolve('@babel/plugin-syntax-dynamic-import'),
|
[resolve('@vue/babel-plugin-jsx'), { mergeProps: false }],
|
||||||
// require.resolve('babel-plugin-inline-import-data-uri'),
|
resolve('@babel/plugin-proposal-optional-chaining'),
|
||||||
// require.resolve('@babel/plugin-transform-member-expression-literals'),
|
resolve('@babel/plugin-transform-object-assign'),
|
||||||
// require.resolve('@babel/plugin-transform-property-literals'),
|
resolve('@babel/plugin-proposal-object-rest-spread'),
|
||||||
// require.resolve('@babel/plugin-proposal-export-default-from'),
|
resolve('@babel/plugin-proposal-export-default-from'),
|
||||||
// require.resolve('@babel/plugin-transform-object-assign'),
|
resolve('@babel/plugin-proposal-class-properties'),
|
||||||
// require.resolve('@babel/plugin-transform-template-literals'),
|
resolve('@babel/plugin-syntax-dynamic-import'),
|
||||||
// require.resolve('@babel/plugin-proposal-object-rest-spread'),
|
// resolve('babel-plugin-inline-import-data-uri'),
|
||||||
// require.resolve('@babel/plugin-proposal-class-properties'),
|
// resolve('@babel/plugin-transform-member-expression-literals'),
|
||||||
|
// resolve('@babel/plugin-transform-property-literals'),
|
||||||
|
// resolve('@babel/plugin-proposal-export-default-from'),
|
||||||
|
// resolve('@babel/plugin-transform-object-assign'),
|
||||||
|
// resolve('@babel/plugin-transform-template-literals'),
|
||||||
|
// resolve('@babel/plugin-proposal-object-rest-spread'),
|
||||||
|
// resolve('@babel/plugin-proposal-class-properties'),
|
||||||
];
|
];
|
||||||
plugins.push([
|
plugins.push([
|
||||||
require.resolve('@babel/plugin-transform-runtime'),
|
resolve('@babel/plugin-transform-runtime'),
|
||||||
{
|
{
|
||||||
helpers: false,
|
helpers: false,
|
||||||
},
|
},
|
||||||
|
@ -27,7 +33,7 @@ module.exports = function(modules) {
|
||||||
return {
|
return {
|
||||||
presets: [
|
presets: [
|
||||||
[
|
[
|
||||||
require.resolve('@babel/preset-env'),
|
resolve('@babel/preset-env'),
|
||||||
{
|
{
|
||||||
modules,
|
modules,
|
||||||
targets: {
|
targets: {
|
||||||
|
@ -46,7 +52,7 @@ module.exports = function(modules) {
|
||||||
plugins,
|
plugins,
|
||||||
env: {
|
env: {
|
||||||
test: {
|
test: {
|
||||||
plugins: [require.resolve('babel-plugin-istanbul')],
|
plugins: [resolve('babel-plugin-istanbul')],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -0,0 +1,25 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
const fs = require('fs');
|
||||||
|
const assign = require('object-assign');
|
||||||
|
const { getProjectPath } = require('./utils/projectHelper');
|
||||||
|
|
||||||
|
module.exports = function() {
|
||||||
|
let my = {};
|
||||||
|
if (fs.existsSync(getProjectPath('tsconfig.json'))) {
|
||||||
|
my = require(getProjectPath('tsconfig.json'));
|
||||||
|
}
|
||||||
|
return assign(
|
||||||
|
{
|
||||||
|
noUnusedParameters: true,
|
||||||
|
noUnusedLocals: true,
|
||||||
|
strictNullChecks: true,
|
||||||
|
target: 'es6',
|
||||||
|
jsx: 'preserve',
|
||||||
|
moduleResolution: 'node',
|
||||||
|
declaration: true,
|
||||||
|
allowSyntheticDefaultImports: true,
|
||||||
|
},
|
||||||
|
my.compilerOptions,
|
||||||
|
);
|
||||||
|
};
|
|
@ -1,3 +1,5 @@
|
||||||
|
const { getProjectPath, resolve, injectRequire } = require('./utils/projectHelper');
|
||||||
|
injectRequire();
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const webpack = require('webpack');
|
const webpack = require('webpack');
|
||||||
const WebpackBar = require('webpackbar');
|
const WebpackBar = require('webpackbar');
|
||||||
|
@ -23,7 +25,7 @@ const imageOptions = {
|
||||||
};
|
};
|
||||||
|
|
||||||
function getWebpackConfig(modules) {
|
function getWebpackConfig(modules) {
|
||||||
const pkg = require(path.join(process.cwd(), 'package.json'));
|
const pkg = require(getProjectPath('package.json'));
|
||||||
const babelConfig = require('./getBabelCommonConfig')(modules || false);
|
const babelConfig = require('./getBabelCommonConfig')(modules || false);
|
||||||
|
|
||||||
const pluginImportOptions = {
|
const pluginImportOptions = {
|
||||||
|
@ -31,7 +33,7 @@ function getWebpackConfig(modules) {
|
||||||
libraryName: distFileBaseName,
|
libraryName: distFileBaseName,
|
||||||
libraryDirectory: 'components',
|
libraryDirectory: 'components',
|
||||||
};
|
};
|
||||||
babelConfig.plugins.push([require.resolve('babel-plugin-import'), pluginImportOptions]);
|
babelConfig.plugins.push([resolve('babel-plugin-import'), pluginImportOptions]);
|
||||||
|
|
||||||
if (modules === false) {
|
if (modules === false) {
|
||||||
babelConfig.plugins.push(require.resolve('./replaceLib'));
|
babelConfig.plugins.push(require.resolve('./replaceLib'));
|
||||||
|
@ -41,13 +43,25 @@ function getWebpackConfig(modules) {
|
||||||
devtool: 'source-map',
|
devtool: 'source-map',
|
||||||
|
|
||||||
output: {
|
output: {
|
||||||
path: path.join(process.cwd(), './dist/'),
|
path: getProjectPath('./dist/'),
|
||||||
filename: '[name].js',
|
filename: '[name].js',
|
||||||
},
|
},
|
||||||
|
|
||||||
resolve: {
|
resolve: {
|
||||||
modules: ['node_modules', path.join(__dirname, '../node_modules')],
|
modules: ['node_modules', path.join(__dirname, '../node_modules')],
|
||||||
extensions: ['.js', '.jsx', '.vue', '.md', '.json'],
|
extensions: [
|
||||||
|
'.web.tsx',
|
||||||
|
'.web.ts',
|
||||||
|
'.web.jsx',
|
||||||
|
'.web.js',
|
||||||
|
'.ts',
|
||||||
|
'.tsx',
|
||||||
|
'.js',
|
||||||
|
'.jsx',
|
||||||
|
'.vue',
|
||||||
|
'.md',
|
||||||
|
'.json',
|
||||||
|
],
|
||||||
alias: {
|
alias: {
|
||||||
'@': process.cwd(),
|
'@': process.cwd(),
|
||||||
},
|
},
|
||||||
|
@ -81,10 +95,10 @@ function getWebpackConfig(modules) {
|
||||||
{
|
{
|
||||||
loader: 'babel-loader',
|
loader: 'babel-loader',
|
||||||
options: {
|
options: {
|
||||||
presets: [require.resolve('@babel/preset-env')],
|
presets: [resolve('@babel/preset-env')],
|
||||||
plugins: [
|
plugins: [
|
||||||
[require.resolve('@vue/babel-plugin-jsx'), { mergeProps: false }],
|
[resolve('@vue/babel-plugin-jsx'), { mergeProps: false }],
|
||||||
require.resolve('@babel/plugin-proposal-object-rest-spread'),
|
resolve('@babel/plugin-proposal-object-rest-spread'),
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -100,6 +114,21 @@ function getWebpackConfig(modules) {
|
||||||
exclude: /node_modules/,
|
exclude: /node_modules/,
|
||||||
options: babelConfig,
|
options: babelConfig,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
test: /\.tsx?$/,
|
||||||
|
use: [
|
||||||
|
{
|
||||||
|
loader: 'babel-loader',
|
||||||
|
options: babelConfig,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'ts-loader',
|
||||||
|
options: {
|
||||||
|
transpileOnly: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
test: /\.css$/,
|
test: /\.css$/,
|
||||||
use: [
|
use: [
|
||||||
|
@ -231,6 +260,7 @@ All rights reserved.
|
||||||
return config;
|
return config;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getWebpackConfig.webpack = webpack;
|
||||||
getWebpackConfig.svgRegex = svgRegex;
|
getWebpackConfig.svgRegex = svgRegex;
|
||||||
getWebpackConfig.svgOptions = svgOptions;
|
getWebpackConfig.svgOptions = svgOptions;
|
||||||
getWebpackConfig.imageOptions = imageOptions;
|
getWebpackConfig.imageOptions = imageOptions;
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
/* eslint-disable no-console */
|
/* eslint-disable no-console */
|
||||||
'use strict';
|
const { getProjectPath, injectRequire } = require('./utils/projectHelper');
|
||||||
|
|
||||||
|
injectRequire();
|
||||||
|
|
||||||
// const install = require('./install')
|
// const install = require('./install')
|
||||||
const runCmd = require('./runCmd');
|
const runCmd = require('./runCmd');
|
||||||
|
@ -13,7 +15,6 @@ const babel = require('gulp-babel');
|
||||||
const argv = require('minimist')(process.argv.slice(2));
|
const argv = require('minimist')(process.argv.slice(2));
|
||||||
const { Octokit } = require('@octokit/rest');
|
const { Octokit } = require('@octokit/rest');
|
||||||
|
|
||||||
const packageJson = require(`${process.cwd()}/package.json`);
|
|
||||||
// const getNpm = require('./getNpm')
|
// const getNpm = require('./getNpm')
|
||||||
// const selfPackage = require('../package.json')
|
// const selfPackage = require('../package.json')
|
||||||
const chalk = require('chalk');
|
const chalk = require('chalk');
|
||||||
|
@ -21,21 +22,25 @@ const getNpmArgs = require('./utils/get-npm-args');
|
||||||
const getChangelog = require('./utils/getChangelog');
|
const getChangelog = require('./utils/getChangelog');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
// const watch = require('gulp-watch')
|
// const watch = require('gulp-watch')
|
||||||
|
const ts = require('gulp-typescript');
|
||||||
const gulp = require('gulp');
|
const gulp = require('gulp');
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const rimraf = require('rimraf');
|
const rimraf = require('rimraf');
|
||||||
|
const tsConfig = require('./getTSCommonConfig')();
|
||||||
const replaceLib = require('./replaceLib');
|
const replaceLib = require('./replaceLib');
|
||||||
const stripCode = require('gulp-strip-code');
|
const stripCode = require('gulp-strip-code');
|
||||||
const compareVersions = require('compare-versions');
|
const compareVersions = require('compare-versions');
|
||||||
|
|
||||||
|
const packageJson = require(getProjectPath('package.json'));
|
||||||
|
const tsDefaultReporter = ts.reporter.defaultReporter();
|
||||||
const cwd = process.cwd();
|
const cwd = process.cwd();
|
||||||
const libDir = path.join(cwd, 'lib');
|
const libDir = getProjectPath('lib');
|
||||||
const esDir = path.join(cwd, 'es');
|
const esDir = getProjectPath('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, 'webpack.build.conf.js'));
|
const webpackConfig = require(getProjectPath('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);
|
||||||
|
@ -69,6 +74,30 @@ function dist(done) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const tsFiles = ['**/*.ts', '**/*.tsx', '!node_modules/**/*.*', 'typings/**/*.d.ts'];
|
||||||
|
|
||||||
|
function compileTs(stream) {
|
||||||
|
return stream
|
||||||
|
.pipe(ts(tsConfig))
|
||||||
|
.js.pipe(
|
||||||
|
through2.obj(function(file, encoding, next) {
|
||||||
|
// console.log(file.path, file.base);
|
||||||
|
file.path = file.path.replace(/\.[jt]sx$/, '.js');
|
||||||
|
this.push(file);
|
||||||
|
next();
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
.pipe(gulp.dest(process.cwd()));
|
||||||
|
}
|
||||||
|
|
||||||
|
gulp.task('tsc', () =>
|
||||||
|
compileTs(
|
||||||
|
gulp.src(tsFiles, {
|
||||||
|
base: cwd,
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
function babelify(js, modules) {
|
function babelify(js, modules) {
|
||||||
const babelConfig = getBabelCommonConfig(modules);
|
const babelConfig = getBabelCommonConfig(modules);
|
||||||
babelConfig.babelrc = false;
|
babelConfig.babelrc = false;
|
||||||
|
@ -133,10 +162,37 @@ function compile(modules) {
|
||||||
const assets = gulp
|
const assets = gulp
|
||||||
.src(['components/**/*.@(png|svg)'])
|
.src(['components/**/*.@(png|svg)'])
|
||||||
.pipe(gulp.dest(modules === false ? esDir : libDir));
|
.pipe(gulp.dest(modules === false ? esDir : libDir));
|
||||||
|
let error = 0;
|
||||||
|
const source = [
|
||||||
|
'components/**/*.js',
|
||||||
|
'components/**/*.jsx',
|
||||||
|
'components/**/*.tsx',
|
||||||
|
'components/**/*.ts',
|
||||||
|
'typings/**/*.d.ts',
|
||||||
|
'!components/*/__tests__/*',
|
||||||
|
];
|
||||||
|
|
||||||
const source = ['components/**/*.js', 'components/**/*.jsx', '!components/*/__tests__/*'];
|
const tsResult = gulp.src(source).pipe(
|
||||||
const jsFilesStream = babelify(gulp.src(source), modules);
|
ts(tsConfig, {
|
||||||
return merge2([less, jsFilesStream, assets]);
|
error(e) {
|
||||||
|
tsDefaultReporter.error(e);
|
||||||
|
error = 1;
|
||||||
|
},
|
||||||
|
finish: tsDefaultReporter.finish,
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
|
||||||
|
function check() {
|
||||||
|
if (error && !argv['ignore-error']) {
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tsResult.on('finish', check);
|
||||||
|
tsResult.on('end', check);
|
||||||
|
const tsFilesStream = babelify(tsResult.js, modules);
|
||||||
|
const tsd = tsResult.dts.pipe(gulp.dest(modules === false ? esDir : libDir));
|
||||||
|
return merge2([less, tsFilesStream, tsd, assets]);
|
||||||
}
|
}
|
||||||
|
|
||||||
function tag() {
|
function tag() {
|
||||||
|
|
|
@ -1,14 +1,13 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
const { join, dirname } = require('path');
|
const { dirname } = require('path');
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
|
const { getProjectPath } = require('./utils/projectHelper');
|
||||||
const cwd = process.cwd();
|
|
||||||
|
|
||||||
function replacePath(path) {
|
function replacePath(path) {
|
||||||
if (path.node.source && /\/lib\//.test(path.node.source.value)) {
|
if (path.node.source && /\/lib\//.test(path.node.source.value)) {
|
||||||
const esModule = path.node.source.value.replace('/lib/', '/es/');
|
const esModule = path.node.source.value.replace('/lib/', '/es/');
|
||||||
const esPath = dirname(join(cwd, `node_modules/${esModule}`));
|
const esPath = dirname(getProjectPath('node_modules', esModule));
|
||||||
if (fs.existsSync(esPath)) {
|
if (fs.existsSync(esPath)) {
|
||||||
path.node.source.value = esModule;
|
path.node.source.value = esModule;
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@ function transformLess(lessFile, config = {}) {
|
||||||
.render(data, lessOpts)
|
.render(data, lessOpts)
|
||||||
.then(result => {
|
.then(result => {
|
||||||
const source = result.css;
|
const source = result.css;
|
||||||
return postcss(postcssConfig.plugins).process(source);
|
return postcss(postcssConfig.plugins).process(source, { from: undefined });
|
||||||
})
|
})
|
||||||
.then(r => {
|
.then(r => {
|
||||||
return r.css;
|
return r.css;
|
||||||
|
|
|
@ -0,0 +1,53 @@
|
||||||
|
const fs = require('fs');
|
||||||
|
const path = require('path');
|
||||||
|
|
||||||
|
const cwd = process.cwd();
|
||||||
|
|
||||||
|
function getProjectPath(...filePath) {
|
||||||
|
return path.join(cwd, ...filePath);
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolve(moduleName) {
|
||||||
|
return require.resolve(moduleName);
|
||||||
|
}
|
||||||
|
|
||||||
|
// We need hack the require to ensure use package module first
|
||||||
|
// For example, `typescript` is required by `gulp-typescript` but provided by `antd`
|
||||||
|
let injected = false;
|
||||||
|
function injectRequire() {
|
||||||
|
if (injected) return;
|
||||||
|
|
||||||
|
const Module = require('module');
|
||||||
|
|
||||||
|
const oriRequire = Module.prototype.require;
|
||||||
|
Module.prototype.require = function(...args) {
|
||||||
|
const moduleName = args[0];
|
||||||
|
try {
|
||||||
|
return oriRequire.apply(this, args);
|
||||||
|
} catch (err) {
|
||||||
|
const newArgs = [...args];
|
||||||
|
if (moduleName[0] !== '/') {
|
||||||
|
newArgs[0] = getProjectPath('node_modules', moduleName);
|
||||||
|
}
|
||||||
|
return oriRequire.apply(this, newArgs);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
injected = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getConfig() {
|
||||||
|
const configPath = getProjectPath('.antd-tools.config.js');
|
||||||
|
if (fs.existsSync(configPath)) {
|
||||||
|
return require(configPath);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
getProjectPath,
|
||||||
|
resolve,
|
||||||
|
injectRequire,
|
||||||
|
getConfig,
|
||||||
|
};
|
|
@ -1,5 +1,6 @@
|
||||||
import { CSSProperties, VNodeTypes } from 'vue';
|
import { CSSProperties } from 'vue';
|
||||||
import { createTypes, VueTypeValidableDef, VueTypesInterface } from 'vue-types';
|
import { createTypes, VueTypeValidableDef, VueTypesInterface } from 'vue-types';
|
||||||
|
import { VueNode } from '../type';
|
||||||
const PropTypes = createTypes({
|
const PropTypes = createTypes({
|
||||||
func: undefined,
|
func: undefined,
|
||||||
bool: undefined,
|
bool: undefined,
|
||||||
|
@ -34,9 +35,8 @@ export function withUndefined<T extends { default?: any }>(type: T): T {
|
||||||
type.default = undefined;
|
type.default = undefined;
|
||||||
return type;
|
return type;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default PropTypes as VueTypesInterface & {
|
export default PropTypes as VueTypesInterface & {
|
||||||
readonly looseBool: VueTypeValidableDef<boolean>;
|
readonly looseBool: VueTypeValidableDef<boolean>;
|
||||||
readonly style: VueTypeValidableDef<CSSProperties>;
|
readonly style: VueTypeValidableDef<CSSProperties>;
|
||||||
readonly VNodeChild: VueTypeValidableDef<VNodeTypes>;
|
readonly VNodeChild: VueTypeValidableDef<VueNode>;
|
||||||
};
|
};
|
||||||
|
|
|
@ -66,7 +66,7 @@ export interface AntAnchor {
|
||||||
scrollTo: (link: string) => void;
|
scrollTo: (link: string) => void;
|
||||||
$emit?: Function;
|
$emit?: Function;
|
||||||
}
|
}
|
||||||
interface AnchorState {
|
export interface AnchorState {
|
||||||
activeLink: null | string;
|
activeLink: null | string;
|
||||||
scrollContainer: HTMLElement | Window;
|
scrollContainer: HTMLElement | Window;
|
||||||
links: string[];
|
links: string[];
|
||||||
|
|
|
@ -4,6 +4,8 @@ import { getComponent } from '../_util/props-util';
|
||||||
import classNames from '../_util/classNames';
|
import classNames from '../_util/classNames';
|
||||||
import { defaultConfigProvider } from '../config-provider';
|
import { defaultConfigProvider } from '../config-provider';
|
||||||
import { AntAnchor } from './Anchor';
|
import { AntAnchor } from './Anchor';
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||||
function noop(..._any: any[]): any {}
|
function noop(..._any: any[]): any {}
|
||||||
|
|
||||||
const AnchorLinkProps = {
|
const AnchorLinkProps = {
|
||||||
|
|
|
@ -11,7 +11,7 @@ export default defineComponent({
|
||||||
shape: PropTypes.oneOf(tuple('circle', 'square')),
|
shape: PropTypes.oneOf(tuple('circle', 'square')),
|
||||||
size: {
|
size: {
|
||||||
type: [Number, String] as PropType<'large' | 'small' | 'default' | number>,
|
type: [Number, String] as PropType<'large' | 'small' | 'default' | number>,
|
||||||
default: 'default'
|
default: 'default',
|
||||||
},
|
},
|
||||||
src: PropTypes.string,
|
src: PropTypes.string,
|
||||||
/** Srcset of image avatar */
|
/** Srcset of image avatar */
|
||||||
|
@ -20,8 +20,8 @@ export default defineComponent({
|
||||||
srcSet: PropTypes.string,
|
srcSet: PropTypes.string,
|
||||||
icon: PropTypes.VNodeChild,
|
icon: PropTypes.VNodeChild,
|
||||||
alt: PropTypes.string,
|
alt: PropTypes.string,
|
||||||
loadError: {
|
loadError: {
|
||||||
type: Function as PropType<()=>boolean>
|
type: Function as PropType<() => boolean>,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
|
@ -35,7 +35,7 @@ export default defineComponent({
|
||||||
isMounted: false,
|
isMounted: false,
|
||||||
scale: 1,
|
scale: 1,
|
||||||
lastChildrenWidth: undefined,
|
lastChildrenWidth: undefined,
|
||||||
lastNodeWidth: undefined
|
lastNodeWidth: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -120,7 +120,9 @@ export default defineComponent({
|
||||||
|
|
||||||
let children: VueNode = this.$slots.default && this.$slots.default();
|
let children: VueNode = this.$slots.default && this.$slots.default();
|
||||||
if (src && isImgExist) {
|
if (src && isImgExist) {
|
||||||
children = <img src={src} srcset={srcset || srcSet} onError={this.handleImgLoadError} alt={alt} />;
|
children = (
|
||||||
|
<img src={src} srcset={srcset || srcSet} onError={this.handleImgLoadError} alt={alt} />
|
||||||
|
);
|
||||||
} else if (icon) {
|
} else if (icon) {
|
||||||
children = icon;
|
children = icon;
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -40,7 +40,7 @@ export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
badgeCount: undefined
|
badgeCount: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
@ -161,10 +161,18 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { prefixCls: customizePrefixCls, title, component: Tag = 'sup' as any, displayComponent } = this;
|
const {
|
||||||
|
prefixCls: customizePrefixCls,
|
||||||
|
title,
|
||||||
|
component: Tag = 'sup' as any,
|
||||||
|
displayComponent,
|
||||||
|
} = this;
|
||||||
const getPrefixCls = this.configProvider.getPrefixCls;
|
const getPrefixCls = this.configProvider.getPrefixCls;
|
||||||
const prefixCls = getPrefixCls('scroll-number', customizePrefixCls);
|
const prefixCls = getPrefixCls('scroll-number', customizePrefixCls);
|
||||||
const { class: className, style = {} } = this.$attrs as {class?: string, style?: CSSProperties};
|
const { class: className, style = {} } = this.$attrs as {
|
||||||
|
class?: string;
|
||||||
|
style?: CSSProperties;
|
||||||
|
};
|
||||||
if (displayComponent) {
|
if (displayComponent) {
|
||||||
return cloneElement(displayComponent, {
|
return cloneElement(displayComponent, {
|
||||||
class: classNames(
|
class: classNames(
|
||||||
|
|
|
@ -15,16 +15,13 @@ export interface Route {
|
||||||
|
|
||||||
const BreadcrumbProps = {
|
const BreadcrumbProps = {
|
||||||
prefixCls: PropTypes.string,
|
prefixCls: PropTypes.string,
|
||||||
routes: {type: Array as PropType<Route[]>},
|
routes: { type: Array as PropType<Route[]> },
|
||||||
params: PropTypes.any,
|
params: PropTypes.any,
|
||||||
separator: PropTypes.VNodeChild,
|
separator: PropTypes.VNodeChild,
|
||||||
itemRender: {
|
itemRender: {
|
||||||
type: Function as PropType<(
|
type: Function as PropType<
|
||||||
route: Route,
|
(route: Route, params: any, routes: Array<Route>, paths: Array<string>) => VueNode
|
||||||
params: any,
|
>,
|
||||||
routes: Array<Route>,
|
|
||||||
paths: Array<string>,
|
|
||||||
) => VueNode>
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -39,8 +36,13 @@ function getBreadcrumbName(route: Route, params: any) {
|
||||||
);
|
);
|
||||||
return name;
|
return name;
|
||||||
}
|
}
|
||||||
function defaultItemRender(opt: {route: Route, params: any, routes: Route[], paths: string[]}): VueNode {
|
function defaultItemRender(opt: {
|
||||||
const { route, params, routes, paths } = opt
|
route: Route;
|
||||||
|
params: any;
|
||||||
|
routes: Route[];
|
||||||
|
paths: string[];
|
||||||
|
}): VueNode {
|
||||||
|
const { route, params, routes, paths } = opt;
|
||||||
const isLastItem = routes.indexOf(route) === routes.length - 1;
|
const isLastItem = routes.indexOf(route) === routes.length - 1;
|
||||||
const name = getBreadcrumbName(route, params);
|
const name = getBreadcrumbName(route, params);
|
||||||
return isLastItem ? <span>{name}</span> : <a href={`#/${paths.join('/')}`}>{name}</a>;
|
return isLastItem ? <span>{name}</span> : <a href={`#/${paths.join('/')}`}>{name}</a>;
|
||||||
|
@ -63,7 +65,7 @@ export default defineComponent({
|
||||||
return path;
|
return path;
|
||||||
},
|
},
|
||||||
|
|
||||||
addChildPath(paths: string[], childPath: string = '', params: any) {
|
addChildPath(paths: string[], childPath = '', params: any) {
|
||||||
const originalPaths = [...paths];
|
const originalPaths = [...paths];
|
||||||
const path = this.getPath(childPath, params);
|
const path = this.getPath(childPath, params);
|
||||||
if (path) {
|
if (path) {
|
||||||
|
|
|
@ -18,7 +18,7 @@ export default defineComponent({
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
children: [],
|
children: [],
|
||||||
iconCom: undefined,
|
iconCom: undefined,
|
||||||
delayTimeout: undefined
|
delayTimeout: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -68,7 +68,7 @@ export default defineComponent({
|
||||||
ghost,
|
ghost,
|
||||||
block,
|
block,
|
||||||
$attrs,
|
$attrs,
|
||||||
} = this
|
} = this;
|
||||||
const getPrefixCls = this.configProvider.getPrefixCls;
|
const getPrefixCls = this.configProvider.getPrefixCls;
|
||||||
const prefixCls = getPrefixCls('btn', customizePrefixCls);
|
const prefixCls = getPrefixCls('btn', customizePrefixCls);
|
||||||
const autoInsertSpace = this.configProvider.autoInsertSpaceInButton !== false;
|
const autoInsertSpace = this.configProvider.autoInsertSpaceInButton !== false;
|
||||||
|
@ -140,7 +140,7 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
render() {
|
render() {
|
||||||
this.iconCom = getComponent(this, 'icon');
|
this.iconCom = getComponent(this, 'icon');
|
||||||
const { type, htmlType, iconCom, disabled, handleClick, sLoading,href,title, $attrs } = this;
|
const { type, htmlType, iconCom, disabled, handleClick, sLoading, href, title, $attrs } = this;
|
||||||
const children = getSlot(this);
|
const children = getSlot(this);
|
||||||
this.children = children;
|
this.children = children;
|
||||||
const classes = this.getClasses();
|
const classes = this.getClasses();
|
||||||
|
|
|
@ -32,10 +32,10 @@ export const HeaderProps = {
|
||||||
yearSelectTotal: PropTypes.number,
|
yearSelectTotal: PropTypes.number,
|
||||||
type: PropTypes.string,
|
type: PropTypes.string,
|
||||||
value: {
|
value: {
|
||||||
type: Object as PropType<moment.Moment>
|
type: Object as PropType<moment.Moment>,
|
||||||
},
|
},
|
||||||
validRange: {
|
validRange: {
|
||||||
type: Array as PropType<moment.Moment[]>
|
type: Array as PropType<moment.Moment[]>,
|
||||||
},
|
},
|
||||||
headerRender: PropTypes.func,
|
headerRender: PropTypes.func,
|
||||||
onValueChange: PropTypes.func,
|
onValueChange: PropTypes.func,
|
||||||
|
@ -53,7 +53,7 @@ export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
calendarHeaderNode: undefined
|
calendarHeaderNode: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
// private calendarHeaderNode: HTMLDivElement;
|
// private calendarHeaderNode: HTMLDivElement;
|
||||||
|
@ -119,7 +119,7 @@ export default defineComponent({
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
onYearChange(year) {
|
onYearChange(year: string) {
|
||||||
const { value, validRange } = this;
|
const { value, validRange } = this;
|
||||||
const newValue = value.clone();
|
const newValue = value.clone();
|
||||||
newValue.year(parseInt(year, 10));
|
newValue.year(parseInt(year, 10));
|
||||||
|
@ -138,17 +138,17 @@ export default defineComponent({
|
||||||
this.$emit('valueChange', newValue);
|
this.$emit('valueChange', newValue);
|
||||||
},
|
},
|
||||||
|
|
||||||
onMonthChange(month) {
|
onMonthChange(month: string) {
|
||||||
const newValue = this.value.clone();
|
const newValue = this.value.clone();
|
||||||
newValue.month(parseInt(month, 10));
|
newValue.month(parseInt(month, 10));
|
||||||
this.$emit('valueChange', newValue);
|
this.$emit('valueChange', newValue);
|
||||||
},
|
},
|
||||||
|
|
||||||
onInternalTypeChange(e) {
|
onInternalTypeChange(e: Event) {
|
||||||
this.triggerTypeChange(e.target.value);
|
this.triggerTypeChange((e.target as any).value);
|
||||||
},
|
},
|
||||||
|
|
||||||
triggerTypeChange(val) {
|
triggerTypeChange(val: string) {
|
||||||
this.$emit('typeChange', val);
|
this.$emit('typeChange', val);
|
||||||
},
|
},
|
||||||
getMonthYearSelections(getPrefixCls) {
|
getMonthYearSelections(getPrefixCls) {
|
||||||
|
@ -176,8 +176,8 @@ export default defineComponent({
|
||||||
</Group>
|
</Group>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
triggerValueChange() {
|
triggerValueChange(...args: any[]) {
|
||||||
this.$emit('valueChange', ...arguments);
|
this.$emit('valueChange', ...args);
|
||||||
},
|
},
|
||||||
saveCalendarHeaderNode(node: HTMLElement) {
|
saveCalendarHeaderNode(node: HTMLElement) {
|
||||||
this.calendarHeaderNode = node;
|
this.calendarHeaderNode = node;
|
||||||
|
|
|
@ -57,7 +57,7 @@ const Calendar = defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
sPrefixCls: undefined
|
sPrefixCls: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -124,7 +124,7 @@ const Calendar = defineComponent({
|
||||||
getDateRange(
|
getDateRange(
|
||||||
validRange: [moment.Moment, moment.Moment],
|
validRange: [moment.Moment, moment.Moment],
|
||||||
disabledDate?: (current: moment.Moment) => boolean,
|
disabledDate?: (current: moment.Moment) => boolean,
|
||||||
) {
|
) {
|
||||||
return (current: moment.Moment) => {
|
return (current: moment.Moment) => {
|
||||||
if (!current) {
|
if (!current) {
|
||||||
return false;
|
return false;
|
||||||
|
|
|
@ -266,12 +266,12 @@ const Cascader = defineComponent({
|
||||||
},
|
},
|
||||||
|
|
||||||
defaultRenderFilteredOption(opt: {
|
defaultRenderFilteredOption(opt: {
|
||||||
inputValue: string,
|
inputValue: string;
|
||||||
path: CascaderOptionType[],
|
path: CascaderOptionType[];
|
||||||
prefixCls: string | undefined,
|
prefixCls: string | undefined;
|
||||||
names: FilledFieldNamesType,
|
names: FilledFieldNamesType;
|
||||||
}) {
|
}) {
|
||||||
const { inputValue, path, prefixCls, names } = opt
|
const { inputValue, path, prefixCls, names } = opt;
|
||||||
return path.map((option, index) => {
|
return path.map((option, index) => {
|
||||||
const label = option[names.label];
|
const label = option[names.label];
|
||||||
const node =
|
const node =
|
||||||
|
@ -316,7 +316,7 @@ const Cascader = defineComponent({
|
||||||
this.$emit('blur', e);
|
this.$emit('blur', e);
|
||||||
},
|
},
|
||||||
|
|
||||||
handleInputClick(e: MouseEvent & {nativeEvent?: any}) {
|
handleInputClick(e: MouseEvent & { nativeEvent?: any }) {
|
||||||
const { inputFocused, sPopupVisible } = this;
|
const { inputFocused, sPopupVisible } = this;
|
||||||
// Prevent `Trigger` behaviour.
|
// Prevent `Trigger` behaviour.
|
||||||
if (inputFocused || sPopupVisible) {
|
if (inputFocused || sPopupVisible) {
|
||||||
|
@ -389,7 +389,7 @@ const Cascader = defineComponent({
|
||||||
const { flattenOptions = [], inputValue } = this.$data;
|
const { flattenOptions = [], inputValue } = this.$data;
|
||||||
|
|
||||||
// Limit the filter if needed
|
// Limit the filter if needed
|
||||||
let filtered: Array<CascaderOptionType[]>
|
let filtered: Array<CascaderOptionType[]>;
|
||||||
if (limit > 0) {
|
if (limit > 0) {
|
||||||
filtered = [];
|
filtered = [];
|
||||||
let matchCount = 0;
|
let matchCount = 0;
|
||||||
|
|
|
@ -1,11 +1,6 @@
|
||||||
import { CSSProperties, defineComponent, inject, PropType } from 'vue';
|
import { CSSProperties, defineComponent, inject, PropType } from 'vue';
|
||||||
import animation from '../_util/openAnimation';
|
import animation from '../_util/openAnimation';
|
||||||
import {
|
import { getOptionProps, getComponent, isValidElement, getSlot } from '../_util/props-util';
|
||||||
getOptionProps,
|
|
||||||
getComponent,
|
|
||||||
isValidElement,
|
|
||||||
getSlot,
|
|
||||||
} from '../_util/props-util';
|
|
||||||
import { cloneElement } from '../_util/vnode';
|
import { cloneElement } from '../_util/vnode';
|
||||||
import VcCollapse from '../vc-collapse';
|
import VcCollapse from '../vc-collapse';
|
||||||
import RightOutlined from '@ant-design/icons-vue/RightOutlined';
|
import RightOutlined from '@ant-design/icons-vue/RightOutlined';
|
||||||
|
@ -13,7 +8,7 @@ import { defaultConfigProvider } from '../config-provider';
|
||||||
import PropTypes from '../_util/vue-types';
|
import PropTypes from '../_util/vue-types';
|
||||||
import { tuple, VueNode } from '../_util/type';
|
import { tuple, VueNode } from '../_util/type';
|
||||||
|
|
||||||
interface PanelProps {
|
export interface PanelProps {
|
||||||
isActive?: boolean;
|
isActive?: boolean;
|
||||||
header?: VueNode;
|
header?: VueNode;
|
||||||
className?: string;
|
className?: string;
|
||||||
|
@ -30,8 +25,8 @@ export default defineComponent({
|
||||||
inheritAttrs: false,
|
inheritAttrs: false,
|
||||||
props: {
|
props: {
|
||||||
prefixCls: PropTypes.string,
|
prefixCls: PropTypes.string,
|
||||||
activeKey: {type: [Array, Number, String] as PropType<ActiveKeyType>},
|
activeKey: { type: [Array, Number, String] as PropType<ActiveKeyType> },
|
||||||
defaultActiveKey: {type: [Array, Number, String] as PropType<ActiveKeyType>},
|
defaultActiveKey: { type: [Array, Number, String] as PropType<ActiveKeyType> },
|
||||||
accordion: PropTypes.looseBool,
|
accordion: PropTypes.looseBool,
|
||||||
destroyInactivePanel: PropTypes.looseBool,
|
destroyInactivePanel: PropTypes.looseBool,
|
||||||
bordered: PropTypes.looseBool.def(true),
|
bordered: PropTypes.looseBool.def(true),
|
||||||
|
@ -47,7 +42,7 @@ export default defineComponent({
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
renderExpandIcon(panelProps: PanelProps={}, prefixCls: string) {
|
renderExpandIcon(panelProps: PanelProps = {}, prefixCls: string) {
|
||||||
const expandIcon = getComponent(this, 'expandIcon', panelProps);
|
const expandIcon = getComponent(this, 'expandIcon', panelProps);
|
||||||
const icon = expandIcon || <RightOutlined rotate={panelProps.isActive ? 90 : undefined} />;
|
const icon = expandIcon || <RightOutlined rotate={panelProps.isActive ? 90 : undefined} />;
|
||||||
return isValidElement(Array.isArray(expandIcon) ? icon[0] : icon)
|
return isValidElement(Array.isArray(expandIcon) ? icon[0] : icon)
|
||||||
|
|
|
@ -30,7 +30,7 @@ const RenderEmpty = (props: RenderEmptyProps) => {
|
||||||
return renderHtml(props.componentName);
|
return renderHtml(props.componentName);
|
||||||
};
|
};
|
||||||
|
|
||||||
function renderEmpty(componentName?: string): VNodeChild | JSX.Element{
|
function renderEmpty(componentName?: string): VNodeChild | JSX.Element {
|
||||||
return <RenderEmpty componentName={componentName} />;
|
return <RenderEmpty componentName={componentName} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
import { CSSProperties, DefineComponent } from 'vue';
|
import { CSSProperties } from 'vue';
|
||||||
import { tuple, VueNode } from '../_util/type';
|
import { tuple, VueNode } from '../_util/type';
|
||||||
|
|
||||||
export type RangePickerValue =
|
export type RangePickerValue =
|
||||||
|
|
|
@ -7,10 +7,17 @@ interface ColProps {
|
||||||
colon: boolean;
|
colon: boolean;
|
||||||
type?: 'label' | 'content';
|
type?: 'label' | 'content';
|
||||||
layout?: 'horizontal' | 'vertical';
|
layout?: 'horizontal' | 'vertical';
|
||||||
colKey?: string
|
colKey?: string;
|
||||||
}
|
}
|
||||||
const Col = (_props: ColProps, { attrs }: SetupContext) => {
|
const Col = (_props: ColProps, { attrs }: SetupContext) => {
|
||||||
const { child = {} as VNode, bordered, colon, type, layout, colKey: key } = attrs as unknown as ColProps;
|
const {
|
||||||
|
child = {} as VNode,
|
||||||
|
bordered,
|
||||||
|
colon,
|
||||||
|
type,
|
||||||
|
layout,
|
||||||
|
colKey: key,
|
||||||
|
} = (attrs as unknown) as ColProps;
|
||||||
const { prefixCls, span = 1 } = getOptionProps(child);
|
const { prefixCls, span = 1 } = getOptionProps(child);
|
||||||
const { children = {} as any, props = {} } = child;
|
const { children = {} as any, props = {} } = child;
|
||||||
const label = props.label || (children.label && children.label());
|
const label = props.label || (children.label && children.label());
|
||||||
|
|
|
@ -52,7 +52,7 @@ const Drawer = defineComponent({
|
||||||
configProvider,
|
configProvider,
|
||||||
destroyClose: false,
|
destroyClose: false,
|
||||||
preVisible: props.visible,
|
preVisible: props.visible,
|
||||||
parentDrawer: inject('parentDrawer', null)
|
parentDrawer: inject('parentDrawer', null),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
beforeCreate() {
|
beforeCreate() {
|
||||||
|
|
|
@ -38,7 +38,7 @@ export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
popupRef: null
|
popupRef: null,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
|
@ -40,19 +40,19 @@ export type ValidationRule = {
|
||||||
/** custom validate function (Note: callback must be called) */
|
/** custom validate function (Note: callback must be called) */
|
||||||
validator?: (rule: any, value: any, callback: any, source?: any, options?: any) => any;
|
validator?: (rule: any, value: any, callback: any, source?: any, options?: any) => any;
|
||||||
|
|
||||||
trigger?: string
|
trigger?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const FormProps = {
|
export const FormProps = {
|
||||||
layout: PropTypes.oneOf(tuple('horizontal', 'inline', 'vertical')),
|
layout: PropTypes.oneOf(tuple('horizontal', 'inline', 'vertical')),
|
||||||
labelCol: {type: Object as PropType<ColProps>},
|
labelCol: { type: Object as PropType<ColProps> },
|
||||||
wrapperCol: {type: Object as PropType<ColProps>},
|
wrapperCol: { type: Object as PropType<ColProps> },
|
||||||
colon: PropTypes.looseBool,
|
colon: PropTypes.looseBool,
|
||||||
labelAlign: PropTypes.oneOf(tuple('left', 'right')),
|
labelAlign: PropTypes.oneOf(tuple('left', 'right')),
|
||||||
prefixCls: PropTypes.string,
|
prefixCls: PropTypes.string,
|
||||||
hideRequiredMark: PropTypes.looseBool,
|
hideRequiredMark: PropTypes.looseBool,
|
||||||
model: PropTypes.object,
|
model: PropTypes.object,
|
||||||
rules: {type: Object as PropType<ValidationRule[]>},
|
rules: { type: Object as PropType<ValidationRule[]> },
|
||||||
validateMessages: PropTypes.object,
|
validateMessages: PropTypes.object,
|
||||||
validateOnRuleChange: PropTypes.looseBool,
|
validateOnRuleChange: PropTypes.looseBool,
|
||||||
// 提交失败自动滚动到第一个错误字段
|
// 提交失败自动滚动到第一个错误字段
|
||||||
|
@ -60,11 +60,9 @@ export const FormProps = {
|
||||||
onFinish: PropTypes.func,
|
onFinish: PropTypes.func,
|
||||||
onFinishFailed: PropTypes.func,
|
onFinishFailed: PropTypes.func,
|
||||||
name: PropTypes.string,
|
name: PropTypes.string,
|
||||||
validateTrigger: {type: [String, Array] as PropType<string | string[]>}
|
validateTrigger: { type: [String, Array] as PropType<string | string[]> },
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function isEqualName(name1: any, name2: any) {
|
function isEqualName(name1: any, name2: any) {
|
||||||
return isEqual(toArray(name1), toArray(name2));
|
return isEqual(toArray(name1), toArray(name2));
|
||||||
}
|
}
|
||||||
|
@ -87,7 +85,7 @@ const Form = defineComponent({
|
||||||
fields: [],
|
fields: [],
|
||||||
form: undefined,
|
form: undefined,
|
||||||
lastValidatePromise: null,
|
lastValidatePromise: null,
|
||||||
vertical: computed(()=>props.layout === 'vertical')
|
vertical: computed(() => props.layout === 'vertical'),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -156,7 +154,7 @@ const Form = defineComponent({
|
||||||
validate(...args: any[]) {
|
validate(...args: any[]) {
|
||||||
return this.validateField(...args);
|
return this.validateField(...args);
|
||||||
},
|
},
|
||||||
scrollToField(name: string | number , options = {}) {
|
scrollToField(name: string | number, options = {}) {
|
||||||
const fields = this.getFieldsByNameList([name]);
|
const fields = this.getFieldsByNameList([name]);
|
||||||
if (fields.length) {
|
if (fields.length) {
|
||||||
const fieldId = fields[0].fieldId;
|
const fieldId = fields[0].fieldId;
|
||||||
|
@ -181,7 +179,9 @@ const Form = defineComponent({
|
||||||
return values;
|
return values;
|
||||||
} else {
|
} else {
|
||||||
const res: any = {};
|
const res: any = {};
|
||||||
toArray(nameList as NamePath[]).forEach((namePath) => (res[namePath as string] = values[namePath as string]));
|
toArray(nameList as NamePath[]).forEach(
|
||||||
|
namePath => (res[namePath as string] = values[namePath as string]),
|
||||||
|
);
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -196,7 +196,9 @@ const Form = defineComponent({
|
||||||
return Promise.reject('Form `model` is required for validateFields to work.');
|
return Promise.reject('Form `model` is required for validateFields to work.');
|
||||||
}
|
}
|
||||||
const provideNameList = !!nameList;
|
const provideNameList = !!nameList;
|
||||||
const namePathList: InternalNamePath[] = provideNameList ? toArray(nameList).map(getNamePath) : [];
|
const namePathList: InternalNamePath[] = provideNameList
|
||||||
|
? toArray(nameList).map(getNamePath)
|
||||||
|
: [];
|
||||||
|
|
||||||
// Collect result in promise list
|
// Collect result in promise list
|
||||||
const promiseList: Promise<{
|
const promiseList: Promise<{
|
||||||
|
@ -291,5 +293,5 @@ const Form = defineComponent({
|
||||||
});
|
});
|
||||||
|
|
||||||
export default Form as typeof Form & {
|
export default Form as typeof Form & {
|
||||||
readonly Item: typeof FormItem
|
readonly Item: typeof FormItem;
|
||||||
};
|
};
|
||||||
|
|
|
@ -44,7 +44,7 @@ function getPropByPath(obj: any, namePathList: any, strict?: boolean) {
|
||||||
try {
|
try {
|
||||||
for (let len = keyArr.length; i < len - 1; ++i) {
|
for (let len = keyArr.length; i < len - 1; ++i) {
|
||||||
if (!tempObj && !strict) break;
|
if (!tempObj && !strict) break;
|
||||||
let key = keyArr[i];
|
const key = keyArr[i];
|
||||||
if (key in tempObj) {
|
if (key in tempObj) {
|
||||||
tempObj = tempObj[key];
|
tempObj = tempObj[key];
|
||||||
} else {
|
} else {
|
||||||
|
@ -74,20 +74,20 @@ export const FormItemProps = {
|
||||||
label: PropTypes.VNodeChild,
|
label: PropTypes.VNodeChild,
|
||||||
help: PropTypes.VNodeChild,
|
help: PropTypes.VNodeChild,
|
||||||
extra: PropTypes.VNodeChild,
|
extra: PropTypes.VNodeChild,
|
||||||
labelCol: {type: Object as PropType<ColProps>},
|
labelCol: { type: Object as PropType<ColProps> },
|
||||||
wrapperCol: {type: Object as PropType<ColProps>},
|
wrapperCol: { type: Object as PropType<ColProps> },
|
||||||
hasFeedback: PropTypes.looseBool.def(false),
|
hasFeedback: PropTypes.looseBool.def(false),
|
||||||
colon: PropTypes.looseBool,
|
colon: PropTypes.looseBool,
|
||||||
labelAlign: PropTypes.oneOf(tuple('left', 'right')),
|
labelAlign: PropTypes.oneOf(tuple('left', 'right')),
|
||||||
prop: {type: [String, Number, Array] as PropType<string | number | string[] | number[]>},
|
prop: { type: [String, Number, Array] as PropType<string | number | string[] | number[]> },
|
||||||
name: {type: [String, Number, Array] as PropType<string | number | string[] | number[]>},
|
name: { type: [String, Number, Array] as PropType<string | number | string[] | number[]> },
|
||||||
rules: PropTypes.oneOfType([Array, Object]),
|
rules: PropTypes.oneOfType([Array, Object]),
|
||||||
autoLink: PropTypes.looseBool.def(true),
|
autoLink: PropTypes.looseBool.def(true),
|
||||||
required: PropTypes.looseBool,
|
required: PropTypes.looseBool,
|
||||||
validateFirst: PropTypes.looseBool,
|
validateFirst: PropTypes.looseBool,
|
||||||
validateStatus: PropTypes.oneOf(tuple('', 'success', 'warning', 'error', 'validating')),
|
validateStatus: PropTypes.oneOf(tuple('', 'success', 'warning', 'error', 'validating')),
|
||||||
validateTrigger: {type: [String, Array] as PropType<string | string[]>},
|
validateTrigger: { type: [String, Array] as PropType<string | string[]> },
|
||||||
messageVariables: {type: Object as PropType<Record<string, string>>},
|
messageVariables: { type: Object as PropType<Record<string, string>> },
|
||||||
};
|
};
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
|
@ -97,14 +97,14 @@ export default defineComponent({
|
||||||
__ANT_NEW_FORM_ITEM: true,
|
__ANT_NEW_FORM_ITEM: true,
|
||||||
props: FormItemProps,
|
props: FormItemProps,
|
||||||
setup(props) {
|
setup(props) {
|
||||||
const FormContext = inject('FormContext', {}) as any
|
const FormContext = inject('FormContext', {}) as any;
|
||||||
const fieldName = computed(()=>props.name || props.prop);
|
const fieldName = computed(() => props.name || props.prop);
|
||||||
const namePath = computed(()=>{
|
const namePath = computed(() => {
|
||||||
const val = fieldName.value
|
const val = fieldName.value;
|
||||||
return getNamePath(val)
|
return getNamePath(val);
|
||||||
})
|
});
|
||||||
const fieldId = computed(()=>{
|
const fieldId = computed(() => {
|
||||||
const {id} = props;
|
const { id } = props;
|
||||||
if (id) {
|
if (id) {
|
||||||
return id;
|
return id;
|
||||||
} else if (!namePath.value.length) {
|
} else if (!namePath.value.length) {
|
||||||
|
@ -114,19 +114,17 @@ export default defineComponent({
|
||||||
const mergedId = namePath.value.join('_');
|
const mergedId = namePath.value.join('_');
|
||||||
return formName ? `${formName}_${mergedId}` : mergedId;
|
return formName ? `${formName}_${mergedId}` : mergedId;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
const fieldValue = computed(()=> {
|
const fieldValue = computed(() => {
|
||||||
const model = FormContext.model;
|
const model = FormContext.model;
|
||||||
if (!model || !fieldName.value) {
|
if (!model || !fieldName.value) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
return getPropByPath(model, namePath.value, true).v;
|
return getPropByPath(model, namePath.value, true).v;
|
||||||
})
|
});
|
||||||
const mergedValidateTrigger = computed(() => {
|
const mergedValidateTrigger = computed(() => {
|
||||||
let validateTrigger =
|
let validateTrigger =
|
||||||
props.validateTrigger !== undefined
|
props.validateTrigger !== undefined ? props.validateTrigger : FormContext.validateTrigger;
|
||||||
? props.validateTrigger
|
|
||||||
: FormContext.validateTrigger;
|
|
||||||
validateTrigger = validateTrigger === undefined ? 'change' : validateTrigger;
|
validateTrigger = validateTrigger === undefined ? 'change' : validateTrigger;
|
||||||
return toArray(validateTrigger);
|
return toArray(validateTrigger);
|
||||||
});
|
});
|
||||||
|
@ -134,7 +132,7 @@ export default defineComponent({
|
||||||
let formRules = FormContext.rules;
|
let formRules = FormContext.rules;
|
||||||
const selfRules = props.rules;
|
const selfRules = props.rules;
|
||||||
const requiredRule =
|
const requiredRule =
|
||||||
props.required !== undefined
|
props.required !== undefined
|
||||||
? { required: !!props.required, trigger: mergedValidateTrigger.value }
|
? { required: !!props.required, trigger: mergedValidateTrigger.value }
|
||||||
: [];
|
: [];
|
||||||
const prop = getPropByPath(formRules, namePath.value);
|
const prop = getPropByPath(formRules, namePath.value);
|
||||||
|
@ -147,7 +145,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const isRequired = computed(() => {
|
const isRequired = computed(() => {
|
||||||
let rules = getRules();
|
const rules = getRules();
|
||||||
let isRequired = false;
|
let isRequired = false;
|
||||||
if (rules && rules.length) {
|
if (rules && rules.length) {
|
||||||
rules.every(rule => {
|
rules.every(rule => {
|
||||||
|
@ -170,7 +168,7 @@ export default defineComponent({
|
||||||
isRequired,
|
isRequired,
|
||||||
getRules,
|
getRules,
|
||||||
fieldValue,
|
fieldValue,
|
||||||
mergedValidateTrigger
|
mergedValidateTrigger,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -182,7 +180,7 @@ export default defineComponent({
|
||||||
validator: {},
|
validator: {},
|
||||||
helpShow: false,
|
helpShow: false,
|
||||||
errors: [],
|
errors: [],
|
||||||
initialValue: undefined
|
initialValue: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -386,7 +384,9 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
|
|
||||||
renderWrapper(prefixCls: string, children: VueNode) {
|
renderWrapper(prefixCls: string, children: VueNode) {
|
||||||
const { wrapperCol: contextWrapperCol } = (this.isFormItemChildren ? {} : this.FormContext) as any;
|
const { wrapperCol: contextWrapperCol } = (this.isFormItemChildren
|
||||||
|
? {}
|
||||||
|
: this.FormContext) as any;
|
||||||
const { wrapperCol } = this;
|
const { wrapperCol } = this;
|
||||||
const mergedWrapperCol = wrapperCol || contextWrapperCol || {};
|
const mergedWrapperCol = wrapperCol || contextWrapperCol || {};
|
||||||
const { style, id, ...restProps } = mergedWrapperCol;
|
const { style, id, ...restProps } = mergedWrapperCol;
|
||||||
|
|
|
@ -16,7 +16,7 @@ export function fixControlledValue(value) {
|
||||||
|
|
||||||
export function resolveOnChange(target, e, onChange) {
|
export function resolveOnChange(target, e, onChange) {
|
||||||
if (onChange) {
|
if (onChange) {
|
||||||
let event = e;
|
const event = e;
|
||||||
if (e.type === 'click') {
|
if (e.type === 'click') {
|
||||||
// click clear icon
|
// click clear icon
|
||||||
//event = Object.create(e);
|
//event = Object.create(e);
|
||||||
|
@ -59,7 +59,7 @@ export default defineComponent({
|
||||||
configProvider: inject('configProvider', defaultConfigProvider),
|
configProvider: inject('configProvider', defaultConfigProvider),
|
||||||
removePasswordTimeout: undefined,
|
removePasswordTimeout: undefined,
|
||||||
input: null,
|
input: null,
|
||||||
clearableInput: null
|
clearableInput: null,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -165,7 +165,7 @@ export default defineComponent({
|
||||||
if (!inputProps.autofocus) {
|
if (!inputProps.autofocus) {
|
||||||
delete inputProps.autofocus;
|
delete inputProps.autofocus;
|
||||||
}
|
}
|
||||||
const inputNode = <input {...inputProps} />
|
const inputNode = <input {...inputProps} />;
|
||||||
return withDirectives(inputNode as VNode, [[antInputDirective]]);
|
return withDirectives(inputNode as VNode, [[antInputDirective]]);
|
||||||
},
|
},
|
||||||
clearPasswordValueAttribute() {
|
clearPasswordValueAttribute() {
|
||||||
|
|
|
@ -27,7 +27,7 @@ export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
input: null,
|
input: null,
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import {PropType, VNode} from 'vue';
|
import { PropType, VNode } from 'vue';
|
||||||
import ResizeObserver from '../vc-resize-observer';
|
import ResizeObserver from '../vc-resize-observer';
|
||||||
import omit from 'omit.js';
|
import omit from 'omit.js';
|
||||||
import classNames from '../_util/classNames';
|
import classNames from '../_util/classNames';
|
||||||
|
@ -23,8 +23,8 @@ export interface AutoSizeType {
|
||||||
|
|
||||||
const TextAreaProps = {
|
const TextAreaProps = {
|
||||||
...inputProps,
|
...inputProps,
|
||||||
autosize: { type: [Boolean, Object] as PropType<AutoSizeType>, default: undefined},
|
autosize: { type: [Boolean, Object] as PropType<AutoSizeType>, default: undefined },
|
||||||
autoSize: {type: [Boolean, Object] as PropType<AutoSizeType>, default: undefined},
|
autoSize: { type: [Boolean, Object] as PropType<AutoSizeType>, default: undefined },
|
||||||
onResize: PropTypes.func,
|
onResize: PropTypes.func,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -51,7 +51,7 @@ const ResizableTextArea = defineComponent({
|
||||||
nextFrameActionId: undefined,
|
nextFrameActionId: undefined,
|
||||||
textArea: null,
|
textArea: null,
|
||||||
resizeFrameId: undefined,
|
resizeFrameId: undefined,
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
value() {
|
value() {
|
||||||
|
@ -155,7 +155,9 @@ const ResizableTextArea = defineComponent({
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<ResizeObserver onResize={this.handleResize} disabled={!(autoSize || autosize)}>
|
<ResizeObserver onResize={this.handleResize} disabled={!(autoSize || autosize)}>
|
||||||
{withDirectives(<textarea {...textareaProps} ref={this.saveTextArea} /> as VNode, [[antInput]])}
|
{withDirectives((<textarea {...textareaProps} ref={this.saveTextArea} />) as VNode, [
|
||||||
|
[antInput],
|
||||||
|
])}
|
||||||
</ResizeObserver>
|
</ResizeObserver>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
|
@ -28,7 +28,7 @@ function loadingFilterOption() {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function getMentions(value: string = '', config: MentionsConfig) {
|
function getMentions(value = '', config: MentionsConfig) {
|
||||||
const { prefix = '@', split = ' ' } = config || {};
|
const { prefix = '@', split = ' ' } = config || {};
|
||||||
const prefixList = Array.isArray(prefix) ? prefix : [prefix];
|
const prefixList = Array.isArray(prefix) ? prefix : [prefix];
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@ import RcSelect, { Option, OptGroup, SelectProps as RcSelectProps, BaseProps } f
|
||||||
import { OptionProps as OptionPropsType } from '../vc-select2/Option';
|
import { OptionProps as OptionPropsType } from '../vc-select2/Option';
|
||||||
import { defaultConfigProvider } from '../config-provider';
|
import { defaultConfigProvider } from '../config-provider';
|
||||||
import getIcons from './utils/iconUtil';
|
import getIcons from './utils/iconUtil';
|
||||||
import { computed, defineComponent, inject, ref, VNodeChild, App, PropType, reactive } from 'vue';
|
import { computed, defineComponent, inject, ref, VNodeChild, App, PropType } from 'vue';
|
||||||
import PropTypes from '../_util/vue-types';
|
import PropTypes from '../_util/vue-types';
|
||||||
import { tuple } from '../_util/type';
|
import { tuple } from '../_util/type';
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,3 @@
|
||||||
|
|
||||||
import DownOutlined from '@ant-design/icons-vue/DownOutlined';
|
import DownOutlined from '@ant-design/icons-vue/DownOutlined';
|
||||||
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
|
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
|
||||||
import CheckOutlined from '@ant-design/icons-vue/CheckOutlined';
|
import CheckOutlined from '@ant-design/icons-vue/CheckOutlined';
|
||||||
|
@ -7,15 +6,12 @@ import CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';
|
||||||
import SearchOutlined from '@ant-design/icons-vue/SearchOutlined';
|
import SearchOutlined from '@ant-design/icons-vue/SearchOutlined';
|
||||||
|
|
||||||
export default function getIcons(props: any, slots: any = {}) {
|
export default function getIcons(props: any, slots: any = {}) {
|
||||||
const {
|
const { loading, multiple, prefixCls } = props;
|
||||||
loading,
|
const suffixIcon = props.suffixIcon || (slots.suffixIcon && slots.suffixIcon());
|
||||||
multiple,
|
const clearIcon = props.clearIcon || (slots.clearIcon && slots.clearIcon());
|
||||||
prefixCls,
|
const menuItemSelectedIcon =
|
||||||
} = props;
|
props.menuItemSelectedIcon || (slots.menuItemSelectedIcon && slots.menuItemSelectedIcon());
|
||||||
const suffixIcon = props.suffixIcon || slots.suffixIcon && slots.suffixIcon();
|
const removeIcon = props.removeIcon || (slots.removeIcon && slots.removeIcon());
|
||||||
const clearIcon = props.clearIcon || slots.clearIcon && slots.clearIcon();
|
|
||||||
const menuItemSelectedIcon = props.menuItemSelectedIcon || slots.menuItemSelectedIcon && slots.menuItemSelectedIcon();
|
|
||||||
const removeIcon = props.removeIcon || slots.removeIcon && slots.removeIcon();
|
|
||||||
// Clear Icon
|
// Clear Icon
|
||||||
let mergedClearIcon = clearIcon;
|
let mergedClearIcon = clearIcon;
|
||||||
if (!clearIcon) {
|
if (!clearIcon) {
|
||||||
|
|
|
@ -43,8 +43,8 @@ export default defineComponent({
|
||||||
const prefixCls = getPrefixCls('statistic', customizePrefixCls);
|
const prefixCls = getPrefixCls('statistic', customizePrefixCls);
|
||||||
|
|
||||||
const title = getComponent(this, 'title');
|
const title = getComponent(this, 'title');
|
||||||
let prefix = getComponent(this, 'prefix');
|
const prefix = getComponent(this, 'prefix');
|
||||||
let suffix = getComponent(this, 'suffix');
|
const suffix = getComponent(this, 'suffix');
|
||||||
const formatter = getComponent(this, 'formatter', {}, false);
|
const formatter = getComponent(this, 'formatter', {}, false);
|
||||||
const props = {
|
const props = {
|
||||||
...this.$props,
|
...this.$props,
|
||||||
|
|
|
@ -35,6 +35,6 @@ export default () => ({
|
||||||
destroyTooltipOnHide: PropTypes.looseBool.def(false),
|
destroyTooltipOnHide: PropTypes.looseBool.def(false),
|
||||||
align: PropTypes.object.def(() => ({})),
|
align: PropTypes.object.def(() => ({})),
|
||||||
builtinPlacements: PropTypes.object,
|
builtinPlacements: PropTypes.object,
|
||||||
children: PropTypes.VNodeChild,
|
children: PropTypes.array,
|
||||||
onVisibleChange: PropTypes.func,
|
onVisibleChange: PropTypes.func,
|
||||||
});
|
});
|
||||||
|
|
|
@ -39,7 +39,7 @@ const Combobox = {
|
||||||
console.log('onSelect', v, option);
|
console.log('onSelect', v, option);
|
||||||
},
|
},
|
||||||
|
|
||||||
onSearch(text: string) {
|
onSearch(text) {
|
||||||
console.log('onSearch:', text);
|
console.log('onSearch:', text);
|
||||||
},
|
},
|
||||||
|
|
|
@ -3,12 +3,6 @@
|
||||||
import Select, { Option } from '..';
|
import Select, { Option } from '..';
|
||||||
import '../assets/index.less';
|
import '../assets/index.less';
|
||||||
|
|
||||||
interface ControlledState {
|
|
||||||
destroy: boolean;
|
|
||||||
value: string | number;
|
|
||||||
open: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
const Controlled = {
|
const Controlled = {
|
||||||
data: () => ({
|
data: () => ({
|
||||||
destroy: false,
|
destroy: false,
|
|
@ -1087,8 +1087,8 @@ export default function generateSelector<
|
||||||
inputValue,
|
inputValue,
|
||||||
searchValue,
|
searchValue,
|
||||||
filterOption,
|
filterOption,
|
||||||
optionFilterProp = 'value',
|
optionFilterProp,
|
||||||
autoClearSearchValue = true,
|
autoClearSearchValue,
|
||||||
onSearch,
|
onSearch,
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
|
@ -1119,7 +1119,7 @@ export default function generateSelector<
|
||||||
dropdownMatchSelectWidth,
|
dropdownMatchSelectWidth,
|
||||||
dropdownRender,
|
dropdownRender,
|
||||||
dropdownAlign,
|
dropdownAlign,
|
||||||
showAction = [],
|
showAction,
|
||||||
direction,
|
direction,
|
||||||
|
|
||||||
// Tags
|
// Tags
|
||||||
|
|
18
package.json
18
package.json
|
@ -18,14 +18,12 @@
|
||||||
],
|
],
|
||||||
"main": "lib/index.js",
|
"main": "lib/index.js",
|
||||||
"module": "es/index.js",
|
"module": "es/index.js",
|
||||||
"typings": "types/index.d.ts",
|
"unpkg": "dist/antd.min.js",
|
||||||
|
"typings": "lib/index.d.ts",
|
||||||
"files": [
|
"files": [
|
||||||
"components",
|
|
||||||
"dist",
|
"dist",
|
||||||
"lib",
|
"lib",
|
||||||
"es",
|
"es"
|
||||||
"types",
|
|
||||||
"scripts"
|
|
||||||
],
|
],
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "webpack-dev-server",
|
"dev": "webpack-dev-server",
|
||||||
|
@ -55,6 +53,10 @@
|
||||||
"url": "git+https://github.com/vueComponent/ant-design-vue.git"
|
"url": "git+https://github.com/vueComponent/ant-design-vue.git"
|
||||||
},
|
},
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/ant-design-vue"
|
||||||
|
},
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://github.com/vueComponent/ant-design-vue/issues"
|
"url": "https://github.com/vueComponent/ant-design-vue/issues"
|
||||||
},
|
},
|
||||||
|
@ -76,6 +78,7 @@
|
||||||
"@babel/plugin-transform-property-literals": "^7.8.3",
|
"@babel/plugin-transform-property-literals": "^7.8.3",
|
||||||
"@babel/plugin-transform-runtime": "^7.10.5",
|
"@babel/plugin-transform-runtime": "^7.10.5",
|
||||||
"@babel/plugin-transform-template-literals": "^7.8.3",
|
"@babel/plugin-transform-template-literals": "^7.8.3",
|
||||||
|
"@babel/plugin-transform-typescript": "^7.12.1",
|
||||||
"@babel/polyfill": "^7.8.7",
|
"@babel/polyfill": "^7.8.7",
|
||||||
"@babel/preset-env": "^7.9.6",
|
"@babel/preset-env": "^7.9.6",
|
||||||
"@babel/preset-typescript": "^7.10.4",
|
"@babel/preset-typescript": "^7.10.4",
|
||||||
|
@ -127,7 +130,8 @@
|
||||||
"gulp": "^4.0.1",
|
"gulp": "^4.0.1",
|
||||||
"gulp-babel": "^8.0.0",
|
"gulp-babel": "^8.0.0",
|
||||||
"gulp-strip-code": "^0.1.4",
|
"gulp-strip-code": "^0.1.4",
|
||||||
"html-webpack-plugin": "^4.0.0",
|
"gulp-typescript": "^6.0.0-alpha.1",
|
||||||
|
"html-webpack-plugin": "^3.2.0",
|
||||||
"husky": "^4.0.0",
|
"husky": "^4.0.0",
|
||||||
"istanbul-instrumenter-loader": "^3.0.0",
|
"istanbul-instrumenter-loader": "^3.0.0",
|
||||||
"jest": "^26.0.0",
|
"jest": "^26.0.0",
|
||||||
|
@ -188,7 +192,7 @@
|
||||||
"vue-style-loader": "^4.1.2",
|
"vue-style-loader": "^4.1.2",
|
||||||
"vue-virtual-scroller": "^1.0.0",
|
"vue-virtual-scroller": "^1.0.0",
|
||||||
"vuex": "^4.0.0-beta.2",
|
"vuex": "^4.0.0-beta.2",
|
||||||
"webpack": "^5.0.0",
|
"webpack": "^4.28.4",
|
||||||
"webpack-bundle-analyzer": "^3.8.0",
|
"webpack-bundle-analyzer": "^3.8.0",
|
||||||
"webpack-cli": "^3.2.1",
|
"webpack-cli": "^3.2.1",
|
||||||
"webpack-dev-server": "^3.1.14",
|
"webpack-dev-server": "^3.1.14",
|
||||||
|
|
|
@ -2,7 +2,8 @@
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"baseUrl": "./",
|
"baseUrl": "./",
|
||||||
"paths": {
|
"paths": {
|
||||||
"ant-design-vue": ["components/index.tsx"]
|
"ant-design-vue": ["components/index.tsx"],
|
||||||
|
"ant-design-vue/es/*": ["components/*"]
|
||||||
},
|
},
|
||||||
"strictNullChecks": false,
|
"strictNullChecks": false,
|
||||||
"strict": true,
|
"strict": true,
|
||||||
|
@ -18,5 +19,5 @@
|
||||||
"skipLibCheck": true,
|
"skipLibCheck": true,
|
||||||
"allowJs": true
|
"allowJs": true
|
||||||
},
|
},
|
||||||
"exclude": ["node_modules", "lib", "es"]
|
"exclude": ["node_modules", "lib", "es", "antd-tools", "dist"]
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,29 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class Affix extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Pixels to offset from top when calculating position of scroll
|
|
||||||
* @default 0
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
offsetTop?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Pixels to offset from bottom when calculating position of scroll
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
offsetBottom?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* specifies the scrollable area dom node
|
|
||||||
* @default () => window
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
target?: () => HTMLElement;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,67 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export declare class Alert extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Called when close animation is finished
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
afterClose?: () => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to show as banner
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
banner?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether Alert can be closed
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
closable?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Close text to show
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
closeText?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* additional content of Alert
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
description?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom icon, effective when showIcon is true
|
|
||||||
* @type any (VNode | slot)
|
|
||||||
*/
|
|
||||||
icon?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Content of Alert
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
message?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to show icon
|
|
||||||
* @default false, in banner mode default is true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
showIcon?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Type of Alert styles, options: success, info, warning, error
|
|
||||||
* @default info, in banner mode default is warning
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: 'success' | 'info' | 'warning' | 'error';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,28 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class AnchorLink extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* target of hyperlink
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
href?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* content of hyperlink
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
title?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies where to display the linked URL
|
|
||||||
* @version 1.5.0
|
|
||||||
*/
|
|
||||||
target?: string;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,95 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { CSSProperties } from 'vue';
|
|
||||||
import { AnchorLink } from './anchor-link';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class Anchor extends AntdComponent {
|
|
||||||
static Link: typeof AnchorLink;
|
|
||||||
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Fixed mode of Anchor
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
affix?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Bounding distance of anchor area
|
|
||||||
* @default 5
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
bounds?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Scrolling container
|
|
||||||
* @default () => window
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
getContainer?: () => HTMLElement;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Pixels to offset from bottom when calculating position of scroll
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
offsetBottom?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Pixels to offset from top when calculating position of scroll
|
|
||||||
* @default 0
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
offsetTop?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether show ink-balls in Fixed mode
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
showInkInFixed?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The class name of the container
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
wrapperClass?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The style of the container
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
wrapperStyle?: CSSProperties | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Customize the anchor highlight
|
|
||||||
* @version 1.5.0
|
|
||||||
* @type function
|
|
||||||
* @return string
|
|
||||||
*/
|
|
||||||
getCurrentAnchor?: () => string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Anchor scroll offset, default as `offsetTop`
|
|
||||||
* e.g. https://antdv.com/components/anchor/#components-anchor-demo-targetOffset
|
|
||||||
* @version 1.5.0
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
targetOffset?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set the handler to handle click event
|
|
||||||
* @param e
|
|
||||||
* @param link
|
|
||||||
*/
|
|
||||||
onClick?: (e?: Event, link?: { [key: string]: any }) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Listening for anchor link change
|
|
||||||
* @param currentActiveLink
|
|
||||||
*/
|
|
||||||
onChange?: (currentActiveLink?: string) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,141 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { App } from 'vue';
|
|
||||||
|
|
||||||
import { Affix } from './affix';
|
|
||||||
import { Anchor } from './anchor/anchor';
|
|
||||||
import { AutoComplete } from './auto-complete';
|
|
||||||
import { Alert } from './alert';
|
|
||||||
import { Avatar } from './avatar';
|
|
||||||
import { BackTop } from './back-top';
|
|
||||||
import { Badge } from './badge';
|
|
||||||
import { Breadcrumb } from './breadcrumb/breadcrumb';
|
|
||||||
import { Button } from './button/button';
|
|
||||||
import { Calendar } from './calendar';
|
|
||||||
import { Card } from './card';
|
|
||||||
import { Collapse } from './collapse/collapse';
|
|
||||||
import { Comment } from './comment';
|
|
||||||
import { Carousel } from './carousel';
|
|
||||||
import { Cascader } from './cascader';
|
|
||||||
import { Checkbox } from './checkbox/checkbox';
|
|
||||||
import { Col } from './grid/col';
|
|
||||||
import { ConfigProvider } from './config-provider';
|
|
||||||
import { DatePicker } from './date-picker/date-picker';
|
|
||||||
import { Divider } from './divider';
|
|
||||||
import { Drawer } from './drawer';
|
|
||||||
import { Dropdown } from './dropdown/dropdown';
|
|
||||||
import { Empty } from './empty';
|
|
||||||
import { Form } from './form/form';
|
|
||||||
import { Input } from './input/input';
|
|
||||||
import { InputNumber } from './input-number';
|
|
||||||
import { Layout } from './layout/layout';
|
|
||||||
import { List } from './list/list';
|
|
||||||
import { Space } from './space';
|
|
||||||
import { Message } from './message';
|
|
||||||
import { Mentions } from './mentions/mentions';
|
|
||||||
import { Menu } from './menu/menu';
|
|
||||||
import { Modal } from './modal';
|
|
||||||
import { Notification } from './notification';
|
|
||||||
import { Pagination } from './pagination';
|
|
||||||
import { Popconfirm } from './popconfirm';
|
|
||||||
import { Popover } from './popover';
|
|
||||||
import { Progress } from './progress';
|
|
||||||
import { Radio } from './radio/radio';
|
|
||||||
import { Rate } from './rate';
|
|
||||||
import { Row } from './grid/row';
|
|
||||||
import { Select } from './select/select';
|
|
||||||
import { Skeleton } from './skeleton';
|
|
||||||
import { Slider } from './slider';
|
|
||||||
import { Spin } from './spin';
|
|
||||||
import { Statistic } from './statistic/statistic';
|
|
||||||
import { Steps } from './steps/steps';
|
|
||||||
import { Switch } from './switch';
|
|
||||||
import { Table } from './table/table';
|
|
||||||
import { Transfer } from './transfer';
|
|
||||||
import { Tree } from './tree/tree';
|
|
||||||
import { TreeSelect } from './tree-select';
|
|
||||||
import { Tabs } from './tabs/tabs';
|
|
||||||
import { Tag } from './tag/tag';
|
|
||||||
import { TimePicker } from './time-picker';
|
|
||||||
import { Timeline } from './timeline/timeline';
|
|
||||||
import { Tooltip } from './tootip/tooltip';
|
|
||||||
import { Upload } from './upload';
|
|
||||||
import { Result } from './result';
|
|
||||||
import { Descriptions } from './descriptions/descriptions';
|
|
||||||
import { PageHeader } from './page-header';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Install all ant-design-vue components into Vue.
|
|
||||||
* Please do not invoke this method directly.
|
|
||||||
* Call `Vue.use(Antd)` to install.
|
|
||||||
*/
|
|
||||||
export function install(app: App): void;
|
|
||||||
|
|
||||||
declare const message: Message;
|
|
||||||
declare const notification: Notification;
|
|
||||||
|
|
||||||
export {
|
|
||||||
Affix,
|
|
||||||
Anchor,
|
|
||||||
AutoComplete,
|
|
||||||
Alert,
|
|
||||||
Avatar,
|
|
||||||
BackTop,
|
|
||||||
Badge,
|
|
||||||
Breadcrumb,
|
|
||||||
Button,
|
|
||||||
Calendar,
|
|
||||||
Card,
|
|
||||||
Collapse,
|
|
||||||
Comment,
|
|
||||||
Carousel,
|
|
||||||
Cascader,
|
|
||||||
Checkbox,
|
|
||||||
Col,
|
|
||||||
ConfigProvider,
|
|
||||||
DatePicker,
|
|
||||||
Divider,
|
|
||||||
Dropdown,
|
|
||||||
Empty,
|
|
||||||
Form,
|
|
||||||
Input,
|
|
||||||
InputNumber,
|
|
||||||
Layout,
|
|
||||||
List,
|
|
||||||
Space,
|
|
||||||
message,
|
|
||||||
Menu,
|
|
||||||
Mentions,
|
|
||||||
Modal,
|
|
||||||
notification,
|
|
||||||
Pagination,
|
|
||||||
Popconfirm,
|
|
||||||
Popover,
|
|
||||||
Progress,
|
|
||||||
Radio,
|
|
||||||
Rate,
|
|
||||||
Row,
|
|
||||||
Select,
|
|
||||||
Slider,
|
|
||||||
Spin,
|
|
||||||
Statistic,
|
|
||||||
Steps,
|
|
||||||
Switch,
|
|
||||||
Table,
|
|
||||||
Transfer,
|
|
||||||
Tree,
|
|
||||||
TreeSelect,
|
|
||||||
Tabs,
|
|
||||||
Tag,
|
|
||||||
TimePicker,
|
|
||||||
Timeline,
|
|
||||||
Tooltip,
|
|
||||||
Upload,
|
|
||||||
Drawer,
|
|
||||||
Skeleton,
|
|
||||||
Result,
|
|
||||||
Descriptions,
|
|
||||||
PageHeader,
|
|
||||||
};
|
|
|
@ -1,111 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { CSSProperties } from 'vue';
|
|
||||||
|
|
||||||
export declare type Value = { key: string };
|
|
||||||
|
|
||||||
export declare type SelectValue = string | number | Value | Array<Value | string | number>;
|
|
||||||
|
|
||||||
export declare class AutoComplete extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
dropdownMenuStyle: CSSProperties;
|
|
||||||
/**
|
|
||||||
* Show clear button, effective in multiple mode only.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
allowClear: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus when component mounted
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autofocus: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* backfill selected item the input when using keyboard
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
backfill: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Data source for autocomplete
|
|
||||||
* @type slot | Array<{ value: String, text: String }>
|
|
||||||
*/
|
|
||||||
dataSource: any;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether active first option by default
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
defaultActiveFirstOption: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initial selected option.
|
|
||||||
* @type SelectValue
|
|
||||||
*/
|
|
||||||
defaultValue: SelectValue;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether disabled select
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* If true, filter options by input, if function, filter options against it.
|
|
||||||
* The function will receive two arguments, inputValue and option,
|
|
||||||
* if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded.
|
|
||||||
* @default true
|
|
||||||
* @type boolean | Function
|
|
||||||
*/
|
|
||||||
filterOption: boolean | Function;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Which prop value of option will render as content of select.
|
|
||||||
* @default 'children'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
optionLabelProp: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* placeholder of input
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
placeholder: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* selected option
|
|
||||||
* @type SelectValue
|
|
||||||
*/
|
|
||||||
value: SelectValue;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initial open state of dropdown
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
defaultOpen: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Controlled open state of dropdown
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
open: boolean;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* remove focus
|
|
||||||
*/
|
|
||||||
blur(): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus
|
|
||||||
*/
|
|
||||||
focus(): void;
|
|
||||||
}
|
|
|
@ -1,54 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class Avatar extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* the Icon type for an icon avatar, see Icon Component
|
|
||||||
* @type any (VNode | slot)
|
|
||||||
*/
|
|
||||||
icon?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the shape of avatar
|
|
||||||
* @default 'circle'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
shape?: 'circle' | 'square';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the size of the avatar
|
|
||||||
* @default 'default'
|
|
||||||
* @type number | string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default' | number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the address of the image for an image avatar
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
src?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a list of sources to use for different screen resolutions
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
srcSet?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* This attribute defines the alternative text describing the image
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
alt?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* handler when img load error,return false to prevent default fallback behavior
|
|
||||||
* @type
|
|
||||||
*/
|
|
||||||
loadError?: () => boolean;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,23 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class BackTop extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* specifies the scrollable area dom node
|
|
||||||
* @default () => window
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
target?: () => HTMLElement;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the BackTop button will not show until the scroll height reaches this value
|
|
||||||
* @default 400
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
visibilityHeight?: number;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,70 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { VNodeChild, CSSProperties } from 'vue';
|
|
||||||
|
|
||||||
export declare class Badge extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
color?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Number to show in badge, support slot
|
|
||||||
* @type number | string | VNode
|
|
||||||
*/
|
|
||||||
count?: number | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to display a red dot instead of count
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
dot?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set offset of the badge dot, like [x, y]
|
|
||||||
* @type Array<number | string>
|
|
||||||
*/
|
|
||||||
offset?: Array<number | string>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Max count to show
|
|
||||||
* @default 99
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
overflowCount?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to show badge when count is zero
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
showZero?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set Badge as a status dot
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
status?: 'success' | 'processing' | 'default' | 'error' | 'warning';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* If status is set, text sets the display text of the status dot
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
text?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* sets the display style of the status dot
|
|
||||||
* @type
|
|
||||||
*/
|
|
||||||
numberStyle?: CSSProperties | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Text to show when hovering over the badge
|
|
||||||
* @default 'count'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
title?: string;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,15 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
export declare class BreadcrumbItem extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* add navigation
|
|
||||||
* @default ''
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
href?: string;
|
|
||||||
overlay?: any;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,5 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
export declare class BreadcrumbSeparator {}
|
|
|
@ -1,56 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNode } from 'vue';
|
|
||||||
import { BreadcrumbItem } from './breadcrumb-item';
|
|
||||||
import { BreadcrumbSeparator } from './breadcrumb-separator';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface Route {
|
|
||||||
path?: string;
|
|
||||||
breadcrumbName?: string;
|
|
||||||
children?: Route[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Breadcrumb extends AntdComponent {
|
|
||||||
static Item: typeof BreadcrumbItem;
|
|
||||||
static Separator: typeof BreadcrumbSeparator;
|
|
||||||
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* The routing stack information of router
|
|
||||||
* @type Route[]
|
|
||||||
*/
|
|
||||||
routes?: Route[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Routing parameters
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
params?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom separator
|
|
||||||
* @default '/'
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
separator?: string | VNode | VNode[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom item renderer, slot="itemRender" and slot-scope="{route, params, routes, paths}"
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
itemRender?: ({
|
|
||||||
route,
|
|
||||||
params,
|
|
||||||
routes,
|
|
||||||
paths,
|
|
||||||
}: {
|
|
||||||
route: any;
|
|
||||||
params: any;
|
|
||||||
routes: any;
|
|
||||||
paths: any;
|
|
||||||
}) => VNode;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,16 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class ButtonGroup extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* can be set to small large or omitted
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,77 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { ButtonGroup } from './button-group';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface ButtonProps extends AntdProps {
|
|
||||||
/**
|
|
||||||
* can be set to primary ghost dashed danger(added in 2.7) or omitted (meaning default)
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default' | 'link';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set the original html type of button
|
|
||||||
* @default 'button'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
htmlType?: 'button' | 'submit' | 'reset' | 'menu';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set the icon of button
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
icon?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* can be set to circle or circle-outline or omitted
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
shape?: 'circle' | 'circle-outline';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* can be set to small large or omitted
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set the loading status of button
|
|
||||||
* @default false
|
|
||||||
* @type boolean | { delay: number }
|
|
||||||
*/
|
|
||||||
loading?: boolean | { delay: number };
|
|
||||||
|
|
||||||
/**
|
|
||||||
* disabled state of button
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* make background transparent and invert text and border colors, added in 2.7
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
ghost?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* option to fit button width to its parent width
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
block?: boolean;
|
|
||||||
|
|
||||||
onClick?: (e?: Event) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Button extends AntdComponent {
|
|
||||||
static Group: typeof ButtonGroup;
|
|
||||||
$props: ButtonProps;
|
|
||||||
}
|
|
|
@ -1,123 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export interface RenderHeader {
|
|
||||||
value: Moment;
|
|
||||||
onChange?: (value: Moment) => void;
|
|
||||||
type: string;
|
|
||||||
onTypeChange?: (type: string) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Calendar extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* render custom header in panel
|
|
||||||
* @param headerRender
|
|
||||||
* @version 1.5.0
|
|
||||||
*/
|
|
||||||
headerRender?: (headerRender: RenderHeader) => VNodeChild | JSX.Element;
|
|
||||||
/**
|
|
||||||
* Customize the display of the date cell by setting a scoped slot,
|
|
||||||
* the returned content will be appended to the cell
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
dateCellRender?: (date: Moment) => VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Customize the display of the date cell by setting a scoped slot,
|
|
||||||
* the returned content will override the cell
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
dateFullCellRender?: (date: Moment) => VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The date selected by default
|
|
||||||
* @default default date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Function that specifies the dates that cannot be selected
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
disabledDate?: (currentDate: Moment) => boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to display in full-screen
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
fullscreen?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The calendar's locale
|
|
||||||
* @default [default]
|
|
||||||
* @type object
|
|
||||||
* @see https://github.com/vueComponent/ant-design-vue/blob/master/components/date-picker/locale/example.json
|
|
||||||
*/
|
|
||||||
locale?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The display mode of the calendar
|
|
||||||
* @default 'month'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
mode?: 'month' | 'year';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
monthCellRender?: (date: Moment) => VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Customize the display of the month cell by setting a scoped slot, the returned content will override the cell
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
monthFullCellRender?: (date: Moment) => VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set valid range
|
|
||||||
* @type [Moment, Moment]
|
|
||||||
*/
|
|
||||||
validRange?: [Moment, Moment];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The current selected date
|
|
||||||
* @default current date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
value?: Moment | string;
|
|
||||||
/**
|
|
||||||
* optional, format of binding value. If not specified,
|
|
||||||
* the binding value will be a Date object
|
|
||||||
* @version 1.5.4
|
|
||||||
*/
|
|
||||||
valueFormat?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Callback for when panel changes
|
|
||||||
* @param date
|
|
||||||
* @param mode
|
|
||||||
*/
|
|
||||||
onPanelChange?: (date?: Moment | string, mode?: string) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Callback for when a date is selected
|
|
||||||
* @param date
|
|
||||||
*/
|
|
||||||
onSelect?: (date?: Moment | string) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Callback for when value change
|
|
||||||
* @param date
|
|
||||||
*/
|
|
||||||
onChange?: (date?: Moment | string) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,105 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild, CSSProperties } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { Meta } from './meta';
|
|
||||||
|
|
||||||
export type CardSize = 'default' | 'small';
|
|
||||||
|
|
||||||
export declare class Card extends AntdComponent {
|
|
||||||
static Grid: any;
|
|
||||||
static Meta: typeof Meta;
|
|
||||||
|
|
||||||
$props: AntdProps & {
|
|
||||||
tabBarExtraContent?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The action list, shows at the bottom of the Card.
|
|
||||||
* @type any (slots)
|
|
||||||
*/
|
|
||||||
actions?: VNodeChild[] | JSX.Element[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Current TabPane's key
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
activeTabKey?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Inline style to apply to the card head
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
headStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Inline style to apply to the card content
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
bodyStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Toggles rendering of the border around the card
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
bordered?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Card cover
|
|
||||||
* @type any (slot)
|
|
||||||
*/
|
|
||||||
cover?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initial active TabPane's key, if activeTabKey is not set.
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
defaultActiveTabKey?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Content to render in the top-right corner of the card
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
extra?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Lift up when hovering card
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hoverable?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Shows a loading indicator while the contents of the card are being fetched
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
loading?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* List of TabPane's head, Custom tabs can be created with the scopedSlots property
|
|
||||||
* @type Array<{key: string, tab: any, scopedSlots: {tab: string}}>
|
|
||||||
*/
|
|
||||||
tabList?: Array<{ key: string; tab: any; slots: { tab: string } }>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Card title
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
title?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Card style type, can be set to inner or not set
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: 'inner';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Size of card
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: CardSize;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,152 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export type DotPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
||||||
export interface Settings {
|
|
||||||
accessibility?: boolean;
|
|
||||||
adaptiveHeight?: boolean;
|
|
||||||
arrows?: boolean;
|
|
||||||
autoplaySpeed?: number;
|
|
||||||
autoplay?: boolean;
|
|
||||||
centerMode?: boolean;
|
|
||||||
centerPadding?: string;
|
|
||||||
cssEase?: string;
|
|
||||||
dotsClass?: string;
|
|
||||||
dots?: boolean;
|
|
||||||
draggable?: boolean;
|
|
||||||
easing?: string;
|
|
||||||
edgeFriction?: number;
|
|
||||||
fade?: boolean;
|
|
||||||
focusOnSelect?: boolean;
|
|
||||||
infinite?: boolean;
|
|
||||||
initialSlide?: number;
|
|
||||||
pauseOnDotsHover?: boolean;
|
|
||||||
pauseOnFocus?: boolean;
|
|
||||||
pauseOnHover?: boolean;
|
|
||||||
responsive?: ResponsiveObject[];
|
|
||||||
rows?: number;
|
|
||||||
rtl?: boolean;
|
|
||||||
slide?: string;
|
|
||||||
slidesPerRow?: number;
|
|
||||||
slidesToScroll?: number;
|
|
||||||
slidesToShow?: number;
|
|
||||||
speed?: number;
|
|
||||||
swipeToSlide?: boolean;
|
|
||||||
swipe?: boolean;
|
|
||||||
touchMove?: boolean;
|
|
||||||
touchThreshold?: number;
|
|
||||||
useCSS?: boolean;
|
|
||||||
useTransform?: boolean;
|
|
||||||
variableWidth?: boolean;
|
|
||||||
vertical?: boolean;
|
|
||||||
verticalSwiping?: boolean;
|
|
||||||
waitForAnimate?: boolean;
|
|
||||||
dotPosition?: DotPosition;
|
|
||||||
}
|
|
||||||
export interface ResponsiveObject {
|
|
||||||
breakpoint: number;
|
|
||||||
settings: 'unslick' | Settings;
|
|
||||||
}
|
|
||||||
export declare class Carousel extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
accessibility?: boolean;
|
|
||||||
adaptiveHeight?: boolean;
|
|
||||||
arrows?: boolean;
|
|
||||||
autoplaySpeed?: number;
|
|
||||||
/**
|
|
||||||
* Whether to scroll automatically
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autoplay?: boolean;
|
|
||||||
centerMode?: boolean;
|
|
||||||
centerPadding?: string;
|
|
||||||
cssEase?: string;
|
|
||||||
dotsClass?: string;
|
|
||||||
/**
|
|
||||||
* Whether to show the dots at the bottom of the gallery
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
dots?: boolean;
|
|
||||||
draggable?: boolean;
|
|
||||||
/**
|
|
||||||
* Transition interpolation function name
|
|
||||||
* @default 'linear'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
easing?: string;
|
|
||||||
edgeFriction?: number;
|
|
||||||
fade?: boolean;
|
|
||||||
focusOnSelect?: boolean;
|
|
||||||
infinite?: boolean;
|
|
||||||
initialSlide?: number;
|
|
||||||
pauseOnDotsHover?: boolean;
|
|
||||||
pauseOnFocus?: boolean;
|
|
||||||
pauseOnHover?: boolean;
|
|
||||||
responsive?: ResponsiveObject[] | undefined;
|
|
||||||
rows?: number;
|
|
||||||
rtl?: boolean;
|
|
||||||
slide?: string;
|
|
||||||
slidesPerRow?: number;
|
|
||||||
slidesToScroll?: number;
|
|
||||||
slidesToShow?: number;
|
|
||||||
speed?: number;
|
|
||||||
swipeToSlide?: boolean;
|
|
||||||
swipe?: boolean;
|
|
||||||
touchMove?: boolean;
|
|
||||||
touchThreshold?: number;
|
|
||||||
useCSS?: boolean;
|
|
||||||
useTransform?: boolean;
|
|
||||||
variableWidth?: boolean;
|
|
||||||
/**
|
|
||||||
* Whether to use a vertical display
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
vertical?: boolean;
|
|
||||||
verticalSwiping?: boolean;
|
|
||||||
waitForAnimate?: boolean;
|
|
||||||
dotPosition?: DotPosition;
|
|
||||||
/**
|
|
||||||
* Callback function called after the current index changes
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
afterChange?: (current: number) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Callback function called before the current index changes
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
beforeChange?: (from?: number, to?: number) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Transition effect
|
|
||||||
* @default 'scrollx'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
effect?: 'scrollx' | 'fade';
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Go to slide index, if dontAnimate=true, it happens without animation
|
|
||||||
* @param slideNumber slide number to go
|
|
||||||
* @param dontAnimate animate or not
|
|
||||||
*/
|
|
||||||
goTo(slideNumber: number, dontAnimate: boolean): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Next
|
|
||||||
* @description Change current slide to next slide
|
|
||||||
*/
|
|
||||||
next(): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Previous
|
|
||||||
* @description Change current slide to previous slide
|
|
||||||
*/
|
|
||||||
prev(): void;
|
|
||||||
}
|
|
|
@ -1,211 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { VNode, VNodeChild, CSSProperties } from 'vue';
|
|
||||||
|
|
||||||
export interface CascaderOptionType {
|
|
||||||
value?: string | number;
|
|
||||||
label?: any;
|
|
||||||
disabled?: boolean;
|
|
||||||
children?: any;
|
|
||||||
key?: string | number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ShowSearchType {
|
|
||||||
/**
|
|
||||||
* The function will receive two arguments, inputValue and option,
|
|
||||||
* if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded.
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
filter?: (inputValue: any, path: any) => boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Used to render filtered options, you can use slot="showSearchRender" and slot-scope="{inputValue, path}"
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
render?: ({ inputValue, path }: { inputValue: any; path: any }) => VNode;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Used to sort filtered options.
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
sort?: (a: any, b: any, inputValue: any) => any;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether the width of result list equals to input's
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
matchInputWidth?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set the count of filtered items
|
|
||||||
* @default 50
|
|
||||||
* @type number | false
|
|
||||||
*/
|
|
||||||
limit?: number | false;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Cascader extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* whether allow clear
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
allowClear?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus when component mounted
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autofocus?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* change value on each selection if set to true.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
changeOnSelect?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* initial selected value
|
|
||||||
* @type Array<string | number>
|
|
||||||
*/
|
|
||||||
defaultValue?: Array<string | number>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether disabled select
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* render function of displaying selected options, you can use slot="displayRender" and slot-scope="{labels, selectedOptions}"
|
|
||||||
* @default labels => labels.join(' / ')
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
displayRender?: ({
|
|
||||||
labels,
|
|
||||||
selectedOptions,
|
|
||||||
}: {
|
|
||||||
labels: string[];
|
|
||||||
selectedOptions: CascaderOptionType[];
|
|
||||||
}) => VNodeChild;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* expand current item when click or hover, one of 'click' 'hover'
|
|
||||||
* @default 'click'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
expandTrigger?: 'click' | 'hover';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* custom field name for label and value and children
|
|
||||||
* @default { label: 'label', value: 'value', children: 'children' }
|
|
||||||
* @type { value: string; label: string; children?: string; }
|
|
||||||
*/
|
|
||||||
fieldNames?: {
|
|
||||||
value: string;
|
|
||||||
label: string;
|
|
||||||
children?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Parent Node which the selector should be rendered to. Default to body.
|
|
||||||
* When position issues happen, try to modify it into scrollable content and position it relative.
|
|
||||||
* @default () => document.body
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
getPopupContainer?: (triggerNode: any) => HTMLElement;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* To load option lazily, and it cannot work with showSearch
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
loadData?: (selectedOptions: CascaderOptionType[]) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specify content to show when no result matches.
|
|
||||||
* @default 'Not Found'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
notFoundContent?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* data options of cascade
|
|
||||||
* @type CascaderOptionType
|
|
||||||
*/
|
|
||||||
options?: CascaderOptionType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* input placeholder
|
|
||||||
* @default 'Please select'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
placeholder?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* additional className of popup overlay
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
popupClassName?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* additional style of popup overlay
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
popupStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* use preset popup align config from builtinPlacements:bottomLeft bottomRight topLeft topRight
|
|
||||||
* @default 'bottomLeft'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
popupPlacement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set visible of cascader popup
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
popupVisible?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether show search input in single mode.
|
|
||||||
* @default false
|
|
||||||
* @type boolean | ShowSearchType
|
|
||||||
*/
|
|
||||||
showSearch?: boolean | ShowSearchType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* input size, one of large default small
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'large' | 'default' | 'small';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The custom suffix icon
|
|
||||||
* @type String | VNode | slot
|
|
||||||
*/
|
|
||||||
suffixIcon?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* selected value
|
|
||||||
* @type Array<string | number>
|
|
||||||
*/
|
|
||||||
value?: Array<string | number>;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* remove focus
|
|
||||||
*/
|
|
||||||
blur(): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus
|
|
||||||
*/
|
|
||||||
focus(): void;
|
|
||||||
}
|
|
|
@ -1,42 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
export declare class CheckboxGroup extends AntdComponent {
|
|
||||||
$props: Omit<AntdProps, 'onChange'> & {
|
|
||||||
/**
|
|
||||||
* Default selected value
|
|
||||||
* @type string[]
|
|
||||||
*/
|
|
||||||
defaultValue?: string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Disable all checkboxes
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies options, you can customize `label` with slot = "label" slot-scope = "option"
|
|
||||||
* @type Array<string | { label: string, value: string, disabled?: boolean, onChange?: Function }>
|
|
||||||
*/
|
|
||||||
options?: Array<
|
|
||||||
string | { label: string; value: string; disabled?: boolean; onChange?: Function }
|
|
||||||
>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Used for setting the currently selected value.
|
|
||||||
* @type string[]
|
|
||||||
*/
|
|
||||||
value?: string[];
|
|
||||||
name?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The callback function that is triggered when the state changes.
|
|
||||||
* @param {string[]} checkedValue
|
|
||||||
*/
|
|
||||||
onChange?: (checkedValue?: string[]) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,81 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { CheckboxGroup } from './checkbox-group';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface CheckboxChangeEvent {
|
|
||||||
target: CheckboxProps & { checked: boolean };
|
|
||||||
stopPropagation: () => void;
|
|
||||||
preventDefault: () => void;
|
|
||||||
nativeEvent: MouseEvent;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface CheckboxProps {
|
|
||||||
prefixCls?: string;
|
|
||||||
name?: string;
|
|
||||||
id?: string;
|
|
||||||
type?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies the initial state: whether or not the checkbox is selected.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
defaultChecked?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies whether the checkbox is selected.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
checked?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Disable checkbox
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
tabindex?: string | number;
|
|
||||||
readonly?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus when component mounted
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autofocus?: boolean;
|
|
||||||
value?: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Checkbox extends AntdComponent {
|
|
||||||
static Group: typeof CheckboxGroup;
|
|
||||||
|
|
||||||
$props: Omit<AntdProps, 'onChange'> &
|
|
||||||
CheckboxProps & {
|
|
||||||
/**
|
|
||||||
* indeterminate checked state of checkbox
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
indeterminate?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* remove focus
|
|
||||||
*/
|
|
||||||
onBlur?: (e: FocusEvent) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus
|
|
||||||
*/
|
|
||||||
onFocus?: (e: FocusEvent) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The callback function that is triggered when the state changes.
|
|
||||||
* @param event
|
|
||||||
*/
|
|
||||||
onChange?: (e: CheckboxChangeEvent) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,44 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class CollapsePanel extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* If true, panel cannot be opened or closed
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Forced render of content on panel, instead of lazy rending after clicking on header
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
forceRender?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Title of the panel
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
header?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Unique key identifying the panel from among its siblings
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
key?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* If false, panel will not show arrow icon
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
showArrow?: boolean;
|
|
||||||
|
|
||||||
extra?: any;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,52 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { CollapsePanel } from './collapse-panel';
|
|
||||||
export type ExpandIconPosition = 'left' | 'right';
|
|
||||||
export declare class Collapse extends AntdComponent {
|
|
||||||
static Panel: typeof CollapsePanel;
|
|
||||||
$props: AntdProps & {
|
|
||||||
expandIconPosition?: ExpandIconPosition;
|
|
||||||
/**
|
|
||||||
* If true, Collapse renders as Accordion
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
accordion?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Key of the active panel
|
|
||||||
* @default No default value. In accordion mode, it's the key of the first panel.
|
|
||||||
* @type string | string[]
|
|
||||||
*/
|
|
||||||
activeKey?: string | string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Toggles rendering of the border around the collapse block
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
bordered?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Key of the initial active panel
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
defaultActiveKey?: string | string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Destroy Inactive Panel
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
destroyInactivePanel?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* allow to customize collapse icon.
|
|
||||||
* @type any (function | slot-scope)
|
|
||||||
*/
|
|
||||||
expandIcon?: any;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,53 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue Definitions by:
|
|
||||||
// https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import Pickr from '@simonwep/pickr';
|
|
||||||
|
|
||||||
export declare class ColorPicker extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/** simonwep/pickr's options */
|
|
||||||
config?: Pickr.Options;
|
|
||||||
/**prefix class name */
|
|
||||||
prefixCls?: string;
|
|
||||||
/** default color value */
|
|
||||||
defaultValue?: string;
|
|
||||||
/** color value */
|
|
||||||
value?: string;
|
|
||||||
/**
|
|
||||||
* language package setting
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
locale: object;
|
|
||||||
/**
|
|
||||||
* precision of color value
|
|
||||||
* @default 0
|
|
||||||
* @type number
|
|
||||||
* */
|
|
||||||
colorRounded?: number;
|
|
||||||
/**
|
|
||||||
* descriptions size type
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size: 'large' | 'default' | 'small';
|
|
||||||
/**
|
|
||||||
* Parent Node which the selector should be rendered to. Default to body.
|
|
||||||
* When position issues happen, try to modify it into scrollable content and position it relative.
|
|
||||||
* @default () => document.body
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
getPopupContainer: (triggerNode: any) => HTMLElement;
|
|
||||||
/**
|
|
||||||
* Disabled or not
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled: boolean;
|
|
||||||
/**
|
|
||||||
* to set the color format
|
|
||||||
* @default "HEXA"
|
|
||||||
*/
|
|
||||||
format: Pickr.Representation;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,39 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class Comment extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/** List of action items rendered below the comment content
|
|
||||||
* any ( array | slot )
|
|
||||||
*/
|
|
||||||
actions?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/** The element to display as the comment author
|
|
||||||
* @type any ( string | slot)
|
|
||||||
*/
|
|
||||||
author?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/** The element to display as the comment avatar - generally an antd Avatar
|
|
||||||
* @type any ( string | slot)
|
|
||||||
*/
|
|
||||||
avatar?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/** The main content of the comment
|
|
||||||
* @type any ( string | slot)
|
|
||||||
*/
|
|
||||||
content?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/** Comment prefix defaults to '.ant-comment'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
prefixCls?: string;
|
|
||||||
|
|
||||||
/** A datetime element containing the time to be displayed
|
|
||||||
* @type any ( string | slot)
|
|
||||||
*/
|
|
||||||
datetime?: VNodeChild | JSX.Element;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,11 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { App, HTMLAttributes } from 'vue';
|
|
||||||
|
|
||||||
export declare class AntdComponent {
|
|
||||||
static install(app: App): void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type AntdProps = HTMLAttributes;
|
|
|
@ -1,20 +0,0 @@
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { App, VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
import { Locale } from './locale-provider';
|
|
||||||
|
|
||||||
export interface CSPConfig {
|
|
||||||
nonce?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class ConfigProvider extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
getPopupContainer?: (triggerNode: HTMLElement, dialogContext?: App | null) => HTMLElement;
|
|
||||||
getPrefixCls?: (suffixCls: string, customizePrefixCls?: string) => string;
|
|
||||||
renderEmpty?: Function | VNodeChild | JSX.Element;
|
|
||||||
csp?: CSPConfig;
|
|
||||||
autoInsertSpaceInButton?: boolean;
|
|
||||||
transformCellText?: Function | VNodeChild | JSX.Element;
|
|
||||||
locale: Locale | object;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,137 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent } from '../component';
|
|
||||||
|
|
||||||
export declare class DatepickerProps {
|
|
||||||
/**
|
|
||||||
* Whether to show clear button
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
allowClear?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus when component mounted
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autofocus?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* custom rendering function for date cells by setting a scoped slot
|
|
||||||
* @type VNodeChild | JSX.Element (slot="dateRender" slot-scope="current, today")
|
|
||||||
*/
|
|
||||||
dateRender?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* determine whether the DatePicker is disabled
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* specify the date that cannot be selected
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
disabledDate?: (currentDate?: Moment) => boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the container of the floating layer, while the default is to create a div element in body
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
getCalendarContainer?: (trigger?: any) => HTMLElement;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* localization configuration
|
|
||||||
* @type any
|
|
||||||
*/
|
|
||||||
locale?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* picker panel mode *(Cannot select year or month anymore?
|
|
||||||
* @see https://antdv.com/docs/vue/faq#When-set-mode-to-DatePicker/RangePicker,-cannot-select-year-or-month-anymore?
|
|
||||||
*/
|
|
||||||
mode?: 'time' | 'date' | 'month' | 'year' | 'decade';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* open state of picker
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
open?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* placeholder of date input
|
|
||||||
* @type string | string[]
|
|
||||||
*/
|
|
||||||
placeholder?: string | string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to customize the style of the popup calendar
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
popupStyle?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to customize the className of the popup calendar
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
dropdownClassName?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* determine the size of the input box, the height of large and small, are 40px and 24px respectively, while default size is 32px
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'large' | 'small' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The custom suffix icon
|
|
||||||
* @type any (VNode | slot)
|
|
||||||
*/
|
|
||||||
suffixIcon?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices)
|
|
||||||
* @version 1.5.4
|
|
||||||
*/
|
|
||||||
inputReadOnly?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* this value will be merged into placement's config, please refer to the settings
|
|
||||||
* @see https://github.com/yiminghe/dom-align
|
|
||||||
* @version 1.5.4
|
|
||||||
*/
|
|
||||||
align?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* optional, format of binding value. If not specified, the binding value will be a Date object
|
|
||||||
* @version 1.5.4
|
|
||||||
*/
|
|
||||||
valueFormat?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed whether the popup calendar is popped up or closed
|
|
||||||
*/
|
|
||||||
onOpenChange?: (status?: any) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* callback when picker panel mode is changed
|
|
||||||
*/
|
|
||||||
onPanelChange?: (value?: any, mode?: any) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class DatepickerMethod extends AntdComponent {
|
|
||||||
/**
|
|
||||||
* remove focus
|
|
||||||
*/
|
|
||||||
blur(): void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* get focus
|
|
||||||
*/
|
|
||||||
focus(): void;
|
|
||||||
}
|
|
|
@ -1,96 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { DatepickerProps, DatepickerMethod } from './common';
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { RangePicker } from './range-picker';
|
|
||||||
import { MonthPicker } from './month-picker';
|
|
||||||
import { WeekPicker } from './week-picker';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
declare class DatePickerProps extends DatepickerProps {
|
|
||||||
/**
|
|
||||||
* Defualt Value
|
|
||||||
* @description to set default date
|
|
||||||
* @default undefined
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Default Picker Value
|
|
||||||
* @description to set default picker date
|
|
||||||
* @default undefined
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultPickerValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Disabled Time
|
|
||||||
* @description to specify the time that cannot be selected
|
|
||||||
* @default undefined
|
|
||||||
* @type Function (function(date))
|
|
||||||
*/
|
|
||||||
disabledTime?: Function;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Format
|
|
||||||
* @description to set the date format, refer to moment.js http://momentjs.com
|
|
||||||
* @default 'YYYY-MM-DD'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
format?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render Extra Footer
|
|
||||||
* @description render extra footer in panel by setting a scoped slot
|
|
||||||
* @default undefined
|
|
||||||
* @type any (slot="renderExtraFooter")
|
|
||||||
*/
|
|
||||||
renderExtraFooter?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show Time
|
|
||||||
* @description to provide an additional time selection
|
|
||||||
* showTime.defaultValue to set default time of selected date - type Moment
|
|
||||||
* --
|
|
||||||
* @default TimePicker Options
|
|
||||||
* @type object | boolean
|
|
||||||
*/
|
|
||||||
showTime?: object | boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show Today
|
|
||||||
* @description whether to show "Today" button
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
showToday?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Value
|
|
||||||
* @description to set date
|
|
||||||
* @default undefined
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
value?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed when the selected time is changing
|
|
||||||
*/
|
|
||||||
onChange?: (date?: Moment | string, dateString?: string) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* callback when click ok button
|
|
||||||
*/
|
|
||||||
onOk?: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class DatePicker extends DatepickerMethod {
|
|
||||||
static RangePicker: typeof RangePicker;
|
|
||||||
static MonthPicker: typeof MonthPicker;
|
|
||||||
static WeekPicker: typeof WeekPicker;
|
|
||||||
|
|
||||||
$props: DatePickerProps;
|
|
||||||
}
|
|
|
@ -1,56 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { DatepickerMethod, DatepickerProps } from './common';
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
declare class MonthPickerProps extends DatepickerProps {
|
|
||||||
/**
|
|
||||||
* to set default date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set default picker date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultPickerValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the date format, When an array is provided, all values are used for parsing and first value for display. refer to moment.js
|
|
||||||
* @default 'YYYY-MM'
|
|
||||||
* @type string | string[]
|
|
||||||
* @see http://momentjs.com
|
|
||||||
*/
|
|
||||||
format?: string | string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom month cell content render method by setting a scoped slot
|
|
||||||
* @type Function (slot="monthCellContentRender", slot-scope="date, locale")
|
|
||||||
*/
|
|
||||||
monthCellContentRender?: Function | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* render extra footer in panel by setting a scoped slot
|
|
||||||
* @type any (slot="renderExtraFooter")
|
|
||||||
*/
|
|
||||||
renderExtraFooter?: Function | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
value?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed when the selected time is changing
|
|
||||||
*/
|
|
||||||
onChange?: (date?: Moment | string, dateString?: string) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class MonthPicker extends DatepickerMethod {
|
|
||||||
$props: MonthPickerProps;
|
|
||||||
}
|
|
|
@ -1,90 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { DatepickerMethod, DatepickerProps } from './common';
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
declare class RangePickerProps extends DatepickerProps {
|
|
||||||
/**
|
|
||||||
* to set default date
|
|
||||||
* @type [Moment, Moment]
|
|
||||||
*/
|
|
||||||
defaultValue?: [Moment, Moment] | [string, string];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set default picker date
|
|
||||||
* @type [Moment, Moment]
|
|
||||||
*/
|
|
||||||
defaultPickerValue?: [Moment, Moment] | [string, string];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to specify the time that cannot be selected
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
disabledTime?: (dates: [Moment, Moment], partial: 'start' | 'end') => any;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the date format, refer to moment.js
|
|
||||||
* @default 'YYYY-MM-DD HH:mm:ss'
|
|
||||||
* @type string
|
|
||||||
* @see http://momentjs.com
|
|
||||||
*/
|
|
||||||
format?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* preseted ranges for quick selection
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
ranges?: { [range: string]: Moment[] } | { [range: string]: () => Moment[] };
|
|
||||||
|
|
||||||
/**
|
|
||||||
* render extra footer in panel by setting a scoped slot
|
|
||||||
* @type any (slot="renderExtraFooter")
|
|
||||||
*/
|
|
||||||
renderExtraFooter?: Function | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* set separator between inputs
|
|
||||||
* @default '~'
|
|
||||||
* @version 1.5.0
|
|
||||||
*/
|
|
||||||
separator?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to provide an additional time selection
|
|
||||||
* showTime.defaultValue to set default time of selected date - type Moment[]
|
|
||||||
* @default TimePicker Options
|
|
||||||
* @type object | boolean
|
|
||||||
*/
|
|
||||||
showTime?: object | boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set date
|
|
||||||
* @type [Moment, Moment]
|
|
||||||
*/
|
|
||||||
value?: [Moment, Moment] | [string, string];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed when the start time or the end time of the range is changing
|
|
||||||
*/
|
|
||||||
onCalendarChange?: (
|
|
||||||
dates?: [Moment, Moment] | [string, string],
|
|
||||||
dateStrings?: [string, string],
|
|
||||||
) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed when the selected time is changing
|
|
||||||
*/
|
|
||||||
onChange?: (dates?: [Moment, Moment] | [string, string], dateStrings?: [string, string]) => void;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* callback when click ok button
|
|
||||||
*/
|
|
||||||
onOk?: (dates?: [Moment, Moment] | [string, string]) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class RangePicker extends DatepickerMethod {
|
|
||||||
$props: RangePickerProps;
|
|
||||||
}
|
|
|
@ -1,50 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { DatepickerMethod, DatepickerProps } from './common';
|
|
||||||
import { Moment } from 'moment';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
declare class WeekPickerProps extends DatepickerProps {
|
|
||||||
/**
|
|
||||||
* to set default date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set default picker date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
defaultPickerValue?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the date format, refer to moment.js
|
|
||||||
* @default 'YYYY-wos'
|
|
||||||
* @type string
|
|
||||||
* @see http://momentjs.com
|
|
||||||
*/
|
|
||||||
format?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set date
|
|
||||||
* @type Moment
|
|
||||||
*/
|
|
||||||
value?: Moment | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* render extra footer in panel by setting a slot
|
|
||||||
* v-slot:renderExtraFooter="mode"
|
|
||||||
*/
|
|
||||||
renderExtraFooter?: Function | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* a callback function, can be executed when the selected time is changing
|
|
||||||
*/
|
|
||||||
onChange?: (date?: Moment | string, dateString?: string) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class WeekPicker extends DatepickerMethod {
|
|
||||||
$props: WeekPickerProps;
|
|
||||||
}
|
|
|
@ -1,23 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class DescriptionsItem extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* the label of descriptions item
|
|
||||||
* @type any
|
|
||||||
*/
|
|
||||||
label?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* can be set to small large or omitted
|
|
||||||
* @default 1
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
span?: number;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,62 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { DescriptionsItem } from './descriptions-item';
|
|
||||||
|
|
||||||
import { Breakpoint } from '../pub';
|
|
||||||
|
|
||||||
export declare class Descriptions extends AntdComponent {
|
|
||||||
static Item: typeof DescriptionsItem;
|
|
||||||
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* descriptions size type
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'default' | 'middle' | 'small';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* custom prefixCls
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
prefixCls?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether descriptions have border
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
bordered?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* custom title
|
|
||||||
* @type any
|
|
||||||
*/
|
|
||||||
title?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the number of descriptionsitem in one line
|
|
||||||
* @default 3
|
|
||||||
* @type number | object
|
|
||||||
*/
|
|
||||||
column?: number | Partial<Breakpoint>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* descriptions layout
|
|
||||||
* @default 'horizontal'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
layout?: 'horizontal' | 'vertical';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether have colon in descriptionsitem
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
colon?: boolean;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,30 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class Divider extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* whether line is dashed
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
dashed?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* position of title inside divider
|
|
||||||
* @default 'center'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
orientation?: 'left' | 'right' | 'center';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* direction type of divider
|
|
||||||
* @default 'horizontal'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: 'horizontal' | 'vertical';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,124 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { VNodeChild, CSSProperties } from 'vue';
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class Drawer extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Whether a close (x) button is visible on top right of the Drawer dialog or not.
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
closable?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to unmount child components on closing drawer or not.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
destroyOnClose?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Return the mounted node for Drawer.
|
|
||||||
* @default 'body'
|
|
||||||
* @type any ( HTMLElement| () => HTMLElement | string)
|
|
||||||
*/
|
|
||||||
getContainer?: () => HTMLElement | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether to show mask or not.
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
mask?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clicking on the mask (area outside the Drawer) to close the Drawer or not.
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
maskClosable?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Style for Drawer's mask element.
|
|
||||||
* @default {}
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
maskStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The title for Drawer.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
title?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether the Drawer dialog is visible or not.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
visible?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The class name of the container of the Drawer dialog.
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
wrapClassName?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Style of wrapper element which **contains mask** compare to `drawerStyle`
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
wrapStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Style of the popup layer element
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
drawerStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Style of floating layer, typically used for adjusting its position.
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
bodyStyle?: CSSProperties;
|
|
||||||
headerStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Width of the Drawer dialog.
|
|
||||||
* @default 256
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
width?: string | number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* placement is top or bottom, height of the Drawer dialog.
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
height?: string | number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The z-index of the Drawer.
|
|
||||||
* @default 1000
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
zIndex?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The placement of the Drawer.
|
|
||||||
* @default 'right'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
||||||
afterVisibleChange?: (visible?: boolean) => void;
|
|
||||||
keyboard?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specify a callback that will be called when a user clicks mask, close button or Cancel button.
|
|
||||||
*/
|
|
||||||
onClose?: (e?: Event) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,67 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { Menu } from '../menu/menu';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export declare class DropdownButton extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* whether the dropdown menu is disabled
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the dropdown menu
|
|
||||||
* @type () => Menu
|
|
||||||
*/
|
|
||||||
overlay?: () => Menu;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* placement of pop menu: bottomLeft bottomCenter bottomRight topLeft topCenter topRight
|
|
||||||
* @default 'bottomLeft'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
placement?:
|
|
||||||
| 'topLeft'
|
|
||||||
| 'topCenter'
|
|
||||||
| 'topRight'
|
|
||||||
| 'bottomLeft'
|
|
||||||
| 'bottomCenter'
|
|
||||||
| 'bottomRight';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* size of the button, the same as Button
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the trigger mode which executes the drop-down action
|
|
||||||
* @default ['hover']
|
|
||||||
* @type string[]
|
|
||||||
*/
|
|
||||||
trigger?: Array<'click' | 'hover' | 'contextmenu'>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* type of the button, the same as Button
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether the dropdown menu is visible
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
visible?: boolean;
|
|
||||||
/**
|
|
||||||
* Icon (appears on the right) (1.5.0)
|
|
||||||
*/
|
|
||||||
icon?: VNodeChild | JSX.Element;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,70 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { Menu } from '../menu/menu';
|
|
||||||
import { DropdownButton } from './dropdown-button';
|
|
||||||
import { CSSProperties } from 'vue';
|
|
||||||
|
|
||||||
export declare class Dropdown extends AntdComponent {
|
|
||||||
static Button: typeof DropdownButton;
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* the trigger mode which executes the drop-down action
|
|
||||||
* @default ['hover']
|
|
||||||
* @type string[]
|
|
||||||
*/
|
|
||||||
trigger?: Array<'click' | 'hover' | 'contextmenu'>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the dropdown menu
|
|
||||||
* @type () => Menu
|
|
||||||
*/
|
|
||||||
overlay?: () => Menu;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Class name of the dropdown root element
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
overlayClassName?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Style of the dropdown root element
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
overlayStyle?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether the dropdown menu is visible
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
visible?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether the dropdown menu is disabled
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the ontainer of the dropdown menu. The default is to create a div element in body, you can reset it to the scrolling area and make a relative reposition.
|
|
||||||
* @default () => document.body
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
getPopupContainer?: (triggerNode?: any) => HTMLElement;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* placement of pop menu: bottomLeft bottomCenter bottomRight topLeft topCenter topRight
|
|
||||||
* @default 'bottomLeft'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
placement?:
|
|
||||||
| 'topLeft'
|
|
||||||
| 'topCenter'
|
|
||||||
| 'topRight'
|
|
||||||
| 'bottomLeft'
|
|
||||||
| 'bottomCenter'
|
|
||||||
| 'bottomRight';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,25 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: Svreber <https://github.com/Svreber>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
import { VNodeChild, CSSProperties } from 'vue';
|
|
||||||
|
|
||||||
export declare class Empty extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* customize description
|
|
||||||
* @type string | VNode
|
|
||||||
*/
|
|
||||||
description?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* customize image. Will tread as image url when string provided
|
|
||||||
* @default false
|
|
||||||
* @type string | VNode
|
|
||||||
*/
|
|
||||||
image?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
imageStyle?: CSSProperties | string;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,100 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { Col } from '../grid/col';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export declare type InternalNamePath = (string | number)[];
|
|
||||||
export declare type NamePath = string | number | InternalNamePath;
|
|
||||||
|
|
||||||
export declare class FormItem extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Used with label, whether to display : after label text.
|
|
||||||
* @default true
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
colon?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The extra prompt message. It is similar to help. Usage example: to display error message and prompt message at the same time.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
extra?: string | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Used with validateStatus, this option specifies the validation status icon. Recommended to be used only with Input.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hasFeedback?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The prompt message. If not provided, the prompt message will be generated by the validation rule.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
help?: string | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Label test
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
label?: string | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
|
|
||||||
* @type Col
|
|
||||||
*/
|
|
||||||
labelCol?: Col;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether provided or not, it will be generated by the validation rule.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
required?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The validation status. If not provided, it will be generated by validation rule. options: 'success' 'warning' 'error' 'validating'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The layout for input controls, same as labelCol
|
|
||||||
* @type Col
|
|
||||||
*/
|
|
||||||
wrapperCol?: Col;
|
|
||||||
/**
|
|
||||||
* Set sub label htmlFor.
|
|
||||||
*/
|
|
||||||
htmlFor?: string;
|
|
||||||
/**
|
|
||||||
* text align of label
|
|
||||||
*/
|
|
||||||
labelAlign?: 'left' | 'right';
|
|
||||||
/**
|
|
||||||
* a key of model. In the use of validate and resetFields method, the attribute is required
|
|
||||||
*/
|
|
||||||
name?: NamePath;
|
|
||||||
/**
|
|
||||||
* validation rules of form
|
|
||||||
*/
|
|
||||||
rules?: object | object[];
|
|
||||||
/**
|
|
||||||
* Whether to automatically associate form fields. In most cases, you can use automatic association.
|
|
||||||
* If the conditions for automatic association are not met, you can manually associate them. See the notes below.
|
|
||||||
*/
|
|
||||||
autoLink?: boolean;
|
|
||||||
/**
|
|
||||||
* Whether stop validate on first rule of error for this field.
|
|
||||||
*/
|
|
||||||
validateFirst?: boolean;
|
|
||||||
/**
|
|
||||||
* When to validate the value of children node
|
|
||||||
*/
|
|
||||||
validateTrigger?: string | string[] | false;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,264 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { Col } from '../grid/col';
|
|
||||||
import { FormItem } from './form-item';
|
|
||||||
|
|
||||||
export declare type InternalNamePath = (string | number)[];
|
|
||||||
export declare type NamePath = string | number | InternalNamePath;
|
|
||||||
export interface ValidateErrorEntity {
|
|
||||||
values: object;
|
|
||||||
errorFields: {
|
|
||||||
name: InternalNamePath;
|
|
||||||
errors: string[];
|
|
||||||
}[];
|
|
||||||
outOfDate: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare type ValidateFields = (nameList?: NamePath[]) => Promise<object>;
|
|
||||||
|
|
||||||
declare type ValidateMessage = string | (() => string);
|
|
||||||
export interface ValidateMessages {
|
|
||||||
default?: ValidateMessage;
|
|
||||||
required?: ValidateMessage;
|
|
||||||
enum?: ValidateMessage;
|
|
||||||
whitespace?: ValidateMessage;
|
|
||||||
date?: {
|
|
||||||
format?: ValidateMessage;
|
|
||||||
parse?: ValidateMessage;
|
|
||||||
invalid?: ValidateMessage;
|
|
||||||
};
|
|
||||||
types?: {
|
|
||||||
string?: ValidateMessage;
|
|
||||||
method?: ValidateMessage;
|
|
||||||
array?: ValidateMessage;
|
|
||||||
object?: ValidateMessage;
|
|
||||||
number?: ValidateMessage;
|
|
||||||
date?: ValidateMessage;
|
|
||||||
boolean?: ValidateMessage;
|
|
||||||
integer?: ValidateMessage;
|
|
||||||
float?: ValidateMessage;
|
|
||||||
regexp?: ValidateMessage;
|
|
||||||
email?: ValidateMessage;
|
|
||||||
url?: ValidateMessage;
|
|
||||||
hex?: ValidateMessage;
|
|
||||||
};
|
|
||||||
string?: {
|
|
||||||
len?: ValidateMessage;
|
|
||||||
min?: ValidateMessage;
|
|
||||||
max?: ValidateMessage;
|
|
||||||
range?: ValidateMessage;
|
|
||||||
};
|
|
||||||
number?: {
|
|
||||||
len?: ValidateMessage;
|
|
||||||
min?: ValidateMessage;
|
|
||||||
max?: ValidateMessage;
|
|
||||||
range?: ValidateMessage;
|
|
||||||
};
|
|
||||||
array?: {
|
|
||||||
len?: ValidateMessage;
|
|
||||||
min?: ValidateMessage;
|
|
||||||
max?: ValidateMessage;
|
|
||||||
range?: ValidateMessage;
|
|
||||||
};
|
|
||||||
pattern?: {
|
|
||||||
mismatch?: ValidateMessage;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export declare type RuleType =
|
|
||||||
| 'string'
|
|
||||||
| 'number'
|
|
||||||
| 'boolean'
|
|
||||||
| 'method'
|
|
||||||
| 'regexp'
|
|
||||||
| 'integer'
|
|
||||||
| 'float'
|
|
||||||
| 'object'
|
|
||||||
| 'enum'
|
|
||||||
| 'date'
|
|
||||||
| 'url'
|
|
||||||
| 'hex'
|
|
||||||
| 'email';
|
|
||||||
|
|
||||||
declare type Validator = (
|
|
||||||
rule: any,
|
|
||||||
value: any,
|
|
||||||
callback: (error?: string) => void,
|
|
||||||
) => Promise<void> | void;
|
|
||||||
|
|
||||||
declare interface ValidationRule {
|
|
||||||
trigger?: string;
|
|
||||||
/**
|
|
||||||
* validation error message
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
message?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* built-in validation type, available options: https://github.com/yiminghe/async-validator#type
|
|
||||||
* @default 'string'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* indicates whether field is required
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
required?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* treat required fields that only contain whitespace as errors
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
whitespace?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validate the exact length of a field
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
len?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validate the min length of a field
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
min?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validate the max length of a field
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
max?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validate the value from a list of possible values
|
|
||||||
* @type string | string[]
|
|
||||||
*/
|
|
||||||
enum?: string | string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validate from a regular expression
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
pattern?: RegExp;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* transform a value before validation
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
transform?: (value: any) => any;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* custom validate function (Note: callback must be called)
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
validator?: Validator;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Form extends AntdComponent {
|
|
||||||
static Item: typeof FormItem;
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Hide required mark of all form items
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hideRequiredMark?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
|
|
||||||
* @type Col
|
|
||||||
*/
|
|
||||||
labelCol?: Col;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Define form layout
|
|
||||||
* @default 'horizontal'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
layout?: 'horizontal' | 'inline' | 'vertical';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The layout for input controls, same as labelCol
|
|
||||||
* @type Col
|
|
||||||
*/
|
|
||||||
wrapperCol?: Col;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* change default props colon value of Form.Item (only effective when prop layout is horizontal)
|
|
||||||
* @type boolean
|
|
||||||
* @default true
|
|
||||||
*/
|
|
||||||
colon?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* text align of label of all items
|
|
||||||
* @type 'left' | 'right'
|
|
||||||
* @default 'left'
|
|
||||||
*/
|
|
||||||
labelAlign?: 'left' | 'right';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* data of form component
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
model?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* validation rules of form
|
|
||||||
* @type object
|
|
||||||
*/
|
|
||||||
rules?: object;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Default validate message. And its format is similar with newMessages's returned value
|
|
||||||
* @type any
|
|
||||||
*/
|
|
||||||
validateMessages?: ValidateMessages;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether to trigger validation when the rules prop is changed
|
|
||||||
* @type Boolean
|
|
||||||
* @default true
|
|
||||||
*/
|
|
||||||
validateOnRuleChange?: boolean;
|
|
||||||
|
|
||||||
scrollToFirstError?: boolean;
|
|
||||||
|
|
||||||
validateTrigger?: string | string[] | false;
|
|
||||||
/**
|
|
||||||
* Defines a function will be called if form data validation.
|
|
||||||
* @param e
|
|
||||||
*/
|
|
||||||
onSubmit?: (e?: Event) => void;
|
|
||||||
/**
|
|
||||||
* Trigger after submitting the form and verifying data successfully
|
|
||||||
* @param values
|
|
||||||
*/
|
|
||||||
onFinish?: (values?: object) => void;
|
|
||||||
/**
|
|
||||||
* Trigger after submitting the form and verifying data failed
|
|
||||||
* @param errorInfo
|
|
||||||
*/
|
|
||||||
onFinishFailed?: (errorInfo?: ValidateErrorEntity) => void;
|
|
||||||
};
|
|
||||||
/**
|
|
||||||
* clear validation message for certain fields.
|
|
||||||
* The parameter is prop name or an array of prop names of the form items whose validation messages will be removed.
|
|
||||||
* When omitted, all fields' validation messages will be cleared
|
|
||||||
* @type string[] | string
|
|
||||||
*/
|
|
||||||
clearValidate: (name: string[] | string) => void;
|
|
||||||
/**
|
|
||||||
* reset all the fields and remove validation result
|
|
||||||
*/
|
|
||||||
resetFields: (fields?: NamePath[]) => void;
|
|
||||||
validateFields: ValidateFields;
|
|
||||||
validate: ValidateFields;
|
|
||||||
scrollToField: (name: NamePath, options?: ScrollOptions) => void;
|
|
||||||
}
|
|
|
@ -1,87 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
type ColSpanType = number | string;
|
|
||||||
export declare class Col extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* raster number of cells to occupy, 0 corresponds to display: none
|
|
||||||
* @default none (0)
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
span?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* raster order, used in flex layout mode
|
|
||||||
* @default 0
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
order?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the layout fill of flex
|
|
||||||
* @default none
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
flex?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the number of cells to offset Col from the left
|
|
||||||
* @default 0
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
offset?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the number of cells that raster is moved to the right
|
|
||||||
* @default 0
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
push?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the number of cells that raster is moved to the left
|
|
||||||
* @default 0
|
|
||||||
* @type ColSpanType
|
|
||||||
*/
|
|
||||||
pull?: ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* <576px and also default setting, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
xs?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ≥576px, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
sm?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ≥768px, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
md?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ≥992px, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
lg?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ≥1200px, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
xl?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ≥1600px, could be a span value or an object containing above props
|
|
||||||
* @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
|
|
||||||
*/
|
|
||||||
xxl?: { span: ColSpanType; offset: ColSpanType } | ColSpanType;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,46 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
type Gutter =
|
|
||||||
| number
|
|
||||||
| {
|
|
||||||
xs: number;
|
|
||||||
sm: number;
|
|
||||||
md: number;
|
|
||||||
lg: number;
|
|
||||||
xl: number;
|
|
||||||
xxl: number;
|
|
||||||
};
|
|
||||||
export declare class Row extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* spacing between grids, could be a number or a object like { xs: 8, sm: 16, md: 24}
|
|
||||||
* @default 0
|
|
||||||
* @type numner | object
|
|
||||||
*/
|
|
||||||
gutter?: Gutter | [Gutter, Gutter];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* layout mode, optional flex
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* the vertical alignment of the flex layout: top middle bottom
|
|
||||||
* @default 'top'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
align?: 'top' | 'middle' | 'bottom';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* horizontal arrangement of the flex layout: start end center space-around space-between
|
|
||||||
* @default 'start'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,8 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
export * from './ant-design-vue';
|
|
||||||
|
|
||||||
import * as Antd from './ant-design-vue';
|
|
||||||
export default Antd;
|
|
|
@ -1,87 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from './component';
|
|
||||||
|
|
||||||
export declare class InputNumber extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* get focus when component mounted
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
autofocus?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* initial value
|
|
||||||
* @type number | string
|
|
||||||
*/
|
|
||||||
defaultValue?: number | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* disable the input
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies the format of the value presented
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
formatter?: (value: number | string) => string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* max value
|
|
||||||
* @default Infinity
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
max?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* mix value
|
|
||||||
* @default -Infinity
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
min?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies the value extracted from formatter
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
parser?: (string: string) => number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* precision of input value
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
precision?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* decimal separator
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
decimalSeparator?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* width of input box
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'large' | 'small' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The number to which the current value is increased or decreased. It can be an integer or decimal.
|
|
||||||
* @default 1
|
|
||||||
* @type number | string
|
|
||||||
*/
|
|
||||||
step?: number | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* current value
|
|
||||||
* @type number | string
|
|
||||||
*/
|
|
||||||
value?: number | string;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,23 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export declare class InputGroup extends AntdComponent {
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* Whether use compact style
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
compact?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The size of Input.Group specifies the size of the included Input fields. Available: large default small
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default';
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,24 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent } from '../component';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
import { InputProps } from './input';
|
|
||||||
|
|
||||||
export declare class InputSearch extends AntdComponent {
|
|
||||||
$props: InputProps & {
|
|
||||||
/**
|
|
||||||
* to show an enter button after input
|
|
||||||
* @default false
|
|
||||||
* @type any (boolean | slot)
|
|
||||||
*/
|
|
||||||
enterButton?: boolean | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Callback when search is clicked or enter is pressed
|
|
||||||
* @type Function
|
|
||||||
*/
|
|
||||||
onSearch?: (value: string | number, event: Event) => void;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,87 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { InputGroup } from './input-group';
|
|
||||||
import { InputSearch } from './input-search';
|
|
||||||
import { TextArea } from './textarea';
|
|
||||||
import { Password } from './password';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export type InputProps = Omit<AntdProps, 'prefix'> & {
|
|
||||||
/**
|
|
||||||
* The label text displayed after (on the right side of) the input field.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
addonAfter?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The label text displayed before (on the left side of) the input field.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
addonBefore?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The initial input content
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
defaultValue?: string | number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether the input is disabled.
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
disabled?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The ID for input
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
id?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The prefix icon for the Input.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
prefix?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The size of the input box. Note: in the context of a form, the large size is used. Available: large default small
|
|
||||||
* @default 'default'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
size?: 'small' | 'large' | 'default';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The suffix icon for the Input.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
suffix?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The type of input, see: MDN (use Input.TextArea instead of type="textarea")
|
|
||||||
* @default 'text'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
type?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The input content value
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
value?: string | number;
|
|
||||||
/**
|
|
||||||
* allow to remove input content with clear icon
|
|
||||||
*/
|
|
||||||
allowClear?: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
export declare class Input extends AntdComponent {
|
|
||||||
static Group: typeof InputGroup;
|
|
||||||
static Search: typeof InputSearch;
|
|
||||||
static TextArea: typeof TextArea;
|
|
||||||
static Password: typeof Password;
|
|
||||||
$props: InputProps;
|
|
||||||
}
|
|
|
@ -1,16 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent } from '../component';
|
|
||||||
import { InputProps } from './input';
|
|
||||||
|
|
||||||
export declare class Password extends AntdComponent {
|
|
||||||
$props: Omit<InputProps, 'type' | 'suffix'> & {
|
|
||||||
/**
|
|
||||||
* Whether show toggle button
|
|
||||||
* @default true
|
|
||||||
*/
|
|
||||||
visibilityToggle?: boolean;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,35 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { TextareaHTMLAttributes } from 'vue';
|
|
||||||
|
|
||||||
export declare class TextArea extends AntdComponent {
|
|
||||||
$props: AntdProps &
|
|
||||||
TextareaHTMLAttributes & {
|
|
||||||
/**
|
|
||||||
* Height autosize feature, can be set to true|false or an object { minRows: 2, maxRows: 6 }
|
|
||||||
* @default false
|
|
||||||
* @type boolean | object
|
|
||||||
*/
|
|
||||||
autoSize?: boolean | { minRows: number; maxRows: number };
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The initial input content
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
defaultValue?: string | number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The input content value
|
|
||||||
* @type string | number
|
|
||||||
*/
|
|
||||||
value?: string | number;
|
|
||||||
/**
|
|
||||||
*allow to remove input content with clear icon (1.5.0)
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
allowClear?: boolean;
|
|
||||||
};
|
|
||||||
}
|
|
|
@ -1,32 +0,0 @@
|
||||||
import { CSSProperties } from 'vue';
|
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: Pythonfo <https://github.com/Pythonfo>
|
|
||||||
// Copy from: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface LayoutContentProps {
|
|
||||||
/**
|
|
||||||
* container className
|
|
||||||
* @default undefined
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
class?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to customize the styles
|
|
||||||
* @type CSSProperties
|
|
||||||
*/
|
|
||||||
style?: CSSProperties;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hasSider?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default class LayoutContent extends AntdComponent {
|
|
||||||
$props: AntdProps & LayoutContentProps;
|
|
||||||
}
|
|
|
@ -1,18 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: Pythonfo <https://github.com/Pythonfo>
|
|
||||||
// Copy from: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface LayoutFooterProps {
|
|
||||||
/**
|
|
||||||
* whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hasSider?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default class LayoutFooter extends AntdComponent {
|
|
||||||
$props: AntdProps & LayoutFooterProps;
|
|
||||||
}
|
|
|
@ -1,18 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: Pythonfo <https://github.com/Pythonfo>
|
|
||||||
// Copy from: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface LayoutHeaderProps {
|
|
||||||
/**
|
|
||||||
* whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hasSider?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default class LayoutHeader extends AntdComponent {
|
|
||||||
$props: AntdProps & LayoutHeaderProps;
|
|
||||||
}
|
|
|
@ -1,72 +0,0 @@
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
|
|
||||||
export interface LayoutSiderProps {
|
|
||||||
/**
|
|
||||||
* whether can be collapsed
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
collapsible?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the current status
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
collapsed?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* to set the initial status
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
defaultCollapsed?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* reverse direction of arrow, for a sider that expands from the right
|
|
||||||
* @default false
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
reverseArrow?: boolean;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* specify the customized trigger, set to null to hide the trigger
|
|
||||||
* @type string | | VNodeChild | JSX.Element
|
|
||||||
*/
|
|
||||||
trigger?: string | VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* width of the sidebar
|
|
||||||
* @default 200
|
|
||||||
* @type number | string
|
|
||||||
*/
|
|
||||||
width?: number | string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* width of the collapsed sidebar, by setting to 0 a special trigger will appear
|
|
||||||
* @default 80
|
|
||||||
* @type number
|
|
||||||
*/
|
|
||||||
collapsedWidth?: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* breakpoints of the responsive layout
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* color theme of the sidebar
|
|
||||||
* @default 'dark'
|
|
||||||
* @type string
|
|
||||||
*/
|
|
||||||
theme?: 'light' | 'dark';
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class LayoutSider extends AntdComponent {
|
|
||||||
$props: AntdProps & LayoutSiderProps;
|
|
||||||
}
|
|
|
@ -1,26 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { LayoutSider } from './layout-sider';
|
|
||||||
import LayoutHeader from './layout-header';
|
|
||||||
import LayoutContent from './layout-content';
|
|
||||||
import LayoutFooter from './layout-footer';
|
|
||||||
|
|
||||||
export interface LayoutProps {
|
|
||||||
/**
|
|
||||||
* whether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering
|
|
||||||
* @type boolean
|
|
||||||
*/
|
|
||||||
hasSider?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export declare class Layout extends AntdComponent {
|
|
||||||
static Header: typeof LayoutHeader;
|
|
||||||
static Content: typeof LayoutContent;
|
|
||||||
static Footer: typeof LayoutFooter;
|
|
||||||
static Sider: typeof LayoutSider;
|
|
||||||
|
|
||||||
$props: AntdProps & LayoutProps;
|
|
||||||
}
|
|
|
@ -1,27 +0,0 @@
|
||||||
// Project: https://github.com/vueComponent/ant-design-vue
|
|
||||||
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
||||||
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
||||||
|
|
||||||
import { AntdComponent, AntdProps } from '../component';
|
|
||||||
import { Meta } from '../meta';
|
|
||||||
import { VNodeChild } from 'vue';
|
|
||||||
|
|
||||||
export declare class ListItem extends AntdComponent {
|
|
||||||
static Meta: typeof Meta;
|
|
||||||
|
|
||||||
$props: AntdProps & {
|
|
||||||
/**
|
|
||||||
* The actions content of list item. If itemLayout is vertical, shows the content on bottom,
|
|
||||||
* otherwise shows content on the far right.
|
|
||||||
* @type any (VNode[] | slot)
|
|
||||||
*/
|
|
||||||
actions?: VNodeChild | JSX.Element;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The extra content of list item. If itemLayout is vertical, shows the content on right,
|
|
||||||
* otherwise shows content on the far right.
|
|
||||||
* @type any (string | slot)
|
|
||||||
*/
|
|
||||||
extra?: VNodeChild | JSX.Element;
|
|
||||||
};
|
|
||||||
}
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue