br-dionysus 1.6.7 → 1.6.8
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/dist/br-dionysus.es.js +1291 -1286
- package/dist/br-dionysus.umd.js +7 -7
- package/dist/index.css +1 -1
- package/package.json +1 -1
- package/packages/MInline/src/MInline.vue +11 -10
- package/web-types.json +1 -1
- package/docs/assets/README-BIIm2ID5.css +0 -1
- package/docs/assets/README-BVC502ud.js +0 -1
- package/docs/assets/README-BaVHXTcr.js +0 -1
- package/docs/assets/README-BkoXPzeT.js +0 -1
- package/docs/assets/README-BpY9wwJ5.js +0 -1
- package/docs/assets/README-BxVIiLkB.css +0 -1
- package/docs/assets/README-C8q4oePg.css +0 -1
- package/docs/assets/README-C9E9QEak.js +0 -1
- package/docs/assets/README-CJnIKztR.css +0 -1
- package/docs/assets/README-CPi9K5cm.css +0 -1
- package/docs/assets/README-CVikrcuu.js +0 -1
- package/docs/assets/README-CwxKEz5n.js +0 -1
- package/docs/assets/README-D-sCcuuV.js +0 -1
- package/docs/assets/README-D1NyMPDh.css +0 -1
- package/docs/assets/README-D8dRnWkj.css +0 -1
- package/docs/assets/README-DC5fWcO7.css +0 -1
- package/docs/assets/README-DFookNbq.js +0 -1
- package/docs/assets/README-DJM0QNOa.css +0 -1
- package/docs/assets/README-DJsWJjpr.js +0 -2
- package/docs/assets/README-DZH0ZBFE.js +0 -1
- package/docs/assets/README-DuLXE9ma.css +0 -1
- package/docs/assets/README-DxdjMTiZ.js +0 -1
- package/docs/assets/README-DxzXrur_.js +0 -1
- package/docs/assets/README-ZSEyYWl3.css +0 -1
- package/docs/assets/empty-BHv0FmNK.png +0 -0
- package/docs/assets/index-B3d27dSP.js +0 -66
- package/docs/assets/index-BeGJML3j.css +0 -1
- package/docs/index.html +0 -14
- package/docs/packages/Hook/usePackageConfig/README.md +0 -35
- package/docs/packages/Hook/usePackageConfig/demo.vue +0 -28
- package/docs/packages/Hook/usePackageConfig/usePackageConfig.ts +0 -39
- package/docs/packages/Hook/useRemainingSpace/README.md +0 -26
- package/docs/packages/Hook/useRemainingSpace/useRemainingSpace.ts +0 -148
- package/docs/packages/Hook/useTableConfig/README.md +0 -50
- package/docs/packages/Hook/useTableConfig/demo.vue +0 -134
- package/docs/packages/Hook/useTableConfig/useTableConfig.ts +0 -173
- package/docs/packages/Hook/useZIndex/README.md +0 -6
- package/docs/packages/Hook/useZIndex/useGlobalZIndex.ts +0 -34
- package/docs/packages/MDialog/docs/README.md +0 -26
- package/docs/packages/MDialog/docs/demo.vue +0 -72
- package/docs/packages/MDialog/index.ts +0 -10
- package/docs/packages/MDialog/src/MDialog.vue +0 -150
- package/docs/packages/MInline/docs/README.md +0 -26
- package/docs/packages/MInline/docs/demo.vue +0 -138
- package/docs/packages/MInline/index.ts +0 -10
- package/docs/packages/MInline/src/MInline.vue +0 -284
- package/docs/packages/MInputNumber/docs/README.md +0 -35
- package/docs/packages/MInputNumber/docs/demo.vue +0 -17
- package/docs/packages/MInputNumber/index.ts +0 -10
- package/docs/packages/MInputNumber/src/MInputNumber.vue +0 -268
- package/docs/packages/MSelect/docs/README.md +0 -20
- package/docs/packages/MSelect/docs/demo.vue +0 -36
- package/docs/packages/MSelect/index.ts +0 -17
- package/docs/packages/MSelect/src/MOption.vue +0 -43
- package/docs/packages/MSelect/src/MSelect.vue +0 -57
- package/docs/packages/MSelect/src/token.ts +0 -8
- package/docs/packages/MSelectTable/docs/README.md +0 -88
- package/docs/packages/MSelectTable/docs/demo.vue +0 -196
- package/docs/packages/MSelectTable/index.ts +0 -10
- package/docs/packages/MSelectTable/src/MSelectTable.vue +0 -493
- package/docs/packages/MSelectTableV1/docs/README.md +0 -49
- package/docs/packages/MSelectTableV1/docs/demo.vue +0 -77
- package/docs/packages/MSelectTableV1/index.ts +0 -10
- package/docs/packages/MSelectTableV1/src/MSelectTableV1.vue +0 -460
- package/docs/packages/MSelectV2/docs/README.md +0 -31
- package/docs/packages/MSelectV2/docs/demo.vue +0 -36
- package/docs/packages/MSelectV2/index.ts +0 -10
- package/docs/packages/MSelectV2/src/MSelectV2.vue +0 -116
- package/docs/packages/MTable/docs/README.md +0 -40
- package/docs/packages/MTable/docs/demo.vue +0 -93
- package/docs/packages/MTable/index.ts +0 -10
- package/docs/packages/MTable/src/MTable.vue +0 -228
- package/docs/packages/MTable/src/token.ts +0 -9
- package/docs/packages/MTableColumn/docs/README.md +0 -22
- package/docs/packages/MTableColumn/docs/demo.vue +0 -110
- package/docs/packages/MTableColumn/index.ts +0 -10
- package/docs/packages/MTableColumn/src/MTableColumn.vue +0 -345
- package/docs/packages/MTableColumnSet/docs/README.md +0 -31
- package/docs/packages/MTableColumnSet/docs/demo.vue +0 -36
- package/docs/packages/MTableColumnSet/index.ts +0 -10
- package/docs/packages/MTableColumnSet/src/MTableColumnSet.vue +0 -310
- package/docs/packages/README.md +0 -10
- package/docs/packages/SkinConfig/docs/README.md +0 -42
- package/docs/packages/SkinConfig/docs/demo.vue +0 -680
- package/docs/packages/SkinConfig/index.ts +0 -10
- package/docs/packages/SkinConfig/src/SkinConfig.vue +0 -478
- package/docs/packages/SkinConfig/src/useSkin.ts +0 -230
- package/docs/packages/TabPage/docs/README.md +0 -10
- package/docs/packages/TabPage/docs/demo.vue +0 -96
- package/docs/packages/TabPage/index.ts +0 -10
- package/docs/packages/TabPage/src/TabPage.vue +0 -566
- package/docs/packages/Tool/moneyFormat/README.md +0 -15
- package/docs/packages/Tool/moneyFormat/moneyFormat.ts +0 -69
- package/docs/packages/index.ts +0 -61
- package/docs/packages/list.json +0 -80
- package/docs/packages/typings/class.ts +0 -22
- package/docs/packages/typings/enum.ts +0 -9
- package/docs/packages/typings/global.d.ts +0 -69
- package/docs/packages/typings/interface.ts +0 -6
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.m-br-table-box[data-v-dc1c32ca]{position:relative}.el-table__empty-text img[data-v-dc1c32ca]{width:15%}.m-br-table-box[data-is-expand=true] .el-table__expand-column,.m-br-table-box[data-is-expand=true] colgroup>col:nth-of-type(1){display:none}.u-icon[data-v-493aea56]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-493aea56]{display:inline-block;position:relative}.u-set[data-v-493aea56]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-493aea56]{display:inline}.u-my-table-column-icon[data-v-493aea56]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:12px}.u-my-table-column-icon[data-active=true][data-v-493aea56]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-a37bb24c]{vertical-align:baseline}.g-m-table-column-set-box[data-v-a37bb24c]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-a37bb24c]{overflow:visible;width:auto!important}.m-panel-box[data-v-a37bb24c]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-a37bb24c]{display:block}.m-panel-box .u-list .u-li[data-v-a37bb24c]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-a37bb24c]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-a37bb24c],.m-panel-box .u-tc[data-v-a37bb24c]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-a37bb24c],.m-panel-box .u-tc .u-p[data-v-a37bb24c]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-a37bb24c]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-a37bb24c]{line-height:40px}.m-panel-box .u-divider[data-v-a37bb24c]{margin-top:10px;margin-bottom:0}.m-masked[data-v-a37bb24c],.g-m-table-column-set-teleport[data-v-a37bb24c]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
|
|
1
|
+
@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-1c6c2f76]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-1c6c2f76]{padding:0 14px 10px}.m-inline[data-v-1c6c2f76]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-1c6c2f76]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-1c6c2f76]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-1c6c2f76]{max-height:none!important}.u-btn-unfold[data-v-1c6c2f76]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-1c6c2f76]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.m-br-table-box[data-v-dc1c32ca]{position:relative}.el-table__empty-text img[data-v-dc1c32ca]{width:15%}.m-br-table-box[data-is-expand=true] .el-table__expand-column,.m-br-table-box[data-is-expand=true] colgroup>col:nth-of-type(1){display:none}.u-icon[data-v-493aea56]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-493aea56]{display:inline-block;position:relative}.u-set[data-v-493aea56]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-493aea56]{display:inline}.u-my-table-column-icon[data-v-493aea56]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:12px}.u-my-table-column-icon[data-active=true][data-v-493aea56]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-a37bb24c]{vertical-align:baseline}.g-m-table-column-set-box[data-v-a37bb24c]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-a37bb24c]{overflow:visible;width:auto!important}.m-panel-box[data-v-a37bb24c]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-a37bb24c]{display:block}.m-panel-box .u-list .u-li[data-v-a37bb24c]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-a37bb24c]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-a37bb24c],.m-panel-box .u-tc[data-v-a37bb24c]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-a37bb24c],.m-panel-box .u-tc .u-p[data-v-a37bb24c]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-a37bb24c]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-a37bb24c]{line-height:40px}.m-panel-box .u-divider[data-v-a37bb24c]{margin-top:10px;margin-bottom:0}.m-masked[data-v-a37bb24c],.g-m-table-column-set-teleport[data-v-a37bb24c]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
|
package/package.json
CHANGED
|
@@ -49,6 +49,7 @@
|
|
|
49
49
|
<script setup lang="ts">
|
|
50
50
|
import { ref, onMounted, useSlots, watch, computed } from 'vue'
|
|
51
51
|
import { Size } from 'packages/typings/enum'
|
|
52
|
+
import createHash from '../../../tool/createHash'
|
|
52
53
|
|
|
53
54
|
const props = withDefaults(defineProps<{
|
|
54
55
|
/**
|
|
@@ -74,13 +75,13 @@ const height = computed(() => {
|
|
|
74
75
|
return 34
|
|
75
76
|
})
|
|
76
77
|
|
|
77
|
-
const
|
|
78
|
-
return Array.from(Array(Number(hashLength) || 24), () => Math.floor(Math.random() * 36).toString(36)).join('')
|
|
79
|
-
}
|
|
78
|
+
const boxClassName = 'j-' + createHash(8)
|
|
80
79
|
|
|
81
80
|
const init = () => {
|
|
82
|
-
document.
|
|
83
|
-
|
|
81
|
+
const boxEl: HTMLElement | null = document.querySelector('.' + boxClassName + ' [data-box]')
|
|
82
|
+
if (!boxEl) return false
|
|
83
|
+
boxEl.style.setProperty('--m-inline-min-width', props.minWidth + 'px')
|
|
84
|
+
boxEl.style.setProperty('--m-inline-max-width', props.maxWidth + 'px')
|
|
84
85
|
}
|
|
85
86
|
watch(
|
|
86
87
|
() => [props.minWidth, props.maxWidth],
|
|
@@ -88,7 +89,9 @@ watch(
|
|
|
88
89
|
init()
|
|
89
90
|
}
|
|
90
91
|
)
|
|
91
|
-
|
|
92
|
+
onMounted(() => {
|
|
93
|
+
init()
|
|
94
|
+
})
|
|
92
95
|
|
|
93
96
|
const slots = useSlots()
|
|
94
97
|
|
|
@@ -97,13 +100,11 @@ const emit = defineEmits<{
|
|
|
97
100
|
switch: [status: boolean]
|
|
98
101
|
}>()
|
|
99
102
|
|
|
100
|
-
const boxClassName = 'j-' + createHash(8)
|
|
101
|
-
|
|
102
103
|
// 检查多行
|
|
103
104
|
const checkMultiLine = () => {
|
|
104
|
-
const boxEl:
|
|
105
|
+
const boxEl: HTMLElement | null = document.querySelector('.' + boxClassName + ' [data-box]')
|
|
105
106
|
if (!boxEl) return false
|
|
106
|
-
const itemEls: NodeListOf<
|
|
107
|
+
const itemEls: NodeListOf<HTMLElement> = boxEl.querySelectorAll('.' + boxClassName + ' [data-item]')
|
|
107
108
|
return boxEl.clientWidth < itemEls.length * props.minWidth
|
|
108
109
|
}
|
|
109
110
|
|
package/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.6.7","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度,默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量,当有值时,出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性,并且expand列必须为第一列) (标记,约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any\n }>]"]},{"name":"'update:tableConfig'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.6.8","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度,默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量,当有值时,出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性,并且expand列必须为第一列) (标记,约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any\n }>]"]},{"name":"'update:tableConfig'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-dark=true]{color-scheme:dark;--el-color-primary: #409eff;--el-color-primary-light-3: #3375b9;--el-color-primary-light-5: #2a598a;--el-color-primary-light-7: #213d5b;--el-color-primary-light-8: #1d3043;--el-color-primary-light-9: #18222c;--el-color-primary-dark-2: #66b1ff;--el-color-success: #67c23a;--el-color-success-light-3: #4e8e2f;--el-color-success-light-5: #3e6b27;--el-color-success-light-7: #2d481f;--el-color-success-light-8: #25371c;--el-color-success-light-9: #1c2518;--el-color-success-dark-2: #85ce61;--el-color-warning: #e6a23c;--el-color-warning-light-3: #a77730;--el-color-warning-light-5: #7d5b28;--el-color-warning-light-7: #533f20;--el-color-warning-light-8: #3e301c;--el-color-warning-light-9: #292218;--el-color-warning-dark-2: #ebb563;--el-color-danger: #f56c6c;--el-color-danger-light-3: #b25252;--el-color-danger-light-5: #854040;--el-color-danger-light-7: #582e2e;--el-color-danger-light-8: #412626;--el-color-danger-light-9: #2b1d1d;--el-color-danger-dark-2: #f78989;--el-color-error: #f56c6c;--el-color-error-light-3: #b25252;--el-color-error-light-5: #854040;--el-color-error-light-7: #582e2e;--el-color-error-light-8: #412626;--el-color-error-light-9: #2b1d1d;--el-color-error-dark-2: #f78989;--el-color-info: #909399;--el-color-info-light-3: #6b6d71;--el-color-info-light-5: #525457;--el-color-info-light-7: #393a3c;--el-color-info-light-8: #2d2d2f;--el-color-info-light-9: #202121;--el-color-info-dark-2: #a6a9ad;--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page: #0a0a0a;--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #E5EAF3;--el-text-color-regular: #CFD3DC;--el-text-color-secondary: #A3A6AD;--el-text-color-placeholder: #8D9095;--el-text-color-disabled: #6C6E72;--el-border-color-darker: #636466;--el-border-color-dark: #58585B;--el-border-color: #4C4D4F;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2B2B2C;--el-fill-color-darker: #424243;--el-fill-color-dark: #39393A;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1D1D1D;--el-fill-color-extra-light: #191919;--el-fill-color-blank: transparent;--el-mask-color: rgba(0, 0, 0, .8);--el-mask-color-extra-light: rgba(0, 0, 0, .3)}.g-demo-skin-config-box[data-v-5b6b6aca]{max-width:1000px}[data-v-5b6b6aca]::-webkit-scrollbar-thumb:hover{background-color:var(--m-scrollbar-thumb-hover-color)}.el-color-primary[data-v-5b6b6aca]{background-color:var(--el-color-primary)}.el-color-primary-light-3[data-v-5b6b6aca]{background-color:var(--el-color-primary-light-3)}.el-color-primary-light-5[data-v-5b6b6aca]{background-color:var(--el-color-primary-light-5)}.el-color-primary-light-7[data-v-5b6b6aca]{background-color:var(--el-color-primary-light-7)}.el-color-primary-light-8[data-v-5b6b6aca]{background-color:var(--el-color-primary-light-8)}.el-color-primary-light-9[data-v-5b6b6aca]{background-color:var(--el-color-primary-light-9)}.el-color-primary-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-primary-dark-2)}.el-color-success[data-v-5b6b6aca]{background-color:var(--el-color-success)}.el-color-success-light-3[data-v-5b6b6aca]{background-color:var(--el-color-success-light-3)}.el-color-success-light-5[data-v-5b6b6aca]{background-color:var(--el-color-success-light-5)}.el-color-success-light-7[data-v-5b6b6aca]{background-color:var(--el-color-success-light-7)}.el-color-success-light-8[data-v-5b6b6aca]{background-color:var(--el-color-success-light-8)}.el-color-success-light-9[data-v-5b6b6aca]{background-color:var(--el-color-success-light-9)}.el-color-success-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-success-dark-2)}.el-color-warning[data-v-5b6b6aca]{background-color:var(--el-color-warning)}.el-color-warning-light-3[data-v-5b6b6aca]{background-color:var(--el-color-warning-light-3)}.el-color-warning-light-5[data-v-5b6b6aca]{background-color:var(--el-color-warning-light-5)}.el-color-warning-light-7[data-v-5b6b6aca]{background-color:var(--el-color-warning-light-7)}.el-color-warning-light-8[data-v-5b6b6aca]{background-color:var(--el-color-warning-light-8)}.el-color-warning-light-9[data-v-5b6b6aca]{background-color:var(--el-color-warning-light-9)}.el-color-warning-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-warning-dark-2)}.el-color-danger[data-v-5b6b6aca]{background-color:var(--el-color-danger)}.el-color-danger-light-3[data-v-5b6b6aca]{background-color:var(--el-color-danger-light-3)}.el-color-danger-light-5[data-v-5b6b6aca]{background-color:var(--el-color-danger-light-5)}.el-color-danger-light-7[data-v-5b6b6aca]{background-color:var(--el-color-danger-light-7)}.el-color-danger-light-8[data-v-5b6b6aca]{background-color:var(--el-color-danger-light-8)}.el-color-danger-light-9[data-v-5b6b6aca]{background-color:var(--el-color-danger-light-9)}.el-color-danger-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-danger-dark-2)}.el-color-error[data-v-5b6b6aca]{background-color:var(--el-color-error)}.el-color-error-light-3[data-v-5b6b6aca]{background-color:var(--el-color-error-light-3)}.el-color-error-light-5[data-v-5b6b6aca]{background-color:var(--el-color-error-light-5)}.el-color-error-light-7[data-v-5b6b6aca]{background-color:var(--el-color-error-light-7)}.el-color-error-light-8[data-v-5b6b6aca]{background-color:var(--el-color-error-light-8)}.el-color-error-light-9[data-v-5b6b6aca]{background-color:var(--el-color-error-light-9)}.el-color-error-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-error-dark-2)}.el-color-info[data-v-5b6b6aca]{background-color:var(--el-color-info)}.el-color-info-light-3[data-v-5b6b6aca]{background-color:var(--el-color-info-light-3)}.el-color-info-light-5[data-v-5b6b6aca]{background-color:var(--el-color-info-light-5)}.el-color-info-light-7[data-v-5b6b6aca]{background-color:var(--el-color-info-light-7)}.el-color-info-light-8[data-v-5b6b6aca]{background-color:var(--el-color-info-light-8)}.el-color-info-light-9[data-v-5b6b6aca]{background-color:var(--el-color-info-light-9)}.el-color-info-dark-2[data-v-5b6b6aca]{background-color:var(--el-color-info-dark-2)}.el-box-shadow[data-v-5b6b6aca]{background-color:var(--el-box-shadow)}.el-box-shadow-light[data-v-5b6b6aca]{background-color:var(--el-box-shadow-light)}.el-box-shadow-lighter[data-v-5b6b6aca]{background-color:var(--el-box-shadow-lighter)}.el-box-shadow-dark[data-v-5b6b6aca]{background-color:var(--el-box-shadow-dark)}.el-bg-color-page[data-v-5b6b6aca]{background-color:var(--el-bg-color-page)}.el-bg-color[data-v-5b6b6aca]{background-color:var(--el-bg-color)}.el-bg-color-overlay[data-v-5b6b6aca]{background-color:var(--el-bg-color-overlay)}.el-text-color-primary[data-v-5b6b6aca]{background-color:var(--el-text-color-primary)}.el-text-color-regular[data-v-5b6b6aca]{background-color:var(--el-text-color-regular)}.el-text-color-secondary[data-v-5b6b6aca]{background-color:var(--el-text-color-secondary)}.el-text-color-placeholder[data-v-5b6b6aca]{background-color:var(--el-text-color-placeholder)}.el-text-color-disabled[data-v-5b6b6aca]{background-color:var(--el-text-color-disabled)}.el-border-color-darker[data-v-5b6b6aca]{background-color:var(--el-border-color-darker)}.el-border-color-dark[data-v-5b6b6aca]{background-color:var(--el-border-color-dark)}.el-border-color[data-v-5b6b6aca]{background-color:var(--el-border-color)}.el-border-color-light[data-v-5b6b6aca]{background-color:var(--el-border-color-light)}.el-border-color-lighter[data-v-5b6b6aca]{background-color:var(--el-border-color-lighter)}.el-border-color-extra-light[data-v-5b6b6aca]{background-color:var(--el-border-color-extra-light)}.el-fill-color-darker[data-v-5b6b6aca]{background-color:var(--el-fill-color-darker)}.el-fill-color-dark[data-v-5b6b6aca]{background-color:var(--el-fill-color-dark)}.el-fill-color[data-v-5b6b6aca]{background-color:var(--el-fill-color)}.el-fill-color-light[data-v-5b6b6aca]{background-color:var(--el-fill-color-light)}.el-fill-color-lighter[data-v-5b6b6aca]{background-color:var(--el-fill-color-lighter)}.el-fill-color-extra-light[data-v-5b6b6aca]{background-color:var(--el-fill-color-extra-light)}.el-fill-color-blank[data-v-5b6b6aca]{background-color:var(--el-fill-color-blank)}.el-mask-color[data-v-5b6b6aca]{background-color:var(--el-mask-color)}.el-mask-color-extra-light[data-v-5b6b6aca]{background-color:var(--el-mask-color-extra-light)}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar{width:var(--m-scrollbar-thumb-width);height:9px}::-webkit-scrollbar-thumb{background-color:var(--m-scrollbar-thumb-color);background-clip:padding-box;border-radius:5px;min-height:28px}.u-li[data-v-5b6b6aca]{width:300px}.m-box[data-v-5b6b6aca]{display:flex}.u-el[data-v-5b6b6aca]{margin-left:20px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as h,r as p,a,o as s,c as d,b as l,w as r,F as x,e as g,_ as y,f as m,g as b}from"./index-B3d27dSP.js";const v={class:"g-demo-m-select-box"},f=h({__name:"demo",setup(i){const e=p(""),c=[{label:"这是选项一",value:"a"},{label:"这是选项二",value:"b"}];return(_,n)=>{const o=a("m-option"),u=a("m-select");return s(),d("div",v,[l(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=t=>e.value=t),checkboxMode:"",multiple:""},{default:r(()=>[(s(),d(x,null,g(c,t=>l(o,{key:t.value,label:t.label,value:t.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])])}}}),k=y(f,[["__scopeId","data-v-3b625746"]]),V={class:"markdown-body"},w=m("h1",null,"下拉选择器组件",-1),C=m("h3",null,"1) 基础用法",-1),N=b('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td style="text-align:center;">绑定值</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">‘’</td></tr><tr><td>checkbox-mode</td><td style="text-align:center;">是否为复选框模式(只影响样式)</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>其他属性同element-plus的el-select组件</td><td style="text-align:center;"><a href="https://element-plus.gitee.io/zh-CN/component/select.html">https://element-plus.gitee.io/zh-CN/component/select.html</a></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr></tbody></table>',2),E={__name:"README",setup(i,{expose:e}){return e({frontmatter:{}}),(_,n)=>{const o=a("Preview");return s(),d("div",V,[w,C,l(o,{"comp-name":"MSelect","demo-name":"demo"},{default:r(()=>[l(k)]),_:1}),N])}}};export{E as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,h as x,a as s,o as i,c,b as e,w as a,i as m,j as y,_ as g,f as u,g as V}from"./index-B3d27dSP.js";const v={class:"g-demo-m-inline-box"},w=f({__name:"demo",setup(p){const t=x({name:"",code:"",time:""});return(_,l)=>{const r=s("el-button"),d=s("el-input"),o=s("el-form-item"),b=s("el-form"),h=s("m-inline");return i(),c("div",v,[e(h,{size:"small"},{inlineBtn:a(()=>[e(r,{type:"primary",size:"small",icon:"Plus"},{default:a(()=>[m(" 新增 ")]),_:1}),e(r,{type:"success",size:"small",icon:"Edit"},{default:a(()=>[m(" 编辑 ")]),_:1}),e(r,{type:"warning",size:"small",icon:"Delete"},{default:a(()=>[m(" 删除 ")]),_:1})]),default:a(()=>[e(b,{model:t,labelWidth:"80px",showMessage:!1,size:"small",onSubmit:l[6]||(l[6]=y(()=>{},["prevent"])),"data-box":""},{default:a(()=>[e(o,{label:"编码",prop:"code","data-item":""},{default:a(()=>[e(d,{modelValue:t.code,"onUpdate:modelValue":l[0]||(l[0]=n=>t.code=n),clearable:"",placeholder:"请输入编码"},null,8,["modelValue"])]),_:1}),e(o,{label:"角色名",prop:"name","data-item":""},{default:a(()=>[e(d,{modelValue:t.name,"onUpdate:modelValue":l[1]||(l[1]=n=>t.name=n),clearable:"",placeholder:"请输入角色名"},null,8,["modelValue"])]),_:1}),e(o,{label:"时间",prop:"time","data-item":""},{default:a(()=>[e(d,{modelValue:t.time,"onUpdate:modelValue":l[2]||(l[2]=n=>t.time=n),clearable:"",placeholder:"请输入时间"},null,8,["modelValue"])]),_:1}),e(o,{label:"编码",prop:"code","data-item":""},{default:a(()=>[e(d,{modelValue:t.code,"onUpdate:modelValue":l[3]||(l[3]=n=>t.code=n),clearable:"",placeholder:"请输入编码"},null,8,["modelValue"])]),_:1}),e(o,{label:"角色名",prop:"name","data-item":""},{default:a(()=>[e(d,{modelValue:t.name,"onUpdate:modelValue":l[4]||(l[4]=n=>t.name=n),clearable:"",placeholder:"请输入角色名"},null,8,["modelValue"])]),_:1}),e(o,{label:"时间",prop:"time","data-item":""},{default:a(()=>[e(d,{modelValue:t.time,"onUpdate:modelValue":l[5]||(l[5]=n=>t.time=n),clearable:"",placeholder:"请输入时间"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),submitBtn:a(()=>[e(r,{type:"primary",icon:"Search",size:"small"},{default:a(()=>[m(" 搜索 ")]),_:1})]),_:1})])}}}),z=g(w,[["__scopeId","data-v-fb63e482"]]),U={class:"markdown-body"},B=u("h1",null,"筛选",-1),E=u("h3",null,"1) 基础用法",-1),M=V('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>minWidth</td><td style="text-align:center;">列最小宽度</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">200</td></tr><tr><td>maxWidth</td><td style="text-align:center;">列最大宽度</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">300</td></tr><tr><td>size</td><td style="text-align:center;">组件尺寸</td><td style="text-align:center;">enum</td><td style="text-align:center;">large | default | small</td><td style="text-align:center;">default</td></tr></tbody></table><h3>2) Events</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th></tr></thead><tbody><tr><td>switch</td><td style="text-align:center;">当切换展开与折叠模式时触发,返回当前展开状态</td><td style="text-align:center;">unfold(boolean)</td></tr></tbody></table>',4),k={__name:"README",setup(p,{expose:t}){return t({frontmatter:{}}),(l,r)=>{const d=s("Preview");return i(),c("div",U,[B,E,e(d,{"comp-name":"MInline","demo-name":"demo"},{default:a(()=>[e(z)]),_:1}),M])}}};export{k as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as x,r as y,a as r,o as a,c as s,b as d,_ as g,w as m,f as c,g as u}from"./index-B3d27dSP.js";const h={class:"g-demo-m-input-number-box"},_=x({__name:"demo",setup(i){const t=y(0);return(o,e)=>{const l=r("m-input-number");return a(),s("div",h,[d(l,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=n=>t.value=n)},null,8,["modelValue"])])}}}),p=g(_,[["__scopeId","data-v-5baa39a3"]]),b={class:"markdown-body"},f=c("h1",null,"数值输入框组件",-1),v=c("h3",null,"1) 基础用法",-1),V=u('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td style="text-align:center;">绑定值</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">‘’</td></tr><tr><td>min</td><td style="text-align:center;">设置数值输入框允许的最小值</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">-Infinity</td></tr><tr><td>max</td><td style="text-align:center;">设置数值输入框允许的最大值</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">Infinity</td></tr><tr><td>step</td><td style="text-align:center;">数值输入框步长</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">1</td></tr><tr><td>step-strictly</td><td style="text-align:center;">是否只能输入 step 的倍数</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">true</td></tr><tr><td>size</td><td style="text-align:center;">数值输入框尺寸</td><td style="text-align:center;">string</td><td style="text-align:center;">large, small, mini</td><td style="text-align:center;">-</td></tr><tr><td>disabled</td><td style="text-align:center;">是否禁用数值输入框</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>placeholder</td><td style="text-align:center;">输入框默认 placeholder</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘’</td></tr><tr><td>thousandth-place</td><td style="text-align:center;">输入框是否显示千分位</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>no-border</td><td style="text-align:center;">是否不要边框</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>no-spacing</td><td style="text-align:center;">不要边距</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr></tbody></table><h3>3) Events</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th></tr></thead><tbody><tr><td>change</td><td style="text-align:center;">绑定值被改变时触发</td><td style="text-align:center;">currentValue, oldValue</td></tr><tr><td>focus</td><td style="text-align:center;">当 input 获得焦点时触发</td><td style="text-align:center;">(event: Event)</td></tr><tr><td>blur</td><td style="text-align:center;">当 input 失去焦点时触发</td><td style="text-align:center;">(event: Event)</td></tr></tbody></table>',4),w={__name:"README",setup(i,{expose:t}){return t({frontmatter:{}}),(e,l)=>{const n=r("Preview");return a(),s("div",b,[f,v,d(n,{"comp-name":"MInputNumber","demo-name":"demo"},{default:m(()=>[d(p)]),_:1}),V])}}};export{w as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as i,r as u,a as n,o as l,c as s,b as o,f as a,t as c,w as _,g as b}from"./index-B3d27dSP.js";const p=i({__name:"demo",setup(h){const t=u({date:{minWidth:100,show:!0,sort:0,label:"date"},name:{minWidth:100,show:!0,sort:1,label:"name"},address:{minWidth:100,show:!0,sort:2,label:"address"}});return(m,e)=>{const r=n("MTableColumnSet");return l(),s("div",null,[o(r,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=d=>t.value=d)},null,8,["modelValue"]),a("div",null,c(t.value),1)])}}}),f={class:"markdown-body"},g=a("h1",null,"表格头设置组件",-1),v=a("h3",null,"1) 基础用法",-1),w=b("<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>绑定值</td><td>{ [propName: string]: TableConfigItem }</td><td>-</td><td>{}</td></tr><tr><td>link</td><td>是否为链接按钮</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>foldMode</td><td>是否开启折叠 开启的话需要父级元素为flex布局/grid布局</td><td>boolean</td><td>-</td><td>false</td></tr></tbody></table><h3>3) TableConfigItem</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>minWidth</td><td>最小列宽</td><td>number,string</td></tr><tr><td>show</td><td>是否显示</td><td>boolean</td></tr><tr><td>sort</td><td>排序</td><td>number</td></tr><tr><td>label</td><td>列名</td><td>string</td></tr><tr><td>headerAlign</td><td>表头对齐方式, 若不设置该项,则使用表格的对齐方式</td><td>‘left’ ,‘center’ , ‘right’</td></tr></tbody></table>",4),x={__name:"README",setup(h,{expose:t}){return t({frontmatter:{}}),(e,r)=>{const d=n("Preview");return l(),s("div",f,[g,v,o(d,{"comp-name":"MTableColumnSet","demo-name":"demo"},{default:_(()=>[o(p)]),_:1}),w])}}};export{x as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-m-select-box[data-v-3b625746]{max-width:1000px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-box[data-v-7579d902]{display:flex;width:100%;height:100%;border:1px solid #000;flex-direction:column}.u-box .u-table[data-v-7579d902]{border:1px solid red;box-sizing:border-box}.u-box .u-pa[data-v-7579d902]{position:absolute;bottom:0;right:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as P,k as j,v as q,d as M,a as $,o as I,c as R,b as m,w as h,i as b,f as i,x as A,u as w,t as W,y as L,p as U,l as F,_ as G,g as J}from"./index-B3d27dSP.js";const K=(n,s="",v=0)=>{const a=P(0),g=t=>!(t!=null&&t.parentElement)||t.parentElement.className.includes(n)?t:g(t.parentElement),f=t=>t.scrollWidth>t.clientWidth,c=()=>{q(()=>{var E;const t=document.querySelector("."+s),l=((E=g(t))==null?void 0:E.className)||"",e=document.querySelector("."+n);if(!l||!e){a.value=100;return}const _=(o,d=0,p=1)=>{var x;if(o!=null&&o.className.includes(n)||!o.parentElement)return d;{const S=(((x=window.getComputedStyle(o))==null?void 0:x.getPropertyValue("position"))||"")==="relative"||p===1?o.offsetTop+d:d;return _(o.parentElement,S,p+1)}},y=window.getComputedStyle(e);y.position==="relative"||(e.style.position="relative");const B=_(t),D=parseInt(y.getPropertyValue("padding-bottom"),10),H=f(e)?10:0,O=e.clientHeight-D-H;let V=0,k=!1;for(let o=0;o<e.children.length;o++){const d=e.children[o];if(k){const p=window.getComputedStyle(d),x=parseInt(p.getPropertyValue("margin-top"),10),N=parseInt(p.getPropertyValue("margin-bottom"),10),S=p.getPropertyValue("position");S!=="absolute"&&S!=="fixed"&&(V+=d.offsetHeight+x+N)}d.className.includes(l)&&(k=!0)}a.value=O-V-B-v})},r=(t,l=100)=>{let e=!1;return(..._)=>{e||(e=!0,setTimeout(()=>{t.apply(void 0,_),e=!1},l))}},u=()=>{const t=document.querySelector("."+n);if(!t)return!1;const l=document.querySelector("."+s);c(),new MutationObserver(r(y=>{if(!l)return;if(!y.filter(C=>!l.contains(C.target)).length)return!1;c()})).observe(t,{attributes:!1,childList:!0,subtree:!0}),new ResizeObserver(y=>{l&&c()}).observe(t)};return j(()=>{u()}),{height:a,tableCovered:c,init:u}},z=n=>(U("data-v-7579d902"),n=n(),F(),n),Q=z(()=>i("p",null,"弹窗",-1)),X={class:"u-box j-box"},Y=z(()=>i("div",null,"这是干扰元素",-1)),Z=z(()=>i("div",{class:"u-pa"},[b("这是绝对"),i("br"),b("定位元素")],-1)),tt={class:"dialog-footer"},et=M({__name:"demo",setup(n){const s=P(!1),v=c=>{},{height:a,init:g}=K("j-box","j-table"),f=()=>{g()};return(c,r)=>{const u=$("el-button");return I(),R("div",null,[Q,m(u,{onClick:r[0]||(r[0]=t=>s.value=!0)},{default:h(()=>[b("默认")]),_:1}),m(w(L),{modelValue:s.value,"onUpdate:modelValue":r[3]||(r[3]=t=>s.value=t),draggable:"",title:"这是标题",resize:"",onResized:v,onOpened:f},{footer:h(()=>[i("div",tt,[m(u,{onClick:r[1]||(r[1]=t=>s.value=!1)},{default:h(()=>[b("取消")]),_:1}),m(u,{type:"primary",onClick:r[2]||(r[2]=t=>s.value=!1)},{default:h(()=>[b(" 确认 ")]),_:1})])]),default:h(()=>[i("div",X,[i("p",{class:"u-table j-table",style:A("height: "+w(a)+"px")}," 这是一条消息"+W(w(a)),5),Y,Z])]),_:1},8,["modelValue"])])}}}),ot=G(et,[["__scopeId","data-v-7579d902"]]),nt={class:"markdown-body"},st=i("h1",null,"对话框",-1),rt=i("h3",null,"1) 基础用法",-1),it=J('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>resize</td><td style="text-align:center;">是否开启拖拽改变大小</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>其余参数</td><td style="text-align:center;">参考el官网的dialog</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;"><a href="https://element-plus.org/zh-CN/component/dialog">https://element-plus.org/zh-CN/component/dialog</a></td></tr></tbody></table><h3>2) Events</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th></tr></thead><tbody><tr><td>resized</td><td style="text-align:center;">窗口大小改变完成事件</td><td style="text-align:center;">(contentsSize: { width: number, height: number })内容物大小</td></tr><tr><td>其余参数</td><td style="text-align:center;">参考el官网的dialog</td><td style="text-align:center;"><a href="https://element-plus.org/zh-CN/component/dialog">https://element-plus.org/zh-CN/component/dialog</a></td></tr></tbody></table>',4),at={__name:"README",setup(n,{expose:s}){return s({frontmatter:{}}),(a,g)=>{const f=$("Preview");return I(),R("div",nt,[st,rt,m(f,{"comp-name":"MDialog","demo-name":"demo"},{default:h(()=>[m(ot)]),_:1}),it])}}};export{at as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-m-input-number-box[data-v-5baa39a3]{max-width:1000px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-m-select-box[data-v-4f4943db]{max-width:1000px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as U,r as a,k,a as A,o as T,c as w,f as l,t as f,b as p,P as _,w as S,g as V}from"./index-B3d27dSP.js";const Q=l("p",null,"多选",-1),R=l("p",null,"多选单绑定的value为字符串类型",-1),N=l("p",null,"单选",-1),O=U({__name:"demo",setup(C){const s=[{prop:"PRDocType",label:"单据类型"},{prop:"DocNo",label:"请购单号"},{prop:"ApprovedQtyPU",label:"名称"},{prop:"ACCode",label:"货币"}],h=a(null),o=a([]),i=a(""),y=a([]),b=a(""),c=a(0),n=a([]),u=[];for(let t=0;t<1e3;t++)u.push({PRDocType:"测试数据"+(t+1),DocNo:t+1,ApprovedQtyPU:"ApprovedQtyPU"+(t+1),ACCode:"ACCode"});const P=(t=new _,e="")=>{setTimeout(()=>{n.value=u.filter(r=>r.PRDocType.includes(e)).slice(0,t.pageSize),c.value=u.length})};setTimeout(()=>{n.value=[{PRDocType:"xxxPRDocType1",DocNo:1,ApprovedQtyPU:"xxxApprovedQtyPU1",ACCode:"xxxACCode1"},{PRDocType:"xxxPRDocType2",DocNo:2,ApprovedQtyPU:"xxxApprovedQtyPU2",ACCode:"xxxACCode2"}],o.value=[1,2],i.value="",y.value=["xxxApprovedQtyPU2","xxxApprovedQtyPU3","xxxApprovedQtyPU4"],b.value=1},1e3);const g=t=>{},m=(t,e)=>{P(t,e)},x=t=>{o.value=t},v=async(t,e=new _)=>{await D(t,e)},D=async(t,e)=>new Promise(r=>{setTimeout(()=>{const d=(e.currentPage-1)*e.pageSize;n.value=u.filter(M=>M.PRDocType.includes(t)).slice(d,d+e.pageSize),c.value=u.length,r()},500)});return k(()=>{P()}),(t,e)=>{const r=A("m-select-table");return T(),w("div",null,[Q,l("p",null,"第一个选择器的值: "+f(o.value),1),p(r,{class:"u-select",ref_key:"selectRef",ref:h,modelValue:o.value,"onUpdate:modelValue":e[0]||(e[0]=d=>o.value=d),placeholder:"请选择单号",tableTitle:s,options:n.value,keywords:{label:"ApprovedQtyPU",value:"DocNo"},onSelected:g,onSelectMultiple:x,tableHeight:"200",onToPage:m,total:c.value,scrollbarAlwaysOn:"",filterable:"",remote:"",multiple:"",allowCreate:"",border:"",remoteMethod:v},null,8,["modelValue","options","total"]),R,l("p",null,"第二个选择器的值: "+f(i.value),1),p(r,{class:"u-select",ref_key:"selectRef",ref:h,modelValue:i.value,"onUpdate:modelValue":e[1]||(e[1]=d=>i.value=d),name:y.value,placeholder:"请选择单号",tableTitle:s,options:n.value,keywords:{label:"ApprovedQtyPU",value:"DocNo"},onSelected:g,onSelectMultiple:x,tableHeight:"200",onToPage:m,total:c.value,scrollbarAlwaysOn:"",filterable:"",remote:"",multiple:"",border:"",remoteMethod:v},null,8,["modelValue","name","options","total"]),N,l("p",null,"第三个择器的值: "+f(b.value),1),p(r,{class:"u-select",ref_key:"selectRef",ref:h,modelValue:b.value,"onUpdate:modelValue":e[2]||(e[2]=d=>b.value=d),placeholder:"请选择单号",tableTitle:s,options:n.value,keywords:{label:"ApprovedQtyPU",value:"DocNo"},onSelected:g,onSelectMultiple:x,tableHeight:"200",onToPage:m,total:c.value,scrollbarAlwaysOn:"",filterable:"",remote:"",allowCreate:"",remoteMethod:v,popupWidth:800},null,8,["modelValue","options","total"])])}}}),z={class:"markdown-body"},B=l("h1",null,"下拉表格选择器",-1),H=l("h3",null,"1) 基础用法",-1),$=V('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选</th><th style="text-align:center;">是否必填</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值</td><td>number,string, Array<number,string></td><td>-</td><td style="text-align:center;">否</td><td>‘’</td></tr><tr><td>name</td><td>显示值,有值时覆盖所有显示逻辑,直接显示name</td><td>number,string, Array<number,string></td><td>-</td><td style="text-align:center;">否</td><td>‘’</td></tr><tr><td>placeholder</td><td>占位符</td><td>string</td><td>-</td><td style="text-align:center;">否</td><td>请选择</td></tr><tr><td>disabled</td><td>是否禁用</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>size</td><td>大小</td><td>enum</td><td>large | default | small</td><td style="text-align:center;">否</td><td>default</td></tr><tr><td>options</td><td>下拉表的 表内数据,详情见Option接口</td><td>Option[]</td><td>-</td><td style="text-align:center;">否</td><td>[]</td></tr><tr><td>total</td><td>总数量 当有值时,出现分页器</td><td>number</td><td>null</td><td style="text-align:center;">否</td><td>null</td></tr><tr><td>filterMethod</td><td>自定义搜索方法 (使用时必须传递filterable)</td><td>Function</td><td>null</td><td style="text-align:center;">否</td><td>null</td></tr><tr><td>filterable</td><td>是否开启筛选 (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label])</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>remote</td><td>是否使用远程搜索</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>remoteMethod</td><td>自定义远程搜索方法 (使用时必须传递filterable和remote)</td><td>Function</td><td>-</td><td style="text-align:center;">否</td><td>{}</td></tr><tr><td>tableTitle</td><td>下拉表的 表头定义,详情见TableTitle接口</td><td>TableTitle[]</td><td>-</td><td style="text-align:center;">否</td><td>[]</td></tr><tr><td>multiple</td><td>是否开启多选</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>keywords</td><td>关键字配置(value-key 配置)映射关键字</td><td>Option</td><td>-</td><td style="text-align:center;">否</td><td>{label: ‘label’ ,value:‘value’}</td></tr><tr><td>reserveSelection</td><td>是否打开翻页多选 需要是多选才有效</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>tableHeight</td><td>表格高度</td><td>string</td><td>number</td><td style="text-align:center;">否</td><td>200</td></tr><tr><td>isAffirmBtn</td><td>是否有确认按钮 当使用此按钮时 selected事件无效 需使用selectMultiple事件</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>scrollbarAlwaysOn</td><td>是否常态显示滚动条</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>allowCreate</td><td>是否能够创建条目</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr><tr><td>popupWidth</td><td>弹窗的宽度</td><td>string,number</td><td>-</td><td style="text-align:center;">否</td><td>500</td></tr><tr><td>border</td><td>表格边框</td><td>boolean</td><td>-</td><td style="text-align:center;">否</td><td>false</td></tr></tbody></table><h4>Options(选项接口)</h4><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">是否必填</th></tr></thead><tbody><tr><td>label</td><td style="text-align:center;">选项的标签,若不设置则默认与value相同</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">是</td></tr><tr><td>value</td><td style="text-align:center;">选项的值</td><td style="text-align:center;">string | number</td><td style="text-align:center;">-</td><td style="text-align:center;">是</td></tr><tr><td>disabled</td><td style="text-align:center;">是否禁用该选项</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">否</td></tr><tr><td>[propName: string]</td><td style="text-align:center;">额外字段</td><td style="text-align:center;">string | number</td><td style="text-align:center;">-</td><td style="text-align:center;">否</td></tr></tbody></table><h4>Page (分页对象)</h4><table><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>total</td><td>总数</td><td>number</td></tr><tr><td>pageSize</td><td>分页大小</td><td>number</td></tr><tr><td>currentPage</td><td>页码</td><td>number</td></tr><tr><td>pageSizesOptions</td><td>分页大小可选项</td><td>number[]</td></tr></tbody></table><h3>3) events</h3><table><thead><tr><th>事件名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>selected</td><td>单选或多选之后的回调</td><td>根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[])</td></tr><tr><td>toPage</td><td>当没有使用filterMethod时候才会有回调否则没有</td><td>page 表格分页</td></tr><tr><td>selectMultiple</td><td>多选确认按钮时的回调 配合isAffirmBtn使用</td><td>(values: Array<string | number>, rows: Option[])</td></tr><tr><td>clear</td><td>用户点击清空按钮时触发</td><td>-</td></tr><tr><td>removeTag</td><td>多选模式下移除tag时触发</td><td>(tag: any)</td></tr></tbody></table><h3>4) Methods</h3><table><thead><tr><th>方法名</th><th>说明</th></tr></thead><tbody><tr><td>defaultBackFillValue</td><td>手动重载反填 使用场景 当前开启多选 并且开启翻页多选的时候 这个时候需要默认反填上值的话 需要赋值之后 延迟调用此方法 其余场景 为默认反填</td></tr><tr><td>clear</td><td>清空已选择</td></tr><tr><td>focus</td><td>聚焦下拉框</td></tr></tbody></table><h4>filterMethod</h4><table><thead><tr><th>返回值</th><th>类型</th><th>说明</th></tr></thead><tbody><tr><td>searchValue</td><td>string</td><td>返回输入的值</td></tr><tr><td>Page</td><td>Page</td><td>整个分页类</td></tr></tbody></table><h4>remoteMethod</h4><table><thead><tr><th>返回值</th><th>类型</th><th>说明</th></tr></thead><tbody><tr><td>searchValue</td><td>string</td><td>返回输入的值</td></tr><tr><td>Page</td><td>Page</td><td>整个分页类</td></tr></tbody></table>',14),F={__name:"README",setup(C,{expose:s}){return s({frontmatter:{}}),(o,i)=>{const y=A("Preview");return T(),w("div",z,[B,H,p(y,{"comp-name":"MSelectTable","demo-name":"demo"},{default:S(()=>[p(O)]),_:1}),$])}}};export{F as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,z as g,a as c,o as h,c as l,b as a,w as n,i,f as _,g as f}from"./index-B3d27dSP.js";const k=m({__name:"demo",setup(y){g({getConfig:(t="")=>JSON.parse(localStorage.getItem(t)||"{}"),setConfig:(t="",e)=>{setTimeout(()=>{localStorage.setItem(t,JSON.stringify(e))},1e3)}});const o=g(),d=()=>{console.log("packageConfig.get()",o.get("test"))},r=()=>{};return(t,e)=>{const s=c("el-button");return h(),l("div",null,[a(s,{onClick:d},{default:n(()=>[i("获取config")]),_:1}),a(s,{onClick:r},{default:n(()=>[i("设置config")]),_:1})])}}}),u={class:"markdown-body"},p=_("h1",null,"配置保存与获取 hook",-1),C=_("h3",null,"1) 基础用法",-1),b=f('<h3>2) 所需参数</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>parameter</td><td>参数</td><td>UsePackageConfigParameter</td><td style="text-align:center;">-</td><td style="text-align:center;">{}</td></tr></tbody></table><h4>UsePackageConfigParameter</h4><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th>必填</th><th style="text-align:right;">默认值</th></tr></thead><tbody><tr><td>setConfig</td><td>触发设置配置的回调</td><td>(key: string, value: any) => void</td><td>否</td><td style="text-align:right;">(key: string, data: any): void => { localStorage.setItem(key, JSON.stringify(data)) }</td></tr><tr><td>getConfig</td><td>触发获取配置的回调</td><td>(key: string) => any</td><td>否</td><td style="text-align:right;">(key: string): any => JSON.parse(localStorage.getItem(key) || ‘{}’)</td></tr></tbody></table><h3>2) 返回值</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th></tr></thead><tbody><tr><td>set</td><td>触发设置配置</td><td>(key: string, value: any) => void</td></tr><tr><td>get</td><td>触发获取配置</td><td>(key: string) => any</td></tr></tbody></table>',6),v={__name:"README",setup(y,{expose:o}){return o({frontmatter:{}}),(r,t)=>{const e=c("Preview");return h(),l("div",u,[p,C,a(e,{"comp-name":"usePackageConfig","demo-name":"demo","is-hook":""},{default:n(()=>[a(k)]),_:1}),b])}}};export{v as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as g,r as y,a,o as s,c as r,b as n,_ as h,w as m,f as c,g as _}from"./index-B3d27dSP.js";const u={class:"g-demo-m-select-box"},p=g({__name:"demo",setup(o){const t=y(""),d=[{label:"这是选项一",value:"a"},{label:"这是选项二",value:"b"},{label:"这是选项三",value:"c",disabled:!0}];return(i,e)=>{const l=a("m-select-v2");return s(),r("div",u,[n(l,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=x=>t.value=x),checkboxMode:"",multiple:"",options:d,showAll:""},null,8,["modelValue"])])}}}),b=h(p,[["__scopeId","data-v-4f4943db"]]),f={class:"markdown-body"},v=c("h1",null,"下拉选择器V2组件",-1),V=c("h3",null,"1) 基础用法",-1),w=_('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td style="text-align:center;">绑定值</td><td style="text-align:center;">number</td><td style="text-align:center;">-</td><td style="text-align:center;">‘’</td></tr><tr><td>checkbox-mode</td><td style="text-align:center;">是否为复选框模式(只影响样式)</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>multiple</td><td style="text-align:center;">是否多选</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>show-all</td><td style="text-align:center;">是否显示全选选项(只在multiple为true时生效)</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>options</td><td style="text-align:center;">选项值</td><td style="text-align:center;">Option[]</td><td style="text-align:center;">-</td><td style="text-align:center;">[]</td></tr><tr><td>其他属性同element-plus的el-select组件</td><td style="text-align:center;"><a href="https://element-plus.gitee.io/zh-CN/component/select.html">https://element-plus.gitee.io/zh-CN/component/select.html</a></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr></tbody></table><h4>Option(选项对象)</h4><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">必填</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>label</td><td style="text-align:center;">选项的标签,若不设置则默认与value相同</td><td style="text-align:center;">string</td><td style="text-align:center;">否</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>value</td><td style="text-align:center;">选项的值</td><td style="text-align:center;">number</td><td style="text-align:center;">是</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>disabled</td><td style="text-align:center;">是否禁用该选项</td><td style="text-align:center;">boolean</td><td style="text-align:center;">否</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr></tbody></table>',4),C={__name:"README",setup(o,{expose:t}){return t({frontmatter:{}}),(i,e)=>{const l=a("Preview");return s(),r("div",f,[v,V,n(l,{"comp-name":"MSelectV2","demo-name":"demo"},{default:m(()=>[n(b)]),_:1}),w])}}};export{C as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-box[data-v-cf4bf16e]{max-width:1200px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-tab-page-box[data-v-51dbdffd]{max-width:1000px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-p[data-v-26a4ebf7]{color:#c600fd}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{B as C,d as B,r as D,m as F,a as p,o as u,c as b,b as m,w as s,i as f,u as l,f as _,t as k,F as w,e as N,s as S,q as A,A as W,C as z,_ as M,g as H}from"./index-B3d27dSP.js";const O=t=>{if(t==="0")return 0;let e=t.replace(/[^\d.]/g,"");return e=e.replace(/\.+/g,"."),e=e.replace(/^0+(?!\.)/,""),parseFloat(e)},j=(t="",e=!0,c=2,i={})=>{const a=Object.keys(i);if(typeof t>"u"||typeof t=="object"&&t===null)return"";let o=0;if(t!==null)if(typeof t=="string"){if(!t.trim())return"";o=O(t.trim())}else o=t;const g=new C(o).round(c);if(!t&&!a.length)return"0";const y=i.moneySymbol,n=i.repairZero;let d=new C(g);if(n&&(d=new C(d).toFixed(n)),e){const h=g.toNumber(),x={maximumFractionDigits:c,useGrouping:!0};d=h.toLocaleString("zh-CN",x)}return y&&(d=y+d),d},E=B({__name:"demo",setup(t){const e=D([]),{tableTitle:c,headerDragend:i,filtersValue:a,page:o}=F("testTableSize",[{label:"名称",prop:"name",minWidth:"208px"},{label:"单据日期",prop:"date",minWidth:"110px"},{label:"标签",prop:"tag",minWidth:"110px"}],e);setTimeout(()=>{e.value=[{date:"2016-05-03",name:"Tom1",tag:["Home1","Home2"]},{date:"2016-05-03",name:"Tom2",tag:["Office"]},{date:"2016-05-04",name:"Tom3",tag:["Home"]},{date:"2016-05-01",name:"Tom4",tag:["Office"]}]});const g=()=>{console.log(j(.05,!1,10,{repairZero:6}))};return(y,n)=>{const d=p("el-button"),h=p("el-tag"),x=p("MTableColumn"),V=p("MTable");return u(),b("div",null,[m(d,{onClick:n[0]||(n[0]=r=>l(o).pageSize=50)},{default:s(()=>[f("设置50")]),_:1}),m(d,{onClick:n[1]||(n[1]=r=>l(o).pageSize=100)},{default:s(()=>[f("设置100")]),_:1}),m(d,{onClick:g},{default:s(()=>[f("获取pageSize")]),_:1}),_("p",null,k(l(a)),1),_("div",null,[m(V,{data:e.value,filtersValue:l(a),onHeaderDragend:l(i)},{default:s(()=>[(u(!0),b(w,null,N(l(c),r=>(u(),S(x,{key:r.prop,prop:r.prop,label:r.label,minWidth:r.minWidth,filters:r.filters,headerAlign:r.headerAlign,filtersValue:l(a),"onUpdate:filtersValue":n[2]||(n[2]=T=>A(a)?a.value=T:null),showOverflowTooltip:""},W({_:2},[["tag"].includes(r.prop)?{name:"default",fn:s(T=>[r.prop==="tag"?(u(!0),b(w,{key:0},N(T.row.tag,v=>(u(),S(h,{type:"primary"},{default:s(()=>[f(k(v),1)]),_:2},1024))),256)):z("",!0)]),key:"0"}:void 0]),1032,["prop","label","minWidth","filters","headerAlign","filtersValue"]))),128))]),_:1},8,["data","filtersValue","onHeaderDragend"])])])}}}),P=M(E,[["__scopeId","data-v-26a4ebf7"]]),Z={class:"markdown-body"},$=_("h1",null,"表格组合 hook",-1),I=_("h3",null,"1) 基础用法",-1),L=H('<h3>2) 所需参数</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>name</td><td>表格唯一标识</td><td>string</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>tableTitle</td><td>列配置</td><td>tableTitle[]</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>tableData</td><td>表格数据</td><td>ref<any[]></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr></tbody></table><h3>3) 返回值</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th></tr></thead><tbody><tr><td>tableTitle</td><td>处理之后的表头</td><td>TableTitle[]</td></tr><tr><td>tableConfig</td><td>表头的配置项</td><td>{ [propName: string]: TableConfigItem}</td></tr><tr><td>headerDragend</td><td>表格拖拽事件</td><td>function</td></tr><tr><td>initColumnFilter</td><td>列的筛选</td><td>function</td></tr><tr><td>filtersValue</td><td>过滤条件</td><td>{ [key: string]: Array<string,number>}</td></tr></tbody></table><h3>4) TableTitle</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th>是否必填</th></tr></thead><tbody><tr><td>label</td><td>显示的标题</td><td>string</td><td>是</td></tr><tr><td>prop</td><td>字段对应列的字段名字也可以使用 property属性</td><td>string</td><td>是</td></tr><tr><td>minWidth</td><td>对应列的最小宽度与 width 的区别是 width 是固定的,min-width 会按比例分配剩余宽度</td><td>number | string</td><td>否</td></tr><tr><td>className</td><td>列的className</td><td>boolean | string</td><td>否</td></tr><tr><td>sortable</td><td>列是否能够排序 则代表用户希望远程排序,需要监听 Table 的 sort-change 事件</td><td>Boolean</td><td>否</td></tr><tr><td>sortBy</td><td>指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推</td><td>(row: any, index: number) => string | string | string[]</td><td>否</td></tr><tr><td>sortOrders</td><td>数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序</td><td>(‘ascending’ | ‘descending’ | null)[]</td><td>否</td></tr><tr><td>filters</td><td>据过滤的选项, 数组格式,数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性</td><td>{text:string,number,value:string,number} []</td><td>否</td></tr><tr><td>filterMethod</td><td>数据过滤使用的方法, 如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示</td><td>Function</td><td>否</td></tr><tr><td>headerAlign</td><td>表头对齐方式, 若不设置该项,则使用表格的对齐方式</td><td>‘left’ | ‘center’ | ‘right’</td><td>否</td></tr><tr><td>align</td><td>对齐方式</td><td>‘left’ | ‘center’ | ‘right’</td><td>否</td></tr><tr><td>fixed</td><td>列是否固定在左侧或者右侧。 true 表示固定在左侧</td><td>‘left’ | ‘right’ | boolean</td><td>否</td></tr></tbody></table>',6),q={__name:"README",setup(t,{expose:e}){return e({frontmatter:{}}),(i,a)=>{const o=p("Preview");return u(),b("div",Z,[$,I,m(o,{"comp-name":"usePackageConfig","demo-name":"demo","is-hook":""},{default:s(()=>[m(P)]),_:1}),L])}}};export{q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-box[data-v-90595454]{max-width:1000px}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as v,r as y,m as A,a as s,o as r,c as n,f as i,t as C,u as a,b as h,w as b,F as N,e as T,q as c,s as x,_ as w,g as D}from"./index-B3d27dSP.js";const V={class:"g-box"},S=v({__name:"demo",setup(u){const d=y([]),{tableTitle:m,headerDragend:p,tableConfig:o,filtersValue:e}=A("MTableDemo",[{label:"Date",prop:"date",minWidth:200},{label:"Address",prop:"address",minWidth:200},{label:"name",prop:"name",minWidth:200}],d);return d.value=[{date:"2016-05-03",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-02",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"},{date:"2016-05-04",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-01",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"}],(z,l)=>{const f=s("MTableColumn"),_=s("MTable");return r(),n("div",V,[i("p",null,C(a(o)),1),h(_,{class:"style.box",data:d.value,border:"",onHeaderDragend:a(p),filtersValue:a(e),scrollbarAlwaysOn:"",tableConfig:a(o),"onUpdate:tableConfig":l[1]||(l[1]=t=>c(o)?o.value=t:null)},{default:b(()=>[(r(!0),n(N,null,T(a(m),t=>(r(),x(f,{key:t.prop,prop:t.prop,label:t.label,align:t.align,minWidth:t.minWidth,className:t.className,filters:t.filters,headerAlign:t.headerAlign,fixed:t.fixed,filtersValue:a(e),"onUpdate:filtersValue":l[0]||(l[0]=g=>c(e)?e.value=g:null),showOverflowTooltip:""},null,8,["prop","label","align","minWidth","className","filters","headerAlign","fixed","filtersValue"]))),128))]),_:1},8,["data","onHeaderDragend","filtersValue","tableConfig"])])}}}),k=w(S,[["__scopeId","data-v-cf4bf16e"]]),M={class:"markdown-body"},W=i("h1",null,"表格组件",-1),L=i("h3",null,"1) 基础用法",-1),O=D(`<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>data</td><td>表格的数据</td><td>Array</td><td>-</td><td>[ ]</td></tr><tr><td>sole</td><td>行的唯一值</td><td>String , number</td><td>-</td><td>key</td></tr><tr><td>filtersValue</td><td>表格内容筛选</td><td>Function</td><td>-</td><td>() => void</td></tr><tr><td>其余参数</td><td>参考el官网的table</td><td>any</td><td>-</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table><h2>要求</h2><pre><code>sole 必须传递在表格数据内为唯一的值 如id key 等不会发生重复的关键字
|
|
2
|
-
</code></pre><h3>3) Events</h3><table><thead><tr><th>方法名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>pasteData</td><td>表格粘贴方法</td><td>共有2个参数,依次为粘贴动作的数据PasteAction ,表格原始数据tableData</td></tr><tr><td>其余方法</td><td>参考el官网的table</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table><h3>4) PasteAction</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>editRow</td><td>返回粘贴的对应行的原始数据</td><td>Object</td></tr><tr><td>editColumn</td><td>返回粘贴时鼠标所在列的 表格prop值</td><td>String</td></tr><tr><td>arr</td><td>返回粘贴时候处理之后的 数组信息</td><td>Array</td></tr><tr><td>rowIndex</td><td>根据sole的值 去data内查找 当前操作的 粘贴行在data内的序号</td><td>number</td></tr></tbody></table>`,8),E={__name:"README",setup(u,{expose:d}){return d({frontmatter:{}}),(p,o)=>{const e=s("Preview");return r(),n("div",M,[W,L,h(e,{"comp-name":"MTable","demo-name":"demo"},{default:b(()=>[h(k)]),_:1}),O])}}};export{E as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,r as h,k as u,a as x,o as g,c as m,b as l,u as b,S as p,f as t,F as _,e as k,w as a,i as o,n as w,t as v,p as C,l as z,_ as S,g as E}from"./index-B3d27dSP.js";const N=s=>(C("data-v-5b6b6aca"),s=s(),z(),s),I={class:"g-demo-skin-config-box"},$={class:"m-box"},D={class:"u-color-box"},F=N(()=>t("h3",null,"色卡",-1)),V={class:"u-el"},B=N(()=>t("h3",null,"元素",-1)),P=f({__name:"demo",setup(s){const e=h(""),c=h(null);u(()=>{const n=c.value?c.value.getSkin():null;n&&(e.value=n.size)});const y=h([{name:"--el-color-primary",className:"el-color-primary"},{name:"--el-color-primary-light-3",className:"el-color-primary-light-3"},{name:"--el-color-primary-light-5",className:"el-color-primary-light-5"},{name:"--el-color-primary-light-7",className:"el-color-primary-light-7"},{name:"--el-color-primary-light-8",className:"el-color-primary-light-8"},{name:"--el-color-primary-light-9",className:"el-color-primary-light-9"},{name:"--el-color-primary-dark-2",className:"el-color-primary-dark-2"},{name:"--el-color-success",className:"el-color-success"},{name:"--el-color-success-light-3",className:"el-color-success-light-3"},{name:"--el-color-success-light-5",className:"el-color-success-light-5"},{name:"--el-color-success-light-7",className:"el-color-success-light-7"},{name:"--el-color-success-light-8",className:"el-color-success-light-8"},{name:"--el-color-success-light-9",className:"el-color-success-light-9"},{name:"--el-color-success-dark-2",className:"el-color-success-dark-2"},{name:"--el-color-warning",className:"el-color-warning"},{name:"--el-color-warning-light-3",className:"el-color-warning-light-3"},{name:"--el-color-warning-light-5",className:"el-color-warning-light-5"},{name:"--el-color-warning-light-7",className:"el-color-warning-light-7"},{name:"--el-color-warning-light-8",className:"el-color-warning-light-8"},{name:"--el-color-warning-light-9",className:"el-color-warning-light-9"},{name:"--el-color-warning-dark-2",className:"el-color-warning-dark-2"},{name:"--el-color-danger",className:"el-color-danger"},{name:"--el-color-danger-light-3",className:"el-color-danger-light-3"},{name:"--el-color-danger-light-5",className:"el-color-danger-light-5"},{name:"--el-color-danger-light-7",className:"el-color-danger-light-7"},{name:"--el-color-danger-light-8",className:"el-color-danger-light-8"},{name:"--el-color-danger-light-9",className:"el-color-danger-light-9"},{name:"--el-color-danger-dark-2",className:"el-color-danger-dark-2"},{name:"--el-color-error",className:"el-color-error"},{name:"--el-color-error-light-3",className:"el-color-error-light-3"},{name:"--el-color-error-light-5",className:"el-color-error-light-5"},{name:"--el-color-error-light-7",className:"el-color-error-light-7"},{name:"--el-color-error-light-8",className:"el-color-error-light-8"},{name:"--el-color-error-light-9",className:"el-color-error-light-9"},{name:"--el-color-error-dark-2",className:"el-color-error-dark-2"},{name:"--el-color-info",className:"el-color-info"},{name:"--el-color-info-light-3",className:"el-color-info-light-3"},{name:"--el-color-info-light-5",className:"el-color-info-light-5"},{name:"--el-color-info-light-7",className:"el-color-info-light-7"},{name:"--el-color-info-light-8",className:"el-color-info-light-8"},{name:"--el-color-info-light-9",className:"el-color-info-light-9"},{name:"--el-color-info-dark-2",className:"el-color-info-dark-2"},{name:"--el-box-shadow",className:"el-box-shadow"},{name:"--el-box-shadow-light",className:"el-box-shadow-light"},{name:"--el-box-shadow-lighter",className:"el-box-shadow-lighter"},{name:"--el-box-shadow-dark",className:"el-box-shadow-dark"},{name:"--el-bg-color-page",className:"el-bg-color-page"},{name:"--el-bg-color",className:"el-bg-color"},{name:"--el-bg-color-overlay",className:"el-bg-color-overlay"},{name:"--el-text-color-primary",className:"el-text-color-primary"},{name:"--el-text-color-regular",className:"el-text-color-regular"},{name:"--el-text-color-secondary",className:"el-text-color-secondary"},{name:"--el-text-color-placeholder",className:"el-text-color-placeholder"},{name:"--el-text-color-disabled",className:"el-text-color-disabled"},{name:"--el-border-color-darker",className:"el-border-color-darker"},{name:"--el-border-color-dark",className:"el-border-color-dark"},{name:"--el-border-color",className:"el-border-color"},{name:"--el-border-color-light",className:"el-border-color-light"},{name:"--el-border-color-lighter",className:"el-border-color-lighter"},{name:"--el-border-color-extra-light",className:"el-border-color-extra-light"},{name:"--el-fill-color-darker",className:"el-fill-color-darker"},{name:"--el-fill-color-dark",className:"el-fill-color-dark"},{name:"--el-fill-color",className:"el-fill-color"},{name:"--el-fill-color-light",className:"el-fill-color-light"},{name:"--el-fill-color-lighter",className:"el-fill-color-lighter"},{name:"--el-fill-color-extra-light",className:"el-fill-color-extra-light"},{name:"--el-fill-color-blank",className:"el-fill-color-blank"},{name:"--el-mask-color",className:"el-mask-color"},{name:"--el-mask-color-extra-light",className:"el-mask-color-extra-light"}]);return(n,i)=>{const r=x("el-button");return g(),m("div",I,[l(b(p),{ref_key:"shinConfigRef",ref:c,onChange:i[0]||(i[0]=d=>e.value=d.size)},null,512),t("div",$,[t("div",D,[F,t("ul",null,[(g(!0),m(_,null,k(y.value,d=>(g(),m("li",{class:w(["u-li",d.className])},v(d.name),3))),256))])]),t("div",V,[B,t("div",null,[l(r,{size:e.value},{default:a(()=>[o("Default")]),_:1},8,["size"]),l(r,{type:"primary",size:e.value},{default:a(()=>[o(" Primary ")]),_:1},8,["size"]),l(r,{type:"success",size:e.value},{default:a(()=>[o(" Success ")]),_:1},8,["size"]),l(r,{type:"info",size:e.value},{default:a(()=>[o(" Info ")]),_:1},8,["size"]),l(r,{type:"warning",size:e.value},{default:a(()=>[o(" Warning ")]),_:1},8,["size"]),l(r,{type:"danger",size:e.value},{default:a(()=>[o(" Danger ")]),_:1},8,["size"])])])])])}}}),R=S(P,[["__scopeId","data-v-5b6b6aca"]]),M={class:"markdown-body"},T=t("h1",null,"皮肤设置",-1),A=t("h3",null,"1) 基础用法",-1),L=E('<h3>2) Exposes</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th><th style="text-align:center;">返回值</th></tr></thead><tbody><tr><td>setSkin</td><td style="text-align:center;">设置主题配置</td><td style="text-align:center;">SkinConfig(皮肤对象)</td><td style="text-align:center;">void</td></tr><tr><td>getSkin</td><td style="text-align:center;">获取当前主题配置</td><td style="text-align:center;">-</td><td style="text-align:center;">SkinConfig(皮肤对象)</td></tr></tbody></table><h4>SkinConfig(皮肤对象)</h4><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>darkTheme</td><td style="text-align:center;">是否为深色主题</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>followSystem</td><td style="text-align:center;">是否跟随系统</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>size</td><td style="text-align:center;">大小</td><td style="text-align:center;">enum</td><td style="text-align:center;">large | default | small</td><td style="text-align:center;">default</td></tr><tr><td>primaryColor</td><td style="text-align:center;">主题色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#646CFF’</td></tr><tr><td>successColor</td><td style="text-align:center;">成功色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#67c23a’</td></tr><tr><td>warningColor</td><td style="text-align:center;">警告色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#e6a23c’</td></tr><tr><td>dangerColor</td><td style="text-align:center;">危险色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#f56c6c’</td></tr><tr><td>infoColor</td><td style="text-align:center;">信息色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#909399’</td></tr></tbody></table><h3>3) 说明</h3><p>组件通过修改全局的css变量来实现的效果,故暗夜模式需手动在全局加css,具体见示例。组件一被引用,就会自动读取本地配置生效,无本地配置时,以默认值计算。</p><h3>4) Events</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th></tr></thead><tbody><tr><td>change</td><td style="text-align:center;">绑定值被改变时触发</td><td style="text-align:center;">SkinConfig</td></tr></tbody></table>',8),j={__name:"README",setup(s,{expose:e}){return e({frontmatter:{}}),(y,n)=>{const i=x("Preview");return g(),m("div",M,[T,A,l(i,{"comp-name":"SkinConfig","demo-name":"demo"},{default:a(()=>[l(R)]),_:1}),L])}}};export{j as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-select{width:240px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,r as d,a as _,o as n,c as s,b as l,w as y,F as u,e as v,t as f,_ as b,f as g}from"./index-B3d27dSP.js";const x={class:"g-demo-tab-page-box"},w=["type","data-key"],C=m({__name:"demo",setup(p){const e=d([]),i=d("0");e.value=[{key:"0",title:"要货需求列表",icon:"<i>111</i>"},{key:"1",title:"需求汇总",icon:"<i>222</i>"},{key:"2",title:"要货需求",icon:"<i>333</i>"},{key:"3",title:"需求汇总",icon:"<i>444</i>"},{key:"4",title:"要货需求"},{key:"5",title:"需求汇总"},{key:"6",title:"要货需求"},{key:"7",title:"需求汇总"},{key:"8",title:"要货需求"},{key:"9",title:"需求汇总"},{key:"10",title:"要货需求"},{key:"11",title:"要货需求"},{key:"12",title:"需求汇总"},{key:"13",title:"要货需求"}];const c=o=>{e.value=e.value.filter(a=>a.key!==o)},r=o=>{i.value=o};return(o,a)=>{const k=_("tab-page");return n(),s("div",x,[l(k,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=t=>e.value=t),activeKey:i.value,onClose:a[1]||(a[1]=t=>c(t[0])),onClick:r},{icon:y(()=>[(n(!0),s(u,null,v(e.value,t=>(n(),s("div",{key:t.key,type:t.icon,"data-key":t.key},f(t.icon),9,w))),128))]),_:1},8,["modelValue","activeKey"])])}}}),V=b(C,[["__scopeId","data-v-51dbdffd"]]),h={class:"markdown-body"},B=g("h1",null,"标签页组件",-1),K={__name:"README",setup(p,{expose:e}){return e({frontmatter:{}}),(c,r)=>{const o=_("Preview");return n(),s("div",h,[B,l(o,{"comp-name":"TabPage","demo-name":"demo"},{default:y(()=>[l(V)]),_:1})])}}};export{K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,r as p,a,o as l,c as n,b as o,w as i,F as g,e as v,_ as x,f as m,g as T}from"./index-B3d27dSP.js";const N={class:"g-box"},W=f({__name:"demo",setup(c){const e=p({}),r=p([{date:"2016-05-03",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-02",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"},{date:"2016-05-04",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-01",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"}]),s=[{label:"日期",prop:"date",minWidth:"172px"},{label:"名称",prop:"name",minWidth:"134px"},{label:"地址",children:[{label:"123",children:[{label:"222222222222",prop:"address",minWidth:"134px"},{label:"qqqqqq",prop:"address",minWidth:"134px"}]},{label:"2222",prop:"address",minWidth:"134px"}]},{label:"标签",prop:"tag",minWidth:"134px"}];return(h,d)=>{const _=a("MTableColumn"),b=a("el-table");return l(),n("div",N,[o(b,{data:r.value},{default:i(()=>[(l(),n(g,null,v(s,t=>o(_,{key:t.prop,prop:t.prop,label:t.label,minWidth:t.minWidth,filtersValue:e.value,"onUpdate:filtersValue":d[0]||(d[0]=u=>e.value=u),showOverflowTooltip:"",children:t.children||[]},null,8,["prop","label","minWidth","filtersValue","children"])),64))]),_:1},8,["data"])])}}}),C=x(W,[["__scopeId","data-v-90595454"]]),V={class:"markdown-body"},w=m("h1",null,"表格列组件",-1),A=m("h3",null,"1) 基础用法",-1),q=T('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>filtersValue</td><td>列筛选过滤条件</td><td>object</td><td>-</td><td>{ }</td></tr><tr><td>filters</td><td>表格筛选数据</td><td>string[],number[]</td><td>-</td><td>any[]</td></tr><tr><td>filterMethod</td><td>筛选方法</td><td>Function</td><td>-</td><td>() => void</td></tr><tr><td>children</td><td>多级表头 时使用传递对应数据进行循环</td><td>Table-column API[]</td><td>-</td><td>[]</td></tr><tr><td>其余参数</td><td>参考el官网的table</td><td>any</td><td>-</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table>',2),L={__name:"README",setup(c,{expose:e}){return e({frontmatter:{}}),(s,h)=>{const d=a("Preview");return l(),n("div",V,[w,A,o(d,{"comp-name":"MTableColumn","demo-name":"demo"},{default:i(()=>[o(C)]),_:1}),q])}}};export{L as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-m-inline-box[data-v-fb63e482]{max-width:1000px}
|
|
Binary file
|