mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 05:42:44 +08:00
chore: bump prettier v3 and format all code (#12111)
* chore: bump prettier v3 and format all code * chore: mjs config * chore: revert * chore: revert * chore: update lock
This commit is contained in:
neverland
GitHub
parent
b601ca1e0b
commit
3dcc92a5c0
@ -1,4 +0,0 @@
|
||||
{
|
||||
"singleQuote": true,
|
||||
"proseWrap": "never"
|
||||
}
|
||||
@ -25,6 +25,6 @@
|
||||
"eslint": "^8.31.0",
|
||||
"husky": "^8.0.1",
|
||||
"nano-staged": "^0.8.0",
|
||||
"prettier": "^2.7.1"
|
||||
"prettier": "^3.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -69,14 +69,14 @@ export class VanGenerator {
|
||||
// see https://github.com/mrmlnc/fast-glob#how-to-write-patterns-on-windows
|
||||
const templatePath = join(GENERATOR_DIR, this.inputs.vueVersion).replace(
|
||||
/\\/g,
|
||||
'/'
|
||||
'/',
|
||||
);
|
||||
|
||||
const templateFiles = glob.sync(
|
||||
join(templatePath, '**', '*').replace(/\\/g, '/'),
|
||||
{
|
||||
dot: true,
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
templateFiles.forEach((filePath) => {
|
||||
@ -109,8 +109,8 @@ export class VanGenerator {
|
||||
consola.success(`Successfully created ${color.yellow(name)}.`);
|
||||
consola.success(
|
||||
`Run ${color.yellow(
|
||||
`cd ${name} && git init && yarn && yarn dev`
|
||||
)} to start development!`
|
||||
`cd ${name} && git init && yarn && yarn dev`,
|
||||
)} to start development!`,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -3900,7 +3900,7 @@ type CascaderOption = {
|
||||
const makeOption = (
|
||||
text: string,
|
||||
value: string,
|
||||
children?: CascaderOption[]
|
||||
children?: CascaderOption[],
|
||||
): CascaderOption => ({
|
||||
text,
|
||||
value,
|
||||
|
||||
@ -35,7 +35,7 @@ const transformSFC = (code, path) => {
|
||||
if (descriptor.script) {
|
||||
const content = descriptor.script.content.replace(
|
||||
'export default',
|
||||
'const script ='
|
||||
'const script =',
|
||||
);
|
||||
output.push(content);
|
||||
} else if (descriptor.scriptSetup) {
|
||||
@ -88,7 +88,7 @@ module.exports = {
|
||||
code = transformJsx(code, path);
|
||||
}
|
||||
return {
|
||||
code: transformScript(code)
|
||||
code: transformScript(code),
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@ -14,14 +14,12 @@ function getPostcssPlugins(rootConfig) {
|
||||
const plugins = rootConfig.plugins || [];
|
||||
|
||||
if (Array.isArray(plugins)) {
|
||||
const hasAutoprefixerPlugin = plugins.find(
|
||||
(plugin) => {
|
||||
if (typeof plugin === 'object') {
|
||||
return plugin.postcssPlugin === 'autoprefixer';
|
||||
}
|
||||
return plugin === 'autoprefixer';
|
||||
const hasAutoprefixerPlugin = plugins.find((plugin) => {
|
||||
if (typeof plugin === 'object') {
|
||||
return plugin.postcssPlugin === 'autoprefixer';
|
||||
}
|
||||
);
|
||||
return plugin === 'autoprefixer';
|
||||
});
|
||||
if (hasAutoprefixerPlugin) {
|
||||
return plugins;
|
||||
}
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
"picocolors": "^1.0.0",
|
||||
"postcss": "^8.4.23",
|
||||
"postcss-load-config": "^4.0.1",
|
||||
"prettier": "^2.7.1",
|
||||
"prettier": "^3.0.0",
|
||||
"release-it": "^15.4.1",
|
||||
"terser": "^5.16.1",
|
||||
"transliteration": "^2.3.5",
|
||||
|
||||
@ -40,7 +40,7 @@ export function syncPathToParent() {
|
||||
type: 'replacePath',
|
||||
value: getCurrentDir(),
|
||||
},
|
||||
'*'
|
||||
'*',
|
||||
);
|
||||
}
|
||||
|
||||
@ -53,7 +53,7 @@ export function syncPathToChild() {
|
||||
type: 'replacePath',
|
||||
value: getCurrentDir(),
|
||||
},
|
||||
'*'
|
||||
'*',
|
||||
);
|
||||
});
|
||||
}
|
||||
@ -68,7 +68,7 @@ export function syncThemeToChild(theme) {
|
||||
type: 'updateTheme',
|
||||
value: theme,
|
||||
},
|
||||
'*'
|
||||
'*',
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
@ -6,9 +6,20 @@ body {
|
||||
overflow-x: auto;
|
||||
color: var(--van-doc-text-color-2);
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
|
||||
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
|
||||
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
||||
font-family:
|
||||
'Open Sans',
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Helvetica Neue',
|
||||
Helvetica,
|
||||
Segoe UI,
|
||||
Arial,
|
||||
Roboto,
|
||||
'PingFang SC',
|
||||
'miui',
|
||||
'Hiragino Sans GB',
|
||||
'Microsoft Yahei',
|
||||
sans-serif;
|
||||
background-color: var(--van-doc-background);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
@ -107,11 +107,11 @@ export default {
|
||||
|
||||
const navItems = this.config.nav.reduce(
|
||||
(result, nav) => [...result, ...nav.items],
|
||||
[]
|
||||
[],
|
||||
);
|
||||
|
||||
const current = navItems.find(
|
||||
(item) => item.path === this.$route.meta.name
|
||||
(item) => item.path === this.$route.meta.name,
|
||||
);
|
||||
|
||||
if (current && current.title) {
|
||||
|
||||
@ -108,7 +108,9 @@ export default {
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
outline: none;
|
||||
transition: opacity 0.2s, background 0.2s;
|
||||
transition:
|
||||
opacity 0.2s,
|
||||
background 0.2s;
|
||||
|
||||
// expand click area
|
||||
&::after {
|
||||
|
||||
@ -142,7 +142,7 @@ export default {
|
||||
const action = val ? 'add' : 'remove';
|
||||
document.body[`${action}EventListener`](
|
||||
'click',
|
||||
this.checkHideVersionPop
|
||||
this.checkHideVersionPop,
|
||||
);
|
||||
|
||||
this.showVersionPop = val;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
@ -15,10 +15,7 @@
|
||||
<meta http-equiv="Cache-Control" content="no-cache" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<% if (headHtml) { %>
|
||||
<%= headHtml %>
|
||||
<% } %>
|
||||
<% if (baiduAnalytics) { %>
|
||||
<% if (headHtml) { %> <%= headHtml %> <% } %> <% if (baiduAnalytics) { %>
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function () {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
@ -15,16 +15,12 @@
|
||||
<meta http-equiv="Cache-Control" content="no-cache" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<% if (headHtml) { %>
|
||||
<%= headHtml %>
|
||||
<% } %>
|
||||
<% if (enableVConsole) { %>
|
||||
<% if (headHtml) { %> <%= headHtml %> <% } %> <% if (enableVConsole) { %>
|
||||
<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
|
||||
<script>
|
||||
var vConsole = new window.VConsole();
|
||||
</script>
|
||||
<% } %>
|
||||
<% if (baiduAnalytics) { %>
|
||||
<% } %> <% if (baiduAnalytics) { %>
|
||||
<script>
|
||||
// avoid to load analytics in iframe
|
||||
if (window.top === window) {
|
||||
|
||||
@ -31,17 +31,17 @@ export default {
|
||||
if (darkModeClass) {
|
||||
document.documentElement.classList.toggle(
|
||||
darkModeClass,
|
||||
newVal === 'dark'
|
||||
newVal === 'dark',
|
||||
);
|
||||
}
|
||||
if (lightModeClass) {
|
||||
document.documentElement.classList.toggle(
|
||||
lightModeClass,
|
||||
newVal === 'light'
|
||||
newVal === 'light',
|
||||
);
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
{ immediate: true },
|
||||
);
|
||||
},
|
||||
};
|
||||
|
||||
@ -27,27 +27,27 @@ program
|
||||
.description('Run unit tests through jest')
|
||||
.option(
|
||||
'--watch',
|
||||
'Watch files for changes and rerun tests related to changed files'
|
||||
'Watch files for changes and rerun tests related to changed files',
|
||||
)
|
||||
.option(
|
||||
'--clearCache',
|
||||
'Clears the configured Jest cache directory and then exits'
|
||||
'Clears the configured Jest cache directory and then exits',
|
||||
)
|
||||
.option(
|
||||
'--changedSince <changedSince>',
|
||||
'Runs tests related to the changes since the provided branch or commit hash'
|
||||
'Runs tests related to the changes since the provided branch or commit hash',
|
||||
)
|
||||
.option(
|
||||
'--logHeapUsage',
|
||||
'Logs the heap usage after every test. Useful to debug memory leaks'
|
||||
'Logs the heap usage after every test. Useful to debug memory leaks',
|
||||
)
|
||||
.option(
|
||||
'--runInBand',
|
||||
'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests'
|
||||
'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests',
|
||||
)
|
||||
.option(
|
||||
'--updateSnapshot',
|
||||
'Re-record every snapshot that fails during this test run'
|
||||
'Re-record every snapshot that fails during this test run',
|
||||
)
|
||||
.option('--debug', 'Print debugging info about your Jest config')
|
||||
.action(async (options) => {
|
||||
|
||||
@ -66,7 +66,7 @@ async function preCompileDir(dir: string) {
|
||||
return compileSfc(filePath);
|
||||
}
|
||||
return Promise.resolve();
|
||||
})
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@ -78,7 +78,7 @@ async function compileDir(dir: string, format: Format) {
|
||||
return isDir(filePath)
|
||||
? compileDir(filePath, format)
|
||||
: compileFile(filePath, format);
|
||||
})
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -64,7 +64,7 @@ export async function changelog(): Promise<void> {
|
||||
headerPartial,
|
||||
commitPartial,
|
||||
transform,
|
||||
}
|
||||
},
|
||||
)
|
||||
.pipe(createWriteStream(DIST_FILE))
|
||||
.on('close', () => {
|
||||
|
||||
@ -11,7 +11,7 @@ type RunCommandMessages = {
|
||||
function runCommand(
|
||||
cmd: string,
|
||||
options: string[],
|
||||
messages: RunCommandMessages
|
||||
messages: RunCommandMessages,
|
||||
) {
|
||||
const spinner = createSpinner(messages.start).start();
|
||||
|
||||
@ -40,7 +40,7 @@ function eslint() {
|
||||
start: 'Running eslint...',
|
||||
succeed: 'ESLint Passed.',
|
||||
failed: 'ESLint failed!',
|
||||
}
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -39,6 +39,6 @@ const IMPORT_STYLE_RE = /import\s+?(?:(?:".*?")|(?:'.*?'))[\s]*?(?:;|$|)/g;
|
||||
// "import 'a.less';" => "import 'a.css';"
|
||||
export function replaceCSSImportExt(code: string) {
|
||||
return code.replace(IMPORT_STYLE_RE, (str) =>
|
||||
str.replace(`.${CSS_LANG}`, '.css')
|
||||
str.replace(`.${CSS_LANG}`, '.css'),
|
||||
);
|
||||
}
|
||||
|
||||
@ -42,7 +42,7 @@ export function getComponents() {
|
||||
}
|
||||
|
||||
return false;
|
||||
})
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@ -65,7 +65,7 @@ export function camelize(str: string): string {
|
||||
export function pascalize(str: string): string {
|
||||
return camelize(str).replace(
|
||||
pascalizeRE,
|
||||
(_, c1, c2) => c1.toUpperCase() + c2
|
||||
(_, c1, c2) => c1.toUpperCase() + c2,
|
||||
);
|
||||
}
|
||||
|
||||
@ -116,7 +116,7 @@ export function smartOutputFile(filePath: string, content: string) {
|
||||
|
||||
export async function mergeCustomViteConfig(
|
||||
config: InlineConfig,
|
||||
mode: 'production' | 'development'
|
||||
mode: 'production' | 'development',
|
||||
): Promise<InlineConfig> {
|
||||
const vantConfig = getVantConfig();
|
||||
const configureVite = vantConfig.build?.configureVite;
|
||||
@ -127,7 +127,7 @@ export async function mergeCustomViteConfig(
|
||||
command: mode === 'development' ? 'serve' : 'build',
|
||||
},
|
||||
undefined,
|
||||
process.cwd()
|
||||
process.cwd(),
|
||||
);
|
||||
|
||||
if (configureVite) {
|
||||
|
||||
@ -38,9 +38,9 @@ export async function compileBundles() {
|
||||
build(
|
||||
await mergeCustomViteConfig(
|
||||
getViteConfigForPackage(config),
|
||||
'production'
|
||||
)
|
||||
)
|
||||
)
|
||||
'production',
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ const { readFileSync, removeSync, outputFileSync } = fse;
|
||||
|
||||
export async function compileScript(
|
||||
filePath: string,
|
||||
format: Format
|
||||
format: Format,
|
||||
): Promise<void> {
|
||||
if (filePath.includes('.d.ts')) {
|
||||
return;
|
||||
|
||||
@ -127,7 +127,7 @@ export async function compileSfc(filePath: string): Promise<any> {
|
||||
}
|
||||
|
||||
outputFile(scriptFilePath, script).then(resolve);
|
||||
})
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@ -150,7 +150,7 @@ export async function compileSfc(filePath: string): Promise<any> {
|
||||
// }
|
||||
|
||||
return outputFile(cssFilePath, styleSource);
|
||||
})
|
||||
}),
|
||||
);
|
||||
|
||||
return Promise.all(tasks);
|
||||
|
||||
@ -31,13 +31,13 @@ export async function compileSite(production = false) {
|
||||
if (production) {
|
||||
const config = await mergeCustomViteConfig(
|
||||
getViteConfigForSiteProd(),
|
||||
'production'
|
||||
'production',
|
||||
);
|
||||
await build(config);
|
||||
} else {
|
||||
const config = await mergeCustomViteConfig(
|
||||
getViteConfigForSiteDev(),
|
||||
'development'
|
||||
'development',
|
||||
);
|
||||
const server = await createServer(config);
|
||||
await server.listen(config.server?.port);
|
||||
|
||||
@ -81,7 +81,7 @@ function genEntry(params: {
|
||||
}
|
||||
|
||||
export function genComponentStyle(
|
||||
options: { cache: boolean } = { cache: true }
|
||||
options: { cache: boolean } = { cache: true },
|
||||
) {
|
||||
if (!options.cache) {
|
||||
const require = createRequire(import.meta.url);
|
||||
|
||||
@ -20,7 +20,7 @@ function getPathByName(name: string, pathResolver?: PathResolver) {
|
||||
function genImports(
|
||||
names: string[],
|
||||
pathResolver?: PathResolver,
|
||||
namedExport?: boolean
|
||||
namedExport?: boolean,
|
||||
): string {
|
||||
return names
|
||||
.map((name) => {
|
||||
@ -36,7 +36,7 @@ function genImports(
|
||||
function genExports(
|
||||
names: string[],
|
||||
pathResolver?: PathResolver,
|
||||
namedExport?: boolean
|
||||
namedExport?: boolean,
|
||||
): string {
|
||||
if (namedExport) {
|
||||
const exports = names
|
||||
|
||||
@ -38,7 +38,7 @@ function genConfig(demos: DemoItem[]) {
|
||||
function demoFilter(nav: any[]) {
|
||||
return nav.filter((group) => {
|
||||
group.items = group.items.filter((item: any) =>
|
||||
demoNames.includes(item.path)
|
||||
demoNames.includes(item.path),
|
||||
);
|
||||
return group.items.length;
|
||||
});
|
||||
|
||||
@ -106,13 +106,13 @@ export async function genStyleDepsMap() {
|
||||
|
||||
Object.keys(map).forEach((key) => {
|
||||
map[key] = map[key].sort(
|
||||
(a, b) => sequence.indexOf(a) - sequence.indexOf(b)
|
||||
(a, b) => sequence.indexOf(a) - sequence.indexOf(b),
|
||||
);
|
||||
});
|
||||
|
||||
smartOutputFile(
|
||||
STYLE_DEPS_JSON_FILE,
|
||||
JSON.stringify({ map, sequence }, null, 2)
|
||||
JSON.stringify({ map, sequence }, null, 2),
|
||||
);
|
||||
|
||||
resolve();
|
||||
|
||||
@ -105,7 +105,7 @@ export function getDeps(filePath: string) {
|
||||
export function replaceScriptImportExt(
|
||||
code: string,
|
||||
filePath: string,
|
||||
ext: string
|
||||
ext: string,
|
||||
) {
|
||||
const imports = [...matchImports(code), ...matchExportFroms(code)];
|
||||
|
||||
@ -132,7 +132,6 @@ export function replaceScriptImportExt(
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const pathInfo = getPathByImport(line, filePath);
|
||||
|
||||
if (pathInfo) {
|
||||
@ -141,7 +140,7 @@ export function replaceScriptImportExt(
|
||||
if (pathInfo.isIndex) {
|
||||
const newLine = line.replace(
|
||||
relativePath,
|
||||
`${relativePath}/index${ext}`
|
||||
`${relativePath}/index${ext}`,
|
||||
);
|
||||
|
||||
updateImport(index, newLine);
|
||||
|
||||
@ -77,7 +77,7 @@ function findTag(vueTags: VueTag[], name: string) {
|
||||
export function formatter(
|
||||
vueTags: VueTag[],
|
||||
articles: Articles,
|
||||
tagPrefix = ''
|
||||
tagPrefix = '',
|
||||
) {
|
||||
if (!articles.length) {
|
||||
return;
|
||||
|
||||
@ -36,7 +36,7 @@ export async function parseAndWrite(options: Options) {
|
||||
const webTypes = genWebTypes(vueTags, options);
|
||||
fse.outputFileSync(
|
||||
join(options.outputDir, 'web-types.json'),
|
||||
JSON.stringify(webTypes)
|
||||
JSON.stringify(webTypes),
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
export function toKebabCase(input: string): string {
|
||||
return input.replace(
|
||||
/[A-Z]/g,
|
||||
(val, index) => (index === 0 ? '' : '-') + val.toLowerCase()
|
||||
(val, index) => (index === 0 ? '' : '-') + val.toLowerCase(),
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -32,4 +32,3 @@
|
||||
{{~/if}}
|
||||
/{{~@root.commit}}/{{hash}})
|
||||
{{~/if}}
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -5,7 +5,8 @@
|
||||
font-style: normal;
|
||||
font-display: auto;
|
||||
font-family: 'vant-icon';
|
||||
src: url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff2?t=1672541115585')
|
||||
src:
|
||||
url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff2?t=1672541115585')
|
||||
format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff?t=1672541115585')
|
||||
format('woff');
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
pageX,
|
||||
pageY,
|
||||
screenX,
|
||||
screenY
|
||||
screenY,
|
||||
) {
|
||||
// auto set
|
||||
return new Touch(
|
||||
@ -35,7 +35,7 @@
|
||||
clientY: pageY - window.pageYOffset,
|
||||
},
|
||||
0,
|
||||
0
|
||||
0,
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
@ -12,7 +12,7 @@ export function useClickAway(
|
||||
| Ref<Element | undefined>
|
||||
| Array<Element | Ref<Element | undefined>>,
|
||||
listener: EventListener,
|
||||
options: UseClickAwayOptions = {}
|
||||
options: UseClickAwayOptions = {},
|
||||
) {
|
||||
if (!inBrowser) {
|
||||
return;
|
||||
|
||||
@ -21,17 +21,17 @@ export type UseEventListenerOptions = {
|
||||
export function useEventListener<K extends keyof DocumentEventMap>(
|
||||
type: K,
|
||||
listener: (event: DocumentEventMap[K]) => void,
|
||||
options?: UseEventListenerOptions
|
||||
options?: UseEventListenerOptions,
|
||||
): () => void;
|
||||
export function useEventListener(
|
||||
type: string,
|
||||
listener: EventListener,
|
||||
options?: UseEventListenerOptions
|
||||
options?: UseEventListenerOptions,
|
||||
): () => void;
|
||||
export function useEventListener(
|
||||
type: string,
|
||||
listener: EventListener,
|
||||
options: UseEventListenerOptions = {}
|
||||
options: UseEventListenerOptions = {},
|
||||
) {
|
||||
if (!inBrowser) {
|
||||
return;
|
||||
|
||||
@ -10,10 +10,10 @@ const makeDOMRect = (width: number, height: number) =>
|
||||
bottom: height,
|
||||
width,
|
||||
height,
|
||||
} as DOMRect);
|
||||
}) as DOMRect;
|
||||
|
||||
export const useRect = (
|
||||
elementOrRef: Element | Window | Ref<Element | Window | undefined>
|
||||
elementOrRef: Element | Window | Ref<Element | Window | undefined>,
|
||||
) => {
|
||||
const element = unref(elementOrRef);
|
||||
|
||||
|
||||
@ -45,7 +45,7 @@ const findVNodeIndex = (vnodes: VNode[], vnode: VNode) => {
|
||||
vnode.key !== undefined &&
|
||||
vnode.key !== null &&
|
||||
item.type === vnode.type &&
|
||||
item.key === vnode.key
|
||||
item.key === vnode.key,
|
||||
);
|
||||
}
|
||||
return index;
|
||||
@ -55,12 +55,12 @@ const findVNodeIndex = (vnodes: VNode[], vnode: VNode) => {
|
||||
export function sortChildren(
|
||||
parent: ComponentInternalInstance,
|
||||
publicChildren: ComponentPublicInstance[],
|
||||
internalChildren: ComponentInternalInstance[]
|
||||
internalChildren: ComponentInternalInstance[],
|
||||
) {
|
||||
const vnodes = flattenVNodes(parent.subTree.children);
|
||||
|
||||
internalChildren.sort(
|
||||
(a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode)
|
||||
(a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode),
|
||||
);
|
||||
|
||||
const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
|
||||
@ -75,7 +75,7 @@ export function sortChildren(
|
||||
export function useChildren<
|
||||
// eslint-disable-next-line
|
||||
Child extends ComponentPublicInstance = ComponentPublicInstance<{}, any>,
|
||||
ProvideValue = never
|
||||
ProvideValue = never,
|
||||
>(key: InjectionKey<ProvideValue>) {
|
||||
const publicChildren: Child[] = reactive([]);
|
||||
const internalChildren: ComponentInternalInstance[] = reactive([]);
|
||||
@ -105,8 +105,8 @@ export function useChildren<
|
||||
children: publicChildren,
|
||||
internalChildren,
|
||||
},
|
||||
value
|
||||
)
|
||||
value,
|
||||
),
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -18,7 +18,7 @@ function isElement(node: Element) {
|
||||
// https://github.com/vant-ui/vant/issues/3823
|
||||
export function getScrollParent(
|
||||
el: Element,
|
||||
root: ScrollElement | undefined = defaultRoot
|
||||
root: ScrollElement | undefined = defaultRoot,
|
||||
) {
|
||||
let node = el;
|
||||
|
||||
@ -35,7 +35,7 @@ export function getScrollParent(
|
||||
|
||||
export function useScrollParent(
|
||||
el: Ref<Element | undefined>,
|
||||
root: ScrollElement | undefined = defaultRoot
|
||||
root: ScrollElement | undefined = defaultRoot,
|
||||
) {
|
||||
const scrollParent = ref<Element | Window>();
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@ export default {
|
||||
() => {
|
||||
console.log('touch outside!');
|
||||
},
|
||||
{ eventName: 'touchstart' }
|
||||
{ eventName: 'touchstart' },
|
||||
);
|
||||
|
||||
return { root };
|
||||
@ -69,7 +69,7 @@ function useClickAway(
|
||||
| Ref<Element | undefined>
|
||||
| Array<Element | Ref<Element | undefined>>,
|
||||
listener: EventListener,
|
||||
options?: Options
|
||||
options?: Options,
|
||||
): void;
|
||||
```
|
||||
|
||||
|
||||
@ -48,7 +48,7 @@ export default {
|
||||
() => {
|
||||
console.log('touch outside!');
|
||||
},
|
||||
{ eventName: 'touchstart' }
|
||||
{ eventName: 'touchstart' },
|
||||
);
|
||||
|
||||
return { root };
|
||||
@ -71,7 +71,7 @@ function useClickAway(
|
||||
| Ref<Element | undefined>
|
||||
| Array<Element | Ref<Element | undefined>>,
|
||||
listener: EventListener,
|
||||
options?: Options
|
||||
options?: Options,
|
||||
): void;
|
||||
```
|
||||
|
||||
|
||||
@ -25,7 +25,7 @@ export default {
|
||||
() => {
|
||||
console.log('click body');
|
||||
},
|
||||
{ target: document.body }
|
||||
{ target: document.body },
|
||||
);
|
||||
},
|
||||
};
|
||||
@ -64,7 +64,7 @@ type Options = {
|
||||
function useEventListener(
|
||||
type: string,
|
||||
listener: EventListener,
|
||||
options?: Options
|
||||
options?: Options,
|
||||
): () => void;
|
||||
```
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ export default {
|
||||
() => {
|
||||
console.log('click body');
|
||||
},
|
||||
{ target: document.body }
|
||||
{ target: document.body },
|
||||
);
|
||||
},
|
||||
};
|
||||
@ -65,7 +65,7 @@ type Options = {
|
||||
function useEventListener(
|
||||
type: string,
|
||||
listener: EventListener,
|
||||
options?: Options
|
||||
options?: Options,
|
||||
): () => void;
|
||||
```
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useRect(
|
||||
element: Element | Window | Ref<Element | Window | undefined>
|
||||
element: Element | Window | Ref<Element | Window | undefined>,
|
||||
): DOMRect;
|
||||
```
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useRect(
|
||||
element: Element | Window | Ref<Element | Window | undefined>
|
||||
element: Element | Window | Ref<Element | Window | undefined>,
|
||||
): DOMRect;
|
||||
```
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ export default {
|
||||
() => {
|
||||
console.log('scroll');
|
||||
},
|
||||
{ target: scrollParent }
|
||||
{ target: scrollParent },
|
||||
);
|
||||
|
||||
return { root };
|
||||
@ -40,7 +40,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useScrollParent(
|
||||
element: Ref<Element | undefined>
|
||||
element: Ref<Element | undefined>,
|
||||
): Ref<Element | Window | undefined>;
|
||||
```
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ export default {
|
||||
() => {
|
||||
console.log('scroll');
|
||||
},
|
||||
{ target: scrollParent }
|
||||
{ target: scrollParent },
|
||||
);
|
||||
|
||||
return { root };
|
||||
@ -40,7 +40,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useScrollParent(
|
||||
element: Ref<Element | undefined>
|
||||
element: Ref<Element | undefined>,
|
||||
): Ref<Element | Window | undefined>;
|
||||
```
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useToggle(
|
||||
defaultValue: boolean
|
||||
defaultValue: boolean,
|
||||
): [Ref<boolean>, (newValue: boolean) => void];
|
||||
```
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@ export default {
|
||||
|
||||
```ts
|
||||
function useToggle(
|
||||
defaultValue: boolean
|
||||
defaultValue: boolean,
|
||||
): [Ref<boolean>, (newValue: boolean) => void];
|
||||
```
|
||||
|
||||
|
||||
@ -181,7 +181,7 @@ test('should render description correctly', () => {
|
||||
});
|
||||
|
||||
expect(
|
||||
wrapper.find('.van-action-sheet__description').html()
|
||||
wrapper.find('.van-action-sheet__description').html(),
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
@ -209,7 +209,7 @@ test('should render description slot when match snapshot', () => {
|
||||
});
|
||||
|
||||
expect(
|
||||
wrapper.find('.van-action-sheet__description').html()
|
||||
wrapper.find('.van-action-sheet__description').html(),
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
@ -251,14 +251,14 @@ test('should allow to control safe-area with safe-area-inset-bottom prop', async
|
||||
});
|
||||
|
||||
expect(wrapper.find('.van-action-sheet').classes()).toContain(
|
||||
'van-safe-area-bottom'
|
||||
'van-safe-area-bottom',
|
||||
);
|
||||
|
||||
await wrapper.setProps({
|
||||
safeAreaInsetBottom: false,
|
||||
});
|
||||
expect(wrapper.find('.van-action-sheet').classes()).not.toContain(
|
||||
'van-safe-area-bottom'
|
||||
'van-safe-area-bottom',
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -111,7 +111,7 @@ export default defineComponent({
|
||||
const detailFocused = ref(false);
|
||||
|
||||
const areaListLoaded = computed(
|
||||
() => isObject(props.areaList) && Object.keys(props.areaList).length
|
||||
() => isObject(props.areaList) && Object.keys(props.areaList).length,
|
||||
);
|
||||
|
||||
const areaText = computed(() => {
|
||||
@ -128,7 +128,7 @@ export default defineComponent({
|
||||
|
||||
// hide bottom field when use search && detail get focused
|
||||
const hideBottomFields = computed(
|
||||
() => props.searchResult?.length && detailFocused.value
|
||||
() => props.searchResult?.length && detailFocused.value,
|
||||
);
|
||||
|
||||
const onFocus = (key: string) => {
|
||||
@ -247,7 +247,7 @@ export default defineComponent({
|
||||
if (
|
||||
options &&
|
||||
options.every(
|
||||
(option) => option && option.value !== AREA_EMPTY_CODE
|
||||
(option) => option && option.value !== AREA_EMPTY_CODE,
|
||||
)
|
||||
) {
|
||||
assignAreaText(options as PickerOption[]);
|
||||
@ -257,7 +257,7 @@ export default defineComponent({
|
||||
{
|
||||
deep: true,
|
||||
immediate: true,
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
return () => {
|
||||
|
||||
@ -49,7 +49,7 @@ export default defineComponent({
|
||||
const renderItem = (
|
||||
item: AddressListAddress,
|
||||
index: number,
|
||||
disabled?: boolean
|
||||
disabled?: boolean,
|
||||
) => {
|
||||
const onEdit = () =>
|
||||
emit(disabled ? 'editDisabled' : 'edit', item, index);
|
||||
|
||||
@ -66,7 +66,7 @@ export default defineComponent({
|
||||
emit('update:modelValue', lastCode);
|
||||
}
|
||||
},
|
||||
{ deep: true }
|
||||
{ deep: true },
|
||||
);
|
||||
|
||||
watch(
|
||||
@ -87,7 +87,7 @@ export default defineComponent({
|
||||
codes.value = [];
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
useExpose<PickerExpose>({
|
||||
|
||||
@ -40,17 +40,17 @@ test('should watch modelValue prop and render correctly', async () => {
|
||||
|
||||
await later();
|
||||
expect(
|
||||
wrapper.find('.van-picker-column__item--selected').html()
|
||||
wrapper.find('.van-picker-column__item--selected').html(),
|
||||
).toMatchSnapshot();
|
||||
|
||||
await wrapper.setProps({ modelValue: '120225' });
|
||||
expect(
|
||||
wrapper.find('.van-picker-column__item--selected').html()
|
||||
wrapper.find('.van-picker-column__item--selected').html(),
|
||||
).toMatchSnapshot();
|
||||
|
||||
await wrapper.setProps({ modelValue: '' });
|
||||
expect(
|
||||
wrapper.find('.van-picker-column__item--selected').html()
|
||||
wrapper.find('.van-picker-column__item--selected').html(),
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
|
||||
@ -25,7 +25,7 @@ export const INHERIT_PROPS = [
|
||||
const makeOption = (
|
||||
text = '',
|
||||
value = AREA_EMPTY_CODE,
|
||||
children: PickerOption[] | undefined = undefined
|
||||
children: PickerOption[] | undefined = undefined,
|
||||
): PickerOption => ({
|
||||
text,
|
||||
value,
|
||||
@ -52,7 +52,7 @@ export function formatDataForCascade({
|
||||
makeOption(
|
||||
placeholder[0],
|
||||
AREA_EMPTY_CODE,
|
||||
showCounty ? [] : undefined
|
||||
showCounty ? [] : undefined,
|
||||
),
|
||||
]
|
||||
: [];
|
||||
@ -63,7 +63,7 @@ export function formatDataForCascade({
|
||||
Object.keys(province).forEach((code) => {
|
||||
provinceMap.set(
|
||||
code.slice(0, 2),
|
||||
makeOption(province[code], code, getProvinceChildren())
|
||||
makeOption(province[code], code, getProvinceChildren()),
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -68,7 +68,7 @@ export default defineComponent({
|
||||
extend(getZIndexStyle(props.zIndex), {
|
||||
right: addUnit(props.right),
|
||||
bottom: addUnit(props.bottom),
|
||||
})
|
||||
}),
|
||||
);
|
||||
|
||||
const onClick = (event: MouseEvent) => {
|
||||
@ -97,7 +97,7 @@ export default defineComponent({
|
||||
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
console.error(
|
||||
`[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`
|
||||
`[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`,
|
||||
);
|
||||
}
|
||||
} else {
|
||||
|
||||
@ -132,9 +132,9 @@ export default {
|
||||
|
||||
### Events
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ----- | -------------- | ------------------- |
|
||||
| click | 点击组件时触发 | _event: MouseEvent_ |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------ | -------------- | ------------------- |
|
||||
| click | 点击组件时触发 | _event: MouseEvent_ |
|
||||
|
||||
### Slots
|
||||
|
||||
|
||||
@ -84,7 +84,7 @@ export default defineComponent({
|
||||
const { position } = props;
|
||||
const [offsetY, offsetX] = position.split('-') as [
|
||||
'top' | 'bottom',
|
||||
'left' | 'right'
|
||||
'left' | 'right',
|
||||
];
|
||||
|
||||
if (slots.default) {
|
||||
|
||||
@ -49,7 +49,7 @@ export default defineComponent({
|
||||
|
||||
const createBarrageItem = (
|
||||
text: string | number,
|
||||
delay: number = props.delay
|
||||
delay: number = props.delay,
|
||||
) => {
|
||||
const item = document.createElement('span');
|
||||
item.className = className;
|
||||
@ -69,7 +69,7 @@ export default defineComponent({
|
||||
const appendBarrageItem = ({ id, text }: BarrageItem, i: number) => {
|
||||
const item = createBarrageItem(
|
||||
text,
|
||||
isInitBarrage.value ? i * props.delay : undefined
|
||||
isInitBarrage.value ? i * props.delay : undefined,
|
||||
);
|
||||
if (!props.autoPlay && isPlay.value === false) {
|
||||
item.style.animationPlayState = 'paused';
|
||||
@ -86,14 +86,14 @@ export default defineComponent({
|
||||
item.addEventListener('animationend', () => {
|
||||
emit(
|
||||
'update:modelValue',
|
||||
[...props.modelValue].filter((v) => String(v.id) !== item.dataset.id)
|
||||
[...props.modelValue].filter((v) => String(v.id) !== item.dataset.id),
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
const updateBarrages = (
|
||||
newValue: BarrageItem[],
|
||||
oldValue: BarrageItem[]
|
||||
oldValue: BarrageItem[],
|
||||
) => {
|
||||
const map = new Map(oldValue.map((item) => [item.id, item]));
|
||||
|
||||
@ -109,7 +109,7 @@ export default defineComponent({
|
||||
map.forEach((item) => {
|
||||
// remove
|
||||
const index = barrageItems.findIndex(
|
||||
(span) => span.dataset.id === String(item.id)
|
||||
(span) => span.dataset.id === String(item.id),
|
||||
);
|
||||
if (index > -1) {
|
||||
barrageItems[index].remove();
|
||||
@ -123,7 +123,7 @@ export default defineComponent({
|
||||
watch(
|
||||
() => props.modelValue.slice(),
|
||||
(newValue, oldValue) => updateBarrages(newValue ?? [], oldValue ?? []),
|
||||
{ deep: true }
|
||||
{ deep: true },
|
||||
);
|
||||
|
||||
const rootStyle = ref<{
|
||||
|
||||
@ -21,7 +21,10 @@
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
color: var(--van-barrage-color);
|
||||
text-shadow: 1px 0 1px #000000, 0 1px 1px #000000, 0 -1px 1px #000000,
|
||||
text-shadow:
|
||||
1px 0 1px #000000,
|
||||
0 1px 1px #000000,
|
||||
0 -1px 1px #000000,
|
||||
-1px 0 1px #000000;
|
||||
user-select: none;
|
||||
will-change: transform;
|
||||
|
||||
@ -59,21 +59,21 @@ test('should not auto play use play function when use play function', async () =
|
||||
|
||||
expect(
|
||||
(wrapper.find('.van-barrage__item') as HTMLSpanElement).style
|
||||
.animationPlayState
|
||||
.animationPlayState,
|
||||
).toBe('paused');
|
||||
|
||||
barrage.value?.play();
|
||||
|
||||
expect(
|
||||
(wrapper.find('.van-barrage__item') as HTMLSpanElement).style
|
||||
.animationPlayState
|
||||
.animationPlayState,
|
||||
).toBe('running');
|
||||
|
||||
barrage.value?.pause();
|
||||
|
||||
expect(
|
||||
(wrapper.find('.van-barrage__item') as HTMLSpanElement).style
|
||||
.animationPlayState
|
||||
.animationPlayState,
|
||||
).toBe('paused');
|
||||
});
|
||||
|
||||
@ -110,7 +110,7 @@ test('should emit "update:modelValue" when animationend', async () => {
|
||||
|
||||
expect(
|
||||
(wrapper.find('.van-barrage__item') as HTMLSpanElement).style
|
||||
.animationPlayState
|
||||
.animationPlayState,
|
||||
).toBe('running');
|
||||
|
||||
await wrapper.setProps({
|
||||
@ -130,7 +130,7 @@ test('should emit "update:modelValue" when animationend', async () => {
|
||||
|
||||
await trigger(
|
||||
wrapper.find('.van-barrage__item') as HTMLSpanElement,
|
||||
'animationend'
|
||||
'animationend',
|
||||
);
|
||||
|
||||
expect(wrapper.emitted('change')?.[0][0]).toEqual([
|
||||
|
||||
@ -122,7 +122,7 @@ export default defineComponent({
|
||||
const limitDateRange = (
|
||||
date: Date,
|
||||
minDate = props.minDate,
|
||||
maxDate = props.maxDate
|
||||
maxDate = props.maxDate,
|
||||
) => {
|
||||
if (compareDay(date, minDate) === -1) {
|
||||
return minDate;
|
||||
@ -149,11 +149,11 @@ export default defineComponent({
|
||||
const start = limitDateRange(
|
||||
defaultDate[0] || now,
|
||||
minDate,
|
||||
allowSameDay ? maxDate : getPrevDay(maxDate)
|
||||
allowSameDay ? maxDate : getPrevDay(maxDate),
|
||||
);
|
||||
const end = limitDateRange(
|
||||
defaultDate[1] || now,
|
||||
allowSameDay ? minDate : getNextDay(minDate)
|
||||
allowSameDay ? minDate : getNextDay(minDate),
|
||||
);
|
||||
return [start, end];
|
||||
}
|
||||
@ -184,7 +184,7 @@ export default defineComponent({
|
||||
const [monthRefs, setMonthRefs] = useRefs<CalendarMonthInstance>();
|
||||
|
||||
const dayOffset = computed(() =>
|
||||
props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0
|
||||
props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0,
|
||||
);
|
||||
|
||||
const months = computed(() => {
|
||||
@ -225,7 +225,7 @@ export default defineComponent({
|
||||
const bottom = top + bodyHeight;
|
||||
|
||||
const heights = months.value.map((item, index) =>
|
||||
monthRefs.value[index].getHeight()
|
||||
monthRefs.value[index].getHeight(),
|
||||
);
|
||||
const heightSum = heights.reduce((a, b) => a + b, 0);
|
||||
|
||||
@ -377,12 +377,12 @@ export default defineComponent({
|
||||
const getDisabledDate = (
|
||||
disabledDays: CalendarDayItem[],
|
||||
startDay: Date,
|
||||
date: Date
|
||||
date: Date,
|
||||
): Date | undefined =>
|
||||
disabledDays.find(
|
||||
(day) =>
|
||||
compareDay(startDay, day.date!) === -1 &&
|
||||
compareDay(day.date!, date) === -1
|
||||
compareDay(day.date!, date) === -1,
|
||||
)?.date;
|
||||
|
||||
// disabled calendarDay
|
||||
@ -390,7 +390,7 @@ export default defineComponent({
|
||||
monthRefs.value.reduce((arr, ref) => {
|
||||
arr.push(...(ref.disabledDays?.value ?? []));
|
||||
return arr;
|
||||
}, [] as CalendarDayItem[])
|
||||
}, [] as CalendarDayItem[]),
|
||||
);
|
||||
|
||||
const onClickDay = (item: CalendarDayItem) => {
|
||||
@ -416,7 +416,7 @@ export default defineComponent({
|
||||
const disabledDay = getDisabledDate(
|
||||
disabledDays.value,
|
||||
startDay,
|
||||
date
|
||||
date,
|
||||
);
|
||||
|
||||
if (disabledDay) {
|
||||
@ -445,7 +445,7 @@ export default defineComponent({
|
||||
const dates = currentDate.value as Date[];
|
||||
|
||||
const selectedIndex = dates.findIndex(
|
||||
(dateItem: Date) => compareDay(dateItem, date) === 0
|
||||
(dateItem: Date) => compareDay(dateItem, date) === 0,
|
||||
);
|
||||
|
||||
if (selectedIndex !== -1) {
|
||||
@ -549,14 +549,14 @@ export default defineComponent({
|
||||
watch(() => props.show, init);
|
||||
watch(
|
||||
() => [props.type, props.minDate, props.maxDate],
|
||||
() => reset(getInitialDate(currentDate.value))
|
||||
() => reset(getInitialDate(currentDate.value)),
|
||||
);
|
||||
watch(
|
||||
() => props.defaultDate,
|
||||
(value = null) => {
|
||||
currentDate.value = value;
|
||||
scrollToCurrentDate();
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
useExpose<CalendarExpose>({
|
||||
|
||||
@ -82,7 +82,7 @@ export default defineComponent({
|
||||
});
|
||||
|
||||
const totalDay = computed(() =>
|
||||
getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1)
|
||||
getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1),
|
||||
);
|
||||
|
||||
const shouldRender = computed(() => visible.value || !props.lazyRender);
|
||||
@ -92,7 +92,7 @@ export default defineComponent({
|
||||
const getMultipleDayType = (day: Date) => {
|
||||
const isSelected = (date: Date) =>
|
||||
(props.currentDate as Date[]).some(
|
||||
(item) => compareDay(item, date) === 0
|
||||
(item) => compareDay(item, date) === 0,
|
||||
);
|
||||
|
||||
if (isSelected(day)) {
|
||||
@ -236,7 +236,7 @@ export default defineComponent({
|
||||
});
|
||||
|
||||
const disabledDays = computed(() =>
|
||||
days.value.filter((day) => day.type === 'disabled')
|
||||
days.value.filter((day) => day.type === 'disabled'),
|
||||
);
|
||||
|
||||
const scrollToDate = (body: Element, targetDate: Date) => {
|
||||
@ -248,7 +248,7 @@ export default defineComponent({
|
||||
|
||||
setScrollTop(
|
||||
body,
|
||||
daysRect.top + rowOffset + body.scrollTop - useRect(body).top
|
||||
daysRect.top + rowOffset + body.scrollTop - useRect(body).top,
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
@ -65,7 +65,7 @@ test('select event when type is single', async () => {
|
||||
wrapper.findAll('.van-calendar__day')[15].trigger('click');
|
||||
|
||||
expect(wrapper.emitted<[Date]>('select')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
new Date(2010, 0, 16),
|
||||
);
|
||||
});
|
||||
|
||||
@ -166,7 +166,7 @@ test('select event when type is multiple', async () => {
|
||||
days[15].trigger('click');
|
||||
|
||||
expect(wrapper.emitted<[Date]>('unselect')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
new Date(2010, 0, 16),
|
||||
);
|
||||
});
|
||||
|
||||
@ -205,7 +205,7 @@ test('confirm event when type is single', async () => {
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 16)
|
||||
new Date(2010, 0, 16),
|
||||
);
|
||||
});
|
||||
|
||||
@ -382,7 +382,7 @@ test('should render subtitle slot with params', async () => {
|
||||
await later();
|
||||
|
||||
expect(
|
||||
wrapper.find('.van-calendar__header-subtitle').html()
|
||||
wrapper.find('.van-calendar__header-subtitle').html(),
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
@ -420,7 +420,7 @@ test('should reset when type changed', async () => {
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 10)
|
||||
new Date(2010, 0, 10),
|
||||
);
|
||||
|
||||
await wrapper.setProps({
|
||||
@ -449,13 +449,13 @@ test('default-date prop in single type', async () => {
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2010, 0, 11)
|
||||
new Date(2010, 0, 11),
|
||||
);
|
||||
|
||||
await wrapper.setProps({ defaultDate: maxDate });
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![1][0]).toEqual(
|
||||
new Date(2010, 0, 20)
|
||||
new Date(2010, 0, 20),
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -134,7 +134,7 @@ test('min-date after current time', () => {
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(2200, 0, 1)
|
||||
new Date(2200, 0, 1),
|
||||
);
|
||||
});
|
||||
|
||||
@ -150,7 +150,7 @@ test('min-date before current time', () => {
|
||||
|
||||
wrapper.find('.van-calendar__confirm').trigger('click');
|
||||
expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
|
||||
new Date(1800, 0, 2)
|
||||
new Date(1800, 0, 2),
|
||||
);
|
||||
});
|
||||
|
||||
@ -195,7 +195,7 @@ test('first day of week', async () => {
|
||||
expect(wrapper.findAll('.van-calendar__weekday')[0].text()).toEqual('Tue');
|
||||
|
||||
const day = wrapper.find(
|
||||
'.van-calendar__month:first-of-type .van-calendar__day'
|
||||
'.van-calendar__month:first-of-type .van-calendar__day',
|
||||
);
|
||||
expect(day.text()).toEqual('1');
|
||||
expect(day.attributes('style')).toContain(`margin-left: ${(100 * 4) / 7}%`);
|
||||
|
||||
@ -69,12 +69,12 @@ export default defineComponent({
|
||||
value: 'value',
|
||||
children: 'children',
|
||||
},
|
||||
props.fieldNames
|
||||
props.fieldNames,
|
||||
);
|
||||
|
||||
const getSelectedOptionsByValue = (
|
||||
options: CascaderOption[],
|
||||
value: Numeric
|
||||
value: Numeric,
|
||||
): CascaderOption[] | undefined => {
|
||||
for (const option of options) {
|
||||
if (option[valueKey] === value) {
|
||||
@ -84,7 +84,7 @@ export default defineComponent({
|
||||
if (option[childrenKey]) {
|
||||
const selectedOptions = getSelectedOptionsByValue(
|
||||
option[childrenKey],
|
||||
value
|
||||
value,
|
||||
);
|
||||
if (selectedOptions) {
|
||||
return [option, ...selectedOptions];
|
||||
@ -109,7 +109,7 @@ export default defineComponent({
|
||||
};
|
||||
|
||||
const next = optionsCursor.find(
|
||||
(item) => item[valueKey] === option[valueKey]
|
||||
(item) => item[valueKey] === option[valueKey],
|
||||
);
|
||||
if (next) {
|
||||
optionsCursor = next[childrenKey];
|
||||
@ -211,7 +211,7 @@ export default defineComponent({
|
||||
const renderOption = (
|
||||
option: CascaderOption,
|
||||
selectedOption: CascaderOption | null,
|
||||
tabIndex: number
|
||||
tabIndex: number,
|
||||
) => {
|
||||
const { disabled } = option;
|
||||
const selected = !!(
|
||||
@ -247,11 +247,11 @@ export default defineComponent({
|
||||
const renderOptions = (
|
||||
options: CascaderOption[],
|
||||
selectedOption: CascaderOption | null,
|
||||
tabIndex: number
|
||||
tabIndex: number,
|
||||
) => (
|
||||
<ul role="menu" class={bem('options')}>
|
||||
{options.map((option) =>
|
||||
renderOption(option, selectedOption, tabIndex)
|
||||
renderOption(option, selectedOption, tabIndex),
|
||||
)}
|
||||
</ul>
|
||||
);
|
||||
@ -314,7 +314,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
updateTabs();
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
return () => (
|
||||
|
||||
@ -146,7 +146,7 @@ const onFinish = (
|
||||
{
|
||||
value,
|
||||
selectedOptions,
|
||||
}: { value: Numeric; selectedOptions: CascaderOption[] }
|
||||
}: { value: Numeric; selectedOptions: CascaderOption[] },
|
||||
) => {
|
||||
const result = selectedOptions
|
||||
.map((option) => option.text || option.name)
|
||||
|
||||
@ -78,7 +78,7 @@ export default defineComponent({
|
||||
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(value) => emit('change', value)
|
||||
(value) => emit('change', value),
|
||||
);
|
||||
|
||||
useExpose<CheckboxGroupExpose>({ toggleAll });
|
||||
|
||||
@ -84,7 +84,7 @@ export default defineComponent({
|
||||
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(value) => emit('change', value)
|
||||
(value) => emit('change', value),
|
||||
);
|
||||
|
||||
useExpose<CheckboxExpose>({ toggle, props, checked });
|
||||
|
||||
@ -90,7 +90,7 @@ export default defineComponent({
|
||||
const startRate = props.currentRate;
|
||||
const endRate = format(rate);
|
||||
const duration = Math.abs(
|
||||
((startRate - endRate) * 1000) / +props.speed
|
||||
((startRate - endRate) * 1000) / +props.speed,
|
||||
);
|
||||
|
||||
const animate = () => {
|
||||
@ -114,7 +114,7 @@ export default defineComponent({
|
||||
emit('update:currentRate', endRate);
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
const renderHover = () => {
|
||||
|
||||
@ -53,7 +53,7 @@ export default defineComponent({
|
||||
if (!parent) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
console.error(
|
||||
'[Vant] <CollapseItem> must be a child component of <Collapse>.'
|
||||
'[Vant] <CollapseItem> must be a child component of <Collapse>.',
|
||||
);
|
||||
}
|
||||
return;
|
||||
@ -122,7 +122,7 @@ export default defineComponent({
|
||||
const { border, disabled, readonly } = props;
|
||||
const attrs = pick(
|
||||
props,
|
||||
Object.keys(cellSharedProps) as Array<keyof typeof cellSharedProps>
|
||||
Object.keys(cellSharedProps) as Array<keyof typeof cellSharedProps>,
|
||||
);
|
||||
|
||||
if (readonly) {
|
||||
|
||||
@ -47,17 +47,17 @@ export type CollapseInstance = ComponentPublicInstance<{
|
||||
|
||||
function validateModelValue(
|
||||
modelValue: Numeric | Numeric[],
|
||||
accordion: boolean
|
||||
accordion: boolean,
|
||||
) {
|
||||
if (accordion && Array.isArray(modelValue)) {
|
||||
console.error(
|
||||
'[Vant] Collapse: "v-model" should not be Array in accordion mode'
|
||||
'[Vant] Collapse: "v-model" should not be Array in accordion mode',
|
||||
);
|
||||
return false;
|
||||
}
|
||||
if (!accordion && !Array.isArray(modelValue)) {
|
||||
console.error(
|
||||
'[Vant] Collapse: "v-model" should be Array in non-accordion mode'
|
||||
'[Vant] Collapse: "v-model" should be Array in non-accordion mode',
|
||||
);
|
||||
return false;
|
||||
}
|
||||
@ -87,7 +87,7 @@ export default defineComponent({
|
||||
updateName((modelValue as Numeric[]).concat(name));
|
||||
} else {
|
||||
updateName(
|
||||
(modelValue as Numeric[]).filter((activeName) => activeName !== name)
|
||||
(modelValue as Numeric[]).filter((activeName) => activeName !== name),
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
@ -231,7 +231,7 @@ test('should be readonly when using readonly prop', async () => {
|
||||
await titles[0].trigger('click');
|
||||
expect(wrapper.vm.active).toEqual([]);
|
||||
expect(wrapper.find('.van-collapse-item__title').classes()).not.toContain(
|
||||
'van-cell--clickable'
|
||||
'van-cell--clickable',
|
||||
);
|
||||
|
||||
wrapper.unmount();
|
||||
|
||||
@ -5,7 +5,7 @@ import { onPopupReopen } from './on-popup-reopen';
|
||||
|
||||
export const useHeight = (
|
||||
element: Element | Ref<Element | undefined>,
|
||||
withSafeArea?: boolean
|
||||
withSafeArea?: boolean,
|
||||
) => {
|
||||
const height = ref<number>();
|
||||
|
||||
|
||||
@ -10,8 +10,8 @@ export function useLazyRender(show: WatchSource<boolean | undefined>) {
|
||||
inited.value = value;
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
return (render: () => JSX.Element) => () => inited.value ? render() : null;
|
||||
return (render: () => JSX.Element) => () => (inited.value ? render() : null);
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@ const BODY_LOCK_CLASS = 'van-overflow-hidden';
|
||||
|
||||
export function useLockScroll(
|
||||
rootRef: Ref<HTMLElement | undefined>,
|
||||
shouldLock: () => boolean
|
||||
shouldLock: () => boolean,
|
||||
) {
|
||||
const touch = useTouch();
|
||||
const DIRECTION_UP = '01';
|
||||
@ -21,7 +21,7 @@ export function useLockScroll(
|
||||
const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
|
||||
const el = getScrollParent(
|
||||
event.target as Element,
|
||||
rootRef.value
|
||||
rootRef.value,
|
||||
) as HTMLElement;
|
||||
const { scrollHeight, offsetHeight, scrollTop } = el;
|
||||
let status = '11';
|
||||
|
||||
@ -2,7 +2,7 @@ import { Ref, ref, watch } from 'vue';
|
||||
|
||||
export const useSyncPropRef = <T>(
|
||||
getProp: () => T,
|
||||
setProp: (value: T) => void
|
||||
setProp: (value: T) => void,
|
||||
) => {
|
||||
const propRef = ref<T>(getProp()) as Ref<T>;
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ import { onMountedOrActivated } from '@vant/use';
|
||||
// @Experimental
|
||||
export function useVisibilityChange(
|
||||
target: Ref<Element | undefined>,
|
||||
onChange: (visible: boolean) => void
|
||||
onChange: (visible: boolean) => void,
|
||||
) {
|
||||
// compatibility: https://caniuse.com/#feat=intersectionobserver
|
||||
if (!inBrowser || !window.IntersectionObserver) {
|
||||
@ -17,7 +17,7 @@ export function useVisibilityChange(
|
||||
// visibility changed
|
||||
onChange(entries[0].intersectionRatio > 0);
|
||||
},
|
||||
{ root: document.body }
|
||||
{ root: document.body },
|
||||
);
|
||||
|
||||
const observe = () => {
|
||||
|
||||
@ -66,9 +66,9 @@ export default defineComponent({
|
||||
extend(
|
||||
{},
|
||||
props.themeVars,
|
||||
props.theme === 'dark' ? props.themeVarsDark : props.themeVarsLight
|
||||
)
|
||||
)
|
||||
props.theme === 'dark' ? props.themeVarsDark : props.themeVarsLight,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
if (inBrowser) {
|
||||
@ -87,7 +87,7 @@ export default defineComponent({
|
||||
}
|
||||
addTheme();
|
||||
},
|
||||
{ immediate: true }
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
onActivated(addTheme);
|
||||
|
||||
@ -56,7 +56,7 @@ test('should apply theme-vars-light in light mode', () => {
|
||||
});
|
||||
|
||||
expect(wrapper.element.getAttribute('style')).toEqual(
|
||||
'--van-rate-icon-full-color: blue;'
|
||||
'--van-rate-icon-full-color: blue;',
|
||||
);
|
||||
});
|
||||
|
||||
@ -75,6 +75,6 @@ test('should apply theme-vars-dark in dark mode', () => {
|
||||
});
|
||||
|
||||
expect(wrapper.element.getAttribute('style')).toEqual(
|
||||
'--van-rate-icon-full-color: green;'
|
||||
'--van-rate-icon-full-color: green;',
|
||||
);
|
||||
});
|
||||
|
||||
@ -111,7 +111,7 @@ export default defineComponent({
|
||||
|
||||
watch(
|
||||
() => props.contactInfo,
|
||||
(value) => extend(contact, DEFAULT_CONTACT, value)
|
||||
(value) => extend(contact, DEFAULT_CONTACT, value),
|
||||
);
|
||||
|
||||
return () => (
|
||||
|
||||
@ -50,7 +50,7 @@ test('should emit save event after submitting form', async () => {
|
||||
|
||||
await submitForm(wrapper);
|
||||
expect(wrapper.emitted<[ContactEditInfo]>('save')![0][0]).toEqual(
|
||||
contactInfo
|
||||
contactInfo,
|
||||
);
|
||||
});
|
||||
|
||||
@ -59,7 +59,7 @@ test('should watch contact info', async () => {
|
||||
await wrapper.setProps({ contactInfo });
|
||||
await submitForm(wrapper);
|
||||
expect(wrapper.emitted<[ContactEditInfo]>('save')![0][0]).toEqual(
|
||||
contactInfo
|
||||
contactInfo,
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
@ -65,7 +65,7 @@ export default defineComponent({
|
||||
nodes.push(
|
||||
<Tag type="primary" round class={bem('item-tag')}>
|
||||
{props.defaultTagText}
|
||||
</Tag>
|
||||
</Tag>,
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@ -109,10 +109,10 @@ import type { ContactListItem, ContactListProps } from 'vant';
|
||||
|
||||
组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
|
||||
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| ------------------------------------- | -------------------------- | ---- |
|
||||
| 名称 | 默认值 | 描述 |
|
||||
| --- | --- | --- |
|
||||
| --van-contact-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - |
|
||||
| --van-contact-list-edit-icon-size | _16px_ | - |
|
||||
| --van-contact-list-add-button-z-index | _999_ | - |
|
||||
| --van-contact-list-radio-color | _var(--van-primary-color)_ | - |
|
||||
| --van-contact-list-item-padding | _var(--van-padding-md)_ | - |
|
||||
| --van-contact-list-edit-icon-size | _16px_ | - |
|
||||
| --van-contact-list-add-button-z-index | _999_ | - |
|
||||
| --van-contact-list-radio-color | _var(--van-primary-color)_ | - |
|
||||
| --van-contact-list-item-padding | _var(--van-padding-md)_ | - |
|
||||
|
||||
@ -75,7 +75,7 @@ export default defineComponent({
|
||||
!props.exchangeButtonLoading &&
|
||||
(props.exchangeButtonDisabled ||
|
||||
!currentCode.value ||
|
||||
currentCode.value.length < props.exchangeMinLength)
|
||||
currentCode.value.length < props.exchangeMinLength),
|
||||
);
|
||||
|
||||
const updateListHeight = () => {
|
||||
@ -190,7 +190,7 @@ export default defineComponent({
|
||||
() => props.code,
|
||||
(value) => {
|
||||
currentCode.value = value;
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
watch(windowHeight, updateListHeight);
|
||||
|
||||
@ -3,7 +3,7 @@ import { padZero } from '../utils';
|
||||
export function getDate(timeStamp: number) {
|
||||
const date = new Date(timeStamp * 1000);
|
||||
return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
|
||||
date.getDate()
|
||||
date.getDate(),
|
||||
)}`;
|
||||
}
|
||||
|
||||
|
||||
@ -63,7 +63,7 @@ export default defineComponent({
|
||||
maxYear,
|
||||
'year',
|
||||
props.formatter,
|
||||
props.filter
|
||||
props.filter,
|
||||
);
|
||||
};
|
||||
|
||||
@ -104,7 +104,7 @@ export default defineComponent({
|
||||
maxMonth,
|
||||
'month',
|
||||
props.formatter,
|
||||
props.filter
|
||||
props.filter,
|
||||
);
|
||||
};
|
||||
|
||||
@ -133,12 +133,12 @@ export default defineComponent({
|
||||
default:
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
throw new Error(
|
||||
`[Vant] DatePicker: unsupported columns type: ${type}`
|
||||
`[Vant] DatePicker: unsupported columns type: ${type}`,
|
||||
);
|
||||
}
|
||||
return [];
|
||||
}
|
||||
})
|
||||
}),
|
||||
);
|
||||
|
||||
watch(currentValues, (newValues) => {
|
||||
@ -152,7 +152,7 @@ export default defineComponent({
|
||||
(newValues, oldValues) => {
|
||||
updatedByExternalSources.value = isSameValue(
|
||||
oldValues,
|
||||
currentValues.value
|
||||
currentValues.value,
|
||||
);
|
||||
newValues = formatValueRange(newValues, columns.value);
|
||||
if (!isSameValue(newValues, currentValues.value)) {
|
||||
@ -162,7 +162,7 @@ export default defineComponent({
|
||||
},
|
||||
{
|
||||
immediate: true,
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
const onChange = (...args: unknown[]) => emit('change', ...args);
|
||||
|
||||
@ -27,7 +27,7 @@ test('should emit confirm event correctly', async () => {
|
||||
],
|
||||
selectedValues: ['2030', '01', '01'],
|
||||
selectedIndexes: [0, 0, 0],
|
||||
}
|
||||
},
|
||||
);
|
||||
});
|
||||
|
||||
@ -66,10 +66,12 @@ test('should allow to dynamically set value', async () => {
|
||||
await wrapper.find('.van-picker__confirm').trigger('click');
|
||||
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2020', '02', '02']);
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![1][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![1][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2020', '03', '03']);
|
||||
});
|
||||
|
||||
@ -94,7 +96,8 @@ test('should render with max-date correctly', async () => {
|
||||
await later();
|
||||
await wrapper.find('.van-picker__confirm').trigger('click');
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2010', '01', '10']);
|
||||
});
|
||||
|
||||
@ -119,7 +122,8 @@ test('should render with min-date correctly', async () => {
|
||||
await later();
|
||||
await wrapper.find('.van-picker__confirm').trigger('click');
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2000', '10', '10']);
|
||||
});
|
||||
|
||||
@ -197,7 +201,8 @@ test('should update value correctly when dynamically change min-date', async ()
|
||||
|
||||
await wrapper.find('.van-picker__confirm').trigger('click');
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2020', '12', '20']);
|
||||
});
|
||||
|
||||
@ -218,6 +223,7 @@ test('should be displayed correctly when modelValue updated by external sources'
|
||||
|
||||
await wrapper.find('.van-picker__confirm').trigger('click');
|
||||
expect(
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
|
||||
wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
|
||||
.selectedValues,
|
||||
).toEqual(['2024', '01']);
|
||||
});
|
||||
|
||||
@ -12,7 +12,7 @@ import type { PickerOption } from '../picker';
|
||||
type Filter = (
|
||||
columnType: string,
|
||||
options: PickerOption[],
|
||||
values?: string[]
|
||||
values?: string[],
|
||||
) => PickerOption[];
|
||||
export type TimeFilter = RequiredParams<Filter>;
|
||||
type Formatter = (type: string, option: PickerOption) => PickerOption;
|
||||
@ -54,7 +54,7 @@ export const genOptions = <T extends string>(
|
||||
type: T,
|
||||
formatter: Formatter,
|
||||
filter?: Filter | TimeFilter,
|
||||
values?: string[]
|
||||
values?: string[],
|
||||
) => {
|
||||
const options = times(max - min + 1, (index) => {
|
||||
const value = padZero(min + index);
|
||||
|
||||
@ -135,7 +135,7 @@ export default defineComponent({
|
||||
onEventType[event.key]();
|
||||
emit('keydown', event);
|
||||
},
|
||||
['enter', 'esc']
|
||||
['enter', 'esc'],
|
||||
);
|
||||
|
||||
const renderTitle = () => {
|
||||
|
||||
@ -224,7 +224,7 @@ Vant 中导出了以下 Dialog 相关的辅助函数：
|
||||
|
||||
通过组件调用 `Dialog` 时，支持以下事件：
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------- | ------------------------ | -------- |
|
||||
| confirm | 点击确认按钮时触发 | - |
|
||||
| cancel | 点击取消按钮时触发 | - |
|
||||
|
||||
@ -62,7 +62,7 @@ export function showDialog(options: DialogOptions) {
|
||||
callback: (action: DialogAction) => {
|
||||
(action === 'confirm' ? resolve : reject)(action);
|
||||
},
|
||||
})
|
||||
}),
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
@ -152,7 +152,7 @@ test('should allow to disable confirm button', () => {
|
||||
},
|
||||
});
|
||||
expect(wrapper.find('.van-dialog__confirm').classes()).toContain(
|
||||
'van-button--disabled'
|
||||
'van-button--disabled',
|
||||
);
|
||||
});
|
||||
|
||||
@ -166,6 +166,6 @@ test('should allow to disable cancel button', () => {
|
||||
},
|
||||
});
|
||||
expect(wrapper.find('.van-dialog__cancel').classes()).toContain(
|
||||
'van-button--disabled'
|
||||
'van-button--disabled',
|
||||
);
|
||||
});
|
||||
|
||||
@ -65,7 +65,7 @@ export default defineComponent({
|
||||
if (!parent) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
console.error(
|
||||
'[Vant] <DropdownItem> must be a child component of <DropdownMenu>.'
|
||||
'[Vant] <DropdownItem> must be a child component of <DropdownMenu>.',
|
||||
);
|
||||
}
|
||||
return;
|
||||
@ -90,7 +90,7 @@ export default defineComponent({
|
||||
|
||||
const toggle = (
|
||||
show = !state.showPopup,
|
||||
options: { immediate?: boolean } = {}
|
||||
options: { immediate?: boolean } = {},
|
||||
) => {
|
||||
if (show === state.showPopup) {
|
||||
return;
|
||||
@ -115,7 +115,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
const match = props.options.find(
|
||||
(option) => option.value === props.modelValue
|
||||
(option) => option.value === props.modelValue,
|
||||
);
|
||||
|
||||
return match ? match.text : '';
|
||||
|
||||
@ -13,7 +13,7 @@ export type DropdownItemExpose = {
|
||||
show?: boolean,
|
||||
options?: {
|
||||
immediate?: boolean;
|
||||
}
|
||||
},
|
||||
) => void;
|
||||
/** @private */
|
||||
state: {
|
||||
|
||||
@ -65,7 +65,7 @@ export default defineComponent({
|
||||
const scrollParent = useScrollParent(root);
|
||||
|
||||
const opened = computed(() =>
|
||||
children.some((item) => item.state.showWrapper)
|
||||
children.some((item) => item.state.showWrapper),
|
||||
);
|
||||
|
||||
const barStyle = computed<CSSProperties | undefined>(() => {
|
||||
|
||||
@ -10,7 +10,7 @@ function renderWrapper(
|
||||
direction?: DropdownMenuDirection | undefined;
|
||||
closeOnClickOutside?: boolean;
|
||||
icon?: string;
|
||||
} = {}
|
||||
} = {},
|
||||
) {
|
||||
return mount({
|
||||
setup() {
|
||||
@ -242,14 +242,14 @@ test('toggle method', (done) => {
|
||||
await later();
|
||||
|
||||
expect(
|
||||
wrapper.find('.van-dropdown-item__content').style.display
|
||||
wrapper.find('.van-dropdown-item__content').style.display,
|
||||
).toEqual('');
|
||||
|
||||
// hide
|
||||
item.value.toggle(false, { immediate: true });
|
||||
await later();
|
||||
expect(
|
||||
wrapper.find('.van-dropdown-item__content').style.display
|
||||
wrapper.find('.van-dropdown-item__content').style.display,
|
||||
).toEqual('none');
|
||||
|
||||
done();
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user