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

package/dist/bkui-vue.esm.js

@@ -51,12 +51,12 @@ var link = ".bk-link {\n  font-size: 14px;\n  text-decoration: none;\n}\n.bk-lin
 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";
@@ -74,6 +74,7 @@ var divider = ".bk-divider {\n  position: relative;\n  background: #c4c6cc;\n}\n
 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) {
@@ -2227,7 +2228,7 @@ var Placements;
   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) => {
@@ -2237,7 +2238,7 @@ class PropTypes extends propTypesNS {
         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"]) {
@@ -2250,7 +2251,7 @@ class PropTypes extends propTypesNS {
         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"]) {
@@ -2351,6 +2352,8 @@ const bkIcon = (props, context) => {
 };
 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);
@@ -2361,6 +2364,7 @@ const angleDoubleLeft = (props, context) => {
 };
 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);
@@ -2371,6 +2375,7 @@ const angleDoubleRight = (props, context) => {
 };
 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"}}]}');
@@ -2496,6 +2501,7 @@ const downSmall = (props, context) => {
 };
 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);
@@ -2561,6 +2567,7 @@ const info = (props, context) => {
 };
 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) => {
@@ -2653,6 +2660,7 @@ const unvisible = (props, context) => {
 };
 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);
@@ -6135,12 +6143,12 @@ function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
   }
   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;
@@ -6162,8 +6170,8 @@ function computedVirtualIndex(lineHeight, callback, pagination, el, event) {
   }
 }
 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);
@@ -6234,7 +6242,7 @@ var Component$5 = defineComponent({
       };
     }
     const refRoot = ref(null);
-    const pagination = reactive({
+    const pagination2 = reactive({
       startIndex: 0,
       endIndex: 0,
       scrollTop: 1,
@@ -6243,11 +6251,11 @@ var Component$5 = defineComponent({
       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]);
     };
     onMounted(() => {
       nextTick(() => {
@@ -6272,11 +6280,11 @@ var Component$5 = defineComponent({
     const innerHeight = reactive(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") {
@@ -6296,15 +6304,15 @@ var Component$5 = defineComponent({
     };
     const afterListDataReset = () => {
       const el = (refRoot.value || {}).parentNode;
-      computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination, el, null);
+      computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination2, el, null);
     };
     const localList = computed(() => (props.list || []).map((item, index) => Object.assign(item, {
       $index: index
     })));
-    const calcList = computed(() => localList.value.slice(pagination.startIndex * props.groupItemCount, (pagination.endIndex + props.preloadItemCount) * props.groupItemCount));
+    const calcList = computed(() => localList.value.slice(pagination2.startIndex * props.groupItemCount, (pagination2.endIndex + props.preloadItemCount) * props.groupItemCount));
     const innerContentStyle = 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 = computed(() => __spreadValues({
       height: typeof props.height === "number" ? `${props.height}px` : props.height,
@@ -6324,7 +6332,7 @@ var Component$5 = defineComponent({
     const dirModifier = {
       lineHeight: props.lineHeight,
       handleScrollCallback,
-      pagination,
+      pagination: pagination2,
       throttleDelay: props.throttleDelay
     };
     return () => {
@@ -6400,8 +6408,8 @@ var Component$4 = defineComponent({
       [resolveClassName("table-body")]: true
     });
     const handleScrollChanged = (args) => {
-      const pagination = args[1];
-      reactiveProp.scrollTranslateY = pagination.translateY;
+      const pagination2 = args[1];
+      reactiveProp.scrollTranslateY = pagination2.translateY;
     };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
@@ -11943,6 +11951,296 @@ var Component = defineComponent({
   }
 });
 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 = 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;
+      }, []);
+    };
+    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 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 = defineComponent({
+  name: "BKFormItem",
+  props: formItemProps,
+  setup(props) {
+    const currentInstance = getCurrentInstance();
+    const state = reactive({
+      isError: false,
+      errorMessage: ""
+    });
+    const form2 = inject(formKey);
+    const isForm = Boolean(form2);
+    const labelStyles = 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 = "";
+    };
+    onMounted(() => {
+      if (isForm) {
+        form2.register(currentInstance.proxy);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (isForm) {
+        form2.unregister(currentInstance.proxy);
+      }
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      labelStyles,
+      validate,
+      clearValidate
+    });
+  },
+  render() {
+    const itemClassees = classes({
+      "is-error": this.isError,
+      "is-required": this.required
+    }, "bk-form-item");
+    return createVNode("div", {
+      "class": itemClassees
+    }, [createVNode("div", {
+      "class": "bk-form-label",
+      "style": this.labelStyles
+    }, [this.label]), createVNode("div", {
+      "class": "bk-form-content"
+    }, [this.$slots.default(), this.isError && createVNode("div", {
+      "class": "bk-form-error"
+    }, [this.errorMessage])])]);
+  }
+});
+const BkForm = withInstallProps(Form, { FormItem });
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
@@ -11988,7 +12286,9 @@ var components = /* @__PURE__ */ Object.freeze({
   Navigation,
   DatePicker: BkDatePicker,
   Tree: BkTree,
-  VirtualRender: BkVirtualRender
+  VirtualRender: BkVirtualRender,
+  Form: BkForm,
+  FormItem
 });
 const createInstall = (prefix = "Bk") => (app) => {
   const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -12006,4 +12306,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, Option as BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkException as Exception, BkFixedNavbar as FixedNavbar, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwitcher as Switcher, BKTab as Tab, BKTabPanel as TabPanel, BkTable as Table, BkTag as Tag, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, clickoutside, preset as default, mousewheel };
+export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, Option as BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwitcher as Switcher, BKTab as Tab, BKTabPanel as TabPanel, BkTable as Table, BkTag as Tag, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, clickoutside, preset as default, mousewheel };