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

package/dist/bkui-vue.umd.js

@@ -54,12 +54,12 @@ var __publicField = (obj, key, value) => {
   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";
   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";
   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";
-  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  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";
+  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";
   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";
   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";
   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";
   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";
-  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  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 20px 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";
+  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";
   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";
   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";
   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";
@@ -77,6 +77,7 @@ var __publicField = (obj, key, value) => {
   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";
   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";
   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";
+  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";
   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";
   var BKLAYERTYPE;
   (function(BKLAYERTYPE2) {
@@ -2230,7 +2231,7 @@ ${$(r2)}`), n2;
     Placements2["Bottom"] = "bottom";
   })(Placements || (Placements = {}));
   class PropTypes extends propTypesNS {
-    static size(sizes = ["small", "large"]) {
+    static size(sizes = ["small", "default", "large"]) {
       return j("Size", {
         type: String,
         validator: (val) => {
@@ -2240,7 +2241,7 @@ ${$(r2)}`), n2;
           console.error(`invalid size, ${val}, the size must be one of \u3010${sizes.join(" | ")}\u3011`);
           return false;
         },
-        default: ""
+        default: "default"
       });
     }
     static theme(themes = ["primary", "warning", "success", "danger"]) {
@@ -2253,7 +2254,7 @@ ${$(r2)}`), n2;
           console.error(`invalid theme, ${val}, the theme must be one of \u3010${themes.join(" | ")}\u3011`);
           return false;
         },
-        default: ""
+        default: "primary"
       });
     }
     static placement(placements2 = ["top", "left", "right", "bottom"]) {
@@ -2354,6 +2355,8 @@ ${$(r2)}`), n2;
   };
   bkIcon.inheritAttrs = false;
   bkIcon.displayName = "bkIcon";
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 744.64L789.6 462.72 880 554.56 512 928 144 554.56 234.4 462.72 512 744.64z"}},{"type":"element","name":"path","attributes":{"d":"M144 187.68L234.4 96 512 377.76 789.6 96 880 187.68 512 561.28 144 187.68z"}}]}');
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M279.36 512L561.28 789.6 469.44 880 96 512 469.44 144 561.28 234.4 279.36 512z"}},{"type":"element","name":"path","attributes":{"d":"M836.32 144L928 234.4 646.08 512 928 789.6 836.32 880 462.72 512 836.32 144z"}}]}');
   const data$t = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M697.6 281.6l48 48-176 176 176 176-48 48-224-224L697.6 281.6z"}},{"type":"element","name":"path","attributes":{"d":"M505.6 281.6l48 48-176 176 176 176-48 48-224-224L505.6 281.6z"}}]}');
   const angleDoubleLeft = (props, context) => {
     const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
@@ -2364,6 +2367,7 @@ ${$(r2)}`), n2;
   };
   angleDoubleLeft.displayName = "angleDoubleLeft";
   angleDoubleLeft.inheritAttrs = false;
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M744.64 512L462.72 789.6 554.56 880 928 512 554.56 144 462.72 234.4 744.64 512z"}},{"type":"element","name":"path","attributes":{"d":"M187.68 144L96 234.4 377.76 512 96 789.6 187.68 880 561.28 512 187.68 144z"}}]}');
   const data$s = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M358.4 729.6l-48-48 176-176-176-176 48-48 224 224L358.4 729.6z"}},{"type":"element","name":"path","attributes":{"d":"M550.4 729.6l-48-48 176-176-176-176 48-48 224 224L550.4 729.6z"}}]}');
   const angleDoubleRight = (props, context) => {
     const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
@@ -2374,6 +2378,7 @@ ${$(r2)}`), n2;
   };
   angleDoubleRight.displayName = "angleDoubleRight";
   angleDoubleRight.inheritAttrs = false;
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 279.36L789.6 561.28 880 469.44 512 96 144 469.44 234.4 561.28 512 279.36z"}},{"type":"element","name":"path","attributes":{"d":"M144 836.32L234.4 928 512 646.08 789.6 928 880 836.32 512 462.72 144 836.32z"}}]}');
   JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 256L96 704 187.04 704 512 704 836.96 704 928 704 512 256z"}}]}');
   JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 762.56L98.72 349.28 189.28 258.72 512 581.44 834.72 258.72 925.28 349.28 512 762.56z"}}]}');
   const data$r = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M288 448L336 400 512 576 688 400 736 448 512 672z"}}]}');
@@ -2499,6 +2504,7 @@ ${$(r2)}`), n2;
   };
   downSmall.displayName = "downSmall";
   downSmall.inheritAttrs = false;
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M320 512c0 35.199999999999996-28.8 64-64 64s-64-28.8-64-64c0-35.199999999999996 28.8-64 64-64s64 28.8 64 64zM512 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64zM768 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64z"}}]}');
   const data$f = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"fill-rule":"evenodd","d":"M452.7573333333333 510.91200000000003L225.83338666666668 737.8346666666666 286.1730133333333 798.1738666666666 513.0965333333334 571.2511999999999 739.8399999999999 797.9946666666666 797.9946666666666 739.8399999999999 571.2511999999999 513.0965333333334 798.1738666666666 286.1730133333333 737.8346666666666 225.83338666666668 510.91200000000003 452.7573333333333 283.9867733333333 225.83338666666668 225.83338666666668 283.9867733333333 452.7573333333333 510.91200000000003Z","clip-rule":"evenodd"}}]}');
   const error = (props, context) => {
     const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
@@ -2564,6 +2570,7 @@ ${$(r2)}`), n2;
   };
   info.displayName = "info";
   info.inheritAttrs = false;
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M680.96 129.92c-14.08-3.84-30.08-1.2799999999999998-40.31999999999999 7.04l-439.03999999999996 356.48c-12.799999999999999 10.239999999999998-12.799999999999999 26.88 0 37.12l439.03999999999996 356.48c7.04 5.76 16.64 8.959999999999999 26.88 8.959999999999999 4.4799999999999995 0 8.959999999999999-0.6399999999999999 13.44-1.92 14.08-3.84 23.04-14.08 23.04-25.599999999999998v-712.96c0-11.52-8.959999999999999-21.759999999999998-23.04-25.599999999999998z"}}]}');
   JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M827.9893333333332 482.73066666666665l-585.1306666666667-474.7093333333333c-6.229333333333333-5.418666666666667-14.421333333333333-8.746666666666666-23.381333333333334-8.789333333333332-20.223999999999997 0-36.56533333333333 16.384-36.56533333333333 36.56533333333333v950.8693333333333c0 20.18133333333333 16.384 36.56533333333333 36.56533333333333 36.56533333333333 0 0 0.042666666666666665 0 0.042666666666666665 0 8.618666666666666 0 16.512-3.0293333333333328 22.698666666666668-8.106666666666666l585.088-474.66666666666663c8.874666666666666-6.741333333333333 14.506666666666668-17.28 14.506666666666668-29.184 0-11.562666666666667-5.333333333333333-21.845333333333333-13.696-28.544z"}}]}');
   const data$9 = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M736 480L544 480 544 288 480 288 480 480 288 480 288 544 480 544 480 736 544 736 544 544 736 544z"}}]}');
   const plus = (props, context) => {
@@ -2656,6 +2663,7 @@ ${$(r2)}`), n2;
   };
   unvisible.displayName = "unvisible";
   unvisible.inheritAttrs = false;
+  JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M896 671.3599999999999c0-2.5599999999999996-0.6399999999999999-4.4799999999999995-1.2799999999999998-7.04-0.6399999999999999-1.92-0.6399999999999999-3.84-1.2799999999999998-5.119999999999999s-1.2799999999999998-2.5599999999999996-1.92-3.1999999999999997c-1.2799999999999998-2.5599999999999996-2.5599999999999996-4.4799999999999995-4.4799999999999995-6.3999999999999995 0 0 0 0 0-0.6399999999999999l-356.48-384c-10.239999999999998-11.52-26.88-11.52-37.12 0l-356.48 384c0 0 0 0.6399999999999999 0 0.6399999999999999-1.92 1.92-2.5599999999999996 3.84-3.84 6.3999999999999995-0.6399999999999999 1.2799999999999998-1.92 2.5599999999999996-2.5599999999999996 3.84s-0.6399999999999999 3.1999999999999997-1.2799999999999998 5.119999999999999c-0.6399999999999999 1.2799999999999998-1.2799999999999998 3.84-1.2799999999999998 6.3999999999999995 0 0 0 0.6399999999999999 0 0.6399999999999999 0 1.92 0.6399999999999999 3.1999999999999997 0.6399999999999999 4.4799999999999995 0 2.5599999999999996 0.6399999999999999 4.4799999999999995 1.2799999999999998 7.04s1.92 4.4799999999999995 3.1999999999999997 6.3999999999999995c0.6399999999999999 1.2799999999999998 1.2799999999999998 2.5599999999999996 1.92 3.84 0 0 0 0 0.6399999999999999 0.6399999999999999 1.2799999999999998 1.92 3.1999999999999997 3.1999999999999997 5.119999999999999 4.4799999999999995 1.2799999999999998 0.6399999999999999 2.5599999999999996 1.92 3.84 2.5599999999999996s2.5599999999999996 0.6399999999999999 3.84 1.2799999999999998c1.92 0 3.84 1.2799999999999998 6.3999999999999995 1.2799999999999998 0 0 0.6399999999999999 0 0.6399999999999999 0h712.96c3.84 0 7.68-0.6399999999999999 10.879999999999999-2.5599999999999996 0.6399999999999999 0 0.6399999999999999-0.6399999999999999 1.2799999999999998-0.6399999999999999 3.1999999999999997-1.92 5.76-3.84 8.32-6.3999999999999995 0 0 0 0 0.6399999999999999 0 0.6399999999999999-1.2799999999999998 1.2799999999999998-2.5599999999999996 1.92-3.84 1.2799999999999998-1.92 2.5599999999999996-3.84 3.1999999999999997-6.3999999999999995 0.6399999999999999-1.92 0.6399999999999999-4.4799999999999995 1.2799999999999998-7.04 0-1.92 0.6399999999999999-3.1999999999999997 0.6399999999999999-4.4799999999999995-0.6399999999999999-0.6399999999999999-0.6399999999999999-1.2799999999999998-0.6399999999999999-1.2799999999999998z"}}]}');
   const data = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","class":"bk-icon","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;","overflow":"hidden","viewBox":"0 0 1024 1024"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zM544 704h-64v-64h64V704zM544 576h-64V320h64V576z"}}]}');
   const warn = (props, context) => {
     const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
@@ -6138,12 +6146,12 @@ ${$(r2)}`), n2;
     }
     return { startIndex, height, diffHeight };
   }
-  function computedVirtualIndex(lineHeight, callback, pagination, el, event) {
+  function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
     if (!el) {
       return;
     }
     const elScrollTop = el.scrollTop;
-    const { scrollTop, count, groupItemCount, startIndex, endIndex } = pagination;
+    const { scrollTop, count, groupItemCount, startIndex, endIndex } = pagination2;
     const { offsetHeight } = el;
     let targetStartIndex = 0;
     let targetEndIndex = 0;
@@ -6165,8 +6173,8 @@ ${$(r2)}`), n2;
     }
   }
   function visibleRender(e2, wrapper, binding) {
-    const { lineHeight = 30, handleScrollCallback, pagination = {} } = binding.value;
-    const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination;
+    const { lineHeight = 30, handleScrollCallback, pagination: pagination2 = {} } = binding.value;
+    const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination2;
     computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop, startIndex, endIndex, groupItemCount, count }, wrapper, e2);
   }
   const throttledRender = (delay = 60) => throttle((e2, wrapper, binding) => visibleRender(e2, wrapper, binding), delay);
@@ -6237,7 +6245,7 @@ ${$(r2)}`), n2;
         };
       }
       const refRoot = vue.ref(null);
-      const pagination = vue.reactive({
+      const pagination2 = vue.reactive({
         startIndex: 0,
         endIndex: 0,
         scrollTop: 1,
@@ -6246,11 +6254,11 @@ ${$(r2)}`), n2;
         groupItemCount: props.groupItemCount
       });
       const handleScrollCallback = (event, startIndex, endIndex, scrollTop, translateY) => {
-        pagination.startIndex = startIndex;
-        pagination.endIndex = endIndex;
-        pagination.scrollTop = scrollTop;
-        pagination.translateY = translateY;
-        ctx.emit("content-scroll", [event, pagination]);
+        pagination2.startIndex = startIndex;
+        pagination2.endIndex = endIndex;
+        pagination2.scrollTop = scrollTop;
+        pagination2.translateY = translateY;
+        ctx.emit("content-scroll", [event, pagination2]);
       };
       vue.onMounted(() => {
         vue.nextTick(() => {
@@ -6275,11 +6283,11 @@ ${$(r2)}`), n2;
       const innerHeight = vue.reactive(vue.ref(0));
       const handleListChanged = (list) => {
         listLength.value = Math.ceil((list || []).length / props.groupItemCount);
-        pagination.count = listLength.value;
-        pagination.startIndex = 0;
-        pagination.endIndex = 0;
-        pagination.translateY = 0;
-        pagination.scrollTop = 0;
+        pagination2.count = listLength.value;
+        pagination2.startIndex = 0;
+        pagination2.endIndex = 0;
+        pagination2.translateY = 0;
+        pagination2.scrollTop = 0;
         const isAuto = typeof props.abosuteHeight === "string" && props.abosuteHeight === "auto";
         if (isAuto) {
           if (typeof props.lineHeight === "function") {
@@ -6299,15 +6307,15 @@ ${$(r2)}`), n2;
       };
       const afterListDataReset = () => {
         const el = (refRoot.value || {}).parentNode;
-        computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination, el, null);
+        computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination2, el, null);
       };
       const localList = vue.computed(() => (props.list || []).map((item, index) => Object.assign(item, {
         $index: index
       })));
-      const calcList = vue.computed(() => localList.value.slice(pagination.startIndex * props.groupItemCount, (pagination.endIndex + props.preloadItemCount) * props.groupItemCount));
+      const calcList = vue.computed(() => localList.value.slice(pagination2.startIndex * props.groupItemCount, (pagination2.endIndex + props.preloadItemCount) * props.groupItemCount));
       const innerContentStyle = vue.computed(() => props.scrollPosition === "content" ? {
-        top: `${pagination.scrollTop + props.scrollOffsetTop}px`,
-        transform: `translateY(-${pagination.translateY}px)`
+        top: `${pagination2.scrollTop + props.scrollOffsetTop}px`,
+        transform: `translateY(-${pagination2.translateY}px)`
       } : {});
       const wrapperStyle = vue.computed(() => __spreadValues({
         height: typeof props.height === "number" ? `${props.height}px` : props.height,
@@ -6327,7 +6335,7 @@ ${$(r2)}`), n2;
       const dirModifier = {
         lineHeight: props.lineHeight,
         handleScrollCallback,
-        pagination,
+        pagination: pagination2,
         throttleDelay: props.throttleDelay
       };
       return () => {
@@ -6403,8 +6411,8 @@ ${$(r2)}`), n2;
         [resolveClassName("table-body")]: true
       });
       const handleScrollChanged = (args) => {
-        const pagination = args[1];
-        reactiveProp.scrollTranslateY = pagination.translateY;
+        const pagination2 = args[1];
+        reactiveProp.scrollTranslateY = pagination2.translateY;
       };
       vue.onMounted(() => {
         observerIns = observerResize(root.value, () => {
@@ -11946,6 +11954,296 @@ ${$(r2)}`), n2;
     }
   });
   const BkTree = withInstall(Component);
+  const formKey$1 = Symbol("form");
+  const getFormKey = () => formKey$1;
+  const formKey = getFormKey();
+  const formProps = {
+    formType: PropTypes.string,
+    labelWidth: PropTypes.number,
+    labelPosition: PropTypes.string.def("right"),
+    model: PropTypes.object,
+    rules: PropTypes.array
+  };
+  var Form = vue.defineComponent({
+    name: "BKForm",
+    props: formProps,
+    setup(props) {
+      let formItemInstanceList = [];
+      const register = (formItemInstance) => {
+        formItemInstanceList.push(formItemInstance);
+      };
+      const unregister = (formItemInstance) => {
+        formItemInstanceList = formItemInstanceList.reduce((result, item) => {
+          if (item !== formItemInstance) {
+            result.push(item);
+          }
+          return result;
+        }, []);
+      };
+      vue.provide(formKey, {
+        props,
+        register,
+        unregister
+      });
+      const validate = (fields) => {
+        let fieldMap = {};
+        if (fields) {
+          const fieldList = typeof fields === "string" ? [fields] : fields;
+          fieldMap = fieldList.reduce((result, item) => __spreadProps(__spreadValues({}, result), {
+            [item]: true
+          }), {});
+        } else {
+          fieldMap = formItemInstanceList.reduce((result, item) => {
+            if (item.property) {
+              return __spreadProps(__spreadValues({}, result), {
+                [item.property]: true
+              });
+            }
+            return result;
+          }, {});
+        }
+        return Promise.all(formItemInstanceList.reduce((result, formItem) => {
+          if (fieldMap[formItem.property]) {
+            result.push(formItem.validate());
+          }
+          return result;
+        }, [])).then(() => Promise.resolve(props.model));
+      };
+      const clearValidate = (fields) => {
+        let fieldMap = {};
+        if (fields) {
+          const fieldList = typeof fields === "string" ? [fields] : fields;
+          fieldMap = fieldList.reduce((result, item) => __spreadProps(__spreadValues({}, result), {
+            [item]: true
+          }), {});
+        } else {
+          fieldMap = formItemInstanceList.reduce((result, item) => __spreadProps(__spreadValues({}, result), {
+            [item.property]: true
+          }), {});
+        }
+        formItemInstanceList.forEach((formItem) => fieldMap[formItem.property] && formItem.clearValidate());
+      };
+      return {
+        validate,
+        clearValidate
+      };
+    },
+    render() {
+      var _a, _b;
+      const formClasses = classes({
+        "bk-form": true,
+        [`bk-form--${this.formType}`]: true
+      });
+      return vue.createVNode("form", {
+        "class": formClasses
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+    }
+  });
+  var validator = {
+    required: (value) => {
+      console.log("required");
+      return value !== "";
+    },
+    min: (value, min2) => {
+      console.log("min");
+      return value >= min2;
+    },
+    max: (value, max2) => {
+      console.log("max");
+      return max2 >= value;
+    },
+    email: (value) => {
+      console.log("email");
+      return /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(value);
+    },
+    maxlength: (value, maxlength) => {
+      console.log("maxlength");
+      return value.length <= maxlength;
+    }
+  };
+  const formItemProps = {
+    label: PropTypes.string,
+    labelWidth: PropTypes.number,
+    labelPosition: PropTypes.string,
+    property: PropTypes.string.def(""),
+    required: PropTypes.bool.def(false),
+    email: PropTypes.bool.def(false),
+    max: PropTypes.number,
+    min: PropTypes.number,
+    maxlength: PropTypes.number,
+    rules: PropTypes.array,
+    autoCheck: PropTypes.bool.def(false),
+    description: PropTypes.string
+  };
+  const hasOwn = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
+  const mergeRules = (configRules, propsRules) => {
+    const formatConfigRules = configRules.map((rule) => {
+      let rulevalidator;
+      if (rule.required) {
+        rulevalidator = validator.required;
+      } else if (rule.email) {
+        rulevalidator = validator.email;
+      } else if (Number(rule.max) > -1) {
+        rulevalidator = (value) => validator.max(value, rule.max);
+      } else if (Number(rule.min) > -1) {
+        rulevalidator = (value) => validator.min(value, rule.max);
+      } else if (Number(rule.maxlength) > -1) {
+        rulevalidator = (value) => validator.min(value, rule.max);
+      } else {
+        rulevalidator = () => true;
+      }
+      return {
+        validator: rulevalidator,
+        message: rule.message,
+        trigger: rule.trigger
+      };
+    });
+    return [...propsRules, ...formatConfigRules];
+  };
+  const getRulesFromProps = (props) => {
+    const rules = [];
+    if (props.required) {
+      rules.push({
+        validator: validator.required,
+        message: `${props.label}\u4E0D\u80FD\u4E3A\u7A7A`,
+        trigger: "blur"
+      });
+    }
+    if (props.email) {
+      rules.push({
+        validator: validator.email,
+        message: `${props.label}\u683C\u5F0F\u4E0D\u6B63\u786E`,
+        trigger: "blur"
+      });
+    }
+    if (Number(props.max) > -1) {
+      rules.push({
+        validator: (value) => validator.max(value, props.max),
+        message: `${props.label}\u6700\u5927\u503C${props.max}`,
+        trigger: "blur"
+      });
+    }
+    if (Number(props.min) > -1) {
+      rules.push({
+        validator: (value) => validator.min(value, props.min),
+        message: `${props.label}\u6700\u5C0F\u503C${props.min}`,
+        trigger: "blur"
+      });
+    }
+    if (Number(props.maxlength) > -1) {
+      rules.push({
+        validator: (value) => validator.maxlength(value, props.maxlength),
+        message: `${props.label}\u6700\u5927\u957F\u5EA6${props.maxlength}`,
+        trigger: "blur"
+      });
+    }
+    return rules;
+  };
+  var FormItem = vue.defineComponent({
+    name: "BKFormItem",
+    props: formItemProps,
+    setup(props) {
+      const currentInstance = vue.getCurrentInstance();
+      const state = vue.reactive({
+        isError: false,
+        errorMessage: ""
+      });
+      const form2 = vue.inject(formKey);
+      const isForm = Boolean(form2);
+      const labelStyles = vue.computed(() => {
+        const styles = {
+          width: "",
+          textAlign: ""
+        };
+        const labelWidth = props.labelWidth || isForm && form2.props.labelWidth;
+        if (labelWidth) {
+          styles.width = `${labelWidth}px`;
+        }
+        const labelPosition = props.labelPosition || isForm && form2.props.labelPosition;
+        if (labelPosition) {
+          styles["text-align"] = "labelPosition";
+        }
+        return styles;
+      });
+      const validate = () => {
+        if (!props.property || isForm && !form2.props.model) {
+          return Promise.resolve();
+        }
+        let rules = [];
+        if (isForm && form2.props.rules && hasOwn(form2.props.rules, props.property)) {
+          rules = form2.props.rules[props.property];
+        }
+        if (props.rules) {
+          rules = props.rules;
+        }
+        rules = mergeRules(rules, getRulesFromProps(props));
+        const value = form2.props.model[props.property];
+        const doValidate = (() => {
+          let stepIndex = -1;
+          return () => {
+            stepIndex = stepIndex + 1;
+            if (stepIndex >= rules.length) {
+              return Promise.resolve();
+            }
+            const rule = rules[stepIndex];
+            return Promise.resolve().then(() => {
+              const result = rule.validator(value);
+              if (typeof result !== "boolean" && typeof result.then === "function") {
+                return result.then(() => doValidate, () => {
+                  state.isError = true;
+                  state.errorMessage = rule.message;
+                  return Promise.reject(rule.message);
+                });
+              }
+              if (!result) {
+                state.isError = true;
+                state.errorMessage = rule.message;
+                return Promise.reject(rule.message);
+              }
+              return doValidate();
+            });
+          };
+        })();
+        return doValidate();
+      };
+      const clearValidate = () => {
+        state.isError = false;
+        state.errorMessage = "";
+      };
+      vue.onMounted(() => {
+        if (isForm) {
+          form2.register(currentInstance.proxy);
+        }
+      });
+      vue.onBeforeUnmount(() => {
+        if (isForm) {
+          form2.unregister(currentInstance.proxy);
+        }
+      });
+      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+        labelStyles,
+        validate,
+        clearValidate
+      });
+    },
+    render() {
+      const itemClassees = classes({
+        "is-error": this.isError,
+        "is-required": this.required
+      }, "bk-form-item");
+      return vue.createVNode("div", {
+        "class": itemClassees
+      }, [vue.createVNode("div", {
+        "class": "bk-form-label",
+        "style": this.labelStyles
+      }, [this.label]), vue.createVNode("div", {
+        "class": "bk-form-content"
+      }, [this.$slots.default(), this.isError && vue.createVNode("div", {
+        "class": "bk-form-error"
+      }, [this.errorMessage])])]);
+    }
+  });
+  const BkForm = withInstallProps(Form, { FormItem });
   var components = /* @__PURE__ */ Object.freeze({
     __proto__: null,
     [Symbol.toStringTag]: "Module",
@@ -11991,7 +12289,9 @@ ${$(r2)}`), n2;
     Navigation,
     DatePicker: BkDatePicker,
     Tree: BkTree,
-    VirtualRender: BkVirtualRender
+    VirtualRender: BkVirtualRender,
+    Form: BkForm,
+    FormItem
   });
   const createInstall = (prefix = "Bk") => (app) => {
     const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -12028,6 +12328,8 @@ ${$(r2)}`), n2;
   exports2.Divider = BkDivider;
   exports2.Exception = BkException;
   exports2.FixedNavbar = BkFixedNavbar;
+  exports2.Form = BkForm;
+  exports2.FormItem = FormItem;
   exports2.Input = BkInput;
   exports2.Link = BkLink;
   exports2.Loading = BkLoading;