bk-magic-vue 2.4.8 → 2.4.9
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/bkui-vue2-helper/attributes.json +1 -0
- package/bkui-vue2-helper/tags.json +1 -0
- package/dist/bk-magic-vue.css +81 -10
- package/dist/bk-magic-vue.js +245 -115
- package/dist/bk-magic-vue.min.css +1 -1
- package/dist/bk-magic-vue.min.css.gz +0 -0
- package/dist/bk-magic-vue.min.css.map +1 -1
- package/dist/bk-magic-vue.min.js +1 -1
- package/dist/bk-magic-vue.min.js.gz +0 -0
- package/dist/bk-magic-vue.min.js.map +1 -1
- package/lib/button.js +1 -1
- package/lib/date-picker.js +1 -22
- package/lib/dialog.js +30 -8
- package/lib/image-viewer.js +84 -8
- package/lib/image.js +94 -13
- package/lib/info-box.js +31 -8
- package/lib/loading.js +6 -2
- package/lib/pagination.js +871 -51
- package/lib/resize-layout.js +24 -22
- package/lib/select.js +7 -3
- package/lib/spin.js +1 -1
- package/lib/tab.js +241 -210
- package/lib/table-setting-content.js +1 -1
- package/lib/table.js +782 -66
- package/lib/tag-input.js +6 -2
- package/lib/time-picker.js +1 -22
- package/lib/ui/bk-magic-vue.css +81 -10
- package/lib/ui/bk-magic-vue.min.css +1 -1
- package/lib/ui/bk-magic-vue.min.css.gz +0 -0
- package/lib/ui/bk-magic-vue.min.css.map +1 -1
- package/lib/ui/pagination.css +14 -0
- package/lib/ui/pagination.min.css +1 -1
- package/lib/ui/pagination.min.css.map +1 -1
- package/lib/ui/select.css +4 -0
- package/lib/ui/select.min.css +1 -1
- package/lib/ui/select.min.css.map +1 -1
- package/lib/ui/spin.css +38 -5
- package/lib/ui/spin.min.css +1 -1
- package/lib/ui/spin.min.css.map +1 -1
- package/lib/ui/tab.css +41 -5
- package/lib/ui/tab.min.css +1 -1
- package/lib/ui/tab.min.css.map +1 -1
- package/lib/version-detail.js +36 -10
- package/lib/zoom-image.js +372 -176
- package/package.json +2 -2
package/lib/ui/tab.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tab.css"],"names":[],"mappings":"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","file":"tab.min.css","sourcesContent":["@import \"./variable.css\";\n\n$border: 1px solid $newGreyColor1;\n$headerBackgroundColor: $newGreyColor3;\n$headerColor: $newBlackColor2;\n\n.bk-tab {\n border-radius: 2px;\n}\n.bk-tab.bk-tab-border-card {\n >.bk-tab-header {\n height: 43px;\n border: $border;\n border-bottom: none;\n background-color: $headerBackgroundColor;\n border-radius: 2px 2px 0 0;\n }\n >.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list{\n >.bk-tab-label-item.active {\n background-color: #fff;\n }\n }\n}\n.bk-tab.bk-tab-card {\n .bk-tab-label-wrapper {\n &.has-add {\n .bk-tab-label-list {\n border-radius: 2px 0 0 0;\n }\n }\n &.has-scroller {\n .bk-tab-label-list {\n border-radius: 0;\n }\n }\n }\n .bk-tab-label-list {\n border-top: $border;\n border-radius: 2px 2px 0 0;\n .bk-tab-label-item.is-first {\n border-left: $border;\n }\n }\n .bk-tab-scroll-controller {\n border-top: $border;\n &.prev {\n border-left: $border;\n &.disabled {\n border-right: none;\n }\n }\n }\n .bk-tab-add-controller {\n border-top: $border;\n background-color: #fff;\n }\n >.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list{\n >.bk-tab-label-item.active {\n background-color: #fff;\n }\n }\n}\n\n.bk-tab-label-list-has-bar {\n &::after {\n content: '';\n position: absolute;\n bottom: var(--activeBarBottom);\n top: var(----activeBarTop);\n left: var(--activeBarLeft);\n height: var(--activeBarHeight);\n width: var(--activeBarWidth);\n transform: var(--activeBarTransform);\n background: $newMainColor;\n transition: transform .3s cubic-bezier(.645, .045, .355, 1);\n }\n}\n\n.bk-tab.bk-tab-unborder-card {\n .bk-tab-label-list {\n border-top: none;\n }\n .bk-tab-label-wrapper {\n &.has-scroller.has-add {\n .bk-tab-add-controller {\n border-left: none;\n }\n }\n .bk-tab-add-controller,\n .bk-tab-scroll-controller {\n border: none;\n border-bottom: $border;\n background-color: #fff;\n }\n .bk-tab-label-list {\n .bk-tab-label-item {\n border: none!important;\n }\n }\n }\n .bk-tab-section {\n border: none;\n }\n}\n\n.position-left,.position-right {\n display: flex;\n align-items: stretch;\n min-height: 225px;\n &.position-right {\n flex-direction: row-reverse;\n .bk-tab-header {\n border-right: none;\n right: 0;\n &:after, &:before {\n left: 0;\n right: calc(100% - 1px);\n }\n }\n .bk-tab-label-wrapper {\n &:after {\n border-right: none;\n border-left: $border;\n }\n .bk-tab-label-list .bk-tab-label-item {\n text-align: left;\n border-right: none;\n border-left: $border;\n }\n }\n }\n\n .bk-tab-header {\n height: auto;\n background: #fff;\n padding: 10px 0;\n &:after, &:before {\n content: '';\n position: absolute;\n height: 10px;\n width: 1px;\n right: 0;\n top: 0;\n background: $newGreyColor1;\n }\n &:after {\n top: calc(100% - 10px);\n bottom: 0;\n }\n }\n .bk-tab-label-wrapper {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: overlay;\n &:after {\n content: '';\n flex: 1;\n border-right: $border;\n }\n &.has-scroller.has-add {\n .bk-tab-add-controller {\n border-left: none;\n }\n }\n\n .bk-tab-label-list {\n display: flex;\n flex-direction: column;\n height: auto;\n .bk-tab-label-item {\n border-right: $border;\n padding: 0 12px;\n margin: 0;\n text-align: right;\n position: relative;\n }\n }\n }\n .bk-tab-section {\n border: none;\n padding: 10px 20px;\n flex: 1;\n .bk-tab-content {\n word-break: break-all;\n }\n }\n}\n\n.bk-tab-header {\n position: relative;\n height: 42px;\n color: $headerColor;\n background-image: linear-gradient(transparent 41px, $newGreyColor1 1px);\n}\n\n.bk-tab-label-wrapper {\n position: relative;\n height: 100%;\n font-size: 0;\n overflow: hidden;\n &.has-add .bk-tab-label-list {\n .bk-tab-label-item.has-close {\n transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);\n &:hover {\n padding: 0 11px;\n }\n .bk-tab-close-controller {\n transition: all .3s cubic-bezier(.645,.045,.355,1);\n }\n }\n\n }\n\n &.has-scroller {\n padding: 0 24px;\n .bk-tab-label-list {\n .bk-tab-label-item.is-last {\n border-right: none;\n }\n }\n }\n &.has-scroller.has-add {\n padding: 0 66px 0 24px;\n .bk-tab-add-controller {\n position: absolute;\n top: 0;\n right: 0;\n border-bottom: $border;\n border-left: $border;\n &.next-right {\n right: 24px;\n box-shadow: -10px 0 10px rgb(0 0 0 / .05);\n border-right: 0;\n }\n }\n .bk-tab-scroll-controller.next {\n right: 42px;\n }\n .bk-tab-add-custom {\n position: absolute;\n top: 0;\n right: 0;\n border-left: $border;\n &.next-right {\n right: 24px;\n border-left: $border;\n box-shadow: -10px 0 10px rgb(0 0 0 / .05);\n }\n }\n }\n .bk-tab-add-controller {\n display: inline-block;\n vertical-align: middle;\n width: 42px;\n height: 42px;\n border-right: $border;\n border-bottom: $border;\n line-height: 41px;\n text-align: center;\n font-size: $iconNormalSize;\n background-color: $headerBackgroundColor;\n cursor: pointer;\n z-index: 2;\n &:hover {\n color: $newMainColor;\n }\n &.left-border {\n border-left: $border;\n }\n }\n .bk-tab-add-custom {\n display: inline-block;\n position: relative;\n font-size: $iconNormalSize;\n z-index: 2;\n vertical-align: middle;\n opacity: 1;\n background-color: $headerBackgroundColor;\n border-bottom: $border;\n }\n .bk-tab-scroll-controller {\n position: absolute;\n top: 0;\n width: 24px;\n height: 42px;\n border-bottom: $border;\n line-height: 41px;\n text-align: center;\n font-size: $iconNormalSize;\n background-color: $headerBackgroundColor;\n box-shadow: 0 0 20px rgba(0, 0, 0, .2);\n cursor: pointer;\n z-index: 1;\n &.prev {\n left: 0;\n border-right: $border;\n border-radius: 2px 0 0 0;\n }\n\n &.next {\n right: 0;\n border-left: $border;\n }\n\n &.add {\n width: 42px;\n right: 24px;\n box-shadow: none;\n border-right: $border;\n border-left: $border;\n }\n &:hover {\n color: $newMainColor;\n }\n\n &.disabled {\n box-shadow: none;\n cursor: not-allowed;\n color: $newGreyColor;\n }\n }\n .bk-tab-label-list {\n display: inline-block;\n height: 42px;\n vertical-align: middle;\n padding: 0;\n margin: 0;\n font-size: 0;\n list-style: none;\n white-space: nowrap;\n transition: transform .3s;\n\n .bk-tab-label-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n min-width: 100px;\n padding: 0 18px;\n border-right: $border;\n text-align: center;\n line-height: 42px;\n cursor: pointer;\n &:not(.is-disabled):hover {\n color: $newMainColor;\n }\n &.simulate-border-bottom {\n padding: 0 10px;\n .bk-tab-label {\n box-shadow: inset 0px -4px 0px -2px $newMainColor !important;\n padding: 0 8px;\n }\n }\n &.simulate-border-right {\n /* box-shadow: inset -4px 0px 0px -2px #3a84ff; */\n border-right: 2px solid $newMainColor;\n padding-right: 11px;\n }\n &.active {\n /* background-color: #fff; */\n color: $newMainColor;\n cursor: default;\n }\n &.is-disabled {\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-dragging {\n cursor: move;\n user-select: none;\n }\n &.is-dragenter {\n background: $newGreyColor2;\n }\n &.is-unsortable {\n cursor: not-allowed;\n background: none;\n }\n &.has-close:hover {\n padding: 0 10px;\n .bk-tab-close-controller {\n margin: 0 0 0 6px;\n width: 14px;\n }\n }\n .bk-tab-label {\n font-size: 14px;\n display: inline-block;\n vertical-align: middle;\n }\n .bk-tab-close-controller {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 0;\n height: 14px;\n border-radius: 50%;\n background-color: $newGreyColor;\n overflow: hidden;\n cursor: pointer;\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n top: 6px;\n left: 3px;\n width: 8px;\n height: 1px;\n background-color: #fff;\n }\n &:before {\n transform: translateY(0.5px) rotate(45deg);\n }\n &:after {\n transform: translateY(0.5px) rotate(-45deg);\n }\n &:hover {\n background-color: $newBlackColor3;\n }\n }\n }\n }\n}\n\n.bk-tab-header-setting {\n float: right;\n height: 42px;\n line-height: 42px;\n}\n\n.bk-tab-section {\n padding: 20px;\n border: $border;\n border-top: none;\n border-radius: 0 0 2px 2px;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["tab.css"],"names":[],"mappings":"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","file":"tab.min.css","sourcesContent":["@import \"./variable.css\";\n\n$border: 1px solid $newGreyColor1;\n$headerBackgroundColor: $newGreyColor3;\n$headerColor: $newBlackColor2;\n\n.bk-tab {\n border-radius: 2px;\n}\n.bk-tab.bk-tab-border-card {\n >.bk-tab-header {\n height: 43px;\n border: $border;\n border-bottom: none;\n background-color: $headerBackgroundColor;\n border-radius: 2px 2px 0 0;\n }\n >.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list{\n >.bk-tab-label-item.active {\n background-color: #fff;\n }\n }\n}\n.bk-tab.bk-tab-card {\n .bk-tab-label-wrapper {\n &.has-add {\n .bk-tab-label-list {\n border-radius: 2px 0 0 0;\n }\n }\n &.has-scroller {\n .bk-tab-label-list {\n border-radius: 0;\n }\n }\n }\n .bk-tab-label-list {\n border-top: $border;\n border-radius: 2px 2px 0 0;\n .bk-tab-label-item.is-first {\n border-left: $border;\n }\n }\n .bk-tab-scroll-controller {\n border-top: $border;\n &.prev {\n border-left: $border;\n &.disabled {\n border-right: none;\n }\n }\n }\n .bk-tab-extension-controller, .bk-tab-add-controller {\n border-top: $border;\n background-color: #fff;\n }\n >.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list{\n >.bk-tab-label-item.active {\n background-color: #fff;\n }\n }\n}\n\n.bk-tab-label-list-has-bar {\n &::after {\n content: '';\n position: absolute;\n bottom: var(--activeBarBottom);\n top: var(----activeBarTop);\n left: var(--activeBarLeft);\n height: var(--activeBarHeight);\n width: var(--activeBarWidth);\n transform: var(--activeBarTransform);\n background: $newMainColor;\n transition: transform .3s cubic-bezier(.645, .045, .355, 1);\n }\n}\n\n.bk-tab.bk-tab-unborder-card {\n .bk-tab-label-list {\n border-top: none;\n }\n .bk-tab-label-wrapper {\n &.has-scroller.has-add {\n .bk-tab-add-controller {\n border-left: none;\n }\n .bk-tab-extension-controller {\n border-left: none;\n }\n }\n .bk-tab-extension-controller,\n .bk-tab-add-controller,\n .bk-tab-scroll-controller {\n border: none;\n border-bottom: $border;\n background-color: #fff;\n }\n .bk-tab-label-list {\n .bk-tab-label-item {\n border: none!important;\n }\n }\n }\n .bk-tab-section {\n border: none;\n }\n}\n\n.position-left,.position-right {\n display: flex;\n align-items: stretch;\n min-height: 225px;\n &.position-right {\n flex-direction: row-reverse;\n .bk-tab-header {\n border-right: none;\n right: 0;\n &:after, &:before {\n left: 0;\n right: calc(100% - 1px);\n }\n }\n .bk-tab-label-wrapper {\n &:after {\n border-right: none;\n border-left: $border;\n }\n .bk-tab-label-list .bk-tab-label-item {\n text-align: left;\n border-right: none;\n border-left: $border;\n }\n }\n }\n\n .bk-tab-header {\n height: auto;\n background: #fff;\n padding: 10px 0;\n &:after, &:before {\n content: '';\n position: absolute;\n height: 10px;\n width: 1px;\n right: 0;\n top: 0;\n background: $newGreyColor1;\n }\n &:after {\n top: calc(100% - 10px);\n bottom: 0;\n }\n }\n .bk-tab-label-wrapper {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-y: overlay;\n &:after {\n content: '';\n flex: 1;\n border-right: $border;\n }\n &.has-scroller.has-add {\n .bk-tab-add-controller {\n border-left: none;\n }\n ..bk-tab-extension-controller {\n border-left: none;\n }\n }\n\n .bk-tab-label-list {\n display: flex;\n flex-direction: column;\n height: auto;\n .bk-tab-label-item {\n border-right: $border;\n padding: 0 12px;\n margin: 0;\n text-align: right;\n position: relative;\n }\n }\n }\n .bk-tab-section {\n border: none;\n padding: 10px 20px;\n flex: 1;\n .bk-tab-content {\n word-break: break-all;\n }\n }\n}\n\n.bk-tab-header {\n position: relative;\n height: 42px;\n color: $headerColor;\n background-image: linear-gradient(transparent 41px, $newGreyColor1 1px);\n}\n\n.bk-tab-label-wrapper {\n position: relative;\n height: 100%;\n font-size: 0;\n overflow: hidden;\n &.has-add .bk-tab-label-list {\n .bk-tab-label-item.has-close {\n transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);\n &:hover {\n padding: 0 11px;\n }\n .bk-tab-close-controller {\n transition: all .3s cubic-bezier(.645,.045,.355,1);\n }\n }\n\n }\n\n &.has-scroller {\n padding: 0 24px;\n .bk-tab-label-list {\n .bk-tab-label-item.is-last {\n border-right: none;\n }\n }\n }\n &.has-scroller.has-add {\n padding: 0 66px 0 24px;\n .bk-tab-add-controller {\n position: absolute;\n top: 0;\n right: 0;\n border-bottom: $border;\n border-left: $border;\n &.next-right {\n right: 24px;\n box-shadow: -10px 0 10px rgb(0 0 0 / .05);\n border-right: 0;\n }\n }\n &.has-extension {\n .bk-tab-extension-controller {\n position: absolute;\n top: 0;\n right: 42px;\n border-left: $border;\n }\n .bk-tab-add-controller {\n border-left-width: 0;\n }\n .bk-tab-scroll-controller.next {\n right: 84px !important;\n }\n }\n .bk-tab-scroll-controller.next {\n right: 42px;\n }\n .bk-tab-add-custom {\n position: absolute;\n top: 0;\n right: 0;\n border-left: $border;\n &.next-right {\n right: 24px;\n border-left: $border;\n box-shadow: -10px 0 10px rgb(0 0 0 / .05);\n }\n }\n }\n &.has-scroller.has-extension:not(.has-add) {\n .bk-tab-extension-controller {\n position: absolute;\n top: 0;\n right: 0;\n border-bottom: $border;\n border-left: $border;\n }\n .bk-tab-scroll-controller.next {\n right: 42px;\n }\n }\n .bk-tab-extension-controller, .bk-tab-add-controller {\n display: inline-block;\n vertical-align: middle;\n width: 42px;\n height: 42px;\n border-right: $border;\n border-bottom: $border;\n line-height: 41px;\n text-align: center;\n font-size: $iconNormalSize;\n background-color: $headerBackgroundColor;\n cursor: pointer;\n z-index: 2;\n &:hover {\n color: $newMainColor;\n }\n &.left-border {\n border-left: $border;\n }\n }\n .bk-tab-add-custom {\n display: inline-block;\n position: relative;\n font-size: $iconNormalSize;\n z-index: 2;\n vertical-align: middle;\n opacity: 1;\n background-color: $headerBackgroundColor;\n border-bottom: $border;\n }\n .bk-tab-scroll-controller {\n position: absolute;\n top: 0;\n width: 24px;\n height: 42px;\n border-bottom: $border;\n line-height: 41px;\n text-align: center;\n font-size: $iconNormalSize;\n background-color: $headerBackgroundColor;\n box-shadow: 0 0 20px rgba(0, 0, 0, .2);\n cursor: pointer;\n z-index: 1;\n &.prev {\n left: 0;\n border-right: $border;\n border-radius: 2px 0 0 0;\n }\n\n &.next {\n right: 0;\n border-left: $border;\n }\n\n &.add {\n width: 42px;\n right: 24px;\n box-shadow: none;\n border-right: $border;\n border-left: $border;\n }\n &:hover {\n color: $newMainColor;\n }\n\n &.disabled {\n box-shadow: none;\n cursor: not-allowed;\n color: $newGreyColor;\n }\n }\n .bk-tab-label-list {\n display: inline-block;\n height: 42px;\n vertical-align: middle;\n padding: 0;\n margin: 0;\n font-size: 0;\n list-style: none;\n white-space: nowrap;\n transition: transform .3s;\n\n .bk-tab-label-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n min-width: 100px;\n padding: 0 18px;\n border-right: $border;\n text-align: center;\n line-height: 42px;\n cursor: pointer;\n &:not(.is-disabled):hover {\n color: $newMainColor;\n }\n &.simulate-border-bottom {\n padding: 0 10px;\n .bk-tab-label {\n box-shadow: inset 0px -4px 0px -2px $newMainColor !important;\n padding: 0 8px;\n }\n }\n &.simulate-border-right {\n /* box-shadow: inset -4px 0px 0px -2px #3a84ff; */\n border-right: 2px solid $newMainColor;\n padding-right: 11px;\n }\n &.active {\n /* background-color: #fff; */\n color: $newMainColor;\n cursor: default;\n }\n &.is-disabled {\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-dragging {\n cursor: move;\n user-select: none;\n }\n &.is-dragenter {\n background: $newGreyColor2;\n }\n &.is-unsortable {\n cursor: not-allowed;\n background: none;\n }\n &.has-close:hover {\n padding: 0 10px;\n .bk-tab-close-controller {\n margin: 0 0 0 6px;\n width: 14px;\n }\n }\n .bk-tab-label {\n font-size: 14px;\n display: inline-block;\n vertical-align: middle;\n }\n .bk-tab-close-controller {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 0;\n height: 14px;\n border-radius: 50%;\n background-color: $newGreyColor;\n overflow: hidden;\n cursor: pointer;\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n top: 6px;\n left: 3px;\n width: 8px;\n height: 1px;\n background-color: #fff;\n }\n &:before {\n transform: translateY(0.5px) rotate(45deg);\n }\n &:after {\n transform: translateY(0.5px) rotate(-45deg);\n }\n &:hover {\n background-color: $newBlackColor3;\n }\n }\n }\n }\n}\n\n.bk-tab-header-setting {\n float: right;\n height: 42px;\n line-height: 42px;\n}\n\n.bk-tab-section {\n padding: 20px;\n border: $border;\n border-top: none;\n border-radius: 0 0 2px 2px;\n}\n"]}
|
package/lib/version-detail.js
CHANGED
|
@@ -4046,7 +4046,9 @@
|
|
|
4046
4046
|
el.$vm.isShow = false;
|
|
4047
4047
|
}, delay);
|
|
4048
4048
|
} else {
|
|
4049
|
-
|
|
4049
|
+
Vue.nextTick(function () {
|
|
4050
|
+
el.$vm.isShow = false;
|
|
4051
|
+
});
|
|
4050
4052
|
}
|
|
4051
4053
|
}
|
|
4052
4054
|
if (options.title) {
|
|
@@ -4080,7 +4082,9 @@
|
|
|
4080
4082
|
}
|
|
4081
4083
|
},
|
|
4082
4084
|
update: function update(el, binding) {
|
|
4083
|
-
|
|
4085
|
+
if (el.viewmodel) {
|
|
4086
|
+
toggle(el, binding.value);
|
|
4087
|
+
}
|
|
4084
4088
|
}
|
|
4085
4089
|
};
|
|
4086
4090
|
|
|
@@ -4091,7 +4095,7 @@
|
|
|
4091
4095
|
type: String,
|
|
4092
4096
|
default: 'primary',
|
|
4093
4097
|
validator: function validator(value) {
|
|
4094
|
-
if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
|
|
4098
|
+
if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
|
|
4095
4099
|
console.error("theme property is not valid: '".concat(value, "'"));
|
|
4096
4100
|
return false;
|
|
4097
4101
|
}
|
|
@@ -5274,6 +5278,10 @@
|
|
|
5274
5278
|
type: Function,
|
|
5275
5279
|
default: null
|
|
5276
5280
|
},
|
|
5281
|
+
closeFn: {
|
|
5282
|
+
type: Function,
|
|
5283
|
+
default: null
|
|
5284
|
+
},
|
|
5277
5285
|
onClose: {
|
|
5278
5286
|
type: Function,
|
|
5279
5287
|
default: function _default() {}
|
|
@@ -5620,6 +5628,7 @@
|
|
|
5620
5628
|
},
|
|
5621
5629
|
close: function close() {
|
|
5622
5630
|
var _this2 = this;
|
|
5631
|
+
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cancel';
|
|
5623
5632
|
return _asyncToGenerator( regenerator.mark(function _callee() {
|
|
5624
5633
|
var shouldClose;
|
|
5625
5634
|
return regenerator.wrap(function _callee$(_context) {
|
|
@@ -5636,14 +5645,28 @@
|
|
|
5636
5645
|
case 4:
|
|
5637
5646
|
shouldClose = _context.sent;
|
|
5638
5647
|
case 5:
|
|
5639
|
-
if (shouldClose) {
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5648
|
+
if (!shouldClose) {
|
|
5649
|
+
_context.next = 17;
|
|
5650
|
+
break;
|
|
5651
|
+
}
|
|
5652
|
+
_this2.visible = false;
|
|
5653
|
+
typeof _this2.onClose === 'function' && _this2.onClose();
|
|
5654
|
+
_this2.$emit('input', false);
|
|
5655
|
+
_this2.$emit('cancel');
|
|
5656
|
+
_context.t0 = type;
|
|
5657
|
+
_context.next = _context.t0 === 'cancel' ? 13 : _context.t0 === 'close' ? 15 : 17;
|
|
5658
|
+
break;
|
|
5659
|
+
case 13:
|
|
5660
|
+
typeof _this2.cancelFn === 'function' && _this2.cancelFn(_this2);
|
|
5661
|
+
return _context.abrupt("break", 17);
|
|
5662
|
+
case 15:
|
|
5663
|
+
if (_this2.closeFn) {
|
|
5664
|
+
typeof _this2.closeFn === 'function' && _this2.closeFn(_this2);
|
|
5665
|
+
} else {
|
|
5644
5666
|
typeof _this2.cancelFn === 'function' && _this2.cancelFn(_this2);
|
|
5645
5667
|
}
|
|
5646
|
-
|
|
5668
|
+
return _context.abrupt("break", 17);
|
|
5669
|
+
case 17:
|
|
5647
5670
|
case "end":
|
|
5648
5671
|
return _context.stop();
|
|
5649
5672
|
}
|
|
@@ -5655,6 +5678,9 @@
|
|
|
5655
5678
|
this.$emit('after-leave');
|
|
5656
5679
|
typeof this.afterLeaveFn === 'function' && this.afterLeaveFn(this);
|
|
5657
5680
|
},
|
|
5681
|
+
closeHandler: function closeHandler() {
|
|
5682
|
+
this.close('close');
|
|
5683
|
+
},
|
|
5658
5684
|
cancelHandler: function cancelHandler(e) {
|
|
5659
5685
|
this.close();
|
|
5660
5686
|
},
|
|
@@ -5886,7 +5912,7 @@
|
|
|
5886
5912
|
on: {
|
|
5887
5913
|
"click": function click($event) {
|
|
5888
5914
|
$event.stopPropagation();
|
|
5889
|
-
return _vm.
|
|
5915
|
+
return _vm.closeHandler($event);
|
|
5890
5916
|
}
|
|
5891
5917
|
}
|
|
5892
5918
|
}) : _vm._e()], 2)])] : [_vm.shouldRender || _vm.visible ? _c('div', {
|