@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,38 +1,38 @@
|
|
|
1
|
-
import{_ as n,M as s,p as o,q as c,R as t,t as d,N as e,a1 as r}from"./framework-204010b2.js";const l={},i=t("h1",{id:"table-表格",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#table-表格","aria-hidden":"true"},"#"),d(" $table 表格")],-1),p={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),b=t("code",null,"@netang/quasar/utils/$table.js",-1),h={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js",target:"_blank",rel:"noopener noreferrer"},k={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js",target:"_blank",rel:"noopener noreferrer"},m=t("p",null,"表格工具",-1),v=r(`<h2 id="table-create" tabindex="-1"><a class="header-anchor" href="#table-create" aria-hidden="true">#</a> $table.create</h2><p>创建表格实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
|
|
2
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>data</td><td>附加请求数据</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>rowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>-</td><td>id</td><td>-</td></tr><tr><td>selection</td><td>选择类型</td><td><code>String</code></td><td><code>none</code> / <code>single</code> / <code>multiple</code></td><td>single</td><td>-</td></tr><tr><td>separator</td><td>分隔栏</td><td><code>String</code></td><td><code>horizontal</code> / <code>vertical</code> / <code>cell</code> / <code>none</code></td><td>cell</td><td>-</td></tr><tr><td>selected</td><td>初始已选数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>loading</td><td>初始表格加载状态</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>columns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>visibleColumns</td><td>初始可见列</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>pagination</td><td>表格翻页参数</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowsPerPageOptions</td><td>每页显示行数选项</td><td><code>Array</code></td><td>-</td><td>[ 30, 40, 50, 100, 200, 500, 1000 ]</td><td>-</td></tr><tr><td>request</td><td>自定义请求方法</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>formatRow</td><td>格式化单条数据</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>httpSettings</td><td>http 设置</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>search</td><td>是否开启初始搜素</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>summary</td><td>是否开启合计</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>searchFromQuery</td><td>从参数中获取搜索值</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showGrid</td><td>是否显示宫格</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showVisibleColumns</td><td>是否显示可见列</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>cache</td><td>是否开启缓存</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>refreshResetSelected</td><td>是否刷新后清空已选数据</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>rowClick</td><td>单击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowDblClick</td><td>双击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h4 id="pagination" tabindex="-1"><a class="header-anchor" href="#pagination" aria-hidden="true">#</a> pagination</h4><p>表格翻页参数</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>page</td><td>页码</td><td><code>Number</code></td><td>1</td></tr><tr><td>rowsPerPage</td><td>每页的数据条数</td><td><code>Number</code></td><td>30</td></tr><tr><td>rowsNumber</td><td>数据总数(服务器返回)</td><td><code>Number</code></td><td>1</td></tr><tr><td>sortBy</td><td>排序字段</td><td><code>String</code></td><td>null</td></tr><tr><td>descending</td><td>是否降序排列</td><td><code>Boolean</code></td><td>true</td></tr></tbody></table><h4 id="request" tabindex="-1"><a class="header-anchor" href="#request" aria-hidden="true">#</a> request</h4><p>格式化表格按钮</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
3
|
-
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
4
|
-
|
|
5
|
-
<span class="token comment">// 自定义请求方法</span>
|
|
6
|
-
<span class="token keyword">async</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> data<span class="token punctuation">,</span> props<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
7
|
-
<span class="token keyword">return</span> <span class="token keyword">await</span> $n<span class="token punctuation">.</span><span class="token function">http</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
8
|
-
<span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">'...'</span><span class="token punctuation">,</span>
|
|
9
|
-
data<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 punctuation">,</span>
|
|
12
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
13
|
-
</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></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>请求数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>props</td><td>表格声明属性</td><td><code>Array</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格选中数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="formatrow" tabindex="-1"><a class="header-anchor" href="#formatrow" aria-hidden="true">#</a> formatRow</h4><p>格式化单条数据</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
14
|
-
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
15
|
-
|
|
16
|
-
<span class="token comment">// 格式化单条数据</span>
|
|
17
|
-
<span class="token function">formatRow</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> row<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
18
|
-
row<span class="token punctuation">.</span>title <span class="token operator">=</span> <span class="token string">'[测试]'</span> <span class="token operator">+</span> row<span class="token punctuation">.</span>title
|
|
19
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
20
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
21
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>row</td><td>当前单条数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格已选数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="rowclick" tabindex="-1"><a class="header-anchor" href="#rowclick" aria-hidden="true">#</a> rowClick</h4><p>单击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
22
|
-
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
23
|
-
|
|
24
|
-
<span class="token comment">// 单击表格行事件</span>
|
|
25
|
-
<span class="token function">rowClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
26
|
-
|
|
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></div><h4 id="rowdblclick" tabindex="-1"><a class="header-anchor" href="#rowdblclick" aria-hidden="true">#</a> rowDblClick</h4><p>双击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
30
|
-
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
31
|
-
|
|
32
|
-
<span class="token comment">// 双击表格行事件</span>
|
|
33
|
-
<span class="token function">rowDblClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
34
|
-
|
|
35
|
-
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
36
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
37
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><p>返回的数据可提供给 <code><q-table></code> 使用</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可在 <code><q-table></code> 组件中使用</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoading</td><td>表格加载状态</td><td><code>ref(Boolean)</code></td><td>:loading="tableLoading"</td></tr><tr><td>tableRowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>:row-key="tableRowKey"</td></tr><tr><td>tableSelection</td><td>表格选择类型</td><td><code>ref(String)</code></td><td>:selection="tableSelection"</td></tr><tr><td>tableSeparator</td><td>表格分隔栏</td><td><code>ref(String)</code></td><td>:separator="tableSeparator"</td></tr><tr><td>tableRowsPerPageOptions</td><td>表格每页显示行数选项</td><td><code>Array</code></td><td>:rows-per-page-options="tableRowsPerPageOptions"</td></tr><tr><td>tableColumns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>:columns="tableColumns"</td></tr><tr><td>tableVisibleColumns</td><td>表格可见列</td><td><code>ref(Array)</code></td><td>:visible-columns="tableVisibleColumns"</td></tr><tr><td>tableRows</td><td>表格行数据</td><td><code>ref(Array)</code></td><td>:rows="tableRows"</td></tr><tr><td>tablePagination</td><td>表格翻页参数</td><td><code>ref(Object)</code></td><td>v-model:pagination="tablePagination"</td></tr><tr><td>tableSelected</td><td>表格已选数据</td><td><code>ref(Array)</code></td><td>v-model:selected="tableSelected"</td></tr><tr><td>tableFixedPowerBtns</td><td>固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>showTableFixed</td><td>是否显示固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>tableImgNames</td><td>表格图片标识</td><td><code>ref(Array)</code></td><td>可在插槽中使用</td></tr><tr><td>tableGrid</td><td>表格宫格</td><td><code>ref(Boolean)</code></td><td>:grid="tableGrid"</td></tr><tr><td>tableSummary</td><td>表格合计</td><td><code>ref(Object)</code></td><td>可在插槽中使用</td></tr><tr><td>tableSearchValue</td><td>表格搜索数据</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>tableSearchOptions</td><td>表格搜索参数</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>setQuery</td><td>设置表格传参</td><td><code>Function</code></td><td>-</td></tr><tr><td>isTableLoaded</td><td>表格是否已加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoad</td><td>表格加载(只加载一次)</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableReload</td><td>表格重新加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRefresh</td><td>表格刷新</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableSearchReset</td><td>表格搜索重置</td><td><code>Function</code></td><td>-</td></tr><tr><td>getTableRequestData</td><td>获取表格请求数据</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRequest</td><td>表格请求数据</td><td><code>Function</code></td><td>@request="tableRequest"</td></tr><tr><td>tableRowClick</td><td>表格单击表格行</td><td><code>Function</code></td><td>@row-click="tableRowClick"</td></tr><tr><td>tableRowDblclick</td><td>表格双击表格行</td><td><code>Function</code></td><td>@row-dblclick="currentTableRowDblclick"</td></tr><tr><td>setTableSearchOptions</td><td>设置表格搜索参数</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h2 id="table-config" tabindex="-1"><a class="header-anchor" href="#table-config" aria-hidden="true">#</a> $table.config</h2><p>获取表格配置</p><p>从 <code>src/tables</code> 文件夹中获取路由路径对应的表格配置</p><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">config</span><span class="token punctuation">(</span>routePath<span class="token punctuation">,</span> path<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
|
|
38
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数-1" tabindex="-1"><a class="header-anchor" href="#options-参数-1" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routePath</td><td>路由路径</td><td><code>String</code></td><td>goods/goods/index</td></tr><tr><td>path</td><td>配置字段</td><td><code>String</code></td><td>columns</td></tr><tr><td>defaultValue</td><td>默认值(没有获取到配置时显示)</td><td><code>Any</code></td><td>[ ]</td></tr></tbody></table>`,33);function g(f,w){const a=s("ExternalLinkIcon");return o(),c("div",null,[i,t("div",p,[u,t("p",null,[b,d(),t("a",h,[d("Github"),e(a)]),d(),t("a",k,[d("Gitee"),e(a)])]),m]),v])}const q=n(l,[["render",g],["__file","table.html.vue"]]);export{q as default};
|
|
1
|
+
import{_ as n,M as s,p as o,q as c,R as t,t as d,N as e,a1 as r}from"./framework-204010b2.js";const l={},i=t("h1",{id:"table-表格",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#table-表格","aria-hidden":"true"},"#"),d(" $table 表格")],-1),p={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),b=t("code",null,"@netang/quasar/utils/$table.js",-1),h={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/%24table.js",target:"_blank",rel:"noopener noreferrer"},k={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24table.js",target:"_blank",rel:"noopener noreferrer"},m=t("p",null,"表格工具",-1),v=r(`<h2 id="table-create" tabindex="-1"><a class="header-anchor" href="#table-create" aria-hidden="true">#</a> $table.create</h2><p>创建表格实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
|
|
2
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>data</td><td>附加请求数据</td><td><code>Object</code></td><td>-</td><td>{ }</td><td>-</td></tr><tr><td>rowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>-</td><td>id</td><td>-</td></tr><tr><td>selection</td><td>选择类型</td><td><code>String</code></td><td><code>none</code> / <code>single</code> / <code>multiple</code></td><td>single</td><td>-</td></tr><tr><td>separator</td><td>分隔栏</td><td><code>String</code></td><td><code>horizontal</code> / <code>vertical</code> / <code>cell</code> / <code>none</code></td><td>cell</td><td>-</td></tr><tr><td>selected</td><td>初始已选数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>loading</td><td>初始表格加载状态</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>columns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>visibleColumns</td><td>初始可见列</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td><td>[ ]</td><td>-</td></tr><tr><td>pagination</td><td>表格翻页参数</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowsPerPageOptions</td><td>每页显示行数选项</td><td><code>Array</code></td><td>-</td><td>[ 30, 40, 50, 100, 200, 500, 1000 ]</td><td>-</td></tr><tr><td>request</td><td>自定义请求方法</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>formatRow</td><td>格式化单条数据</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>httpSettings</td><td>http 设置</td><td><code>Object</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>search</td><td>是否开启初始搜素</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>summary</td><td>是否开启合计</td><td><code>Boolean</code></td><td>-</td><td>false</td><td>-</td></tr><tr><td>searchFromQuery</td><td>从参数中获取搜索值</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showGrid</td><td>是否显示宫格</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>showVisibleColumns</td><td>是否显示可见列</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>cache</td><td>是否开启缓存</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>refreshResetSelected</td><td>是否刷新后清空已选数据</td><td><code>Boolean</code></td><td>-</td><td>true</td><td>-</td></tr><tr><td>rowClick</td><td>单击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr><tr><td>rowDblClick</td><td>双击表格行事件</td><td><code>Function</code></td><td>-</td><td>-</td><td>-</td></tr></tbody></table><h4 id="pagination" tabindex="-1"><a class="header-anchor" href="#pagination" aria-hidden="true">#</a> pagination</h4><p>表格翻页参数</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>page</td><td>页码</td><td><code>Number</code></td><td>1</td></tr><tr><td>rowsPerPage</td><td>每页的数据条数</td><td><code>Number</code></td><td>30</td></tr><tr><td>rowsNumber</td><td>数据总数(服务器返回)</td><td><code>Number</code></td><td>1</td></tr><tr><td>sortBy</td><td>排序字段</td><td><code>String</code></td><td>null</td></tr><tr><td>descending</td><td>是否降序排列</td><td><code>Boolean</code></td><td>true</td></tr></tbody></table><h4 id="request" tabindex="-1"><a class="header-anchor" href="#request" aria-hidden="true">#</a> request</h4><p>格式化表格按钮</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
3
|
+
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
4
|
+
|
|
5
|
+
<span class="token comment">// 自定义请求方法</span>
|
|
6
|
+
<span class="token keyword">async</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> data<span class="token punctuation">,</span> props<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
7
|
+
<span class="token keyword">return</span> <span class="token keyword">await</span> $n<span class="token punctuation">.</span><span class="token function">http</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
8
|
+
<span class="token literal-property property">url</span><span class="token operator">:</span> <span class="token string">'...'</span><span class="token punctuation">,</span>
|
|
9
|
+
data<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 punctuation">,</span>
|
|
12
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
13
|
+
</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></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>data</td><td>请求数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>props</td><td>表格声明属性</td><td><code>Array</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格选中数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="formatrow" tabindex="-1"><a class="header-anchor" href="#formatrow" aria-hidden="true">#</a> formatRow</h4><p>格式化单条数据</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
14
|
+
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
15
|
+
|
|
16
|
+
<span class="token comment">// 格式化单条数据</span>
|
|
17
|
+
<span class="token function">formatRow</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span> row<span class="token punctuation">,</span> rows<span class="token punctuation">,</span> selected <span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
18
|
+
row<span class="token punctuation">.</span>title <span class="token operator">=</span> <span class="token string">'[测试]'</span> <span class="token operator">+</span> row<span class="token punctuation">.</span>title
|
|
19
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
20
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
21
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>row</td><td>当前单条数据</td><td><code>Object</code></td><td>-</td></tr><tr><td>rows</td><td>表格行数据</td><td><code>Array</code></td><td>-</td></tr><tr><td>selected</td><td>表格已选数据</td><td><code>Array</code></td><td>-</td></tr></tbody></table><h4 id="rowclick" tabindex="-1"><a class="header-anchor" href="#rowclick" aria-hidden="true">#</a> rowClick</h4><p>单击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
22
|
+
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
23
|
+
|
|
24
|
+
<span class="token comment">// 单击表格行事件</span>
|
|
25
|
+
<span class="token function">rowClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
26
|
+
|
|
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></div><h4 id="rowdblclick" tabindex="-1"><a class="header-anchor" href="#rowdblclick" aria-hidden="true">#</a> rowDblClick</h4><p>双击表格行事件</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 创建表格实例</span>
|
|
30
|
+
<span class="token keyword">const</span> $table <span class="token operator">=</span> $n<span class="token punctuation">.</span>$table<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
31
|
+
|
|
32
|
+
<span class="token comment">// 双击表格行事件</span>
|
|
33
|
+
<span class="token function">rowDblClick</span><span class="token punctuation">(</span><span class="token parameter">evt<span class="token punctuation">,</span> row<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
34
|
+
|
|
35
|
+
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
|
36
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
37
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><p>返回的数据可提供给 <code><q-table></code> 使用</p><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可在 <code><q-table></code> 组件中使用</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoading</td><td>表格加载状态</td><td><code>ref(Boolean)</code></td><td>:loading="tableLoading"</td></tr><tr><td>tableRowKey</td><td>表格行唯一键值</td><td><code>String</code></td><td>:row-key="tableRowKey"</td></tr><tr><td>tableSelection</td><td>表格选择类型</td><td><code>ref(String)</code></td><td>:selection="tableSelection"</td></tr><tr><td>tableSeparator</td><td>表格分隔栏</td><td><code>ref(String)</code></td><td>:separator="tableSeparator"</td></tr><tr><td>tableRowsPerPageOptions</td><td>表格每页显示行数选项</td><td><code>Array</code></td><td>:rows-per-page-options="tableRowsPerPageOptions"</td></tr><tr><td>tableColumns</td><td>表格列数据(对象数组)</td><td><code>Array</code></td><td>:columns="tableColumns"</td></tr><tr><td>tableVisibleColumns</td><td>表格可见列</td><td><code>ref(Array)</code></td><td>:visible-columns="tableVisibleColumns"</td></tr><tr><td>tableRows</td><td>表格行数据</td><td><code>ref(Array)</code></td><td>:rows="tableRows"</td></tr><tr><td>tablePagination</td><td>表格翻页参数</td><td><code>ref(Object)</code></td><td>v-model:pagination="tablePagination"</td></tr><tr><td>tableSelected</td><td>表格已选数据</td><td><code>ref(Array)</code></td><td>v-model:selected="tableSelected"</td></tr><tr><td>tableFixedPowerBtns</td><td>固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>showTableFixed</td><td>是否显示固定在右边的权限按钮列表</td><td><code>computed</code></td><td>-</td></tr><tr><td>tableImgNames</td><td>表格图片标识</td><td><code>ref(Array)</code></td><td>可在插槽中使用</td></tr><tr><td>tableGrid</td><td>表格宫格</td><td><code>ref(Boolean)</code></td><td>:grid="tableGrid"</td></tr><tr><td>tableSummary</td><td>表格合计</td><td><code>ref(Object)</code></td><td>可在插槽中使用</td></tr><tr><td>tableSearchValue</td><td>表格搜索数据</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>tableSearchOptions</td><td>表格搜索参数</td><td><code>ref(Array)</code></td><td>-</td></tr><tr><td>setQuery</td><td>设置表格传参</td><td><code>Function</code></td><td>-</td></tr><tr><td>isTableLoaded</td><td>表格是否已加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableLoad</td><td>表格加载(只加载一次)</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableReload</td><td>表格重新加载</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRefresh</td><td>表格刷新</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableSearchReset</td><td>表格搜索重置</td><td><code>Function</code></td><td>-</td></tr><tr><td>getTableRequestData</td><td>获取表格请求数据</td><td><code>Function</code></td><td>-</td></tr><tr><td>tableRequest</td><td>表格请求数据</td><td><code>Function</code></td><td>@request="tableRequest"</td></tr><tr><td>tableRowClick</td><td>表格单击表格行</td><td><code>Function</code></td><td>@row-click="tableRowClick"</td></tr><tr><td>tableRowDblclick</td><td>表格双击表格行</td><td><code>Function</code></td><td>@row-dblclick="currentTableRowDblclick"</td></tr><tr><td>setTableSearchOptions</td><td>设置表格搜索参数</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h2 id="table-config" tabindex="-1"><a class="header-anchor" href="#table-config" aria-hidden="true">#</a> $table.config</h2><p>获取表格配置</p><p>从 <code>src/tables</code> 文件夹中获取路由路径对应的表格配置</p><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$table<span class="token punctuation">.</span><span class="token function">config</span><span class="token punctuation">(</span>routePath<span class="token punctuation">,</span> path<span class="token punctuation">,</span> defaultValue<span class="token punctuation">)</span>
|
|
38
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数-1" tabindex="-1"><a class="header-anchor" href="#options-参数-1" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routePath</td><td>路由路径</td><td><code>String</code></td><td>goods/goods/index</td></tr><tr><td>path</td><td>配置字段</td><td><code>String</code></td><td>columns</td></tr><tr><td>defaultValue</td><td>默认值(没有获取到配置时显示)</td><td><code>Any</code></td><td>[ ]</td></tr></tbody></table>`,33);function g(f,w){const a=s("ExternalLinkIcon");return o(),c("div",null,[i,t("div",p,[u,t("p",null,[b,d(),t("a",h,[d("Github"),e(a)]),d(),t("a",k,[d("Gitee"),e(a)])]),m]),v])}const q=n(l,[["render",g],["__file","table.html.vue"]]);export{q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as d,q as e,a1 as r}from"./framework-204010b2.js";const o={},c=r('<h1 id="table-表格" tabindex="-1"><a class="header-anchor" href="#table-表格" aria-hidden="true">#</a> Table 表格</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>url</td><td>表格请求地址</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>table-props</td><td>表格声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>tree-props</td><td>树声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>tree-node-key</td><td>树节点唯一键值</td><td><code>String</code></td><td>-</td><td>id</td></tr><tr><td>tree-label-key</td><td>树标签键值</td><td><code>String</code></td><td>-</td><td>title</td></tr><tr><td>tree-nodes</td><td>树节点列表</td><td><code>Array</code></td><td>-</td><td>[]</td></tr><tr><td>tree-node-click</td><td>树节点点击</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>tree-select-first-node</td><td>是否选中第一个树节点</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>tree-filter</td><td>显示树筛选</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>tree-side</td><td>树位置</td><td><code>String</code></td><td><code>left</code> / <code>right</code></td><td>left</td></tr><tr><td>no-search</td><td>不显示搜索</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>search-side</td><td>搜索位置</td><td><code>String</code></td><td><code>left</code> / <code>right</code></td><td>right</td></tr><tr><td>dense</td><td>紧凑模式</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>hide-left-drawer</td><td>隐藏左边侧滑菜单</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>left-drawer-props</td><td>左边侧滑菜单声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>hide-right-drawer</td><td>隐藏右边侧滑菜单</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>right-drawer-props</td><td>右边侧滑菜单声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr></tbody></table>',3),a=[c];function l(n,i){return d(),e("div",null,a)}const h=t(o,[["render",l],["__file","table.html.vue"]]);export{h as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as r}from"./framework-204010b2.js";const o={},c=r('<h1 id="table-表格" tabindex="-1"><a class="header-anchor" href="#table-表格" aria-hidden="true">#</a> Table 表格</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>url</td><td>表格请求地址</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>table-props</td><td>表格声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>tree-props</td><td>树声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>tree-node-key</td><td>树节点唯一键值</td><td><code>String</code></td><td>-</td><td>id</td></tr><tr><td>tree-label-key</td><td>树标签键值</td><td><code>String</code></td><td>-</td><td>title</td></tr><tr><td>tree-nodes</td><td>树节点列表</td><td><code>Array</code></td><td>-</td><td>[]</td></tr><tr><td>tree-node-click</td><td>树节点点击</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>tree-select-first-node</td><td>是否选中第一个树节点</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>tree-filter</td><td>显示树筛选</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>tree-side</td><td>树位置</td><td><code>String</code></td><td><code>left</code> / <code>right</code></td><td>left</td></tr><tr><td>no-search</td><td>不显示搜索</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>search-side</td><td>搜索位置</td><td><code>String</code></td><td><code>left</code> / <code>right</code></td><td>right</td></tr><tr><td>dense</td><td>紧凑模式</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>hide-left-drawer</td><td>隐藏左边侧滑菜单</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>left-drawer-props</td><td>左边侧滑菜单声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>hide-right-drawer</td><td>隐藏右边侧滑菜单</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>right-drawer-props</td><td>右边侧滑菜单声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr></tbody></table>',3),a=[c];function l(n,i){return d(),e("div",null,a)}const h=t(o,[["render",l],["__file","table.html.vue"]]);export{h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=JSON.parse('{"key":"v-a209a23c","path":"/utils/table.html","title":"$table 表格","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"$table.create","slug":"table-create","link":"#table-create","children":[{"level":3,"title":"options 参数","slug":"options-参数","link":"#options-参数","children":[]},{"level":3,"title":"返回数据","slug":"返回数据","link":"#返回数据","children":[]}]},{"level":2,"title":"$table.config","slug":"table-config","link":"#table-config","children":[{"level":3,"title":"options 参数","slug":"options-参数-1","link":"#options-参数-1","children":[]}]}],"git":{"updatedTime":1677161812000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":3},{"name":"junmiao","email":"Jumiao28","commits":2}]},"filePathRelative":"utils/table.md"}');export{e as data};
|
|
1
|
+
const e=JSON.parse('{"key":"v-a209a23c","path":"/utils/table.html","title":"$table 表格","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"$table.create","slug":"table-create","link":"#table-create","children":[{"level":3,"title":"options 参数","slug":"options-参数","link":"#options-参数","children":[]},{"level":3,"title":"返回数据","slug":"返回数据","link":"#返回数据","children":[]}]},{"level":2,"title":"$table.config","slug":"table-config","link":"#table-config","children":[{"level":3,"title":"options 参数","slug":"options-参数-1","link":"#options-参数-1","children":[]}]}],"git":{"updatedTime":1677161812000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":3},{"name":"junmiao","email":"Jumiao28","commits":2}]},"filePathRelative":"utils/table.md"}');export{e as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-40267aad","path":"/components/thumbnail.html","title":"Thumbnail 缩略图","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/thumbnail.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-40267aad","path":"/components/thumbnail.html","title":"Thumbnail 缩略图","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/thumbnail.md"}');export{t as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as d,q as e,a1 as a}from"./framework-204010b2.js";const c={},o=a('<h1 id="thumbnail-缩略图" tabindex="-1"><a class="header-anchor" href="#thumbnail-缩略图" aria-hidden="true">#</a> Thumbnail 缩略图</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>src</td><td>图片地址</td><td><code>String</code> / <code>Array</code> / <code>Object</code></td><td>-</td><td>-</td></tr><tr><td>size</td><td>图片尺寸</td><td><code>Number</code></td><td>-</td><td>40</td></tr><tr><td>preview</td><td>是否点击放大预览</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),r=[o];function h(n,i){return d(),e("div",null,r)}const l=t(c,[["render",h],["__file","thumbnail.html.vue"]]);export{l as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as a}from"./framework-204010b2.js";const c={},o=a('<h1 id="thumbnail-缩略图" tabindex="-1"><a class="header-anchor" href="#thumbnail-缩略图" aria-hidden="true">#</a> Thumbnail 缩略图</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>src</td><td>图片地址</td><td><code>String</code> / <code>Array</code> / <code>Object</code></td><td>-</td><td>-</td></tr><tr><td>size</td><td>图片尺寸</td><td><code>Number</code></td><td>-</td><td>40</td></tr><tr><td>preview</td><td>是否点击放大预览</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),r=[o];function h(n,i){return d(),e("div",null,r)}const l=t(c,[["render",h],["__file","thumbnail.html.vue"]]);export{l as default};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import{_ as t,M as o,p as i,q as c,R as n,t as s,N as e,a1 as p}from"./framework-204010b2.js";const l={},r=n("h1",{id:"timestamp-当前时间戳",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#timestamp-当前时间戳","aria-hidden":"true"},"#"),s(" timestamp 当前时间戳")],-1),u={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"TIP",-1),m=n("code",null,"@netang/quasar/utils/timestamp.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/timestamp.js",target:"_blank",rel:"noopener noreferrer"},k={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/timestamp.js",target:"_blank",rel:"noopener noreferrer"},_=p(`<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> stateTimeDiff <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@netang/quasar/store'</span>
|
|
2
|
-
|
|
3
|
-
<span class="token comment">// 获取服务器当前时间(秒)</span>
|
|
4
|
-
<span class="token keyword">const</span> serverTime <span class="token operator">=</span> <span class="token operator">...</span>
|
|
5
|
-
|
|
6
|
-
<span class="token comment">// 设置当前时间差值 = 当前时间(秒) - 服务器时间(秒)</span>
|
|
7
|
-
stateTimeDiff<span class="token punctuation">.</span>value <span class="token operator">=</span> Math<span class="token punctuation">.</span><span class="token function">floor</span><span class="token punctuation">(</span>Date<span class="token punctuation">.</span><span class="token function">now</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">/</span> <span class="token number">1000</span><span class="token punctuation">)</span> <span class="token operator">-</span> serverTime
|
|
8
|
-
</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></div><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 获取时间戳(秒)</span>
|
|
9
|
-
<span class="token function">timestamp</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
|
10
|
-
|
|
11
|
-
<span class="token comment">// 获取时间戳(毫秒)</span>
|
|
12
|
-
<span class="token function">timestamp</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">)</span>
|
|
13
|
-
</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></div>`,4);function b(h,f){const a=o("ExternalLinkIcon");return i(),c("div",null,[r,n("div",u,[d,n("p",null,[m,s(),n("a",v,[s("Github"),e(a)]),s(),n("a",k,[s("Gitee"),e(a)])])]),_])}const j=t(l,[["render",b],["__file","timestamp.html.vue"]]);export{j as default};
|
|
1
|
+
import{_ as t,M as o,p as i,q as c,R as n,t as s,N as e,a1 as p}from"./framework-204010b2.js";const l={},r=n("h1",{id:"timestamp-当前时间戳",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#timestamp-当前时间戳","aria-hidden":"true"},"#"),s(" timestamp 当前时间戳")],-1),u={class:"custom-container tip"},d=n("p",{class:"custom-container-title"},"TIP",-1),m=n("code",null,"@netang/quasar/utils/timestamp.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/timestamp.js",target:"_blank",rel:"noopener noreferrer"},k={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/timestamp.js",target:"_blank",rel:"noopener noreferrer"},_=p(`<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> stateTimeDiff <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@netang/quasar/store'</span>
|
|
2
|
+
|
|
3
|
+
<span class="token comment">// 获取服务器当前时间(秒)</span>
|
|
4
|
+
<span class="token keyword">const</span> serverTime <span class="token operator">=</span> <span class="token operator">...</span>
|
|
5
|
+
|
|
6
|
+
<span class="token comment">// 设置当前时间差值 = 当前时间(秒) - 服务器时间(秒)</span>
|
|
7
|
+
stateTimeDiff<span class="token punctuation">.</span>value <span class="token operator">=</span> Math<span class="token punctuation">.</span><span class="token function">floor</span><span class="token punctuation">(</span>Date<span class="token punctuation">.</span><span class="token function">now</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">/</span> <span class="token number">1000</span><span class="token punctuation">)</span> <span class="token operator">-</span> serverTime
|
|
8
|
+
</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></div><ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 获取时间戳(秒)</span>
|
|
9
|
+
<span class="token function">timestamp</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
|
10
|
+
|
|
11
|
+
<span class="token comment">// 获取时间戳(毫秒)</span>
|
|
12
|
+
<span class="token function">timestamp</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">)</span>
|
|
13
|
+
</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></div>`,4);function b(h,f){const a=o("ExternalLinkIcon");return i(),c("div",null,[r,n("div",u,[d,n("p",null,[m,s(),n("a",v,[s("Github"),e(a)]),s(),n("a",k,[s("Gitee"),e(a)])])]),_])}const j=t(l,[["render",b],["__file","timestamp.html.vue"]]);export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-b86a29cc","path":"/utils/timestamp.html","title":"timestamp 当前时间戳","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/timestamp.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-b86a29cc","path":"/utils/timestamp.html","title":"timestamp 当前时间戳","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/timestamp.md"}');export{t as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-228737ae","path":"/utils/toast.html","title":"toast 轻提示","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/toast.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-228737ae","path":"/utils/toast.html","title":"toast 轻提示","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1677137834000,"contributors":[{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/toast.md"}');export{t as data};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{_ as e,M as o,p as r,q as c,R as t,t as s,N as n,a1 as i}from"./framework-204010b2.js";const l={},p=t("h1",{id:"toast-轻提示",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#toast-轻提示","aria-hidden":"true"},"#"),s(" toast 轻提示")],-1),d={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/toast.js",-1),_={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/toast.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/toast.js",target:"_blank",rel:"noopener noreferrer"},v=t("code",null,"Notify.create()",-1),b={href:"http://www.quasarchs.com/quasar-plugins/notify",target:"_blank",rel:"noopener noreferrer"},k={href:"https://quasar.dev/quasar-plugins/notify",target:"_blank",rel:"noopener noreferrer"},f=i(`<ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 轻提示</span>
|
|
2
|
-
<span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
3
|
-
<span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'提交成功'</span><span class="token punctuation">,</span>
|
|
4
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</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><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">toast</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
6
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>options</td><td>参数</td><td><code>Object</code></td></tr></tbody></table>`,5);function g(j,x){const a=o("ExternalLinkIcon");return r(),c("div",null,[p,t("div",d,[u,t("p",null,[h,s(),t("a",_,[s("Github"),n(a)]),s(),t("a",m,[s("Gitee"),n(a)])]),t("p",null,[s("继承 "),v,s(" 所有特性 "),t("a",b,[s("中文文档"),n(a)]),s(),t("a",k,[s("英文文档"),n(a)])])]),f])}const y=e(l,[["render",g],["__file","toast.html.vue"]]);export{y as default};
|
|
1
|
+
import{_ as e,M as o,p as r,q as c,R as t,t as s,N as n,a1 as i}from"./framework-204010b2.js";const l={},p=t("h1",{id:"toast-轻提示",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#toast-轻提示","aria-hidden":"true"},"#"),s(" toast 轻提示")],-1),d={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/toast.js",-1),_={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/toast.js",target:"_blank",rel:"noopener noreferrer"},m={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/toast.js",target:"_blank",rel:"noopener noreferrer"},v=t("code",null,"Notify.create()",-1),b={href:"http://www.quasarchs.com/quasar-plugins/notify",target:"_blank",rel:"noopener noreferrer"},k={href:"https://quasar.dev/quasar-plugins/notify",target:"_blank",rel:"noopener noreferrer"},f=i(`<ul><li>示例</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 轻提示</span>
|
|
2
|
+
<span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
3
|
+
<span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'提交成功'</span><span class="token punctuation">,</span>
|
|
4
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</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><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token function">toast</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
6
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>options</td><td>参数</td><td><code>Object</code></td></tr></tbody></table>`,5);function g(j,x){const a=o("ExternalLinkIcon");return r(),c("div",null,[p,t("div",d,[u,t("p",null,[h,s(),t("a",_,[s("Github"),n(a)]),s(),t("a",m,[s("Gitee"),n(a)])]),t("p",null,[s("继承 "),v,s(" 所有特性 "),t("a",b,[s("中文文档"),n(a)]),s(),t("a",k,[s("英文文档"),n(a)])])]),f])}const y=e(l,[["render",g],["__file","toast.html.vue"]]);export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,p as e,q as a,a1 as o}from"./framework-204010b2.js";const d={},r=o('<h1 id="toolbar-工具栏" tabindex="-1"><a class="header-anchor" href="#toolbar-工具栏" aria-hidden="true">#</a> Toolbar 工具栏</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>header</td><td>是否头部工具栏</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),c=[r];function h(s,l){return e(),a("div",null,c)}const i=t(d,[["render",h],["__file","toolbar.html.vue"]]);export{i as default};
|
|
1
|
+
import{_ as t,p as e,q as a,a1 as o}from"./framework-204010b2.js";const d={},r=o('<h1 id="toolbar-工具栏" tabindex="-1"><a class="header-anchor" href="#toolbar-工具栏" aria-hidden="true">#</a> Toolbar 工具栏</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>header</td><td>是否头部工具栏</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),c=[r];function h(s,l){return e(),a("div",null,c)}const i=t(d,[["render",h],["__file","toolbar.html.vue"]]);export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=JSON.parse('{"key":"v-5baf517e","path":"/components/toolbar.html","title":"Toolbar 工具栏","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/toolbar.md"}');export{t as data};
|
|
1
|
+
const t=JSON.parse('{"key":"v-5baf517e","path":"/components/toolbar.html","title":"Toolbar 工具栏","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/toolbar.md"}');export{t as data};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import{_ as n,M as s,p as c,q as o,R as t,t as e,N as d,a1 as r}from"./framework-204010b2.js";const i={},p=t("h1",{id:"tree-树",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#tree-树","aria-hidden":"true"},"#"),e(" $tree 树")],-1),l={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/$tree.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/%24tree.js",target:"_blank",rel:"noopener noreferrer"},b={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24tree.js",target:"_blank",rel:"noopener noreferrer"},m=t("p",null,"树工具",-1),k=r(`<h2 id="tree-create" tabindex="-1"><a class="header-anchor" href="#tree-create" aria-hidden="true">#</a> $tree.create</h2><p>创建树实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
|
|
2
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>$power</td><td>权限实例</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>nodes</td><td>树节点列表</td><td><code>ref(Array)</code></td><td>-</td><td>-</td></tr><tr><td>expanded</td><td>树展开节点</td><td><code>ref(Array)</code></td><td>-</td><td>-</td></tr><tr><td>rawFormData</td><td>原始表单数据</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>formData</td><td>表单数据</td><td><code>ref(Object)</code></td><td>-</td><td>-</td></tr><tr><td>reload</td><td>重新加载</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>cache</td><td>是否开启展开节点缓存</td><td><code>Boolean</code></td><td>false</td><td>-</td></tr></tbody></table><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getnode">getNode</a></td><td>获取节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#updatenode">updateNode</a></td><td>更新节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#deletenode">deleteNode</a></td><td>删除节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getmenustatus">getMenuStatus</a></td><td>获取菜单状态</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#menuclick">menuClick</a></td><td>菜单点击</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getexpandedcache">getExpandedCache</a></td><td>获取展开节点缓存</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#setexpandedcache">setExpandedCache</a></td><td>设置展开节点缓存</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#expandall">expandAll</a></td><td>展开全部</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#collapseall">collapseAll</a></td><td>收起全部</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h4 id="getnode" tabindex="-1"><a class="header-anchor" href="#getnode" aria-hidden="true">#</a> getNode</h4><p>获取节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getNode</span><span class="token punctuation">(</span>nodeId<span class="token punctuation">)</span>
|
|
3
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>nodeId</td><td>树节点 ID</td><td><code>Number</code></td></tr></tbody></table><h4 id="updatenode" tabindex="-1"><a class="header-anchor" href="#updatenode" aria-hidden="true">#</a> updateNode</h4><p>更新节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">updateNode</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
|
|
4
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>data</td><td>新的表单数据</td><td><code>Object</code></td></tr></tbody></table><h4 id="deletenode" tabindex="-1"><a class="header-anchor" href="#deletenode" aria-hidden="true">#</a> deleteNode</h4><p>删除节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">deleteNode</span><span class="token punctuation">(</span>nodeItem<span class="token punctuation">)</span>
|
|
5
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>nodeItem</td><td>树节点数据</td><td><code>Object</code></td></tr></tbody></table><h4 id="getmenustatus" tabindex="-1"><a class="header-anchor" href="#getmenustatus" aria-hidden="true">#</a> getMenuStatus</h4><p>获取菜单状态</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getMenuStatus</span><span class="token punctuation">(</span>options<span class="token punctuation">)</span>
|
|
6
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>updateName</td><td>更新标识</td><td><code>String</code></td><td>update</td></tr><tr><td>moveName</td><td>移动标识</td><td><code>String</code></td><td>move</td></tr><tr><td>copyName</td><td>复制标识</td><td><code>String</code></td><td>copy</td></tr><tr><td>deleteName</td><td>删除标识</td><td><code>String</code></td><td>realdel</td></tr><tr><td>statusName</td><td>状态标识</td><td><code>String</code></td><td>status</td></tr></tbody></table><h4 id="menuclick" tabindex="-1"><a class="header-anchor" href="#menuclick" aria-hidden="true">#</a> menuClick</h4><p>菜单点击</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 获取菜单状态</span>
|
|
7
|
-
<span class="token keyword">const</span> menuStatus <span class="token operator">=</span> <span class="token function">computed</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
8
|
-
<span class="token keyword">return</span> $tree<span class="token punctuation">.</span><span class="token function">getMenuStatus</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
|
9
|
-
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
10
|
-
|
|
11
|
-
$tree<span class="token punctuation">.</span><span class="token function">menuClick</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
12
|
-
<span class="token comment">// 菜单类型</span>
|
|
13
|
-
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'update'</span><span class="token punctuation">,</span>
|
|
14
|
-
<span class="token comment">// 节点</span>
|
|
15
|
-
node<span class="token punctuation">,</span>
|
|
16
|
-
<span class="token comment">// 菜单状态</span>
|
|
17
|
-
menuStatus<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></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th></tr></thead><tbody><tr><td>type</td><td>菜单类型</td><td><code>String</code></td><td><code>update</code> / <code>moveUp</code> / <code>moveIn</code> / <code>moveDown</code> / <code>copy</code> / <code>delete</code> / <code>statusDisable</code> / <code>statusNormal</code></td></tr><tr><td>node</td><td>节点</td><td><code>Object</code></td><td>-</td></tr><tr><td>menuStatus</td><td>菜单状态, 可从 $tree.getMenuStatus() 获取</td><td><code>computed</code></td><td>-</td></tr></tbody></table><h4 id="getexpandedcache" tabindex="-1"><a class="header-anchor" href="#getexpandedcache" aria-hidden="true">#</a> getExpandedCache</h4><p>获取展开节点缓存</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getExpandedCache</span><span class="token punctuation">(</span>defaultValue<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
20
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>defaultValue</td><td>默认值</td><td><code>Array</code></td></tr></tbody></table><h4 id="setexpandedcache" tabindex="-1"><a class="header-anchor" href="#setexpandedcache" aria-hidden="true">#</a> setExpandedCache</h4><p>设置展开节点缓存</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">setExpandedCache</span><span class="token punctuation">(</span>expanded<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
21
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>expanded</td><td>展开节点数组</td><td><code>Array</code></td></tr></tbody></table><h4 id="expandall" tabindex="-1"><a class="header-anchor" href="#expandall" aria-hidden="true">#</a> expandAll</h4><p>展开全部</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">expandAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
22
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h4 id="collapseall" tabindex="-1"><a class="header-anchor" href="#collapseall" aria-hidden="true">#</a> collapseAll</h4><p>收起全部</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">collapseAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
23
|
-
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div>`,42);function g(f,x){const a=s("ExternalLinkIcon");return c(),o("div",null,[p,t("div",l,[u,t("p",null,[h,e(),t("a",v,[e("Github"),d(a)]),e(),t("a",b,[e("Gitee"),d(a)])]),m]),k])}const y=n(i,[["render",g],["__file","tree.html.vue"]]);export{y as default};
|
|
1
|
+
import{_ as n,M as s,p as c,q as o,R as t,t as e,N as d,a1 as r}from"./framework-204010b2.js";const i={},p=t("h1",{id:"tree-树",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#tree-树","aria-hidden":"true"},"#"),e(" $tree 树")],-1),l={class:"custom-container tip"},u=t("p",{class:"custom-container-title"},"TIP",-1),h=t("code",null,"@netang/quasar/utils/$tree.js",-1),v={href:"https://github.com/netangsoft/netang-quasar/blob/main/utils/%24tree.js",target:"_blank",rel:"noopener noreferrer"},b={href:"https://gitee.com/jinmarcus/netang-quasar/blob/main/utils/%24tree.js",target:"_blank",rel:"noopener noreferrer"},m=t("p",null,"树工具",-1),k=r(`<h2 id="tree-create" tabindex="-1"><a class="header-anchor" href="#tree-create" aria-hidden="true">#</a> $tree.create</h2><p>创建树实例</p><ul><li>类型</li></ul><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span>options<span class="token operator">:</span> Object<span class="token punctuation">)</span><span class="token operator">:</span> Object
|
|
2
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h3 id="options-参数" tabindex="-1"><a class="header-anchor" href="#options-参数" aria-hidden="true">#</a> options 参数</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th><th>示例</th></tr></thead><tbody><tr><td>$power</td><td>权限实例</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>path</td><td>路由路径</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>query</td><td>路由参数</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>nodes</td><td>树节点列表</td><td><code>ref(Array)</code></td><td>-</td><td>-</td></tr><tr><td>expanded</td><td>树展开节点</td><td><code>ref(Array)</code></td><td>-</td><td>-</td></tr><tr><td>rawFormData</td><td>原始表单数据</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>formData</td><td>表单数据</td><td><code>ref(Object)</code></td><td>-</td><td>-</td></tr><tr><td>reload</td><td>重新加载</td><td><code>Function</code></td><td>-</td><td>-</td></tr><tr><td>cache</td><td>是否开启展开节点缓存</td><td><code>Boolean</code></td><td>false</td><td>-</td></tr></tbody></table><h3 id="返回数据" tabindex="-1"><a class="header-anchor" href="#返回数据" aria-hidden="true">#</a> 返回数据</h3><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>示例</th></tr></thead><tbody><tr><td>routeFullPath</td><td>当前路由全路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routePath</td><td>当前路由路径</td><td><code>String</code></td><td>-</td></tr><tr><td>routeQuery</td><td>当前路由参数</td><td><code>Object</code></td><td>-</td></tr><tr><td>getRoute</td><td>获取当前路由</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getnode">getNode</a></td><td>获取节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#updatenode">updateNode</a></td><td>更新节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#deletenode">deleteNode</a></td><td>删除节点</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getmenustatus">getMenuStatus</a></td><td>获取菜单状态</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#menuclick">menuClick</a></td><td>菜单点击</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#getexpandedcache">getExpandedCache</a></td><td>获取展开节点缓存</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#setexpandedcache">setExpandedCache</a></td><td>设置展开节点缓存</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#expandall">expandAll</a></td><td>展开全部</td><td><code>Function</code></td><td>-</td></tr><tr><td><a href="#collapseall">collapseAll</a></td><td>收起全部</td><td><code>Function</code></td><td>-</td></tr></tbody></table><h4 id="getnode" tabindex="-1"><a class="header-anchor" href="#getnode" aria-hidden="true">#</a> getNode</h4><p>获取节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getNode</span><span class="token punctuation">(</span>nodeId<span class="token punctuation">)</span>
|
|
3
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>nodeId</td><td>树节点 ID</td><td><code>Number</code></td></tr></tbody></table><h4 id="updatenode" tabindex="-1"><a class="header-anchor" href="#updatenode" aria-hidden="true">#</a> updateNode</h4><p>更新节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">updateNode</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
|
|
4
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>data</td><td>新的表单数据</td><td><code>Object</code></td></tr></tbody></table><h4 id="deletenode" tabindex="-1"><a class="header-anchor" href="#deletenode" aria-hidden="true">#</a> deleteNode</h4><p>删除节点</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">deleteNode</span><span class="token punctuation">(</span>nodeItem<span class="token punctuation">)</span>
|
|
5
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>nodeItem</td><td>树节点数据</td><td><code>Object</code></td></tr></tbody></table><h4 id="getmenustatus" tabindex="-1"><a class="header-anchor" href="#getmenustatus" aria-hidden="true">#</a> getMenuStatus</h4><p>获取菜单状态</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getMenuStatus</span><span class="token punctuation">(</span>options<span class="token punctuation">)</span>
|
|
6
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>updateName</td><td>更新标识</td><td><code>String</code></td><td>update</td></tr><tr><td>moveName</td><td>移动标识</td><td><code>String</code></td><td>move</td></tr><tr><td>copyName</td><td>复制标识</td><td><code>String</code></td><td>copy</td></tr><tr><td>deleteName</td><td>删除标识</td><td><code>String</code></td><td>realdel</td></tr><tr><td>statusName</td><td>状态标识</td><td><code>String</code></td><td>status</td></tr></tbody></table><h4 id="menuclick" tabindex="-1"><a class="header-anchor" href="#menuclick" aria-hidden="true">#</a> menuClick</h4><p>菜单点击</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code><span class="token comment">// 获取菜单状态</span>
|
|
7
|
+
<span class="token keyword">const</span> menuStatus <span class="token operator">=</span> <span class="token function">computed</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
|
8
|
+
<span class="token keyword">return</span> $tree<span class="token punctuation">.</span><span class="token function">getMenuStatus</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
|
9
|
+
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
10
|
+
|
|
11
|
+
$tree<span class="token punctuation">.</span><span class="token function">menuClick</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
|
|
12
|
+
<span class="token comment">// 菜单类型</span>
|
|
13
|
+
<span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'update'</span><span class="token punctuation">,</span>
|
|
14
|
+
<span class="token comment">// 节点</span>
|
|
15
|
+
node<span class="token punctuation">,</span>
|
|
16
|
+
<span class="token comment">// 菜单状态</span>
|
|
17
|
+
menuStatus<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></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th><th>可选值</th></tr></thead><tbody><tr><td>type</td><td>菜单类型</td><td><code>String</code></td><td><code>update</code> / <code>moveUp</code> / <code>moveIn</code> / <code>moveDown</code> / <code>copy</code> / <code>delete</code> / <code>statusDisable</code> / <code>statusNormal</code></td></tr><tr><td>node</td><td>节点</td><td><code>Object</code></td><td>-</td></tr><tr><td>menuStatus</td><td>菜单状态, 可从 $tree.getMenuStatus() 获取</td><td><code>computed</code></td><td>-</td></tr></tbody></table><h4 id="getexpandedcache" tabindex="-1"><a class="header-anchor" href="#getexpandedcache" aria-hidden="true">#</a> getExpandedCache</h4><p>获取展开节点缓存</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">getExpandedCache</span><span class="token punctuation">(</span>defaultValue<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
20
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>defaultValue</td><td>默认值</td><td><code>Array</code></td></tr></tbody></table><h4 id="setexpandedcache" tabindex="-1"><a class="header-anchor" href="#setexpandedcache" aria-hidden="true">#</a> setExpandedCache</h4><p>设置展开节点缓存</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">setExpandedCache</span><span class="token punctuation">(</span>expanded<span class="token punctuation">)</span><span class="token operator">:</span> Array
|
|
21
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><table><thead><tr><th>参数名</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>expanded</td><td>展开节点数组</td><td><code>Array</code></td></tr></tbody></table><h4 id="expandall" tabindex="-1"><a class="header-anchor" href="#expandall" aria-hidden="true">#</a> expandAll</h4><p>展开全部</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">expandAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
22
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div><h4 id="collapseall" tabindex="-1"><a class="header-anchor" href="#collapseall" aria-hidden="true">#</a> collapseAll</h4><p>收起全部</p><div class="language-javascript line-numbers-mode" data-ext="js"><pre class="language-javascript"><code>$tree<span class="token punctuation">.</span><span class="token function">collapseAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token keyword">void</span>
|
|
23
|
+
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div></div></div>`,42);function g(f,x){const a=s("ExternalLinkIcon");return c(),o("div",null,[p,t("div",l,[u,t("p",null,[h,e(),t("a",v,[e("Github"),d(a)]),e(),t("a",b,[e("Gitee"),d(a)])]),m]),k])}const y=n(i,[["render",g],["__file","tree.html.vue"]]);export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=JSON.parse('{"key":"v-10126804","path":"/utils/tree.html","title":"$tree 树","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"$tree.create","slug":"tree-create","link":"#tree-create","children":[{"level":3,"title":"options 参数","slug":"options-参数","link":"#options-参数","children":[]},{"level":3,"title":"返回数据","slug":"返回数据","link":"#返回数据","children":[]}]}],"git":{"updatedTime":1677160656000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/tree.md"}');export{e as data};
|
|
1
|
+
const e=JSON.parse('{"key":"v-10126804","path":"/utils/tree.html","title":"$tree 树","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"$tree.create","slug":"tree-create","link":"#tree-create","children":[{"level":3,"title":"options 参数","slug":"options-参数","link":"#options-参数","children":[]},{"level":3,"title":"返回数据","slug":"返回数据","link":"#返回数据","children":[]}]}],"git":{"updatedTime":1677160656000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1},{"name":"junmiao","email":"mj287@163.com","commits":1}]},"filePathRelative":"utils/tree.md"}');export{e as data};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=JSON.parse('{"key":"v-64539ae0","path":"/components/uploader-query.html","title":"Uploader 上传器队列","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/uploader-query.md"}');export{e as data};
|
|
1
|
+
const e=JSON.parse('{"key":"v-64539ae0","path":"/components/uploader-query.html","title":"Uploader 上传器队列","lang":"en-US","frontmatter":{},"headers":[],"git":{"updatedTime":1675864180000,"contributors":[{"name":"junmiao","email":"Jumiao28","commits":1}]},"filePathRelative":"components/uploader-query.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={},a=o('<h1 id="uploader-上传器队列" tabindex="-1"><a class="header-anchor" href="#uploader-上传器队列" aria-hidden="true">#</a> Uploader 上传器队列</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>button-type</td><td>按钮类型</td><td><code>String</code></td><td><code>square</code> / <code>button</code></td><td>-</td></tr><tr><td>button-text</td><td>按钮文字</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>button-props</td><td>按钮声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>size</td><td>图片/按钮/文件 尺寸</td><td><code>Number</code></td><td>-</td><td>-</td></tr><tr><td>drag</td><td>是否开启拖拽</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>no-button</td><td>是否隐藏按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-preview</td><td>是否隐藏预览按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-edit</td><td>是否隐藏修改按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-delete</td><td>是否隐藏删除按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>auto-show-square-button</td><td>自动显示方块按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>right-square-button</td><td>方块按钮在右边显示</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),c=[a];function n(l,s){return d(),e("div",null,c)}const h=t(r,[["render",n],["__file","uploader-query.html.vue"]]);export{h as default};
|
|
1
|
+
import{_ as t,p as d,q as e,a1 as o}from"./framework-204010b2.js";const r={},a=o('<h1 id="uploader-上传器队列" tabindex="-1"><a class="header-anchor" href="#uploader-上传器队列" aria-hidden="true">#</a> Uploader 上传器队列</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>button-type</td><td>按钮类型</td><td><code>String</code></td><td><code>square</code> / <code>button</code></td><td>-</td></tr><tr><td>button-text</td><td>按钮文字</td><td><code>String</code></td><td>-</td><td>-</td></tr><tr><td>button-props</td><td>按钮声明属性</td><td><code>Object</code></td><td>-</td><td>-</td></tr><tr><td>size</td><td>图片/按钮/文件 尺寸</td><td><code>Number</code></td><td>-</td><td>-</td></tr><tr><td>drag</td><td>是否开启拖拽</td><td><code>Boolean</code></td><td>-</td><td>true</td></tr><tr><td>no-button</td><td>是否隐藏按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-preview</td><td>是否隐藏预览按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-edit</td><td>是否隐藏修改按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>no-delete</td><td>是否隐藏删除按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>auto-show-square-button</td><td>自动显示方块按钮</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr><tr><td>right-square-button</td><td>方块按钮在右边显示</td><td><code>Boolean</code></td><td>-</td><td>false</td></tr></tbody></table>',3),c=[a];function n(l,s){return d(),e("div",null,c)}const h=t(r,[["render",n],["__file","uploader-query.html.vue"]]);export{h as default};
|