bkui-vue 0.0.1-beta.22 → 0.0.1-beta.220
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/index.cjs.js +173 -0
- package/dist/index.esm.js +38141 -0
- package/dist/index.umd.js +173 -0
- package/dist/style.css +1 -5090
- package/dist/style.variable.css +1 -0
- package/lib/affix/affix.css +3 -0
- package/lib/affix/affix.d.ts +47 -0
- package/lib/affix/affix.less +5 -0
- package/lib/affix/affix.variable.css +122 -0
- package/lib/affix/index.d.ts +143 -0
- package/lib/affix/index.js +1 -0
- package/lib/alert/alert.css +5 -3
- package/lib/alert/alert.less +7 -3
- package/lib/alert/alert.variable.css +34 -6
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +1 -1
- package/lib/backtop/backtop.css +8 -0
- package/lib/backtop/backtop.d.ts +2 -2
- package/lib/backtop/backtop.less +8 -0
- package/lib/backtop/backtop.variable.css +37 -3
- package/lib/backtop/index.d.ts +7 -7
- package/lib/backtop/index.js +1 -1
- package/lib/badge/badge.css +5 -5
- package/lib/badge/badge.d.ts +28 -7
- package/lib/badge/badge.less +5 -6
- package/lib/badge/badge.variable.css +34 -8
- package/lib/badge/index.d.ts +68 -18
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/breadcrumb.css +51 -0
- package/lib/breadcrumb/breadcrumb.variable.css +80 -3
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/button.css +87 -49
- package/lib/button/button.d.ts +28 -7
- package/lib/button/button.less +74 -41
- package/lib/button/button.variable.css +116 -52
- package/lib/button/index.d.ts +45 -12
- package/lib/button/index.js +1 -1
- package/lib/card/card.css +96 -1
- package/lib/card/card.d.ts +47 -6
- package/lib/card/card.less +50 -2
- package/lib/card/card.variable.css +125 -4
- package/lib/card/index.d.ts +113 -17
- package/lib/card/index.js +1 -1
- package/lib/cascader/cascader-panel.d.ts +100 -0
- package/lib/cascader/cascader.css +173 -0
- package/lib/cascader/cascader.d.ts +303 -0
- package/lib/cascader/cascader.less +196 -0
- package/lib/cascader/cascader.variable.css +292 -0
- package/lib/cascader/index.d.ts +868 -0
- package/lib/cascader/index.js +1 -0
- package/lib/cascader/interface.d.ts +51 -0
- package/lib/cascader/node.d.ts +31 -0
- package/lib/cascader/store.d.ts +23 -0
- package/lib/checkbox/checkbox-group.d.ts +16 -0
- package/lib/checkbox/checkbox.css +38 -6
- package/lib/checkbox/checkbox.d.ts +16 -14
- package/lib/checkbox/checkbox.less +48 -6
- package/lib/checkbox/checkbox.variable.css +67 -9
- package/lib/checkbox/common.d.ts +3 -3
- package/lib/checkbox/index.d.ts +40 -23
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/type.d.ts +3 -7
- package/lib/code-diff/code-diff.css +73 -1
- package/lib/code-diff/code-diff.d.ts +10 -1
- package/lib/code-diff/code-diff.less +95 -1
- package/lib/code-diff/code-diff.variable.css +102 -4
- package/lib/code-diff/index.d.ts +151 -3
- package/lib/code-diff/index.js +1 -0
- package/lib/collapse/collapse-panel.d.ts +72 -0
- package/lib/collapse/collapse.css +28 -12
- package/lib/collapse/collapse.d.ts +11 -52
- package/lib/collapse/collapse.less +54 -29
- package/lib/collapse/collapse.variable.css +147 -12
- package/lib/collapse/index.d.ts +113 -16
- package/lib/collapse/index.js +1 -1
- package/lib/collapse/props.d.ts +121 -0
- package/lib/collapse/utils.d.ts +11 -0
- package/lib/color-picker/color-picker.css +275 -0
- package/lib/color-picker/color-picker.d.ts +144 -0
- package/lib/color-picker/color-picker.less +325 -0
- package/lib/color-picker/color-picker.variable.css +394 -0
- package/lib/color-picker/components/color-input.d.ts +42 -0
- package/lib/color-picker/components/hue-slider.d.ts +41 -0
- package/lib/color-picker/components/input-container.d.ts +42 -0
- package/lib/color-picker/components/recommend-colors.d.ts +51 -0
- package/lib/color-picker/components/saturation-panel.d.ts +41 -0
- package/lib/color-picker/index.d.ts +254 -0
- package/lib/color-picker/index.js +1 -0
- package/lib/color-picker/utils.d.ts +37 -0
- package/lib/components.d.ts +28 -7
- package/lib/components.js +1 -0
- package/lib/container/col.d.ts +51 -0
- package/lib/container/container.css +91 -0
- package/lib/container/container.d.ts +83 -0
- package/lib/container/container.less +20 -0
- package/lib/container/container.variable.css +210 -0
- package/lib/container/index.d.ts +223 -0
- package/lib/container/index.js +1 -0
- package/lib/container/row.d.ts +4 -0
- package/lib/date-picker/base/confirm.d.ts +74 -0
- package/lib/date-picker/base/date-table.d.ts +102 -0
- package/lib/date-picker/base/picker-dropdown.d.ts +73 -0
- package/lib/date-picker/base/time-spinner.d.ts +153 -0
- package/lib/date-picker/date-picker.css +23 -2
- package/lib/date-picker/date-picker.d.ts +39 -12
- package/lib/date-picker/date-picker.less +29 -2
- package/lib/date-picker/date-picker.variable.css +52 -5
- package/lib/date-picker/index.d.ts +95 -34
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +11 -1
- package/lib/date-picker/panel/date-range.d.ts +308 -0
- package/lib/date-picker/panel/date.d.ts +206 -0
- package/lib/date-picker/panel/time-range.d.ts +489 -0
- package/lib/date-picker/panel/time.d.ts +448 -0
- package/lib/date-picker/props.d.ts +54 -4
- package/lib/date-picker/time-picker.d.ts +381 -0
- package/lib/date-picker/utils.d.ts +22 -1
- package/lib/dialog/dialog.css +132 -22
- package/lib/dialog/dialog.d.ts +272 -56
- package/lib/dialog/dialog.less +77 -23
- package/lib/dialog/dialog.variable.css +132 -22
- package/lib/dialog/index.d.ts +598 -124
- package/lib/dialog/index.js +1 -1
- package/lib/dialog/props.d.ts +138 -0
- package/lib/directives/ellipsis.d.ts +7 -0
- package/lib/directives/index.d.ts +1 -0
- package/lib/directives/index.js +2 -15
- package/lib/directives/index.js.LICENSE.txt +14 -0
- package/lib/directives/tooltips.d.ts +1 -1
- package/lib/dist.index.js +1 -0
- package/lib/divider/divider.d.ts +1 -1
- package/lib/divider/divider.variable.css +29 -3
- package/lib/divider/index.d.ts +4 -4
- package/lib/divider/index.js +1 -1
- package/lib/divider/props.d.ts +21 -0
- package/lib/dropdown/const.d.ts +4 -0
- package/lib/dropdown/dropdown.css +13 -7
- package/lib/dropdown/dropdown.d.ts +34 -3
- package/lib/dropdown/dropdown.less +47 -34
- package/lib/dropdown/dropdown.variable.css +42 -10
- package/lib/dropdown/index.d.ts +72 -11
- package/lib/dropdown/index.js +1 -1
- package/lib/exception/exception.css +40 -14
- package/lib/exception/exception.d.ts +10 -3
- package/lib/exception/exception.less +59 -22
- package/lib/exception/exception.variable.css +69 -17
- package/lib/exception/index.d.ts +23 -8
- package/lib/exception/index.js +1 -1
- package/lib/exception/typings/index.d.ts +4 -0
- package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
- package/lib/fixed-navbar/fixed-navbar.variable.css +29 -3
- package/lib/fixed-navbar/index.d.ts +40 -5
- package/lib/fixed-navbar/index.js +1 -1
- package/lib/form/compose-form-item.d.ts +16 -0
- package/lib/form/form-item.d.ts +21 -24
- package/lib/form/form.css +103 -10
- package/lib/form/form.d.ts +37 -40
- package/lib/form/form.less +146 -34
- package/lib/form/form.variable.css +222 -10
- package/lib/form/index.d.ts +103 -85
- package/lib/form/index.js +1 -1
- package/lib/form/type.d.ts +8 -6
- package/lib/form/validator.d.ts +1 -0
- package/lib/icon/angle-double-down-line.js +1 -15
- package/lib/icon/angle-double-left-line.js +1 -15
- package/lib/icon/angle-double-left.js +1 -15
- package/lib/icon/angle-double-right-line.js +1 -15
- package/lib/icon/angle-double-right.js +1 -15
- package/lib/icon/angle-double-up-line.js +1 -15
- package/lib/icon/angle-down-fill.js +1 -15
- package/lib/icon/angle-down-line.js +1 -15
- package/lib/icon/angle-down.js +1 -15
- package/lib/icon/angle-left.js +1 -15
- package/lib/icon/angle-right.js +1 -15
- package/lib/icon/angle-up-fill.js +1 -15
- package/lib/icon/angle-up.js +1 -15
- package/lib/icon/archive-fill.d.ts +4 -0
- package/lib/icon/archive-fill.js +1 -0
- package/lib/icon/arrows-left.js +1 -15
- package/lib/icon/arrows-right.js +1 -15
- package/lib/icon/audio-fill.d.ts +4 -0
- package/lib/icon/audio-fill.js +1 -0
- package/lib/icon/bk.js +1 -15
- package/lib/icon/circle.js +1 -15
- package/lib/icon/close-line.d.ts +4 -0
- package/lib/icon/close-line.js +1 -0
- package/lib/icon/close.js +1 -15
- package/lib/icon/code.js +1 -15
- package/lib/icon/cog-shape.js +1 -15
- package/lib/icon/collapse-left.js +1 -15
- package/lib/icon/copy.js +1 -15
- package/lib/icon/data-shape.d.ts +4 -0
- package/lib/icon/data-shape.js +1 -0
- package/lib/icon/del.d.ts +4 -0
- package/lib/icon/del.js +1 -0
- package/lib/icon/doc-fill.d.ts +4 -0
- package/lib/icon/doc-fill.js +1 -0
- package/lib/icon/done.js +1 -15
- package/lib/icon/down-shape.js +1 -15
- package/lib/icon/down-small.js +1 -15
- package/lib/icon/edit-line.d.ts +4 -0
- package/lib/icon/edit-line.js +1 -0
- package/lib/icon/ellipsis.js +1 -15
- package/lib/icon/enlarge-line.d.ts +4 -0
- package/lib/icon/enlarge-line.js +1 -0
- package/lib/icon/error.js +1 -15
- package/lib/icon/excel-fill.d.ts +4 -0
- package/lib/icon/excel-fill.js +1 -0
- package/lib/icon/exclamation-circle-shape.d.ts +4 -0
- package/lib/icon/exclamation-circle-shape.js +1 -0
- package/lib/icon/eye.js +1 -15
- package/lib/icon/filliscreen-line.d.ts +4 -0
- package/lib/icon/filliscreen-line.js +1 -0
- package/lib/icon/folder-open.js +1 -15
- package/lib/icon/folder-shape-open.js +1 -15
- package/lib/icon/folder-shape.js +1 -15
- package/lib/icon/folder.js +1 -15
- package/lib/icon/funnel.d.ts +4 -0
- package/lib/icon/funnel.js +1 -0
- package/lib/icon/help-document-fill.js +1 -15
- package/lib/icon/help-fill.js +1 -15
- package/lib/icon/help.js +1 -15
- package/lib/icon/image-fill.d.ts +4 -0
- package/lib/icon/img-error.d.ts +4 -0
- package/lib/icon/img-error.js +1 -0
- package/lib/icon/img-placehoulder.d.ts +4 -0
- package/lib/icon/img-placehoulder.js +1 -0
- package/lib/icon/index.d.ts +26 -1
- package/lib/icon/index.js +1 -15
- package/lib/icon/info-line.js +1 -15
- package/lib/icon/info.js +1 -15
- package/lib/icon/left-shape.js +1 -15
- package/lib/icon/left-turn-line.d.ts +4 -0
- package/lib/icon/left-turn-line.js +1 -0
- package/lib/icon/narrow-line.d.ts +4 -0
- package/lib/icon/narrow-line.js +1 -0
- package/lib/icon/original .d.ts +4 -0
- package/lib/icon/original .js +1 -0
- package/lib/icon/pdf-fill.d.ts +4 -0
- package/lib/icon/pdf-fill.js +1 -0
- package/lib/icon/play-shape.js +1 -15
- package/lib/icon/plus.js +1 -15
- package/lib/icon/ppt-fill.d.ts +4 -0
- package/lib/icon/ppt-fill.js +1 -0
- package/lib/icon/qq.js +1 -15
- package/lib/icon/right-shape.js +1 -15
- package/lib/icon/right-turn-line.d.ts +4 -0
- package/lib/icon/right-turn-line.js +1 -0
- package/lib/icon/search.js +1 -15
- package/lib/icon/share.js +1 -15
- package/lib/icon/spinner.js +1 -15
- package/lib/icon/success.js +1 -15
- package/lib/icon/switcher-loading.js +1 -15
- package/lib/icon/text-file.js +1 -15
- package/lib/icon/text-fill.d.ts +4 -0
- package/lib/icon/text-fill.js +1 -0
- package/lib/icon/tree-application-shape.js +1 -15
- package/lib/icon/unfull-screen.d.ts +4 -0
- package/lib/icon/unfull-screen.js +1 -0
- package/lib/icon/unvisible.js +1 -15
- package/lib/icon/up-shape.js +1 -15
- package/lib/icon/upload.d.ts +4 -0
- package/lib/icon/upload.js +1 -0
- package/lib/icon/video-fill.d.ts +4 -0
- package/lib/icon/video-fill.js +1 -0
- package/lib/icon/warn.js +1 -15
- package/lib/icon/weixin.js +1 -15
- package/lib/image/image-viewer.css +142 -0
- package/lib/image/image-viewer.d.ts +73 -0
- package/lib/image/image-viewer.less +168 -0
- package/lib/image/image-viewer.variable.css +142 -0
- package/lib/image/image.css +37 -0
- package/lib/image/image.d.ts +93 -0
- package/lib/image/image.less +44 -0
- package/lib/image/image.variable.css +37 -0
- package/lib/image/index.d.ts +246 -0
- package/lib/image/index.js +1 -0
- package/lib/image/props.d.ts +71 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -0
- package/lib/info-box/index.css +37 -0
- package/lib/info-box/index.d.ts +26 -0
- package/lib/info-box/index.js +1 -0
- package/lib/info-box/index.less +50 -0
- package/lib/info-box/index.variable.css +37 -0
- package/lib/input/index.d.ts +174 -63
- package/lib/input/index.js +1 -15
- package/lib/input/input.css +216 -18
- package/lib/input/input.d.ts +117 -17
- package/lib/input/input.less +157 -17
- package/lib/input/input.variable.css +242 -17
- package/lib/link/index.d.ts +4 -4
- package/lib/link/index.js +1 -1
- package/lib/link/link.css +12 -12
- package/lib/link/link.d.ts +1 -1
- package/lib/link/link.less +16 -14
- package/lib/link/link.variable.css +41 -15
- package/lib/loading/index.d.ts +108 -14
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +83 -31
- package/lib/loading/loading.d.ts +74 -5
- package/lib/loading/loading.less +28 -30
- package/lib/loading/loading.variable.css +112 -34
- package/lib/menu/index.d.ts +16 -24
- package/lib/menu/index.js +1 -1
- package/lib/menu/menu.css +51 -0
- package/lib/menu/menu.d.ts +7 -16
- package/lib/menu/menu.variable.css +80 -3
- package/lib/menu/submenu.variable.css +29 -3
- package/lib/menu/utils.d.ts +1 -1
- package/lib/message/index.js +1 -1
- package/lib/message/message.css +24 -3
- package/lib/message/message.less +27 -2
- package/lib/message/message.variable.css +53 -6
- package/lib/message/messageConstructor.d.ts +43 -7
- package/lib/modal/index.d.ts +505 -75
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.css +63 -1
- package/lib/modal/modal.d.ts +193 -29
- package/lib/modal/modal.less +36 -1
- package/lib/modal/modal.variable.css +63 -1
- package/lib/modal/props.mixin.d.ts +82 -13
- package/lib/navigation/index.d.ts +310 -1
- package/lib/navigation/index.js +1 -1
- package/lib/navigation/navigation.css +1 -1
- package/lib/navigation/navigation.d.ts +10 -1
- package/lib/navigation/navigation.less +1 -1
- package/lib/navigation/navigation.variable.css +30 -4
- package/lib/notify/index.js +1 -1
- package/lib/notify/notify.css +24 -4
- package/lib/notify/notify.less +27 -4
- package/lib/notify/notify.variable.css +53 -7
- package/lib/notify/notifyConstructor.d.ts +50 -6
- package/lib/pagination/index.d.ts +35 -20
- package/lib/pagination/index.js +1 -1
- package/lib/pagination/pagination.css +54 -28
- package/lib/pagination/pagination.d.ts +16 -6
- package/lib/pagination/pagination.less +58 -31
- package/lib/pagination/pagination.variable.css +83 -31
- package/lib/pagination/type.d.ts +1 -1
- package/lib/plugin-popover/index.d.ts +27 -0
- package/lib/plugin-popover/index.js +1 -0
- package/lib/plugins/index.d.ts +1 -0
- package/lib/plugins/index.js +1 -0
- package/lib/popover/index.d.ts +146 -21
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.css +3 -0
- package/lib/popover/popover.d.ts +67 -8
- package/lib/popover/popover.less +2 -0
- package/lib/popover/popover.variable.css +32 -3
- package/lib/popover/props.d.ts +34 -2
- package/lib/popover2/arrow.d.ts +2 -0
- package/lib/popover2/const.d.ts +16 -0
- package/lib/popover2/content.d.ts +24 -0
- package/lib/popover2/index.d.ts +545 -0
- package/lib/popover2/index.js +1 -0
- package/lib/popover2/plugin-popover.d.ts +12 -0
- package/lib/popover2/popover2.css +25 -0
- package/lib/popover2/popover2.d.ts +228 -0
- package/lib/popover2/popover2.less +35 -0
- package/lib/popover2/popover2.variable.css +144 -0
- package/lib/popover2/props.d.ts +118 -0
- package/lib/popover2/reference.d.ts +2 -0
- package/lib/popover2/root.d.ts +16 -0
- package/lib/popover2/use-floating.d.ts +31 -0
- package/lib/popover2/use-platform.d.ts +30 -0
- package/lib/popover2/use-popover-init.d.ts +22 -0
- package/lib/popover2/use-popper-id.d.ts +6 -0
- package/lib/popover2/utils.d.ts +2 -0
- package/lib/preset.js +1 -0
- package/lib/process/index.d.ts +9 -9
- package/lib/process/index.js +1 -15
- package/lib/process/process.css +13 -0
- package/lib/process/process.d.ts +2 -2
- package/lib/process/process.less +17 -0
- package/lib/process/process.variable.css +42 -3
- package/lib/progress/index.d.ts +7 -7
- package/lib/progress/index.js +1 -1
- package/lib/progress/progress.css +51 -0
- package/lib/progress/progress.d.ts +2 -2
- package/lib/progress/progress.variable.css +80 -3
- package/lib/radio/common.d.ts +5 -5
- package/lib/radio/index.d.ts +30 -19
- package/lib/radio/index.js +1 -1
- package/lib/radio/radio-button.d.ts +7 -8
- package/lib/radio/radio-group.d.ts +16 -0
- package/lib/radio/radio.css +61 -56
- package/lib/radio/radio.d.ts +4 -4
- package/lib/radio/radio.less +181 -172
- package/lib/radio/radio.variable.css +93 -62
- package/lib/radio/type.d.ts +10 -5
- package/lib/rate/index.d.ts +24 -1
- package/lib/rate/index.js +1 -1
- package/lib/rate/rate.d.ts +11 -0
- package/lib/rate/star.d.ts +1 -1
- package/lib/resize-layout/index.d.ts +336 -0
- package/lib/resize-layout/index.js +1 -0
- package/lib/resize-layout/resize-layout.css +177 -0
- package/lib/resize-layout/resize-layout.d.ts +127 -0
- package/lib/resize-layout/resize-layout.less +217 -0
- package/lib/resize-layout/resize-layout.variable.css +296 -0
- package/lib/search-select/index.d.ts +681 -0
- package/lib/search-select/index.js +1 -0
- package/lib/search-select/input.d.ts +85 -0
- package/lib/search-select/menu.d.ts +83 -0
- package/lib/search-select/search-select.css +423 -0
- package/lib/search-select/search-select.d.ts +273 -0
- package/lib/search-select/search-select.less +375 -0
- package/lib/search-select/search-select.variable.css +542 -0
- package/lib/search-select/selected.d.ts +137 -0
- package/lib/search-select/utils.d.ts +79 -0
- package/lib/select/common.d.ts +20 -31
- package/lib/select/index.d.ts +1419 -451
- package/lib/select/index.js +1 -15
- package/lib/select/option.d.ts +16 -4
- package/lib/select/optionGroup.d.ts +1 -77
- package/lib/select/select.css +265 -80
- package/lib/select/select.d.ts +552 -126
- package/lib/select/select.less +366 -185
- package/lib/select/select.variable.css +295 -84
- package/lib/select/selectTagInput.d.ts +93 -0
- package/lib/select/type.d.ts +39 -0
- package/lib/shared/dom.d.ts +3 -0
- package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -1
- package/lib/shared/hooks/use-form-item.d.ts +2 -0
- package/lib/shared/hooks/use-form.d.ts +2 -0
- package/lib/shared/index.d.ts +17 -4
- package/lib/shared/index.js +1 -1
- package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +6 -2
- package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +8 -4
- package/lib/shared/{bk-popover.d.ts → popover.d.ts} +7 -3
- package/lib/shared/token.d.ts +4 -0
- package/lib/shared/utils.d.ts +13 -0
- package/lib/shared/vue-types.d.ts +5 -1
- package/lib/sideslider/index.d.ts +388 -73
- package/lib/sideslider/index.js +1 -1
- package/lib/sideslider/sideslider.css +55 -10
- package/lib/sideslider/sideslider.d.ts +180 -32
- package/lib/sideslider/sideslider.less +72 -13
- package/lib/sideslider/sideslider.variable.css +84 -13
- package/lib/slider/index.d.ts +414 -1
- package/lib/slider/index.js +1 -15
- package/lib/slider/slider-button.d.ts +5 -0
- package/lib/slider/slider.d.ts +14 -2
- package/lib/slider/slider.variable.css +29 -3
- package/lib/steps/index.d.ts +4 -4
- package/lib/steps/index.js +1 -15
- package/lib/steps/steps.css +14 -3
- package/lib/steps/steps.d.ts +1 -1
- package/lib/steps/steps.less +23 -3
- package/lib/steps/steps.variable.css +43 -6
- package/lib/styles/index.d.ts +12 -0
- package/lib/styles/mixins/clearfix.css +8 -0
- package/lib/styles/mixins/clearfix.less +10 -0
- package/lib/styles/mixins/clearfix.variable.css +8 -0
- package/lib/styles/mixins/mixins.css +51 -0
- package/lib/styles/mixins/mixins.less +2 -0
- package/lib/styles/mixins/mixins.variable.css +51 -0
- package/lib/styles/mixins/scroll.css +17 -0
- package/lib/styles/mixins/scroll.less +22 -0
- package/lib/styles/mixins/scroll.variable.css +136 -0
- package/lib/styles/reset.css +36 -0
- package/lib/styles/reset.less +26 -0
- package/lib/styles/reset.variable.css +36 -0
- package/lib/styles/themes/themes.less +38 -3
- package/lib/swiper/index.d.ts +181 -0
- package/lib/swiper/index.js +1 -0
- package/lib/swiper/swiper.css +91 -0
- package/lib/swiper/swiper.d.ts +65 -0
- package/lib/swiper/swiper.less +107 -0
- package/lib/swiper/swiper.variable.css +91 -0
- package/lib/switcher/index.d.ts +34 -11
- package/lib/switcher/index.js +1 -1
- package/lib/switcher/switcher.css +57 -6
- package/lib/switcher/switcher.d.ts +15 -4
- package/lib/switcher/switcher.less +5 -26
- package/lib/switcher/switcher.variable.css +86 -9
- package/lib/tab/index.d.ts +107 -219
- package/lib/tab/index.js +1 -1
- package/lib/tab/props.d.ts +194 -0
- package/lib/tab/tab-nav.d.ts +66 -87
- package/lib/tab/tab-panel.d.ts +40 -15
- package/lib/tab/tab.css +25 -1
- package/lib/tab/tab.d.ts +17 -41
- package/lib/tab/tab.less +31 -19
- package/lib/tab/tab.variable.css +54 -4
- package/lib/table/components/index.d.ts +3 -0
- package/lib/table/components/table-cell.d.ts +27 -0
- package/lib/table/components/table-column.d.ts +142 -0
- package/lib/table/components/table-row.d.ts +2 -0
- package/lib/table/const.d.ts +103 -1
- package/lib/table/index.d.ts +776 -22
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/body-empty.d.ts +40 -0
- package/lib/table/plugins/col-group.d.ts +38 -0
- package/lib/table/plugins/common.d.ts +6 -0
- package/lib/table/plugins/head-filter.css +71 -0
- package/lib/table/plugins/head-filter.d.ts +26 -0
- package/lib/table/plugins/head-filter.less +92 -0
- package/lib/table/plugins/head-filter.variable.css +190 -0
- package/lib/table/plugins/head-sort.css +25 -0
- package/lib/table/plugins/head-sort.d.ts +22 -0
- package/lib/table/plugins/head-sort.less +31 -0
- package/lib/table/plugins/head-sort.variable.css +144 -0
- package/lib/table/plugins/index.d.ts +5 -0
- package/lib/table/plugins/settings.css +129 -0
- package/lib/table/plugins/settings.d.ts +37 -0
- package/lib/table/plugins/settings.less +157 -0
- package/lib/table/plugins/settings.variable.css +248 -0
- package/lib/table/plugins/use-active-columns.d.ts +16 -0
- package/lib/table/plugins/use-column-resize.d.ts +15 -0
- package/lib/table/plugins/use-fixed-column.d.ts +12 -0
- package/lib/table/plugins/use-pagination.d.ts +16 -0
- package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
- package/lib/table/props.d.ts +280 -5
- package/lib/table/render.d.ts +54 -7
- package/lib/table/table.css +1134 -16
- package/lib/table/table.d.ts +193 -10
- package/lib/table/table.less +228 -25
- package/lib/table/table.variable.css +1174 -30
- package/lib/table/use-column.d.ts +11 -0
- package/lib/table/use-common.d.ts +96 -0
- package/lib/table/utils.d.ts +65 -9
- package/lib/table-column/index.d.ts +336 -0
- package/lib/table-column/index.js +1 -0
- package/lib/tag/index.d.ts +4 -4
- package/lib/tag/index.js +1 -1
- package/lib/tag/tag.css +57 -18
- package/lib/tag/tag.d.ts +1 -1
- package/lib/tag/tag.less +58 -15
- package/lib/tag/tag.variable.css +86 -21
- package/lib/tag-input/common.d.ts +27 -0
- package/lib/tag-input/index.d.ts +1182 -0
- package/lib/tag-input/index.js +1 -0
- package/lib/tag-input/list-tag-render.d.ts +44 -0
- package/lib/tag-input/tag-input.css +209 -0
- package/lib/tag-input/tag-input.d.ts +524 -0
- package/lib/tag-input/tag-input.less +251 -0
- package/lib/tag-input/tag-input.variable.css +328 -0
- package/lib/tag-input/tag-props.d.ts +212 -0
- package/lib/tag-input/tag-render.d.ts +35 -0
- package/lib/time-picker/index.d.ts +904 -0
- package/lib/time-picker/index.js +1 -0
- package/lib/time-picker/time-picker.css +215 -0
- package/lib/time-picker/time-picker.less +260 -0
- package/lib/time-picker/time-picker.variable.css +334 -0
- package/lib/timeline/index.d.ts +6 -6
- package/lib/timeline/index.js +1 -1
- package/lib/timeline/timeline.css +5 -5
- package/lib/timeline/timeline.d.ts +1 -1
- package/lib/timeline/timeline.less +6 -5
- package/lib/timeline/timeline.variable.css +34 -8
- package/lib/transfer/const.d.ts +5 -0
- package/lib/transfer/index.d.ts +339 -1
- package/lib/transfer/index.js +1 -1
- package/lib/transfer/props.d.ts +54 -0
- package/lib/transfer/transfer.css +45 -64
- package/lib/transfer/transfer.d.ts +70 -95
- package/lib/transfer/transfer.less +54 -81
- package/lib/transfer/transfer.variable.css +74 -67
- package/lib/tree/constant.d.ts +45 -0
- package/lib/tree/index.d.ts +296 -48
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +95 -0
- package/lib/tree/tree.css +169 -6
- package/lib/tree/tree.d.ts +139 -23
- package/lib/tree/tree.less +57 -10
- package/lib/tree/tree.variable.css +288 -6
- package/lib/tree/use-empty.d.ts +6 -0
- package/lib/tree/use-node-action.d.ts +12 -0
- package/lib/tree/use-node-async.d.ts +5 -0
- package/lib/tree/use-node-attribute.d.ts +33 -0
- package/lib/tree/use-node-drag.d.ts +3 -0
- package/lib/tree/use-search.d.ts +11 -0
- package/lib/tree/use-tree-init.d.ts +15 -0
- package/lib/tree/util.d.ts +3 -7
- package/lib/upload/index.d.ts +566 -0
- package/lib/upload/index.js +1 -0
- package/lib/upload/props.d.ts +111 -0
- package/lib/upload/upload-list.d.ts +47 -0
- package/lib/upload/upload-trigger.d.ts +51 -0
- package/lib/upload/upload.css +425 -0
- package/lib/upload/upload.d.ts +246 -0
- package/lib/upload/upload.less +464 -0
- package/lib/upload/upload.type.d.ts +78 -0
- package/lib/upload/upload.variable.css +544 -0
- package/lib/upload/use-ajax-upload.d.ts +3 -0
- package/lib/upload/use-file-handler.d.ts +44 -0
- package/lib/virtual-render/index.d.ts +24 -1
- package/lib/virtual-render/index.js +1 -1
- package/lib/virtual-render/props.d.ts +10 -0
- package/lib/virtual-render/use-tag-render.d.ts +7 -0
- package/lib/virtual-render/v-virtual-render.d.ts +0 -1
- package/lib/virtual-render/virtual-render.css +17 -24
- package/lib/virtual-render/virtual-render.d.ts +13 -2
- package/lib/virtual-render/virtual-render.less +2 -31
- package/lib/virtual-render/virtual-render.variable.css +136 -24
- package/lib/volar.components.d.ts +101 -0
- package/package.json +69 -54
- package/README_EN.md +0 -93
- package/dist/bkui-vue.cjs.js +0 -13557
- package/dist/bkui-vue.esm.js +0 -13506
- package/dist/bkui-vue.umd.js +0 -13560
- package/lib/form/common.d.ts +0 -3
- package/lib/icon/icon.js +0 -15
- package/lib/styles/index.js +0 -1
- package/lib/use-form.d.ts +0 -3
@@ -0,0 +1,248 @@
|
|
1
|
+
:root {
|
2
|
+
--bk-prefix: bk;
|
3
|
+
--popover-max-height: 216px;
|
4
|
+
--primary-color: #3a84ff;
|
5
|
+
--success-color: #2dcb56;
|
6
|
+
--warning-color: #ff9c01;
|
7
|
+
--danger-color: #ea3636;
|
8
|
+
--default-color: #63656e;
|
9
|
+
--gray-color: #979ba5;
|
10
|
+
--light-gray: #c4c6cc;
|
11
|
+
--white-color: white;
|
12
|
+
--whitesmoke-color: #fafbfd;
|
13
|
+
--disable-color: #dcdee5;
|
14
|
+
--font-size-base: 12px;
|
15
|
+
--font-size-medium: 14px;
|
16
|
+
--font-size-large: 16px;
|
17
|
+
--line-height-base: 16px;
|
18
|
+
--line-height-medium: 16px;
|
19
|
+
--line-height-large: 18px;
|
20
|
+
--component-size-small: 26px;
|
21
|
+
--component-size-base: 32px;
|
22
|
+
--component-size-large: 40px;
|
23
|
+
--border-width-base: 1px;
|
24
|
+
--border-style-base: solid;
|
25
|
+
--border-radius-base: 2px;
|
26
|
+
--border-style-color: var(--light-gray);
|
27
|
+
--input-disabled-bg: #fafbfd;
|
28
|
+
--input-disabled-border: var(--disable-color);
|
29
|
+
--input-height-base: var(--component-size-base);
|
30
|
+
--input-color: var(--default-color);
|
31
|
+
--input-bg: white;
|
32
|
+
--input-border-color: var(--light-gray);
|
33
|
+
--input-broder-radius: 3px;
|
34
|
+
--input-shadow-color: #a3c5fd;
|
35
|
+
--input-horizontal-padding: 10px;
|
36
|
+
--input-block-color: #f5f7fa;
|
37
|
+
--input-block-hover-color: #eaebf0;
|
38
|
+
--input-icon-size: var(--font-size-medium);
|
39
|
+
--input-maxlength-color: #979ba5;
|
40
|
+
--button-primary-hover-color: #5594fa;
|
41
|
+
--button-danger-hover-color: #ff5656;
|
42
|
+
--button-success-hover-color: #45e35f;
|
43
|
+
--button-warning-hover-color: #ffb848;
|
44
|
+
--button-default-hover-border-color: #979ba5;
|
45
|
+
--button-primary-active-color: #2c77f4;
|
46
|
+
--button-danger-active-color: #db2626;
|
47
|
+
--button-success-active-color: #1ab943;
|
48
|
+
--button-warning-active-color: #eb9000;
|
49
|
+
--button-selected-bg-color: #e1ecff;
|
50
|
+
--button-disabled-selected-bg-color: #f0f1f5;
|
51
|
+
--radio-font-color: #63656e;
|
52
|
+
--radio-active-color: #5594fa;
|
53
|
+
--radio-hover-border-color: #979ba5;
|
54
|
+
--radio-disabled-border: #dcdee5;
|
55
|
+
--radio-disabled-font-color: #c4c6cc;
|
56
|
+
--radio-distable-checked-bg: #fafbfd;
|
57
|
+
--radio-button-checked-bg: #e1ecff;
|
58
|
+
--fixed-navbar-background: #fff;
|
59
|
+
--fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
|
60
|
+
--switch-default-color: #fff;
|
61
|
+
--switch-grey-color: #c4c6cc;
|
62
|
+
--breadcrumb-black-color: #979ba5;
|
63
|
+
--breadcrumb-primary-hover-color: #0082ff;
|
64
|
+
--breadcrumb-fn-main-color: #63656e;
|
65
|
+
--link-default-hover-color: #979ba5;
|
66
|
+
--link-primary-hover-color: #699df4;
|
67
|
+
--link-success-hover-color: #45e35f;
|
68
|
+
--link-warning-hover-color: #ffb848;
|
69
|
+
--link-danger-hover-color: #ff5656;
|
70
|
+
--link-default-disabled-color: #dcdee5;
|
71
|
+
--link-primary-disabled-color: #a3c5fd;
|
72
|
+
--link-success-disabled-color: #94f5a4;
|
73
|
+
--link-warning-disabled-color: #ffd695;
|
74
|
+
--link-danger-disabled-color: #fd9c9c;
|
75
|
+
--message-color: var(--default-color);
|
76
|
+
--message-primary-bg-color: #f0f8ff;
|
77
|
+
--message-primary-border-color: #e1ecff;
|
78
|
+
--message-primary-shadow-color: #e1e8f4;
|
79
|
+
--message-warning-bg-color: #fff4e2;
|
80
|
+
--message-warning-border-color: #ffe8c3;
|
81
|
+
--message-warning-shadow-color: #ede6db;
|
82
|
+
--message-success-bg-color: #f2fff4;
|
83
|
+
--message-success-border-color: #dcffe2;
|
84
|
+
--message-success-shadow-color: #cef0d7;
|
85
|
+
--message-danger-bg-color: #ffeded;
|
86
|
+
--message-danger-border-color: #ffdddd;
|
87
|
+
--message-danger-shadow-color: #f6dada;
|
88
|
+
--slider-default-bg: #dcdee5;
|
89
|
+
--slider-disable-bar-bg: #979ba5;
|
90
|
+
--menu-bg-color: #182132;
|
91
|
+
--submenu-bg-color: #151d2c;
|
92
|
+
--menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
93
|
+
--menu-color: #96a2b9;
|
94
|
+
--menu-group-color: var(--default-color);
|
95
|
+
--menu-width: 260px;
|
96
|
+
--menu-collapse-width: 60px;
|
97
|
+
--menu-active-color: white;
|
98
|
+
--nav-header-bg-color: #182132;
|
99
|
+
--nav-bg-color: #182132;
|
100
|
+
--date-picker-disabled-bg: #fafbfd;
|
101
|
+
--date-picker-dropdown-mb: 4px;
|
102
|
+
--date-picker-dropdown-bg: #fff;
|
103
|
+
--table-bg-color: var(--white-color);
|
104
|
+
--table-border-color: #dcdee5;
|
105
|
+
--table-head-bg-color: #fafbfd;
|
106
|
+
--table-head-font-color: #313238;
|
107
|
+
--table-body-font-color: #575961;
|
108
|
+
--table-row-hover-bg-color: #f5f7fa;
|
109
|
+
--table-row-active-bg-color: #f0f1f5;
|
110
|
+
--cascader-panel-border-color: #dcdee5;
|
111
|
+
--cascader-panel-hover: #f5f7fa;
|
112
|
+
--cascader-panel-active: #e1ecff;
|
113
|
+
--cascader-panel-disabled-bg: #fff;
|
114
|
+
--search-select-focus-border-color: var(--primary-color);
|
115
|
+
--search-select-focus-color: #3c96ff;
|
116
|
+
--search-select-font-color: var(--default-color);
|
117
|
+
--search-select-placeholder-color: var(--light-gray);
|
118
|
+
--search-select-message-color: var(--danger-color);
|
119
|
+
}
|
120
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] {
|
121
|
+
padding: 0;
|
122
|
+
}
|
123
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
|
124
|
+
width: 515px;
|
125
|
+
border: 1px solid #dcdee5;
|
126
|
+
border-radius: 2px;
|
127
|
+
opacity: 1;
|
128
|
+
}
|
129
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
|
130
|
+
position: relative;
|
131
|
+
display: flex;
|
132
|
+
padding: 0 24px;
|
133
|
+
margin: 0;
|
134
|
+
font-size: 16px;
|
135
|
+
font-weight: 400;
|
136
|
+
line-height: 32px;
|
137
|
+
color: #313238;
|
138
|
+
}
|
139
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
|
140
|
+
position: absolute;
|
141
|
+
top: 10px;
|
142
|
+
right: 15px;
|
143
|
+
cursor: pointer;
|
144
|
+
}
|
145
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
|
146
|
+
display: inline-block;
|
147
|
+
height: 26px;
|
148
|
+
margin: 24px 0;
|
149
|
+
font-size: 20px;
|
150
|
+
line-height: 26px;
|
151
|
+
color: #313238;
|
152
|
+
}
|
153
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
|
154
|
+
padding: 0 24px;
|
155
|
+
}
|
156
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
|
157
|
+
display: flex;
|
158
|
+
font-size: 14px;
|
159
|
+
line-height: 19px;
|
160
|
+
color: #63656e;
|
161
|
+
justify-content: space-between;
|
162
|
+
}
|
163
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
|
164
|
+
height: 22px;
|
165
|
+
font-size: 14px;
|
166
|
+
line-height: 22px;
|
167
|
+
color: #313238;
|
168
|
+
text-align: left;
|
169
|
+
}
|
170
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
|
171
|
+
color: #c4c6cc;
|
172
|
+
}
|
173
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
|
174
|
+
color: #3a84ff;
|
175
|
+
cursor: pointer;
|
176
|
+
}
|
177
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
|
178
|
+
display: flex;
|
179
|
+
max-height: 150px;
|
180
|
+
align-items: flex-start;
|
181
|
+
flex-wrap: wrap;
|
182
|
+
margin-bottom: 16px;
|
183
|
+
}
|
184
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
|
185
|
+
width: 150px;
|
186
|
+
height: 16px;
|
187
|
+
margin-top: 16px;
|
188
|
+
line-height: 16px;
|
189
|
+
}
|
190
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
|
191
|
+
overflow: hidden;
|
192
|
+
text-overflow: ellipsis;
|
193
|
+
white-space: nowrap;
|
194
|
+
}
|
195
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
|
196
|
+
display: flex;
|
197
|
+
height: 76px;
|
198
|
+
font-size: 14px;
|
199
|
+
border-top: solid 1px #f0f1f5;
|
200
|
+
align-items: center;
|
201
|
+
}
|
202
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
|
203
|
+
display: flex;
|
204
|
+
width: 68px;
|
205
|
+
height: 26px;
|
206
|
+
color: #63656e;
|
207
|
+
cursor: pointer;
|
208
|
+
border: 1px solid #c4c6cc;
|
209
|
+
justify-content: center;
|
210
|
+
align-items: center;
|
211
|
+
}
|
212
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
|
213
|
+
color: #3a84ff;
|
214
|
+
background: #e1ecff;
|
215
|
+
border: 1px solid #a3c5fd;
|
216
|
+
}
|
217
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
|
218
|
+
border-right: none;
|
219
|
+
border-left: none;
|
220
|
+
}
|
221
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
|
222
|
+
border-right: 1px solid #c4c6cc;
|
223
|
+
border-left: 1px solid #c4c6cc;
|
224
|
+
border-bottom-left-radius: 2px;
|
225
|
+
border-top-left-radius: 2px;
|
226
|
+
}
|
227
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
|
228
|
+
border-right: none;
|
229
|
+
}
|
230
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
|
231
|
+
border-right: 1px solid #c4c6cc;
|
232
|
+
border-left: 1px solid #c4c6cc;
|
233
|
+
border-top-right-radius: 2px;
|
234
|
+
border-bottom-right-radius: 2px;
|
235
|
+
}
|
236
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
|
237
|
+
border-left: none;
|
238
|
+
}
|
239
|
+
.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
|
240
|
+
display: flex;
|
241
|
+
height: 50px;
|
242
|
+
padding: 0 24px;
|
243
|
+
background: #fafbfd;
|
244
|
+
border: 1px solid #dcdee5;
|
245
|
+
border-radius: 0px 0px 2px 2px;
|
246
|
+
justify-content: flex-end;
|
247
|
+
align-items: center;
|
248
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { Column, TablePropTypes } from '../props';
|
2
|
+
/**
|
3
|
+
* 处理Props中的ActiveColumn,解析为统一的数组格式
|
4
|
+
* @param props
|
5
|
+
* @returns
|
6
|
+
*/
|
7
|
+
export declare const resolveActiveColumns: (props: TablePropTypes) => number[];
|
8
|
+
declare const _default: (props: TablePropTypes, targetColumns: Column[]) => {
|
9
|
+
activeColumns: any[];
|
10
|
+
};
|
11
|
+
/**
|
12
|
+
* table列处理模块
|
13
|
+
* @param props
|
14
|
+
* @returns
|
15
|
+
*/
|
16
|
+
export default _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { GroupColumn } from '../props';
|
2
|
+
declare const _default: (colgroups: GroupColumn[], immediate?: boolean) => {
|
3
|
+
registerResizeEvent: () => void;
|
4
|
+
resetResizeEvents: () => void;
|
5
|
+
dragOffsetX: import("vue").Ref<number>;
|
6
|
+
dragOffsetXStyle: import("vue").ComputedRef<{
|
7
|
+
readonly position: "absolute";
|
8
|
+
readonly top: 0;
|
9
|
+
readonly bottom: 0;
|
10
|
+
readonly left: 0;
|
11
|
+
readonly width: "1px";
|
12
|
+
readonly 'background-color': "#ebeef5";
|
13
|
+
}>;
|
14
|
+
};
|
15
|
+
export default _default;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { GroupColumn } from '../props';
|
2
|
+
declare const _default: (props: any, colgroups: GroupColumn[], hasScrollY?: any) => {
|
3
|
+
renderFixedColumns: (scrollX?: any, offsetRight?: any) => ("" | JSX.Element)[];
|
4
|
+
fixedWrapperClass: string;
|
5
|
+
resolveFixedColumnStyle: (column: GroupColumn) => {
|
6
|
+
[x: string]: string;
|
7
|
+
};
|
8
|
+
};
|
9
|
+
/**
|
10
|
+
* 固定列Hooks
|
11
|
+
*/
|
12
|
+
export default _default;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { TablePropTypes } from '../props';
|
2
|
+
/**
|
3
|
+
* 处理 Prop中的分页配置
|
4
|
+
* prop中的配置会覆盖本地的配置
|
5
|
+
* @param propPagination 用户传入的配置
|
6
|
+
* @param defVal 默认配置
|
7
|
+
* @returns 返回值
|
8
|
+
*/
|
9
|
+
export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
|
10
|
+
declare const _default: (props: TablePropTypes, indexData: any[]) => {
|
11
|
+
pageData: any[];
|
12
|
+
localPagination: any;
|
13
|
+
resolvePageData: (filterFn: any, sortFn: any, activeSortColumn: any) => void;
|
14
|
+
watchEffectFn: (filterFn: any, sortFn: any, activeSortColumn: any) => void;
|
15
|
+
};
|
16
|
+
export default _default;
|
package/lib/table/props.d.ts
CHANGED
@@ -1,6 +1,81 @@
|
|
1
1
|
import { ExtractPropTypes } from 'vue';
|
2
|
+
import { ROW_HOVER, SORT_OPTION } from './const';
|
3
|
+
export declare enum SortScope {
|
4
|
+
CURRENT = "current",
|
5
|
+
ALL = "all"
|
6
|
+
}
|
7
|
+
export declare type ColumnFilterListItem = {
|
8
|
+
text?: string;
|
9
|
+
value?: string;
|
10
|
+
};
|
11
|
+
export declare type IOverflowTooltip = {
|
12
|
+
content: string | Function;
|
13
|
+
disabled?: boolean;
|
14
|
+
watchCellResize?: boolean;
|
15
|
+
mode?: string;
|
16
|
+
};
|
17
|
+
export declare type ISortOption = {
|
18
|
+
[key: string]: SORT_OPTION;
|
19
|
+
};
|
20
|
+
export declare const IColumnType: {
|
21
|
+
label: import("vue-types").VueTypeDef<any>;
|
22
|
+
field: import("vue-types").VueTypeDef<any>;
|
23
|
+
render: import("vue-types").VueTypeDef<any>;
|
24
|
+
width: import("vue-types").VueTypeDef<string | number>;
|
25
|
+
minWidth: import("vue-types").VueTypeDef<string | number> & {
|
26
|
+
default: string | number;
|
27
|
+
};
|
28
|
+
columnKey: import("vue-types").VueTypeValidableDef<string> & {
|
29
|
+
default: string;
|
30
|
+
} & {
|
31
|
+
default: string;
|
32
|
+
};
|
33
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<boolean | IOverflowTooltip> & {
|
34
|
+
default: boolean | (() => IOverflowTooltip);
|
35
|
+
};
|
36
|
+
type: import("vue-types").VueTypeDef<string> & {
|
37
|
+
default: string;
|
38
|
+
};
|
39
|
+
resizable: import("vue-types").VueTypeValidableDef<boolean> & {
|
40
|
+
default: boolean;
|
41
|
+
} & {
|
42
|
+
default: boolean;
|
43
|
+
};
|
44
|
+
fixed: import("vue-types").VueTypeDef<string | boolean> & {
|
45
|
+
default: string | boolean;
|
46
|
+
};
|
47
|
+
sort: import("vue-types").VueTypeDef<string | boolean | {
|
48
|
+
sortFn: any;
|
49
|
+
sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
50
|
+
value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
51
|
+
}> & {
|
52
|
+
default: string | boolean | (() => {
|
53
|
+
sortFn: any;
|
54
|
+
sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
55
|
+
value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
56
|
+
});
|
57
|
+
};
|
58
|
+
filter: import("vue-types").VueTypeDef<string | boolean | {
|
59
|
+
list: any[] | (object & (() => any[]));
|
60
|
+
filterFn: any;
|
61
|
+
match: string;
|
62
|
+
filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
63
|
+
btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
|
64
|
+
btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
|
65
|
+
}> & {
|
66
|
+
default: string | boolean | (() => {
|
67
|
+
list: any[] | (object & (() => any[]));
|
68
|
+
filterFn: any;
|
69
|
+
match: string;
|
70
|
+
filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
|
71
|
+
btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
|
72
|
+
btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
|
73
|
+
});
|
74
|
+
};
|
75
|
+
colspan: import("vue-types").VueTypeDef<any>;
|
76
|
+
rowspan: import("vue-types").VueTypeDef<any>;
|
77
|
+
};
|
2
78
|
export declare const tableProps: {
|
3
|
-
onRowClick: FunctionConstructor;
|
4
79
|
/**
|
5
80
|
* 渲染列表
|
6
81
|
*/
|
@@ -10,7 +85,9 @@ export declare const tableProps: {
|
|
10
85
|
/**
|
11
86
|
* Table 列渲染
|
12
87
|
*/
|
13
|
-
columns: import("vue-types").VueTypeDef<Column[]
|
88
|
+
columns: import("vue-types").VueTypeDef<Column[]> & {
|
89
|
+
default: () => Column[];
|
90
|
+
};
|
14
91
|
/**
|
15
92
|
* 当前选中列
|
16
93
|
* 当设置选中多列时(columnPick = multi),配置为数组[index1, index2, index3],只能选中单列时,可以为数值或者数组[index]
|
@@ -26,18 +103,26 @@ export declare const tableProps: {
|
|
26
103
|
};
|
27
104
|
/**
|
28
105
|
* 设置表格高度
|
29
|
-
* 默认:auto
|
106
|
+
* 默认:auto 根据行数自动填充高度
|
107
|
+
* 100%,依赖初始化时父级容器高度
|
30
108
|
*/
|
31
109
|
height: import("vue-types").VueTypeDef<string | number> & {
|
32
110
|
default: string | number;
|
33
111
|
};
|
34
112
|
/**
|
35
113
|
* 设置表格最小高度
|
36
|
-
* 默认:
|
114
|
+
* 默认:300
|
37
115
|
*/
|
38
116
|
minHeight: import("vue-types").VueTypeDef<string | number> & {
|
39
117
|
default: string | number;
|
40
118
|
};
|
119
|
+
/**
|
120
|
+
* 设置表格最d大高度
|
121
|
+
* 默认:auto,依赖外层高度
|
122
|
+
*/
|
123
|
+
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
124
|
+
default: string | number;
|
125
|
+
};
|
41
126
|
/**
|
42
127
|
* 行高,可以为固定数值类型
|
43
128
|
* 可以是函数,返回当前行的高度,返回值为数值类型
|
@@ -61,6 +146,10 @@ export declare const tableProps: {
|
|
61
146
|
} & {
|
62
147
|
default: boolean;
|
63
148
|
};
|
149
|
+
/**
|
150
|
+
* table header config
|
151
|
+
*/
|
152
|
+
thead: import("vue-types").VueTypeShape<Thead>;
|
64
153
|
/**
|
65
154
|
* 是否启用虚拟渲染 & 滚动
|
66
155
|
* 当数据量很大时,启用虚拟渲染可以解决压面卡顿问题
|
@@ -97,15 +186,189 @@ export declare const tableProps: {
|
|
97
186
|
} & {
|
98
187
|
default: boolean;
|
99
188
|
};
|
189
|
+
/**
|
190
|
+
* 空数据展示
|
191
|
+
*/
|
192
|
+
emptyText: import("vue-types").VueTypeValidableDef<string> & {
|
193
|
+
default: string;
|
194
|
+
} & {
|
195
|
+
default: string;
|
196
|
+
};
|
197
|
+
/**
|
198
|
+
* bk-table-setting-content
|
199
|
+
*/
|
200
|
+
settings: import("vue-types").VueTypeDef<boolean | Settings> & {
|
201
|
+
default: boolean | (() => Settings);
|
202
|
+
};
|
203
|
+
/**
|
204
|
+
* 行的 class 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style
|
205
|
+
*/
|
206
|
+
rowClass: import("vue-types").VueTypeDef<any> & {
|
207
|
+
default: any;
|
208
|
+
};
|
209
|
+
/**
|
210
|
+
* 行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style
|
211
|
+
*/
|
212
|
+
rowStyle: import("vue-types").VueTypeDef<any> & {
|
213
|
+
default: any;
|
214
|
+
};
|
215
|
+
/**
|
216
|
+
* 单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style
|
217
|
+
*/
|
218
|
+
cellStyle: import("vue-types").VueTypeDef<any> & {
|
219
|
+
default: any;
|
220
|
+
};
|
221
|
+
/**
|
222
|
+
* 单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className
|
223
|
+
*/
|
224
|
+
cellClass: import("vue-types").VueTypeDef<any> & {
|
225
|
+
default: any;
|
226
|
+
};
|
227
|
+
/**
|
228
|
+
* 表格底部loading加载效果,可以配合表格scroll-bottom事件使用
|
229
|
+
* 详细配置可参考bk-loading组件
|
230
|
+
*/
|
231
|
+
scrollLoading: import("vue-types").VueTypeDef<boolean | {
|
232
|
+
[key: string]: any;
|
233
|
+
}> & {
|
234
|
+
default: boolean | (() => {
|
235
|
+
[key: string]: any;
|
236
|
+
});
|
237
|
+
};
|
238
|
+
/**
|
239
|
+
* 仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的展开收起操作(需指定 row-key)
|
240
|
+
*/
|
241
|
+
reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
|
242
|
+
default: boolean;
|
243
|
+
} & {
|
244
|
+
default: boolean;
|
245
|
+
};
|
246
|
+
/**
|
247
|
+
* 仅对设置了selection的情况下生效
|
248
|
+
* 用于初始化或者更新row已选中状态
|
249
|
+
* 内部使用逻辑为:row[selectionKey],可以为多级选择,但是多级选择只支持 row.child.child
|
250
|
+
*/
|
251
|
+
selectionKey: import("vue-types").VueTypeValidableDef<string> & {
|
252
|
+
default: string;
|
253
|
+
} & {
|
254
|
+
default: string;
|
255
|
+
};
|
256
|
+
/**
|
257
|
+
* 提供自定义判定当前行是否选中
|
258
|
+
* 如果设置了此属性,其他判定均不生效
|
259
|
+
* ({ row, cell, data }) => bool
|
260
|
+
*/
|
261
|
+
isSelectedFn: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
262
|
+
default: (...args: any[]) => any;
|
263
|
+
} & {
|
264
|
+
default: (...args: any[]) => any;
|
265
|
+
};
|
266
|
+
/**
|
267
|
+
* 行数据的 Key,用来优化 Table 的渲染
|
268
|
+
* 此key用于渲染table row的key,便于大数据渲染时的性能优化
|
269
|
+
* 在使用 reserve-selection, reserve-expand 功能的情况下,该属性是必填的。
|
270
|
+
* 类型为 String 时,支持多层访问:user.info.id,同时支持 user.info[0].id
|
271
|
+
*/
|
272
|
+
rowKey: import("vue-types").VueTypeDef<any> & {
|
273
|
+
default: any;
|
274
|
+
};
|
275
|
+
/**
|
276
|
+
* 当内容过长被隐藏时显示 tooltip, 此处为全局配置, 如果只配置此处,整个table都启用
|
277
|
+
* column内部可以单个配置覆盖此配置
|
278
|
+
*/
|
279
|
+
showOverflowTooltip: import("vue-types").VueTypeDef<boolean | IOverflowTooltip> & {
|
280
|
+
default: boolean | (() => IOverflowTooltip);
|
281
|
+
};
|
282
|
+
/**
|
283
|
+
* 为避免不必要的数据修改导致的不可控组件更新
|
284
|
+
* 默认组件不会对传入组件的data进行任何修改
|
285
|
+
* 设置此属性为true则会对源数据进行同步(如:启用selection,勾选时想要自动同步到源数据)
|
286
|
+
* 目前只会对指定了selectionKey的情况下才会对指定的字段数据进行更新,同时需要指定 rowKey,保证匹配到的row是正确的目标对象
|
287
|
+
*/
|
288
|
+
asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
|
289
|
+
default: boolean;
|
290
|
+
} & {
|
291
|
+
default: boolean;
|
292
|
+
};
|
293
|
+
/**
|
294
|
+
* 鼠标划过行样式行为
|
295
|
+
* @param { ROW_HOVER.AUTO }
|
296
|
+
* @param { ROW_HOVER.HIGHLIGHT }
|
297
|
+
*/
|
298
|
+
rowHover: import("vue-types").VueTypeDef<ROW_HOVER> & {
|
299
|
+
default: ROW_HOVER;
|
300
|
+
};
|
301
|
+
/**
|
302
|
+
* 默认的排序列的 prop 和顺序。它的 prop 属性指定默认的排序的列,order指定默认排序的顺序
|
303
|
+
*/
|
304
|
+
defaultSort: import("vue-types").VueTypeShape<ISortOption> & {
|
305
|
+
default: () => Partial<ISortOption>;
|
306
|
+
};
|
307
|
+
/**
|
308
|
+
* 配合 column selection 使用
|
309
|
+
* 用于配置渲染行数据的勾选框是否可用
|
310
|
+
* 可以直接为 true|false,全部启用或者禁用
|
311
|
+
* 如果是函数,则返回 true|false
|
312
|
+
* ({ row, index, isCheckAll }) => boolean
|
313
|
+
*/
|
314
|
+
isRowSelectEnable: import("vue-types").VueTypeDef<any> & {
|
315
|
+
default: any;
|
316
|
+
};
|
317
|
+
};
|
318
|
+
/**
|
319
|
+
* 配置自定义行高选项
|
320
|
+
*/
|
321
|
+
export declare type SizeItem = {
|
322
|
+
value?: string;
|
323
|
+
label?: string;
|
324
|
+
height?: number;
|
325
|
+
};
|
326
|
+
export declare type Settings = {
|
327
|
+
fields?: Field[];
|
328
|
+
checked?: string[];
|
329
|
+
limit?: number;
|
330
|
+
size?: string;
|
331
|
+
sizeList?: SizeItem[];
|
332
|
+
showLineHeight?: boolean;
|
333
|
+
};
|
334
|
+
export declare type Field = {
|
335
|
+
label: string;
|
336
|
+
field?: string;
|
337
|
+
disabled?: boolean;
|
100
338
|
};
|
101
339
|
export declare type Column = {
|
102
340
|
label: Function | string;
|
103
|
-
field
|
341
|
+
field?: Function | string;
|
104
342
|
render?: Function | string;
|
105
343
|
width?: number | string;
|
344
|
+
minWidth?: number | string;
|
345
|
+
columnKey?: string;
|
346
|
+
showOverflowTooltip?: boolean | IOverflowTooltip;
|
347
|
+
type?: string;
|
348
|
+
fixed?: string | boolean;
|
349
|
+
resizable?: boolean;
|
350
|
+
sort?: {
|
351
|
+
sortFn?: Function;
|
352
|
+
sortScope?: string;
|
353
|
+
value?: string;
|
354
|
+
} | boolean | string;
|
355
|
+
filter?: {
|
356
|
+
list?: any;
|
357
|
+
filterFn?: Function;
|
358
|
+
} | boolean | string;
|
359
|
+
colspan?: Function | Number;
|
360
|
+
rowspan?: Function | Number;
|
361
|
+
};
|
362
|
+
export declare type Thead = {
|
363
|
+
height?: Number;
|
364
|
+
isShow?: boolean;
|
365
|
+
cellFn?: Function;
|
106
366
|
};
|
107
367
|
export declare type GroupColumn = {
|
108
368
|
calcWidth?: number;
|
369
|
+
resizeWidth?: number;
|
370
|
+
isHidden?: boolean;
|
371
|
+
listeners?: Map<string, any>;
|
109
372
|
} & Column;
|
110
373
|
export declare type Columns = ReadonlyArray<Column>;
|
111
374
|
export declare type TablePropTypes = Readonly<ExtractPropTypes<typeof tableProps>>;
|
@@ -115,4 +378,16 @@ export declare type IColumnActive = {
|
|
115
378
|
};
|
116
379
|
export declare type IReactiveProp = {
|
117
380
|
activeColumns: IColumnActive[];
|
381
|
+
rowActions: Record<string, any>;
|
382
|
+
scrollTranslateY: Number;
|
383
|
+
scrollTranslateX: Number;
|
384
|
+
pos: Record<string, any>;
|
385
|
+
settings: any;
|
386
|
+
setting: any;
|
387
|
+
defaultSort: Record<string, any>;
|
388
|
+
};
|
389
|
+
export declare type Colgroups = Column & {
|
390
|
+
calcWidth: number;
|
391
|
+
resizeWidth: number;
|
392
|
+
listeners: Map<string, Function>;
|
118
393
|
};
|