@netang/quasar 0.2.32 → 0.2.33
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/.editorconfig +12 -12
- package/_docs/docs/components/field-table.md +58 -58
- package/_docs/docs/components/field-tree.md +21 -21
- package/_docs/docs/components/table.md +24 -24
- package/_docs/docs/utils/table.md +196 -196
- package/components/column-title/index.vue +38 -38
- package/components/data/index.vue +20 -20
- package/components/dialog/img-viewer/index.vue +697 -697
- package/components/dialog/index.vue +387 -387
- package/components/dragger/index.vue +203 -203
- package/components/drawer/index.vue +303 -303
- package/components/editor-code/index.vue +328 -328
- package/components/empty/index.vue +82 -82
- package/components/field-date/index.vue +860 -860
- package/components/field-date/methods.js +100 -100
- package/components/field-table/index.vue +1483 -1483
- package/components/field-text/index.vue +166 -166
- package/components/field-tree/index.vue +755 -755
- package/components/img/index.vue +279 -279
- package/components/input-number/index.vue +560 -560
- package/components/list-menu/index.vue +149 -149
- package/components/list-menu-item/index.vue +79 -79
- package/components/mixed-table/index.vue +532 -532
- package/components/mixed-table-splitter/index.vue +377 -377
- package/components/power-page/index.vue +96 -96
- package/components/price/index.vue +188 -188
- package/components/private/components/index.js +11 -11
- package/components/private/components/move-to-tree/index.vue +154 -154
- package/components/private/edit-power-data/index.vue +846 -846
- package/components/private/table-visible-columns-button/index.vue +114 -114
- package/components/render/index.vue +123 -123
- package/components/search/index.vue +231 -231
- package/components/search-item/index.vue +210 -210
- package/components/select/index.vue +177 -177
- package/components/splitter/index.vue +422 -422
- package/components/table/index.vue +513 -513
- package/components/table-column-fixed/index.vue +110 -110
- package/components/table-pagination/index.vue +192 -192
- package/components/table-summary/index.vue +107 -107
- package/components/thumbnail/index.vue +72 -72
- package/components/toolbar/index.vue +150 -150
- package/components/tree/index.vue +1728 -1728
- package/components/tree/virtual-scroll.vue +41 -41
- package/components/uploader/index.vue +196 -196
- package/components/uploader-query/index.vue +945 -945
- package/components/value-format/index.vue +274 -274
- package/components/virtual-scroll/index.vue +136 -136
- package/configs/area3.js +1 -1
- package/docs/404.html +33 -33
- package/docs/assets/404.html-60b35caa.js +1 -1
- package/docs/assets/404.html-d1e63d77.js +1 -1
- package/docs/assets/alert.html-b2a2a72f.js +5 -5
- package/docs/assets/alert.html-ba46d137.js +1 -1
- package/docs/assets/app-9f30aa4b.js +6 -6
- package/docs/assets/area.html-01b9b58d.js +42 -42
- package/docs/assets/area.html-9a4fce6a.js +1 -1
- package/docs/assets/arr.html-145d27e7.js +1 -1
- package/docs/assets/arr.html-674e65ab.js +11 -11
- package/docs/assets/auth.html-579fa830.js +1 -1
- package/docs/assets/auth.html-8544ed95.js +8 -8
- package/docs/assets/bus.html-c71254aa.js +1 -1
- package/docs/assets/bus.html-dc7d3d19.js +6 -6
- package/docs/assets/column-title.html-c735cb5a.js +3 -3
- package/docs/assets/column-title.html-e9316762.js +1 -1
- package/docs/assets/confirm.html-ddfdc27f.js +10 -10
- package/docs/assets/confirm.html-ef3e2bef.js +1 -1
- package/docs/assets/copy.html-d20345b6.js +1 -1
- package/docs/assets/copy.html-ef8c8571.js +13 -13
- package/docs/assets/data.html-6432175d.js +30 -30
- package/docs/assets/data.html-a3b05d5b.js +1 -1
- package/docs/assets/dialog.html-1f698e5a.js +1 -1
- package/docs/assets/dialog.html-62902b83.js +68 -68
- package/docs/assets/dialog.html-baea77c9.js +1 -1
- package/docs/assets/dialog.html-bb082fc4.js +1 -1
- package/docs/assets/dict.html-1311da3d.js +23 -23
- package/docs/assets/dict.html-b96fbf0c.js +1 -1
- package/docs/assets/dictOptions.html-7c4f40a5.js +1 -1
- package/docs/assets/dictOptions.html-fb99d175.js +5 -5
- package/docs/assets/dragger.html-668d3efa.js +1 -1
- package/docs/assets/dragger.html-749d585a.js +1 -1
- package/docs/assets/editor-code.html-6ab26ea9.js +1 -1
- package/docs/assets/editor-code.html-d196205d.js +1 -1
- package/docs/assets/empty.html-1c139131.js +1 -1
- package/docs/assets/empty.html-1e9c441d.js +1 -1
- package/docs/assets/field-date.html-069fdb13.js +1 -1
- package/docs/assets/field-date.html-ad204aa9.js +1 -1
- package/docs/assets/field-table.html-ce480f03.js +1 -1
- package/docs/assets/field-table.html-d9236160.js +1 -1
- package/docs/assets/field-text.html-7277c62f.js +1 -1
- package/docs/assets/field-text.html-ccb4cecf.js +1 -1
- package/docs/assets/field-tree.html-519bfb45.js +1 -1
- package/docs/assets/field-tree.html-fdc748d6.js +1 -1
- package/docs/assets/form.html-2b562c37.js +2 -2
- package/docs/assets/form.html-75104cd5.js +1 -1
- package/docs/assets/framework-204010b2.js +5 -5
- package/docs/assets/getData.html-990e3787.js +1 -1
- package/docs/assets/getData.html-bb72025f.js +34 -34
- package/docs/assets/getFile.html-42368004.js +1 -1
- package/docs/assets/getFile.html-99abd054.js +3 -3
- package/docs/assets/getImage.html-3429c5a1.js +1 -1
- package/docs/assets/getImage.html-4d886d83.js +3 -3
- package/docs/assets/getTime.html-7435f922.js +1 -1
- package/docs/assets/getTime.html-b37f49eb.js +20 -20
- package/docs/assets/img.html-7d1da657.js +1 -1
- package/docs/assets/img.html-fbea1105.js +1 -1
- package/docs/assets/index.html-1695dd7c.js +1 -1
- package/docs/assets/index.html-65a4aa67.js +1 -1
- package/docs/assets/index.html-7b98d5bd.js +1 -1
- package/docs/assets/index.html-c01f2648.js +1 -1
- package/docs/assets/input-number.html-0b250d2a.js +1 -1
- package/docs/assets/input-number.html-a8eb0378.js +1 -1
- package/docs/assets/list-menu-item.html-7f1b4611.js +1 -1
- package/docs/assets/list-menu-item.html-84ed5ab8.js +1 -1
- package/docs/assets/list-menu.html-28b4163f.js +1 -1
- package/docs/assets/list-menu.html-cb6ba95b.js +1 -1
- package/docs/assets/loading.html-dae9e39d.js +6 -6
- package/docs/assets/loading.html-dc74c9e6.js +1 -1
- package/docs/assets/notify.html-e6c4c514.js +1 -1
- package/docs/assets/notify.html-f2c4d914.js +8 -8
- package/docs/assets/power-page.html-32e02f82.js +1 -1
- package/docs/assets/power-page.html-485e77da.js +1 -1
- package/docs/assets/power.html-d258cc19.js +93 -93
- package/docs/assets/power.html-e490bd32.js +1 -1
- package/docs/assets/previewImage.html-6a6b4245.js +1 -1
- package/docs/assets/previewImage.html-c5b7e945.js +2 -2
- package/docs/assets/price.html-1882c548.js +19 -19
- package/docs/assets/price.html-94d3f5be.js +1 -1
- package/docs/assets/price.html-d213df0f.js +1 -1
- package/docs/assets/price.html-deaf880f.js +1 -1
- package/docs/assets/render.html-8efcbdd4.js +1 -1
- package/docs/assets/render.html-df228e38.js +1 -1
- package/docs/assets/rule.html-2cd57fc2.js +13 -13
- package/docs/assets/rule.html-61662001.js +1 -1
- package/docs/assets/ruleValid.html-04fe2552.js +1 -1
- package/docs/assets/ruleValid.html-e0a776af.js +14 -14
- package/docs/assets/search-0782d0d1.svg +1 -1
- package/docs/assets/search-item.html-3f75394c.js +1 -1
- package/docs/assets/search-item.html-4e942ecd.js +1 -1
- package/docs/assets/search.html-2807043e.js +1 -1
- package/docs/assets/search.html-c24f8806.js +1 -1
- package/docs/assets/select.html-00d0607c.js +1 -1
- package/docs/assets/select.html-de7731f5.js +1 -1
- package/docs/assets/splitter.html-56f51a70.js +1 -1
- package/docs/assets/splitter.html-f5c836d7.js +1 -1
- package/docs/assets/style-161e43ab.css +1 -1
- package/docs/assets/symbols.html-a6aea4bf.js +1 -1
- package/docs/assets/symbols.html-b1f65bad.js +21 -21
- package/docs/assets/table-column-fixed.html-3a69e7b2.js +1 -1
- package/docs/assets/table-column-fixed.html-e763c38b.js +1 -1
- package/docs/assets/table-pagination.html-236934d3.js +1 -1
- package/docs/assets/table-pagination.html-c37ee2ac.js +1 -1
- package/docs/assets/table-splitter.html-07eab15c.js +1 -1
- package/docs/assets/table-splitter.html-7670ee65.js +1 -1
- package/docs/assets/table-summary.html-04db434f.js +1 -1
- package/docs/assets/table-summary.html-943c65a0.js +1 -1
- package/docs/assets/table.html-36253ad7.js +1 -1
- package/docs/assets/table.html-7f9c5d1b.js +38 -38
- package/docs/assets/table.html-93d53dc8.js +1 -1
- package/docs/assets/table.html-ac99b9cb.js +1 -1
- package/docs/assets/thumbnail.html-bab1976b.js +1 -1
- package/docs/assets/thumbnail.html-eb64e5e8.js +1 -1
- package/docs/assets/timestamp.html-4e54f79b.js +13 -13
- package/docs/assets/timestamp.html-d0e1b88a.js +1 -1
- package/docs/assets/toast.html-58ecbe21.js +1 -1
- package/docs/assets/toast.html-c9b9d36b.js +6 -6
- package/docs/assets/toolbar.html-83d9f97c.js +1 -1
- package/docs/assets/toolbar.html-ff7b8c92.js +1 -1
- package/docs/assets/tree.html-d07cbe79.js +23 -23
- package/docs/assets/tree.html-ea04193e.js +1 -1
- package/docs/assets/uploader-query.html-05590718.js +1 -1
- package/docs/assets/uploader-query.html-3175bac5.js +1 -1
- package/docs/assets/uploader.html-36da4394.js +2 -2
- package/docs/assets/uploader.html-6b5f3079.js +1 -1
- package/docs/assets/uploader.html-b9340b57.js +1 -1
- package/docs/assets/uploader.html-bc1c22e3.js +1 -1
- package/docs/assets/value-format.html-8ae3d47d.js +1 -1
- package/docs/assets/value-format.html-afa99b3d.js +1 -1
- package/docs/components/column-title.html +35 -35
- package/docs/components/data.html +62 -62
- package/docs/components/dialog.html +33 -33
- package/docs/components/dragger.html +33 -33
- package/docs/components/editor-code.html +33 -33
- package/docs/components/empty.html +33 -33
- package/docs/components/field-date.html +33 -33
- package/docs/components/field-table.html +33 -33
- package/docs/components/field-text.html +33 -33
- package/docs/components/field-tree.html +33 -33
- package/docs/components/img.html +33 -33
- package/docs/components/input-number.html +33 -33
- package/docs/components/list-menu-item.html +33 -33
- package/docs/components/list-menu.html +33 -33
- package/docs/components/power-page.html +33 -33
- package/docs/components/price.html +33 -33
- package/docs/components/render.html +33 -33
- package/docs/components/search-item.html +33 -33
- package/docs/components/search.html +33 -33
- package/docs/components/select.html +33 -33
- package/docs/components/splitter.html +33 -33
- package/docs/components/table-column-fixed.html +33 -33
- package/docs/components/table-pagination.html +33 -33
- package/docs/components/table-splitter.html +33 -33
- package/docs/components/table-summary.html +33 -33
- package/docs/components/table.html +33 -33
- package/docs/components/thumbnail.html +33 -33
- package/docs/components/toolbar.html +33 -33
- package/docs/components/uploader-query.html +33 -33
- package/docs/components/uploader.html +33 -33
- package/docs/components/value-format.html +33 -33
- package/docs/css/index.css +3 -3
- package/docs/index.html +33 -33
- package/docs/utils/alert.html +37 -37
- package/docs/utils/area.html +74 -74
- package/docs/utils/arr.html +43 -43
- package/docs/utils/auth.html +40 -40
- package/docs/utils/bus.html +38 -38
- package/docs/utils/confirm.html +42 -42
- package/docs/utils/copy.html +45 -45
- package/docs/utils/dialog.html +100 -100
- package/docs/utils/dict.html +55 -55
- package/docs/utils/dictOptions.html +37 -37
- package/docs/utils/form.html +34 -34
- package/docs/utils/getData.html +66 -66
- package/docs/utils/getFile.html +35 -35
- package/docs/utils/getImage.html +35 -35
- package/docs/utils/getTime.html +52 -52
- package/docs/utils/index.html +33 -33
- package/docs/utils/loading.html +38 -38
- package/docs/utils/notify.html +40 -40
- package/docs/utils/power.html +125 -125
- package/docs/utils/previewImage.html +34 -34
- package/docs/utils/price.html +51 -51
- package/docs/utils/rule.html +45 -45
- package/docs/utils/ruleValid.html +46 -46
- package/docs/utils/symbols.html +53 -53
- package/docs/utils/table.html +70 -70
- package/docs/utils/timestamp.html +45 -45
- package/docs/utils/toast.html +38 -38
- package/docs/utils/tree.html +55 -55
- package/docs/utils/uploader.html +34 -34
- package/package.json +25 -25
- package/sass/common.scss +184 -184
- package/sass/index.scss +12 -12
- package/sass/line.scss +39 -39
- package/sass/quasar/btn.scss +46 -46
- package/sass/quasar/common.scss +3 -3
- package/sass/quasar/drawer.scss +6 -6
- package/sass/quasar/field.scss +259 -259
- package/sass/quasar/loading.scss +6 -6
- package/sass/quasar/table.scss +168 -168
- package/sass/quasar/toolbar.scss +22 -22
- package/sass/variables.scss +140 -140
- package/store/index.js +29 -29
- package/utils/$auth.js +128 -128
- package/utils/$form.js +72 -72
- package/utils/$power.js +1494 -1494
- package/utils/$render.js +75 -75
- package/utils/$rule.js +13 -13
- package/utils/$ruleValid.js +10 -10
- package/utils/$search.js +416 -416
- package/utils/$table.js +1351 -1348
- package/utils/$tree.js +682 -682
- package/utils/alert.js +12 -12
- package/utils/area.js +400 -400
- package/utils/arr.js +51 -51
- package/utils/bus.js +6 -6
- package/utils/config.js +66 -66
- package/utils/confirm.js +11 -11
- package/utils/copy.js +30 -30
- package/utils/dialog.js +36 -36
- package/utils/dict.js +21 -21
- package/utils/dictOptions.js +28 -28
- package/utils/getData.js +88 -88
- package/utils/getFile.js +67 -67
- package/utils/getImage.js +276 -276
- package/utils/getTime.js +113 -113
- package/utils/index.js +67 -67
- package/utils/loading.js +15 -15
- package/utils/notify.js +13 -13
- package/utils/play.js +40 -40
- package/utils/previewImage.js +14 -14
- package/utils/price.js +18 -18
- package/utils/symbols.js +18 -18
- package/utils/timestamp.js +18 -18
- package/utils/toast.js +13 -13
- package/utils/uploader.js +2114 -2114
- package/utils/useAuth.js +30 -30
- package/utils/useFileUrl.js +26 -26
- package/utils/useRouter.js +47 -47
- package/utils/useSearch.js +587 -562
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import{_ as a,p as n,q as s,a1 as t}from"./framework-204010b2.js";const p={},e=t(`<h1 id="data-数据插槽" tabindex="-1"><a class="header-anchor" href="#data-数据插槽" aria-hidden="true">#</a> Data 数据插槽</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>数据插槽</p></div><h2 id="使用示例" tabindex="-1"><a class="header-anchor" href="#使用示例" aria-hidden="true">#</a> 使用示例</h2><h3 id="基础示例" tabindex="-1"><a class="header-anchor" href="#基础示例" aria-hidden="true">#</a> 基础示例</h3><div class="language-html line-numbers-mode" data-ext="html"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>n-data</span> <span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ name: '张三', age: 23 }<span class="token punctuation">"</span></span> <span class="token attr-name">v-slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ data }<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
2
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>姓名: {{ data.name }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
3
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>年龄: {{ data.age }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
4
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>n-data</span><span class="token punctuation">></span></span>
|
|
5
|
-
</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></div><h3 id="复杂示例" tabindex="-1"><a class="header-anchor" href="#复杂示例" aria-hidden="true">#</a> 复杂示例</h3><div class="language-html line-numbers-mode" data-ext="html"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
|
6
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>n-data</span>
|
|
7
|
-
<span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>userId in userIds<span class="token punctuation">"</span></span>
|
|
8
|
-
<span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>\`data-item-\${userId}\`<span class="token punctuation">"</span></span>
|
|
9
|
-
<span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>userAll[userId]<span class="token punctuation">"</span></span>
|
|
10
|
-
<span class="token attr-name">v-slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ data: userItem }<span class="token punctuation">"</span></span>
|
|
11
|
-
<span class="token punctuation">></span></span>
|
|
12
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>姓名: {{ userItem.name }},年龄: {{ userItem.age }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
13
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>n-data</span><span class="token punctuation">></span></span>
|
|
14
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
15
|
-
|
|
16
|
-
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
|
17
|
-
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
18
|
-
<span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
19
|
-
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
20
|
-
<span class="token literal-property property">userIds</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">11</span><span class="token punctuation">,</span> <span class="token number">22</span><span class="token punctuation">,</span> <span class="token number">33</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
21
|
-
<span class="token literal-property property">userAll</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
22
|
-
<span class="token number">11</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">11</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'张三'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">23</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
23
|
-
<span class="token number">22</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">22</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'李四'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">33</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
24
|
-
<span class="token number">33</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">33</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'王五'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">26</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
25
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
26
|
-
<span class="token punctuation">}</span>
|
|
27
|
-
<span class="token punctuation">}</span>
|
|
28
|
-
<span class="token punctuation">}</span>
|
|
29
|
-
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
30
|
-
</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 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="data-api" tabindex="-1"><a class="header-anchor" href="#data-api" aria-hidden="true">#</a> Data API</h2><h3 id="data-属性" tabindex="-1"><a class="header-anchor" href="#data-属性" aria-hidden="true">#</a> Data 属性</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>data</td><td>数据</td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h3 id="data-插槽" tabindex="-1"><a class="header-anchor" href="#data-插槽" aria-hidden="true">#</a> Data 插槽</h3><table><thead><tr><th>插槽名</th><th>说明</th></tr></thead><tbody><tr><td>default</td><td>默认插槽</td></tr></tbody></table><h3 id="data-default-插槽-对外暴露的方法" tabindex="-1"><a class="header-anchor" href="#data-default-插槽-对外暴露的方法" aria-hidden="true">#</a> Data <code>default</code> 插槽 对外暴露的方法</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>数据</td><td>-</td><td>-</td></tr></tbody></table>`,14),o=[e];function l(c,u){return n(),s("div",null,o)}const r=a(p,[["render",l],["__file","data.html.vue"]]);export{r as default};
|
|
1
|
+
import{_ as a,p as n,q as s,a1 as t}from"./framework-204010b2.js";const p={},e=t(`<h1 id="data-数据插槽" tabindex="-1"><a class="header-anchor" href="#data-数据插槽" aria-hidden="true">#</a> Data 数据插槽</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>数据插槽</p></div><h2 id="使用示例" tabindex="-1"><a class="header-anchor" href="#使用示例" aria-hidden="true">#</a> 使用示例</h2><h3 id="基础示例" tabindex="-1"><a class="header-anchor" href="#基础示例" aria-hidden="true">#</a> 基础示例</h3><div class="language-html line-numbers-mode" data-ext="html"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>n-data</span> <span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ name: '张三', age: 23 }<span class="token punctuation">"</span></span> <span class="token attr-name">v-slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ data }<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
|
2
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>姓名: {{ data.name }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
3
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>年龄: {{ data.age }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
4
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>n-data</span><span class="token punctuation">></span></span>
|
|
5
|
+
</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></div><h3 id="复杂示例" tabindex="-1"><a class="header-anchor" href="#复杂示例" aria-hidden="true">#</a> 复杂示例</h3><div class="language-html line-numbers-mode" data-ext="html"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
|
6
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>n-data</span>
|
|
7
|
+
<span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>userId in userIds<span class="token punctuation">"</span></span>
|
|
8
|
+
<span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>\`data-item-\${userId}\`<span class="token punctuation">"</span></span>
|
|
9
|
+
<span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>userAll[userId]<span class="token punctuation">"</span></span>
|
|
10
|
+
<span class="token attr-name">v-slot</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{ data: userItem }<span class="token punctuation">"</span></span>
|
|
11
|
+
<span class="token punctuation">></span></span>
|
|
12
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span>姓名: {{ userItem.name }},年龄: {{ userItem.age }}<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
|
13
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>n-data</span><span class="token punctuation">></span></span>
|
|
14
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>template</span><span class="token punctuation">></span></span>
|
|
15
|
+
|
|
16
|
+
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
|
|
17
|
+
<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
|
18
|
+
<span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
19
|
+
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
|
20
|
+
<span class="token literal-property property">userIds</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">11</span><span class="token punctuation">,</span> <span class="token number">22</span><span class="token punctuation">,</span> <span class="token number">33</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
21
|
+
<span class="token literal-property property">userAll</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
22
|
+
<span class="token number">11</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">11</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'张三'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">23</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
23
|
+
<span class="token number">22</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">22</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'李四'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">33</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
24
|
+
<span class="token number">33</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">33</span><span class="token punctuation">,</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'王五'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">26</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
25
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
26
|
+
<span class="token punctuation">}</span>
|
|
27
|
+
<span class="token punctuation">}</span>
|
|
28
|
+
<span class="token punctuation">}</span>
|
|
29
|
+
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
|
|
30
|
+
</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 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="data-api" tabindex="-1"><a class="header-anchor" href="#data-api" aria-hidden="true">#</a> Data API</h2><h3 id="data-属性" tabindex="-1"><a class="header-anchor" href="#data-属性" aria-hidden="true">#</a> Data 属性</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>data</td><td>数据</td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h3 id="data-插槽" tabindex="-1"><a class="header-anchor" href="#data-插槽" aria-hidden="true">#</a> Data 插槽</h3><table><thead><tr><th>插槽名</th><th>说明</th></tr></thead><tbody><tr><td>default</td><td>默认插槽</td></tr></tbody></table><h3 id="data-default-插槽-对外暴露的方法" tabindex="-1"><a class="header-anchor" href="#data-default-插槽-对外暴露的方法" aria-hidden="true">#</a> Data <code>default</code> 插槽 对外暴露的方法</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>数据</td><td>-</td><td>-</td></tr></tbody></table>`,14),o=[e];function l(c,u){return n(),s("div",null,o)}const r=a(p,[["render",l],["__file","data.html.vue"]]);export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=JSON.parse('{"key":"v-39942c2f","path":"/components/data.html","title":"Data 数据插槽","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"使用示例","slug":"使用示例","link":"#使用示例","children":[{"level":3,"title":"基础示例","slug":"基础示例","link":"#基础示例","children":[]},{"level":3,"title":"复杂示例","slug":"复杂示例","link":"#复杂示例","children":[]}]},{"level":2,"title":"Data API","slug":"data-api","link":"#data-api","children":[{"level":3,"title":"Data 属性","slug":"data-属性","link":"#data-属性","children":[]},{"level":3,"title":"Data 插槽","slug":"data-插槽","link":"#data-插槽","children":[]},{"level":3,"title":"Data default 插槽 对外暴露的方法","slug":"data-default-插槽-对外暴露的方法","link":"#data-default-插槽-对外暴露的方法","children":[]}]}],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"components/data.md"}');export{a as data};
|
|
1
|
+
const a=JSON.parse('{"key":"v-39942c2f","path":"/components/data.html","title":"Data 数据插槽","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"使用示例","slug":"使用示例","link":"#使用示例","children":[{"level":3,"title":"基础示例","slug":"基础示例","link":"#基础示例","children":[]},{"level":3,"title":"复杂示例","slug":"复杂示例","link":"#复杂示例","children":[]}]},{"level":2,"title":"Data API","slug":"data-api","link":"#data-api","children":[{"level":3,"title":"Data 属性","slug":"data-属性","link":"#data-属性","children":[]},{"level":3,"title":"Data 插槽","slug":"data-插槽","link":"#data-插槽","children":[]},{"level":3,"title":"Data default 插槽 对外暴露的方法","slug":"data-default-插槽-对外暴露的方法","link":"#data-default-插槽-对外暴露的方法","children":[]}]}],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"components/data.md"}');export{a as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as n,M as r,p as a,q as l,R as t,t as d,N as e,V as i,a1 as s}from"./framework-204010b2.js";const h={},u=t("h1",{id:"dialog-对话框",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dialog-对话框","aria-hidden":"true"},"#"),d(" Dialog 对话框")],-1),_={class:"custom-container tip"},m=t("p",{class:"custom-container-title"},"TIP",-1),p=t("code",null,"<q-dialog>",-1),g={href:"http://www.quasarchs.com/vue-components/dialog",target:"_blank",rel:"noopener noreferrer"},f={href:"https://quasar.dev/vue-components/dialog",target:"_blank",rel:"noopener noreferrer"},b=s("<table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>name</td><td>组件标识</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>route</td><td>路由组件路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>props</td><td>组件传参</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>title</td><td>标题</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>close</td><td>是否显示关闭按钮</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>cancel</td><td>是否显示取消按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>bottom</td><td>是否显示底部</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>on-confirm</td><td>点击确定方法</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>width</td><td>宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>50%</td></tr><tr><td>height</td><td>高度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>80%</td></tr><tr><td>min-width</td><td>最小宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>600px</td></tr><tr><td>fullscreen</td><td>是否全屏</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>page-container</td><td>是否是页面容器</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr></tbody></table>",1);function v(x,k){const o=r("ExternalLinkIcon"),c=r("RouterLink");return a(),l("div",null,[u,t("div",_,[m,t("ul",null,[t("li",null,[t("p",null,[d("继承 "),p,d(" 所有特性 "),t("a",g,[d("中文文档"),e(o)]),d(),t("a",f,[d("英文文档"),e(o)])])]),t("li",null,[t("p",null,[d("使用 "),e(c,{to:"/utils/dialog.html"},{default:i(()=>[d("$n.dialog.create()")]),_:1}),d(" 创建对话框进行使用")])])])]),b])}const N=n(h,[["render",v],["__file","dialog.html.vue"]]);export{N as default};
|
|
1
|
+
import{_ as n,M as r,p as a,q as l,R as t,t as d,N as e,V as i,a1 as s}from"./framework-204010b2.js";const h={},u=t("h1",{id:"dialog-对话框",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dialog-对话框","aria-hidden":"true"},"#"),d(" Dialog 对话框")],-1),_={class:"custom-container tip"},m=t("p",{class:"custom-container-title"},"TIP",-1),p=t("code",null,"<q-dialog>",-1),g={href:"http://www.quasarchs.com/vue-components/dialog",target:"_blank",rel:"noopener noreferrer"},f={href:"https://quasar.dev/vue-components/dialog",target:"_blank",rel:"noopener noreferrer"},b=s("<table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>name</td><td>组件标识</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>route</td><td>路由组件路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>props</td><td>组件传参</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>title</td><td>标题</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>close</td><td>是否显示关闭按钮</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>cancel</td><td>是否显示取消按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>bottom</td><td>是否显示底部</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>on-confirm</td><td>点击确定方法</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>width</td><td>宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>50%</td></tr><tr><td>height</td><td>高度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>80%</td></tr><tr><td>min-width</td><td>最小宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>600px</td></tr><tr><td>fullscreen</td><td>是否全屏</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>page-container</td><td>是否是页面容器</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr></tbody></table>",1);function v(x,k){const o=r("ExternalLinkIcon"),c=r("RouterLink");return a(),l("div",null,[u,t("div",_,[m,t("ul",null,[t("li",null,[t("p",null,[d("继承 "),p,d(" 所有特性 "),t("a",g,[d("中文文档"),e(o)]),d(),t("a",f,[d("英文文档"),e(o)])])]),t("li",null,[t("p",null,[d("使用 "),e(c,{to:"/utils/dialog.html"},{default:i(()=>[d("$n.dialog.create()")]),_:1}),d(" 创建对话框进行使用")])])])]),b])}const N=n(h,[["render",v],["__file","dialog.html.vue"]]);export{N as default};
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import{_ as p,M as t,p as o,q as l,R as n,t as s,N as e,a1 as c}from"./framework-204010b2.js";const i={},r=n("h1",{id:"dialog-对话框",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#dialog-对话框","aria-hidden":"true"},"#"),s(" dialog 对话框")],-1),u={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"TIP",-1),k=n("code",null,"@netang/quasar/utils/dialog.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dialog.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dialog.js",target:"_blank",rel:"noopener noreferrer"},b=n("code",null,"Dialog.create()",-1),g={href:"http://www.quasarchs.com/quasar-plugins/dialog",target:"_blank",rel:"noopener noreferrer"},y={href:"https://quasar.dev/quasar-plugins/dialog",target:"_blank",rel:"noopener noreferrer"},_=c(`<ul><li>普通示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
2
|
-
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
|
|
3
|
-
<span class="token literal-property property">prompt</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
4
|
-
<span class="token literal-property property">model</span><span class="token operator">:</span> <span class="token string">''</span><span class="token punctuation">,</span>
|
|
5
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'text'</span><span class="token punctuation">,</span>
|
|
6
|
-
<span class="token literal-property property">isValid</span><span class="token operator">:</span> <span class="token function">$ruleValid</span><span class="token punctuation">(</span><span class="token string">'required|min:6|max:20'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
7
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
8
|
-
<span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
9
|
-
<span class="token literal-property property">persistent</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
10
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
11
|
-
<span class="token punctuation">.</span><span class="token function">onOk</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
12
|
-
|
|
13
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
14
|
-
</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></div><ul><li>调用 vue 路由页面</li></ul><p>通过 <code>path</code> 参数定义 vue 路由路径来调用路由页面</p><p>并且对话框使用的组件是 <code><n-dialog></code>,可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
15
|
-
<span class="token comment">// 标题</span>
|
|
16
|
-
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'订单明细'</span><span class="token punctuation">,</span>
|
|
17
|
-
<span class="token comment">// 宽</span>
|
|
18
|
-
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">'80%'</span><span class="token punctuation">,</span>
|
|
19
|
-
<span class="token comment">// 关闭底部</span>
|
|
20
|
-
<span class="token literal-property property">bottom</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
|
|
21
|
-
<span class="token comment">// 路由路径</span>
|
|
22
|
-
<span class="token literal-property property">path</span><span class="token operator">:</span> <span class="token string">'order/order/view'</span><span class="token punctuation">,</span>
|
|
23
|
-
<span class="token comment">// 路由参数</span>
|
|
24
|
-
<span class="token literal-property property">query</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
25
|
-
<span class="token comment">// 订单 id</span>
|
|
26
|
-
<span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
|
|
27
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
28
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
29
|
-
</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></div><ul><li>调用自定义组件</li></ul><p>通过 <code>name</code> 参数获取自定义组件</p><p>并且对话框使用的组件是 <code><n-dialog></code>,可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建对话框</span>
|
|
30
|
-
dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
31
|
-
<span class="token comment">// 组件标识</span>
|
|
32
|
-
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'packageAddSku'</span><span class="token punctuation">,</span>
|
|
33
|
-
<span class="token comment">// 标题</span>
|
|
34
|
-
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'添加商品'</span><span class="token punctuation">,</span>
|
|
35
|
-
<span class="token comment">// 宽</span>
|
|
36
|
-
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">'80%'</span><span class="token punctuation">,</span>
|
|
37
|
-
<span class="token comment">// 不能通过按 ESC 键关闭对话框</span>
|
|
38
|
-
<span class="token literal-property property">noEscDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
39
|
-
<span class="token comment">// 不能通过在对话框外单击来关闭对话框</span>
|
|
40
|
-
<span class="token literal-property property">noBackdropDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
41
|
-
<span class="token comment">// 显示取消按钮</span>
|
|
42
|
-
<span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
43
|
-
<span class="token comment">// 组件声明参数</span>
|
|
44
|
-
<span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
45
|
-
<span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
|
|
46
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
47
|
-
<span class="token comment">// 点击确认执行</span>
|
|
48
|
-
<span class="token keyword">async</span> <span class="token function">onConfirm</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
49
|
-
|
|
50
|
-
<span class="token comment">// 验证回调数据</span>
|
|
51
|
-
<span class="token keyword">const</span> res <span class="token operator">=</span> $n<span class="token punctuation">.</span><span class="token function">validator</span><span class="token punctuation">(</span>data<span class="token punctuation">,</span> <span class="token punctuation">{</span>
|
|
52
|
-
<span class="token comment">// 仓库 id</span>
|
|
53
|
-
<span class="token literal-property property">warehouse_id</span><span class="token operator">:</span> <span class="token string">'natural'</span><span class="token punctuation">,</span>
|
|
54
|
-
<span class="token comment">// sku 列表</span>
|
|
55
|
-
<span class="token literal-property property">sku_lists</span><span class="token operator">:</span> <span class="token string">'array'</span><span class="token punctuation">,</span>
|
|
56
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
57
|
-
<span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
58
|
-
<span class="token comment">// 轻提示</span>
|
|
59
|
-
$n<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
60
|
-
<span class="token literal-property property">message</span><span class="token operator">:</span> res<span class="token punctuation">.</span>msg<span class="token punctuation">,</span>
|
|
61
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
62
|
-
<span class="token keyword">return</span> <span class="token boolean">false</span>
|
|
63
|
-
<span class="token punctuation">}</span>
|
|
64
|
-
|
|
65
|
-
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
|
|
66
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
67
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
68
|
-
</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 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 class="line-number"></div></div></div>`,10);function h(f,j){const a=t("ExternalLinkIcon");return o(),l("div",null,[r,n("div",u,[d,n("p",null,[k,s(),n("a",v,[s("Github"),e(a)]),s(),n("a",m,[s("Gitee"),e(a)])]),n("p",null,[s("继承 "),b,s(" 所有特性 "),n("a",g,[s("中文文档"),e(a)]),s(),n("a",y,[s("英文文档"),e(a)])])]),_])}const x=p(i,[["render",h],["__file","dialog.html.vue"]]);export{x as default};
|
|
1
|
+
import{_ as p,M as t,p as o,q as l,R as n,t as s,N as e,a1 as c}from"./framework-204010b2.js";const i={},r=n("h1",{id:"dialog-对话框",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#dialog-对话框","aria-hidden":"true"},"#"),s(" dialog 对话框")],-1),u={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"TIP",-1),k=n("code",null,"@netang/quasar/utils/dialog.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dialog.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dialog.js",target:"_blank",rel:"noopener noreferrer"},b=n("code",null,"Dialog.create()",-1),g={href:"http://www.quasarchs.com/quasar-plugins/dialog",target:"_blank",rel:"noopener noreferrer"},y={href:"https://quasar.dev/quasar-plugins/dialog",target:"_blank",rel:"noopener noreferrer"},_=c(`<ul><li>普通示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
2
|
+
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
|
|
3
|
+
<span class="token literal-property property">prompt</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
4
|
+
<span class="token literal-property property">model</span><span class="token operator">:</span> <span class="token string">''</span><span class="token punctuation">,</span>
|
|
5
|
+
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'text'</span><span class="token punctuation">,</span>
|
|
6
|
+
<span class="token literal-property property">isValid</span><span class="token operator">:</span> <span class="token function">$ruleValid</span><span class="token punctuation">(</span><span class="token string">'required|min:6|max:20'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
|
|
7
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
8
|
+
<span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
9
|
+
<span class="token literal-property property">persistent</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
10
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
11
|
+
<span class="token punctuation">.</span><span class="token function">onOk</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
12
|
+
|
|
13
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
14
|
+
</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></div><ul><li>调用 vue 路由页面</li></ul><p>通过 <code>path</code> 参数定义 vue 路由路径来调用路由页面</p><p>并且对话框使用的组件是 <code><n-dialog></code>,可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
15
|
+
<span class="token comment">// 标题</span>
|
|
16
|
+
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'订单明细'</span><span class="token punctuation">,</span>
|
|
17
|
+
<span class="token comment">// 宽</span>
|
|
18
|
+
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">'80%'</span><span class="token punctuation">,</span>
|
|
19
|
+
<span class="token comment">// 关闭底部</span>
|
|
20
|
+
<span class="token literal-property property">bottom</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
|
|
21
|
+
<span class="token comment">// 路由路径</span>
|
|
22
|
+
<span class="token literal-property property">path</span><span class="token operator">:</span> <span class="token string">'order/order/view'</span><span class="token punctuation">,</span>
|
|
23
|
+
<span class="token comment">// 路由参数</span>
|
|
24
|
+
<span class="token literal-property property">query</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
25
|
+
<span class="token comment">// 订单 id</span>
|
|
26
|
+
<span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
|
|
27
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
28
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
29
|
+
</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></div><ul><li>调用自定义组件</li></ul><p>通过 <code>name</code> 参数获取自定义组件</p><p>并且对话框使用的组件是 <code><n-dialog></code>,可通过 <code>props</code> 参数定义该组件的声明属性</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建对话框</span>
|
|
30
|
+
dialog<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
31
|
+
<span class="token comment">// 组件标识</span>
|
|
32
|
+
<span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'packageAddSku'</span><span class="token punctuation">,</span>
|
|
33
|
+
<span class="token comment">// 标题</span>
|
|
34
|
+
<span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'添加商品'</span><span class="token punctuation">,</span>
|
|
35
|
+
<span class="token comment">// 宽</span>
|
|
36
|
+
<span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">'80%'</span><span class="token punctuation">,</span>
|
|
37
|
+
<span class="token comment">// 不能通过按 ESC 键关闭对话框</span>
|
|
38
|
+
<span class="token literal-property property">noEscDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
39
|
+
<span class="token comment">// 不能通过在对话框外单击来关闭对话框</span>
|
|
40
|
+
<span class="token literal-property property">noBackdropDismiss</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
41
|
+
<span class="token comment">// 显示取消按钮</span>
|
|
42
|
+
<span class="token literal-property property">cancel</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
|
43
|
+
<span class="token comment">// 组件声明参数</span>
|
|
44
|
+
<span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
45
|
+
<span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
|
|
46
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
47
|
+
<span class="token comment">// 点击确认执行</span>
|
|
48
|
+
<span class="token keyword">async</span> <span class="token function">onConfirm</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
49
|
+
|
|
50
|
+
<span class="token comment">// 验证回调数据</span>
|
|
51
|
+
<span class="token keyword">const</span> res <span class="token operator">=</span> $n<span class="token punctuation">.</span><span class="token function">validator</span><span class="token punctuation">(</span>data<span class="token punctuation">,</span> <span class="token punctuation">{</span>
|
|
52
|
+
<span class="token comment">// 仓库 id</span>
|
|
53
|
+
<span class="token literal-property property">warehouse_id</span><span class="token operator">:</span> <span class="token string">'natural'</span><span class="token punctuation">,</span>
|
|
54
|
+
<span class="token comment">// sku 列表</span>
|
|
55
|
+
<span class="token literal-property property">sku_lists</span><span class="token operator">:</span> <span class="token string">'array'</span><span class="token punctuation">,</span>
|
|
56
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
57
|
+
<span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
58
|
+
<span class="token comment">// 轻提示</span>
|
|
59
|
+
$n<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
60
|
+
<span class="token literal-property property">message</span><span class="token operator">:</span> res<span class="token punctuation">.</span>msg<span class="token punctuation">,</span>
|
|
61
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
62
|
+
<span class="token keyword">return</span> <span class="token boolean">false</span>
|
|
63
|
+
<span class="token punctuation">}</span>
|
|
64
|
+
|
|
65
|
+
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
|
|
66
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
67
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
68
|
+
</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 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 class="line-number"></div></div></div>`,10);function h(f,j){const a=t("ExternalLinkIcon");return o(),l("div",null,[r,n("div",u,[d,n("p",null,[k,s(),n("a",v,[s("Github"),e(a)]),s(),n("a",m,[s("Gitee"),e(a)])]),n("p",null,[s("继承 "),b,s(" 所有特性 "),n("a",g,[s("中文文档"),e(a)]),s(),n("a",y,[s("英文文档"),e(a)])])]),_])}const x=p(i,[["render",h],["__file","dialog.html.vue"]]);export{x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-5f327a5a","path":"/utils/dialog.html","title":"dialog 对话框","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dialog.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-5f327a5a","path":"/utils/dialog.html","title":"dialog 对话框","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dialog.md"}');export{t as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=JSON.parse('{"key":"v-b3fc7d5e","path":"/components/dialog.html","title":"Dialog 对话框","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"components/dialog.md"}');export{a as data};
|
|
1
|
+
const a=JSON.parse('{"key":"v-b3fc7d5e","path":"/components/dialog.html","title":"Dialog 对话框","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"components/dialog.md"}');export{a as data};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import{_ as e,M as c,p,q as o,R as n,t as s,N as t,a1 as i}from"./framework-204010b2.js";const l={},u=n("h1",{id:"dict-数据字典",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#dict-数据字典","aria-hidden":"true"},"#"),s(" dict 数据字典")],-1),d={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"TIP",-1),k=n("code",null,"@netang/quasar/utils/dict.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dict.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dict.js",target:"_blank",rel:"noopener noreferrer"},b=i(`<ul><li>字典设置</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> settings <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@netang/quasar/utils/config'</span>
|
|
2
|
-
|
|
3
|
-
<span class="token doc-comment comment">/**
|
|
4
|
-
* 配置设置
|
|
5
|
-
*/</span>
|
|
6
|
-
<span class="token function">settings</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
7
|
-
<span class="token comment">// 用户数据字典</span>
|
|
8
|
-
<span class="token literal-property property">userDict</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
9
|
-
<span class="token constant">DICT_STATUS</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
10
|
-
<span class="token punctuation">[</span><span class="token string">'正常'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
11
|
-
<span class="token punctuation">[</span><span class="token string">'禁用'</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">]</span>
|
|
12
|
-
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
13
|
-
<span class="token constant">DICT_YESNO</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
14
|
-
<span class="token punctuation">[</span><span class="token string">'是'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
15
|
-
<span class="token punctuation">[</span><span class="token string">'否'</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">]</span>
|
|
16
|
-
<span class="token punctuation">]</span>
|
|
17
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
18
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
19
|
-
</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></div><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dict</span><span class="token punctuation">(</span><span class="token string">'DICT_STATUS'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token comment">// 返回:正常</span>
|
|
20
|
-
|
|
21
|
-
<span class="token function">dict</span><span class="token punctuation">(</span><span class="token string">'DICT_YESNO'</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token punctuation">,</span> <span class="token string">'无'</span><span class="token punctuation">)</span> <span class="token comment">// 返回: 无</span>
|
|
22
|
-
</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></div><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dict</span><span class="token punctuation">(</span>key<span class="token operator">:</span> String<span class="token punctuation">,</span> value<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
|
|
23
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>返回字典值对应的文字</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>key</td><td>字典键值</td><td><code>String</code></td><td>-</td></tr><tr><td>value</td><td>字典值</td><td><code>String</code> / <code>Number</code></td><td>-</td></tr><tr><td>defaultValue</td><td>默认值</td><td><code>Any</code></td><td>""</td></tr></tbody></table>`,8);function g(h,_){const a=c("ExternalLinkIcon");return p(),o("div",null,[u,n("div",d,[r,n("p",null,[k,s(),n("a",v,[s("Github"),t(a)]),s(),n("a",m,[s("Gitee"),t(a)])])]),b])}const j=e(l,[["render",g],["__file","dict.html.vue"]]);export{j as default};
|
|
1
|
+
import{_ as e,M as c,p,q as o,R as n,t as s,N as t,a1 as i}from"./framework-204010b2.js";const l={},u=n("h1",{id:"dict-数据字典",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#dict-数据字典","aria-hidden":"true"},"#"),s(" dict 数据字典")],-1),d={class:"custom-container tip"},r=n("p",{class:"custom-container-title"},"TIP",-1),k=n("code",null,"@netang/quasar/utils/dict.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dict.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dict.js",target:"_blank",rel:"noopener noreferrer"},b=i(`<ul><li>字典设置</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> settings <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@netang/quasar/utils/config'</span>
|
|
2
|
+
|
|
3
|
+
<span class="token doc-comment comment">/**
|
|
4
|
+
* 配置设置
|
|
5
|
+
*/</span>
|
|
6
|
+
<span class="token function">settings</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
7
|
+
<span class="token comment">// 用户数据字典</span>
|
|
8
|
+
<span class="token literal-property property">userDict</span><span class="token operator">:</span> <span class="token punctuation">{</span>
|
|
9
|
+
<span class="token constant">DICT_STATUS</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
10
|
+
<span class="token punctuation">[</span><span class="token string">'正常'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
11
|
+
<span class="token punctuation">[</span><span class="token string">'禁用'</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">]</span>
|
|
12
|
+
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
13
|
+
<span class="token constant">DICT_YESNO</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
|
14
|
+
<span class="token punctuation">[</span><span class="token string">'是'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
|
15
|
+
<span class="token punctuation">[</span><span class="token string">'否'</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">]</span>
|
|
16
|
+
<span class="token punctuation">]</span>
|
|
17
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
18
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
19
|
+
</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></div><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dict</span><span class="token punctuation">(</span><span class="token string">'DICT_STATUS'</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token comment">// 返回:正常</span>
|
|
20
|
+
|
|
21
|
+
<span class="token function">dict</span><span class="token punctuation">(</span><span class="token string">'DICT_YESNO'</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token punctuation">,</span> <span class="token string">'无'</span><span class="token punctuation">)</span> <span class="token comment">// 返回: 无</span>
|
|
22
|
+
</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></div><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dict</span><span class="token punctuation">(</span>key<span class="token operator">:</span> String<span class="token punctuation">,</span> value<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
|
|
23
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>返回字典值对应的文字</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>key</td><td>字典键值</td><td><code>String</code></td><td>-</td></tr><tr><td>value</td><td>字典值</td><td><code>String</code> / <code>Number</code></td><td>-</td></tr><tr><td>defaultValue</td><td>默认值</td><td><code>Any</code></td><td>""</td></tr></tbody></table>`,8);function g(h,_){const a=c("ExternalLinkIcon");return p(),o("div",null,[u,n("div",d,[r,n("p",null,[k,s(),n("a",v,[s("Github"),t(a)]),s(),n("a",m,[s("Gitee"),t(a)])])]),b])}const j=e(l,[["render",g],["__file","dict.html.vue"]]);export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-56a5c228","path":"/utils/dict.html","title":"dict 数据字典","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dict.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-56a5c228","path":"/utils/dict.html","title":"dict 数据字典","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dict.md"}');export{t as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-330c37a8","path":"/utils/dictOptions.html","title":"dictOptions 数据字典选项","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dictOptions.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-330c37a8","path":"/utils/dictOptions.html","title":"dictOptions 数据字典选项","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/dictOptions.md"}');export{t as data};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{_ as e,M as o,p as i,q as c,R as t,t as n,N as a,a1 as p}from"./framework-204010b2.js";const l={},r=t("h1",{id:"dictoptions-数据字典选项",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dictoptions-数据字典选项","aria-hidden":"true"},"#"),n(" dictOptions 数据字典选项")],-1),d={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/dictOptions.js",-1),k={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dictOptions.js",target:"_blank",rel:"noopener noreferrer"},_={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dictOptions.js",target:"_blank",rel:"noopener noreferrer"},m=p(`<ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dictOptions</span><span class="token punctuation">(</span><span class="token string">'DICT_STATUS'</span><span class="token punctuation">)</span> <span class="token comment">// 返回:[ { label: '正常', value: 1 }, { label: '禁用', value: 0 } ]</span>
|
|
2
|
-
|
|
3
|
-
<span class="token function">dictOptions</span><span class="token punctuation">(</span><span class="token string">'DICT_YESNO'</span><span class="token punctuation">,</span> <span class="token string">'title'</span><span class="token punctuation">,</span> <span class="token string">'id'</span><span class="token punctuation">)</span> <span class="token comment">// 返回:[ { title: '正常', id: 1 }, { title: '禁用', id: 0 } ]</span>
|
|
4
|
-
</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></div><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dictOptions</span><span class="token punctuation">(</span>key<span class="token operator">:</span> String<span class="token punctuation">,</span> <span class="token literal-property property">textKey</span><span class="token operator">:</span> String<span class="token punctuation">,</span> <span class="token literal-property property">valueKey</span><span class="token operator">:</span> String<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
5
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>返回数据字典选项数组</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>key</td><td>字典键值</td><td><code>String</code></td><td>-</td></tr><tr><td>labelKey</td><td>标签键值</td><td><code>String</code></td><td>label</td></tr><tr><td>valueKey</td><td>值键值</td><td><code>String</code></td><td>value</td></tr></tbody></table>`,6);function v(g,b){const s=o("ExternalLinkIcon");return i(),c("div",null,[r,t("div",d,[u,t("p",null,[h,n(),t("a",k,[n("Github"),a(s)]),n(),t("a",_,[n("Gitee"),a(s)])])]),m])}const y=e(l,[["render",v],["__file","dictOptions.html.vue"]]);export{y as default};
|
|
1
|
+
import{_ as e,M as o,p as i,q as c,R as t,t as n,N as a,a1 as p}from"./framework-204010b2.js";const l={},r=t("h1",{id:"dictoptions-数据字典选项",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dictoptions-数据字典选项","aria-hidden":"true"},"#"),n(" dictOptions 数据字典选项")],-1),d={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/dictOptions.js",-1),k={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/dictOptions.js",target:"_blank",rel:"noopener noreferrer"},_={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/dictOptions.js",target:"_blank",rel:"noopener noreferrer"},m=p(`<ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dictOptions</span><span class="token punctuation">(</span><span class="token string">'DICT_STATUS'</span><span class="token punctuation">)</span> <span class="token comment">// 返回:[ { label: '正常', value: 1 }, { label: '禁用', value: 0 } ]</span>
|
|
2
|
+
|
|
3
|
+
<span class="token function">dictOptions</span><span class="token punctuation">(</span><span class="token string">'DICT_YESNO'</span><span class="token punctuation">,</span> <span class="token string">'title'</span><span class="token punctuation">,</span> <span class="token string">'id'</span><span class="token punctuation">)</span> <span class="token comment">// 返回:[ { title: '正常', id: 1 }, { title: '禁用', id: 0 } ]</span>
|
|
4
|
+
</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></div><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">dictOptions</span><span class="token punctuation">(</span>key<span class="token operator">:</span> String<span class="token punctuation">,</span> <span class="token literal-property property">textKey</span><span class="token operator">:</span> String<span class="token punctuation">,</span> <span class="token literal-property property">valueKey</span><span class="token operator">:</span> String<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
5
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><p>返回数据字典选项数组</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>key</td><td>字典键值</td><td><code>String</code></td><td>-</td></tr><tr><td>labelKey</td><td>标签键值</td><td><code>String</code></td><td>label</td></tr><tr><td>valueKey</td><td>值键值</td><td><code>String</code></td><td>value</td></tr></tbody></table>`,6);function v(g,b){const s=o("ExternalLinkIcon");return i(),c("div",null,[r,t("div",d,[u,t("p",null,[h,n(),t("a",k,[n("Github"),a(s)]),n(),t("a",_,[n("Gitee"),a(s)])])]),m])}const y=e(l,[["render",v],["__file","dictOptions.html.vue"]]);export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as d,q as e,a1 as r}from"./framework-204010b2.js";const a={},o=r('<h1 id="dragger-拖拽" tabindex="-1"><a class="header-anchor" href="#dragger-拖拽" aria-hidden="true">#</a> Dragger 拖拽</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>拖拽</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td><code>Array</code></td><td>-</td><td>-</td></tr><tr><td>drag</td><td>是否开启拖拽</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr></tbody></table><h3 id="dragger-插槽" tabindex="-1"><a class="header-anchor" href="#dragger-插槽" aria-hidden="true">#</a> Dragger 插槽</h3><table><thead><tr><th>插槽名</th><th>说明</th></tr></thead><tbody><tr><td>default</td><td>默认插槽</td></tr></tbody></table><h3 id="dragger-default-插槽-对外暴露的方法" tabindex="-1"><a class="header-anchor" href="#dragger-default-插槽-对外暴露的方法" aria-hidden="true">#</a> Dragger <code>default</code> 插槽 对外暴露的方法</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>mousedown</td><td>鼠标按下</td><td><code>Function</code></td><td>-</td></tr><tr><td>fromIndex</td><td>拖拽原始索引</td><td><code>Number</code></td><td>-</td></tr><tr><td>dragStart</td><td>拖拽开始</td><td><code>Function</code></td><td>-</td></tr><tr><td>dragEnter</td><td>拖拽进入</td><td><code>Function</code></td><td>-</td></tr><tr><td>dragEnd</td><td>拖拽结束</td><td><code>Function</code></td><td>-</td></tr></tbody></table>',7),h=[o];function c(n,i){return d(),e("div",null,h)}const s=t(a,[["render",c],["__file","dragger.html.vue"]]);export{s as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as r}from"./framework-204010b2.js";const a={},o=r('<h1 id="dragger-拖拽" tabindex="-1"><a class="header-anchor" href="#dragger-拖拽" aria-hidden="true">#</a> Dragger 拖拽</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>拖拽</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td><code>Array</code></td><td>-</td><td>-</td></tr><tr><td>drag</td><td>是否开启拖拽</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr></tbody></table><h3 id="dragger-插槽" tabindex="-1"><a class="header-anchor" href="#dragger-插槽" aria-hidden="true">#</a> Dragger 插槽</h3><table><thead><tr><th>插槽名</th><th>说明</th></tr></thead><tbody><tr><td>default</td><td>默认插槽</td></tr></tbody></table><h3 id="dragger-default-插槽-对外暴露的方法" tabindex="-1"><a class="header-anchor" href="#dragger-default-插槽-对外暴露的方法" aria-hidden="true">#</a> Dragger <code>default</code> 插槽 对外暴露的方法</h3><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>mousedown</td><td>鼠标按下</td><td><code>Function</code></td><td>-</td></tr><tr><td>fromIndex</td><td>拖拽原始索引</td><td><code>Number</code></td><td>-</td></tr><tr><td>dragStart</td><td>拖拽开始</td><td><code>Function</code></td><td>-</td></tr><tr><td>dragEnter</td><td>拖拽进入</td><td><code>Function</code></td><td>-</td></tr><tr><td>dragEnd</td><td>拖拽结束</td><td><code>Function</code></td><td>-</td></tr></tbody></table>',7),h=[o];function c(n,i){return d(),e("div",null,h)}const s=t(a,[["render",c],["__file","dragger.html.vue"]]);export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=JSON.parse('{"key":"v-38e78679","path":"/components/dragger.html","title":"Dragger 拖拽","lang":"en-US","frontmatter":{},"headers":[{"level":3,"title":"Dragger 插槽","slug":"dragger-插槽","link":"#dragger-插槽","children":[]},{"level":3,"title":"Dragger default 插槽 对外暴露的方法","slug":"dragger-default-插槽-对外暴露的方法","link":"#dragger-default-插槽-对外暴露的方法","children":[]}],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/dragger.md"}');export{e as data};
|
|
1
|
+
const e=JSON.parse('{"key":"v-38e78679","path":"/components/dragger.html","title":"Dragger 拖拽","lang":"en-US","frontmatter":{},"headers":[{"level":3,"title":"Dragger 插槽","slug":"dragger-插槽","link":"#dragger-插槽","children":[]},{"level":3,"title":"Dragger default 插槽 对外暴露的方法","slug":"dragger-default-插槽-对外暴露的方法","link":"#dragger-default-插槽-对外暴露的方法","children":[]}],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/dragger.md"}');export{e as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=JSON.parse('{"key":"v-16f425ec","path":"/components/editor-code.html","title":"EditorCode 代码编辑器","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/editor-code.md"}');export{e as data};
|
|
1
|
+
const e=JSON.parse('{"key":"v-16f425ec","path":"/components/editor-code.html","title":"EditorCode 代码编辑器","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/editor-code.md"}');export{e as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as d,q as e,a1 as o}from"./framework-204010b2.js";const r={},c=o('<h1 id="editorcode-代码编辑器" tabindex="-1"><a class="header-anchor" href="#editorcode-代码编辑器" aria-hidden="true">#</a> EditorCode 代码编辑器</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>代码编辑器</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>width</td><td>宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>100%</td></tr><tr><td>height</td><td>高度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>-</td></tr><tr><td>language</td><td>脚本语言</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>readonly</td><td>是否只读</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>minimap</td><td>是否显示代码视图</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>tab-size</td><td>tab 长度</td><td><code>Number</code></td><td>-</td><td>4</td></tr><tr><td>theme</td><td>主题</td><td><code>String</code></td><td>-</td><td>vs</td></tr></tbody></table>',3),a=[c];function i(n,h){return d(),e("div",null,a)}const l=t(r,[["render",i],["__file","editor-code.html.vue"]]);export{l as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as o}from"./framework-204010b2.js";const r={},c=o('<h1 id="editorcode-代码编辑器" tabindex="-1"><a class="header-anchor" href="#editorcode-代码编辑器" aria-hidden="true">#</a> EditorCode 代码编辑器</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>代码编辑器</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值(必填)</td><td>-</td><td>-</td><td>-</td></tr><tr><td>width</td><td>宽度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>100%</td></tr><tr><td>height</td><td>高度</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>-</td></tr><tr><td>language</td><td>脚本语言</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>readonly</td><td>是否只读</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>minimap</td><td>是否显示代码视图</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>tab-size</td><td>tab 长度</td><td><code>Number</code></td><td>-</td><td>4</td></tr><tr><td>theme</td><td>主题</td><td><code>String</code></td><td>-</td><td>vs</td></tr></tbody></table>',3),a=[c];function i(n,h){return d(),e("div",null,a)}const l=t(r,[["render",i],["__file","editor-code.html.vue"]]);export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-aa730a28","path":"/components/empty.html","title":"Empty 空状态","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/empty.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-aa730a28","path":"/components/empty.html","title":"Empty 空状态","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/empty.md"}');export{t as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as d,q as e,a1 as c}from"./framework-204010b2.js";const o={},r=c('<h1 id="empty-空状态" tabindex="-1"><a class="header-anchor" href="#empty-空状态" aria-hidden="true">#</a> Empty 空状态</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>空状态</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>icon</td><td>图标</td><td><code>String</code></td><td>-</td><td>info</td></tr><tr><td>icon-size</td><td>图标大小</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>70</td></tr><tr><td>description</td><td>描述文字</td><td><code>String</code></td><td>-</td><td>-</td></tr></tbody></table>',3),a=[r];function i(n,s){return d(),e("div",null,a)}const p=t(o,[["render",i],["__file","empty.html.vue"]]);export{p as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as c}from"./framework-204010b2.js";const o={},r=c('<h1 id="empty-空状态" tabindex="-1"><a class="header-anchor" href="#empty-空状态" aria-hidden="true">#</a> Empty 空状态</h1><div class="custom-container tip"><p class="custom-container-title">TIP</p><p>空状态</p></div><table><thead><tr><th>属性名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>icon</td><td>图标</td><td><code>String</code></td><td>-</td><td>info</td></tr><tr><td>icon-size</td><td>图标大小</td><td><code>String</code> / <code>Number</code></td><td>-</td><td>70</td></tr><tr><td>description</td><td>描述文字</td><td><code>String</code></td><td>-</td><td>-</td></tr></tbody></table>',3),a=[r];function i(n,s){return d(),e("div",null,a)}const p=t(o,[["render",i],["__file","empty.html.vue"]]);export{p as default};
|