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>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/hooks.html-ddb4f378.js"><link rel="modulepreload" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js"><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/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/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/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="" 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="router-link-active" 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="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="router-link-active" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading"> <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/hooks.html#constants" class="router-link-active router-link-exact-active sidebar-item" aria-label="Constants"><!--[--><!--]--> Constants <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#functions" class="router-link-active router-link-exact-active sidebar-item" aria-label="Functions"><!--[--><!--]--> Functions <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#status-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="STATUS : Object"><!--[--><!--]--> STATUS : Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usepage" class="router-link-active router-link-exact-active sidebar-item" aria-label="usePage"><!--[--><!--]--> usePage <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm2" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm2()"><!--[--><!--]--> useSm2() <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm3-msg-options-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm3(msg, [options]) ⇒ *"><!--[--><!--]--> useSm3(msg, [options]) ⇒ * <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm4encrypt-msg-key-options-⇒-uint8array" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm4Encrypt(msg, key, [options]) ⇒ Uint8Array"><!--[--><!--]--> useSm4Encrypt(msg, key, [options]) ⇒ Uint8Array <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm4decrypt-encryptdata-key-options-⇒-uint8array" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm4Decrypt(encryptData, key, [options]) ⇒ Uint8Array"><!--[--><!--]--> useSm4Decrypt(encryptData, key, [options]) ⇒ Uint8Array <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedayjs-date-format-⇒-dayjs-dayjs" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDayjs(date, [format]) ⇒ dayjs.Dayjs"><!--[--><!--]--> useDayjs(date, [format]) ⇒ dayjs.Dayjs <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedateformat-date-format-⇒-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDateFormat(date, format) ⇒ string"><!--[--><!--]--> useDateFormat(date, format) ⇒ string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedateunix-date-⇒-number-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDateUnix(date) ⇒ number | string"><!--[--><!--]--> useDateUnix(date) ⇒ number | string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usetimestampformat-timestamp-format-⇒-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useTimestampFormat(timestamp, [format]) ⇒ string"><!--[--><!--]--> useTimestampFormat(timestamp, [format]) ⇒ string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usehiddenform-options-⇒-htmlformelement" class="router-link-active router-link-exact-active sidebar-item" aria-label="useHiddenForm(options) ⇒ HTMLFormElement"><!--[--><!--]--> useHiddenForm(options) ⇒ HTMLFormElement <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useprocessstatus-res-ops" class="router-link-active router-link-exact-active sidebar-item" aria-label="useProcessStatus(res, ops)"><!--[--><!--]--> useProcessStatus(res, ops) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useprocessstatussuccess-res-success" class="router-link-active router-link-exact-active sidebar-item" aria-label="useProcessStatusSuccess(res, success)"><!--[--><!--]--> useProcessStatusSuccess(res, success) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useformfail-e" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFormFail(e)"><!--[--><!--]--> useFormFail(e) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useformformat-form-format-⇒-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFormFormat(form, [format]) ⇒ Object"><!--[--><!--]--> useFormFormat(form, [format]) ⇒ Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefetch-fetcher-⇒-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFetch([fetcher]) ⇒ Object"><!--[--><!--]--> useFetch([fetcher]) ⇒ Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#get-url-config-⇒-promise-unknown" class="router-link-active router-link-exact-active sidebar-item" aria-label="get(url, [config]) ⇒ Promise.<unknown>"><!--[--><!--]--> get(url, [config]) ⇒ Promise.<unknown> <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#post-url-data-config-⇒-promise-unknown" class="router-link-active router-link-exact-active sidebar-item" aria-label="post(url, data, [config]) ⇒ Promise.<unknown>"><!--[--><!--]--> post(url, data, [config]) ⇒ Promise.<unknown> <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usetextfromoptionsvalue-value-options-⇒-string-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useTextFromOptionsValue(value, options) ⇒ * | string | string"><!--[--><!--]--> useTextFromOptionsValue(value, options) ⇒ * | string | string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindtextsinvalues-options-values-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindTextsInValues(options, values, [adapter]) ⇒"><!--[--><!--]--> useFindTextsInValues(options, values, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindlabelsfrompath-options-path-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindLabelsFromPath(options, path, [adapter]) ⇒"><!--[--><!--]--> useFindLabelsFromPath(options, path, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindtextsfrompath-options-path-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindTextsFromPath(options, path, [adapter]) ⇒"><!--[--><!--]--> useFindTextsFromPath(options, path, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindparentvalues-options-value-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindParentValues(options, value, adapter) ⇒"><!--[--><!--]--> useFindParentValues(options, value, adapter) ⇒ <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h2 id="constants" tabindex="-1"><a class="header-anchor" href="#constants" aria-hidden="true">#</a> Constants</h2><dl><dt><a href="#STATUS">STATUS</a> : <code>Object</code></dt><dd><p>请求返回状态码</p></dd><dt><a href="#usePage">usePage</a></dt><dd><p>分页请求</p></dd></dl><h2 id="functions" tabindex="-1"><a class="header-anchor" href="#functions" aria-hidden="true">#</a> Functions</h2><dl><dt><a href="#useSm2">useSm2()</a></dt><dd><p>国密 sm2</p></dd><dt><a href="#useSm3">useSm3(msg, [options])</a> ⇒ <code>*</code></dt><dd><p>国密 sm3 加密</p></dd><dt><a href="#useSm4Encrypt">useSm4Encrypt(msg, key, [options])</a> ⇒ <code>Uint8Array</code></dt><dd><p>国密 sm4 加密</p></dd><dt><a href="#useSm4Decrypt">useSm4Decrypt(encryptData, key, [options])</a> ⇒ <code>Uint8Array</code></dt><dd><p>国密 sm4 解密</p></dd><dt><a href="#useDayjs">useDayjs(date, [format])</a> ⇒ <code>dayjs.Dayjs</code></dt><dd><p>根据格式创建 Dayjs 对象</p></dd><dt><a href="#useDateFormat">useDateFormat(date, format)</a> ⇒ <code>string</code></dt><dd><p>格式化日期</p></dd><dt><a href="#useDateUnix">useDateUnix(date)</a> ⇒ <code>number</code> | <code>string</code></dt><dd><p>获取日期的 Unix 时间戳</p></dd><dt><a href="#useTimestampFormat">useTimestampFormat(timestamp, [format])</a> ⇒ <code>string</code></dt><dd><p>根据时间戳格式化日期</p></dd><dt><a href="#useHiddenForm">useHiddenForm(options)</a> ⇒ <code>HTMLFormElement</code></dt><dd><p>创建一个隐藏的表单</p></dd><dt><a href="#useProcessStatus">useProcessStatus(res, ops)</a></dt><dd><p>处理请求结果</p></dd><dt><a href="#useProcessStatusSuccess">useProcessStatusSuccess(res, success)</a></dt><dd><p>处理正确请求结果</p></dd><dt><a href="#useFormFail">useFormFail(e)</a></dt><dd><p>处理表单提交失败</p></dd><dt><a href="#useFormFormat">useFormFormat(form, [format])</a> ⇒ <code>Object</code></dt><dd><p>处理表单数据</p></dd><dt><a href="#useFetch">useFetch([fetcher])</a> ⇒ <code>Object</code></dt><dd><p>通用 AJAX 请求</p></dd><dt><a href="#get">get(url, [config])</a> ⇒ <code>Promise.<unknown></code></dt><dd><p>get请求</p></dd><dt><a href="#post">post(url, data, [config])</a> ⇒ <code>Promise.<unknown></code></dt><dd><p>post请求</p></dd><dt><a href="#useTextFromOptionsValue">useTextFromOptionsValue(value, options)</a> ⇒ <code>*</code> | <code>string</code> | <code>string</code></dt><dd><p>从 options 中根据 value 获取 text</p></dd><dt><a href="#useFindTextsInValues">useFindTextsInValues(options, values, [adapter])</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取 text, 如 [1, 3] => ["东", "南"]</p></dd><dt><a href="#useFindLabelsFromPath">useFindLabelsFromPath(options, path, [adapter])</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取 label</p></dd><dt><a href="#useFindTextsFromPath">useFindTextsFromPath(options, path, [adapter])</a> ⇒</dt><dd><p>[移动端适配] 从嵌套的 options 中根据 value 获取 text</p></dd><dt><a href="#useFindParentValues">useFindParentValues(options, value, adapter)</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取整个 values 路径, 如地区路径: 440113 => [440000, 440100, 440113]</p></dd></dl><p><a name="STATUS"></a></p><h2 id="status-object" tabindex="-1"><a class="header-anchor" href="#status-object" aria-hidden="true">#</a> STATUS : <code>Object</code></h2><p>请求返回状态码</p><p><strong>Kind</strong>: global constant<br><a name="usePage"></a></p><h2 id="usepage" tabindex="-1"><a class="header-anchor" href="#usepage" aria-hidden="true">#</a> usePage</h2><p>分页请求</p><p><strong>Kind</strong>: global constant</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>pagination</td><td><code>object</code></td><td>分页对象</td></tr><tr><td>pagination.uri</td><td><code>string</code></td><td>请求地址</td></tr><tr><td>[pagination.params]</td><td><code>object</code></td><td>请求参数</td></tr><tr><td>[pagination.page]</td><td><code>number</code></td><td>当前页码</td></tr><tr><td>[pagination.finishedText]</td><td><code>string</code></td><td>加载完毕文本</td></tr><tr><td>[pagination.loading]</td><td><code>boolean</code></td><td>加载状态</td></tr><tr><td>[pagination.finished]</td><td><code>boolean</code></td><td>加载完毕</td></tr><tr><td>[pagination.error]</td><td><code>boolean</code></td><td>是否错误</td></tr><tr><td>[pagination.errorText]</td><td><code>string</code></td><td>错误文本</td></tr><tr><td>[pagination.empty]</td><td><code>boolean</code></td><td>是否无内容</td></tr><tr><td>[pagination.items]</td><td><code>array</code></td><td>分页数据</td></tr><tr><td>refresh</td><td><code>boolean</code></td><td>是否刷新</td></tr><tr><td>[process]</td><td><code>function</code></td><td>数据处理函数</td></tr></tbody></table><p><a name="useSm2"></a></p><h2 id="usesm2" tabindex="-1"><a class="header-anchor" href="#usesm2" aria-hidden="true">#</a> useSm2()</h2><p>国密 sm2</p><p><strong>Kind</strong>: global function<br><a name="useSm3"></a></p><h2 id="usesm3-msg-options-⇒" tabindex="-1"><a class="header-anchor" href="#usesm3-msg-options-⇒" aria-hidden="true">#</a> useSm3(msg, [options]) ⇒ <code>*</code></h2><p>国密 sm3 加密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>msg</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useSm4Encrypt"></a></p><h2 id="usesm4encrypt-msg-key-options-⇒-uint8array" tabindex="-1"><a class="header-anchor" href="#usesm4encrypt-msg-key-options-⇒-uint8array" aria-hidden="true">#</a> useSm4Encrypt(msg, key, [options]) ⇒ <code>Uint8Array</code></h2><p>国密 sm4 加密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>msg</td><td></td></tr><tr><td>key</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useSm4Decrypt"></a></p><h2 id="usesm4decrypt-encryptdata-key-options-⇒-uint8array" tabindex="-1"><a class="header-anchor" href="#usesm4decrypt-encryptdata-key-options-⇒-uint8array" aria-hidden="true">#</a> useSm4Decrypt(encryptData, key, [options]) ⇒ <code>Uint8Array</code></h2><p>国密 sm4 解密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>encryptData</td><td></td></tr><tr><td>key</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useDayjs"></a></p><h2 id="usedayjs-date-format-⇒-dayjs-dayjs" tabindex="-1"><a class="header-anchor" href="#usedayjs-date-format-⇒-dayjs-dayjs" aria-hidden="true">#</a> useDayjs(date, [format]) ⇒ <code>dayjs.Dayjs</code></h2><p>根据格式创建 Dayjs 对象</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>date</td><td><code>string</code> | <code>number</code></td><td></td></tr><tr><td>[format]</td><td><code>string</code></td><td>日期格式</td></tr></tbody></table><p><a name="useDateFormat"></a></p><h2 id="usedateformat-date-format-⇒-string" tabindex="-1"><a class="header-anchor" href="#usedateformat-date-format-⇒-string" aria-hidden="true">#</a> useDateFormat(date, format) ⇒ <code>string</code></h2><p>格式化日期</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>date</td><td><code>dayjs.Dayjs</code> | <code>Date</code></td></tr><tr><td>format</td><td><code>string</code></td></tr></tbody></table><p><a name="useDateUnix"></a></p><h2 id="usedateunix-date-⇒-number-string" tabindex="-1"><a class="header-anchor" href="#usedateunix-date-⇒-number-string" aria-hidden="true">#</a> useDateUnix(date) ⇒ <code>number</code> | <code>string</code></h2><p>获取日期的 Unix 时间戳</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>date</td><td><code>dayjs.Dayjs</code> | <code>Date</code></td></tr></tbody></table><p><a name="useTimestampFormat"></a></p><h2 id="usetimestampformat-timestamp-format-⇒-string" tabindex="-1"><a class="header-anchor" href="#usetimestampformat-timestamp-format-⇒-string" aria-hidden="true">#</a> useTimestampFormat(timestamp, [format]) ⇒ <code>string</code></h2><p>根据时间戳格式化日期</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Description</th></tr></thead><tbody><tr><td>timestamp</td><td>时间戳</td></tr><tr><td>[format]</td><td>日期格式</td></tr></tbody></table><p><a name="useHiddenForm"></a></p><h2 id="usehiddenform-options-⇒-htmlformelement" tabindex="-1"><a class="header-anchor" href="#usehiddenform-options-⇒-htmlformelement" aria-hidden="true">#</a> useHiddenForm(options) ⇒ <code>HTMLFormElement</code></h2><p>创建一个隐藏的表单</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Object</code></td></tr><tr><td>options.url</td><td><code>string</code></td></tr><tr><td>options.data</td><td><code>Object</code></td></tr><tr><td>[options.method]</td><td><code>string</code></td></tr><tr><td>options.csrfToken</td><td><code>string</code></td></tr></tbody></table><p><a name="useProcessStatus"></a></p><h2 id="useprocessstatus-res-ops" tabindex="-1"><a class="header-anchor" href="#useprocessstatus-res-ops" aria-hidden="true">#</a> useProcessStatus(res, ops)</h2><p>处理请求结果</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>res</td><td><code>object</code></td><td>请求结果</td></tr><tr><td>res.status</td><td><code>string</code></td><td>请求结果状态</td></tr><tr><td>res.result</td><td><code>*</code></td><td>请求结果信息</td></tr><tr><td>ops</td><td><code>Object.<string, (string|function())></code></td><td>状态的处理对象</td></tr></tbody></table><p><a name="useProcessStatusSuccess"></a></p><h2 id="useprocessstatussuccess-res-success" tabindex="-1"><a class="header-anchor" href="#useprocessstatussuccess-res-success" aria-hidden="true">#</a> useProcessStatusSuccess(res, success)</h2><p>处理正确请求结果</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>res</td><td><code>object</code></td><td>请求结果</td></tr><tr><td>res.status</td><td><code>string</code></td><td>请求结果状态</td></tr><tr><td>res.result</td><td><code>*</code></td><td>请求结果信息</td></tr><tr><td>success</td><td><code>string</code> | <code>function</code></td><td>状态的处理对象</td></tr></tbody></table><p><a name="useFormFail"></a></p><h2 id="useformfail-e" tabindex="-1"><a class="header-anchor" href="#useformfail-e" aria-hidden="true">#</a> useFormFail(e)</h2><p>处理表单提交失败</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>e</td><td><code>*</code></td></tr></tbody></table><p><a name="useFormFormat"></a></p><h2 id="useformformat-form-format-⇒-object" tabindex="-1"><a class="header-anchor" href="#useformformat-form-format-⇒-object" aria-hidden="true">#</a> useFormFormat(form, [format]) ⇒ <code>Object</code></h2><p>处理表单数据</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>form</td><td><code>Object</code></td><td></td></tr><tr><td>[format]</td><td><code>Object</code></td><td>需要处理的类型</td></tr><tr><td>[format.date]</td><td><code>boolean</code> | <code>string</code> | <code>function</code></td><td><code>true</code>: 转成时间戳，<code>string</code>: 为 Format 格式, 如 <code>"YYYY-MM-DD"</code>, <code>function</code>: 自定义处理函数, 参数为 dayjs 对象</td></tr><tr><td>[format.boolean]</td><td><code>boolean</code></td><td>布尔值处理, 如果开启则 <code>true</code> 转成 1, <code>false</code> 转成 0</td></tr><tr><td>[format.attachment]</td><td><code>string</code> | <code>function</code></td><td><code>string</code>: 附件字段名, <code>function</code>: 自定义处理函数, 参数为附件对象</td></tr></tbody></table><p><a name="useFetch"></a></p><h2 id="usefetch-fetcher-⇒-object" tabindex="-1"><a class="header-anchor" href="#usefetch-fetcher-⇒-object" aria-hidden="true">#</a> useFetch([fetcher]) ⇒ <code>Object</code></h2><p>通用 AJAX 请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>[fetcher]</td><td><code>Object</code></td><td>用于存储请求状态的对象</td></tr></tbody></table><p><a name="get"></a></p><h2 id="get-url-config-⇒-promise-unknown" tabindex="-1"><a class="header-anchor" href="#get-url-config-⇒-promise-unknown" aria-hidden="true">#</a> get(url, [config]) ⇒ <code>Promise.<unknown></code></h2><p>get请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>url</td><td></td><td></td></tr><tr><td>[config]</td><td><code>Object</code></td><td>axios config</td></tr></tbody></table><p><a name="post"></a></p><h2 id="post-url-data-config-⇒-promise-unknown" tabindex="-1"><a class="header-anchor" href="#post-url-data-config-⇒-promise-unknown" aria-hidden="true">#</a> post(url, data, [config]) ⇒ <code>Promise.<unknown></code></h2><p>post请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>url</td><td><code>string</code></td><td></td></tr><tr><td>data</td><td><code>Object</code></td><td></td></tr><tr><td>[config]</td><td><code>Object</code></td><td>axios config</td></tr></tbody></table><p><a name="useTextFromOptionsValue"></a></p><h2 id="usetextfromoptionsvalue-value-options-⇒-string-string" tabindex="-1"><a class="header-anchor" href="#usetextfromoptionsvalue-value-options-⇒-string-string" aria-hidden="true">#</a> useTextFromOptionsValue(value, options) ⇒ <code>*</code> | <code>string</code> | <code>string</code></h2><p>从 options 中根据 value 获取 text</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th></tr></thead><tbody><tr><td>value</td></tr><tr><td>options</td></tr></tbody></table><p><a name="useFindTextsInValues"></a></p><h2 id="usefindtextsinvalues-options-values-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindtextsinvalues-options-values-adapter-⇒" aria-hidden="true">#</a> useFindTextsInValues(options, values, [adapter]) ⇒</h2><p>从嵌套的 options 中根据 value 获取 text, 如 [1, 3] => ["东", "南"]</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td><td></td><td>嵌套的选项</td></tr><tr><td>values</td><td><code>Array</code></td><td></td><td>需要查找的值</td></tr><tr><td>[adapter]</td><td><code>Object</code></td><td><code>{value: "value",label: "label",children: "children"}</code></td><td>选项适配器</td></tr></tbody></table><p><a name="useFindLabelsFromPath"></a></p><h2 id="usefindlabelsfrompath-options-path-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindlabelsfrompath-options-path-adapter-⇒" aria-hidden="true">#</a> useFindLabelsFromPath(options, path, [adapter]) ⇒</h2><p>从嵌套的 options 中根据 value 获取 label</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td></tr><tr><td>path</td><td><code>Array</code></td></tr><tr><td>[adapter]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useFindTextsFromPath"></a></p><h2 id="usefindtextsfrompath-options-path-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindtextsfrompath-options-path-adapter-⇒" aria-hidden="true">#</a> useFindTextsFromPath(options, path, [adapter]) ⇒</h2><p>[移动端适配] 从嵌套的 options 中根据 value 获取 text</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td></tr><tr><td>path</td><td><code>Array</code></td></tr><tr><td>[adapter]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useFindParentValues"></a></p><h2 id="usefindparentvalues-options-value-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindparentvalues-options-value-adapter-⇒" aria-hidden="true">#</a> useFindParentValues(options, value, adapter) ⇒</h2><p>从嵌套的 options 中根据 value 获取整个 values 路径, 如地区路径: 440113 => [440000, 440100, 440113]</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th></tr></thead><tbody><tr><td>options</td></tr><tr><td>value</td></tr><tr><td>adapter</td></tr></tbody></table></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>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/hooks.html-ddb4f378.js"><link rel="modulepreload" href="/docs/explore-ui/assets/hooks.html-90ccbc1a.js"><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/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/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/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="" 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="router-link-active" 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="" aria-label="ExUploader"><!--[--><!--]--> ExUploader <!--[--><!--]--></a></li><!--]--></ul></div></div><div class="navbar-item"><a href="/docs/explore-ui/hooks" class="router-link-active" aria-label="组合式 API"><!--[--><!--]--> 组合式 API <!--[--><!--]--></a></div><!--]--></nav><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading"> <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/hooks.html#constants" class="router-link-active router-link-exact-active sidebar-item" aria-label="Constants"><!--[--><!--]--> Constants <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#functions" class="router-link-active router-link-exact-active sidebar-item" aria-label="Functions"><!--[--><!--]--> Functions <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#status-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="STATUS : Object"><!--[--><!--]--> STATUS : Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usepage" class="router-link-active router-link-exact-active sidebar-item" aria-label="usePage"><!--[--><!--]--> usePage <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm2" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm2()"><!--[--><!--]--> useSm2() <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm3-msg-options-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm3(msg, [options]) ⇒ *"><!--[--><!--]--> useSm3(msg, [options]) ⇒ * <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm4encrypt-msg-key-options-⇒-uint8array" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm4Encrypt(msg, key, [options]) ⇒ Uint8Array"><!--[--><!--]--> useSm4Encrypt(msg, key, [options]) ⇒ Uint8Array <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usesm4decrypt-encryptdata-key-options-⇒-uint8array" class="router-link-active router-link-exact-active sidebar-item" aria-label="useSm4Decrypt(encryptData, key, [options]) ⇒ Uint8Array"><!--[--><!--]--> useSm4Decrypt(encryptData, key, [options]) ⇒ Uint8Array <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedayjs-date-format-⇒-dayjs-dayjs" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDayjs(date, [format]) ⇒ dayjs.Dayjs"><!--[--><!--]--> useDayjs(date, [format]) ⇒ dayjs.Dayjs <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedateformat-date-format-⇒-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDateFormat(date, format) ⇒ string"><!--[--><!--]--> useDateFormat(date, format) ⇒ string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usedateunix-date-⇒-number-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useDateUnix(date) ⇒ number | string"><!--[--><!--]--> useDateUnix(date) ⇒ number | string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usetimestampformat-timestamp-format-⇒-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useTimestampFormat(timestamp, [format]) ⇒ string"><!--[--><!--]--> useTimestampFormat(timestamp, [format]) ⇒ string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usehiddenform-options-⇒-htmlformelement" class="router-link-active router-link-exact-active sidebar-item" aria-label="useHiddenForm(options) ⇒ HTMLFormElement"><!--[--><!--]--> useHiddenForm(options) ⇒ HTMLFormElement <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useprocessstatus-res-ops" class="router-link-active router-link-exact-active sidebar-item" aria-label="useProcessStatus(res, ops)"><!--[--><!--]--> useProcessStatus(res, ops) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useprocessstatussuccess-res-success" class="router-link-active router-link-exact-active sidebar-item" aria-label="useProcessStatusSuccess(res, success)"><!--[--><!--]--> useProcessStatusSuccess(res, success) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useformfail-e" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFormFail(e)"><!--[--><!--]--> useFormFail(e) <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#useformformat-form-format-⇒-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFormFormat(form, [format]) ⇒ Object"><!--[--><!--]--> useFormFormat(form, [format]) ⇒ Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefetch-fetcher-⇒-object" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFetch([fetcher]) ⇒ Object"><!--[--><!--]--> useFetch([fetcher]) ⇒ Object <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#get-url-config-⇒-promise-unknown" class="router-link-active router-link-exact-active sidebar-item" aria-label="get(url, [config]) ⇒ Promise.<unknown>"><!--[--><!--]--> get(url, [config]) ⇒ Promise.<unknown> <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#post-url-data-config-⇒-promise-unknown" class="router-link-active router-link-exact-active sidebar-item" aria-label="post(url, data, [config]) ⇒ Promise.<unknown>"><!--[--><!--]--> post(url, data, [config]) ⇒ Promise.<unknown> <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usetextfromoptionsvalue-value-options-⇒-string-string" class="router-link-active router-link-exact-active sidebar-item" aria-label="useTextFromOptionsValue(value, options) ⇒ * | string | string"><!--[--><!--]--> useTextFromOptionsValue(value, options) ⇒ * | string | string <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindtextsinvalues-options-values-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindTextsInValues(options, values, [adapter]) ⇒"><!--[--><!--]--> useFindTextsInValues(options, values, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindlabelsfrompath-options-path-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindLabelsFromPath(options, path, [adapter]) ⇒"><!--[--><!--]--> useFindLabelsFromPath(options, path, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindtextsfrompath-options-path-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindTextsFromPath(options, path, [adapter]) ⇒"><!--[--><!--]--> useFindTextsFromPath(options, path, [adapter]) ⇒ <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/hooks.html#usefindparentvalues-options-value-adapter-⇒" class="router-link-active router-link-exact-active sidebar-item" aria-label="useFindParentValues(options, value, adapter) ⇒"><!--[--><!--]--> useFindParentValues(options, value, adapter) ⇒ <!--[--><!--]--></a><!----></li><!--]--></ul></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h2 id="constants" tabindex="-1"><a class="header-anchor" href="#constants" aria-hidden="true">#</a> Constants</h2><dl><dt><a href="#STATUS">STATUS</a> : <code>Object</code></dt><dd><p>请求返回状态码</p></dd><dt><a href="#usePage">usePage</a></dt><dd><p>分页请求</p></dd></dl><h2 id="functions" tabindex="-1"><a class="header-anchor" href="#functions" aria-hidden="true">#</a> Functions</h2><dl><dt><a href="#useSm2">useSm2()</a></dt><dd><p>国密 sm2</p></dd><dt><a href="#useSm3">useSm3(msg, [options])</a> ⇒ <code>*</code></dt><dd><p>国密 sm3 加密</p></dd><dt><a href="#useSm4Encrypt">useSm4Encrypt(msg, key, [options])</a> ⇒ <code>Uint8Array</code></dt><dd><p>国密 sm4 加密</p></dd><dt><a href="#useSm4Decrypt">useSm4Decrypt(encryptData, key, [options])</a> ⇒ <code>Uint8Array</code></dt><dd><p>国密 sm4 解密</p></dd><dt><a href="#useDayjs">useDayjs(date, [format])</a> ⇒ <code>dayjs.Dayjs</code></dt><dd><p>根据格式创建 Dayjs 对象</p></dd><dt><a href="#useDateFormat">useDateFormat(date, format)</a> ⇒ <code>string</code></dt><dd><p>格式化日期</p></dd><dt><a href="#useDateUnix">useDateUnix(date)</a> ⇒ <code>number</code> | <code>string</code></dt><dd><p>获取日期的 Unix 时间戳</p></dd><dt><a href="#useTimestampFormat">useTimestampFormat(timestamp, [format])</a> ⇒ <code>string</code></dt><dd><p>根据时间戳格式化日期</p></dd><dt><a href="#useHiddenForm">useHiddenForm(options)</a> ⇒ <code>HTMLFormElement</code></dt><dd><p>创建一个隐藏的表单</p></dd><dt><a href="#useProcessStatus">useProcessStatus(res, ops)</a></dt><dd><p>处理请求结果</p></dd><dt><a href="#useProcessStatusSuccess">useProcessStatusSuccess(res, success)</a></dt><dd><p>处理正确请求结果</p></dd><dt><a href="#useFormFail">useFormFail(e)</a></dt><dd><p>处理表单提交失败</p></dd><dt><a href="#useFormFormat">useFormFormat(form, [format])</a> ⇒ <code>Object</code></dt><dd><p>处理表单数据</p></dd><dt><a href="#useFetch">useFetch([fetcher])</a> ⇒ <code>Object</code></dt><dd><p>通用 AJAX 请求</p></dd><dt><a href="#get">get(url, [config])</a> ⇒ <code>Promise.<unknown></code></dt><dd><p>get请求</p></dd><dt><a href="#post">post(url, data, [config])</a> ⇒ <code>Promise.<unknown></code></dt><dd><p>post请求</p></dd><dt><a href="#useTextFromOptionsValue">useTextFromOptionsValue(value, options)</a> ⇒ <code>*</code> | <code>string</code> | <code>string</code></dt><dd><p>从 options 中根据 value 获取 text</p></dd><dt><a href="#useFindTextsInValues">useFindTextsInValues(options, values, [adapter])</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取 text, 如 [1, 3] => ["东", "南"]</p></dd><dt><a href="#useFindLabelsFromPath">useFindLabelsFromPath(options, path, [adapter])</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取 label</p></dd><dt><a href="#useFindTextsFromPath">useFindTextsFromPath(options, path, [adapter])</a> ⇒</dt><dd><p>[移动端适配] 从嵌套的 options 中根据 value 获取 text</p></dd><dt><a href="#useFindParentValues">useFindParentValues(options, value, adapter)</a> ⇒</dt><dd><p>从嵌套的 options 中根据 value 获取整个 values 路径, 如地区路径: 440113 => [440000, 440100, 440113]</p></dd></dl><p><a name="STATUS"></a></p><h2 id="status-object" tabindex="-1"><a class="header-anchor" href="#status-object" aria-hidden="true">#</a> STATUS : <code>Object</code></h2><p>请求返回状态码</p><p><strong>Kind</strong>: global constant<br><a name="usePage"></a></p><h2 id="usepage" tabindex="-1"><a class="header-anchor" href="#usepage" aria-hidden="true">#</a> usePage</h2><p>分页请求</p><p><strong>Kind</strong>: global constant</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>pagination</td><td><code>object</code></td><td>分页对象</td></tr><tr><td>pagination.uri</td><td><code>string</code></td><td>请求地址</td></tr><tr><td>[pagination.params]</td><td><code>object</code></td><td>请求参数</td></tr><tr><td>[pagination.page]</td><td><code>number</code></td><td>当前页码</td></tr><tr><td>[pagination.finishedText]</td><td><code>string</code></td><td>加载完毕文本</td></tr><tr><td>[pagination.loading]</td><td><code>boolean</code></td><td>加载状态</td></tr><tr><td>[pagination.finished]</td><td><code>boolean</code></td><td>加载完毕</td></tr><tr><td>[pagination.error]</td><td><code>boolean</code></td><td>是否错误</td></tr><tr><td>[pagination.errorText]</td><td><code>string</code></td><td>错误文本</td></tr><tr><td>[pagination.empty]</td><td><code>boolean</code></td><td>是否无内容</td></tr><tr><td>[pagination.items]</td><td><code>array</code></td><td>分页数据</td></tr><tr><td>refresh</td><td><code>boolean</code></td><td>是否刷新</td></tr><tr><td>[process]</td><td><code>function</code></td><td>数据处理函数</td></tr></tbody></table><p><a name="useSm2"></a></p><h2 id="usesm2" tabindex="-1"><a class="header-anchor" href="#usesm2" aria-hidden="true">#</a> useSm2()</h2><p>国密 sm2</p><p><strong>Kind</strong>: global function<br><a name="useSm3"></a></p><h2 id="usesm3-msg-options-⇒" tabindex="-1"><a class="header-anchor" href="#usesm3-msg-options-⇒" aria-hidden="true">#</a> useSm3(msg, [options]) ⇒ <code>*</code></h2><p>国密 sm3 加密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>msg</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useSm4Encrypt"></a></p><h2 id="usesm4encrypt-msg-key-options-⇒-uint8array" tabindex="-1"><a class="header-anchor" href="#usesm4encrypt-msg-key-options-⇒-uint8array" aria-hidden="true">#</a> useSm4Encrypt(msg, key, [options]) ⇒ <code>Uint8Array</code></h2><p>国密 sm4 加密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>msg</td><td></td></tr><tr><td>key</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useSm4Decrypt"></a></p><h2 id="usesm4decrypt-encryptdata-key-options-⇒-uint8array" tabindex="-1"><a class="header-anchor" href="#usesm4decrypt-encryptdata-key-options-⇒-uint8array" aria-hidden="true">#</a> useSm4Decrypt(encryptData, key, [options]) ⇒ <code>Uint8Array</code></h2><p>国密 sm4 解密</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>encryptData</td><td></td></tr><tr><td>key</td><td></td></tr><tr><td>[options]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useDayjs"></a></p><h2 id="usedayjs-date-format-⇒-dayjs-dayjs" tabindex="-1"><a class="header-anchor" href="#usedayjs-date-format-⇒-dayjs-dayjs" aria-hidden="true">#</a> useDayjs(date, [format]) ⇒ <code>dayjs.Dayjs</code></h2><p>根据格式创建 Dayjs 对象</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>date</td><td><code>string</code> | <code>number</code></td><td></td></tr><tr><td>[format]</td><td><code>string</code></td><td>日期格式</td></tr></tbody></table><p><a name="useDateFormat"></a></p><h2 id="usedateformat-date-format-⇒-string" tabindex="-1"><a class="header-anchor" href="#usedateformat-date-format-⇒-string" aria-hidden="true">#</a> useDateFormat(date, format) ⇒ <code>string</code></h2><p>格式化日期</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>date</td><td><code>dayjs.Dayjs</code> | <code>Date</code></td></tr><tr><td>format</td><td><code>string</code></td></tr></tbody></table><p><a name="useDateUnix"></a></p><h2 id="usedateunix-date-⇒-number-string" tabindex="-1"><a class="header-anchor" href="#usedateunix-date-⇒-number-string" aria-hidden="true">#</a> useDateUnix(date) ⇒ <code>number</code> | <code>string</code></h2><p>获取日期的 Unix 时间戳</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>date</td><td><code>dayjs.Dayjs</code> | <code>Date</code></td></tr></tbody></table><p><a name="useTimestampFormat"></a></p><h2 id="usetimestampformat-timestamp-format-⇒-string" tabindex="-1"><a class="header-anchor" href="#usetimestampformat-timestamp-format-⇒-string" aria-hidden="true">#</a> useTimestampFormat(timestamp, [format]) ⇒ <code>string</code></h2><p>根据时间戳格式化日期</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Description</th></tr></thead><tbody><tr><td>timestamp</td><td>时间戳</td></tr><tr><td>[format]</td><td>日期格式</td></tr></tbody></table><p><a name="useHiddenForm"></a></p><h2 id="usehiddenform-options-⇒-htmlformelement" tabindex="-1"><a class="header-anchor" href="#usehiddenform-options-⇒-htmlformelement" aria-hidden="true">#</a> useHiddenForm(options) ⇒ <code>HTMLFormElement</code></h2><p>创建一个隐藏的表单</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Object</code></td></tr><tr><td>options.url</td><td><code>string</code></td></tr><tr><td>options.data</td><td><code>Object</code></td></tr><tr><td>[options.method]</td><td><code>string</code></td></tr><tr><td>options.csrfToken</td><td><code>string</code></td></tr></tbody></table><p><a name="useProcessStatus"></a></p><h2 id="useprocessstatus-res-ops" tabindex="-1"><a class="header-anchor" href="#useprocessstatus-res-ops" aria-hidden="true">#</a> useProcessStatus(res, ops)</h2><p>处理请求结果</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>res</td><td><code>object</code></td><td>请求结果</td></tr><tr><td>res.status</td><td><code>string</code></td><td>请求结果状态</td></tr><tr><td>res.result</td><td><code>*</code></td><td>请求结果信息</td></tr><tr><td>ops</td><td><code>Object.<string, (string|function())></code></td><td>状态的处理对象</td></tr></tbody></table><p><a name="useProcessStatusSuccess"></a></p><h2 id="useprocessstatussuccess-res-success" tabindex="-1"><a class="header-anchor" href="#useprocessstatussuccess-res-success" aria-hidden="true">#</a> useProcessStatusSuccess(res, success)</h2><p>处理正确请求结果</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>res</td><td><code>object</code></td><td>请求结果</td></tr><tr><td>res.status</td><td><code>string</code></td><td>请求结果状态</td></tr><tr><td>res.result</td><td><code>*</code></td><td>请求结果信息</td></tr><tr><td>success</td><td><code>string</code> | <code>function</code></td><td>状态的处理对象</td></tr></tbody></table><p><a name="useFormFail"></a></p><h2 id="useformfail-e" tabindex="-1"><a class="header-anchor" href="#useformfail-e" aria-hidden="true">#</a> useFormFail(e)</h2><p>处理表单提交失败</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>e</td><td><code>*</code></td></tr></tbody></table><p><a name="useFormFormat"></a></p><h2 id="useformformat-form-format-⇒-object" tabindex="-1"><a class="header-anchor" href="#useformformat-form-format-⇒-object" aria-hidden="true">#</a> useFormFormat(form, [format]) ⇒ <code>Object</code></h2><p>处理表单数据</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>form</td><td><code>Object</code></td><td></td></tr><tr><td>[format]</td><td><code>Object</code></td><td>需要处理的类型</td></tr><tr><td>[format.date]</td><td><code>boolean</code> | <code>string</code> | <code>function</code></td><td><code>true</code>: 转成时间戳，<code>string</code>: 为 Format 格式, 如 <code>"YYYY-MM-DD"</code>, <code>function</code>: 自定义处理函数, 参数为 dayjs 对象</td></tr><tr><td>[format.boolean]</td><td><code>boolean</code></td><td>布尔值处理, 如果开启则 <code>true</code> 转成 1, <code>false</code> 转成 0</td></tr><tr><td>[format.attachment]</td><td><code>string</code> | <code>function</code></td><td><code>string</code>: 附件字段名, <code>function</code>: 自定义处理函数, 参数为附件对象</td></tr></tbody></table><p><a name="useFetch"></a></p><h2 id="usefetch-fetcher-⇒-object" tabindex="-1"><a class="header-anchor" href="#usefetch-fetcher-⇒-object" aria-hidden="true">#</a> useFetch([fetcher]) ⇒ <code>Object</code></h2><p>通用 AJAX 请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>[fetcher]</td><td><code>Object</code></td><td>用于存储请求状态的对象</td></tr></tbody></table><p><a name="get"></a></p><h2 id="get-url-config-⇒-promise-unknown" tabindex="-1"><a class="header-anchor" href="#get-url-config-⇒-promise-unknown" aria-hidden="true">#</a> get(url, [config]) ⇒ <code>Promise.<unknown></code></h2><p>get请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>url</td><td></td><td></td></tr><tr><td>[config]</td><td><code>Object</code></td><td>axios config</td></tr></tbody></table><p><a name="post"></a></p><h2 id="post-url-data-config-⇒-promise-unknown" tabindex="-1"><a class="header-anchor" href="#post-url-data-config-⇒-promise-unknown" aria-hidden="true">#</a> post(url, data, [config]) ⇒ <code>Promise.<unknown></code></h2><p>post请求</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>url</td><td><code>string</code></td><td></td></tr><tr><td>data</td><td><code>Object</code></td><td></td></tr><tr><td>[config]</td><td><code>Object</code></td><td>axios config</td></tr></tbody></table><p><a name="useTextFromOptionsValue"></a></p><h2 id="usetextfromoptionsvalue-value-options-⇒-string-string" tabindex="-1"><a class="header-anchor" href="#usetextfromoptionsvalue-value-options-⇒-string-string" aria-hidden="true">#</a> useTextFromOptionsValue(value, options) ⇒ <code>*</code> | <code>string</code> | <code>string</code></h2><p>从 options 中根据 value 获取 text</p><p><strong>Kind</strong>: global function</p><table><thead><tr><th>Param</th></tr></thead><tbody><tr><td>value</td></tr><tr><td>options</td></tr></tbody></table><p><a name="useFindTextsInValues"></a></p><h2 id="usefindtextsinvalues-options-values-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindtextsinvalues-options-values-adapter-⇒" aria-hidden="true">#</a> useFindTextsInValues(options, values, [adapter]) ⇒</h2><p>从嵌套的 options 中根据 value 获取 text, 如 [1, 3] => ["东", "南"]</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td><td></td><td>嵌套的选项</td></tr><tr><td>values</td><td><code>Array</code></td><td></td><td>需要查找的值</td></tr><tr><td>[adapter]</td><td><code>Object</code></td><td><code>{value: "value",label: "label",children: "children"}</code></td><td>选项适配器</td></tr></tbody></table><p><a name="useFindLabelsFromPath"></a></p><h2 id="usefindlabelsfrompath-options-path-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindlabelsfrompath-options-path-adapter-⇒" aria-hidden="true">#</a> useFindLabelsFromPath(options, path, [adapter]) ⇒</h2><p>从嵌套的 options 中根据 value 获取 label</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td></tr><tr><td>path</td><td><code>Array</code></td></tr><tr><td>[adapter]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useFindTextsFromPath"></a></p><h2 id="usefindtextsfrompath-options-path-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindtextsfrompath-options-path-adapter-⇒" aria-hidden="true">#</a> useFindTextsFromPath(options, path, [adapter]) ⇒</h2><p>[移动端适配] 从嵌套的 options 中根据 value 获取 text</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th><th>Type</th></tr></thead><tbody><tr><td>options</td><td><code>Array</code></td></tr><tr><td>path</td><td><code>Array</code></td></tr><tr><td>[adapter]</td><td><code>Object</code></td></tr></tbody></table><p><a name="useFindParentValues"></a></p><h2 id="usefindparentvalues-options-value-adapter-⇒" tabindex="-1"><a class="header-anchor" href="#usefindparentvalues-options-value-adapter-⇒" aria-hidden="true">#</a> useFindParentValues(options, value, adapter) ⇒</h2><p>从嵌套的 options 中根据 value 获取整个 values 路径, 如地区路径: 440113 => [440000, 440100, 440113]</p><p><strong>Kind</strong>: global function<br><strong>Returns</strong>: Array</p><table><thead><tr><th>Param</th></tr></thead><tbody><tr><td>options</td></tr><tr><td>value</td></tr><tr><td>adapter</td></tr></tbody></table></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,75 +1,75 @@
|
|
|
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>Explore-UI | 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/index.html-e18a38b1.js"><link rel="modulepreload" href="/docs/explore-ui/assets/index.html-85b79c97.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.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/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/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/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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active"><!----><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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active" 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="" 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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active" 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="" 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">Explore-UI <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/#安装" class="router-link-active router-link-exact-active sidebar-item" aria-label="安装"><!--[--><!--]--> 安装 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/#示例" 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="explore-ui" tabindex="-1"><a class="header-anchor" href="#explore-ui" aria-hidden="true">#</a> Explore-UI</h1><p>基于 Vant Vue3 的增强组件</p><h2 id="安装" tabindex="-1"><a class="header-anchor" href="#安装" aria-hidden="true">#</a> 安装</h2><p>使用 <code>npm</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">npm</span> i <span class="token string">"jobsys-explore"</span>
|
|
31
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>使用 <code>yarn</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">yarn</span> i <span class="token string">"jobsys-explore"</span>
|
|
32
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>使用 <code>pnpm</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">pnpm</span> i <span class="token string">"jobsys-explore"</span>
|
|
33
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><blockquote><p>由于 <code>explore-ui</code> 使用了 <code>rem</code> 作为单位以适应不同的屏幕尺寸，所以需要在 <code>Vite</code> 里进行适配</p></blockquote><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">pnpm</span> i <span class="token parameter variable">-D</span> <span class="token string">"postcss-pxtorem"</span>
|
|
34
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//vite.config.js</span>
|
|
35
|
-
|
|
36
|
-
<span class="token keyword">import</span> pixelToRem <span class="token keyword">from</span> <span class="token string">"postcss-pxtorem"</span>
|
|
37
|
-
|
|
38
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineConfig</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
39
|
-
<span class="token literal-property property">css</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
40
|
-
<span class="token literal-property property">postcss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
41
|
-
<span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
42
|
-
<span class="token function">pixelToRem</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
43
|
-
<span class="token function">rootValue</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span>file<span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
44
|
-
<span class="token comment">//在这里可以根据 file 路径进行判断与定制，默认的 rootValue 是 37.5</span>
|
|
45
|
-
<span class="token keyword">return</span> <span class="token number">37.5</span>
|
|
46
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
47
|
-
<span class="token literal-property property">propList</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"*"</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
48
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
49
|
-
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
50
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
51
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
52
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
53
|
-
</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 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 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 class="line-number"></div></div></div><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><p>引入样式</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//app.js</span>
|
|
54
|
-
<span class="token keyword">import</span> <span class="token string">"jobsys-explore/dist/style.css"</span>
|
|
55
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div></div></div><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//app.js</span>
|
|
56
|
-
<span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"vue"</span>
|
|
57
|
-
<span class="token keyword">import</span> Explore <span class="token keyword">from</span> <span class="token string">"jobsys-explore"</span>
|
|
58
|
-
|
|
59
|
-
<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
60
|
-
<span class="token function-variable function">setup</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
|
|
61
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
62
|
-
|
|
63
|
-
app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Explore<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">"#app"</span><span class="token punctuation">)</span>
|
|
64
|
-
</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 class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></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>template</span><span class="token punctuation">></span></span>
|
|
65
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExButton</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>primary<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>点兵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ExButton</span><span class="token punctuation">></span></span>
|
|
66
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
67
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">setup</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
|
68
|
-
<span class="token keyword">import</span> <span class="token punctuation">{</span> ref <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"vue"</span>
|
|
69
|
-
|
|
70
|
-
<span class="token keyword">const</span> password <span class="token operator">=</span> <span class="token function">ref</span><span class="token punctuation">(</span><span class="token string">""</span><span class="token punctuation">)</span>
|
|
71
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
72
|
-
</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 class="line-number"></div><div class="line-number"></div></div></div></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>
|
|
73
|
-
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
74
|
-
</body>
|
|
75
|
-
</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>Explore-UI | 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/index.html-e18a38b1.js"><link rel="modulepreload" href="/docs/explore-ui/assets/index.html-85b79c97.js"><link rel="prefetch" href="/docs/explore-ui/assets/hooks.html-ddb4f378.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/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/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/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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active"><!----><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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active" 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="" 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 aria-current="page" href="/docs/explore-ui/" class="router-link-active router-link-exact-active" 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="" 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">Explore-UI <!----></p><ul style="" class="sidebar-item-children"><!--[--><li><a aria-current="page" href="/docs/explore-ui/#安装" class="router-link-active router-link-exact-active sidebar-item" aria-label="安装"><!--[--><!--]--> 安装 <!--[--><!--]--></a><!----></li><li><a aria-current="page" href="/docs/explore-ui/#示例" 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="explore-ui" tabindex="-1"><a class="header-anchor" href="#explore-ui" aria-hidden="true">#</a> Explore-UI</h1><p>基于 Vant Vue3 的增强组件</p><h2 id="安装" tabindex="-1"><a class="header-anchor" href="#安装" aria-hidden="true">#</a> 安装</h2><p>使用 <code>npm</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">npm</span> i <span class="token string">"jobsys-explore"</span>
|
|
31
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>使用 <code>yarn</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">yarn</span> i <span class="token string">"jobsys-explore"</span>
|
|
32
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>使用 <code>pnpm</code></p><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">pnpm</span> i <span class="token string">"jobsys-explore"</span>
|
|
33
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><blockquote><p>由于 <code>explore-ui</code> 使用了 <code>rem</code> 作为单位以适应不同的屏幕尺寸，所以需要在 <code>Vite</code> 里进行适配</p></blockquote><div class="language-bash line-numbers-mode" data-ext="sh"><pre class="language-bash"><code><span class="token function">pnpm</span> i <span class="token parameter variable">-D</span> <span class="token string">"postcss-pxtorem"</span>
|
|
34
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//vite.config.js</span>
|
|
35
|
+
|
|
36
|
+
<span class="token keyword">import</span> pixelToRem <span class="token keyword">from</span> <span class="token string">"postcss-pxtorem"</span>
|
|
37
|
+
|
|
38
|
+
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineConfig</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
39
|
+
<span class="token literal-property property">css</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
40
|
+
<span class="token literal-property property">postcss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
41
|
+
<span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
42
|
+
<span class="token function">pixelToRem</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
43
|
+
<span class="token function">rootValue</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span>file<span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
44
|
+
<span class="token comment">//在这里可以根据 file 路径进行判断与定制，默认的 rootValue 是 37.5</span>
|
|
45
|
+
<span class="token keyword">return</span> <span class="token number">37.5</span>
|
|
46
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
47
|
+
<span class="token literal-property property">propList</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"*"</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
48
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
49
|
+
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
50
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
51
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
52
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
53
|
+
</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 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 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 class="line-number"></div></div></div><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><p>引入样式</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//app.js</span>
|
|
54
|
+
<span class="token keyword">import</span> <span class="token string">"jobsys-explore/dist/style.css"</span>
|
|
55
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div></div></div><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">//app.js</span>
|
|
56
|
+
<span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"vue"</span>
|
|
57
|
+
<span class="token keyword">import</span> Explore <span class="token keyword">from</span> <span class="token string">"jobsys-explore"</span>
|
|
58
|
+
|
|
59
|
+
<span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
60
|
+
<span class="token function-variable function">setup</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
|
|
61
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
62
|
+
|
|
63
|
+
app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Explore<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">"#app"</span><span class="token punctuation">)</span>
|
|
64
|
+
</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 class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></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>template</span><span class="token punctuation">></span></span>
|
|
65
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ExButton</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>primary<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>点兵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ExButton</span><span class="token punctuation">></span></span>
|
|
66
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
67
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">setup</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
|
68
|
+
<span class="token keyword">import</span> <span class="token punctuation">{</span> ref <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"vue"</span>
|
|
69
|
+
|
|
70
|
+
<span class="token keyword">const</span> password <span class="token operator">=</span> <span class="token function">ref</span><span class="token punctuation">(</span><span class="token string">""</span><span class="token punctuation">)</span>
|
|
71
|
+
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
72
|
+
</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 class="line-number"></div><div class="line-number"></div></div></div></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>
|
|
73
|
+
<script type="module" src="/docs/explore-ui/assets/app-29fe8d1e.js" defer></script>
|
|
74
|
+
</body>
|
|
75
|
+
</html>
|