jobsys-explore 4.6.21 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +3 -3
- package/CHANGELOG.md +542 -542
- package/README.md +41 -41
- package/TODOs.md +8 -8
- package/business-components/survey/ExSurvey.jsx +193 -193
- package/business-components/survey/index.js +5 -5
- package/business-components/survey/index.less +36 -36
- package/components/button/ExButton.jsx +120 -120
- package/components/button/index.js +4 -4
- package/components/button/index.less +7 -7
- package/components/decorator/ExDecorator.jsx +31 -31
- package/components/decorator/index.js +5 -5
- package/components/decorator/index.less +76 -76
- package/components/form/ExAddress.jsx +195 -195
- package/components/form/ExCascader.jsx +171 -171
- package/components/form/ExCheckbox.jsx +59 -59
- package/components/form/ExDate.jsx +143 -143
- package/components/form/ExDatetime.jsx +166 -166
- package/components/form/ExField.jsx +138 -138
- package/components/form/ExFieldUploader.jsx +50 -50
- package/components/form/ExForm.jsx +544 -544
- package/components/form/ExMatrixCheckbox.jsx +99 -99
- package/components/form/ExMatrixRadio.jsx +86 -86
- package/components/form/ExMatrixScale.jsx +97 -97
- package/components/form/ExNumber.jsx +51 -51
- package/components/form/ExRadio.jsx +58 -58
- package/components/form/ExRate.jsx +51 -51
- package/components/form/ExSelect.jsx +251 -251
- package/components/form/ExSlider.jsx +55 -55
- package/components/form/ExSwitch.jsx +51 -51
- package/components/form/ExTime.jsx +99 -99
- package/components/form/FormItem.jsx +307 -307
- package/components/form/PickerWrapper.jsx +120 -120
- package/components/form/index.js +46 -46
- package/components/form/index.less +178 -178
- package/components/form/utils.js +62 -62
- package/components/grid/ExGrid.jsx +53 -53
- package/components/grid/index.js +4 -4
- package/components/grid/index.less +2 -2
- package/components/index.js +12 -12
- package/components/pagination/ExPagination.jsx +457 -440
- package/components/pagination/index.js +5 -5
- package/components/pagination/index.less +3 -3
- package/components/provider/ExProvider.jsx +173 -173
- package/components/qrcode/ExQrcode.jsx +86 -86
- package/components/qrcode/index.js +5 -5
- package/components/qrcode/index.less +8 -8
- package/components/result/ExResult.jsx +122 -122
- package/components/result/index.js +5 -5
- package/components/result/index.less +59 -59
- package/components/search/ExSearch.jsx +370 -326
- package/components/search/components/Expand.jsx +77 -77
- package/components/search/components/Field.jsx +27 -27
- package/components/search/components/Quick.jsx +57 -57
- package/components/search/components/index.js +5 -5
- package/components/search/index.js +5 -5
- package/components/search/index.less +118 -118
- package/components/search/utils.js +30 -30
- package/components/sector/ExSector.jsx +52 -52
- package/components/sector/README.md +26 -26
- package/components/sector/index.js +5 -5
- package/components/sector/index.less +122 -122
- package/components/theme/ExTheme.jsx +10 -10
- package/components/theme/index.js +4 -4
- package/components/theme/index.less +98 -98
- package/components/uploader/ExUploader.jsx +293 -293
- package/components/uploader/index.js +5 -5
- package/components/utils.js +187 -187
- package/directives/auth.js +113 -113
- package/directives/index.js +4 -4
- package/dist/cipher-98df1050.cjs.map +1 -1
- package/dist/cipher-f2ed5ee6.js.map +1 -1
- package/dist/directives.cjs.map +1 -1
- package/dist/directives.js.map +1 -1
- package/dist/hooks.cjs.map +1 -1
- package/dist/hooks.js.map +1 -1
- package/dist/jobsys-explore.cjs +6 -6
- package/dist/jobsys-explore.cjs.map +1 -1
- package/dist/jobsys-explore.js +464 -407
- package/dist/jobsys-explore.js.map +1 -1
- package/docgen.config.js +15 -15
- package/docs/.vuepress/.cache/deps/_metadata.json +52 -52
- package/docs/.vuepress/.cache/deps/lodash-es.js +8442 -8442
- package/docs/.vuepress/.cache/deps/lodash-es.js.map +7 -7
- package/docs/.vuepress/.temp/internal/clientConfigs.js +17 -17
- package/docs/.vuepress/.temp/internal/pagesComponents.js +24 -24
- package/docs/.vuepress/.temp/internal/pagesData.js +22 -22
- package/docs/.vuepress/.temp/internal/pagesRoutes.js +12 -12
- package/docs/.vuepress/.temp/internal/themeData.js +1 -1
- package/docs/.vuepress/.temp/pages/components/decorator/ExDecorator.html.js +1 -1
- package/docs/.vuepress/.temp/pages/components/decorator/ExDecorator.html.vue +37 -37
- package/docs/.vuepress/.temp/pages/components/sector/ExSector.html.js +1 -1
- package/docs/.vuepress/.temp/pages/components/sector/ExSector.html.vue +71 -71
- package/docs/.vuepress/.temp/styles/index.scss +1 -1
- package/docs/.vuepress/config.js +61 -61
- package/docs/.vuepress/dist/404.html +33 -33
- package/docs/.vuepress/dist/assets/404.html-a0ce2184.js +1 -1
- package/docs/.vuepress/dist/assets/ExButton.html-ad283101.js +1 -1
- package/docs/.vuepress/dist/assets/ExDecorator.html-42d09114.js +1 -1
- package/docs/.vuepress/dist/assets/ExDecorator.html-c82c5fe8.js +1 -1
- package/docs/.vuepress/dist/assets/ExForm.html-9e3f8000.js +1 -1
- package/docs/.vuepress/dist/assets/ExProvider.html-78fdc6cd.js +1 -1
- package/docs/.vuepress/dist/assets/ExSearch.html-103f6f34.js +1 -1
- package/docs/.vuepress/dist/assets/ExSector.html-a1e24c3a.js +7 -7
- package/docs/.vuepress/dist/assets/ExSector.html-cff3fefd.js +1 -1
- package/docs/.vuepress/dist/assets/ExUploader.html-8310e424.js +1 -1
- package/docs/.vuepress/dist/assets/app-29fe8d1e.js +10 -10
- package/docs/.vuepress/dist/assets/hooks.html-90ccbc1a.js +1 -1
- package/docs/.vuepress/dist/assets/index.html-85b79c97.js +43 -43
- package/docs/.vuepress/dist/assets/style-46d7e227.css +1 -1
- package/docs/.vuepress/dist/components/button/ExButton.html +33 -33
- package/docs/.vuepress/dist/components/decorator/ExDecorator.html +33 -33
- package/docs/.vuepress/dist/components/form/ExForm.html +33 -33
- package/docs/.vuepress/dist/components/provider/ExProvider.html +33 -33
- package/docs/.vuepress/dist/components/search/ExSearch.html +33 -33
- package/docs/.vuepress/dist/components/sector/ExSector.html +39 -39
- package/docs/.vuepress/dist/components/uploader/ExUploader.html +33 -33
- package/docs/.vuepress/dist/hooks.html +33 -33
- package/docs/.vuepress/dist/index.html +75 -75
- package/docs/.vuepress/styles/index.scss +7 -7
- package/docs/components/decorator/ExDecorator.md +14 -14
- package/docs/components/sector/ExSector.md +43 -43
- package/docs/index.md +82 -82
- package/hooks/cipher.js +44 -44
- package/hooks/datetime.js +69 -69
- package/hooks/form.js +188 -188
- package/hooks/utils.js +282 -282
- package/index.html +17 -17
- package/package.json +1 -1
- package/playground/App.vue +191 -191
- package/playground/TestButton.vue +61 -61
- package/playground/TestCascader.vue +2442 -2442
- package/playground/TestDecorator.vue +14 -14
- package/playground/TestForm.vue +429 -429
- package/playground/TestFormItem.vue +110 -110
- package/playground/TestGrid.vue +22 -22
- package/playground/TestPagination.vue +1250 -1248
- package/playground/TestQrcode.vue +7 -7
- package/playground/TestResult.vue +12 -12
- package/playground/TestSearch.vue +115 -115
- package/playground/TestSector.vue +15 -15
- package/playground/TestSurvey.vue +27 -27
- package/playground/TestUploader.vue +14 -14
- package/playground/main.js +22 -22
- package/utils/style.js +13 -13
- package/vite.config.js +54 -54
- package/.changeset/blue-spiders-roll.md +0 -5
- package/.changeset/cyan-monkeys-draw.md +0 -5
- package/.changeset/dry-feet-float.md +0 -5
- package/.changeset/empty-mice-share.md +0 -5
- package/.changeset/famous-yaks-doubt.md +0 -5
- package/.changeset/five-fans-type.md +0 -5
- package/.changeset/funny-hats-drop.md +0 -5
- package/.changeset/khaki-cobras-bathe.md +0 -5
- package/.changeset/khaki-forks-shave.md +0 -5
- package/.changeset/lazy-yaks-crash.md +0 -5
- package/.changeset/light-cycles-flow.md +0 -5
- package/.changeset/loud-mirrors-explain.md +0 -5
- package/.changeset/lovely-balloons-protect.md +0 -5
- package/.changeset/mean-pens-travel.md +0 -5
- package/.changeset/moody-doors-grow.md +0 -5
- package/.changeset/moody-laws-change.md +0 -5
- package/.changeset/nasty-goats-joke.md +0 -5
- package/.changeset/odd-forks-drop.md +0 -5
- package/.changeset/olive-windows-suffer.md +0 -5
- package/.changeset/popular-carpets-jog.md +0 -5
- package/.changeset/popular-planets-play.md +0 -5
- package/.changeset/rare-gorillas-boil.md +0 -5
- package/.changeset/rare-moose-teach.md +0 -5
- package/.changeset/sharp-tools-hope.md +0 -5
- package/.changeset/slimy-sloths-refuse.md +0 -5
- package/.changeset/slow-boats-search.md +0 -5
- package/.changeset/small-experts-bake.md +0 -5
- package/.changeset/smooth-horses-tie.md +0 -5
- package/.changeset/tame-feet-reply.md +0 -5
- package/.changeset/tidy-items-reflect.md +0 -5
- package/.changeset/weak-chicken-admire.md +0 -5
- package/.changeset/weak-rockets-compare.md +0 -5
- package/.changeset/wild-glasses-bathe.md +0 -5
- package/.changeset/wise-ears-turn.md +0 -5
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
-
<style>
|
|
8
|
-
:root {
|
|
9
|
-
--c-bg: #fff;
|
|
10
|
-
}
|
|
11
|
-
html.dark {
|
|
12
|
-
--c-bg: #22272e;
|
|
13
|
-
}
|
|
14
|
-
html, body {
|
|
15
|
-
background-color: var(--c-bg);
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
18
|
-
<script>
|
|
19
|
-
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
-
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
-
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
-
document.documentElement.classList.toggle('dark', true);
|
|
23
|
-
}
|
|
24
|
-
</script>
|
|
25
|
-
<title>ExSearch | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
-
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
-
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
-
</head>
|
|
29
|
-
<body>
|
|
30
|
-
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="router-link-active" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="router-link-active" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExSearch <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/search/ExSearch.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/search/ExSearch.html#events" class="router-link-active router-link-exact-active sidebar-item" aria-label="Events"><!--[--><!--]--> Events <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exsearch" tabindex="-1"><a class="header-anchor" href="#exsearch" aria-hidden="true">#</a> ExSearch</h1><blockquote><p>ExSearch 搜索组件</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>modelValue</td><td></td><td>string</td><td>-</td><td>""</td></tr><tr><td>columns</td><td>搜索项的配置, 详见 <a href="#exsearchitemconfig-%E9%85%8D%E7%BD%AE">ExSearchItemConfig</a></td><td>array</td><td>-</td><td>[]</td></tr><tr><td>placeholder</td><td>占位提示文字</td><td>string</td><td>-</td><td>"请输入搜索关键词"</td></tr><tr><td>keyword</td><td>名称,作为提交表单时的标识符</td><td>string</td><td>-</td><td>"keyword"</td></tr><tr><td>label</td><td>搜索框左侧文本</td><td>string</td><td>-</td><td>""</td></tr><tr><td>readonly</td><td>是否将输入框设为只读状态,只读状态下无法输入内容</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>disabled</td><td>是否禁用输入框</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>inputAlign</td><td>输入框内容对齐方式</td><td>string</td><td><code>left</code>, <code>right</code>, <code>center</code></td><td>"left"</td></tr><tr><td>searchProps</td><td><a href="https://vant-contrib.gitee.io/vant/#/zh-CN/search" target="_blank" rel="noopener noreferrer">原生配置<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>object</td><td>-</td><td>{}</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:modelValue</td><td></td><td></td></tr><tr><td>search</td><td></td><td></td></tr></tbody></table><hr></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: sinceow@163.com">sinceow</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
-
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
32
|
-
</body>
|
|
33
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
+
<style>
|
|
8
|
+
:root {
|
|
9
|
+
--c-bg: #fff;
|
|
10
|
+
}
|
|
11
|
+
html.dark {
|
|
12
|
+
--c-bg: #22272e;
|
|
13
|
+
}
|
|
14
|
+
html, body {
|
|
15
|
+
background-color: var(--c-bg);
|
|
16
|
+
}
|
|
17
|
+
</style>
|
|
18
|
+
<script>
|
|
19
|
+
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
+
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
+
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
+
document.documentElement.classList.toggle('dark', true);
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
25
|
+
<title>ExSearch | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
+
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
+
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="router-link-active" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="router-link-active" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExSearch <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/search/ExSearch.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/search/ExSearch.html#events" class="router-link-active router-link-exact-active sidebar-item" aria-label="Events"><!--[--><!--]--> Events <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exsearch" tabindex="-1"><a class="header-anchor" href="#exsearch" aria-hidden="true">#</a> ExSearch</h1><blockquote><p>ExSearch 搜索组件</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>modelValue</td><td></td><td>string</td><td>-</td><td>""</td></tr><tr><td>columns</td><td>搜索项的配置, 详见 <a href="#exsearchitemconfig-%E9%85%8D%E7%BD%AE">ExSearchItemConfig</a></td><td>array</td><td>-</td><td>[]</td></tr><tr><td>placeholder</td><td>占位提示文字</td><td>string</td><td>-</td><td>"请输入搜索关键词"</td></tr><tr><td>keyword</td><td>名称,作为提交表单时的标识符</td><td>string</td><td>-</td><td>"keyword"</td></tr><tr><td>label</td><td>搜索框左侧文本</td><td>string</td><td>-</td><td>""</td></tr><tr><td>readonly</td><td>是否将输入框设为只读状态,只读状态下无法输入内容</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>disabled</td><td>是否禁用输入框</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>inputAlign</td><td>输入框内容对齐方式</td><td>string</td><td><code>left</code>, <code>right</code>, <code>center</code></td><td>"left"</td></tr><tr><td>searchProps</td><td><a href="https://vant-contrib.gitee.io/vant/#/zh-CN/search" target="_blank" rel="noopener noreferrer">原生配置<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>object</td><td>-</td><td>{}</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:modelValue</td><td></td><td></td></tr><tr><td>search</td><td></td><td></td></tr></tbody></table><hr></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: sinceow@163.com">sinceow</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
+
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
32
|
+
</body>
|
|
33
|
+
</html>
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
-
<style>
|
|
8
|
-
:root {
|
|
9
|
-
--c-bg: #fff;
|
|
10
|
-
}
|
|
11
|
-
html.dark {
|
|
12
|
-
--c-bg: #22272e;
|
|
13
|
-
}
|
|
14
|
-
html, body {
|
|
15
|
-
background-color: var(--c-bg);
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
18
|
-
<script>
|
|
19
|
-
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
-
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
-
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
-
document.documentElement.classList.toggle('dark', true);
|
|
23
|
-
}
|
|
24
|
-
</script>
|
|
25
|
-
<title>ExSector | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
-
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
-
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
-
</head>
|
|
29
|
-
<body>
|
|
30
|
-
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="router-link-active" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="router-link-active" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExSector <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/sector/ExSector.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/sector/ExSector.html#示例" class="router-link-active router-link-exact-active sidebar-item" aria-label="示例"><!--[--><!--]--> 示例 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exsector" tabindex="-1"><a class="header-anchor" href="#exsector" aria-hidden="true">#</a> ExSector</h1><blockquote><p>块状导航</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>color</td><td>自定义颜色</td><td>string</td><td><code>green</code>, <code>blue</code>, <code>orange</code>, <code>red</code></td><td>"green"</td></tr><tr><td>height</td><td>高度</td><td>number|string</td><td>-</td><td>"100px"</td></tr><tr><td>title</td><td>标题</td><td>string</td><td>-</td><td>""</td></tr><tr><td>subtitle</td><td>副标题</td><td>string</td><td>-</td><td>""</td></tr></tbody></table><hr><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><hr><div style="width:200px;"><view class="ex-sector ex-sector__green" style="height:100px;"><view class="ex-sector__title">普通的标题</view><view class="ex-sector__subtitle">有描述</view></view><view class="ex-sector ex-sector__blue" style="height:100px;"><view class="ex-sector__title">有slot的写法</view><view class="ex-sector__subtitle"><!--[--><view style="color:red;">红色</view>与蓝色 <!--]--></view></view></div><div class="language-vue line-numbers-mode" data-ext="vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExSector</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>普通的标题<span class="token punctuation">"</span></span> <span class="token attr-name">subtitle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>有描述<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
|
|
31
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExSector</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>有slot的写法<span class="token punctuation">"</span></span> <span class="token attr-name">color</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>blue<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
32
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span> <span class="token attr-name">#subtitle</span><span class="token punctuation">></span></span>
|
|
33
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span> red</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>红色<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>与蓝色
|
|
34
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
35
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ExSector</span><span class="token punctuation">></span></span>
|
|
36
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></div><!--[--><!--]--></div><footer class="page-meta"><!----><!----><!----></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
37
|
-
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
38
|
-
</body>
|
|
39
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
+
<style>
|
|
8
|
+
:root {
|
|
9
|
+
--c-bg: #fff;
|
|
10
|
+
}
|
|
11
|
+
html.dark {
|
|
12
|
+
--c-bg: #22272e;
|
|
13
|
+
}
|
|
14
|
+
html, body {
|
|
15
|
+
background-color: var(--c-bg);
|
|
16
|
+
}
|
|
17
|
+
</style>
|
|
18
|
+
<script>
|
|
19
|
+
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
+
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
+
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
+
document.documentElement.classList.toggle('dark', true);
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
25
|
+
<title>ExSector | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
+
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
+
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="router-link-active" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="router-link-active" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExSector <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/sector/ExSector.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/sector/ExSector.html#示例" class="router-link-active router-link-exact-active sidebar-item" aria-label="示例"><!--[--><!--]--> 示例 <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exsector" tabindex="-1"><a class="header-anchor" href="#exsector" aria-hidden="true">#</a> ExSector</h1><blockquote><p>块状导航</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>color</td><td>自定义颜色</td><td>string</td><td><code>green</code>, <code>blue</code>, <code>orange</code>, <code>red</code></td><td>"green"</td></tr><tr><td>height</td><td>高度</td><td>number|string</td><td>-</td><td>"100px"</td></tr><tr><td>title</td><td>标题</td><td>string</td><td>-</td><td>""</td></tr><tr><td>subtitle</td><td>副标题</td><td>string</td><td>-</td><td>""</td></tr></tbody></table><hr><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><hr><div style="width:200px;"><view class="ex-sector ex-sector__green" style="height:100px;"><view class="ex-sector__title">普通的标题</view><view class="ex-sector__subtitle">有描述</view></view><view class="ex-sector ex-sector__blue" style="height:100px;"><view class="ex-sector__title">有slot的写法</view><view class="ex-sector__subtitle"><!--[--><view style="color:red;">红色</view>与蓝色 <!--]--></view></view></div><div class="language-vue line-numbers-mode" data-ext="vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExSector</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>普通的标题<span class="token punctuation">"</span></span> <span class="token attr-name">subtitle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>有描述<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
|
|
31
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExSector</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>有slot的写法<span class="token punctuation">"</span></span> <span class="token attr-name">color</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>blue<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
32
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span> <span class="token attr-name">#subtitle</span><span class="token punctuation">></span></span>
|
|
33
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span> red</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>红色<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span>与蓝色
|
|
34
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
35
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ExSector</span><span class="token punctuation">></span></span>
|
|
36
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></div><!--[--><!--]--></div><footer class="page-meta"><!----><!----><!----></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
37
|
+
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
38
|
+
</body>
|
|
39
|
+
</html>
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
-
<style>
|
|
8
|
-
:root {
|
|
9
|
-
--c-bg: #fff;
|
|
10
|
-
}
|
|
11
|
-
html.dark {
|
|
12
|
-
--c-bg: #22272e;
|
|
13
|
-
}
|
|
14
|
-
html, body {
|
|
15
|
-
background-color: var(--c-bg);
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
18
|
-
<script>
|
|
19
|
-
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
-
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
-
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
-
document.documentElement.classList.toggle('dark', true);
|
|
23
|
-
}
|
|
24
|
-
</script>
|
|
25
|
-
<title>ExUploader | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
-
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
-
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
-
</head>
|
|
29
|
-
<body>
|
|
30
|
-
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="router-link-active" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="router-link-active" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExUploader <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/uploader/ExUploader.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/uploader/ExUploader.html#events" class="router-link-active router-link-exact-active sidebar-item" aria-label="Events"><!--[--><!--]--> Events <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exuploader" tabindex="-1"><a class="header-anchor" href="#exuploader" aria-hidden="true">#</a> ExUploader</h1><blockquote><p>ExUploader 文件上传</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>modelValue</td><td></td><td>object|array</td><td>-</td><td>() => ({})</td></tr><tr><td>name</td><td>上传文件字段名</td><td>string</td><td>-</td><td>"file"</td></tr><tr><td>accept</td><td>接受上传的文件类型, 详见 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept" target="_blank" rel="noopener noreferrer">input accept Attribute<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>string</td><td>-</td><td>""</td></tr><tr><td>headers</td><td>设置上传的请求头部,IE10 以上有效</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>type</td><td>上传列表的基本样式 text, picture</td><td>string</td><td><code>text</code>, <code>picture</code></td><td>"picture"</td></tr><tr><td>disabled</td><td>是否禁用</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>readonly</td><td>是否只读</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>maxSize</td><td>单个文件大小上限,单位为 MB</td><td>number</td><td>-</td><td>10</td></tr><tr><td>maxNum</td><td>上传文件个数上限</td><td>number</td><td>-</td><td>1</td></tr><tr><td>multiple</td><td>是否支持多选文件</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>action</td><td>上传文件的服务器地址</td><td>string</td><td>-</td><td>""</td></tr><tr><td>afterUpload</td><td>上传后的数据处理回调</td><td>func</td><td>-</td><td>null</td></tr><tr><td>extraData</td><td>上传时的附加参数</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>uploadText</td><td>上传按钮文本</td><td>string</td><td>-</td><td>"上传"</td></tr><tr><td>uploadIcon</td><td>上传区域图标名称或图片链接,等同于 Icon 组件的 name 属性</td><td>string</td><td>-</td><td>"photograph"</td></tr><tr><td>uploaderProps</td><td><a href="https://vant-contrib.gitee.io/vant/#/zh-CN/uploader" target="_blank" rel="noopener noreferrer">原生配置<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>object</td><td>-</td><td>{}</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:modelValue</td><td></td><td></td></tr><tr><td>success</td><td></td><td></td></tr><tr><td>change</td><td></td><td></td></tr></tbody></table><hr></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: sinceow@163.com">sinceow</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
-
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
32
|
-
</body>
|
|
33
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<meta name="generator" content="VuePress 2.0.0-beta.67">
|
|
7
|
+
<style>
|
|
8
|
+
:root {
|
|
9
|
+
--c-bg: #fff;
|
|
10
|
+
}
|
|
11
|
+
html.dark {
|
|
12
|
+
--c-bg: #22272e;
|
|
13
|
+
}
|
|
14
|
+
html, body {
|
|
15
|
+
background-color: var(--c-bg);
|
|
16
|
+
}
|
|
17
|
+
</style>
|
|
18
|
+
<script>
|
|
19
|
+
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
+
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
+
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
+
document.documentElement.classList.toggle('dark', true);
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
25
|
+
<title>ExUploader | Explore Component</title><meta name="description" content="Enhanced Vue components based on Vant.">
|
|
26
|
+
<link rel="preload" href="/docs/explore-ui/assets/style-46d7e227.css" as="style"><link rel="stylesheet" href="/docs/explore-ui/assets/style-46d7e227.css">
|
|
27
|
+
<link rel="modulepreload" href="/docs/explore-ui/assets/app-29fe8d1e.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExUploader.html-f059c617.js"><link rel="modulepreload" href="/docs/explore-ui/assets/ExUploader.html-8310e424.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-e18a38b1.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-b975c5b2.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-42d09114.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-50d01930.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-24f42bf7.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-cff3fefd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-635a618b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-f9875e7b.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/index.html-85b79c97.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExButton.html-ad283101.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExDecorator.html-c82c5fe8.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExProvider.html-78fdc6cd.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExForm.html-9e3f8000.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSector.html-a1e24c3a.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/ExSearch.html-103f6f34.js" as="script"><link rel="prefetch" href="/docs/explore-ui/assets/404.html-a0ce2184.js" as="script">
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/docs/explore-ui/" class=""><!----><span class="site-name">Explore Component</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><nav class="navbar-items can-hide"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="router-link-active" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><nav class="navbar-items"><!--[--><div class="navbar-item"><a href="/docs/explore-ui/" class="" aria-label="首页"><!--[--><!--]--> 首页 <!--[--><!--]--></a></div><div class="navbar-item"><div class="navbar-dropdown-wrapper"><button class="navbar-dropdown-title" type="button" aria-label="组件"><span class="title">组件</span><span class="arrow down"></span></button><button class="navbar-dropdown-title-mobile" type="button" aria-label="组件"><span class="title">组件</span><span class="right arrow"></span></button><ul style="display:none;" class="navbar-dropdown"><!--[--><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/button/ExButton" class="" aria-label="ExButton"><!--[--><!--]--> ExButton <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/decorator/ExDecorator" class="" aria-label="ExDecorator"><!--[--><!--]--> ExDecorator <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/form/ExForm" class="" aria-label="ExForm"><!--[--><!--]--> ExForm <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/provider/ExProvider" class="" aria-label="ExProvider"><!--[--><!--]--> ExProvider <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/search/ExSearch" class="" aria-label="ExSearch"><!--[--><!--]--> ExSearch <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/sector/ExSector" class="" aria-label="ExSector"><!--[--><!--]--> ExSector <!--[--><!--]--></a></li><li class="navbar-dropdown-item"><a href="/docs/explore-ui/components/uploader/ExUploader" class="router-link-active" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">ExUploader <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/components/uploader/ExUploader.html#props" class="router-link-active router-link-exact-active sidebar-item" aria-label="Props"><!--[--><!--]--> Props <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/components/uploader/ExUploader.html#events" class="router-link-active router-link-exact-active sidebar-item" aria-label="Events"><!--[--><!--]--> Events <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="exuploader" tabindex="-1"><a class="header-anchor" href="#exuploader" aria-hidden="true">#</a> ExUploader</h1><blockquote><p>ExUploader 文件上传</p></blockquote><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>modelValue</td><td></td><td>object|array</td><td>-</td><td>() => ({})</td></tr><tr><td>name</td><td>上传文件字段名</td><td>string</td><td>-</td><td>"file"</td></tr><tr><td>accept</td><td>接受上传的文件类型, 详见 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept" target="_blank" rel="noopener noreferrer">input accept Attribute<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>string</td><td>-</td><td>""</td></tr><tr><td>headers</td><td>设置上传的请求头部,IE10 以上有效</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>type</td><td>上传列表的基本样式 text, picture</td><td>string</td><td><code>text</code>, <code>picture</code></td><td>"picture"</td></tr><tr><td>disabled</td><td>是否禁用</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>readonly</td><td>是否只读</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>maxSize</td><td>单个文件大小上限,单位为 MB</td><td>number</td><td>-</td><td>10</td></tr><tr><td>maxNum</td><td>上传文件个数上限</td><td>number</td><td>-</td><td>1</td></tr><tr><td>multiple</td><td>是否支持多选文件</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>action</td><td>上传文件的服务器地址</td><td>string</td><td>-</td><td>""</td></tr><tr><td>afterUpload</td><td>上传后的数据处理回调</td><td>func</td><td>-</td><td>null</td></tr><tr><td>extraData</td><td>上传时的附加参数</td><td>object</td><td>-</td><td>{}</td></tr><tr><td>uploadText</td><td>上传按钮文本</td><td>string</td><td>-</td><td>"上传"</td></tr><tr><td>uploadIcon</td><td>上传区域图标名称或图片链接,等同于 Icon 组件的 name 属性</td><td>string</td><td>-</td><td>"photograph"</td></tr><tr><td>uploaderProps</td><td><a href="https://vant-contrib.gitee.io/vant/#/zh-CN/uploader" target="_blank" rel="noopener noreferrer">原生配置<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a></td><td>object</td><td>-</td><td>{}</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:modelValue</td><td></td><td></td></tr><tr><td>success</td><td></td><td></td></tr><tr><td>change</td><td></td><td></td></tr></tbody></table><hr></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: sinceow@163.com">sinceow</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
+
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
32
|
+
</body>
|
|
33
|
+
</html>
|