bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230
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 +38108 -0
- package/dist/index.umd.js +173 -0
- package/dist/style.css +1 -5099
- 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 -10
- 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 +2 -6
- package/lib/code-diff/code-diff.css +72 -1
- package/lib/code-diff/code-diff.d.ts +10 -1
- package/lib/code-diff/code-diff.less +94 -1
- package/lib/code-diff/code-diff.variable.css +101 -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 +18 -2
- package/lib/date-picker/date-picker.d.ts +40 -13
- package/lib/date-picker/date-picker.less +23 -2
- package/lib/date-picker/date-picker.variable.css +47 -5
- package/lib/date-picker/index.d.ts +100 -39
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +9 -0
- package/lib/date-picker/panel/date-range.d.ts +452 -0
- package/lib/date-picker/panel/date.d.ts +550 -0
- package/lib/date-picker/panel/time.d.ts +450 -0
- package/lib/date-picker/props.d.ts +51 -1
- package/lib/date-picker/time-picker.d.ts +381 -0
- package/lib/date-picker/utils.d.ts +22 -1
- package/lib/dialog/dialog.css +144 -22
- package/lib/dialog/dialog.d.ts +275 -58
- package/lib/dialog/dialog.less +97 -23
- package/lib/dialog/dialog.variable.css +144 -22
- package/lib/dialog/index.d.ts +607 -130
- 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 +71 -10
- 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 +16 -5
- package/lib/form/form.css +96 -12
- package/lib/form/form.d.ts +28 -11
- package/lib/form/form.less +144 -45
- package/lib/form/form.variable.css +215 -12
- package/lib/form/index.d.ts +88 -30
- 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 +27 -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/transfer.d.ts +4 -0
- package/lib/icon/transfer.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.d.ts +6 -0
- package/lib/info-box/index.js +1 -0
- package/lib/info-box/info-box.css +37 -0
- package/lib/info-box/info-box.d.ts +26 -0
- package/lib/info-box/info-box.less +50 -0
- package/lib/info-box/info-box.variable.css +37 -0
- package/lib/input/index.d.ts +171 -60
- package/lib/input/index.js +1 -15
- package/lib/input/input.css +216 -18
- package/lib/input/input.d.ts +116 -16
- 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 +107 -13
- 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/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 +508 -78
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.css +63 -1
- package/lib/modal/modal.d.ts +194 -30
- 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 +51 -7
- package/lib/pagination/index.d.ts +38 -23
- package/lib/pagination/index.js +1 -1
- package/lib/pagination/pagination.css +54 -28
- package/lib/pagination/pagination.d.ts +17 -7
- 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 +10 -10
- package/lib/progress/index.js +1 -1
- package/lib/progress/progress.css +51 -0
- package/lib/progress/progress.d.ts +3 -3
- package/lib/progress/progress.variable.css +80 -3
- package/lib/radio/common.d.ts +5 -5
- package/lib/radio/index.d.ts +29 -18
- 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 +9 -4
- 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 +1422 -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 +553 -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 -0
- 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 +27 -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} +6 -2
- package/lib/shared/token.d.ts +4 -0
- package/lib/shared/utils.d.ts +13 -0
- package/lib/shared/vue-types.d.ts +4 -0
- package/lib/sideslider/index.d.ts +391 -76
- package/lib/sideslider/index.js +1 -1
- package/lib/sideslider/sideslider.css +55 -10
- package/lib/sideslider/sideslider.d.ts +181 -33
- 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 +38 -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 +108 -1
- package/lib/table/index.d.ts +781 -27
- package/lib/table/index.js +1 -10
- 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 +282 -7
- package/lib/table/render.d.ts +53 -6
- package/lib/table/table.css +1143 -17
- package/lib/table/table.d.ts +196 -13
- package/lib/table/table.less +237 -25
- package/lib/table/table.variable.css +1182 -30
- package/lib/table/use-column.d.ts +11 -0
- package/lib/table/use-common.d.ts +97 -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 +7 -7
- package/lib/tag/index.js +1 -1
- package/lib/tag/tag.css +57 -18
- package/lib/tag/tag.d.ts +2 -2
- package/lib/tag/tag.less +58 -15
- package/lib/tag/tag.variable.css +86 -21
- package/lib/tag-input/common.d.ts +36 -0
- package/lib/tag-input/index.d.ts +1211 -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 +536 -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 +216 -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 +89 -86
- package/lib/transfer/transfer.d.ts +70 -95
- package/lib/transfer/transfer.less +93 -113
- package/lib/transfer/transfer.variable.css +123 -94
- package/lib/tree/constant.d.ts +57 -0
- package/lib/tree/index.d.ts +419 -48
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +124 -0
- package/lib/tree/tree.css +183 -11
- package/lib/tree/tree.d.ts +194 -23
- package/lib/tree/tree.less +72 -10
- package/lib/tree/tree.variable.css +302 -11
- 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 +5 -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 +27 -4
- package/lib/virtual-render/index.js +1 -10
- 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 +14 -3
- 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 +59 -46
- package/README_EN.md +0 -93
- package/dist/bkui-vue.cjs.js +0 -18938
- package/dist/bkui-vue.esm.js +0 -18887
- package/dist/bkui-vue.umd.js +0 -18941
- 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
package/lib/rate/index.d.ts
CHANGED
@@ -4,6 +4,7 @@ declare const BkRate: {
|
|
4
4
|
$data: {};
|
5
5
|
$props: Partial<{
|
6
6
|
modelValue: number;
|
7
|
+
withValidate: boolean;
|
7
8
|
editable: boolean;
|
8
9
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
9
10
|
modelValue: import("vue-types").VueTypeValidableDef<number> & {
|
@@ -17,10 +18,15 @@ declare const BkRate: {
|
|
17
18
|
} & {
|
18
19
|
default: boolean;
|
19
20
|
};
|
21
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
22
|
+
default: boolean;
|
23
|
+
} & {
|
24
|
+
default: boolean;
|
25
|
+
};
|
20
26
|
}>> & {
|
21
27
|
onChange?: (...args: any[]) => any;
|
22
28
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
23
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "editable">;
|
29
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "withValidate" | "editable">;
|
24
30
|
$attrs: {
|
25
31
|
[x: string]: unknown;
|
26
32
|
};
|
@@ -46,11 +52,17 @@ declare const BkRate: {
|
|
46
52
|
} & {
|
47
53
|
default: boolean;
|
48
54
|
};
|
55
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
56
|
+
default: boolean;
|
57
|
+
} & {
|
58
|
+
default: boolean;
|
59
|
+
};
|
49
60
|
}>> & {
|
50
61
|
onChange?: (...args: any[]) => any;
|
51
62
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
52
63
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
|
53
64
|
modelValue: number;
|
65
|
+
withValidate: boolean;
|
54
66
|
editable: boolean;
|
55
67
|
}> & {
|
56
68
|
beforeCreate?: (() => void) | (() => void)[];
|
@@ -84,6 +96,11 @@ declare const BkRate: {
|
|
84
96
|
} & {
|
85
97
|
default: boolean;
|
86
98
|
};
|
99
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
100
|
+
default: boolean;
|
101
|
+
} & {
|
102
|
+
default: boolean;
|
103
|
+
};
|
87
104
|
}>> & {
|
88
105
|
onChange?: (...args: any[]) => any;
|
89
106
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
@@ -103,11 +120,17 @@ declare const BkRate: {
|
|
103
120
|
} & {
|
104
121
|
default: boolean;
|
105
122
|
};
|
123
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
124
|
+
default: boolean;
|
125
|
+
} & {
|
126
|
+
default: boolean;
|
127
|
+
};
|
106
128
|
}>> & {
|
107
129
|
onChange?: (...args: any[]) => any;
|
108
130
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
109
131
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
|
110
132
|
modelValue: number;
|
133
|
+
withValidate: boolean;
|
111
134
|
editable: boolean;
|
112
135
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
113
136
|
export default BkRate;
|
package/lib/rate/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{default:()=>i});var e=a(4212),t=a(748);const r=(0,t.defineComponent)({name:"Star",props:{rate:e.PropTypes.number.def(0),width:e.PropTypes.number.def(15),height:e.PropTypes.number.def(16),editable:e.PropTypes.bool.def(!0),hoverRate:e.PropTypes.number.def(0),max:e.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(r,o){var a=o.emit,n=function(t){return(0,e.classes)({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":r.editable,"bk-rate-star":!0})},i=(0,t.computed)((function(){return r.hoverRate||r.rate})),s={width:"".concat(r.width,"px"),height:"".concat(r.height,"px"),minWidth:"".concat(r.width,"px")};return function(){return(0,t.createVNode)("p",{class:"bk-rate-stars"},[Array(r.max).fill(1).map((function(e,o){return(0,t.createVNode)("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(e){r.editable&&a("chooseRate",e+1)}(o)},onMouseenter:function(){return function(e){r.editable&&a("changeHover",e+1)}(o)}},[(0,t.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,t.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,t.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,t.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,t.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),o=(0,t.defineComponent)({name:"Rate",components:{star:r},props:{modelValue:e.PropTypes.number.def(0),size:e.PropTypes.size(),editable:e.PropTypes.bool.def(!0),withValidate:e.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(o,a){var n=a.emit,i=(0,e.useFormItem)(),s=(0,t.ref)(0),l=function(e){o.editable&&(n("update:modelValue",e),n("change",e))},u=function(e){s.value=e},d=(0,e.classes)({"bk-rate":!0}),c={small:{width:12,height:12},large:{width:18,height:18}}[o.size]||{width:15,height:16},p=(0,t.computed)((function(){var e=Math.floor(o.modelValue),t=(c.width+3)*e,r=c.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),f={width:c.width,height:c.height};return(0,t.watch)((function(){return o.modelValue}),(function(){var e;o.withValidate&&(null===(e=null==i?void 0:i.validate)||void 0===e||e.call(i,"change"))})),function(){return(0,t.createVNode)("p",{class:d},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":s.value,onChooseRate:l,onChangeHover:u,onMouseleave:function(){return u(0)}},f),null):[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:p.value,class:"bk-score-real",editable:!1},f),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},f),null)]])}}}),i=(0,e.withInstall)(o)})(),n})()));
|
package/lib/rate/rate.d.ts
CHANGED
@@ -10,6 +10,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
10
10
|
} & {
|
11
11
|
default: boolean;
|
12
12
|
};
|
13
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
14
|
+
default: boolean;
|
15
|
+
} & {
|
16
|
+
default: boolean;
|
17
|
+
};
|
13
18
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
14
19
|
modelValue: import("vue-types").VueTypeValidableDef<number> & {
|
15
20
|
default: number;
|
@@ -22,11 +27,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
22
27
|
} & {
|
23
28
|
default: boolean;
|
24
29
|
};
|
30
|
+
withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
|
31
|
+
default: boolean;
|
32
|
+
} & {
|
33
|
+
default: boolean;
|
34
|
+
};
|
25
35
|
}>> & {
|
26
36
|
onChange?: (...args: any[]) => any;
|
27
37
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
28
38
|
}, {
|
29
39
|
modelValue: number;
|
40
|
+
withValidate: boolean;
|
30
41
|
editable: boolean;
|
31
42
|
}>;
|
32
43
|
export default _default;
|
package/lib/rate/star.d.ts
CHANGED
@@ -0,0 +1,336 @@
|
|
1
|
+
declare const BkResizeLayout: {
|
2
|
+
new (...args: any[]): {
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
4
|
+
$data: {};
|
5
|
+
$props: Partial<{
|
6
|
+
placement: string;
|
7
|
+
disabled: boolean;
|
8
|
+
max: number;
|
9
|
+
min: number;
|
10
|
+
border: boolean;
|
11
|
+
collapsible: boolean;
|
12
|
+
immediate: boolean;
|
13
|
+
triggerWidth: number;
|
14
|
+
triggerOffset: number;
|
15
|
+
initialDivide: string | number;
|
16
|
+
autoMinimize: number | boolean;
|
17
|
+
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
18
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
19
|
+
default: string;
|
20
|
+
};
|
21
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
22
|
+
default: number;
|
23
|
+
} & {
|
24
|
+
default: number;
|
25
|
+
};
|
26
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
27
|
+
default: number;
|
28
|
+
} & {
|
29
|
+
default: number;
|
30
|
+
};
|
31
|
+
triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
|
32
|
+
default: number;
|
33
|
+
} & {
|
34
|
+
default: number;
|
35
|
+
};
|
36
|
+
triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
|
37
|
+
default: number;
|
38
|
+
} & {
|
39
|
+
default: number;
|
40
|
+
};
|
41
|
+
initialDivide: import("vue-types").VueTypeDef<string | number> & {
|
42
|
+
default: string | number;
|
43
|
+
};
|
44
|
+
immediate: import("vue-types").VueTypeValidableDef<boolean> & {
|
45
|
+
default: boolean;
|
46
|
+
};
|
47
|
+
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
48
|
+
default: boolean;
|
49
|
+
};
|
50
|
+
collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
|
51
|
+
default: boolean;
|
52
|
+
};
|
53
|
+
autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
|
54
|
+
default: number | boolean;
|
55
|
+
};
|
56
|
+
border: import("vue-types").VueTypeValidableDef<boolean> & {
|
57
|
+
default: boolean;
|
58
|
+
} & {
|
59
|
+
default: boolean;
|
60
|
+
};
|
61
|
+
}>> & {
|
62
|
+
"onBefore-resize"?: (...args: any[]) => any;
|
63
|
+
onResizing?: (...args: any[]) => any;
|
64
|
+
"onAfter-resize"?: (...args: any[]) => any;
|
65
|
+
"onCollapse-change"?: (...args: any[]) => any;
|
66
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "max" | "min" | "border" | "collapsible" | "immediate" | "triggerWidth" | "triggerOffset" | "initialDivide" | "autoMinimize">;
|
67
|
+
$attrs: {
|
68
|
+
[x: string]: unknown;
|
69
|
+
};
|
70
|
+
$refs: {
|
71
|
+
[x: string]: unknown;
|
72
|
+
};
|
73
|
+
$slots: Readonly<{
|
74
|
+
[name: string]: import("vue").Slot;
|
75
|
+
}>;
|
76
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
77
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
78
|
+
$emit: (event: "before-resize" | "resizing" | "after-resize" | "collapse-change", ...args: any[]) => void;
|
79
|
+
$el: any;
|
80
|
+
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
81
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
82
|
+
default: string;
|
83
|
+
};
|
84
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
85
|
+
default: number;
|
86
|
+
} & {
|
87
|
+
default: number;
|
88
|
+
};
|
89
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
90
|
+
default: number;
|
91
|
+
} & {
|
92
|
+
default: number;
|
93
|
+
};
|
94
|
+
triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
|
95
|
+
default: number;
|
96
|
+
} & {
|
97
|
+
default: number;
|
98
|
+
};
|
99
|
+
triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
|
100
|
+
default: number;
|
101
|
+
} & {
|
102
|
+
default: number;
|
103
|
+
};
|
104
|
+
initialDivide: import("vue-types").VueTypeDef<string | number> & {
|
105
|
+
default: string | number;
|
106
|
+
};
|
107
|
+
immediate: import("vue-types").VueTypeValidableDef<boolean> & {
|
108
|
+
default: boolean;
|
109
|
+
};
|
110
|
+
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
111
|
+
default: boolean;
|
112
|
+
};
|
113
|
+
collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
|
114
|
+
default: boolean;
|
115
|
+
};
|
116
|
+
autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
|
117
|
+
default: number | boolean;
|
118
|
+
};
|
119
|
+
border: import("vue-types").VueTypeValidableDef<boolean> & {
|
120
|
+
default: boolean;
|
121
|
+
} & {
|
122
|
+
default: boolean;
|
123
|
+
};
|
124
|
+
}>> & {
|
125
|
+
"onBefore-resize"?: (...args: any[]) => any;
|
126
|
+
onResizing?: (...args: any[]) => any;
|
127
|
+
"onAfter-resize"?: (...args: any[]) => any;
|
128
|
+
"onCollapse-change"?: (...args: any[]) => any;
|
129
|
+
}, {
|
130
|
+
collapsed: import("vue").Ref<boolean>;
|
131
|
+
asideContentVisible: import("vue").Ref<boolean>;
|
132
|
+
minimized: import("vue").Ref<boolean>;
|
133
|
+
limitMax: any;
|
134
|
+
state: any;
|
135
|
+
vertical: import("vue").ComputedRef<boolean>;
|
136
|
+
cssPropKey: import("vue").ComputedRef<"height" | "width">;
|
137
|
+
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
138
|
+
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
139
|
+
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
140
|
+
asideRef: import("vue").Ref<HTMLElement>;
|
141
|
+
triggerStyle: import("vue").ComputedRef<{
|
142
|
+
[x: string]: string;
|
143
|
+
}>;
|
144
|
+
asideStyle: import("vue").ComputedRef<{
|
145
|
+
[x: string]: string;
|
146
|
+
}>;
|
147
|
+
handleMousedown: (event: any) => void;
|
148
|
+
setCollapse: (collapse: any) => void;
|
149
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], string, {
|
150
|
+
placement: string;
|
151
|
+
disabled: boolean;
|
152
|
+
max: number;
|
153
|
+
min: number;
|
154
|
+
border: boolean;
|
155
|
+
collapsible: boolean;
|
156
|
+
immediate: boolean;
|
157
|
+
triggerWidth: number;
|
158
|
+
triggerOffset: number;
|
159
|
+
initialDivide: string | number;
|
160
|
+
autoMinimize: number | boolean;
|
161
|
+
}> & {
|
162
|
+
beforeCreate?: (() => void) | (() => void)[];
|
163
|
+
created?: (() => void) | (() => void)[];
|
164
|
+
beforeMount?: (() => void) | (() => void)[];
|
165
|
+
mounted?: (() => void) | (() => void)[];
|
166
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
167
|
+
updated?: (() => void) | (() => void)[];
|
168
|
+
activated?: (() => void) | (() => void)[];
|
169
|
+
deactivated?: (() => void) | (() => void)[];
|
170
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
171
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
172
|
+
destroyed?: (() => void) | (() => void)[];
|
173
|
+
unmounted?: (() => void) | (() => void)[];
|
174
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
175
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
176
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
|
177
|
+
};
|
178
|
+
$forceUpdate: () => void;
|
179
|
+
$nextTick: typeof import("vue").nextTick;
|
180
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
181
|
+
} & Readonly<import("vue").ExtractPropTypes<{
|
182
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
183
|
+
default: string;
|
184
|
+
};
|
185
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
186
|
+
default: number;
|
187
|
+
} & {
|
188
|
+
default: number;
|
189
|
+
};
|
190
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
191
|
+
default: number;
|
192
|
+
} & {
|
193
|
+
default: number;
|
194
|
+
};
|
195
|
+
triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
|
196
|
+
default: number;
|
197
|
+
} & {
|
198
|
+
default: number;
|
199
|
+
};
|
200
|
+
triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
|
201
|
+
default: number;
|
202
|
+
} & {
|
203
|
+
default: number;
|
204
|
+
};
|
205
|
+
initialDivide: import("vue-types").VueTypeDef<string | number> & {
|
206
|
+
default: string | number;
|
207
|
+
};
|
208
|
+
immediate: import("vue-types").VueTypeValidableDef<boolean> & {
|
209
|
+
default: boolean;
|
210
|
+
};
|
211
|
+
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
212
|
+
default: boolean;
|
213
|
+
};
|
214
|
+
collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
|
215
|
+
default: boolean;
|
216
|
+
};
|
217
|
+
autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
|
218
|
+
default: number | boolean;
|
219
|
+
};
|
220
|
+
border: import("vue-types").VueTypeValidableDef<boolean> & {
|
221
|
+
default: boolean;
|
222
|
+
} & {
|
223
|
+
default: boolean;
|
224
|
+
};
|
225
|
+
}>> & {
|
226
|
+
"onBefore-resize"?: (...args: any[]) => any;
|
227
|
+
onResizing?: (...args: any[]) => any;
|
228
|
+
"onAfter-resize"?: (...args: any[]) => any;
|
229
|
+
"onCollapse-change"?: (...args: any[]) => any;
|
230
|
+
} & import("vue").ShallowUnwrapRef<{
|
231
|
+
collapsed: import("vue").Ref<boolean>;
|
232
|
+
asideContentVisible: import("vue").Ref<boolean>;
|
233
|
+
minimized: import("vue").Ref<boolean>;
|
234
|
+
limitMax: any;
|
235
|
+
state: any;
|
236
|
+
vertical: import("vue").ComputedRef<boolean>;
|
237
|
+
cssPropKey: import("vue").ComputedRef<"height" | "width">;
|
238
|
+
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
239
|
+
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
240
|
+
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
241
|
+
asideRef: import("vue").Ref<HTMLElement>;
|
242
|
+
triggerStyle: import("vue").ComputedRef<{
|
243
|
+
[x: string]: string;
|
244
|
+
}>;
|
245
|
+
asideStyle: import("vue").ComputedRef<{
|
246
|
+
[x: string]: string;
|
247
|
+
}>;
|
248
|
+
handleMousedown: (event: any) => void;
|
249
|
+
setCollapse: (collapse: any) => void;
|
250
|
+
}> & {} & {} & import("vue").ComponentCustomProperties;
|
251
|
+
__isFragment?: never;
|
252
|
+
__isTeleport?: never;
|
253
|
+
__isSuspense?: never;
|
254
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
255
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
256
|
+
default: string;
|
257
|
+
};
|
258
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
259
|
+
default: number;
|
260
|
+
} & {
|
261
|
+
default: number;
|
262
|
+
};
|
263
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
264
|
+
default: number;
|
265
|
+
} & {
|
266
|
+
default: number;
|
267
|
+
};
|
268
|
+
triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
|
269
|
+
default: number;
|
270
|
+
} & {
|
271
|
+
default: number;
|
272
|
+
};
|
273
|
+
triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
|
274
|
+
default: number;
|
275
|
+
} & {
|
276
|
+
default: number;
|
277
|
+
};
|
278
|
+
initialDivide: import("vue-types").VueTypeDef<string | number> & {
|
279
|
+
default: string | number;
|
280
|
+
};
|
281
|
+
immediate: import("vue-types").VueTypeValidableDef<boolean> & {
|
282
|
+
default: boolean;
|
283
|
+
};
|
284
|
+
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
285
|
+
default: boolean;
|
286
|
+
};
|
287
|
+
collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
|
288
|
+
default: boolean;
|
289
|
+
};
|
290
|
+
autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
|
291
|
+
default: number | boolean;
|
292
|
+
};
|
293
|
+
border: import("vue-types").VueTypeValidableDef<boolean> & {
|
294
|
+
default: boolean;
|
295
|
+
} & {
|
296
|
+
default: boolean;
|
297
|
+
};
|
298
|
+
}>> & {
|
299
|
+
"onBefore-resize"?: (...args: any[]) => any;
|
300
|
+
onResizing?: (...args: any[]) => any;
|
301
|
+
"onAfter-resize"?: (...args: any[]) => any;
|
302
|
+
"onCollapse-change"?: (...args: any[]) => any;
|
303
|
+
}, {
|
304
|
+
collapsed: import("vue").Ref<boolean>;
|
305
|
+
asideContentVisible: import("vue").Ref<boolean>;
|
306
|
+
minimized: import("vue").Ref<boolean>;
|
307
|
+
limitMax: any;
|
308
|
+
state: any;
|
309
|
+
vertical: import("vue").ComputedRef<boolean>;
|
310
|
+
cssPropKey: import("vue").ComputedRef<"height" | "width">;
|
311
|
+
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
312
|
+
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
313
|
+
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
314
|
+
asideRef: import("vue").Ref<HTMLElement>;
|
315
|
+
triggerStyle: import("vue").ComputedRef<{
|
316
|
+
[x: string]: string;
|
317
|
+
}>;
|
318
|
+
asideStyle: import("vue").ComputedRef<{
|
319
|
+
[x: string]: string;
|
320
|
+
}>;
|
321
|
+
handleMousedown: (event: any) => void;
|
322
|
+
setCollapse: (collapse: any) => void;
|
323
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
|
324
|
+
placement: string;
|
325
|
+
disabled: boolean;
|
326
|
+
max: number;
|
327
|
+
min: number;
|
328
|
+
border: boolean;
|
329
|
+
collapsible: boolean;
|
330
|
+
immediate: boolean;
|
331
|
+
triggerWidth: number;
|
332
|
+
triggerOffset: number;
|
333
|
+
initialDivide: string | number;
|
334
|
+
autoMinimize: number | boolean;
|
335
|
+
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
336
|
+
export default BkResizeLayout;
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var i in a)("object"==typeof exports?exports:e)[i]=a[i]}}(self,((e,t,a)=>(()=>{"use strict";var i={6870:e=>{e.exports=a},4212:t=>{t.exports=e},748:e=>{e.exports=t}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var a=l[e]={exports:{}};return i[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{default:()=>r});var e=o(4212);function t(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var a=o(748),i=o(6870);const l=(0,a.defineComponent)({name:"ResizeLayout",props:{placement:e.PropTypes.placement().def("left"),min:e.PropTypes.number.def(3),max:e.PropTypes.number.def(1/0),triggerWidth:e.PropTypes.number.def(5),triggerOffset:e.PropTypes.number.def(3),initialDivide:e.PropTypes.oneOfType([String,Number]).def("20%"),immediate:e.PropTypes.bool,disabled:e.PropTypes.bool,collapsible:e.PropTypes.bool,autoMinimize:e.PropTypes.oneOfType([Boolean,Number]).def(!1),border:e.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,i){var l=i.emit,o=(0,a.toRefs)(e),n=o.placement,r=o.initialDivide,u=o.triggerOffset,s=o.triggerWidth,c=o.max,v=o.min,d=o.immediate,f=o.autoMinimize,p=(0,a.ref)(!1),m=(0,a.ref)(!0),b=(0,a.ref)(!1),y=(0,a.ref)(null),h=(0,a.ref)({}),g=(0,a.ref)(null),z=(0,a.ref)(null),x=(0,a.ref)(null),k=(0,a.ref)(null),w=(0,a.computed)((function(){return["left","right"].includes(n.value)})),P=(0,a.computed)((function(){return w.value?"width":"height"})),R=(0,a.computed)((function(){var e=r.value;return"number"==typeof e&&(e="".concat(e,"px")),t({},P.value,e)})),T=(0,a.computed)((function(){var e;return t(e={},"margin-".concat(n.value),"".concat(u.value-s.value,"px")),t(e,P.value,"".concat(s.value,"px")),e})),M=(0,a.computed)((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),S=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();y.value=w.value?e.width:e.height})),C=function(){var e=k.value.getBoundingClientRect();O(!p.value),p.value?(k.value.setAttribute("data-".concat(P.value),"".concat(e[P.value],"px")),k.value.style[P.value]="5px"):(m.value=!0,k.value.style[P.value]=k.value.getAttribute("data-".concat(P.value)))},O=function(e){k.value.addEventListener("transitionend",(function t(){m.value=e,k.value.style.transition="",k.value.removeEventListener("transitionend",t)})),k.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return(0,a.onMounted)((function(){S.observe(g.value)})),(0,a.onBeforeUnmount)((function(){S.unobserve(g.value)})),{collapsed:p,asideContentVisible:m,minimized:b,limitMax:y,state:h,vertical:w,cssPropKey:P,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:x,asideRef:k,triggerStyle:T,asideStyle:R,handleMousedown:function(e){l("before-resize",e);var t=k.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),x.value.style.display="block",x.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0 ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var a,i=(a=h.value.aside[P.value]+t,Math.min(c.value,Math.max(v.value,a),y.value-s.value)+u.value),o="".concat(i,"px");d.value?k.value.style[P.value]=o:z.value.style[n.value]=o,l("resizing",i)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",x.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,a.nextTick)((function(){(function(){if(!f.value)return!1;var e=k.value.getBoundingClientRect();if(b.value=p.value=e[P.value]<=M.value,!b.value)return m.value=!0,!1;C(),(0,a.nextTick)((function(){k.value.setAttribute("data-".concat(P.value),R.value[P.value])}))})(),l("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;k.value.style[P.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,C(),l("collapse-change",p.value)}}},render:function(){var e,t,l,o,n,r,u=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border}];return(0,a.createVNode)("div",{ref:"bkResizeLayoutRef",class:u},[(0,a.createVNode)("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[(0,a.withDirectives)((0,a.createVNode)("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[a.vShow,this.asideContentVisible]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:(0,a.withModifiers)(this.handleMousedown,["left"])},null),[[a.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[a.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(o=(l=this.$slots)["collapse-trigger"])||void 0===o?void 0:o.call(l))||(this.collapsed?(0,a.createVNode)(i.AngleRight,{class:"bk-resize-collapse",onClick:this.setCollapse},null):(0,a.createVNode)(i.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null)))]),(0,a.createVNode)("main",{class:"bk-resize-layout-main"},[null===(r=(n=this.$slots).main)||void 0===r?void 0:r.call(n)]),(0,a.createVNode)("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),r=(0,e.withInstall)(l)})(),n})()));
|
@@ -0,0 +1,177 @@
|
|
1
|
+
.bk-resize-layout {
|
2
|
+
display: flex;
|
3
|
+
}
|
4
|
+
.bk-resize-layout-border {
|
5
|
+
border: 1px solid #dcdee5;
|
6
|
+
}
|
7
|
+
.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
|
8
|
+
overflow: hidden;
|
9
|
+
}
|
10
|
+
.bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
|
11
|
+
display: inline-block;
|
12
|
+
transform: rotate(180deg);
|
13
|
+
}
|
14
|
+
.bk-resize-layout-left {
|
15
|
+
flex-direction: row;
|
16
|
+
}
|
17
|
+
.bk-resize-layout-left > .bk-resize-layout-aside {
|
18
|
+
border-right: 1px solid #dcdee5;
|
19
|
+
}
|
20
|
+
.bk-resize-layout-left > .bk-resize-layout-aside:after {
|
21
|
+
top: 50%;
|
22
|
+
right: 1px;
|
23
|
+
transform: translate3d(0, -50%, 0);
|
24
|
+
}
|
25
|
+
.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
|
26
|
+
top: 0;
|
27
|
+
left: 100%;
|
28
|
+
width: 5px;
|
29
|
+
height: 100%;
|
30
|
+
cursor: col-resize;
|
31
|
+
}
|
32
|
+
.bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
|
33
|
+
top: 50%;
|
34
|
+
left: 100%;
|
35
|
+
transform: translateY(-50%);
|
36
|
+
}
|
37
|
+
.bk-resize-layout-right {
|
38
|
+
flex-direction: row-reverse;
|
39
|
+
}
|
40
|
+
.bk-resize-layout-right > .bk-resize-layout-aside {
|
41
|
+
border-left: 1px solid #dcdee5;
|
42
|
+
}
|
43
|
+
.bk-resize-layout-right > .bk-resize-layout-aside:after {
|
44
|
+
top: 50%;
|
45
|
+
left: 1px;
|
46
|
+
transform: translate3d(0, -50%, 0);
|
47
|
+
}
|
48
|
+
.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
|
49
|
+
top: 0;
|
50
|
+
right: 100%;
|
51
|
+
width: 5px;
|
52
|
+
height: 100%;
|
53
|
+
cursor: col-resize;
|
54
|
+
}
|
55
|
+
.bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
|
56
|
+
top: 50%;
|
57
|
+
right: 100%;
|
58
|
+
transform: translateY(-50%) rotate(180deg);
|
59
|
+
}
|
60
|
+
.bk-resize-layout-top {
|
61
|
+
flex-direction: column;
|
62
|
+
}
|
63
|
+
.bk-resize-layout-top > .bk-resize-layout-aside {
|
64
|
+
border-bottom: 1px solid #dcdee5;
|
65
|
+
}
|
66
|
+
.bk-resize-layout-top > .bk-resize-layout-aside:after {
|
67
|
+
bottom: 1px;
|
68
|
+
left: 50%;
|
69
|
+
transform: translate3d(-50%, 0, 0) rotate(90deg);
|
70
|
+
}
|
71
|
+
.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
|
72
|
+
top: 100%;
|
73
|
+
left: 0;
|
74
|
+
width: 100%;
|
75
|
+
height: 5px;
|
76
|
+
cursor: row-resize;
|
77
|
+
}
|
78
|
+
.bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
|
79
|
+
top: 100%;
|
80
|
+
left: 50%;
|
81
|
+
margin-top: 8px;
|
82
|
+
transform: translate3d(-50%, -50%, 0) rotate(90deg);
|
83
|
+
}
|
84
|
+
.bk-resize-layout-bottom {
|
85
|
+
flex-direction: column-reverse;
|
86
|
+
}
|
87
|
+
.bk-resize-layout-bottom > .bk-resize-layout-aside {
|
88
|
+
border-top: 1px solid #dcdee5;
|
89
|
+
}
|
90
|
+
.bk-resize-layout-bottom > .bk-resize-layout-aside:after {
|
91
|
+
top: 1px;
|
92
|
+
left: 50%;
|
93
|
+
transform: translate3d(-50%, 0, 0) rotate(90deg);
|
94
|
+
}
|
95
|
+
.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
|
96
|
+
bottom: 100%;
|
97
|
+
left: 0;
|
98
|
+
width: 100%;
|
99
|
+
height: 5px;
|
100
|
+
cursor: row-resize;
|
101
|
+
}
|
102
|
+
.bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
|
103
|
+
bottom: 100%;
|
104
|
+
left: 50%;
|
105
|
+
margin-bottom: 8px;
|
106
|
+
transform: translate3d(50%, 50%, 0) rotate(-90deg);
|
107
|
+
}
|
108
|
+
.bk-resize-layout > .bk-resize-layout-aside {
|
109
|
+
position: relative;
|
110
|
+
}
|
111
|
+
.bk-resize-layout > .bk-resize-layout-aside:after {
|
112
|
+
position: absolute;
|
113
|
+
width: 2px;
|
114
|
+
height: 2px;
|
115
|
+
color: #c4c6cc;
|
116
|
+
background: currentColor;
|
117
|
+
content: '';
|
118
|
+
box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
|
119
|
+
}
|
120
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
|
121
|
+
width: 100%;
|
122
|
+
height: 100%;
|
123
|
+
overflow: hidden;
|
124
|
+
}
|
125
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
|
126
|
+
position: absolute;
|
127
|
+
z-index: 3;
|
128
|
+
background-color: transparent;
|
129
|
+
}
|
130
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
|
131
|
+
position: absolute;
|
132
|
+
z-index: 9999;
|
133
|
+
pointer-events: none;
|
134
|
+
visibility: hidden;
|
135
|
+
}
|
136
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.left,
|
137
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.right {
|
138
|
+
top: 0;
|
139
|
+
height: 100%;
|
140
|
+
border-left: 1px dashed #3a84ff;
|
141
|
+
}
|
142
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.top,
|
143
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.bottom {
|
144
|
+
left: 0;
|
145
|
+
width: 100%;
|
146
|
+
border-top: 1px dashed #3a84ff;
|
147
|
+
}
|
148
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
|
149
|
+
position: absolute;
|
150
|
+
z-index: 2;
|
151
|
+
width: 16px;
|
152
|
+
height: 64px;
|
153
|
+
font-size: 20px;
|
154
|
+
line-height: 64px;
|
155
|
+
color: #fff;
|
156
|
+
text-align: center;
|
157
|
+
text-indent: -2px;
|
158
|
+
cursor: pointer;
|
159
|
+
background: #dcdee5;
|
160
|
+
border-radius: 0px 4px 4px 0px;
|
161
|
+
}
|
162
|
+
.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
|
163
|
+
background: #3a84ff;
|
164
|
+
}
|
165
|
+
.bk-resize-layout > .bk-resize-layout-main {
|
166
|
+
flex: 1;
|
167
|
+
overflow: hidden;
|
168
|
+
}
|
169
|
+
.bk-resize-layout .bk-resize-mask {
|
170
|
+
position: fixed;
|
171
|
+
top: 0;
|
172
|
+
right: 0;
|
173
|
+
bottom: 0;
|
174
|
+
left: 0;
|
175
|
+
z-index: 9999;
|
176
|
+
display: none;
|
177
|
+
}
|