bkui-vue 0.0.1-beta.18 → 0.0.1-beta.19

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.
Files changed (54) hide show
  1. package/dist/bkui-vue.cjs.js +452 -405
  2. package/dist/bkui-vue.esm.js +451 -403
  3. package/dist/bkui-vue.umd.js +452 -405
  4. package/lib/badge/badge.d.ts +1 -1
  5. package/lib/badge/index.d.ts +4 -4
  6. package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
  7. package/lib/breadcrumb/breadcrumb.d.ts +1 -1
  8. package/lib/breadcrumb/index.d.ts +5 -5
  9. package/lib/button/button.d.ts +1 -1
  10. package/lib/button/index.d.ts +4 -4
  11. package/lib/date-picker/date-picker.d.ts +2 -2
  12. package/lib/date-picker/index.d.ts +7 -7
  13. package/lib/date-picker/index.js +1 -1
  14. package/lib/dialog/dialog.d.ts +12 -3
  15. package/lib/dialog/index.d.ts +27 -8
  16. package/lib/dialog/index.js +1 -1
  17. package/lib/directives/index.js +1 -1
  18. package/lib/divider/divider.d.ts +1 -1
  19. package/lib/divider/index.d.ts +4 -4
  20. package/lib/exception/exception.d.ts +1 -1
  21. package/lib/exception/index.d.ts +4 -4
  22. package/lib/form/form-item.d.ts +2 -2
  23. package/lib/form/index.d.ts +2 -2
  24. package/lib/input/index.d.ts +4 -4
  25. package/lib/input/input.d.ts +1 -1
  26. package/lib/modal/index.d.ts +24 -1
  27. package/lib/modal/index.js +1 -1
  28. package/lib/modal/modal.d.ts +9 -0
  29. package/lib/modal/props.mixin.d.ts +4 -0
  30. package/lib/pagination/index.d.ts +4 -4
  31. package/lib/pagination/pagination.d.ts +1 -1
  32. package/lib/popover/index.d.ts +7 -7
  33. package/lib/popover/popover.d.ts +2 -2
  34. package/lib/progress/index.d.ts +10 -10
  35. package/lib/progress/progress.d.ts +3 -3
  36. package/lib/shared/bk-mask-manager.d.ts +32 -3
  37. package/lib/shared/bk-pop-manager.d.ts +8 -1
  38. package/lib/shared/index.js +1 -1
  39. package/lib/shared/vue-types.d.ts +2 -6
  40. package/lib/sideslider/index.d.ts +23 -4
  41. package/lib/sideslider/sideslider.d.ts +10 -1
  42. package/lib/steps/index.d.ts +4 -4
  43. package/lib/steps/steps.d.ts +1 -1
  44. package/lib/tab/index.d.ts +4 -4
  45. package/lib/tab/tab.d.ts +1 -1
  46. package/lib/table/index.d.ts +4 -4
  47. package/lib/table/index.js +1 -1
  48. package/lib/table/table.d.ts +3 -3
  49. package/lib/table/utils.d.ts +6 -0
  50. package/lib/tree/index.d.ts +4 -4
  51. package/lib/tree/tree.d.ts +1 -1
  52. package/lib/virtual-render/index.d.ts +7 -7
  53. package/lib/virtual-render/virtual-render.d.ts +2 -2
  54. package/package.json +46 -46
@@ -34,68 +34,57 @@ var __publicField = (obj, key, value) => {
34
34
  return value;
35
35
  };
36
36
  import { createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, Transition, getCurrentInstance, provide, inject, nextTick, isVNode, Fragment, createTextVNode, toRefs, customRef, watchEffect, unref, withDirectives, vModelText, vShow, resolveDirective, onBeforeMount, toRef, onUpdated, render, onUnmounted, Teleport } from "vue";
37
- var reset = "html,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n";
38
- var alert = ".bk-alert {\n position: relative;\n font-size: 12px;\n color: #63656e;\n text-align: left;\n word-wrap: break-word;\n border: 1px solid;\n border-radius: 2px;\n}\n.bk-alert .bk-alert-icon-info {\n margin-right: 8px;\n font-size: 16px;\n}\n.bk-alert .icon-close {\n font-size: 17px;\n}\n.bk-alert-wraper {\n display: flex;\n padding: 8px 10px;\n}\n.bk-alert-info {\n background-color: #f0f8ff;\n border-color: #c5daff;\n}\n.bk-alert-info .bk-alert-icon-info {\n color: #3a84ff;\n}\n.bk-alert-success {\n background-color: #f2fff4;\n border-color: #94f5a4;\n}\n.bk-alert-success .bk-alert-icon-info {\n color: #2dcb56;\n}\n.bk-alert-warning {\n background-color: #fff4e2;\n border-color: #ffdfac;\n}\n.bk-alert-warning .bk-alert-icon-info {\n color: #ff9c01;\n}\n.bk-alert-error {\n background-color: #ffeded;\n border-color: #ffd2d2;\n}\n.bk-alert-error .bk-alert-icon-info {\n color: #ea3636;\n}\n.bk-alert-content {\n display: flex;\n flex: 1;\n flex-direction: column;\n overflow: hidden;\n}\n.bk-alert-title {\n line-height: 16px;\n}\n.bk-alert-close {\n padding: 8px 12px 0 6px;\n margin-top: -8px;\n margin-right: -10px;\n font-size: 12px;\n white-space: nowrap;\n cursor: pointer;\n}\n.bk-alert-leave-leave {\n opacity: 1;\n}\n.bk-alert-leave-leave-active {\n overflow: hidden;\n transition: opacity 0.15s, height 0.2s;\n}\n.bk-alert-leave-leave-to {\n opacity: 0;\n}\n";
39
- var backtop = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-backtop {\n position: fixed;\n display: flex;\n width: 52px;\n height: 52px;\n cursor: pointer;\n background: #fff;\n border-radius: 50%;\n opacity: 1;\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);\n align-items: center;\n justify-content: center;\n}\n.bk-fade-enter-active,\n.bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-enter,\n.bk-fade-leave-to {\n opacity: 0;\n}\n";
40
- var badge = ".bk-badge-main {\n position: relative;\n display: inline-block;\n}\n.bk-badge-main .bk-badge {\n position: relative;\n display: inline-block;\n height: 16px;\n padding: 1px 5px;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n background-color: white;\n border-radius: 18px;\n}\n.bk-badge-main .bk-badge.pinned {\n position: absolute;\n}\n.bk-badge-main .bk-badge.pinned.top-right {\n top: 0;\n right: 0;\n transform: translate(50%, -50%) scale(1, 1);\n}\n.bk-badge-main .bk-badge.pinned.top-right.fade-center-enter,\n.bk-badge-main .bk-badge.pinned.top-right.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n}\n.bk-badge-main .bk-badge.pinned.right {\n top: 50%;\n right: 0%;\n transform: translate(100%, -50%) scale(1, 1);\n}\n.bk-badge-main .bk-badge.pinned.right.fade-center-enter,\n.bk-badge-main .bk-badge.pinned.right.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n}\n.bk-badge-main .bk-badge.pinned.bottom-right {\n right: 0;\n bottom: 0;\n transform: translate(50%, 50%) scale(1, 1);\n}\n.bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,\n.bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, 50%) scale(0, 0);\n}\n.bk-badge-main .bk-badge.pinned.top-left {\n top: 0;\n left: 0;\n transform: translate(-50%, -50%) scale(1, 1);\n}\n.bk-badge-main .bk-badge.pinned.top-left.fade-center-enter,\n.bk-badge-main .bk-badge.pinned.top-left.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0, 0);\n}\n.bk-badge-main .bk-badge.pinned.bottom-left {\n bottom: 0;\n left: 0;\n transform: translate(-50%, 50%) scale(1, 1);\n}\n.bk-badge-main .bk-badge.pinned.bottom-left.fade-center-enter,\n.bk-badge-main .bk-badge.pinned.bottom-left.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, 50%) scale(0, 0);\n}\n.bk-badge-main .bk-badge.bk-danger {\n color: white;\n background-color: #ea3636;\n border: 2px solid white;\n}\n.bk-badge-main .bk-badge.bk-danger.is-icon {\n color: #ea3636;\n background-color: white;\n border-color: white;\n}\n.bk-badge-main .bk-badge.bk-warning {\n color: white;\n background-color: #ff9c01;\n border: 2px solid white;\n}\n.bk-badge-main .bk-badge.bk-warning.is-icon {\n color: #ff9c01;\n background-color: white;\n border-color: white;\n}\n.bk-badge-main .bk-badge.bk-success {\n color: white;\n background-color: #2dcb56;\n border: 2px solid white;\n}\n.bk-badge-main .bk-badge.bk-success.is-icon {\n color: #2dcb56;\n background-color: white;\n border-color: white;\n}\n.bk-badge-main .bk-badge.bk-primary {\n color: white;\n background-color: #3a84ff;\n border: 2px solid white;\n}\n.bk-badge-main .bk-badge.bk-primary.is-icon {\n color: #3a84ff;\n background-color: white;\n border-color: white;\n}\n.bk-badge-main .bk-badge.dot {\n width: 6px;\n height: 6px;\n min-width: 6px;\n padding: 0;\n border: 1px solid white;\n}\n.bk-badge-main .bk-badge.bk-badge-icon {\n display: inline-block;\n padding: 0;\n padding-bottom: 1px;\n font-size: 16px;\n}\n";
41
- var breadcrumb = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-breadcrumb {\n display: flex;\n font-size: 14px;\n color: #979ba5;\n align-items: center;\n}\n.bk-breadcrumb::after {\n clear: both;\n}\n.bk-breadcrumb-separator {\n margin: 0 9px;\n font-weight: bold;\n}\n.bk-breadcrumb-separator[class*=icon] {\n margin: 0 6px;\n font-weight: normal;\n}\n.bk-breadcrumb-goback {\n margin-right: 12px;\n color: #0082ff;\n cursor: pointer;\n}\n.bk-breadcrumb-goback svg {\n font-size: 26px;\n}\n.bk-breadcrumb-item-inner.is-link,\n.bk-breadcrumb-item-inner a {\n color: #63656e;\n text-decoration: none;\n}\n.bk-breadcrumb-item-inner.is-link:hover,\n.bk-breadcrumb-item-inner a:hover {\n color: #0082ff;\n cursor: pointer;\n}\n.bk-breadcrumb-item:last-child {\n color: #979ba5;\n}\n.bk-breadcrumb-item:last-child .el-breadcrumb__inner,\n.bk-breadcrumb-item:last-child .el-breadcrumb__inner a,\n.bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,\n.bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover {\n cursor: text;\n}\n.bk-breadcrumb-item:last-child .bk-breadcrumb-separator {\n display: none;\n}\n";
42
- var button = ".bk-button {\n display: inline-block;\n height: 32px;\n min-width: 64px;\n padding: 0 15px;\n font-size: 14px;\n color: #63656e;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n background-color: white;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n outline: none;\n box-sizing: border-box;\n transition: background-color ease 0.3s;\n appearance: none;\n}\n.bk-button.bk-button-primary {\n background-color: #3a84ff;\n color: white;\n border-color: #3a84ff;\n}\n.bk-button.bk-button-primary:hover {\n background-color: #5594fa;\n border-color: #5594fa;\n}\n.bk-button.bk-button-primary:active {\n background-color: #2c77f4;\n border-color: #2c77f4;\n}\n.bk-button.bk-button-primary.is-disabled {\n background-color: #dcdee5;\n border-color: #dcdee5;\n}\n.bk-button.bk-button-primary.is-outline {\n color: #3a84ff;\n border-color: #3a84ff;\n background-color: white;\n}\n.bk-button.bk-button-primary.is-outline:hover {\n background-color: #5594fa;\n border-color: #5594fa;\n color: white;\n}\n.bk-button.bk-button-primary.is-text {\n color: #3a84ff;\n background: none;\n border: none;\n}\n.bk-button.bk-button-primary.is-text:hover {\n color: #5594fa;\n}\n.bk-button.bk-button-hover-primary:hover {\n background-color: #5594fa;\n border-color: #5594fa;\n color: white;\n}\n.bk-button.bk-button-warning {\n background-color: #ff9c01;\n color: white;\n border-color: #ff9c01;\n}\n.bk-button.bk-button-warning:hover {\n background-color: #ffb848;\n border-color: #ffb848;\n}\n.bk-button.bk-button-warning:active {\n background-color: #eb9000;\n border-color: #eb9000;\n}\n.bk-button.bk-button-warning.is-disabled {\n background-color: #dcdee5;\n border-color: #dcdee5;\n}\n.bk-button.bk-button-warning.is-outline {\n color: #ff9c01;\n border-color: #ff9c01;\n background-color: white;\n}\n.bk-button.bk-button-warning.is-outline:hover {\n background-color: #ffb848;\n border-color: #ffb848;\n color: white;\n}\n.bk-button.bk-button-warning.is-text {\n color: #ff9c01;\n background: none;\n border: none;\n}\n.bk-button.bk-button-warning.is-text:hover {\n color: #ffb848;\n}\n.bk-button.bk-button-hover-warning:hover {\n background-color: #ffb848;\n border-color: #ffb848;\n color: white;\n}\n.bk-button.bk-button-success {\n background-color: #2dcb56;\n color: white;\n border-color: #2dcb56;\n}\n.bk-button.bk-button-success:hover {\n background-color: #45e35f;\n border-color: #45e35f;\n}\n.bk-button.bk-button-success:active {\n background-color: #1ab943;\n border-color: #1ab943;\n}\n.bk-button.bk-button-success.is-disabled {\n background-color: #dcdee5;\n border-color: #dcdee5;\n}\n.bk-button.bk-button-success.is-outline {\n color: #2dcb56;\n border-color: #2dcb56;\n background-color: white;\n}\n.bk-button.bk-button-success.is-outline:hover {\n background-color: #45e35f;\n border-color: #45e35f;\n color: white;\n}\n.bk-button.bk-button-success.is-text {\n color: #2dcb56;\n background: none;\n border: none;\n}\n.bk-button.bk-button-success.is-text:hover {\n color: #45e35f;\n}\n.bk-button.bk-button-hover-success:hover {\n background-color: #45e35f;\n border-color: #45e35f;\n color: white;\n}\n.bk-button.bk-button-danger {\n background-color: #ea3636;\n color: white;\n border-color: #ea3636;\n}\n.bk-button.bk-button-danger:hover {\n background-color: #ff5656;\n border-color: #ff5656;\n}\n.bk-button.bk-button-danger:active {\n background-color: #db2626;\n border-color: #db2626;\n}\n.bk-button.bk-button-danger.is-disabled {\n background-color: #dcdee5;\n border-color: #dcdee5;\n}\n.bk-button.bk-button-danger.is-outline {\n color: #ea3636;\n border-color: #ea3636;\n background-color: white;\n}\n.bk-button.bk-button-danger.is-outline:hover {\n background-color: #ff5656;\n border-color: #ff5656;\n color: white;\n}\n.bk-button.bk-button-danger.is-text {\n color: #ea3636;\n background: none;\n border: none;\n}\n.bk-button.bk-button-danger.is-text:hover {\n color: #ff5656;\n}\n.bk-button.bk-button-hover-danger:hover {\n background-color: #ff5656;\n border-color: #ff5656;\n color: white;\n}\n.bk-button.bk-button-small {\n min-width: 48px;\n height: 26px;\n padding: 0 12px;\n}\n.bk-button.bk-button-large {\n min-width: 74px;\n height: 38px;\n padding: 0 20px;\n}\n.bk-button:hover {\n border-color: #979ba5;\n}\n.bk-button:active {\n color: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-button.is-disabled {\n color: #dcdee5;\n cursor: auto;\n border-color: #dcdee5;\n}\n.bk-button.is-text {\n font-size: 14px;\n color: #63656e;\n text-decoration: none;\n cursor: pointer;\n background: none;\n border: none;\n outline: none;\n}\n.bk-button-group {\n display: inline-block;\n font-size: 0;\n}\n.bk-button-group.bk-button-group-small .bk-button {\n min-width: 48px;\n height: 26px;\n padding: 0 12px;\n}\n.bk-button-group.bk-button-group-large .bk-button {\n min-width: 74px;\n height: 38px;\n padding: 0 20px;\n}\n.bk-button-group .bk-button {\n height: 32px;\n min-width: 64px;\n margin: 0 0 0 -1px;\n border-radius: 0;\n}\n.bk-button-group .bk-button:not(.is-disabled) {\n color: #63656e;\n background-color: white;\n border-color: #c4c6cc;\n}\n.bk-button-group .bk-button:first-child {\n border-radius: 2px 0 0 2px;\n}\n.bk-button-group .bk-button:last-child {\n border-radius: 0 2px 2px 0;\n}\n.bk-button-group .bk-button:only-child {\n border-radius: 2px;\n}\n.bk-button-group .bk-button:hover:not(.is-disabled),\n.bk-button-group .bk-button.is-selected:not(.is-disabled) {\n position: relative;\n z-index: 1;\n color: #3a84ff;\n background-color: white;\n border-color: #3a84ff;\n}\n";
43
- var card = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-card {\n position: relative;\n display: inline-block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n background: white;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n}\n.bk-card .bk-card-head {\n position: relative;\n width: 100%;\n height: 50px;\n padding: 0 20px;\n line-height: 50px;\n border-bottom: 1px solid #f0f2f5;\n}\n.bk-card .bk-card-head .title {\n font-weight: 600;\n color: #63656e;\n display: inline-block;\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-card .bk-card-body {\n width: 100%;\n padding: 0 20px;\n text-align: left;\n}\n.bk-card .bk-card-footer {\n width: 100%;\n height: 50px;\n line-height: 50px;\n border-top: 1px solid #f0f2f5;\n}\n.bk-card-border-none {\n border: none;\n}\n";
44
- var checkbox = ".bk-checkbox {\n display: inline-block;\n margin-right: 30px;\n font-size: 14px;\n letter-spacing: normal;\n color: #63656e;\n cursor: pointer;\n user-select: none;\n}\n.bk-checkbox.is-checked .bk-checkbox-input {\n background: #3a84ff;\n border-color: #3a84ff;\n transition: all 0.1s;\n}\n.bk-checkbox.is-checked .bk-checkbox-input::after {\n position: absolute;\n top: 1px;\n left: 5px;\n width: 4px;\n height: 8px;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n content: '';\n transform: scaleY(1) rotate(45deg);\n transform-origin: center;\n}\n.bk-checkbox.is-disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n}\n.bk-checkbox.is-disabled .bk-checkbox-input {\n background: #fafbfd;\n border-color: #dcdee5;\n}\n.bk-checkbox.is-disabled .bk-checkbox-input::after {\n background: #dcdee5;\n}\n.bk-checkbox.is-disabled.is-checked .bk-checkbox-input {\n background: #dcdee5;\n}\n.bk-checkbox .bk-checkbox-input {\n position: relative;\n display: inline-block;\n width: 16px;\n height: 16px;\n margin-right: 5px;\n vertical-align: middle;\n border: 1px solid #979ba5;\n border-radius: 2px;\n}\n.bk-checkbox .bk-checkbox-original {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 0;\n height: 0;\n}\n.bk-checkbox .bk-checkbox-label {\n display: inline-block;\n line-height: 18px;\n vertical-align: middle;\n}\n";
45
- var collapse = ".bk-collapse-wrapper .bk-collapse-item {\n text-align: left;\n}\n.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {\n position: relative;\n height: 42px;\n padding: 0 10px;\n overflow: hidden;\n font-size: 14px;\n line-height: 42px;\n color: #63656e;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {\n position: absolute;\n right: 10px;\n}\n.bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {\n font-size: 20px;\n}\n.bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {\n display: none;\n padding: 0 10px;\n font-size: 13px;\n color: #979ba5;\n}\n.bk-collapse-wrapper .bk-collapse-item .bk-collapse-content.active {\n display: block;\n}\n";
46
- var dialog = ".bk-modal-wrapper.bk-dialog-wrapper {\n position: relative;\n}\n.bk-modal-wrapper.bk-dialog-wrapper * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {\n overflow: auto;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 30px;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {\n position: absolute;\n top: 5px;\n right: 5px;\n display: flex;\n width: 26px;\n height: 26px;\n font-size: 22px;\n font-weight: 700;\n line-height: 26px;\n color: #979ba5;\n text-align: center;\n cursor: pointer;\n border-radius: 50%;\n transform: rotate(45deg);\n justify-content: center;\n align-items: center;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {\n padding: 24px;\n font-size: 20px;\n line-height: 1;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n font-size: 24px;\n color: #313238;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {\n height: calc(100% - 132px);\n padding: 3px 24px 26px;\n margin-bottom: 58px;\n font-size: 14px;\n line-height: 1.5;\n color: #63656e;\n}\n.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 58px;\n padding: 12px 24px;\n background-color: #fafbfd;\n border-top: 1px solid #dcdee5;\n border-radius: 2px;\n}\n";
47
- var exception = ".bk-exception-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n flex-direction: column;\n}\n.bk-exception-wrapper .bk-exception-img {\n display: flex;\n width: 480px;\n height: 240px;\n align-items: center;\n justify-content: center;\n}\n.bk-exception-wrapper .bk-exception-img.part-img {\n width: 120px;\n height: 100px;\n}\n.bk-exception-wrapper .bk-exception-img .exception-image {\n display: block;\n height: 100%;\n vertical-align: middle;\n object-fit: contain;\n}\n.bk-exception-wrapper .bk-exception-text {\n font-size: 24px;\n color: #63656e;\n text-align: center;\n}\n.bk-exception-wrapper .bk-exception-text.part-text {\n font-size: 14px;\n}\n";
48
- var fixedNavbar = ".bk-fixed-navbar {\n position: fixed;\n right: 10px;\n width: 52px;\n padding: 22px 14px;\n background: #fff;\n border-radius: 26px;\n opacity: 1;\n box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);\n box-sizing: border-box;\n}\n.bk-fixed-navbar.middle {\n top: 50%;\n transform: translateY(-50%);\n}\n.bk-fixed-navbar.bottom {\n bottom: 10%;\n}\n.bk-fixed-navbar.top {\n top: 10%;\n}\n.bk-fixed-navbar .fixed-navbar-item {\n display: flex;\n color: #63656e;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.bk-fixed-navbar .fixed-navbar-item:hover {\n color: #3a84ff;\n cursor: pointer;\n}\n.bk-fixed-navbar .fixed-navbar-item:not(:last-of-type) {\n margin-bottom: 25px;\n}\n.bk-fixed-navbar .fixed-navbar-item .icon {\n margin-bottom: 5px;\n font-size: 17px;\n}\n.bk-fixed-navbar .fixed-navbar-item .text {\n font-size: 12px;\n}\n";
49
- var input = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-input {\n display: flex;\n align-items: stretch;\n height: 32px;\n font-size: 12px;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.3s;\n}\n.bk-input--suffix-icon {\n padding-right: 10px;\n font-size: 16px;\n line-height: 1;\n color: #c4c6cc;\n align-self: center;\n}\n.bk-input--large {\n height: 38px;\n font-size: 16px;\n}\n.bk-input--small {\n height: 26px;\n font-size: 12px;\n}\n.bk-input.is-focused:not(.is-readonly) {\n border-color: #3a84ff;\n outline: 0;\n box-shadow: 0px 0px 3px 0px #a3c5fd;\n}\n.bk-input.is-disabled {\n cursor: not-allowed;\n background-color: #fafbfd;\n opacity: 1;\n}\n.bk-input--prefix-area,\n.bk-input--suffix-area {\n display: flex;\n padding: 0 10px;\n color: #63656e;\n background-color: #f4f6fa;\n border-right: 1px solid #c4c6cc;\n align-items: center;\n}\n.bk-input--suffix-area {\n border: 0;\n border-left: 1px solid #c4c6cc;\n}\n.bk-input--max-length {\n align-self: center;\n padding-right: 10px;\n}\n.bk-input--max-length span {\n color: #979ba5;\n}\n.bk-input--text {\n padding: 0 10px;\n font-size: 12px;\n line-height: 1;\n color: #63656e;\n background-color: white;\n background-image: none;\n border: none;\n outline: none;\n box-sizing: border-box;\n transition: all 0.3s;\n flex: 1;\n}\n.bk-input--text[type='search']::-webkit-search-decoration,\n.bk-input--text[type='search']::-webkit-search-cancel-button,\n.bk-input--text[type='search']::-webkit-search-results-button,\n.bk-input--text[type='search']::-webkit-search-results-decoration {\n appearance: none;\n}\n.bk-input--text [type=search]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n}\n.bk-input--text [type=search]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n}\n.bk-input--text[type='number']::-webkit-inner-spin-button,\n.bk-input--text[type='number']::-webkit-outer-spin-button {\n margin: 0;\n appearance: none;\n}\n.bk-input--text::placeholder {\n color: #c4c6cc;\n}\n.bk-input--number-control {\n width: 26px;\n height: 100%;\n font-size: 0;\n flex-direction: column;\n}\n.bk-input--number-control span {\n display: block;\n height: 50%;\n overflow: hidden;\n color: #c4c6cc;\n}\n.bk-input--number-control svg {\n font-size: 16px;\n}\n.bk-input--number-control span:first-child {\n transform: rotate(180deg);\n}\n.bk-input--number-control span:hover {\n background-color: #f4f6fa;\n}\n";
50
- var link = ".bk-link {\n font-size: 14px;\n text-decoration: none;\n}\n.bk-link.is-disabled {\n cursor: not-allowed;\n}\n.bk-link.has-underline {\n text-decoration: underline;\n}\n.bk-link.default {\n color: #63656e;\n}\n.bk-link.default.is-disabled {\n color: #dcdee5;\n}\n.bk-link.default:hover {\n color: #979ba5;\n}\n.bk-link.primary {\n color: #3a84ff;\n}\n.bk-link.primary.is-disabled {\n color: #a3c5fd;\n}\n.bk-link.primary:hover {\n color: #699df4;\n}\n.bk-link.success {\n color: #2dcb56;\n}\n.bk-link.success.is-disabled {\n color: #94f5a4;\n}\n.bk-link.success:hover {\n color: #45e35f;\n}\n.bk-link.warning {\n color: #ff9c01;\n}\n.bk-link.warning.is-disabled {\n color: #ffd695;\n}\n.bk-link.warning:hover {\n color: #ffb848;\n}\n.bk-link.danger {\n color: #ea3636;\n}\n.bk-link.danger:hover {\n color: #ff5656;\n}\n.bk-link.danger.is-disabled {\n color: #fd9c9c;\n}\n";
51
- var dropdown = ".bk-dropdown {\n display: inline-block;\n}\n.bk-dropdown .bk-dropdown-content {\n display: none;\n box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);\n}\n.bk-dropdown .bk-dropdown-content[data-show] {\n display: block;\n}\n.bk-dropdown-menu {\n min-width: 100%;\n padding: 5px 0;\n margin: 0;\n background: #fff;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n box-sizing: border-box;\n}\n.bk-dropdown-menu::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-dropdown-menu::-webkit-scrollbar-thumb {\n background: #dde4eb;\n border-radius: 20px;\n box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);\n}\n.bk-dropdown-item {\n display: block;\n height: 32px;\n padding: 0 16px;\n font-size: 12px;\n line-height: 33px;\n color: #63656e;\n white-space: nowrap;\n list-style: none;\n cursor: pointer;\n}\n.bk-dropdown-item:hover {\n color: #3a84ff;\n background-color: #eaf3ff;\n}\n";
52
- var loading = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-loading-wrapper {\n position: static;\n display: inline-block;\n font-size: 0;\n}\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 4;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .bk-loading-mask {\n opacity: 0.5;\n}\n.bk-loading-wrapper .bk-loading-mask::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.9);\n content: '';\n}\n.bk-loading-wrapper .bk-loading-indicator {\n font-size: 14px;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(-135deg);\n animation-delay: 0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(-90deg);\n animation-delay: 0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(-45deg);\n animation-delay: 0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: 1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(45deg);\n animation-delay: 1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(90deg);\n animation-delay: 1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(135deg);\n animation-delay: 1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(180deg);\n animation-delay: 1.65s;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {\n background-color: #2dcb56;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {\n background-color: #ea3636;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {\n background-color: #ff9c01;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {\n background-color: #3a84ff;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {\n background-color: white;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {\n background-color: #c4c6cc;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n height: 40px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 22px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 11px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 52px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 26px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: 14px;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot {\n display: inline-block;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 20px;\n animation-direction: normal;\n}\n";
53
- var modal = ".bk-modal-wrapper {\n position: absolute;\n top: 50%;\n left: 50%;\n background: #fff;\n transform: translate(-50%, -50%);\n}\n.bk-modal-wrapper .bk-modal-body {\n height: 100%;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n";
54
- var popover = ".bk-popover .bk-popover-reference {\n display: inline-block;\n}\n.bk-popover .fade-in-enter-active,\n.bk-popover .fade-in-linear-leave-active {\n transition: opacity 200ms linear;\n}\n.bk-popover .fade-in-enter,\n.bk-popover .fade-in-leave,\n.bk-popover .fade-in-leave-active {\n opacity: 0;\n}\n.bk-popover-content {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover-content[data-theme^='dark'] {\n color: #fff;\n background: #26323d;\n}\n.bk-popover-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover-content[data-theme^='light'][data-show] {\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover-content[data-show] {\n display: block;\n}\n.bk-popover-content .arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: inherit;\n visibility: hidden;\n}\n.bk-popover-content .arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popover-content[data-popper-placement^='top'] > .arrow {\n bottom: -4px;\n}\n.bk-popover-content[data-popper-placement^='bottom'] > .arrow {\n top: -4px;\n}\n.bk-popover-content[data-popper-placement^='left'] > .arrow {\n right: -4px;\n}\n.bk-popover-content[data-popper-placement^='right'] > .arrow {\n left: -4px;\n}\n";
55
- var progress = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-progress {\n display: inline-block;\n}\n.bk-progress .progress-outer {\n display: flex;\n width: 100%;\n align-items: center;\n}\n.bk-progress .progress-bar {\n position: relative;\n width: 100%;\n height: 4px;\n text-align: center;\n vertical-align: middle;\n background: #f0f1f5;\n border-radius: 50px;\n}\n.bk-progress .progress-bar.bk-progress-small {\n height: 2px;\n}\n.bk-progress .progress-bar.bk-progress-normal {\n height: 4px;\n}\n.bk-progress .progress-bar.bk-progress-large {\n height: 12px;\n}\n.bk-progress .progress-inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n border-radius: 50px;\n transition: width 0.5s ease;\n}\n.bk-progress .progress-inner.bk-primary {\n background: #3a84ff;\n}\n.bk-progress .progress-inner.bk-success {\n background: #2dcb56;\n}\n.bk-progress .progress-inner.bk-warning {\n background: #ff9c01;\n}\n.bk-progress .progress-inner.bk-danger {\n background: #ea3636;\n}\n.bk-progress .inner-text {\n width: 100%;\n height: 100%;\n color: #fff;\n text-align: center;\n}\n.bk-progress .progress-text {\n width: 7%;\n text-align: center;\n}\n.bk-progress .progress-circle-text {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n transform: translateY(-50%);\n}\n.bk-progress-line {\n width: 100%;\n}\n.bk-progress-circle,\n.bk-progress-dashboard {\n position: relative;\n}\n";
56
- var radio = ".bk-radio {\n display: inline-block;\n margin-right: 30px;\n font-size: 12px;\n font-weight: normal;\n line-height: 1;\n letter-spacing: normal;\n color: #63656e;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n user-select: none;\n}\n.bk-radio:last-child {\n margin-right: 0;\n}\n.bk-radio.is-checked .bk-radio-input {\n padding: 3px;\n color: #3a84ff;\n background-color: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-radio.is-disabled {\n color: #dcdee5;\n cursor: not-allowed;\n}\n.bk-radio.is-disabled.is-checked .bk-radio-input {\n background-color: #dcdee5;\n}\n.bk-radio.is-disabled .bk-radio-input {\n cursor: not-allowed;\n border-color: #dcdee5;\n}\n.bk-radio.is-disabled .bk-radio-text {\n cursor: not-allowed;\n}\n.bk-radio.is-focus .bk-radio-input {\n border-color: #3a84ff;\n}\n.bk-radio .bk-radio-text {\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n color: #63656e;\n vertical-align: middle;\n cursor: pointer;\n}\n.bk-radio .bk-radio-input {\n position: relative;\n display: inline-block;\n width: 16px;\n height: 16px;\n margin: 0 5px 0 0;\n color: #fff;\n vertical-align: middle;\n cursor: pointer;\n background-color: #fff;\n border: 1px solid #63656e;\n border-radius: 50%;\n outline: none;\n visibility: visible;\n transition: all 0.3s;\n background-clip: content-box;\n appearance: none;\n}\n.bk-radio-button {\n position: relative;\n z-index: 1;\n display: inline-block;\n font-size: 0;\n font-weight: normal;\n line-height: 1;\n letter-spacing: normal;\n color: #63656e;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n opacity: 1;\n user-select: none;\n}\n.bk-radio-button:nth-child(n+2) {\n margin-left: -1px;\n}\n.bk-radio-button:first-child .bk-radio-button-text {\n border-bottom-left-radius: 2px;\n border-top-left-radius: 2px;\n}\n.bk-radio-button:last-child .bk-radio-button-text {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.bk-radio-button.is-checked {\n z-index: 2;\n}\n.bk-radio-button.is-checked .bk-radio-button-text {\n color: #fff;\n background: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-radio-button.is-disabled {\n z-index: 0;\n color: #dcdee5;\n cursor: not-allowed;\n}\n.bk-radio-button.is-disabled .bk-radio-button-text {\n cursor: not-allowed;\n background: #dcdee5;\n border-color: #dcdee5;\n}\n.bk-radio-button.is-focus .bk-radio-button-text {\n border-color: #3a84ff;\n}\n.bk-radio-button .bk-radio-button-input {\n position: absolute;\n z-index: -1;\n outline: none;\n opacity: 0;\n}\n.bk-radio-button .bk-radio-button-text {\n height: 32px;\n padding: 0 18px;\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n line-height: 32px;\n color: #63656e;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n border: 1px solid #63656e;\n transition: all 0.3s;\n}\n.bk-radio-group {\n display: inline-block;\n font-size: 0;\n line-height: 0;\n letter-spacing: normal;\n}\n";
57
- var rate = ".bk-rate {\n position: relative;\n}\n.bk-rate .bk-score-real {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n overflow: hidden;\n}\n";
58
- var star$1 = ".bk-rate-stars {\n padding: 0;\n margin: 0;\n}\n.bk-rate-stars .bk-is-edit {\n cursor: pointer;\n}\n.bk-rate-stars:after {\n display: table;\n clear: both;\n content: '';\n}\n.bk-rate-stars .bk-rate-star {\n float: left;\n margin-right: 3px;\n enable-background: new 0 0 64 64;\n fill: #c5c7d1;\n}\n.bk-rate-stars .bk-rate-star.bk-is-select {\n fill: #ffb848;\n}\n.bk-rate-stars .bk-rate-star:last-child {\n margin-right: 0;\n}\n";
59
- var select = ".bk-select {\n display: inline-block;\n}\n.bk-select ul {\n padding: 0;\n margin: 0;\n font-weight: normal;\n list-style: none;\n}\n.bk-select .bk-popover-content {\n padding: 0;\n}\n.bk-select.is-focus .bk-select-trigger .bk-select-input {\n border-color: #3a84ff;\n box-shadow: 0px 0px 3px 0px #a3c5fd;\n}\n.bk-select.is-disabled .bk-select-trigger .bk-select-input {\n cursor: not-allowed;\n background: #fafbfd;\n border-color: #dcdee5;\n box-shadow: unset;\n}\n.bk-select.popover-show .bk-select-trigger .angle-up {\n transform: rotate(0);\n}\n.bk-select .bk-select-trigger {\n position: relative;\n cursor: pointer;\n}\n.bk-select .bk-select-trigger .bk-select-input {\n width: 100%;\n height: 32px;\n padding: 0 28px 0 10px;\n font-size: 12px;\n line-height: normal;\n color: #63656e;\n text-align: left;\n vertical-align: middle;\n cursor: pointer;\n background-color: white;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n outline: none;\n box-sizing: border-box;\n transition: all 0.1s;\n resize: none;\n}\n.bk-select .bk-select-trigger .bk-select-input::placeholder {\n color: #c4c6cc;\n}\n.bk-select .bk-select-trigger .bk-select-prefix {\n position: absolute;\n top: 6px;\n left: 4px;\n font-size: 14px;\n}\n.bk-select .bk-select-trigger .angle-up {\n transform: rotate(180deg);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n font-size: 20px;\n color: #979ba5;\n position: absolute;\n top: 6px;\n right: 4px;\n}\n.bk-select .bk-select-trigger .clear-icon {\n transition: all 0.1s;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n font-size: 14px;\n color: #c4c6cc;\n position: absolute;\n top: 6px;\n right: 4px;\n}\n.bk-select .bk-select-trigger .clear-icon:hover {\n color: #979ba5;\n}\n.bk-select .bk-select-trigger .spinner {\n position: absolute;\n top: 6px;\n right: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n font-size: 16px;\n color: #3A84FF;\n}\n.bk-select .bk-select-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 56px;\n color: #63656e;\n}\n.bk-select .bk-select-empty .spinner {\n display: flex;\n width: 14px;\n height: 14px;\n margin-right: 4px;\n font-size: 14px;\n color: #c4c6cc;\n align-items: center;\n justify-content: center;\n}\n.bk-select .bk-select-dropdown {\n overflow: auto;\n}\n.bk-select .bk-select-dropdown .bk-select-search {\n position: relative;\n padding: 0 5px;\n}\n.bk-select .bk-select-dropdown .bk-select-search-icon {\n position: absolute;\n top: 50%;\n left: 8px;\n font-size: 16px;\n color: #979ba5;\n transform: translateY(-50%);\n}\n.bk-select .bk-select-dropdown .bk-select-search-input {\n width: 100%;\n height: 32px;\n padding: 0 10px 0 26px;\n font-size: 12px;\n cursor: text;\n border: none;\n border-bottom: 1px solid #dcdee5;\n outline: 0;\n}\n.bk-select .bk-select-extension {\n display: flex;\n height: 40px;\n background-color: #fafbfd;\n align-items: center;\n}\n.bk-select .bk-select-options {\n padding: 8px 0;\n}\n.bk-select .bk-select-option {\n position: relative;\n height: 32px;\n padding: 0 12px;\n line-height: 32px;\n color: #63656e;\n text-align: left;\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-select .bk-select-option:hover {\n color: #3a84ff;\n background-color: #f5f7fa;\n}\n.bk-select .bk-select-option.is-selected {\n color: #3a84ff;\n}\n.bk-select .bk-select-option.is-selected.is-multiple::after {\n position: absolute;\n right: 12px;\n font-size: 12px;\n font-weight: 700;\n content: '\\2713';\n}\n.bk-select .bk-select-option.is-disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: transparent;\n}\n.bk-select .bk-option-group-label {\n height: 32px;\n padding: 0 8px;\n line-height: 32px;\n color: #979ba5;\n text-align: left;\n}\n.bk-select .bk-option-group-label.collapsible {\n cursor: pointer;\n}\n.bk-select .bk-option-group.collapsible .bk-select-option {\n padding-left: 40px;\n}\n.bk-select .bk-option-group .default-group-label {\n display: flex;\n user-select: none;\n align-items: center;\n}\n.bk-select .bk-option-group .default-group-label-icon {\n display: flex;\n width: 12px;\n height: 12px;\n margin-right: 8px;\n font-size: 12px;\n transition: all 0.1s;\n align-items: center;\n justify-content: center;\n}\n.bk-select .bk-option-group .default-group-label-icon.collapse {\n transform: rotate(-90deg);\n}\n.bk-select .bk-option-group .bk-select-option {\n padding-left: 24px;\n}\n";
60
- var sideslider = ".bk-modal-wrapper.bk-sideslider-wrapper {\n position: fixed;\n top: 0;\n bottom: 0;\n left: auto;\n background: #fff;\n transform: initial;\n box-shadow: -5px 0 8px -5px rgba(0, 0, 0, 0.2);\n}\n.bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {\n overflow: auto;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header {\n width: 100%;\n height: 60px;\n background: #fff;\n border-bottom: 1px solid #dcdee5;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close {\n position: absolute;\n top: 0;\n width: 30px;\n height: 60px;\n font-size: 24px;\n line-height: 60px;\n color: #fff;\n text-align: center;\n cursor: pointer;\n background-color: #3a84ff;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right {\n left: 0;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {\n top: 50%;\n left: 50%;\n display: inline-block;\n width: 8px;\n height: 8px;\n border-top: solid 2px #fff;\n border-right: solid 2px #fff;\n content: '';\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left {\n right: 0;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {\n top: 50%;\n left: 50%;\n display: inline-block;\n width: 8px;\n height: 8px;\n border-top: solid 2px #fff;\n border-left: solid 2px #fff;\n content: '';\n transform: translate(50%, -50%) rotate(-45deg);\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {\n height: 60px;\n padding-left: 30px;\n font-size: 16px;\n font-weight: 700;\n line-height: 60px;\n color: #666;\n}\n.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {\n padding: 0px 0px 0px 50px;\n}\n";
61
- var switcher = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.bk-switcher {\n position: relative;\n display: inline-block;\n height: 20px;\n /* \u9ED8\u8BA4\u5C3A\u5BF8 */\n min-width: 36px;\n padding: 0;\n margin: 0;\n font-size: 14px;\n line-height: 20px;\n text-align: left;\n vertical-align: middle;\n list-style: none;\n cursor: pointer;\n background-color: #c4c6cc;\n border: 1px solid transparent;\n border-radius: 50px;\n border-radius: 100px;\n box-sizing: border-box;\n transition: all 0.4s ease;\n transition: all 0.36s;\n user-select: none;\n /* \u663E\u793A\u6587\u672C\u65F6\u56FA\u5B9A\u5C3A\u5BF8 */\n}\n.bk-switcher:after {\n position: absolute;\n top: 1px;\n left: 1px;\n width: 16px;\n height: 16px;\n cursor: pointer;\n background: #fff;\n background-color: #fff;\n border-radius: 18px;\n content: ' ';\n transition: all 0.3s ease;\n}\n.bk-switcher .switcher-text {\n display: block;\n margin-right: 6px;\n margin-left: 28px;\n font-size: 12px;\n font-weight: 400;\n color: #fff;\n text-align: center;\n transition: all 0.3s ease;\n}\n.bk-switcher .animating-node {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n pointer-events: none;\n border-radius: inherit;\n content: '';\n opacity: 0.2;\n box-shadow: 0 0 0 0 #1890ff;\n animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-fill-mode: forwards;\n}\n.bk-switcher .bk-switcher-loading {\n position: absolute;\n top: 1px;\n left: 1px;\n z-index: 1;\n width: 16px;\n height: 16px;\n font-size: 12px;\n color: #c4c6cc;\n cursor: pointer;\n background: transparent;\n border-radius: 16px;\n content: ' ';\n transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.bk-switcher .bk-switcher-loading svg {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n animation: loading 1s linear infinite;\n}\n.bk-switcher.is-loading {\n cursor: defalt;\n}\n.bk-switcher.is-loading input[type=checkbox] {\n cursor: default;\n}\n.bk-switcher.show-label {\n height: 28px;\n min-width: 60px;\n line-height: 28px;\n}\n.bk-switcher.show-label::after {\n width: 24px;\n height: 24px;\n}\n.bk-switcher.show-label .bk-switcher-loading {\n width: 24px;\n height: 24px;\n font-size: 20px;\n}\n.bk-switcher.show-label.is-checked .bk-switcher-loading {\n left: 100%;\n margin-left: -25px;\n}\n.bk-switcher.is-disabled {\n cursor: not-allowed;\n opacity: 0.3;\n}\n.bk-switcher.is-disabled .bk-switcher-loading {\n cursor: not-allowed;\n}\n.bk-switcher.is-disabled::after {\n cursor: not-allowed;\n}\n.bk-switcher.is-checked {\n background: #2dcb56;\n}\n.bk-switcher.is-checked .bk-switcher-loading svg {\n color: #2dcb56;\n}\n.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary {\n background: #3a84ff;\n}\n.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary .bk-switcher-loading svg {\n color: #3a84ff;\n}\n.bk-switcher.is-checked:after {\n left: 100%;\n margin-left: -1px;\n transform: translateX(-100%);\n}\n.bk-switcher.is-checked .switcher-text {\n margin-right: 28px;\n margin-left: 6px;\n}\n.bk-switcher:not(.show-label).is-checked .bk-switcher-loading {\n left: 100%;\n margin-left: -17px;\n}\n.bk-switcher.bk-switcher-outline {\n background: #fff;\n border: 1px solid #c4c6cc;\n}\n.bk-switcher.bk-switcher-outline:after {\n width: 24px;\n height: 24px;\n background-color: #c4c6cc;\n box-shadow: none;\n}\n.bk-switcher.bk-switcher-outline .switcher-text {\n color: #c4c6cc;\n}\n.bk-switcher.bk-switcher-outline.is-checked {\n border: 1px solid #2dcb56;\n}\n.bk-switcher.bk-switcher-outline.is-checked:after {\n background-color: #2dcb56;\n}\n.bk-switcher.bk-switcher-outline.is-checked .switcher-text {\n color: #2dcb56;\n}\n.bk-switcher.bk-switcher-outline .bk-switcher-loading svg {\n color: #fff;\n}\n.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked {\n border: 1px solid #3a84ff;\n}\n.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after {\n background: #3a84ff;\n}\n.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked .switcher-text {\n color: #3a84ff;\n}\n.bk-switcher.bk-switcher-square {\n border-radius: 2px;\n}\n.bk-switcher.bk-switcher-square:after {\n border-radius: 2px;\n}\n.bk-switcher.bk-switcher-large {\n height: 24px;\n min-width: 42px;\n line-height: 22px;\n}\n.bk-switcher.bk-switcher-large:after {\n width: 20px;\n height: 20px;\n}\n.bk-switcher.bk-switcher-large .bk-switcher-loading {\n width: 20px;\n height: 20px;\n font-size: 16px;\n}\n.bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading {\n margin-left: -21px;\n}\n.bk-switcher.bk-switcher-small {\n height: 16px;\n min-width: 26px;\n line-height: 22px;\n}\n.bk-switcher.bk-switcher-small:after {\n width: 12px;\n height: 12px;\n}\n.bk-switcher.bk-switcher-small .bk-switcher-loading {\n width: 12px;\n height: 12px;\n font-weight: 700;\n transform: scale(0.66667);\n}\n.bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading {\n margin-left: -13px;\n}\n:not(.show-label).bk-switcher-nomal.bk-switcher-outline::after {\n width: 16px;\n height: 16px;\n}\n:not(.show-label).bk-switcher-outline.is-checked.bk-switcher-small::after {\n width: 12px;\n height: 12px;\n}\n:not(.show-label).bk-switcher-outline.is-checked.bk-switcher-large::after {\n width: 20px;\n height: 20px;\n}\n:not(.show-label).bk-switcher-outline.is-checked::after {\n width: 16px;\n height: 16px;\n}\n@keyframes fadeEffect {\n 100% {\n opacity: 0;\n }\n}\n@keyframes waveEffect {\n 100% {\n box-shadow: 0 0 0 #1890ff;\n }\n}\n@keyframes loading {\n 100% {\n transform: rotate(1turn);\n }\n}\n";
62
- var table = ".bk-table {\n overflow: auto;\n border-top: 1px solid #dcdee5;\n border-bottom: 1px solid #dcdee5;\n}\n.bk-table .bk-table-head,\n.bk-table .bk-table-body {\n background: white;\n}\n.bk-table .bk-table-head table,\n.bk-table .bk-table-body table {\n width: 100%;\n border-collapse: collapse;\n}\n.bk-table .bk-table-head table th,\n.bk-table .bk-table-body table th,\n.bk-table .bk-table-head table td,\n.bk-table .bk-table-body table td {\n min-width: 80px;\n}\n.bk-table .bk-table-head table th .cell,\n.bk-table .bk-table-body table th .cell,\n.bk-table .bk-table-head table td .cell,\n.bk-table .bk-table-body table td .cell {\n height: var(--row-height);\n padding: 0 15px;\n overflow: hidden;\n line-height: var(--row-height);\n color: #575961;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-table .bk-table-head table thead th,\n.bk-table .bk-table-body table thead th {\n position: sticky;\n top: 0;\n z-index: 1;\n color: #313238;\n background-color: #fafbfd;\n}\n.bk-table .bk-table-head table thead th.active,\n.bk-table .bk-table-body table thead th.active,\n.bk-table .bk-table-head table thead th:hover,\n.bk-table .bk-table-body table thead th:hover {\n background: #f0f1f5;\n}\n.bk-table .bk-table-head table tbody tr:hover td,\n.bk-table .bk-table-body table tbody tr:hover td {\n background: #f5f7fa;\n}\n.bk-table.bordered-row .cell {\n border-bottom: 1px solid #dcdee5;\n}\n.bk-table.bordered-outer {\n border-right: 1px solid #dcdee5;\n border-left: 1px solid #dcdee5;\n}\n.bk-table.bordered-col th .cell,\n.bk-table.bordered-col td .cell {\n border-right: 1px solid #dcdee5;\n}\n.bk-table.bordered-col th:last-child .cell,\n.bk-table.bordered-col td:last-child .cell {\n border-right: none;\n}\n.bk-table.bordered-none th .cell,\n.bk-table.bordered-none td .cell {\n border-top: none;\n border-right: none;\n border-bottom: none;\n border-left: none;\n}\n.bk-table .bk-table-fixed {\n width: 100%;\n}\n.bk-table colgroup col {\n background: white;\n}\n.bk-table colgroup col.active {\n position: relative;\n background: #f0f1f5;\n}\n";
37
+ var reset = "";
38
+ var alert = "";
39
+ var backtop = "";
40
+ var badge = "";
41
+ var breadcrumb = "";
42
+ var button = "";
43
+ var card = "";
44
+ var checkbox = "";
45
+ var collapse = "";
46
+ var dialog = "";
47
+ var exception = "";
48
+ var fixedNavbar = "";
49
+ var input = "";
50
+ var link = "";
51
+ var dropdown = "";
52
+ var loading = "";
53
+ var modal = "";
54
+ var popover = "";
55
+ var progress = "";
56
+ var radio = "";
57
+ var rate = "";
58
+ var star$1 = "";
59
+ var select = "";
60
+ var sideslider = "";
61
+ var switcher = "";
62
+ var table = "";
63
63
  var tag = "";
64
- var form = ".bk-form {\n text-align: left;\n}\n.bk-form .bk-form-item {\n display: flex;\n margin-bottom: 24px;\n}\n.bk-form .bk-form-label {\n width: 150px;\n padding-right: 24px;\n font-size: 14px;\n font-weight: normal;\n line-height: 32px;\n color: #63656e;\n text-align: right;\n}\n.bk-form .bk-form-content {\n position: relative;\n line-height: 32px;\n}\n.bk-form .bk-form-error {\n position: absolute;\n left: 0;\n padding-top: 4px;\n font-size: 12px;\n line-height: 1;\n color: #ea3636;\n text-align: left;\n}\n.bk-form--vertical .bk-form-item {\n flex-direction: column;\n}\n.bk-form--vertical .bk-form-label {\n width: auto;\n text-align: left;\n}\n.bk-form--vertical .bk-form-content {\n text-align: left;\n}\n";
65
- var steps = "* {\n box-sizing: border-box;\n}\n@keyframes loadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.bk-steps {\n display: flex;\n width: 100%;\n font-size: 0;\n}\n.bk-steps .icon-circle-4-1 {\n width: 12px;\n height: 12px;\n border: 2px solid #fff;\n border-right: 0;\n border-bottom: 0;\n border-left: 0;\n border-radius: 7px;\n}\n.bk-steps .bk-icon {\n font-size: 24px;\n line-height: 24px;\n}\n.bk-steps .bk-icon.icon-loading {\n display: inline-block;\n font-size: 14px;\n animation: loadingCircle 1s infinite linear;\n}\n.bk-steps .bk-step {\n position: relative;\n margin-right: 8px;\n overflow: hidden;\n text-align: left;\n white-space: nowrap;\n flex: 1;\n}\n.bk-steps .bk-step .bk-step-indicator {\n z-index: 1;\n display: inline-flex;\n width: 24px;\n height: 24px;\n padding: 0;\n margin-right: 8px;\n line-height: 24px;\n color: #979ba5;\n text-align: center;\n vertical-align: top;\n background-color: #fff;\n border: 1px solid #979ba5;\n border-radius: 50%;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n}\n.bk-steps .bk-step .bk-step-number {\n font-family: arial;\n font-size: 14px;\n}\n.bk-steps .bk-step .bk-step-content {\n display: inline-block;\n vertical-align: top;\n}\n.bk-steps .bk-step .bk-step-title {\n position: relative;\n display: inline-block;\n padding-right: 8px;\n font-size: 14px;\n line-height: 24px;\n color: #63656e;\n word-break: break-all;\n}\n.bk-steps .bk-step .bk-step-title::after {\n position: absolute;\n top: 12px;\n left: 100%;\n width: 99999px;\n height: 1px;\n background-color: transparent;\n content: '';\n}\n.bk-steps .bk-step .bk-step-description {\n max-width: 140px;\n font-size: 12px;\n color: #979ba5;\n white-space: normal;\n}\n.bk-steps .bk-step.bk-step-no-content .bk-step-indicator {\n margin-right: 0;\n}\n.bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {\n position: absolute;\n top: 12px;\n left: 100%;\n width: 99999px;\n height: 1px;\n background-color: transparent;\n content: '';\n}\n.bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {\n top: 10px;\n left: 32px;\n}\n.bk-steps .bk-step:last-child {\n margin-right: 0;\n flex: none;\n}\n.bk-steps .bk-step:last-child .bk-step-title {\n padding-right: 0;\n}\n.bk-steps .bk-step:last-child .bk-step-title::after {\n display: none;\n}\n.bk-steps .bk-step.done .bk-step-title,\n.bk-steps .bk-step.done .bk-step-description {\n color: #63656e;\n}\n.bk-steps .bk-step.done .bk-steps-icon {\n font-size: 22px;\n}\n.bk-steps .bk-step.current .bk-step-number,\n.bk-steps .bk-step.current .bk-step-icon,\n.bk-steps .bk-step.current .bk-step-text {\n border-width: 2px;\n}\n.bk-steps .bk-step.current .bk-step-title,\n.bk-steps .bk-step.current .bk-step-description {\n color: #63656e;\n}\n.bk-steps .bk-step.current.bk-step-error .bk-step-indicator {\n background-color: #ea3636;\n border-color: #ea3636;\n}\n.bk-steps .bk-step.current.bk-step-error .bk-step-title,\n.bk-steps .bk-step.current.bk-step-error .bk-step-description {\n color: #ea3636;\n}\n.bk-steps-primary .bk-step.done .bk-step-number,\n.bk-steps-primary .bk-step.done .bk-step-icon,\n.bk-steps-primary .bk-step.done .bk-step-text {\n color: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-steps-primary .bk-step.done .bk-step-title::after,\n.bk-steps-primary .bk-step.done .bk-step-indicator::after {\n background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);\n}\n.bk-steps-primary .bk-step.done::after {\n background-image: linear-gradient(#3a84ff 50%, transparent 0%);\n}\n.bk-steps-primary .bk-step.current .bk-step-number,\n.bk-steps-primary .bk-step.current .bk-step-icon,\n.bk-steps-primary .bk-step.current .bk-step-text {\n color: #fff;\n background-color: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-steps-warning .bk-step.done .bk-step-number,\n.bk-steps-warning .bk-step.done .bk-step-icon,\n.bk-steps-warning .bk-step.done .bk-step-text {\n color: #ff9c01;\n border-color: #ff9c01;\n}\n.bk-steps-warning .bk-step.done .bk-step-title::after,\n.bk-steps-warning .bk-step.done .bk-step-indicator::after {\n background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);\n}\n.bk-steps-warning .bk-step.done::after {\n background-image: linear-gradient(#ff9c01 50%, transparent 0%);\n}\n.bk-steps-warning .bk-step.current .bk-step-number,\n.bk-steps-warning .bk-step.current .bk-step-icon,\n.bk-steps-warning .bk-step.current .bk-step-text {\n color: #fff;\n background-color: #ff9c01;\n border-color: #ff9c01;\n}\n.bk-steps-success .bk-step.done .bk-step-number,\n.bk-steps-success .bk-step.done .bk-step-icon,\n.bk-steps-success .bk-step.done .bk-step-text {\n color: #2dcb56;\n border-color: #2dcb56;\n}\n.bk-steps-success .bk-step.done .bk-step-title::after,\n.bk-steps-success .bk-step.done .bk-step-indicator::after {\n background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);\n}\n.bk-steps-success .bk-step.done::after {\n background-image: linear-gradient(#2dcb56 50%, transparent 0%);\n}\n.bk-steps-success .bk-step.current .bk-step-number,\n.bk-steps-success .bk-step.current .bk-step-icon,\n.bk-steps-success .bk-step.current .bk-step-text {\n color: #fff;\n background-color: #2dcb56;\n border-color: #2dcb56;\n}\n.bk-steps-danger .bk-step.done .bk-step-number,\n.bk-steps-danger .bk-step.done .bk-step-icon,\n.bk-steps-danger .bk-step.done .bk-step-text {\n color: #ea3636;\n border-color: #ea3636;\n}\n.bk-steps-danger .bk-step.done .bk-step-title::after,\n.bk-steps-danger .bk-step.done .bk-step-indicator::after {\n background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);\n}\n.bk-steps-danger .bk-step.done::after {\n background-image: linear-gradient(#ea3636 50%, transparent 0%);\n}\n.bk-steps-danger .bk-step.current .bk-step-number,\n.bk-steps-danger .bk-step.current .bk-step-icon,\n.bk-steps-danger .bk-step.current .bk-step-text {\n color: #fff;\n background-color: #ea3636;\n border-color: #ea3636;\n}\n.bk-steps-dashed .bk-step .bk-step-title::after,\n.bk-steps-dashed .bk-step .bk-step-indicator::after {\n background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);\n background-position: bottom;\n background-repeat: repeat-x;\n background-size: 6px 1px;\n}\n.bk-steps-solid .bk-step .bk-step-title::after,\n.bk-steps-solid .bk-step .bk-step-indicator::after {\n background-color: #c4c6cc;\n}\n.bk-steps-vertical {\n flex-direction: column;\n height: 100%;\n}\n.bk-steps-vertical .bk-step {\n margin-right: 0;\n margin-bottom: 8px;\n}\n.bk-steps-vertical .bk-step .bk-step-title::after,\n.bk-steps-vertical .bk-step .bk-step-indicator::after {\n display: none;\n}\n.bk-steps-vertical .bk-step::after {\n position: absolute;\n top: 32px;\n left: 12px;\n width: 1px;\n height: 100%;\n background-image: linear-gradient(#c4c6cc 50%, transparent 0%);\n background-position: right;\n background-repeat: repeat-y;\n background-size: 1px 6px;\n content: '';\n}\n.bk-steps-vertical .bk-step .bk-step-title {\n display: flex;\n height: 100%;\n margin-top: 0;\n text-align: left;\n align-items: center;\n}\n.bk-steps-small .bk-step .bk-step-indicator {\n width: 20px;\n height: 20px;\n line-height: 20px;\n}\n.bk-steps-small .bk-step .bk-step-title {\n font-size: 12px;\n line-height: 20px;\n}\n.bk-steps-small .bk-step .bk-step-number {\n font-size: 12px;\n}\n.bk-steps-small .bk-step .bk-icon {\n font-size: 20px;\n line-height: 24px;\n}\n.bk-steps-small .bk-step::after {\n top: 28px;\n left: 10px;\n}\n.bk-steps-small .bk-step .bk-step-title::after {\n top: 10px;\n}\n.bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {\n top: 8px;\n left: 28px;\n}\n";
66
- var message = ".bk-message {\n position: fixed;\n top: 20px;\n left: 50%;\n display: flex;\n min-width: 300px;\n padding: 10px 15px;\n font-size: 14px;\n color: #63656e;\n background: #f0f8ff;\n border: 1px solid #e1ecff;\n border-radius: 2px;\n transform: translateX(-50%);\n box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);\n justify-content: space-between;\n}\n.bk-message .bk-message-close {\n padding-left: 20px;\n margin-right: 0;\n font-size: 18px;\n cursor: pointer;\n}\n.bk-message-icon {\n display: inline-block;\n margin-right: 10px;\n font-size: 18px;\n color: #3a84ff;\n}\n.bk-message-primary {\n background: #f0f8ff;\n border: 1px solid #e1ecff;\n}\n.bk-message-warning {\n background: #fff4e2;\n border: 1px solid #ffe8c3;\n}\n.bk-message-warning .bk-message-icon {\n color: #ff9c01;\n}\n.bk-message-success {\n background: #f2fff4;\n border: 1px solid #dcffe2;\n}\n.bk-message-success .bk-message-icon {\n color: #2dcb56;\n}\n.bk-message-danger {\n background: #ffeded;\n border: 1px solid #ffdddd;\n}\n.bk-message-danger .bk-message-icon {\n color: #ea3636;\n}\n";
67
- var notify = ".bk-notify {\n position: fixed;\n display: flex;\n width: 360px;\n padding: 24px;\n font-size: 14px;\n line-height: 20px;\n color: #63656e;\n background: #fff;\n border: 1px solid #f0f1f5;\n border-radius: 2px;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);\n}\n.bk-notify .bk-notify-icon {\n position: absolute;\n top: 22px;\n margin-right: 5px;\n font-size: 18px;\n color: #3a84ff;\n}\n.bk-notify.bk-notify-warning .bk-notify-icon {\n color: #ff9c01;\n}\n.bk-notify.bk-notify-success .bk-notify-icon {\n color: #2dcb56;\n}\n.bk-notify.bk-notify-danger .bk-notify-icon {\n color: #ea3636;\n}\n.bk-notify .bk-notify-icon.bk-notify-close {\n top: 8px;\n right: 12px;\n margin-right: 0;\n font-size: 18px;\n color: #979ba5;\n cursor: pointer;\n}\n.bk-notify .bk-notify-content-header {\n display: inline-block;\n padding-left: 23px;\n margin-top: 0;\n margin-bottom: 4px;\n font-size: 14px;\n font-weight: 700;\n}\n.bk-notify .bk-notify-content-text {\n display: inline-block;\n padding-left: 23px;\n}\n";
68
- var tree = ".bk-tree .bk-tree-node {\n position: relative;\n height: var(--lineHeight);\n padding-left: 0;\n line-height: var(--lineHeight);\n cursor: pointer;\n}\n.bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {\n position: absolute;\n top: calc(var(--lineHeight) / 2 + 6px);\n left: 6px;\n z-index: 1;\n width: 0;\n height: calc(var(--lines) * var(--lineHeight) - 6px);\n pointer-events: none;\n border-left: var(--level-line);\n content: '';\n}\n.bk-tree .bk-tree-node:not(.is-root) {\n margin-left: calc(var(--depth)*var(--indent));\n}\n.bk-tree .bk-tree-node:not(.is-root)::before {\n position: absolute;\n top: calc(50% + 1px);\n left: calc(0px - var(--indent) + 6px);\n z-index: 1;\n width: calc(var(--indent) - 6px);\n height: 0;\n pointer-events: none;\n border-bottom: var(--level-line);\n content: '';\n}\n.bk-tree .bk-tree-node .node-virtual-line {\n display: inline-block;\n position: absolute;\n left: calc(var(--depth) * var(--indent) * -1 + 6px);\n top: -12px;\n bottom: 50%;\n width: 0;\n border-left: var(--level-line);\n}\n.bk-tree .bk-tree-node .bk-tree-icon {\n margin: 0 6px 0 4px;\n}\n";
69
- var slider = ".bk-slider {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.bk-slider .bk-slider-runway {\n position: relative;\n width: 100%;\n height: 4px;\n vertical-align: middle;\n cursor: pointer;\n background: #dcdee5;\n border-radius: 2px;\n opacity: 1;\n}\n.bk-slider .bk-slider-runway .bk-slider-bar {\n position: absolute;\n height: 4px;\n background: #3a84ff;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.bk-slider .bk-slider-runway .bk-slider-bar.vertical {\n width: 4px;\n}\n.bk-slider .bk-slider-runway .bk-slider-bar.horizontal {\n height: 4px;\n}\n.bk-slider .bk-slider-runway .disable {\n background: #979ba5;\n}\n.bk-slider .bk-slider-runway .bk-slider-labels {\n position: relative;\n}\n.bk-slider .bk-slider-runway .bk-slider-labels.vertical {\n left: 18px;\n display: flex;\n width: 10px;\n height: 100%;\n flex-direction: column;\n justify-content: space-between;\n}\n.bk-slider .bk-slider-runway .bk-slider-labels.horizontal {\n top: 10px;\n display: flex;\n width: 100%;\n height: 10px;\n flex-direction: row;\n justify-content: space-between;\n}\n.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label {\n position: absolute;\n display: flex;\n width: 10px;\n height: 10px;\n text-align: center;\n white-space: nowrap;\n align-items: center;\n justify-content: center;\n}\n.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical {\n left: 10px;\n transform: translateY(50%);\n}\n.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal {\n top: 10px;\n transform: translateX(-50%);\n}\n.bk-slider .bk-slider-interval {\n position: absolute;\n width: 4px;\n height: 4px;\n background-color: #fff;\n border-radius: 100%;\n transform: translateX(-50%);\n}\n.bk-slider .bk-slider-interval.vertical {\n left: 2px;\n}\n.bk-slider-input {\n display: flex;\n margin: 0 0 0 28px;\n flex-direction: row;\n align-items: center;\n}\n.bk-slider-input .input-item {\n width: 92px;\n}\n.bk-slider-input .input-center {\n margin: 0 7px;\n}\n.bk-slider-button {\n position: absolute;\n z-index: 1001;\n display: flex;\n width: 24px;\n height: 24px;\n line-height: normal;\n text-align: center;\n background-color: transparent;\n user-select: none;\n justify-content: center;\n align-items: center;\n}\n.bk-slider-button:hover {\n cursor: grab;\n}\n.bk-slider-button.grabbing {\n cursor: grabbing;\n}\n.bk-slider-button.vertical {\n left: -10px;\n transform: translateY(50%);\n}\n.bk-slider-button.horizontal {\n top: -10px;\n transform: translateX(-50%);\n}\n.bk-slider-button .slider-button {\n width: 12px;\n height: 12px;\n background-color: #fff;\n border: 2px solid #3a84ff;\n border-radius: 50%;\n transition: 0.2s;\n user-select: none;\n}\n.bk-slider-button .slider-button-disable {\n border: 2px solid #979ba5;\n}\n.bk-slider-button .slider-button:hover {\n box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.3);\n}\n.bk-slider-button .slider-button:focus {\n box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);\n}\n.bk-slider-button .slider-button-label {\n position: absolute;\n display: flex;\n text-align: center;\n align-items: center;\n justify-content: center;\n}\n.bk-slider-button .slider-button-label.vertical {\n left: 28px;\n}\n.bk-slider-button .slider-button-label.horizontal {\n top: 20px;\n}\n";
70
- var menu = "@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-fade-transtion .bk-fade-enter-active,\n.bk-fade-transtion .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-fade-transtion .bk-fade-enter,\n.bk-fade-transtion .bk-fade-leave-to {\n opacity: 0;\n}\n.collapse {\n width: 60px;\n}\n.open {\n background: #151d2c;\n}\n.bk-menu {\n display: flex;\n width: 260px;\n background-color: #182132;\n flex-direction: column;\n transition: width 0.3s ease-out;\n}\n.bk-menu.is-collapse {\n width: 60px;\n}\n.bk-menu-submenu {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n text-overflow: clip;\n white-space: nowrap;\n align-items: center;\n transition: width 0.3s ease-out;\n}\n.bk-menu-submenu.is-opened {\n background: #151d2c;\n}\n.bk-menu-submenu:hover {\n color: white;\n cursor: pointer;\n}\n.bk-menu-submenu .submenu-header {\n display: flex;\n width: 100%;\n height: 40px;\n align-items: center;\n}\n.bk-menu-submenu .submenu-header.is-collapse {\n color: white;\n background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n}\n.bk-menu-submenu .submenu-header-icon {\n display: flex;\n height: 100%;\n font-size: 18px;\n flex: 0 0 60px;\n align-items: center;\n justify-content: center;\n}\n.bk-menu-submenu .submenu-header-icon .menu-icon {\n display: flex;\n width: 16px;\n height: 16px;\n font-size: 16px;\n align-items: center;\n justify-content: center;\n color: #b0bdd5;\n}\n.bk-menu-submenu .submenu-header-content {\n display: flex;\n height: 100%;\n align-items: center;\n flex: 1;\n color: #acb9d1;\n}\n.bk-menu-submenu .submenu-header-collapse {\n display: flex;\n width: 16px;\n height: 16px;\n font-size: 16px;\n align-items: center;\n justify-content: center;\n margin-right: 16px;\n color: #acb9d1;\n transform: rotate(-90deg);\n transition: transform 0.3s ease-out;\n}\n.bk-menu-submenu .submenu-header-collapse.is-collapse {\n transform: rotate(0deg);\n}\n.bk-menu-submenu .submenu-list {\n display: flex;\n width: 100%;\n padding: 0;\n margin: 0;\n flex-direction: column;\n flex: 1;\n /* stylelint-disable-next-line declaration-no-important */\n transition-property: all !important;\n}\n.bk-menu-item {\n display: flex;\n width: 100%;\n height: 40px;\n min-height: 40px;\n margin: 2px 0;\n overflow: hidden;\n font-size: 14px;\n color: #96a2b9;\n text-overflow: clip;\n white-space: nowrap;\n align-items: center;\n transition: width 0.3s ease-in-out;\n}\n.bk-menu-item:hover {\n color: white;\n cursor: pointer;\n}\n.bk-menu-item.is-active {\n color: white;\n background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n}\n.bk-menu-item .item-icon {\n display: flex;\n height: 100%;\n font-size: 18px;\n flex: 0 0 60px;\n align-items: center;\n justify-content: center;\n}\n.bk-menu-item .item-icon .default-icon {\n display: inline-block;\n width: 3px;\n height: 3px;\n background: #63656e;\n background-color: white;\n border-radius: 50%;\n}\n.bk-menu-item .item-content {\n display: flex;\n height: 100%;\n align-items: center;\n flex: 1;\n}\n.bk-menu-group {\n display: flex;\n flex-direction: column;\n}\n.bk-menu-group .group-name {\n display: flex;\n height: 40px;\n margin: 0 18px;\n overflow: hidden;\n font-size: 12px;\n line-height: 16px;\n color: #63656e;\n text-overflow: clip;\n white-space: nowrap;\n flex-wrap: nowrap;\n align-items: center;\n}\n.bk-menu-group .group-wrap {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n}\n.bk-menu .collapse-transition {\n transition: all 0.3s ease-in-out;\n}\n";
71
- var navigation = ".bk-navigation {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n}\n.bk-navigation-title {\n display: flex;\n height: 100%;\n padding: 0 16px;\n overflow: hidden;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 260px;\n}\n.bk-navigation-title .title-icon {\n display: flex;\n font-size: 28px;\n color: #768197;\n flex: 0 0 28px;\n align-items: center;\n justify-content: center;\n}\n.bk-navigation-title .title-desc {\n display: inline-block;\n margin-left: 16px;\n overflow: hidden;\n font-size: 16px;\n font-weight: bold;\n line-height: 24px;\n color: #96a2b9;\n white-space: nowrap;\n}\n.bk-navigation-header {\n flex: 0 0 52px;\n display: flex;\n align-items: center;\n padding-right: 24px;\n overflow: hidden;\n background: #182132;\n}\n.bk-navigation-header .header-right {\n display: flex;\n height: 100%;\n flex: 1;\n align-items: center;\n}\n.bk-navigation-wrapper {\n position: relative;\n display: flex;\n flex-direction: row;\n flex: 1;\n}\n.bk-navigation-wrapper .navigation-nav {\n position: relative;\n z-index: 101;\n display: flex;\n width: 60px;\n min-width: 0;\n min-height: 0;\n overflow: visible;\n transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n flex: 0 1 auto;\n flex-direction: column;\n}\n.bk-navigation-wrapper .navigation-nav:hover {\n cursor: pointer;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider {\n display: flex;\n width: 60px;\n height: 100%;\n background-color: #182132;\n transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n flex: 1;\n flex-direction: column;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-list {\n max-height: calc(100vh - 100px);\n padding: 12px 0 4px 0;\n margin: 0;\n overflow: auto;\n flex: 1 1 auto;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar {\n display: none;\n width: 6px;\n height: 5px;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover {\n transform: none;\n transition: opacity 340ms ease-out;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer {\n display: flex;\n padding-left: 14px;\n flex: 0 0 56px;\n align-items: center;\n justify-content: flex-start;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon {\n display: flex;\n width: 32px;\n height: 32px;\n font-size: 14px;\n color: #63656e;\n border-radius: 100%;\n align-items: center;\n justify-content: center;\n transform-origin: center center;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg {\n display: flex;\n width: 16px;\n height: 16px;\n font-size: 16px;\n transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n align-items: center;\n justify-content: center;\n transform-origin: center center;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left {\n color: #96a2b9;\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover {\n color: #d3d9e4;\n cursor: pointer;\n background: linear-gradient(270deg, #253047 0%, #263247 100%);\n}\n.bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover {\n color: #3a3c42;\n cursor: pointer;\n background: linear-gradient(270deg, #dee0ea 0%, #eaecf2 100%);\n}\n.bk-navigation-wrapper .navigation-container {\n position: relative;\n display: flex;\n max-width: calc(100vw - 60px);\n min-width: 0;\n min-height: 0;\n flex: 1 1 1px;\n flex-direction: column;\n}\n.bk-navigation-wrapper .navigation-container .container-header {\n z-index: 100;\n display: flex;\n width: 100%;\n height: 60px;\n padding: 0 24px;\n background: #fff;\n border-bottom: 1px solid #dcdee5;\n box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);\n flex-basis: 60px;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n}\n.bk-navigation-wrapper .navigation-container .container-header-title {\n height: 21px;\n font-size: 16px;\n line-height: 21px;\n color: #313238;\n}\n.bk-navigation-wrapper .navigation-container .container-header-sets {\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: flex-end;\n}\n.bk-navigation-wrapper .navigation-container .container-content {\n max-height: calc(100vh - 60px);\n padding: 20px 24px 0;\n overflow: auto;\n background: #f5f7fa;\n flex: 1;\n}\n.bk-navigation-wrapper .navigation-container .container-footer {\n display: flex;\n flex: 0 0 auto;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n";
72
- var datePicker = ".bk-date-picker {\n display: inline-block;\n width: 261px;\n line-height: normal;\n}\n.bk-date-picker.long {\n width: 342px;\n}\n.bk-date-picker.medium-width {\n width: 362px;\n}\n.bk-date-picker.large-width {\n width: 402px;\n}\n.bk-date-picker-rel {\n position: relative;\n}\n.bk-date-picker-rel .bk-date-picker-editor {\n display: block;\n width: 100%;\n height: 32px;\n padding: 0 10px 0 30px;\n font-size: 12px;\n line-height: 32px;\n color: #63656e;\n cursor: pointer;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n outline: none;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {\n border-color: transparent transparent #c4c6cc transparent;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {\n border-color: transparent transparent #3a84ff transparent;\n box-shadow: none;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {\n border-color: transparent transparent #dcdee5 transparent;\n}\n.bk-date-picker-rel .bk-date-picker-editor:focus {\n border: 1px solid #3a84ff;\n}\n.bk-date-picker-rel .bk-date-picker-editor::placeholder {\n color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor[disabled] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #fafbfd;\n border-color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor.readonly {\n background-color: #fafbfd;\n border-color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor.medium-font {\n font-size: 14px;\n}\n.bk-date-picker-rel .bk-date-picker-editor.large-font {\n font-size: 16px;\n}\n.bk-date-picker-rel .clear-action {\n position: absolute;\n top: 50%;\n right: 10px;\n font-size: 14px;\n color: #c4c6cc;\n cursor: pointer;\n transform: translateY(-50%);\n}\n.bk-date-picker-rel .clear-action:hover {\n color: #979ba5;\n}\n.bk-date-picker-rel .icon-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 32px;\n height: 32px;\n color: #c4c6cc;\n cursor: pointer;\n background-color: transparent;\n}\n.bk-date-picker-rel .icon-wrapper.disabled {\n cursor: not-allowed;\n}\n.bk-date-picker-rel .icon-wrapper i.icon-clock {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.bk-date-picker-rel .icon-wrapper .picker-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 18px;\n height: 18px;\n transform: translate(-50%, -50%);\n}\n.bk-date-picker-dropdown {\n position: absolute;\n z-index: 900;\n padding: 5px 0 0 0;\n overflow: auto;\n background-color: #fff;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n box-sizing: border-box;\n}\n.bk-date-picker .bk-select-dropdown {\n max-height: none;\n padding: 0;\n overflow: visible;\n}\n.bk-date-picker-footer-wrapper {\n clear: both;\n font-size: 14px;\n color: #979ba5;\n background-color: #fafbfd;\n border-top: 1px solid #dcdee5;\n}\n.bk-date-picker-top-wrapper {\n margin-top: -5px;\n clear: both;\n font-size: 14px;\n color: #979ba5;\n}\n.bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {\n padding-right: 140px;\n}\n.bk-picker-panel-sidebar {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 140px;\n padding: 12px 0;\n overflow: auto;\n font-size: 14px;\n color: #3a84ff;\n background-color: #fafbfd;\n border-left: 1px solid #dcdee5;\n}\n.bk-picker-panel-sidebar .bk-picker-panel-shortcut {\n /* &:nth-of-type(1) {\n padding-top: 18px;\n }\n &:last-child {\n padding-bottom: 18px;\n } */\n padding: 6px 21px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n}\n.bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {\n background-color: #e1ecff;\n}\n.bk-picker-panel-body {\n float: left;\n}\n.bk-picker-confirm {\n height: 42px;\n padding: 0 20px;\n clear: both;\n font-size: 14px;\n line-height: 41px;\n text-align: right;\n background-color: #fafbfd;\n border-top: 1px solid #dcdee5;\n}\n.bk-picker-confirm a {\n color: #979ba5;\n}\n.bk-picker-confirm a.confirm {\n margin-left: 10px;\n color: #3a84ff;\n}\n.bk-picker-confirm a[disabled] {\n color: #c4c6cc;\n cursor: not-allowed;\n}\n.bk-picker-confirm .bk-picker-confirm-time {\n float: left;\n}\n.bk-date-picker-header {\n height: 46px;\n font-size: 14px;\n font-weight: 700;\n line-height: 46px;\n color: #63656e;\n text-align: center;\n border-bottom: 1px solid #dcdee5;\n}\n.bk-date-picker-header .bk-date-picker-header-label {\n cursor: pointer;\n}\n.bk-date-picker-header .bk-date-picker-header-label:hover {\n color: #3a84ff;\n}\n.bk-date-picker-header .up-to-now {\n margin-left: 3px;\n font-weight: 400;\n cursor: pointer;\n}\n.bk-date-picker-header .up-to-now.disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n}\n.bk-date-picker-cells {\n margin: 9px;\n font-size: 12px;\n color: #63656e;\n white-space: normal;\n}\n.bk-date-picker-cells span {\n display: inline-block;\n width: 34px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n}\n.bk-date-picker-cells span em {\n display: inline-block;\n width: 34px;\n height: 32px;\n font-style: normal;\n line-height: 32px;\n cursor: pointer;\n}\n.bk-date-picker-cells .bk-date-picker-cells-header {\n text-align: center;\n}\n.bk-date-picker-cells .bk-date-picker-cells-header span {\n width: 28px;\n height: 26px;\n margin: 3px;\n line-height: 26px;\n color: #63656e;\n text-align: center;\n cursor: default;\n}\n.bk-date-picker-cells-cell:hover em {\n /* background-color: #e1ecff; */\n background-color: #f0f1f5;\n}\n.bk-date-picker-cells-focused em {\n color: #3a84ff;\n box-shadow: 0 0 0 1px #a3c5fd inset;\n}\n.bk-date-picker-cells-cell-prev-month em,\n.bk-date-picker-cells-cell-next-month em {\n color: #c4c6cc;\n}\n.bk-date-picker-cells-cell-prev-month:hover em,\n.bk-date-picker-cells-cell-next-month:hover em {\n background: transparent;\n}\nspan.bk-date-picker-cells-cell-week-label,\nspan.bk-date-picker-cells-cell-week-label:hover,\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n color: #c4c6cc;\n cursor: not-allowed;\n}\nspan.bk-date-picker-cells-cell-week-label em,\nspan.bk-date-picker-cells-cell-week-label:hover em,\nspan.bk-date-picker-cells-cell-disabled em,\nspan.bk-date-picker-cells-cell-disabled:hover em {\n color: inherit;\n cursor: not-allowed;\n background: inherit;\n}\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n background-color: #f0f1f5;\n}\n.bk-date-picker-cells-cell-today em {\n position: relative;\n color: #3a84ff;\n box-shadow: 0 0 0 1px #a3c5fd inset;\n}\n.bk-date-picker-cells-cell-range {\n position: relative;\n}\n.bk-date-picker-cells-cell-range:before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: #e1ecff;\n border: 0;\n border-radius: 0;\n content: '';\n}\n.bk-date-picker-cells-cell-range em {\n position: relative;\n z-index: 1;\n}\n.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-selected:hover em {\n color: #fff;\n background-color: #3a84ff;\n box-shadow: 0 0 0 1px #3a84ff inset;\n}\nspan.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {\n color: #f7f7f7;\n background: #c4c6cc;\n}\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {\n background: #fff;\n}\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {\n box-shadow: 0 0 0 1px #3a84ff inset;\n}\n.bk-date-picker-cells-year,\n.bk-date-picker-cells-month {\n margin-top: 7px;\n}\n.bk-date-picker-cells-year span,\n.bk-date-picker-cells-month span {\n width: 36px;\n height: 32px;\n margin: 10px 12px;\n line-height: 32px;\n text-align: center;\n border-radius: 3px;\n}\n.bk-date-picker-cells-year span em,\n.bk-date-picker-cells-month span em {\n width: 36px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n}\n.bk-picker-panel-icon-btn {\n display: inline-block;\n width: 20px;\n height: 46px;\n line-height: 44px;\n color: #979ba5;\n text-align: center;\n cursor: pointer;\n transition: color 0.2s ease-in-out;\n}\n.bk-picker-panel-icon-btn:hover {\n color: #2d8cf0;\n}\n.bk-picker-panel-icon-btn i {\n font-size: 20px;\n}\n.bk-date-picker-prev-btn {\n float: left;\n}\n.bk-date-picker-prev-btn-arrow-double {\n margin-left: 10px;\n}\n.bk-date-picker-prev-btn-arrow-double i:after {\n margin-left: -8px;\n}\n.bk-date-picker-next-btn {\n float: right;\n}\n.bk-date-picker-next-btn-arrow-double {\n margin-right: 10px;\n}\n.bk-date-picker-next-btn-arrow-double i:after {\n margin-left: -8px;\n}\n.bk-date-picker-with-range .bk-picker-panel-body {\n min-width: 532px;\n}\n.bk-date-picker-with-range .bk-picker-panel-content {\n float: left;\n}\n.bk-date-picker-with-range .bk-picker-cells-show-week-numbers {\n min-width: 492px;\n}\n.bk-date-picker-transfer {\n z-index: 1060;\n max-height: none;\n}\n.bk-fade-down-transition-enter-from,\n.bk-fade-down-transition-leave-to {\n opacity: 0;\n transform: translateY(-20px);\n}\n.bk-fade-down-transition-enter-to,\n.bk-fade-down-transition-leave-from {\n opacity: 1;\n transform: translateY(0);\n}\n.bk-fade-down-transition-enter-active {\n transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.bk-fade-down-transition-leave-active {\n transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n";
73
- var divider = ".bk-divider {\n position: relative;\n background: #c4c6cc;\n}\n.bk-divider-horizontal {\n width: 100%;\n height: 1px;\n margin: 1em 0;\n}\n.bk-divider-info {\n position: absolute;\n top: 50%;\n padding: 0 1.4em;\n color: #63656e;\n background-color: white;\n transform: translateY(-50%);\n}\n.bk-divider-info-center {\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n.bk-divider-info .bk-divider-horizontal-left {\n left: 2em;\n}\n.bk-divider-info .bk-divider-horizontal-right {\n right: 2em;\n}\n.bk-divider-vertical .bk-divider-info {\n padding: 20px 0;\n}\n.bk-divider-vertical {\n display: inline-block;\n width: 1px;\n height: 100%;\n min-height: 1em;\n margin: 0 8px;\n vertical-align: middle;\n}\n";
74
- var tab = ".bk-tab {\n position: relative;\n display: flex;\n width: 100%;\n}\n.bk-tab--top {\n flex-direction: column;\n}\n.bk-tab--right {\n flex-direction: row-reverse;\n}\n.bk-tab-header {\n display: flex;\n color: #63656e;\n}\n.bk-tab-header > div {\n display: flex;\n margin-bottom: -1px;\n flex-wrap: nowrap;\n}\n.bk-tab--card .bk-tab-header > div,\n.bk-tab--border-card .bk-tab-header > div {\n border-right: 1px solid #dcdee5;\n}\n.bk-tab--top .bk-tab-header-nav {\n overflow-x: auto;\n overflow-y: visible;\n}\n.bk-tab--left .bk-tab-header-nav,\n.bk-tab--right .bk-tab-header-nav {\n overflow-x: visible;\n overflow-y: auto;\n}\n.bk-tab--card .bk-tab-header-nav,\n.bk-tab--border-card .bk-tab-header-nav {\n border-left: 1px solid #dcdee5;\n}\n.bk-tab-header-nav::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n}\n.bk-tab-header-operation .bk-tab-header-item {\n padding: 0 12px;\n}\n.bk-tab--left .bk-tab-header {\n border-right: 1px solid #dcdee5;\n}\n.bk-tab--right .bk-tab-header {\n border-left: 1px solid #dcdee5;\n}\n.bk-tab--left .bk-tab-header,\n.bk-tab--right .bk-tab-header {\n flex-direction: column;\n}\n.bk-tab--left .bk-tab-header > div,\n.bk-tab--right .bk-tab-header > div {\n flex-direction: column;\n}\n.bk-tab--card .bk-tab-header {\n border-bottom: 1px solid #dcdee5;\n}\n.bk-tab--border-card .bk-tab-header {\n background: #FAFBFD;\n border: solid #dcdee5;\n border-width: 1px 1px 1px 0;\n}\n.bk-tab--unborder-card .bk-tab-header {\n border-bottom: 1px solid #dcdee5;\n}\n.bk-tab-header-item {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n}\n.bk-tab-header-item:hover {\n color: #3a84ff;\n}\n.bk-tab-header-item:hover .bk-tab-header-item-close {\n display: block;\n margin-left: 10px;\n color: #ea3636;\n}\n.bk-tab--top .bk-tab-header-item {\n padding: 0 20px;\n}\n.bk-tab--left .bk-tab-header-item,\n.bk-tab--right .bk-tab-header-item {\n padding: 0 12px;\n}\n.bk-tab--left .bk-tab-header-item {\n text-align: right;\n}\n.bk-tab--card .bk-tab-header-item {\n border-top: 1px solid #dcdee5;\n}\n.bk-tab--card .bk-tab-header-item,\n.bk-tab--border-card .bk-tab-header-item {\n border-right: 1px solid #dcdee5;\n border-bottom: 1px solid #dcdee5;\n}\n.bk-tab--card .bk-tab-header-item:last-of-type,\n.bk-tab--border-card .bk-tab-header-item:last-of-type {\n border-right: none;\n}\n.bk-tab-header-operation .bk-tab-header-item {\n padding-right: 12px;\n padding-left: 12px;\n}\n.bk-tab-header-item-close {\n display: none;\n color: #c4c6cc;\n}\n.bk-tab-header--active {\n color: #3a84ff;\n}\n.bk-tab--card .bk-tab-header--active,\n.bk-tab--border-card .bk-tab-header--active {\n border-bottom-color: white;\n}\n.bk-tab--unborder-card .bk-tab-header--active {\n border-bottom: 2px solid #3a84ff;\n}\n.bk-tab--left .bk-tab-header--active {\n border-right: 2px solid #3a84ff;\n}\n.bk-tab--right .bk-tab-header--active {\n border-left: 2px solid #3a84ff;\n}\n.bk-tab-header--disabled {\n color: #aaa;\n pointer-events: none;\n cursor: not-allowed;\n}\n.bk-tab-content {\n flex: 1;\n padding: 10px;\n}\n.bk-tab--border-card .bk-tab-content {\n border: solid #dcdee5;\n border-width: 0 1px 1px;\n}\n.bk-tab-panel {\n height: 100%;\n}\n";
75
- var process = "* {\n box-sizing: border-box;\n}\n.bk-process {\n position: relative;\n display: flex;\n}\n@keyframes loadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.bk-process .bk-process-toggle {\n position: relative;\n left: 15px;\n width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 24px;\n color: #63656e;\n text-align: center;\n text-decoration: none;\n border: 1px solid #c4c6cc;\n border-radius: 50%;\n}\n.bk-process .bk-process-toggle.active,\n.bk-process .bk-process-toggle:hover {\n color: #fff;\n background: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-process .bk-process-icon-done {\n display: inline-block;\n font-size: 22px;\n line-height: 18px;\n}\n.bk-process .bk-icon.icon-loading {\n display: inline-block;\n font-size: 14px;\n animation: loadingCircle 1s infinite linear;\n}\n.bk-process > ul {\n -ms-display: flex;\n -moz-display: flex;\n -webkit-display: flex;\n display: table;\n display: flex;\n width: 100%;\n padding: 0;\n margin: auto;\n}\n.bk-process li {\n position: relative;\n display: table-cell;\n height: 24px;\n font-family: PingFang SC,Microsoft Yahei,Helvetica,Aria;\n font-size: 12px;\n line-height: 24px;\n color: #63656e;\n text-align: center;\n background-color: #f0f1f5;\n flex: 1;\n}\n.bk-process li i {\n display: none;\n}\n.bk-process li:first-of-type {\n border-radius: 13px 0 0 13px;\n}\n.bk-process li:last-of-type {\n border-radius: 0 13px 13px 0;\n}\n.bk-process li:last-of-type::before {\n display: none;\n}\n.bk-process li:last-of-type::after {\n display: none;\n}\n.bk-process li::before {\n position: absolute;\n top: 0;\n right: -25px;\n z-index: 1;\n width: 0;\n height: 0;\n border: 12px solid;\n border-color: transparent transparent transparent #fff;\n content: '';\n}\n.bk-process li::after {\n position: absolute;\n top: 0;\n right: -23px;\n z-index: 1;\n width: 0;\n height: 0;\n border: 12px solid;\n border-color: transparent transparent transparent #f0f1f5;\n content: '';\n}\n.bk-process li .bk-process-step {\n font-size: 12px;\n}\n.bk-process li .bk-process-step dd {\n margin: 0;\n line-height: 32px;\n}\n.bk-process li .bk-process-step i {\n display: none;\n}\n.bk-process li .bk-process-step .success i {\n display: inline-block;\n color: #2dcb56;\n}\n.bk-process li .bk-process-step .steps-loading {\n top: -2px;\n}\n.bk-process li.success {\n color: #fff;\n background: #2dcb56;\n}\n.bk-process li.success::after {\n border-color: transparent transparent transparent #2dcb56;\n}\n.bk-process li.success .icon-done {\n font-size: 22px;\n line-height: 18px;\n}\n.bk-process li.current {\n color: #fff;\n background: #3a84ff;\n}\n.bk-process li.current::after {\n border-color: transparent transparent transparent #3a84ff;\n}\n.bk-process li.current > .bk-spin-loading {\n vertical-align: -3px;\n}\n";
76
- var virtualRender$1 = ".bk-virtual-render {\n position: relative;\n}\n.bk-virtual-render .bk-virtual-content,\n.bk-virtual-render.bk-virtual-content {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-virtual-render .bk-virtual-section {\n width: 1px;\n background: transparent;\n}\n.bk-virtual-render.bk-scroll-x {\n overflow-x: auto;\n scrollbar-color: #a0a0a0 transparent;\n scrollbar-width: thin;\n}\n.bk-virtual-render.bk-scroll-x::-webkit-scrollbar {\n height: 8px;\n background-color: transparent;\n}\n.bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {\n background-color: #a0a0a0;\n border-radius: 8px;\n}\n.bk-virtual-render.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-virtual-render.bk-scroll-y::-webkit-scrollbar {\n width: 6px;\n background-color: transparent;\n}\n.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {\n background-color: #dcdee5;\n border-radius: 6px;\n}\n";
77
- var pagination = ".bk-pagination {\n display: flex;\n align-items: center;\n font-size: 12px;\n letter-spacing: normal;\n color: #63656e;\n user-select: none;\n}\n.bk-pagination.is-disabled {\n cursor: not-allowed;\n}\n.bk-pagination.is-align-left {\n justify-content: flex-start;\n}\n.bk-pagination.is-align-center {\n justify-content: center;\n}\n.bk-pagination.is-align-right {\n justify-content: flex-end;\n}\n.bk-pagination > * {\n margin: 0 6px;\n}\n.bk-pagination > .is-first {\n margin-left: 0;\n}\n.bk-pagination > .is-last {\n margin-right: 0;\n}\n.bk-pagination-total {\n display: flex;\n user-select: none;\n}\n.bk-pagination-total-num {\n padding: 0 2px;\n color: #3f4046;\n}\n.bk-pagination-list {\n display: flex;\n}\n.bk-pagination-list-pre,\n.bk-pagination-list-next,\n.bk-pagination-list-item {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n min-width: 32px;\n padding: 0 4px;\n margin-right: 2px;\n margin-left: 2px;\n color: #63656e;\n cursor: pointer;\n background: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n user-select: none;\n}\n.bk-pagination-list-pre:hover,\n.bk-pagination-list-next:hover,\n.bk-pagination-list-item:hover,\n.bk-pagination-list-pre.is-active,\n.bk-pagination-list-next.is-active,\n.bk-pagination-list-item.is-active {\n color: #3a84ff;\n border-color: #3a84ff;\n}\n.bk-pagination-list-pre.is-disabled,\n.bk-pagination-list-next.is-disabled,\n.bk-pagination-list-item.is-disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #fafbfd;\n border-color: #dcdee5;\n}\n.bk-pagination-list-pre-batch,\n.bk-pagination-list-next-batch {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n cursor: pointer;\n user-select: none;\n}\n.bk-pagination-list-pre-batch:hover,\n.bk-pagination-list-next-batch:hover {\n color: #3a84ff;\n}\n.bk-pagination-list-pre,\n.bk-pagination-list-next {\n font-size: 14px;\n}\n.bk-pagination-list-item {\n margin-right: 4px;\n margin-left: 4px;\n}\n.bk-pagination-limit {\n display: flex;\n align-items: center;\n user-select: none;\n}\n.bk-pagination-limit-select {\n width: 60px;\n margin: 0 4px;\n}\n.bk-pagination-small-list {\n display: flex;\n}\n.bk-pagination-small-list .bk-pagination-picker {\n display: flex;\n height: 24px;\n cursor: pointer;\n background-color: #f0f1f5;\n border: 1px solid #f0f1f5;\n border-radius: 2px;\n align-items: center;\n}\n.bk-pagination-small-list .bk-pagination-picker:hover {\n background-color: #e1ecff;\n border-color: #e1ecff;\n}\n.bk-pagination-small-list .bk-pagination-picker.is-focused {\n background-color: #fff;\n border-color: #3a84ff;\n box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);\n}\n.bk-pagination-editor {\n height: 16px;\n min-width: 14px;\n padding-right: 4px;\n padding-left: 8px;\n line-height: 16px;\n text-align: center;\n background-color: transparent;\n border: 0;\n border-radius: 2px;\n outline: none;\n transition: all 0.15s;\n}\n.bk-pagination-small-list-total {\n padding-right: 8px;\n padding-left: 4px;\n}\n.bk-pagination-btn-pre,\n.bk-pagination-btn-next {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n cursor: pointer;\n}\n.bk-pagination-btn-pre:hover,\n.bk-pagination-btn-next:hover {\n color: #3a84ff;\n}\n.bk-pagination-btn-pre.is-disabled,\n.bk-pagination-btn-next.is-disabled {\n color: #dcdee5;\n cursor: not-allowed;\n}\n.bk-pagination-picker-list {\n max-height: 216px;\n padding: 7px 0;\n margin: -7px -14px;\n overflow: auto;\n}\n.bk-pagination-picker-list .item {\n height: 32px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 32px;\n color: #63656e;\n cursor: pointer;\n}\n.bk-pagination-picker-list .item:hover,\n.bk-pagination-picker-list .item.is-actived {\n color: #3a84ff;\n background: #f4f6fa;\n}\n";
78
- var timeline = "* {\n box-sizing: border-box;\n}\n.bk-timeline {\n padding: 0;\n margin: 16px 0 0;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n text-align: left;\n list-style: none;\n}\n.bk-timeline .bk-timeline-dot {\n position: relative;\n padding-bottom: 24px;\n padding-left: 16px;\n /* spacing 1px */\n margin-top: 13px;\n font-size: 0;\n border-left: 1px solid #d8d8d8;\n}\n.bk-timeline .bk-timeline-dot::before {\n position: absolute;\n top: calc((11px + 1px) * -1);\n left: -6px;\n display: inline-block;\n width: 11px;\n height: 11px;\n background: #fff;\n border: 2px solid #d8d8d8;\n border-radius: 50%;\n content: '';\n box-sizing: border-box;\n}\n.bk-timeline .bk-timeline-dot:last-child {\n padding-bottom: 0;\n /* \u4FDD\u7559border\u4F7F\u7528\u95F4\u8DDD\u4FDD\u6301\u4E00\u81F4 */\n border-left: 1px solid transparent;\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-title {\n display: inline-block;\n padding-bottom: 10px;\n margin-top: -3px;\n font-size: 14px;\n color: #63656e;\n cursor: pointer;\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-content {\n max-width: 300px;\n font-size: 14px;\n color: #666;\n word-break: break-all;\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-icon {\n position: absolute;\n top: calc((15px + 1px) * -1);\n left: -8px;\n display: inline-block;\n width: 15px;\n height: 15px;\n background: #fff;\n border: 2px solid #d8d8d8;\n border-radius: 50%;\n box-sizing: border-box;\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner {\n display: inline-block;\n transform: scale(1) translate(-0.5px, -4px);\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner > :first-child {\n font-size: 12px;\n}\n.bk-timeline .bk-timeline-dot .bk-timeline-section {\n position: relative;\n top: calc((11px + 2px) * -1);\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-large {\n margin-top: calc(15px + 2px);\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-large::before {\n top: calc((15px + 1px) * -1);\n left: -8px;\n width: 15px;\n height: 15px;\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-large > .bk-timeline-section {\n top: calc((15px + 1px) * -1);\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon {\n margin-top: calc(15px + 2px);\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon::before {\n display: none;\n}\n.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon > .bk-timeline-section {\n top: calc((15px + 1px) * -1);\n}\n.bk-timeline .bk-timeline-dot:first-child {\n margin-top: 0;\n}\n.bk-timeline .bk-timeline-primary {\n border-left: 1px solid #3a84ff;\n}\n.bk-timeline .bk-timeline-primary::before,\n.bk-timeline .bk-timeline-primary .bk-timeline-icon {\n color: #3a84ff;\n border: 2px solid #3a84ff;\n}\n.bk-timeline .bk-timeline-primary.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon {\n background: #3a84ff;\n}\n.bk-timeline .bk-timeline-warning {\n border-left: 1px solid #ff9c01;\n}\n.bk-timeline .bk-timeline-warning::before,\n.bk-timeline .bk-timeline-warning .bk-timeline-icon {\n color: #ff9c01;\n border: 2px solid #ff9c01;\n}\n.bk-timeline .bk-timeline-warning.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon {\n background: #ff9c01;\n}\n.bk-timeline .bk-timeline-success {\n border-left: 1px solid #2dcb56;\n}\n.bk-timeline .bk-timeline-success::before,\n.bk-timeline .bk-timeline-success .bk-timeline-icon {\n color: #2dcb56;\n border: 2px solid #2dcb56;\n}\n.bk-timeline .bk-timeline-success.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-success.bk-timeline-filled .bk-timeline-icon {\n background: #2dcb56;\n}\n.bk-timeline .bk-timeline-danger {\n border-left: 1px solid #ea3636;\n}\n.bk-timeline .bk-timeline-danger::before,\n.bk-timeline .bk-timeline-danger .bk-timeline-icon {\n color: #ea3636;\n border: 2px solid #ea3636;\n}\n.bk-timeline .bk-timeline-danger.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon {\n background: #ea3636;\n}\n.bk-timeline .bk-timeline-blue::before,\n.bk-timeline .bk-timeline-blue .bk-timeline-icon {\n color: #3a84ff;\n border: 2px solid #3a84ff;\n}\n.bk-timeline .bk-timeline-blue.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon {\n background: #3a84ff;\n}\n.bk-timeline .bk-timeline-red::before,\n.bk-timeline .bk-timeline-red .bk-timeline-icon {\n color: #ea3636;\n border: 2px solid #ea3636;\n}\n.bk-timeline .bk-timeline-red.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-red.bk-timeline-filled .bk-timeline-icon {\n background: #ea3636;\n}\n.bk-timeline .bk-timeline-green::before,\n.bk-timeline .bk-timeline-green .bk-timeline-icon {\n color: #2dcb56;\n border: 2px solid #2dcb56;\n}\n.bk-timeline .bk-timeline-green.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-green.bk-timeline-filled .bk-timeline-icon {\n background: #2dcb56;\n}\n.bk-timeline .bk-timeline-yellow::before,\n.bk-timeline .bk-timeline-yellow .bk-timeline-icon {\n color: #ff9c01;\n border: 2px solid #ff9c01;\n}\n.bk-timeline .bk-timeline-yellow.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon {\n background: #ff9c01;\n}\n.bk-timeline .bk-timeline-gray::before,\n.bk-timeline .bk-timeline-gray .bk-timeline-icon {\n color: #63656e;\n border: 2px solid #63656e;\n}\n.bk-timeline .bk-timeline-gray.bk-timeline-filled::before,\n.bk-timeline .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon {\n background: #63656e;\n}\n.bk-timeline-dashed .bk-step .bk-step-title::after,\n.bk-timeline-dashed .bk-step .bk-step-indicator::after {\n background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);\n background-position: bottom;\n background-repeat: repeat-x;\n background-size: 6px 1px;\n}\n.bk-timeline-solid .bk-step .bk-step-title::after,\n.bk-timeline-solid .bk-step .bk-step-indicator::after {\n background-color: #c4c6cc;\n}\n.bk-timeline-vertical {\n height: 100%;\n flex-direction: column;\n}\n.bk-timeline-vertical .bk-step {\n margin-right: 0;\n margin-bottom: 8px;\n}\n.bk-timeline-vertical .bk-step .bk-step-title::after,\n.bk-timeline-vertical .bk-step .bk-step-indicator::after {\n display: none;\n}\n.bk-timeline-vertical .bk-step::after {\n position: absolute;\n top: 32px;\n left: 12px;\n width: 1px;\n height: 100%;\n background-image: linear-gradient(#c4c6cc 50%, transparent 0%);\n background-position: right;\n background-repeat: repeat-y;\n background-size: 1px 6px;\n content: '';\n}\n.bk-timeline-vertical .bk-step .bk-step-title {\n display: flex;\n height: 100%;\n margin-top: 0;\n text-align: left;\n align-items: center;\n}\n";
79
- var BKLAYERTYPE;
80
- (function(BKLAYERTYPE2) {
81
- BKLAYERTYPE2["BOTTOM"] = "bottom";
82
- BKLAYERTYPE2["CONTENT"] = "content";
83
- BKLAYERTYPE2["NAVI"] = "navi";
84
- BKLAYERTYPE2["FULLSCREEN"] = "fullScreen";
85
- BKLAYERTYPE2["PLUGINS"] = "plugins";
86
- BKLAYERTYPE2["MODAL"] = "modal";
87
- BKLAYERTYPE2["MESSAGE"] = "message";
88
- BKLAYERTYPE2["POPPER"] = "popper";
89
- })(BKLAYERTYPE || (BKLAYERTYPE = {}));
64
+ var form = "";
65
+ var steps = "";
66
+ var message = "";
67
+ var notify = "";
68
+ var tree = "";
69
+ var slider = "";
70
+ var menu = "";
71
+ var navigation = "";
72
+ var datePicker = "";
73
+ var divider = "";
74
+ var tab = "";
75
+ var process = "";
76
+ var virtualRender$1 = "";
77
+ var pagination = "";
78
+ var timeline = "";
90
79
  const BKLAYERD_INDEX_EFAULT_VALUE = {
91
- [BKLAYERTYPE.BOTTOM]: 0,
92
- [BKLAYERTYPE.CONTENT]: 1,
93
- [BKLAYERTYPE.NAVI]: 100,
94
- [BKLAYERTYPE.FULLSCREEN]: 1e3,
95
- [BKLAYERTYPE.MODAL]: 3e3,
96
- [BKLAYERTYPE.PLUGINS]: 8e3,
97
- [BKLAYERTYPE.MESSAGE]: 1e4,
98
- [BKLAYERTYPE.POPPER]: 99999
80
+ ["bottom"]: 0,
81
+ ["content"]: 1,
82
+ ["navi"]: 100,
83
+ ["fullScreen"]: 1e3,
84
+ ["modal"]: 3e3,
85
+ ["plugins"]: 8e3,
86
+ ["message"]: 1e4,
87
+ ["popper"]: 99999
99
88
  };
100
89
  class BKZIndexManager {
101
90
  constructor() {
@@ -107,20 +96,20 @@ class BKZIndexManager {
107
96
  this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
108
97
  return this.storageLayerIndexValue[type];
109
98
  }
110
- this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
111
- return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
99
+ this.storageLayerIndexValue["modal"] = this.storageLayerIndexValue["modal"] + 1;
100
+ return this.storageLayerIndexValue["modal"];
112
101
  }
113
102
  getModalNextIndex() {
114
- return this.getNextIndex(BKLAYERTYPE.MODAL);
103
+ return this.getNextIndex("modal");
115
104
  }
116
105
  getMessageNextIndex() {
117
- return this.getNextIndex(BKLAYERTYPE.MESSAGE);
106
+ return this.getNextIndex("message");
118
107
  }
119
108
  getFullScreenNextIndex() {
120
- return this.getNextIndex(BKLAYERTYPE.FULLSCREEN);
109
+ return this.getNextIndex("fullScreen");
121
110
  }
122
111
  getNaviNextIndex() {
123
- return this.getNextIndex(BKLAYERTYPE.NAVI);
112
+ return this.getNextIndex("navi");
124
113
  }
125
114
  getPopperIndex() {
126
115
  return BKLAYERD_INDEX_EFAULT_VALUE.popper;
@@ -371,6 +360,9 @@ function getContainingBlock(element) {
371
360
  }
372
361
  }
373
362
  var currentNode = getParentNode(element);
363
+ if (isShadowRoot(currentNode)) {
364
+ currentNode = currentNode.host;
365
+ }
374
366
  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
375
367
  var css = getComputedStyle(currentNode);
376
368
  if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox2 && css.willChange === "filter" || isFirefox2 && css.filter && css.filter !== "none") {
@@ -529,13 +521,13 @@ function mapToStyles(_ref2) {
529
521
  offsetParent = offsetParent;
530
522
  if (placement === top || (placement === left || placement === right) && variation === end) {
531
523
  sideY = bottom;
532
- var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
524
+ var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
533
525
  y2 -= offsetY - popperRect.height;
534
526
  y2 *= gpuAcceleration ? 1 : -1;
535
527
  }
536
528
  if (placement === left || (placement === top || placement === bottom) && variation === end) {
537
529
  sideX = right;
538
- var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
530
+ var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
539
531
  x2 -= offsetX - popperRect.width;
540
532
  x2 *= gpuAcceleration ? 1 : -1;
541
533
  }
@@ -928,7 +920,7 @@ function flip(_ref) {
928
920
  }, []);
929
921
  var referenceRect = state.rects.reference;
930
922
  var popperRect = state.rects.popper;
931
- var checksMap = new Map();
923
+ var checksMap = /* @__PURE__ */ new Map();
932
924
  var makeFallbackChecks = true;
933
925
  var firstFittingPlacement = placements2[0];
934
926
  for (var i = 0; i < placements2.length; i++) {
@@ -1257,8 +1249,8 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
1257
1249
  };
1258
1250
  }
1259
1251
  function order(modifiers) {
1260
- var map = new Map();
1261
- var visited = new Set();
1252
+ var map = /* @__PURE__ */ new Map();
1253
+ var visited = /* @__PURE__ */ new Set();
1262
1254
  var result = [];
1263
1255
  modifiers.forEach(function(modifier) {
1264
1256
  map.set(modifier.name, modifier);
@@ -1463,15 +1455,15 @@ function isArray(value) {
1463
1455
  }
1464
1456
  return false;
1465
1457
  }
1466
- function isObject(value) {
1458
+ function isObject$1(value) {
1467
1459
  return value !== null && /^\[object (Object|Module)\]/.test(Object.prototype.toString.call(value));
1468
1460
  }
1469
1461
  function clone(source) {
1470
1462
  if (isArray(source)) {
1471
1463
  return source.map(clone);
1472
1464
  }
1473
- if (isObject(source)) {
1474
- const target = Object.create(null);
1465
+ if (isObject$1(source)) {
1466
+ const target = /* @__PURE__ */ Object.create(null);
1475
1467
  const keys = Object.keys(source);
1476
1468
  const klen = keys.length;
1477
1469
  let k2 = 0;
@@ -1491,7 +1483,7 @@ function mergerFn(key, target, source, options) {
1491
1483
  }
1492
1484
  const tval = target[key];
1493
1485
  const sval = source[key];
1494
- if (isObject(tval) && isObject(sval)) {
1486
+ if (isObject$1(tval) && isObject$1(sval)) {
1495
1487
  merge$1(tval, sval, options);
1496
1488
  } else {
1497
1489
  target[key] = clone(sval);
@@ -1500,14 +1492,14 @@ function mergerFn(key, target, source, options) {
1500
1492
  function merge$1(target, source, options) {
1501
1493
  const sources = isArray(source) ? source : [source];
1502
1494
  const ilen = sources.length;
1503
- if (!isObject(target)) {
1495
+ if (!isObject$1(target)) {
1504
1496
  return target;
1505
1497
  }
1506
1498
  options = options || {};
1507
1499
  const merger = options.merger || mergerFn;
1508
1500
  for (let i = 0; i < ilen; ++i) {
1509
1501
  source = sources[i];
1510
- if (!isObject(source)) {
1502
+ if (!isObject$1(source)) {
1511
1503
  continue;
1512
1504
  }
1513
1505
  const keys = Object.keys(source);
@@ -1557,7 +1549,7 @@ function throttle(func, wait, options) {
1557
1549
  function isElement(obj) {
1558
1550
  try {
1559
1551
  return obj instanceof HTMLElement;
1560
- } catch (e2) {
1552
+ } catch (e) {
1561
1553
  return typeof obj === "object" && obj.nodeType === 1 && typeof obj.style === "object" && typeof obj.ownerDocument === "object";
1562
1554
  }
1563
1555
  }
@@ -1811,6 +1803,8 @@ class BkMaskManager {
1811
1803
  this.uniqueMaskAttrTag = "";
1812
1804
  this.parentNode = document.body;
1813
1805
  this.activeInstance = void 0;
1806
+ this.zIndexStore = /* @__PURE__ */ new Map();
1807
+ this.lastUUID = null;
1814
1808
  this.maskStyle = {
1815
1809
  position: "absolute",
1816
1810
  left: 0,
@@ -1822,16 +1816,30 @@ class BkMaskManager {
1822
1816
  };
1823
1817
  const { multiInstance = false, maskAttrTag = "auto", parentNode = document.body, maskStyle = {} } = config || {};
1824
1818
  this.activeInstance = void 0;
1825
- this.maskStyle = Object.assign({}, this.maskStyle, maskStyle);
1826
1819
  this.multiInstance = multiInstance;
1827
1820
  this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
1828
1821
  this.parentNode = parentNode || document;
1829
1822
  this.mask = this.getMask();
1830
1823
  this.backupMask = this.createMask("data-bk-backup-uid");
1831
- this.setMaskStyle();
1824
+ this.setMaskStyle(Object.assign({}, this.maskStyle, maskStyle));
1832
1825
  }
1833
- show(content, zIndex) {
1826
+ show(content, zIndex, showMask = true, appendStyle = {}, uuid2 = null) {
1827
+ const uid = uuid2 != null ? uuid2 : random(16);
1834
1828
  const localZIndex = /-?\d+/.test(`${zIndex}`) ? zIndex : bkZIndexManager.getModalNextIndex();
1829
+ let style = Object.assign({}, this.maskStyle, appendStyle || {});
1830
+ if (!showMask) {
1831
+ if (this.lastUUID) {
1832
+ const preStore = this.zIndexStore.get(this.lastUUID);
1833
+ style = preStore.style;
1834
+ }
1835
+ }
1836
+ this.storeMaskInsCfg({
1837
+ zIndex: localZIndex,
1838
+ style: __spreadValues({}, style),
1839
+ uuid: uid,
1840
+ preUID: this.lastUUID
1841
+ });
1842
+ this.setMaskStyle(style);
1835
1843
  this.mask.style.setProperty("display", "block");
1836
1844
  this.mask.style.setProperty("z-index", `${localZIndex}`);
1837
1845
  this.backupMask.style.setProperty("z-index", `${localZIndex - 1}`);
@@ -1840,12 +1848,28 @@ class BkMaskManager {
1840
1848
  this.appendContentToMask(content);
1841
1849
  }
1842
1850
  }
1843
- hide(content) {
1851
+ hide(content, uuid2) {
1844
1852
  var _a;
1853
+ const uid = uuid2 != null ? uuid2 : this.lastUUID;
1845
1854
  this.mask.style.setProperty("display", "none");
1846
1855
  content == null ? void 0 : content.remove();
1847
1856
  (_a = this.activeInstance) == null ? void 0 : _a.remove();
1848
1857
  this.activeInstance = void 0;
1858
+ this.popIndexStore(uid);
1859
+ }
1860
+ storeMaskInsCfg(config) {
1861
+ this.zIndexStore.set(config.uuid, config);
1862
+ this.lastUUID = config.uuid;
1863
+ return this.zIndexStore.get(config.uuid);
1864
+ }
1865
+ popIndexStore(uuid2) {
1866
+ if (this.zIndexStore.has(uuid2)) {
1867
+ const rmIns = this.zIndexStore.get(uuid2);
1868
+ this.lastUUID = rmIns.preUID;
1869
+ return this.zIndexStore.delete(uuid2);
1870
+ }
1871
+ this.lastUUID = null;
1872
+ return false;
1849
1873
  }
1850
1874
  backupActiveInstance() {
1851
1875
  if (this.activeInstance) {
@@ -1874,9 +1898,9 @@ class BkMaskManager {
1874
1898
  this.parentNode.append(div);
1875
1899
  return div;
1876
1900
  }
1877
- setMaskStyle() {
1901
+ setMaskStyle(maskStyle = {}) {
1878
1902
  if (this.mask) {
1879
- Object.entries(this.maskStyle).forEach((cfg) => this.mask.style.setProperty(cfg[0], cfg[1]));
1903
+ Object.entries(maskStyle).forEach((cfg) => this.mask.style.setProperty(cfg[0], cfg[1]));
1880
1904
  }
1881
1905
  }
1882
1906
  getMaskAttrTag(tag2) {
@@ -1895,7 +1919,7 @@ class BKPopIndexManager {
1895
1919
  this.popInstanceList = [];
1896
1920
  this.uuidAttrName = "data-bk-pop-uuid";
1897
1921
  }
1898
- show(content) {
1922
+ show(content, showMask = true, appendStyle = {}) {
1899
1923
  if (!content) {
1900
1924
  console.warn("pop show error: content is null or undefined");
1901
1925
  return;
@@ -1903,19 +1927,21 @@ class BKPopIndexManager {
1903
1927
  const zIndex = bkZIndexManager.getModalNextIndex();
1904
1928
  const uuid2 = random(16);
1905
1929
  content.setAttribute(this.uuidAttrName, uuid2);
1906
- this.popInstanceList.push({ uuid: uuid2, zIndex, content });
1907
- bKMaskManager.backupActiveInstance();
1908
- bKMaskManager.show(content, zIndex);
1930
+ this.popInstanceList.push({ uuid: uuid2, zIndex, content, showMask, appendStyle });
1931
+ showMask && bKMaskManager.backupActiveInstance();
1932
+ bKMaskManager.show(content, zIndex, showMask, appendStyle, uuid2);
1909
1933
  }
1910
1934
  popHide(removeLastContent = true) {
1911
1935
  if (this.popInstanceList.length) {
1912
1936
  if (removeLastContent) {
1913
1937
  const lastItem = this.popInstanceList.pop();
1938
+ bKMaskManager.popIndexStore(lastItem.uuid);
1914
1939
  lastItem.remove();
1915
1940
  }
1916
1941
  if (this.popInstanceList.length) {
1917
1942
  const activeItem = this.popInstanceList.slice(-1)[0];
1918
- bKMaskManager.show(activeItem.content, activeItem.zIndex);
1943
+ const { zIndex, content, showMask, appendStyle, uuid: uuid2 } = activeItem;
1944
+ bKMaskManager.show(content, zIndex, showMask, appendStyle, uuid2);
1919
1945
  } else {
1920
1946
  bKMaskManager.hide();
1921
1947
  }
@@ -1928,6 +1954,7 @@ class BKPopIndexManager {
1928
1954
  if (itemIndex >= 0) {
1929
1955
  this.popInstanceList[itemIndex].content.remove();
1930
1956
  this.popInstanceList.splice(itemIndex, 1);
1957
+ bKMaskManager.popIndexStore(uuid2);
1931
1958
  if (!this.popInstanceList.length) {
1932
1959
  bKMaskManager.hide();
1933
1960
  } else {
@@ -1940,215 +1967,236 @@ class BKPopIndexManager {
1940
1967
  }
1941
1968
  }
1942
1969
  const bkPopIndexManager = new BKPopIndexManager();
1943
- function e() {
1944
- return (e = Object.assign || function(e2) {
1970
+ /*!
1971
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
1972
+ *
1973
+ * Copyright (c) 2014-2017, Jon Schlinkert.
1974
+ * Released under the MIT License.
1975
+ */
1976
+ function isObject(o2) {
1977
+ return Object.prototype.toString.call(o2) === "[object Object]";
1978
+ }
1979
+ function isPlainObject(o2) {
1980
+ var ctor, prot;
1981
+ if (isObject(o2) === false)
1982
+ return false;
1983
+ ctor = o2.constructor;
1984
+ if (ctor === void 0)
1985
+ return true;
1986
+ prot = ctor.prototype;
1987
+ if (isObject(prot) === false)
1988
+ return false;
1989
+ if (prot.hasOwnProperty("isPrototypeOf") === false) {
1990
+ return false;
1991
+ }
1992
+ return true;
1993
+ }
1994
+ function t() {
1995
+ return t = Object.assign || function(e) {
1945
1996
  for (var t2 = 1; t2 < arguments.length; t2++) {
1946
1997
  var r2 = arguments[t2];
1947
1998
  for (var n2 in r2)
1948
- Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
1999
+ Object.prototype.hasOwnProperty.call(r2, n2) && (e[n2] = r2[n2]);
1949
2000
  }
1950
- return e2;
1951
- }).apply(this, arguments);
2001
+ return e;
2002
+ }, t.apply(this, arguments);
1952
2003
  }
1953
- function t(e2, t2) {
1954
- if (e2 == null)
2004
+ function r(e, t2) {
2005
+ if (e == null)
1955
2006
  return {};
1956
- var r2, n2, o2 = {}, i = Object.keys(e2);
1957
- for (n2 = 0; n2 < i.length; n2++)
1958
- t2.indexOf(r2 = i[n2]) >= 0 || (o2[r2] = e2[r2]);
1959
- return o2;
2007
+ var r2, n2, i = {}, o2 = Object.keys(e);
2008
+ for (n2 = 0; n2 < o2.length; n2++)
2009
+ t2.indexOf(r2 = o2[n2]) >= 0 || (i[r2] = e[r2]);
2010
+ return i;
1960
2011
  }
1961
- function r(e2) {
1962
- return Object.prototype.toString.call(e2) === "[object Object]";
1963
- }
1964
- const n = { silent: false }, o = ["validator"], i$1 = Object.prototype, a = i$1.toString, s = i$1.hasOwnProperty, u = /^\s*function (\w+)/;
1965
- function l(e2) {
2012
+ const n = { silent: false, logLevel: "warn" }, i$1 = ["validator"], o = Object.prototype, a = o.toString, s = o.hasOwnProperty, u = /^\s*function (\w+)/;
2013
+ function l(e) {
1966
2014
  var t2;
1967
- const r2 = (t2 = e2 == null ? void 0 : e2.type) !== null && t2 !== void 0 ? t2 : e2;
2015
+ const r2 = (t2 = e == null ? void 0 : e.type) !== null && t2 !== void 0 ? t2 : e;
1968
2016
  if (r2) {
1969
- const e3 = r2.toString().match(u);
1970
- return e3 ? e3[1] : "";
2017
+ const e2 = r2.toString().match(u);
2018
+ return e2 ? e2[1] : "";
1971
2019
  }
1972
2020
  return "";
1973
2021
  }
1974
- const c = function(e2) {
1975
- var t2, n2;
1976
- return r(e2) !== false && ((t2 = e2.constructor) === void 0 || r(n2 = t2.prototype) !== false && n2.hasOwnProperty("isPrototypeOf") !== false);
1977
- }, f = (e2) => e2;
2022
+ const c = isPlainObject, f = (e) => e;
1978
2023
  let d = f;
1979
- const p = (e2, t2) => s.call(e2, t2), y = Number.isInteger || function(e2) {
1980
- return typeof e2 == "number" && isFinite(e2) && Math.floor(e2) === e2;
1981
- }, v = Array.isArray || function(e2) {
1982
- return a.call(e2) === "[object Array]";
1983
- }, h = (e2) => a.call(e2) === "[object Function]", b = (e2) => c(e2) && p(e2, "_vueTypes_name"), g = (e2) => c(e2) && (p(e2, "type") || ["_vueTypes_name", "validator", "default", "required"].some((t2) => p(e2, t2)));
1984
- function O(e2, t2) {
1985
- return Object.defineProperty(e2.bind(t2), "__original", { value: e2 });
1986
- }
1987
- function m(e2, t2, r2 = false) {
1988
- let n2, o2 = true, i = "";
1989
- n2 = c(e2) ? e2 : { type: e2 };
2024
+ const p = (e, t2) => s.call(e, t2), y = Number.isInteger || function(e) {
2025
+ return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
2026
+ }, v = Array.isArray || function(e) {
2027
+ return a.call(e) === "[object Array]";
2028
+ }, h = (e) => a.call(e) === "[object Function]", b = (e) => c(e) && p(e, "_vueTypes_name"), g = (e) => c(e) && (p(e, "type") || ["_vueTypes_name", "validator", "default", "required"].some((t2) => p(e, t2)));
2029
+ function O(e, t2) {
2030
+ return Object.defineProperty(e.bind(t2), "__original", { value: e });
2031
+ }
2032
+ function m(e, t2, r2 = false) {
2033
+ let n2, i = true, o2 = "";
2034
+ n2 = c(e) ? e : { type: e };
1990
2035
  const a2 = b(n2) ? n2._vueTypes_name + " - " : "";
1991
2036
  if (g(n2) && n2.type !== null) {
1992
2037
  if (n2.type === void 0 || n2.type === true)
1993
- return o2;
2038
+ return i;
1994
2039
  if (!n2.required && t2 === void 0)
1995
- return o2;
1996
- v(n2.type) ? (o2 = n2.type.some((e3) => m(e3, t2, true) === true), i = n2.type.map((e3) => l(e3)).join(" or ")) : (i = l(n2), o2 = i === "Array" ? v(t2) : i === "Object" ? c(t2) : i === "String" || i === "Number" || i === "Boolean" || i === "Function" ? function(e3) {
1997
- if (e3 == null)
2040
+ return i;
2041
+ v(n2.type) ? (i = n2.type.some((e2) => m(e2, t2, true) === true), o2 = n2.type.map((e2) => l(e2)).join(" or ")) : (o2 = l(n2), i = o2 === "Array" ? v(t2) : o2 === "Object" ? c(t2) : o2 === "String" || o2 === "Number" || o2 === "Boolean" || o2 === "Function" ? function(e2) {
2042
+ if (e2 == null)
1998
2043
  return "";
1999
- const t3 = e3.constructor.toString().match(u);
2044
+ const t3 = e2.constructor.toString().match(u);
2000
2045
  return t3 ? t3[1] : "";
2001
- }(t2) === i : t2 instanceof n2.type);
2046
+ }(t2) === o2 : t2 instanceof n2.type);
2002
2047
  }
2003
- if (!o2) {
2004
- const e3 = `${a2}value "${t2}" should be of type "${i}"`;
2005
- return r2 === false ? (d(e3), false) : e3;
2048
+ if (!i) {
2049
+ const e2 = `${a2}value "${t2}" should be of type "${o2}"`;
2050
+ return r2 === false ? (d(e2), false) : e2;
2006
2051
  }
2007
2052
  if (p(n2, "validator") && h(n2.validator)) {
2008
- const e3 = d, i2 = [];
2009
- if (d = (e4) => {
2010
- i2.push(e4);
2011
- }, o2 = n2.validator(t2), d = e3, !o2) {
2012
- const e4 = (i2.length > 1 ? "* " : "") + i2.join("\n* ");
2013
- return i2.length = 0, r2 === false ? (d(e4), o2) : e4;
2053
+ const e2 = d, o3 = [];
2054
+ if (d = (e3) => {
2055
+ o3.push(e3);
2056
+ }, i = n2.validator(t2), d = e2, !i) {
2057
+ const e3 = (o3.length > 1 ? "* " : "") + o3.join("\n* ");
2058
+ return o3.length = 0, r2 === false ? (d(e3), i) : e3;
2014
2059
  }
2015
2060
  }
2016
- return o2;
2061
+ return i;
2017
2062
  }
2018
- function j(e2, t2) {
2019
- const r2 = Object.defineProperties(t2, { _vueTypes_name: { value: e2, writable: true }, isRequired: { get() {
2063
+ function j(e, t2) {
2064
+ const r2 = Object.defineProperties(t2, { _vueTypes_name: { value: e, writable: true }, isRequired: { get() {
2020
2065
  return this.required = true, this;
2021
- } }, def: { value(e3) {
2022
- return e3 === void 0 ? (p(this, "default") && delete this.default, this) : h(e3) || m(this, e3, true) === true ? (this.default = v(e3) ? () => [...e3] : c(e3) ? () => Object.assign({}, e3) : e3, this) : (d(`${this._vueTypes_name} - invalid default value: "${e3}"`), this);
2066
+ } }, def: { value(e2) {
2067
+ return e2 === void 0 ? (p(this, "default") && delete this.default, this) : h(e2) || m(this, e2, true) === true ? (this.default = v(e2) ? () => [...e2] : c(e2) ? () => Object.assign({}, e2) : e2, this) : (d(`${this._vueTypes_name} - invalid default value: "${e2}"`), this);
2023
2068
  } } }), { validator: n2 } = r2;
2024
2069
  return h(n2) && (r2.validator = O(n2, r2)), r2;
2025
2070
  }
2026
- function _(e2, t2) {
2027
- const r2 = j(e2, t2);
2028
- return Object.defineProperty(r2, "validate", { value(e3) {
2071
+ function _(e, t2) {
2072
+ const r2 = j(e, t2);
2073
+ return Object.defineProperty(r2, "validate", { value(e2) {
2029
2074
  return h(this.validator) && d(`${this._vueTypes_name} - calling .validate() will overwrite the current custom validator function. Validator info:
2030
- ${JSON.stringify(this)}`), this.validator = O(e3, this), this;
2075
+ ${JSON.stringify(this)}`), this.validator = O(e2, this), this;
2031
2076
  } });
2032
2077
  }
2033
- function T(e2, r2, n2) {
2034
- const i = function(e3) {
2035
- const t2 = {};
2036
- return Object.getOwnPropertyNames(e3).forEach((r3) => {
2037
- t2[r3] = Object.getOwnPropertyDescriptor(e3, r3);
2038
- }), Object.defineProperties({}, t2);
2039
- }(r2);
2040
- if (i._vueTypes_name = e2, !c(n2))
2041
- return i;
2042
- const { validator: a2 } = n2, s2 = t(n2, o);
2078
+ function T(e, t2, n2) {
2079
+ const o2 = function(e2) {
2080
+ const t3 = {};
2081
+ return Object.getOwnPropertyNames(e2).forEach((r2) => {
2082
+ t3[r2] = Object.getOwnPropertyDescriptor(e2, r2);
2083
+ }), Object.defineProperties({}, t3);
2084
+ }(t2);
2085
+ if (o2._vueTypes_name = e, !c(n2))
2086
+ return o2;
2087
+ const { validator: a2 } = n2, s2 = r(n2, i$1);
2043
2088
  if (h(a2)) {
2044
- let { validator: e3 } = i;
2045
- e3 && (e3 = (l2 = (u2 = e3).__original) !== null && l2 !== void 0 ? l2 : u2), i.validator = O(e3 ? function(t2) {
2046
- return e3.call(this, t2) && a2.call(this, t2);
2047
- } : a2, i);
2089
+ let { validator: e2 } = o2;
2090
+ e2 && (e2 = (l2 = (u2 = e2).__original) !== null && l2 !== void 0 ? l2 : u2), o2.validator = O(e2 ? function(t3) {
2091
+ return e2.call(this, t3) && a2.call(this, t3);
2092
+ } : a2, o2);
2048
2093
  }
2049
2094
  var u2, l2;
2050
- return Object.assign(i, s2);
2095
+ return Object.assign(o2, s2);
2051
2096
  }
2052
- function $(e2) {
2053
- return e2.replace(/^(?!\s*$)/gm, " ");
2097
+ function $(e) {
2098
+ return e.replace(/^(?!\s*$)/gm, " ");
2054
2099
  }
2055
- const w = () => _("any", {}), P = () => _("function", { type: Function }), x = () => _("boolean", { type: Boolean }), E = () => _("string", { type: String }), N = () => _("number", { type: Number }), q = () => _("array", { type: Array }), A = () => _("object", { type: Object }), S = () => j("integer", { type: Number, validator: (e2) => y(e2) }), V = () => j("symbol", { validator: (e2) => typeof e2 == "symbol" });
2056
- function k(e2, t2 = "custom validation failed") {
2057
- if (typeof e2 != "function")
2100
+ const w = () => _("any", {}), P = () => _("function", { type: Function }), x = () => _("boolean", { type: Boolean }), E = () => _("string", { type: String }), N = () => _("number", { type: Number }), q = () => _("array", { type: Array }), A = () => _("object", { type: Object }), V = () => j("integer", { type: Number, validator: (e) => y(e) }), S = () => j("symbol", { validator: (e) => typeof e == "symbol" });
2101
+ function k(e, t2 = "custom validation failed") {
2102
+ if (typeof e != "function")
2058
2103
  throw new TypeError("[VueTypes error]: You must provide a function as argument");
2059
- return j(e2.name || "<<anonymous function>>", { validator(r2) {
2060
- const n2 = e2(r2);
2104
+ return j(e.name || "<<anonymous function>>", { type: null, validator(r2) {
2105
+ const n2 = e(r2);
2061
2106
  return n2 || d(`${this._vueTypes_name} - ${t2}`), n2;
2062
2107
  } });
2063
2108
  }
2064
- function D(e2) {
2065
- if (!v(e2))
2109
+ function D(e) {
2110
+ if (!v(e))
2066
2111
  throw new TypeError("[VueTypes error]: You must provide an array as argument.");
2067
- const t2 = `oneOf - value should be one of "${e2.join('", "')}".`, r2 = e2.reduce((e3, t3) => {
2112
+ const t2 = `oneOf - value should be one of "${e.join('", "')}".`, r2 = e.reduce((e2, t3) => {
2068
2113
  if (t3 != null) {
2069
2114
  const r3 = t3.constructor;
2070
- e3.indexOf(r3) === -1 && e3.push(r3);
2115
+ e2.indexOf(r3) === -1 && e2.push(r3);
2071
2116
  }
2072
- return e3;
2117
+ return e2;
2073
2118
  }, []);
2074
2119
  return j("oneOf", { type: r2.length > 0 ? r2 : void 0, validator(r3) {
2075
- const n2 = e2.indexOf(r3) !== -1;
2120
+ const n2 = e.indexOf(r3) !== -1;
2076
2121
  return n2 || d(t2), n2;
2077
2122
  } });
2078
2123
  }
2079
- function F(e2) {
2080
- if (!v(e2))
2124
+ function L(e) {
2125
+ if (!v(e))
2081
2126
  throw new TypeError("[VueTypes error]: You must provide an array as argument");
2082
2127
  let t2 = false, r2 = [];
2083
- for (let n2 = 0; n2 < e2.length; n2 += 1) {
2084
- const o2 = e2[n2];
2085
- if (g(o2)) {
2086
- if (b(o2) && o2._vueTypes_name === "oneOf" && o2.type) {
2087
- r2 = r2.concat(o2.type);
2128
+ for (let n3 = 0; n3 < e.length; n3 += 1) {
2129
+ const i = e[n3];
2130
+ if (g(i)) {
2131
+ if (b(i) && i._vueTypes_name === "oneOf" && i.type) {
2132
+ r2 = r2.concat(i.type);
2088
2133
  continue;
2089
2134
  }
2090
- if (h(o2.validator) && (t2 = true), o2.type !== true && o2.type) {
2091
- r2 = r2.concat(o2.type);
2135
+ if (h(i.validator) && (t2 = true), i.type === true || !i.type) {
2136
+ d('oneOfType - invalid usage of "true" or "null" as types.');
2092
2137
  continue;
2093
2138
  }
2094
- }
2095
- r2.push(o2);
2139
+ r2 = r2.concat(i.type);
2140
+ } else
2141
+ r2.push(i);
2096
2142
  }
2097
- return r2 = r2.filter((e3, t3) => r2.indexOf(e3) === t3), j("oneOfType", t2 ? { type: r2, validator(t3) {
2098
- const r3 = [], n2 = e2.some((e3) => {
2099
- const n3 = m(b(e3) && e3._vueTypes_name === "oneOf" ? e3.type || null : e3, t3, true);
2100
- return typeof n3 == "string" && r3.push(n3), n3 === true;
2143
+ r2 = r2.filter((e2, t3) => r2.indexOf(e2) === t3);
2144
+ const n2 = r2.length > 0 ? r2 : null;
2145
+ return j("oneOfType", t2 ? { type: n2, validator(t3) {
2146
+ const r3 = [], n3 = e.some((e2) => {
2147
+ const n4 = m(b(e2) && e2._vueTypes_name === "oneOf" ? e2.type || null : e2, t3, true);
2148
+ return typeof n4 == "string" && r3.push(n4), n4 === true;
2101
2149
  });
2102
- return n2 || d(`oneOfType - provided value does not match any of the ${r3.length} passed-in validators:
2103
- ${$(r3.join("\n"))}`), n2;
2104
- } } : { type: r2 });
2150
+ return n3 || d(`oneOfType - provided value does not match any of the ${r3.length} passed-in validators:
2151
+ ${$(r3.join("\n"))}`), n3;
2152
+ } } : { type: n2 });
2105
2153
  }
2106
- function L(e2) {
2154
+ function F(e) {
2107
2155
  return j("arrayOf", { type: Array, validator(t2) {
2108
2156
  let r2 = "";
2109
- const n2 = t2.every((t3) => (r2 = m(e2, t3, true), r2 === true));
2157
+ const n2 = t2.every((t3) => (r2 = m(e, t3, true), r2 === true));
2110
2158
  return n2 || d(`arrayOf - value validation error:
2111
2159
  ${$(r2)}`), n2;
2112
2160
  } });
2113
2161
  }
2114
- function Y(e2) {
2115
- return j("instanceOf", { type: e2 });
2162
+ function Y(e) {
2163
+ return j("instanceOf", { type: e });
2116
2164
  }
2117
- function B(e2) {
2165
+ function B(e) {
2118
2166
  return j("objectOf", { type: Object, validator(t2) {
2119
2167
  let r2 = "";
2120
- const n2 = Object.keys(t2).every((n3) => (r2 = m(e2, t2[n3], true), r2 === true));
2168
+ const n2 = Object.keys(t2).every((n3) => (r2 = m(e, t2[n3], true), r2 === true));
2121
2169
  return n2 || d(`objectOf - value validation error:
2122
2170
  ${$(r2)}`), n2;
2123
2171
  } });
2124
2172
  }
2125
- function I(e2) {
2126
- const t2 = Object.keys(e2), r2 = t2.filter((t3) => {
2173
+ function I(e) {
2174
+ const t2 = Object.keys(e), r2 = t2.filter((t3) => {
2127
2175
  var r3;
2128
- return !((r3 = e2[t3]) === null || r3 === void 0 || !r3.required);
2176
+ return !((r3 = e[t3]) === null || r3 === void 0 || !r3.required);
2129
2177
  }), n2 = j("shape", { type: Object, validator(n3) {
2130
2178
  if (!c(n3))
2131
2179
  return false;
2132
- const o2 = Object.keys(n3);
2133
- if (r2.length > 0 && r2.some((e3) => o2.indexOf(e3) === -1)) {
2134
- const e3 = r2.filter((e4) => o2.indexOf(e4) === -1);
2135
- return d(e3.length === 1 ? `shape - required property "${e3[0]}" is not defined.` : `shape - required properties "${e3.join('", "')}" are not defined.`), false;
2180
+ const i = Object.keys(n3);
2181
+ if (r2.length > 0 && r2.some((e2) => i.indexOf(e2) === -1)) {
2182
+ const e2 = r2.filter((e3) => i.indexOf(e3) === -1);
2183
+ return d(e2.length === 1 ? `shape - required property "${e2[0]}" is not defined.` : `shape - required properties "${e2.join('", "')}" are not defined.`), false;
2136
2184
  }
2137
- return o2.every((r3) => {
2185
+ return i.every((r3) => {
2138
2186
  if (t2.indexOf(r3) === -1)
2139
2187
  return this._vueTypes_isLoose === true || (d(`shape - shape definition does not include a "${r3}" property. Allowed keys: "${t2.join('", "')}".`), false);
2140
- const o3 = m(e2[r3], n3[r3], true);
2141
- return typeof o3 == "string" && d(`shape - "${r3}" property validation error:
2142
- ${$(o3)}`), o3 === true;
2188
+ const i2 = m(e[r3], n3[r3], true);
2189
+ return typeof i2 == "string" && d(`shape - "${r3}" property validation error:
2190
+ ${$(i2)}`), i2 === true;
2143
2191
  });
2144
2192
  } });
2145
2193
  return Object.defineProperty(n2, "_vueTypes_isLoose", { writable: true, value: false }), Object.defineProperty(n2, "loose", { get() {
2146
2194
  return this._vueTypes_isLoose = true, this;
2147
2195
  } }), n2;
2148
2196
  }
2149
- const J = ["name", "validate", "getter"], M = (() => {
2150
- var e2, r2;
2151
- return r2 = e2 = class {
2197
+ const J = ["name", "validate", "getter"], M = /* @__PURE__ */ (() => {
2198
+ var e, t2;
2199
+ return t2 = e = class {
2152
2200
  static get any() {
2153
2201
  return w();
2154
2202
  }
@@ -2171,62 +2219,50 @@ const J = ["name", "validate", "getter"], M = (() => {
2171
2219
  return A().def(this.defaults.object);
2172
2220
  }
2173
2221
  static get integer() {
2174
- return S().def(this.defaults.integer);
2222
+ return V().def(this.defaults.integer);
2175
2223
  }
2176
2224
  static get symbol() {
2177
- return V();
2178
- }
2179
- static extend(e3) {
2180
- if (v(e3))
2181
- return e3.forEach((e4) => this.extend(e4)), this;
2182
- const { name: r3, validate: n2 = false, getter: o2 = false } = e3, i = t(e3, J);
2183
- if (p(this, r3))
2184
- throw new TypeError(`[VueTypes error]: Type "${r3}" already defined`);
2185
- const { type: a2 } = i;
2225
+ return S();
2226
+ }
2227
+ static extend(e2) {
2228
+ if (v(e2))
2229
+ return e2.forEach((e3) => this.extend(e3)), this;
2230
+ const { name: t3, validate: n2 = false, getter: i = false } = e2, o2 = r(e2, J);
2231
+ if (p(this, t3))
2232
+ throw new TypeError(`[VueTypes error]: Type "${t3}" already defined`);
2233
+ const { type: a2 } = o2;
2186
2234
  if (b(a2))
2187
- return delete i.type, Object.defineProperty(this, r3, o2 ? { get: () => T(r3, a2, i) } : { value(...e4) {
2188
- const t2 = T(r3, a2, i);
2189
- return t2.validator && (t2.validator = t2.validator.bind(t2, ...e4)), t2;
2235
+ return delete o2.type, Object.defineProperty(this, t3, i ? { get: () => T(t3, a2, o2) } : { value(...e3) {
2236
+ const r2 = T(t3, a2, o2);
2237
+ return r2.validator && (r2.validator = r2.validator.bind(r2, ...e3)), r2;
2190
2238
  } });
2191
2239
  let s2;
2192
- return s2 = o2 ? { get() {
2193
- const e4 = Object.assign({}, i);
2194
- return n2 ? _(r3, e4) : j(r3, e4);
2195
- }, enumerable: true } : { value(...e4) {
2196
- const t2 = Object.assign({}, i);
2197
- let o3;
2198
- return o3 = n2 ? _(r3, t2) : j(r3, t2), t2.validator && (o3.validator = t2.validator.bind(o3, ...e4)), o3;
2199
- }, enumerable: true }, Object.defineProperty(this, r3, s2);
2200
- }
2201
- }, e2.defaults = {}, e2.sensibleDefaults = void 0, e2.config = n, e2.custom = k, e2.oneOf = D, e2.instanceOf = Y, e2.oneOfType = F, e2.arrayOf = L, e2.objectOf = B, e2.shape = I, e2.utils = { validate: (e3, t2) => m(t2, e3, true) === true, toType: (e3, t2, r3 = false) => r3 ? _(e3, t2) : j(e3, t2) }, r2;
2240
+ return s2 = i ? { get() {
2241
+ const e3 = Object.assign({}, o2);
2242
+ return n2 ? _(t3, e3) : j(t3, e3);
2243
+ }, enumerable: true } : { value(...e3) {
2244
+ const r2 = Object.assign({}, o2);
2245
+ let i2;
2246
+ return i2 = n2 ? _(t3, r2) : j(t3, r2), r2.validator && (i2.validator = r2.validator.bind(i2, ...e3)), i2;
2247
+ }, enumerable: true }, Object.defineProperty(this, t3, s2);
2248
+ }
2249
+ }, e.defaults = {}, e.sensibleDefaults = void 0, e.config = n, e.custom = k, e.oneOf = D, e.instanceOf = Y, e.oneOfType = L, e.arrayOf = F, e.objectOf = B, e.shape = I, e.utils = { validate: (e2, t3) => m(t3, e2, true) === true, toType: (e2, t3, r2 = false) => r2 ? _(e2, t3) : j(e2, t3) }, t2;
2202
2250
  })();
2203
- function R(t2 = { func: () => {
2251
+ function R(e = { func: () => {
2204
2252
  }, bool: true, string: "", number: 0, array: () => [], object: () => ({}), integer: 0 }) {
2205
2253
  var r2, n2;
2206
2254
  return n2 = r2 = class extends M {
2207
2255
  static get sensibleDefaults() {
2208
- return e({}, this.defaults);
2256
+ return t({}, this.defaults);
2209
2257
  }
2210
2258
  static set sensibleDefaults(r3) {
2211
- this.defaults = r3 !== false ? e({}, r3 !== true ? r3 : t2) : {};
2259
+ this.defaults = r3 !== false ? t({}, r3 !== true ? r3 : e) : {};
2212
2260
  }
2213
- }, r2.defaults = e({}, t2), n2;
2261
+ }, r2.defaults = t({}, e), n2;
2214
2262
  }
2215
2263
  class z extends R() {
2216
2264
  }
2217
2265
  const propTypesNS = R({});
2218
- var Size;
2219
- (function(Size2) {
2220
- Size2["Small"] = "small";
2221
- Size2["Large"] = "large";
2222
- })(Size || (Size = {}));
2223
- var Placements;
2224
- (function(Placements2) {
2225
- Placements2["Top"] = "top";
2226
- Placements2["Left"] = "left";
2227
- Placements2["Right"] = "right";
2228
- Placements2["Bottom"] = "bottom";
2229
- })(Placements || (Placements = {}));
2230
2266
  class PropTypes extends propTypesNS {
2231
2267
  static size(sizes = ["small", "default", "large"]) {
2232
2268
  return j("Size", {
@@ -2302,7 +2338,7 @@ class PropTypes extends propTypesNS {
2302
2338
  function classes(dynamicCls, constCls = "") {
2303
2339
  return Object.entries(dynamicCls).filter((entry) => entry[1]).map((entry) => entry[0]).join(" ").concat(constCls ? ` ${constCls}` : "");
2304
2340
  }
2305
- const EMPTY_OBJ = Object.create({});
2341
+ const EMPTY_OBJ = /* @__PURE__ */ Object.create({});
2306
2342
  const isEmptyObj = (target) => Object.keys(target).length < 1;
2307
2343
  const withInstall = (component) => {
2308
2344
  component.install = function(app) {
@@ -3497,6 +3533,10 @@ const propsMixin$1 = {
3497
3533
  scrollable: {
3498
3534
  type: Boolean,
3499
3535
  default: true
3536
+ },
3537
+ showMask: {
3538
+ type: Boolean,
3539
+ default: true
3500
3540
  }
3501
3541
  };
3502
3542
  var Component$j = defineComponent({
@@ -3531,7 +3571,11 @@ var Component$j = defineComponent({
3531
3571
  visible(val) {
3532
3572
  if (val) {
3533
3573
  this.$nextTick(() => {
3534
- bkPopIndexManager.show(this.$el);
3574
+ const hideMaskStyle = {
3575
+ "background-color": "rgba(0,0,0,0)"
3576
+ };
3577
+ const appendStyle = this.showMask ? {} : hideMaskStyle;
3578
+ bkPopIndexManager.show(this.$el, this.showMask, appendStyle);
3535
3579
  });
3536
3580
  } else {
3537
3581
  bkPopIndexManager.hide(this.$el);
@@ -3567,7 +3611,6 @@ var Component$i = defineComponent({
3567
3611
  BkModal,
3568
3612
  BkButton
3569
3613
  },
3570
- emits: ["closed", "update:isShow"],
3571
3614
  props: __spreadProps(__spreadValues({}, propsMixin$1), {
3572
3615
  confirmText: {
3573
3616
  type: String,
@@ -3577,7 +3620,7 @@ var Component$i = defineComponent({
3577
3620
  type: String,
3578
3621
  default: "\u53D6\u6D88"
3579
3622
  },
3580
- Title: {
3623
+ title: {
3581
3624
  type: String,
3582
3625
  default: "Title"
3583
3626
  },
@@ -3606,6 +3649,7 @@ var Component$i = defineComponent({
3606
3649
  }
3607
3650
  }
3608
3651
  }),
3652
+ emits: ["closed", "update:isShow"],
3609
3653
  methods: {
3610
3654
  handleClose() {
3611
3655
  this.$emit("update:isShow", false);
@@ -3626,7 +3670,7 @@ var Component$i = defineComponent({
3626
3670
  }, [createVNode("span", {
3627
3671
  "class": "bk-dialog-title",
3628
3672
  "style": `text-align: ${this.headerAlign}`
3629
- }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : this.Title])])]);
3673
+ }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : this.title])])]);
3630
3674
  },
3631
3675
  default: () => {
3632
3676
  var _a, _b, _c;
@@ -3819,23 +3863,23 @@ var Component$f = defineComponent({
3819
3863
  ctx.emit("change", "");
3820
3864
  ctx.emit("clear");
3821
3865
  }
3822
- function handleFocus(e2) {
3866
+ function handleFocus(e) {
3823
3867
  isFocused.value = true;
3824
- ctx.emit("focus", e2);
3868
+ ctx.emit("focus", e);
3825
3869
  }
3826
- function handleBlur(e2) {
3870
+ function handleBlur(e) {
3827
3871
  isFocused.value = false;
3828
- ctx.emit("blur", e2);
3872
+ ctx.emit("blur", e);
3829
3873
  }
3830
- function handleInput(e2) {
3831
- ctx.emit("update:modelValue", isNumberInput.value ? +e2.target.value : e2.target.value);
3832
- ctx.emit("input", e2.target.value);
3874
+ function handleInput(e) {
3875
+ ctx.emit("update:modelValue", isNumberInput.value ? +e.target.value : e.target.value);
3876
+ ctx.emit("input", e.target.value);
3833
3877
  }
3834
- function handleKeydown(e2) {
3835
- ctx.emit("keydown", e2.target.value, e2);
3878
+ function handleKeydown(e) {
3879
+ ctx.emit("keydown", e.target.value, e);
3836
3880
  }
3837
- function handleChange(e2) {
3838
- ctx.emit("change", e2.target.value, e2);
3881
+ function handleChange(e) {
3882
+ ctx.emit("change", e.target.value, e);
3839
3883
  }
3840
3884
  function handleNumber(step, INC = true) {
3841
3885
  const precision = Number.isInteger(props.precision) ? props.precision : 0;
@@ -3979,7 +4023,7 @@ var Component$d = defineComponent({
3979
4023
  props: PopoverProps,
3980
4024
  setup(props, ctx) {
3981
4025
  let isPopInstance = false;
3982
- let popoverInstance = Object.create(null);
4026
+ let popoverInstance = /* @__PURE__ */ Object.create(null);
3983
4027
  const {
3984
4028
  width,
3985
4029
  height,
@@ -4041,7 +4085,7 @@ var Component$d = defineComponent({
4041
4085
  if (instance.constructor) {
4042
4086
  instance.isShow && instance.hide();
4043
4087
  instance.destroy();
4044
- popoverInstance = Object.create(null);
4088
+ popoverInstance = /* @__PURE__ */ Object.create(null);
4045
4089
  }
4046
4090
  };
4047
4091
  const initPopInstance = () => {
@@ -4906,9 +4950,9 @@ var normalizeWheel = normalizeWheel_1;
4906
4950
  const isFirefox = typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
4907
4951
  const mousewheelHandler = function(element, callback) {
4908
4952
  if (element == null ? void 0 : element.addEventListener) {
4909
- element.addEventListener(isFirefox ? "DOMMouseScroll" : "mousewheel", function(e2) {
4910
- const normalized = normalizeWheel(e2);
4911
- callback == null ? void 0 : callback.apply(this, [e2, normalized]);
4953
+ element.addEventListener(isFirefox ? "DOMMouseScroll" : "mousewheel", function(e) {
4954
+ const normalized = normalizeWheel(e);
4955
+ callback == null ? void 0 : callback.apply(this, [e, normalized]);
4912
4956
  });
4913
4957
  }
4914
4958
  };
@@ -4918,7 +4962,7 @@ const mousewheel = {
4918
4962
  mousewheelHandler(el, binding.value);
4919
4963
  }
4920
4964
  };
4921
- const nodeMap = new Map();
4965
+ const nodeMap = /* @__PURE__ */ new Map();
4922
4966
  function parseBindingValue(value) {
4923
4967
  const isTouch = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0;
4924
4968
  const defaultOption = {
@@ -5006,7 +5050,7 @@ const clickoutside = {
5006
5050
  destroy(el);
5007
5051
  }
5008
5052
  };
5009
- var popper = ".bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0px 0px 6px 0px;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n";
5053
+ var popper = "";
5010
5054
  const tooltips = {
5011
5055
  mounted(el, binding) {
5012
5056
  const opts = initOptions();
@@ -5147,8 +5191,8 @@ var Component$9 = defineComponent({
5147
5191
  } = toRefs(props);
5148
5192
  const states = reactive({
5149
5193
  currentPlaceholder: placeholder.value,
5150
- options: new Set(),
5151
- selectedOptions: new Set(),
5194
+ options: /* @__PURE__ */ new Set(),
5195
+ selectedOptions: /* @__PURE__ */ new Set(),
5152
5196
  currentSelectedLabel: ""
5153
5197
  });
5154
5198
  const selectTriggerRef = ref();
@@ -5169,8 +5213,8 @@ var Component$9 = defineComponent({
5169
5213
  handleFocus,
5170
5214
  handleBlur
5171
5215
  } = useFocus();
5172
- const handleInput = (e2) => {
5173
- searchKey.value = e2.target.value;
5216
+ const handleInput = (e) => {
5217
+ searchKey.value = e.target.value;
5174
5218
  };
5175
5219
  const isDisabled = computed(() => disabled.value || loading2.value);
5176
5220
  const selectClass = computed(() => ({
@@ -5242,8 +5286,8 @@ var Component$9 = defineComponent({
5242
5286
  inputRef.value.focus();
5243
5287
  handleResetState();
5244
5288
  };
5245
- const handleClear = (e2) => {
5246
- e2.stopPropagation();
5289
+ const handleClear = (e) => {
5290
+ e.stopPropagation();
5247
5291
  states.selectedOptions.clear();
5248
5292
  emitChange(multiple.value ? [] : "");
5249
5293
  hidePopover();
@@ -5258,8 +5302,8 @@ var Component$9 = defineComponent({
5258
5302
  try {
5259
5303
  searchLoading.value = true;
5260
5304
  await remoteMethod.value(searchKey.value);
5261
- } catch (e2) {
5262
- console.error(e2);
5305
+ } catch (e) {
5306
+ console.error(e);
5263
5307
  } finally {
5264
5308
  searchLoading.value = false;
5265
5309
  }
@@ -5681,8 +5725,8 @@ var Component$7 = defineComponent({
5681
5725
  emit("update:curStep", index);
5682
5726
  emit("click", index);
5683
5727
  }
5684
- } catch (e2) {
5685
- console.warn(e2);
5728
+ } catch (e) {
5729
+ console.warn(e);
5686
5730
  }
5687
5731
  };
5688
5732
  onMounted(init2);
@@ -5883,7 +5927,7 @@ const tableProps = {
5883
5927
  const resolvePropVal = (prop, key, args) => {
5884
5928
  if (Object.prototype.hasOwnProperty.call(prop, key)) {
5885
5929
  if (typeof prop[key] === "function") {
5886
- return prop[key].call(void 0, ...args);
5930
+ return prop[key].call(globalThis, ...args);
5887
5931
  }
5888
5932
  return prop[key];
5889
5933
  }
@@ -5997,6 +6041,7 @@ const observerResize = (root, callbackFn, delay = 60, immediate = false) => {
5997
6041
  }
5998
6042
  };
5999
6043
  };
6044
+ const isPercentPixOrNumber = (val) => /^\d+\.?\d*(px|%)?$/.test(`${val}`);
6000
6045
  class TablePlugins {
6001
6046
  constructor(props, ctx) {
6002
6047
  __publicField(this, "props", null);
@@ -6169,27 +6214,27 @@ function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
6169
6214
  typeof callback === "function" && callback(event, targetStartIndex, targetEndIndex, elScrollTop, translateY);
6170
6215
  }
6171
6216
  }
6172
- function visibleRender(e2, wrapper, binding) {
6217
+ function visibleRender(e, wrapper, binding) {
6173
6218
  const { lineHeight = 30, handleScrollCallback, pagination: pagination2 = {} } = binding.value;
6174
6219
  const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination2;
6175
- computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop, startIndex, endIndex, groupItemCount, count }, wrapper, e2);
6220
+ computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop, startIndex, endIndex, groupItemCount, count }, wrapper, e);
6176
6221
  }
6177
- const throttledRender = (delay = 60) => throttle((e2, wrapper, binding) => visibleRender(e2, wrapper, binding), delay);
6222
+ const throttledRender = (delay = 60) => throttle((e, wrapper, binding) => visibleRender(e, wrapper, binding), delay);
6178
6223
  let cachedThrottle = null;
6179
- const executeThrottledRender = (e2, wrapper, binding, delay = 60) => {
6224
+ const executeThrottledRender = (e, wrapper, binding, delay = 60) => {
6180
6225
  if (!cachedThrottle) {
6181
6226
  cachedThrottle = throttledRender(delay);
6182
6227
  }
6183
6228
  if (typeof cachedThrottle === "function") {
6184
- cachedThrottle.call(void 0, e2, wrapper, binding);
6229
+ cachedThrottle.call(globalThis, e, wrapper, binding);
6185
6230
  }
6186
6231
  };
6187
6232
  var virtualRender = {
6188
6233
  mounted(el, binding) {
6189
6234
  const wrapper = el.parentNode;
6190
6235
  const { throttleDelay } = binding.value;
6191
- wrapper.addEventListener("scroll", (e2) => {
6192
- executeThrottledRender(e2, wrapper, binding, throttleDelay);
6236
+ wrapper.addEventListener("scroll", (e) => {
6237
+ executeThrottledRender(e, wrapper, binding, throttleDelay);
6193
6238
  });
6194
6239
  },
6195
6240
  updated(el, binding) {
@@ -6379,10 +6424,14 @@ var Component$4 = defineComponent({
6379
6424
  const contentStyle = computed(() => {
6380
6425
  const resolveHeight = resolveNumberOrStringToPix(props.height);
6381
6426
  const resolveHeadHeight = props.showHead ? resolveNumberOrStringToPix(props.headHeight) : "0";
6382
- return {
6383
- height: `calc(${resolveHeight} - ${resolveHeadHeight} - 2px)`,
6427
+ const isAutoHeight = !isPercentPixOrNumber(props.height);
6428
+ return __spreadValues({
6384
6429
  display: "block"
6385
- };
6430
+ }, isAutoHeight ? {
6431
+ maxHeight: `calc(${resolveHeight} - ${resolveHeadHeight} - 2px)`
6432
+ } : {
6433
+ height: `calc(${resolveHeight} - ${resolveHeadHeight} - 2px)`
6434
+ });
6386
6435
  });
6387
6436
  watch(() => [props.activeColumn, props.columns], () => {
6388
6437
  nextTick(() => {
@@ -6537,8 +6586,8 @@ var TabNav = defineComponent({
6537
6586
  arr[a2] = arr[b2];
6538
6587
  arr[b2] = swap;
6539
6588
  },
6540
- handleTabAdd(e2) {
6541
- this.tabAdd(e2);
6589
+ handleTabAdd(e) {
6590
+ this.tabAdd(e);
6542
6591
  },
6543
6592
  dragstart(index, $event) {
6544
6593
  this.dragStartIndex = index;
@@ -6685,23 +6734,23 @@ var TabNav = defineComponent({
6685
6734
  "key": name,
6686
6735
  "onClick": () => this.handleTabChange(name),
6687
6736
  "draggable": getValue(item.sortable, sortable),
6688
- "onDragstart": (e2) => dragstart(index, e2),
6689
- "onDragenter": (e2) => {
6690
- e2.preventDefault();
6737
+ "onDragstart": (e) => dragstart(index, e),
6738
+ "onDragenter": (e) => {
6739
+ e.preventDefault();
6691
6740
  dragenter(index);
6692
6741
  },
6693
- "onDragleave": (e2) => {
6694
- e2.preventDefault();
6742
+ "onDragleave": (e) => {
6743
+ e.preventDefault();
6695
6744
  },
6696
- "onDragover": (e2) => {
6697
- e2.preventDefault();
6745
+ "onDragover": (e) => {
6746
+ e.preventDefault();
6698
6747
  },
6699
- "onDragend": (e2) => {
6700
- e2.preventDefault();
6748
+ "onDragend": (e) => {
6749
+ e.preventDefault();
6701
6750
  dragend();
6702
6751
  },
6703
- "onDrop": (e2) => {
6704
- e2.preventDefault();
6752
+ "onDrop": (e) => {
6753
+ e.preventDefault();
6705
6754
  drop(index, sortType);
6706
6755
  },
6707
6756
  "class": getNavItemClass()
@@ -6782,12 +6831,12 @@ var Tab = defineComponent({
6782
6831
  "drag"
6783
6832
  ],
6784
6833
  methods: {
6785
- tabAdd(e2) {
6834
+ tabAdd(e) {
6786
6835
  this.$emit("add", {
6787
- e: e2
6836
+ e
6788
6837
  });
6789
6838
  this.$emit("add-panel", {
6790
- e: e2
6839
+ e
6791
6840
  });
6792
6841
  },
6793
6842
  tabChange(name) {
@@ -7417,9 +7466,9 @@ var Item = defineComponent({
7417
7466
  key,
7418
7467
  parentKey: parentInfo == null ? void 0 : parentInfo.key
7419
7468
  });
7420
- const handleClick = (e2) => {
7469
+ const handleClick = (e) => {
7421
7470
  handleActiveChange(key);
7422
- emit("click", e2);
7471
+ emit("click", e);
7423
7472
  };
7424
7473
  onBeforeUnmount(() => unregisterMenuInfo(key));
7425
7474
  return () => {
@@ -8277,62 +8326,6 @@ function subMilliseconds(dirtyDate, dirtyAmount) {
8277
8326
  var amount = toInteger(dirtyAmount);
8278
8327
  return addMilliseconds(dirtyDate, -amount);
8279
8328
  }
8280
- function addLeadingZeros(number, targetLength) {
8281
- var sign = number < 0 ? "-" : "";
8282
- var output = Math.abs(number).toString();
8283
- while (output.length < targetLength) {
8284
- output = "0" + output;
8285
- }
8286
- return sign + output;
8287
- }
8288
- var formatters$2 = {
8289
- y: function(date, token2) {
8290
- var signedYear = date.getUTCFullYear();
8291
- var year = signedYear > 0 ? signedYear : 1 - signedYear;
8292
- return addLeadingZeros(token2 === "yy" ? year % 100 : year, token2.length);
8293
- },
8294
- M: function(date, token2) {
8295
- var month = date.getUTCMonth();
8296
- return token2 === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
8297
- },
8298
- d: function(date, token2) {
8299
- return addLeadingZeros(date.getUTCDate(), token2.length);
8300
- },
8301
- a: function(date, token2) {
8302
- var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? "pm" : "am";
8303
- switch (token2) {
8304
- case "a":
8305
- case "aa":
8306
- return dayPeriodEnumValue.toUpperCase();
8307
- case "aaa":
8308
- return dayPeriodEnumValue;
8309
- case "aaaaa":
8310
- return dayPeriodEnumValue[0];
8311
- case "aaaa":
8312
- default:
8313
- return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
8314
- }
8315
- },
8316
- h: function(date, token2) {
8317
- return addLeadingZeros(date.getUTCHours() % 12 || 12, token2.length);
8318
- },
8319
- H: function(date, token2) {
8320
- return addLeadingZeros(date.getUTCHours(), token2.length);
8321
- },
8322
- m: function(date, token2) {
8323
- return addLeadingZeros(date.getUTCMinutes(), token2.length);
8324
- },
8325
- s: function(date, token2) {
8326
- return addLeadingZeros(date.getUTCSeconds(), token2.length);
8327
- },
8328
- S: function(date, token2) {
8329
- var numberOfDigits = token2.length;
8330
- var milliseconds = date.getUTCMilliseconds();
8331
- var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
8332
- return addLeadingZeros(fractionalSeconds, token2.length);
8333
- }
8334
- };
8335
- var formatters$3 = formatters$2;
8336
8329
  var MILLISECONDS_IN_DAY = 864e5;
8337
8330
  function getUTCDayOfYear(dirtyDate) {
8338
8331
  requiredArgs(1, arguments);
@@ -8409,7 +8402,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
8409
8402
  }
8410
8403
  function getUTCWeekYear(dirtyDate, dirtyOptions) {
8411
8404
  requiredArgs(1, arguments);
8412
- var date = toDate(dirtyDate, dirtyOptions);
8405
+ var date = toDate(dirtyDate);
8413
8406
  var year = date.getUTCFullYear();
8414
8407
  var options = dirtyOptions || {};
8415
8408
  var locale2 = options.locale;
@@ -8456,6 +8449,62 @@ function getUTCWeek(dirtyDate, options) {
8456
8449
  var diff = startOfUTCWeek(date, options).getTime() - startOfUTCWeekYear(date, options).getTime();
8457
8450
  return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
8458
8451
  }
8452
+ function addLeadingZeros(number, targetLength) {
8453
+ var sign = number < 0 ? "-" : "";
8454
+ var output = Math.abs(number).toString();
8455
+ while (output.length < targetLength) {
8456
+ output = "0" + output;
8457
+ }
8458
+ return sign + output;
8459
+ }
8460
+ var formatters$2 = {
8461
+ y: function(date, token2) {
8462
+ var signedYear = date.getUTCFullYear();
8463
+ var year = signedYear > 0 ? signedYear : 1 - signedYear;
8464
+ return addLeadingZeros(token2 === "yy" ? year % 100 : year, token2.length);
8465
+ },
8466
+ M: function(date, token2) {
8467
+ var month = date.getUTCMonth();
8468
+ return token2 === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
8469
+ },
8470
+ d: function(date, token2) {
8471
+ return addLeadingZeros(date.getUTCDate(), token2.length);
8472
+ },
8473
+ a: function(date, token2) {
8474
+ var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? "pm" : "am";
8475
+ switch (token2) {
8476
+ case "a":
8477
+ case "aa":
8478
+ return dayPeriodEnumValue.toUpperCase();
8479
+ case "aaa":
8480
+ return dayPeriodEnumValue;
8481
+ case "aaaaa":
8482
+ return dayPeriodEnumValue[0];
8483
+ case "aaaa":
8484
+ default:
8485
+ return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
8486
+ }
8487
+ },
8488
+ h: function(date, token2) {
8489
+ return addLeadingZeros(date.getUTCHours() % 12 || 12, token2.length);
8490
+ },
8491
+ H: function(date, token2) {
8492
+ return addLeadingZeros(date.getUTCHours(), token2.length);
8493
+ },
8494
+ m: function(date, token2) {
8495
+ return addLeadingZeros(date.getUTCMinutes(), token2.length);
8496
+ },
8497
+ s: function(date, token2) {
8498
+ return addLeadingZeros(date.getUTCSeconds(), token2.length);
8499
+ },
8500
+ S: function(date, token2) {
8501
+ var numberOfDigits = token2.length;
8502
+ var milliseconds = date.getUTCMilliseconds();
8503
+ var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
8504
+ return addLeadingZeros(fractionalSeconds, token2.length);
8505
+ }
8506
+ };
8507
+ var formatters$3 = formatters$2;
8459
8508
  var dayPeriodEnum = {
8460
8509
  am: "am",
8461
8510
  pm: "pm",
@@ -9096,7 +9145,7 @@ function timeLongFormatter(pattern, formatLong2) {
9096
9145
  }
9097
9146
  }
9098
9147
  function dateTimeLongFormatter(pattern, formatLong2) {
9099
- var matchResult = pattern.match(/(P+)(p+)?/);
9148
+ var matchResult = pattern.match(/(P+)(p+)?/) || [];
9100
9149
  var datePattern = matchResult[1];
9101
9150
  var timePattern = matchResult[2];
9102
9151
  if (!timePattern) {
@@ -9791,7 +9840,7 @@ var PickerDropdown = defineComponent({
9791
9840
  setup(props, {
9792
9841
  emit
9793
9842
  }) {
9794
- let popoverInstance = Object.create(null);
9843
+ let popoverInstance = /* @__PURE__ */ Object.create(null);
9795
9844
  const refContentRef = ref(null);
9796
9845
  onMounted(() => {
9797
9846
  updateDropdown();
@@ -10388,8 +10437,8 @@ var DatePanel = defineComponent({
10388
10437
  render() {
10389
10438
  return createVNode("div", {
10390
10439
  "class": ["bk-picker-panel-body-wrapper", this.shortcuts.length ? "bk-picker-panel-with-sidebar" : ""],
10391
- "onMousedown": (e2) => {
10392
- e2.preventDefault();
10440
+ "onMousedown": (e) => {
10441
+ e.preventDefault();
10393
10442
  }
10394
10443
  }, [this.shortcuts.length ? createVNode("div", {
10395
10444
  "class": "bk-picker-panel-sidebar"
@@ -10722,8 +10771,8 @@ var DateRangePanel = defineComponent({
10722
10771
  render() {
10723
10772
  return createVNode("div", {
10724
10773
  "class": ["bk-picker-panel-body-wrapper", "bk-date-picker-with-range", this.shortcuts.length || this.$slots.shortcuts ? "bk-picker-panel-with-sidebar" : ""],
10725
- "onMousedown": (e2) => {
10726
- e2.preventDefault();
10774
+ "onMousedown": (e) => {
10775
+ e.preventDefault();
10727
10776
  }
10728
10777
  }, [createVNode("div", {
10729
10778
  "class": ["bk-picker-panel-body", this.showTime ? "bk-picker-panel-body-time" : "bk-picker-panel-body-date"]
@@ -11147,25 +11196,25 @@ var Component$1 = defineComponent({
11147
11196
  });
11148
11197
  });
11149
11198
  const pickerPanelRef = ref(null);
11150
- const handleClose = (e2) => {
11199
+ const handleClose = (e) => {
11151
11200
  var _a;
11152
11201
  if (state.disableCloseUnderTransfer) {
11153
11202
  state.disableCloseUnderTransfer = false;
11154
11203
  return false;
11155
11204
  }
11156
- if (e2 && e2.type === "mousedown" && state.visible) {
11157
- e2.preventDefault();
11158
- e2.stopPropagation();
11205
+ if (e && e.type === "mousedown" && state.visible) {
11206
+ e.preventDefault();
11207
+ e.stopPropagation();
11159
11208
  return;
11160
11209
  }
11161
11210
  if (state.visible) {
11162
11211
  const pickerPanel = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.$el;
11163
- if (e2 && pickerPanel && pickerPanel.contains(e2.target)) {
11212
+ if (e && pickerPanel && pickerPanel.contains(e.target)) {
11164
11213
  return;
11165
11214
  }
11166
11215
  state.visible = false;
11167
- e2 == null ? void 0 : e2.preventDefault();
11168
- e2 == null ? void 0 : e2.stopPropagation();
11216
+ e == null ? void 0 : e.preventDefault();
11217
+ e == null ? void 0 : e.stopPropagation();
11169
11218
  return;
11170
11219
  }
11171
11220
  state.isFocused = false;
@@ -11184,9 +11233,9 @@ var Component$1 = defineComponent({
11184
11233
  state.showClose = true;
11185
11234
  }
11186
11235
  };
11187
- const handleInputMouseleave = (e2) => {
11236
+ const handleInputMouseleave = (e) => {
11188
11237
  var _a;
11189
- if ((_a = e2.toElement) == null ? void 0 : _a.classList.contains("clear-action")) {
11238
+ if ((_a = e.toElement) == null ? void 0 : _a.classList.contains("clear-action")) {
11190
11239
  return;
11191
11240
  }
11192
11241
  state.showClose = false;
@@ -11201,11 +11250,11 @@ var Component$1 = defineComponent({
11201
11250
  }
11202
11251
  });
11203
11252
  };
11204
- const handleInputChange = (e2) => {
11253
+ const handleInputChange = (e) => {
11205
11254
  var _a;
11206
11255
  const isArrayValue = props.type.includes("range") || props.multiple;
11207
11256
  const oldValue = visualValue.value;
11208
- const newValue = e2.target.value;
11257
+ const newValue = e.target.value;
11209
11258
  const newDate = parseDate(newValue, props.type, props.multiple, props.format);
11210
11259
  const valueToTest = isArrayValue ? newDate : newDate[0];
11211
11260
  const isDisabled = (_a = props.disableDate) == null ? void 0 : _a.call(props, valueToTest);
@@ -11217,12 +11266,12 @@ var Component$1 = defineComponent({
11217
11266
  state.forceInputRerender = state.forceInputRerender + 1;
11218
11267
  }
11219
11268
  };
11220
- const handleFocus = (e2) => {
11269
+ const handleFocus = (e) => {
11221
11270
  if (props.readonly) {
11222
11271
  return;
11223
11272
  }
11224
11273
  state.isFocused = true;
11225
- if (e2 && e2.type === "focus") {
11274
+ if (e && e.type === "focus") {
11226
11275
  return;
11227
11276
  }
11228
11277
  if (!props.disabled) {
@@ -11233,14 +11282,14 @@ var Component$1 = defineComponent({
11233
11282
  var _a;
11234
11283
  (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset();
11235
11284
  };
11236
- const handleBlur = (e2) => {
11285
+ const handleBlur = (e) => {
11237
11286
  var _a;
11238
11287
  if (state.internalFocus) {
11239
11288
  state.internalFocus = false;
11240
11289
  return;
11241
11290
  }
11242
11291
  if (state.visible) {
11243
- e2.preventDefault();
11292
+ e.preventDefault();
11244
11293
  return;
11245
11294
  }
11246
11295
  state.isFocused = false;
@@ -11249,19 +11298,19 @@ var Component$1 = defineComponent({
11249
11298
  reset2();
11250
11299
  (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.onToggleVisibility(false);
11251
11300
  };
11252
- const handleKeydown = (e2) => {
11301
+ const handleKeydown = (e) => {
11253
11302
  const {
11254
11303
  keyCode
11255
- } = e2;
11304
+ } = e;
11256
11305
  if (keyCode === 9) {
11257
11306
  if (state.visible) {
11258
- e2.stopPropagation();
11259
- e2.preventDefault();
11307
+ e.stopPropagation();
11308
+ e.preventDefault();
11260
11309
  if (isConfirm) {
11261
11310
  const selector = ".bk-picker-confirm > *";
11262
11311
  const tabbable = pickerDropdownRef.$el.querySelectorAll(selector);
11263
11312
  state.internalFocus = true;
11264
- const element = [...tabbable][e2.shiftKey ? "pop" : "shift"]();
11313
+ const element = [...tabbable][e.shiftKey ? "pop" : "shift"]();
11265
11314
  element.focus();
11266
11315
  } else {
11267
11316
  handleClose();
@@ -11275,7 +11324,7 @@ var Component$1 = defineComponent({
11275
11324
  }
11276
11325
  if (keyCode === 27) {
11277
11326
  if (state.visible) {
11278
- e2.stopPropagation();
11327
+ e.stopPropagation();
11279
11328
  handleClose();
11280
11329
  }
11281
11330
  }
@@ -11283,7 +11332,7 @@ var Component$1 = defineComponent({
11283
11332
  return;
11284
11333
  }
11285
11334
  if (state.focusedTime.active) {
11286
- e2.preventDefault();
11335
+ e.preventDefault();
11287
11336
  }
11288
11337
  };
11289
11338
  const handleClear = () => {
@@ -11691,7 +11740,7 @@ const getStringOrFuncStr = (item, props, key, args = []) => {
11691
11740
  return value;
11692
11741
  }
11693
11742
  if (typeof value === "function") {
11694
- const txt = value.apply(void 0, [item, ...args]);
11743
+ const txt = value.apply(globalThis, [item, ...args]);
11695
11744
  if (typeof txt === "string") {
11696
11745
  return txt;
11697
11746
  }
@@ -12241,9 +12290,8 @@ var FormItem = defineComponent({
12241
12290
  }
12242
12291
  });
12243
12292
  const BkForm = withInstallProps(Form, { FormItem });
12244
- var components = /* @__PURE__ */ Object.freeze({
12293
+ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
12245
12294
  __proto__: null,
12246
- [Symbol.toStringTag]: "Module",
12247
12295
  Alert: BkAlert,
12248
12296
  AnimateNumber: BkAnimateNumber,
12249
12297
  Backtop: BkBacktop,
@@ -12289,7 +12337,7 @@ var components = /* @__PURE__ */ Object.freeze({
12289
12337
  VirtualRender: BkVirtualRender,
12290
12338
  Form: BkForm,
12291
12339
  FormItem
12292
- });
12340
+ }, Symbol.toStringTag, { value: "Module" }));
12293
12341
  const createInstall = (prefix = "Bk") => (app) => {
12294
12342
  const pre = app.config.globalProperties.bkUIPrefix || prefix;
12295
12343
  Object.keys(components).forEach((key) => {