bkui-vue 0.0.1-beta.13 → 0.0.1-beta.14

package/dist/bkui-vue.cjs.js

@@ -71,6 +71,7 @@ var navigation = ".bk-navigation {\n  display: flex;\n  flex-direction: column;\
 var datePicker = ".bk-date-picker {\n  display: inline-block;\n  width: 261px;\n  line-height: normal;\n}\n.bk-date-picker.long {\n  width: 342px;\n}\n.bk-date-picker.medium-width {\n  width: 362px;\n}\n.bk-date-picker.large-width {\n  width: 402px;\n}\n.bk-date-picker-rel {\n  position: relative;\n}\n.bk-date-picker-rel .bk-date-picker-editor {\n  display: block;\n  width: 100%;\n  height: 32px;\n  padding: 0 10px 0 30px;\n  font-size: 12px;\n  line-height: 32px;\n  color: #63656e;\n  cursor: pointer;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  outline: none;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {\n  border-color: transparent transparent #c4c6cc transparent;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {\n  border-color: transparent transparent #3a84ff transparent;\n  box-shadow: none;\n}\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],\n.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {\n  border-color: transparent transparent #dcdee5 transparent;\n}\n.bk-date-picker-rel .bk-date-picker-editor:focus {\n  border: 1px solid #3a84ff;\n}\n.bk-date-picker-rel .bk-date-picker-editor::placeholder {\n  color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor[disabled] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n  background-color: #fafbfd;\n  border-color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor.readonly {\n  background-color: #fafbfd;\n  border-color: #c4c6cc;\n}\n.bk-date-picker-rel .bk-date-picker-editor.medium-font {\n  font-size: 14px;\n}\n.bk-date-picker-rel .bk-date-picker-editor.large-font {\n  font-size: 16px;\n}\n.bk-date-picker-rel .clear-action {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  font-size: 14px;\n  color: #c4c6cc;\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n.bk-date-picker-rel .clear-action:hover {\n  color: #979ba5;\n}\n.bk-date-picker-rel .icon-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  color: #c4c6cc;\n  cursor: pointer;\n  background-color: transparent;\n}\n.bk-date-picker-rel .icon-wrapper.disabled {\n  cursor: not-allowed;\n}\n.bk-date-picker-rel .icon-wrapper i.icon-clock {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.bk-date-picker-rel .icon-wrapper .picker-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 18px;\n  height: 18px;\n  transform: translate(-50%, -50%);\n}\n.bk-date-picker-dropdown {\n  position: absolute;\n  z-index: 900;\n  padding: 5px 0 0 0;\n  overflow: auto;\n  background-color: #fff;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n}\n.bk-date-picker .bk-select-dropdown {\n  max-height: none;\n  padding: 0;\n  overflow: visible;\n}\n.bk-date-picker-footer-wrapper {\n  clear: both;\n  font-size: 14px;\n  color: #979ba5;\n  background-color: #fafbfd;\n  border-top: 1px solid #dcdee5;\n}\n.bk-date-picker-top-wrapper {\n  margin-top: -5px;\n  clear: both;\n  font-size: 14px;\n  color: #979ba5;\n}\n.bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {\n  padding-right: 140px;\n}\n.bk-picker-panel-sidebar {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 140px;\n  padding: 12px 0;\n  overflow: auto;\n  font-size: 14px;\n  color: #3a84ff;\n  background-color: #fafbfd;\n  border-left: 1px solid #dcdee5;\n}\n.bk-picker-panel-sidebar .bk-picker-panel-shortcut {\n  /* &:nth-of-type(1) {\n          padding-top: 18px;\n      }\n      &:last-child {\n          padding-bottom: 18px;\n      } */\n  padding: 6px 21px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {\n  background-color: #e1ecff;\n}\n.bk-picker-panel-body {\n  float: left;\n}\n.bk-picker-confirm {\n  height: 42px;\n  padding: 0 20px;\n  clear: both;\n  font-size: 14px;\n  line-height: 41px;\n  text-align: right;\n  background-color: #fafbfd;\n  border-top: 1px solid #dcdee5;\n}\n.bk-picker-confirm a {\n  color: #979ba5;\n}\n.bk-picker-confirm a.confirm {\n  margin-left: 10px;\n  color: #3a84ff;\n}\n.bk-picker-confirm a[disabled] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n}\n.bk-picker-confirm .bk-picker-confirm-time {\n  float: left;\n}\n.bk-date-picker-header {\n  height: 46px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 46px;\n  color: #63656e;\n  text-align: center;\n  border-bottom: 1px solid #dcdee5;\n}\n.bk-date-picker-header .bk-date-picker-header-label {\n  cursor: pointer;\n}\n.bk-date-picker-header .bk-date-picker-header-label:hover {\n  color: #3a84ff;\n}\n.bk-date-picker-header .up-to-now {\n  margin-left: 3px;\n  font-weight: 400;\n  cursor: pointer;\n}\n.bk-date-picker-header .up-to-now.disabled {\n  color: #c4c6cc;\n  cursor: not-allowed;\n}\n.bk-date-picker-cells {\n  margin: 9px;\n  font-size: 12px;\n  color: #63656e;\n  white-space: normal;\n}\n.bk-date-picker-cells span {\n  display: inline-block;\n  width: 34px;\n  height: 32px;\n  line-height: 32px;\n  text-align: center;\n}\n.bk-date-picker-cells span em {\n  display: inline-block;\n  width: 34px;\n  height: 32px;\n  font-style: normal;\n  line-height: 32px;\n  cursor: pointer;\n}\n.bk-date-picker-cells .bk-date-picker-cells-header {\n  text-align: center;\n}\n.bk-date-picker-cells .bk-date-picker-cells-header span {\n  width: 28px;\n  height: 26px;\n  margin: 3px;\n  line-height: 26px;\n  color: #63656e;\n  text-align: center;\n  cursor: default;\n}\n.bk-date-picker-cells-cell:hover em {\n  /* background-color: #e1ecff; */\n  background-color: #f0f1f5;\n}\n.bk-date-picker-cells-focused em {\n  color: #3a84ff;\n  box-shadow: 0 0 0 1px #a3c5fd inset;\n}\n.bk-date-picker-cells-cell-prev-month em,\n.bk-date-picker-cells-cell-next-month em {\n  color: #c4c6cc;\n}\n.bk-date-picker-cells-cell-prev-month:hover em,\n.bk-date-picker-cells-cell-next-month:hover em {\n  background: transparent;\n}\nspan.bk-date-picker-cells-cell-week-label,\nspan.bk-date-picker-cells-cell-week-label:hover,\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n  color: #c4c6cc;\n  cursor: not-allowed;\n}\nspan.bk-date-picker-cells-cell-week-label em,\nspan.bk-date-picker-cells-cell-week-label:hover em,\nspan.bk-date-picker-cells-cell-disabled em,\nspan.bk-date-picker-cells-cell-disabled:hover em {\n  color: inherit;\n  cursor: not-allowed;\n  background: inherit;\n}\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n  background-color: #f0f1f5;\n}\n.bk-date-picker-cells-cell-today em {\n  position: relative;\n  color: #3a84ff;\n  box-shadow: 0 0 0 1px #a3c5fd inset;\n}\n.bk-date-picker-cells-cell-range {\n  position: relative;\n}\n.bk-date-picker-cells-cell-range:before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  background: #e1ecff;\n  border: 0;\n  border-radius: 0;\n  content: '';\n}\n.bk-date-picker-cells-cell-range em {\n  position: relative;\n  z-index: 1;\n}\n.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-selected:hover em {\n  color: #fff;\n  background-color: #3a84ff;\n  box-shadow: 0 0 0 1px #3a84ff inset;\n}\nspan.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {\n  color: #f7f7f7;\n  background: #c4c6cc;\n}\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {\n  background: #fff;\n}\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {\n  box-shadow: 0 0 0 1px #3a84ff inset;\n}\n.bk-date-picker-cells-year,\n.bk-date-picker-cells-month {\n  margin-top: 7px;\n}\n.bk-date-picker-cells-year span,\n.bk-date-picker-cells-month span {\n  width: 36px;\n  height: 32px;\n  margin: 10px 12px;\n  line-height: 32px;\n  text-align: center;\n  border-radius: 3px;\n}\n.bk-date-picker-cells-year span em,\n.bk-date-picker-cells-month span em {\n  width: 36px;\n  height: 32px;\n  line-height: 32px;\n  text-align: center;\n}\n.bk-picker-panel-icon-btn {\n  display: inline-block;\n  width: 20px;\n  height: 46px;\n  line-height: 44px;\n  color: #979ba5;\n  text-align: center;\n  cursor: pointer;\n  transition: color 0.2s ease-in-out;\n}\n.bk-picker-panel-icon-btn:hover {\n  color: #2d8cf0;\n}\n.bk-picker-panel-icon-btn i {\n  font-size: 20px;\n}\n.bk-date-picker-prev-btn {\n  float: left;\n}\n.bk-date-picker-prev-btn-arrow-double {\n  margin-left: 10px;\n}\n.bk-date-picker-prev-btn-arrow-double i:after {\n  margin-left: -8px;\n}\n.bk-date-picker-next-btn {\n  float: right;\n}\n.bk-date-picker-next-btn-arrow-double {\n  margin-right: 10px;\n}\n.bk-date-picker-next-btn-arrow-double i:after {\n  margin-left: -8px;\n}\n.bk-date-picker-with-range .bk-picker-panel-body {\n  min-width: 532px;\n}\n.bk-date-picker-with-range .bk-picker-panel-content {\n  float: left;\n}\n.bk-date-picker-with-range .bk-picker-cells-show-week-numbers {\n  min-width: 492px;\n}\n.bk-date-picker-transfer {\n  z-index: 1060;\n  max-height: none;\n}\n.bk-fade-down-transition-enter-from,\n.bk-fade-down-transition-leave-to {\n  opacity: 0;\n  transform: translateY(-20px);\n}\n.bk-fade-down-transition-enter-to,\n.bk-fade-down-transition-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n.bk-fade-down-transition-enter-active {\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.bk-fade-down-transition-leave-active {\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n";
 var divider = ".bk-divider {\n  position: relative;\n  background: #c4c6cc;\n}\n.bk-divider-horizontal {\n  width: 100%;\n  height: 1px;\n  margin: 1em 0;\n}\n.bk-divider-info {\n  position: absolute;\n  top: 50%;\n  padding: 0 1.4em;\n  color: #63656e;\n  background-color: white;\n  transform: translateY(-50%);\n}\n.bk-divider-info-center {\n  left: 50%;\n  transform: translateX(-50%) translateY(-50%);\n}\n.bk-divider-info .bk-divider-horizontal-left {\n  left: 2em;\n}\n.bk-divider-info .bk-divider-horizontal-right {\n  right: 2em;\n}\n.bk-divider-vertical .bk-divider-info {\n  padding: 20px 0;\n}\n.bk-divider-vertical {\n  display: inline-block;\n  width: 1px;\n  height: 100%;\n  min-height: 1em;\n  margin: 0 8px;\n  vertical-align: middle;\n}\n";
 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  height: 20px;\n  font-size: 21px;\n  line-height: 20px;\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 BKLAYERTYPE;
 (function(BKLAYERTYPE2) {
   BKLAYERTYPE2["BOTTOM"] = "bottom";
@@ -357,7 +358,7 @@ function getTrueOffsetParent(element) {
   return element.offsetParent;
 }
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isFirefox2 = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
   var isIE = navigator.userAgent.indexOf("Trident") !== -1;
   if (isIE && isHTMLElement(element)) {
     var elementCss = getComputedStyle(element);
@@ -368,7 +369,7 @@ function getContainingBlock(element) {
   var currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle(currentNode);
-    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox2 && css.willChange === "filter" || isFirefox2 && css.filter && css.filter !== "none") {
       return currentNode;
     } else {
       currentNode = currentNode.parentNode;
@@ -2257,10 +2258,11 @@ const withInstall = (component) => {
   return component;
 };
 const withInstallProps = (component, childComponents, isProps = false) => {
-  component.install = function(app) {
-    app.component(component.name, component);
-    !isProps && Object.keys(childComponents).forEach((key) => {
-      app.component(key, childComponents[key]);
+  component.install = function(app, { prefix } = {}) {
+    const pre = app.config.globalProperties.bkUIPrefix || prefix || "Bk";
+    app.component(pre + component.name, component);
+    !isProps && Object.values(childComponents).forEach((child) => {
+      app.component(pre + child.name, child);
     });
   };
   Object.keys(childComponents).forEach((key) => {
@@ -2525,7 +2527,7 @@ const warn = (props, context) => {
 warn.displayName = "warn";
 warn.inheritAttrs = false;
 var Component$r = vue.defineComponent({
-  name: "BkAlert",
+  name: "Alert",
   props: {
     theme: PropTypes.theme(["info", "success", "warning", "error"]).def("info"),
     size: PropTypes.string,
@@ -2582,7 +2584,7 @@ var Component$r = vue.defineComponent({
 });
 const BkAlert = withInstall(Component$r);
 var Component$q = vue.defineComponent({
-  name: "BkAnimateNumber",
+  name: "AnimateNumber",
   props: {
     value: PropTypes.number.def(0),
     digits: PropTypes.number.def(0)
@@ -2631,7 +2633,7 @@ var Component$q = vue.defineComponent({
 });
 const BkAnimateNumber = withInstall(Component$q);
 var Component$p = vue.defineComponent({
-  name: "BkBacktop",
+  name: "Backtop",
   props: {
     visibilityHeight: PropTypes.number.def(200),
     target: PropTypes.string.def(""),
@@ -2699,7 +2701,7 @@ var Component$p = vue.defineComponent({
 });
 const BkBacktop = withInstall(Component$p);
 var Component$o = vue.defineComponent({
-  name: "BkBadge",
+  name: "Badge",
   props: {
     theme: PropTypes.string.def("primary"),
     count: PropTypes.number,
@@ -2734,7 +2736,7 @@ var Component$o = vue.defineComponent({
 });
 const BkBadge = withInstall(Component$o);
 var Component$n = vue.defineComponent({
-  name: "BkBreadcrumb",
+  name: "Breadcrumb",
   props: {
     extCls: PropTypes.string,
     separator: PropTypes.string.def("/"),
@@ -2767,7 +2769,7 @@ var Component$n = vue.defineComponent({
   }
 });
 var BreadcrumbItem = vue.defineComponent({
-  name: "BkBreadcrumbItem",
+  name: "BreadcrumbItem",
   props: {
     extCls: PropTypes.string,
     to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).def(""),
@@ -2811,7 +2813,7 @@ var BreadcrumbItem = vue.defineComponent({
     };
   }
 });
-const BkBreadcrumb = withInstallProps(Component$n, { BreadcrumbItem });
+const BkBreadcrumb = withInstallProps(Component$n, { Item: BreadcrumbItem });
 let BkLoadingMode;
 (function(BkLoadingMode2) {
   BkLoadingMode2["Spin"] = "spin";
@@ -2837,7 +2839,7 @@ const loadingTypes = {
   mode: PropTypes.oneOf(Object.values(BkLoadingMode))
 };
 var Component$m = vue.defineComponent({
-  name: "BkLoading",
+  name: "Loading",
   props: loadingTypes,
   setup(props, ctx) {
     const dotIndicator = [1, 2, 3, 4].map((i2) => vue.createVNode("span", {
@@ -2895,7 +2897,7 @@ const buttonProps = {
   }
 };
 var Component$l = vue.defineComponent({
-  name: "BkButton",
+  name: "Button",
   emits: ["click"],
   props: buttonProps,
   setup(props, {
@@ -2944,7 +2946,7 @@ var Component$l = vue.defineComponent({
   }
 });
 var ButtonGroup = vue.defineComponent({
-  name: "BkButtonGroup",
+  name: "ButtonGroup",
   props: {
     size: PropTypes.size()
   },
@@ -2962,7 +2964,7 @@ var ButtonGroup = vue.defineComponent({
 });
 const BkButton = withInstallProps(Component$l, { ButtonGroup });
 var Component$k = vue.defineComponent({
-  name: "BkCard",
+  name: "Card",
   props: {
     title: PropTypes.string,
     showHeader: PropTypes.bool.def(true),
@@ -3103,7 +3105,7 @@ const checkboxProps = {
   size: PropTypes.size()
 };
 var Component$j = vue.defineComponent({
-  name: "BkCheckbox",
+  name: "Checkbox",
   props: checkboxProps,
   emits: ["update:modelValue", "change"],
   setup() {
@@ -3157,7 +3159,7 @@ const checkboxGroupProps = {
   disabled: PropTypes.bool
 };
 var CheckboxGroup = vue.defineComponent({
-  name: "BkCheckboxGroup",
+  name: "CheckboxGroup",
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, context) {
@@ -3196,7 +3198,7 @@ var CheckboxGroup = vue.defineComponent({
       context.emit("change", nextValue);
     };
     vue.provide(checkboxGroupKey, {
-      name: "BkCheckboxGroup",
+      name: "CheckboxGroup",
       props,
       state,
       register,
@@ -3218,9 +3220,9 @@ var CheckboxGroup = vue.defineComponent({
     }, [this.$slots.default()]);
   }
 });
-const BkCheckbox = withInstallProps(Component$j, { CheckboxGroup });
+const BkCheckbox = withInstallProps(Component$j, { Group: CheckboxGroup });
 var Component$i = vue.defineComponent({
-  name: "BkCollapse",
+  name: "Collapse",
   props: {
     list: PropTypes.arrayOf(PropTypes.any).def([]),
     idFiled: PropTypes.string.def("$index"),
@@ -3332,7 +3334,7 @@ const propsMixin$1 = {
   }
 };
 var Component$h = vue.defineComponent({
-  name: "BkModal",
+  name: "Modal",
   props: __spreadValues({}, propsMixin$1),
   data() {
     return {
@@ -3394,7 +3396,7 @@ function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !vue.isVNode(s2);
 }
 var Component$g = vue.defineComponent({
-  name: "BkDialog",
+  name: "Dialog",
   components: {
     BkModal,
     BkButton
@@ -3498,7 +3500,7 @@ var empty = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0id
 var searchEmpty = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDgwIDI0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwIDI0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgjRmlsbC0xXzFfKTt9Cgkuc3Qxe2ZpbGw6I0M0QzZDQzt9Cgkuc3Qye2ZpbGw6dXJsKCPnn6nlvaItMl8xXyk7fQoJLnN0M3tmaWxsOnVybCgj55+p5b2iXzZfKTt9Cgkuc3Q0e2ZpbGw6I0RDREVFMDt9Cgkuc3Q1e2ZpbGw6I0QxRDNENjt9Cgkuc3Q2e2ZpbGw6dXJsKCPnn6nlvaItM18xXyk7fQoJLnN0N3tmaWxsOiNFNUU3RUM7fQoJLnN0OHtmaWxsOiNEQ0RERTA7fQoJLnN0OXtmaWxsOnVybCgj6Lev5b6ELTEzXzFfKTt9Cgkuc3QxMHtmaWxsOnVybCgj5qSt5ZyG5b2iXzNfKTtzdHJva2U6dXJsKCPmpK3lnIblvaJfNF8pO30KCS5zdDExe2ZpbGw6dXJsKCPmpK3lnIblvaJfNV8pO3N0cm9rZTp1cmwoI+akreWchuW9ol82Xyk7fQoJLnN0MTJ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9Iumhtemdoi0xIj4KCTxnIGlkPSJFeGNlcHRpb25feDJGX+W8guW4uOaPkOekuiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2OS4wMDAwMDAsIC0yOTE4LjAwMDAwMCkiPgoJCTxnIGlkPSLmkJzntKLkuLrnqboiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg2OS4wMDAwMDAsIDI5MTguMDAwMDAwKSI+CgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iRmlsbC0xXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0My4wNDY0IiB5MT0iMTY3Ljk3OTMiIHgyPSIyNDUuODA3MSIgeTI9IjE5NC4yNDU2Ij4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkZDRkQiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkY0RjciLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHBhdGggaWQ9IkZpbGwtMSIgY2xhc3M9InN0MCIgZD0iTTE5My4xLDE3NC4yYzE0LjgtMy4zLDM2LTQuOCw1MC41LTQuMWMxNC40LDAuNywyNi40LDMuMywyNy4zLDIuN2MyLjktMS45LDktMi44LDguNy0yCgkJCQljLTAuMywwLjctNC4zLDMuMS0zLDMuNGMxLjMsMC40LDE0LjEsMS45LDE5LjUsM2M1LjMsMS4xLDguOCwyLjIsOS45LDIuMmMxLjIsMCwzLTEuNiwxMC43LTAuOGMwLjEsMC4zLTEuNywwLjQtMy40LDEuMwoJCQkJYy0xLjcsMC45LTMsMC44LTMsMXMxLTAuMywzLDFzNS41LDEuNyw1LjUsMnMtNC41LDEuOC0xMi0wLjZjLTEuOS0wLjYtNi4zLDQuNi0yNi44LDYuMXMtNTUsMi42LTU1LDIuNnMyLjEsMi43LDUuMSwzLjQKCQkJCWMwLjIsMC4zLTEuMiwxLjMtNy4xLDAuMmMtNS45LTEuMS05LTMuNi05LTMuNnMtMTEuNi0wLjctMTYtMS41Yy00LjQtMC43LTkuNC0yLjYtMTIuOS0zcy0xOS4yLTIuMi0xMy4yLTYuMwoJCQkJQzE3MiwxODEuMiwxNzguMywxNzcuNSwxOTMuMSwxNzQuMnoiLz4KCQkJPHBhdGggaWQ9IuW9oueKtue7k+WQiCIgY2xhc3M9InN0MSIgZD0iTTE5My4xLDE3Ny40djkuNGg5LjR2MS45aC0xMS4ydi0xMS4yTDE5My4xLDE3Ny40TDE5My4xLDE3Ny40eiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCI5aSH5Lu9IiBjbGFzcz0ic3QxIiBkPSJNMjAwLjYsNjQuOWgtOS40djkuNGgtMS45di05LjRsMCwwVjYzaDExLjJMMjAwLjYsNjQuOUwyMDAuNiw2NC45eiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCI5aSH5Lu9LTIiIGNsYXNzPSJzdDEiIGQ9Ik0yODguOCw3NC4ydi05LjRoLTkuNFY2M2g5LjRsMCwwaDEuOXYxMS4ySDI4OC44eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i55+p5b2iLTJfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDExLjY3NjgiIHkxPSItMS42MDY2IiB4Mj0iNDExLjY3NjgiIHkyPSItMC42NzA3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDg2LjI1IDAgMCAxMDguNzUgLTM1MjY3LjEyNSAyNDYuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VCRURGMDtzdG9wLW9wYWNpdHk6MC45OTE3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTFFM0U2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLnn6nlvaItMiIgY2xhc3M9InN0MiIgZD0iTTE5Ny45LDcwLjVoODQuMmMwLjYsMCwxLDAuNCwxLDF2MTA2LjhjMCwwLjYtMC40LDEtMSwxaC04NC4yYy0wLjYsMC0xLTAuNC0xLTFWNzEuNQoJCQkJQzE5Ni45LDcwLjksMTk3LjMsNzAuNSwxOTcuOSw3MC41eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i55+p5b2iXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQxMC42NjE0IiB5MT0iLTEuODc3MyIgeDI9IjQxMC42NjE0IiB5Mj0iLTAuODg4OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg3MS4yNSAwIDAgOTMuNzUgLTI5MDE5LjYyNSAyNTQpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkY0RjciLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHJlY3QgaWQ9IuefqeW9ol8xXyIgeD0iMjA0LjQiIHk9Ijc4IiBjbGFzcz0ic3QzIiB3aWR0aD0iNzEuMiIgaGVpZ2h0PSI5My44Ii8+CgkJCTxyZWN0IGlkPSLnn6nlvaJfMl8iIHg9IjIxOS40IiB5PSI4MS44IiBjbGFzcz0ic3Q0IiB3aWR0aD0iNDEuMiIgaGVpZ2h0PSIxLjkiLz4KCQkJPHJlY3QgaWQ9IuefqeW9ol8zXyIgeD0iMjA0LjQiIHk9IjE3MS44IiBjbGFzcz0ic3Q1IiB3aWR0aD0iNzEuMiIgaGVpZ2h0PSIxLjkiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuefqeW9oi0zXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQwNi40MTUyIiB5MT0iLTExLjczMzQiIHgyPSI0MDYuNDE1MiIgeTI9Ii0xMC43NDEzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQxLjI1IDAgMCAxNSAtMTY1MjQuNjI1IDI0Mi43NSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VERUZGMiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U4RUFFRCIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cmVjdCBpZD0i55+p5b2iLTMiIHg9IjIxOS40IiB5PSI2Ni44IiBjbGFzcz0ic3Q2IiB3aWR0aD0iNDEuMiIgaGVpZ2h0PSIxNSIvPgoJCQk8ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMy4xMjUwMDAsIDk4LjYyNTAwMCkiPgoJCQkJPHJlY3QgaWQ9IuefqeW9ol80XyIgY2xhc3M9InN0MSIgd2lkdGg9IjMuOCIgaGVpZ2h0PSIxLjkiLz4KCQkJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70iIHg9IjcuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjMuOCIgaGVpZ2h0PSIxLjkiLz4KCQkJCTxyZWN0IGlkPSLnn6nlvaLlpIfku70tMiIgeD0iMTUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzLjgiIGhlaWdodD0iMS45Ii8+CgkJCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTMiIHg9IjIyLjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzLjgiIGhlaWdodD0iMS45Ii8+CgkJCQk8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTQiIHg9IjMwIiBjbGFzcz0ic3QxIiB3aWR0aD0iMy44IiBoZWlnaHQ9IjEuOSIvPgoJCQk8L2c+CgkJCTxnIGlkPSLnvJbnu4QtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI4Ljc1MDAwMCwgMTEzLjYyNTAwMCkiPgoJCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBjbGFzcz0ic3Q3IiBjeD0iMjQuNCIgY3k9IjI2LjIiIHI9IjI0LjQiLz4KCQkJCTxwYXRoIGlkPSLot6/lvoQtMTIiIGNsYXNzPSJzdDciIGQ9Ik0zOSw0NWwzLjEsMy4yYy0wLjYsMC44LTAuNiwxLjUsMCwyLjJzMi4yLDIuNSw0LjcsNS4zdi03LjVsLTYuMS01TDM5LDQ1eiIvPgoKCQkJCQk8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjIyNjMxNywgNTEuNzA5MDc3KSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC01MC4yMjYzMTcsIC01MS43MDkwNzcpIHRyYW5zbGF0ZSg0NC42MDEzMTcsIDM2LjcwOTA3NykiPgoKCQkJCQkJPHJlY3QgaWQ9IuefqeW9ol81XyIgeD0iMy44IiB5PSIwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSA1LjA3MDM2M2UtMDYgLTUuMDcwMzYzZS0wNiAtMSAxMS40IDkuMzUpIiBjbGFzcz0ic3Q4IiB3aWR0aD0iMy43IiBoZWlnaHQ9IjkuNCIvPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtMTNfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTEwOS4zOTE1IiB5MT0iLTU1LjkzODMiIHgyPSItMTA5LjU1NzgiIHkyPSItNTUuODkwNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg5LjIxMjkgMCAwIDIyLjUgMTAxMy45Mjg1IDEyNzcuMjgxKSI+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNEN0Q4REIiLz4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0JFQkZDMiIvPgoJCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQkJPHBhdGggaWQ9Iui3r+W+hC0xMyIgY2xhc3M9InN0OSIgZD0iTTMuNyw1LjdoNGMwLjUsMCwxLDAuNCwxLDAuOWwxLjUsMjAuNWMwLDAuNi0wLjQsMS0wLjksMS4xYzAsMCwwLDAtMC4xLDBIMgoJCQkJCQljLTAuNiwwLTEtMC40LTEtMXYtMC4xTDIuNyw2LjZDMi43LDYuMSwzLjIsNS43LDMuNyw1Ljd6Ii8+CgkJCQk8L2c+CgkJCQk8ZyBpZD0i57yW57uELTUiPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ5LjcxMTUiIHkxPSItMy42ODU5IiB4Mj0iLTQ5LjcxMTUiIHkyPSItMi42ODU5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ3Ljc1IDAgMCA0Ny43NSAyMzk4LjEyNSAxNzYuNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIxLjUzMDgyOGUtMDMiIHN0eWxlPSJzdG9wLWNvbG9yOiNERERFRTAiLz4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMC45OTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNDM0M1QzciLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTQ5LjcxMTUiIHkxPSItMy42ODU4IiB4Mj0iLTQ5LjcxMTUiIHkyPSItMi43MDU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ3Ljc1IDAgMCA0Ny43NSAyMzk4LjEyNSAxNzYuNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRERERUUwIi8+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNCRUMwQzIiLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol8xXyIgY2xhc3M9InN0MTAiIGN4PSIyNC40IiBjeT0iMjQuNCIgcj0iMjMuOSIvPgoKCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLmpK3lnIblvaJfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTUyLjM5NjYiIHkxPSItNC44MjIiIHgyPSItNTIuMzk2NiIgeTI9Ii0zLjgzOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgzNi41IDAgMCAzNi41IDE5MzYuODc1IDE4Mi4xMjUpIj4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZFRkVGRSIvPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjJGNEY3Ii8+CgkJCQkJPC9saW5lYXJHcmFkaWVudD4KCgkJCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5qSt5ZyG5b2iXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii01Mi4zOTY2IiB5MT0iLTQuODIyIiB4Mj0iLTUyLjM5NjYiIHkyPSItMy44Mzk4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDM2LjUgMCAwIDM2LjUgMTkzNi44NzUgMTgyLjEyNSkiPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjNGNEY1Ii8+CgkJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGM0Y1RjciLz4KCQkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol8yXyIgY2xhc3M9InN0MTEiIGN4PSIyNC40IiBjeT0iMjQuNCIgcj0iMTguMiIvPgoJCQkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMV8iIGNsYXNzPSJzdDEyIiBkPSJNMjMuNSwxMi4zYzUuOCwwLDEwLjksMy4zLDEzLjQsOC4yYy0yLjUtMS42LTUuNS0yLjYtOC43LTIuNmMtNCwwLTcuNywxLjUtMTAuNSw0CgkJCQkJCUwxNCwxNS43QzE2LjYsMTMuNiwxOS45LDEyLjMsMjMuNSwxMi4zeiIvPgoJCQkJPC9nPgoJCQkJPHBvbHlnb24gaWQ9Iui3r+W+hC0xNCIgY2xhc3M9InN0NSIgcG9pbnRzPSI0Ni45LDUzLjQgNDYuOSw1NS42IDU0LjQsNjQuNCA1NC40LDYyLjMgCQkJCSIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=";
 var login = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8yXzFfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwIDI0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwIDI0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgj5b2i54q257uT5ZCIXzNfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfN18pO30KCS5zdDJ7ZmlsbDojQzRDNkNDO30KCS5zdDN7ZmlsbDp1cmwoI+W9oueKtue7k+WQiF85Xyk7fQoJLnN0NHtmaWxsOnVybCgj5b2i54q257uT5ZCIXzEwXyk7ZmlsbC1vcGFjaXR5OjAuNjt9Cgkuc3Q1e2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTFfKTt9Cgkuc3Q2e2ZpbGw6dXJsKCPot6/lvoQtM18xXyk7fQoJLnN0N3tmaWxsOnVybCgj5b2i54q257uT5ZCIXzEyXyk7fQoJLnN0OHtmaWxsOnVybCgj6Lev5b6ELTNfNF8pO30KCS5zdDl7ZmlsbDp1cmwoI+W9oueKtue7k+WQiF8xM18pO30KCS5zdDEwe2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTVfKTt9Cgkuc3QxMXtmaWxsOiM5NzlCQTU7fQoJLnN0MTJ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3QxM3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDE0e2ZpbGw6dXJsKCPlvaLnirbnu5PlkIhfMTZfKTt9Cgkuc3QxNXtmaWxsOnVybCgj5b2i54q257uT5ZCI5aSH5Lu9LTJfMl8pO30KCS5zdDE2e2ZpbGw6IzM0MzQzNDtmaWxsLW9wYWNpdHk6MC4xO30KPC9zdHlsZT4KPGcgaWQ9Iumhtemdoi0xIj4KCTxnIGlkPSJFeGNlcHRpb25feDJGX+W8guW4uOaPkOekul94MkZf54Gw55m95a+55q+UIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTI0LjAwMDAwMCwgLTcwNy4wMDAwMDApIj4KCQk8ZyBpZD0i6ZyA6KaB55m75b2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MjQuMDAwMDAwLCA3MDcuMDAwMDAwKSI+CgoJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLlvaLnirbnu5PlkIhfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAxOS45MDA2IiB5MT0iLTguMzM1NCIgeDI9IjEwMTkuOTAwNiIgeTI9Ii03LjMzNjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMjAwLjAyNTcgMCAwIDU4LjMwNDcgLTIwMzc1OS41NDY5IDY2My45OTQ0KSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRjVGNkY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjdGOUZDIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMzBfIiBjbGFzcz0ic3QwIiBkPSJNMjQ5LjYsMTc4djguN2MwLDIuNSwyLjEsNC42LDQuNiw0LjZzNC41LDEuOSw0LjYsNC40djAuMnYwLjkKCQkJCWMxLjEtMC41LDIuMy0wLjgsMy41LTAuOGM0LjMsMCw3LjgsMy4yLDguNCw3LjNjMS0wLjgsMi4yLTEuMywzLjYtMS4zYzEuMiwwLDIuMywwLjQsMy4yLDFjMi4zLTQuMiw2LjctNywxMS44LTcKCQkJCWM3LjIsMCwxMyw1LjYsMTMuNSwxMi43YzQuOSwwLjcsMTAuMSwxLjUsMTMuMywyLjFjNy4yLDEuNSwxMS44LDMsMTMuNCwzczQtMi4xLDE0LjUtMS4xYzAuMiwwLjQtMi4zLDAuNS00LjcsMS43cy00LDEuMS00LDEuNAoJCQkJczEuMy0wLjQsNCwxLjNzNy41LDIuMyw3LjUsMi44cy02LjEsMi40LTE2LjItMC44Yy0yLjYtMC44LTguNiw2LjItMzYuMSw4LjJjLTI3LjYsMi03NC4yLDMuNS03NC4yLDMuNXMyLjgsMy42LDYuOSw0LjYKCQkJCWMwLjIsMC40LTEuNiwxLjctOS42LDAuMmMtNy45LTEuNS0xMi4yLTQuOC0xMi4yLTQuOHMtMTUuNy0xLTIxLjYtMmMtNS45LTEtMTIuNy0zLjUtMTcuNC00cy0yNS45LTMtMTcuOC04LjUKCQkJCWMwLDAsNy4yLTQuMiwyMy42LTguM2MyLTMuNSw1LjctNS45LDEwLjEtNS45YzIuNywwLDUuMiwwLjksNy4xLDIuNWMxLjQtMC4yLDIuOS0wLjQsNC40LTAuNmMxLjItMS4xLDIuOC0xLjgsNC41LTEuOAoJCQkJYzEuMiwwLDIuMywwLjMsMy4yLDAuOWwwLjUtMC4xYzEtMy45LDQuNS02LjgsOC43LTYuOGMyLjgsMCw1LjQsMS4zLDcsMy4zdi0yLjhjMC0yLjksMi40LTUuMyw1LjMtNS4zYzIuOCwwLDUuMi0yLjIsNS4zLTUuMQoJCQkJdi0wLjJ2LThMMjQ5LjYsMTc4TDI0OS42LDE3OHoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAzLjIzODQiIHkxPSItNDMuNjgxOCIgeDI9IjEwMDMuOTQ2MSIgeTI9Ii00My42ODE4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQ0IDAgMCAxMSAtNDM5MTkuMTk5MiA2NTUuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UyRTNFNiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTQzIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFRUYwIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFNEU2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjlfIiBjbGFzcz0ic3QxIiBkPSJNMjE2LjgsMTY5LjVoNDR2NmMwLDIuOC05LjgsNS0yMiw1cy0yMi0yLjItMjItNWwwLDBMMjE2LjgsMTY5LjVMMjE2LjgsMTY5LjV6Ii8+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIjlpIfku71fMV8iIGNsYXNzPSJzdDIiIGQ9Ik0yMTYuOCwxNjVoNDR2NmMwLDIuOC05LjgsNS0yMiw1cy0yMi0yLjItMjItNWwwLDBMMjE2LjgsMTY1TDIxNi44LDE2NXoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NDcuNDg4OCIgeTE9Ii04LjM4NDgiIHgyPSI5NDguMTg2MyIgeTI9Ii04LjM4NDgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTIgMCAwIDU0LjcgLTExMTc3LjIwMDIgNTgxLjI5OTEpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYzRjUiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjAuNDU3NiIgc3R5bGU9InN0b3AtY29sb3I6I0Y0RjVGNyIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0VDRUVGMCIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzI4XyIgY2xhc3M9InN0MyIgZD0iTTE5Ni44LDk1LjNjMS44LDAsNiw4LjMsNiwxMS43bDAsMHY0M2gtMTJ2LTQzdi0wLjJDMTkwLjksMTAzLjQsMTk1LDk1LjMsMTk2LjgsOTUuMwoJCQkJeiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NDcuODQ2NCIgeTE9Ii0xOS44MjgyIiB4Mj0iOTQ3LjgyNyIgeTI9Ii0xOS42NDE4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEyIDAgMCAyNC4yIC0xMTA5My4yMDAyIDYwMi45OTkzKSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0REMEQyO3N0b3Atb3BhY2l0eTowIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0REMEQyIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwb2x5Z29uIGlkPSLlvaLnirbnu5PlkIhfMjZfIiBjbGFzcz0ic3Q0IiBwb2ludHM9IjI3NC44LDExNyAyNzQuOCwxMzIuNiAyNzkuNywxNDEuMiAyODYuOCwxMzUuNCAyODYuOCwxMjYgCQkJIi8+CgoJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLlvaLnirbnu5PlkIhfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ijk0OC4xNzE2IiB5MT0iLTguMzg0OCIgeDI9Ijk0Ny40NzQxIiB5Mj0iLTguMzg0OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxMiAwIDAgNTQuNyAtMTEwOTMuMjAwMiA1ODEuMjk5MSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YxRjNGNSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTc2IiBzdHlsZT0ic3RvcC1jb2xvcjojRjRGNUY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUNFRUYwIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjVfIiBjbGFzcz0ic3Q1IiBkPSJNMjgwLjgsOTUuM2MtMS44LDAtNiw4LjMtNiwxMS43bDAsMHY0M2gxMnYtNDN2LTAuMgoJCQkJQzI4Ni42LDEwMy40LDI4Mi41LDk1LjMsMjgwLjgsOTUuM3oiLz4KCQkJPGcgaWQ9Iue8lue7hF8zXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuNzYwNDk5LCA3Ny4wMDAwMDApIj4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtM18xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MTQuMzE0MSIgeTE9Ii02Ljg5MDUiIHgyPSI1MTQuMzk0MyIgeTI9Ii02LjUyMDQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMzYgMCAwIDY2IC0xODM5NS43MzI0IDUwNikiPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFOEU5RUIiLz4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRDdEOERCIi8+CgkJCQk8L2xpbmVhckdyYWRpZW50PgoJCQkJPHBhdGggaWQ9Iui3r+W+hC0zXzNfIiBjbGFzcz0ic3Q2IiBkPSJNMTM1LDIwYy0xLjQsNy00LjUsMTMuMy05LjQsMTkuMWMtNy4zLDguNy0xNS4yLDEzLjYtMTguNCwyMy44CgkJCQkJYy0yLjEsNi44LTMuMiwxMi45LTMuMiwxOC4zbDMyLjEsNC44bDMuOS00LjhMMTM1LDIweiIvPgoKCQkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDY5LjEyNSIgeTE9Ii02Ljk4IiB4Mj0iNDY5LjEyNjMiIHkyPSItNi45NjgxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEzIDAgMCA2NC41IC01OTY1LjY4MTYgNTA3LjUpIj4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRUJFREVGO3N0b3Atb3BhY2l0eTowIi8+CgkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0M4Q0FDQyIvPgoJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMjRfIiBjbGFzcz0ic3Q3IiBkPSJNMTM1LjIsMjEuNWw0LjgsNTkuN2wtMy45LDQuOGwtOS4xLTEuNGwzLjMtNTIuMmMyLTMuNSwzLjQtNy4xLDQuNC0xMC45CgkJCQkJQzEzNC43LDIxLjUsMTM1LjIsMjEuNSwxMzUuMiwyMS41eiIvPgoJCQk8L2c+CgoJCQkJPGcgaWQ9Iue8lue7hF8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcxLjAwMDAwMCwgMTEwLjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTcxLjAwMDAwMCwgLTExMC4wMDAwMDApIHRyYW5zbGF0ZSgxNTMuMDAwMDAwLCA3Ny4wMDAwMDApIj4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSLot6/lvoQtM180XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNi4xMTk1IiB5MT0iLTYuNzUwNiIgeDI9IjI2LjE5OTgiIHkyPSItNi4zODA1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDM2IDAgMCA2NiAtMTAyNCA1MDYpIj4KCQkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRThFOUVCIi8+CgkJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Q3RDhEQiIvPgoJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCTxwYXRoIGlkPSLot6/lvoQtM18yXyIgY2xhc3M9InN0OCIgZD0iTS03MywyMGMtMS40LDctNC41LDEzLjMtOS40LDE5LjFjLTcuMyw4LjctMTUuMiwxMy42LTE4LjQsMjMuOAoJCQkJCWMtMi4xLDYuOC0zLjIsMTIuOS0zLjIsMTguM2wzMi4xLDQuOGwzLjktNC44TC03MywyMHoiLz4KCQkJPC9nPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzEzXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2NTkuNjQ1MyIgeTE9Ii02Ljk4IiB4Mj0iNjU5LjY0NjUiIHkyPSItNi45NjgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLTEzIDAgMCA2NC41IDg4MzkuMjE0OCA1ODQuNSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VCRURFRjtzdG9wLW9wYWNpdHk6MCIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0M4Q0FDQyIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzJfIiBjbGFzcz0ic3Q5IiBkPSJNMjYxLjYsOTguNWwtNC44LDU5LjdsMy45LDQuOGw5LjEtMS40bC0zLjMtNTIuMmMtMi0zLjUtMy40LTcuMS00LjQtMTAuOQoJCQkJQzI2Mi4xLDk4LjUsMjYxLjYsOTguNSwyNjEuNiw5OC41eiIvPgoKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0i5b2i54q257uT5ZCIXzE1XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDA0Ljk4MTEiIHkxPSItMi42NTU4IiB4Mj0iMTAwNS42ODg3IiB5Mj0iLTIuNjU1OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0OCAwIDAgMTU0IC00ODAxNy4xOTkyIDUwNikiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0VBRUJFRCIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NTQzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjRGNUY3Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUVGMEYyIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMThfIiBjbGFzcz0ic3QxMCIgZD0iTTIzOC44LDIwYzcsMCwyNCwyNy43LDI0LDQxbDAsMHYxMDZjMCwwLjEsMCwwLjIsMCwwLjNzMCwwLjIsMCwwLjIKCQkJCWMwLDMuNi0xMC43LDYuNS0yNCw2LjVzLTI0LTIuOS0yNC02LjVjMC0wLjEsMC0wLjIsMC0wLjJjMC0wLjEsMC0wLjIsMC0wLjNWNjF2LTAuNEMyMTUuMSw0Ny4yLDIzMS44LDIwLDIzOC44LDIweiIvPgoJCQk8Zz4KCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol83XyIgY2xhc3M9InN0MTEiIGN4PSIyMzguOCIgY3k9IjcxIiByPSI5LjUiLz4KCgkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NzYuMDc5IiB5MT0iLTI1LjMzMzQiIHgyPSI5NzYuMDc5IiB5Mj0iLTI0LjgyNDQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTkgMCAwIDE5IC0xODMwNi42OTkyIDU0Ny41KSI+CgkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UxRTJFNiIvPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYyRjUiLz4KCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQk8cGF0aCBjbGFzcz0ic3QxMiIgZD0iTTIzOC44LDgxYy01LjUsMC0xMC00LjUtMTAtMTBzNC41LTEwLDEwLTEwczEwLDQuNSwxMCwxMFMyNDQuMyw4MSwyMzguOCw4MXogTTIzOC44LDYyYy01LDAtOSw0LTksOQoJCQkJCXM0LDksOSw5czktNCw5LTlTMjQzLjgsNjIsMjM4LjgsNjJ6Ii8+CgkJCTwvZz4KCQkJPGc+CgkJCQk8Y2lyY2xlIGlkPSLmpK3lnIblvaLlpIfku70tMTFfMV8iIGNsYXNzPSJzdDExIiBjeD0iMjM4LjgiIGN5PSI4OSIgcj0iMy41Ii8+CgoJCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODkzLjA3MTUiIHkxPSItNjkuMjA0OCIgeDI9Ijg5My4wNzE1IiB5Mj0iLTY4LjY1MjIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNyAwIDAgNyAtNjAxMi43MDAyIDU3MS41KSI+CgkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UxRTJFNiIvPgoJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMEYyRjUiLz4KCQkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCQk8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTIzOC44LDkzYy0yLjIsMC00LTEuOC00LTRzMS44LTQsNC00czQsMS44LDQsNFMyNDEsOTMsMjM4LjgsOTN6IE0yMzguOCw4NmMtMS43LDAtMywxLjMtMywzczEuMywzLDMsMwoJCQkJCXMzLTEuMywzLTNTMjQwLjUsODYsMjM4LjgsODZ6Ii8+CgkJCTwvZz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiF8xNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwNC45ODExIiB5MT0iLTcwLjk3MDYiIHgyPSIxMDA1LjY4NTQiIHkyPSItNzAuOTcwNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0OCAwIDAgNi44IC00ODAxNy4xOTkyIDYyNC4wMDA0KSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFM0U2Ii8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwLjQ3NjYiIHN0eWxlPSJzdG9wLWNvbG9yOiNGQkZERkYiLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMkU0RTYiLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHBhdGggaWQ9IuW9oueKtue7k+WQiF8xNF8iIGNsYXNzPSJzdDE0IiBkPSJNMjYyLjgsMTM4djIuNWMtMy45LDIuNS0xMy4yLDQuMy0yNCw0LjNzLTIwLjEtMS44LTI0LTQuM1YxMzhsMCwwCgkJCQljMC42LDIuOCwxMS4xLDUuNSwyNCw1LjVTMjYyLjIsMTQwLjgsMjYyLjgsMTM4TDI2Mi44LDEzOHoiLz4KCgkJCQk8bGluZWFyR3JhZGllbnQgaWQ9IuW9oueKtue7k+WQiOWkh+S7vS0yXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMDQuOTgxMSIgeTE9Ii03MC45NzA2IiB4Mj0iMTAwNS42ODU0IiB5Mj0iLTcwLjk3MDYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoNDggMCAwIDYuOCAtNDgwMTcuMTk5MiA2MjkuMDAwNCkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UyRTNFNiIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC40NzY2IiBzdHlsZT0ic3RvcC1jb2xvcjojRkJGREZGIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTJFNEU2Ii8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIjlpIfku70tMl8xXyIgY2xhc3M9InN0MTUiIGQ9Ik0yNjIuOCwxNDN2Mi41Yy0zLjksMi41LTEzLjIsNC4zLTI0LDQuM3MtMjAuMS0xLjgtMjQtNC4zVjE0M2wwLDAKCQkJCWMwLjYsMi44LDExLjEsNS41LDI0LDUuNVMyNjIuMiwxNDUuOCwyNjIuOCwxNDNMMjYyLjgsMTQzeiIvPgoJCQk8cGF0aCBpZD0i5b2i54q257uT5ZCIXzhfIiBjbGFzcz0ic3QxNiIgZD0iTTI2Mi44LDczYzQzLjItOC42LDc3LjEtNi4zLDgwLjksNi43YzQuNiwxNS45LTM3LjQsNDEuOS05My42LDU4LjEKCQkJCXMtMTA1LjYsMTYuMy0xMTAuMiwwLjRjLTQtMTQuMSwyOC40LTM2LjEsNzQuOS01Mi4xdjEuMWMtNDUuOCwxNS45LTc3LjcsMzcuNS03My45LDUwLjhjNC4zLDE1LjEsNTMuMiwxNC45LDEwOC45LTEuMQoJCQkJczk3LjMtNDEuNyw5Mi45LTU2LjhjLTMuNS0xMi40LTM3LjItMTQuNS03OS45LTZWNzNMMjYyLjgsNzN6Ii8+CgkJCTxwYXRoIGlkPSLlvaLnirbnu5PlkIhfMV8iIGNsYXNzPSJzdDE2IiBkPSJNMTA1LjIsNzZjMy44LTE0LDUwLjctMTQsMTA5LjUtMS4xdjFjLTU4LjMtMTIuOC0xMDUtMTIuOS0xMDguNiwwLjMKCQkJCWMtNCwxNS4xLDQ5LjEsNDMuMiwxMTguNSw2MS44czEyOS41LDIwLjksMTMzLjYsNS44YzMuNi0xMy40LTM3LjctMzctOTUuNi01NS4xdi0xLjFjNTguNiwxOC4zLDEwMC4zLDQyLjIsOTYuNSw1Ni40CgkJCQljLTQuMywxNi02NC42LDEzLjctMTM0LjgtNS4xUzEwMSw5MiwxMDUuMiw3NnoiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzZfIiBjbGFzcz0ic3QyIiBjeD0iMzE3LjgiIGN5PSIxMDkiIHI9IjIiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzVfIiBjbGFzcz0ic3QyIiBjeD0iMTE3LjMiIGN5PSIxMjEuNSIgcj0iMS41Ii8+CgkJCTxjaXJjbGUgaWQ9IuakreWchuW9ol80XyIgY2xhc3M9InN0MiIgY3g9IjI4MS44IiBjeT0iNTgiIHI9IjEiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzNfIiBjbGFzcz0ic3QyIiBjeD0iMTkxLjgiIGN5PSIxNjQiIHI9IjEiLz4KCQkJPGNpcmNsZSBpZD0i5qSt5ZyG5b2iXzFfIiBjbGFzcz0ic3QyIiBjeD0iMzUxLjgiIGN5PSIxNTAiIHI9IjIiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==";
 var Component$f = vue.defineComponent({
-  name: "BkException",
+  name: "Exception",
   props: {
     type: PropTypes.commonType(["404", "403", "500", "building", "empty", "search-empty", "login"], "type").def("404"),
     scene: PropTypes.commonType(["page", "part"], "scene").def("page"),
@@ -3543,7 +3545,7 @@ var Component$f = vue.defineComponent({
 });
 const BkException = withInstall(Component$f);
 var Component$e = vue.defineComponent({
-  name: "BkFixedNavbar",
+  name: "FixedNavbar",
   props: {
     navItems: PropTypes.array.def([]),
     extCls: PropTypes.string.def(""),
@@ -3603,7 +3605,7 @@ const inputType = {
   size: PropTypes.size()
 };
 var Component$d = vue.defineComponent({
-  name: "BkInput",
+  name: "Input",
   inheritAttrs: false,
   emits: ["update:modelValue", "focus", "blur", "change", "input"],
   props: inputType,
@@ -3737,7 +3739,7 @@ var Component$d = vue.defineComponent({
 });
 const BkInput = withInstall(Component$d);
 var Component$c = vue.defineComponent({
-  name: "BkLink",
+  name: "Link",
   props: {
     theme: PropTypes.theme(["danger", "success", "primary", "warning", "default"]).def("default"),
     href: PropTypes.string.def(""),
@@ -3775,7 +3777,7 @@ var Component$c = vue.defineComponent({
 });
 const BkLink = withInstall(Component$c);
 var Component$b = vue.defineComponent({
-  name: "BkPopover",
+  name: "Popover",
   props: {
     isShow: PropTypes.bool,
     width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
@@ -3988,7 +3990,7 @@ function _isSlot$1(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !vue.isVNode(s2);
 }
 var Component$a = vue.defineComponent({
-  name: "BkProgress",
+  name: "Progress",
   props: {
     extCls: PropTypes.string,
     type: PropTypes.string.validate((value) => ["line", "circle", "dashboard"].includes(value)).def("line"),
@@ -4137,7 +4139,7 @@ const radioProps = {
   disabled: PropTypes.bool.def(false)
 };
 var Component$9 = vue.defineComponent({
-  name: "BkRadio",
+  name: "Radio",
   props: radioProps,
   emits: ["change", "update:modelValue"],
   setup() {
@@ -4193,7 +4195,7 @@ const radioGroupProps = {
   disabled: PropTypes.bool
 };
 var RadioGroup = vue.defineComponent({
-  name: "BkRadioGroup",
+  name: "RadioGroup",
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, context) {
@@ -4229,7 +4231,7 @@ const radioButtonProps = {
   size: PropTypes.size
 };
 var RadioButton = vue.defineComponent({
-  name: "BkRadioButton",
+  name: "RadioButton",
   props: radioButtonProps,
   emits: ["change", "update:modelValue"],
   setup() {
@@ -4279,9 +4281,9 @@ var RadioButton = vue.defineComponent({
     }, [this.$slots.default ? this.$slots.default() : this.label])]);
   }
 });
-const BkRadio = withInstallProps(Component$9, { RadioGroup, RadioButton });
+const BkRadio = withInstallProps(Component$9, { Group: RadioGroup, Button: RadioButton });
 var star = vue.defineComponent({
-  name: "BkStar",
+  name: "Star",
   props: {
     rate: PropTypes.number.def(0),
     width: PropTypes.number.def(15),
@@ -4342,7 +4344,7 @@ var star = vue.defineComponent({
   }
 });
 var Component$8 = vue.defineComponent({
-  name: "BkRate",
+  name: "Rate",
   components: {
     star
   },
@@ -4460,6 +4462,110 @@ function useDebouncedRef(value, delay = 200) {
     }
   }));
 }
+var _populated = false;
+var _ie, _firefox, _opera, _webkit, _chrome;
+var _ie_real_version;
+var _osx, _windows, _linux, _android;
+var _win64;
+var _iphone, _ipad, _native;
+var _mobile;
+function _populate() {
+  if (_populated) {
+    return;
+  }
+  _populated = true;
+  var uas = navigator.userAgent;
+  var agent = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(uas);
+  var os = /(Mac OS X)|(Windows)|(Linux)/.exec(uas);
+  _iphone = /\b(iPhone|iP[ao]d)/.exec(uas);
+  _ipad = /\b(iP[ao]d)/.exec(uas);
+  _android = /Android/i.exec(uas);
+  _native = /FBAN\/\w+;/i.exec(uas);
+  _mobile = /Mobile/i.exec(uas);
+  _win64 = !!/Win64/.exec(uas);
+  if (agent) {
+    _ie = agent[1] ? parseFloat(agent[1]) : agent[5] ? parseFloat(agent[5]) : NaN;
+    if (_ie && document && document.documentMode) {
+      _ie = document.documentMode;
+    }
+    var trident = /(?:Trident\/(\d+.\d+))/.exec(uas);
+    _ie_real_version = trident ? parseFloat(trident[1]) + 4 : _ie;
+    _firefox = agent[2] ? parseFloat(agent[2]) : NaN;
+    _opera = agent[3] ? parseFloat(agent[3]) : NaN;
+    _webkit = agent[4] ? parseFloat(agent[4]) : NaN;
+    if (_webkit) {
+      agent = /(?:Chrome\/(\d+\.\d+))/.exec(uas);
+      _chrome = agent && agent[1] ? parseFloat(agent[1]) : NaN;
+    } else {
+      _chrome = NaN;
+    }
+  } else {
+    _ie = _firefox = _opera = _chrome = _webkit = NaN;
+  }
+  if (os) {
+    if (os[1]) {
+      var ver = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(uas);
+      _osx = ver ? parseFloat(ver[1].replace("_", ".")) : true;
+    } else {
+      _osx = false;
+    }
+    _windows = !!os[2];
+    _linux = !!os[3];
+  } else {
+    _osx = _windows = _linux = false;
+  }
+}
+var UserAgent_DEPRECATED$1 = {
+  ie: function() {
+    return _populate() || _ie;
+  },
+  ieCompatibilityMode: function() {
+    return _populate() || _ie_real_version > _ie;
+  },
+  ie64: function() {
+    return UserAgent_DEPRECATED$1.ie() && _win64;
+  },
+  firefox: function() {
+    return _populate() || _firefox;
+  },
+  opera: function() {
+    return _populate() || _opera;
+  },
+  webkit: function() {
+    return _populate() || _webkit;
+  },
+  safari: function() {
+    return UserAgent_DEPRECATED$1.webkit();
+  },
+  chrome: function() {
+    return _populate() || _chrome;
+  },
+  windows: function() {
+    return _populate() || _windows;
+  },
+  osx: function() {
+    return _populate() || _osx;
+  },
+  linux: function() {
+    return _populate() || _linux;
+  },
+  iphone: function() {
+    return _populate() || _iphone;
+  },
+  mobile: function() {
+    return _populate() || (_iphone || _ipad || _android || _mobile);
+  },
+  nativeApp: function() {
+    return _populate() || _native;
+  },
+  android: function() {
+    return _populate() || _android;
+  },
+  ipad: function() {
+    return _populate() || _ipad;
+  }
+};
+var UserAgent_DEPRECATED_1 = UserAgent_DEPRECATED$1;
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var ExecutionEnvironment$1 = {
   canUseDOM,
@@ -4470,10 +4576,114 @@ var ExecutionEnvironment$1 = {
 };
 var ExecutionEnvironment_1 = ExecutionEnvironment$1;
 var ExecutionEnvironment = ExecutionEnvironment_1;
+var useHasFeature;
 if (ExecutionEnvironment.canUseDOM) {
-  document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== true;
+  useHasFeature = document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== true;
+}
+/**
+ * Checks if an event is supported in the current execution environment.
+ *
+ * NOTE: This will not work correctly for non-generic events such as `change`,
+ * `reset`, `load`, `error`, and `select`.
+ *
+ * Borrows from Modernizr.
+ *
+ * @param {string} eventNameSuffix Event name, e.g. "click".
+ * @param {?boolean} capture Check if the capture phase is supported.
+ * @return {boolean} True if the event is supported.
+ * @internal
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+function isEventSupported$1(eventNameSuffix, capture) {
+  if (!ExecutionEnvironment.canUseDOM || capture && !("addEventListener" in document)) {
+    return false;
+  }
+  var eventName = "on" + eventNameSuffix;
+  var isSupported = eventName in document;
+  if (!isSupported) {
+    var element = document.createElement("div");
+    element.setAttribute(eventName, "return;");
+    isSupported = typeof element[eventName] === "function";
+  }
+  if (!isSupported && useHasFeature && eventNameSuffix === "wheel") {
+    isSupported = document.implementation.hasFeature("Events.wheel", "3.0");
+  }
+  return isSupported;
+}
+var isEventSupported_1 = isEventSupported$1;
+var UserAgent_DEPRECATED = UserAgent_DEPRECATED_1;
+var isEventSupported = isEventSupported_1;
+var PIXEL_STEP = 10;
+var LINE_HEIGHT = 40;
+var PAGE_HEIGHT = 800;
+function normalizeWheel$1(event) {
+  var sX = 0, sY = 0, pX = 0, pY = 0;
+  if ("detail" in event) {
+    sY = event.detail;
+  }
+  if ("wheelDelta" in event) {
+    sY = -event.wheelDelta / 120;
+  }
+  if ("wheelDeltaY" in event) {
+    sY = -event.wheelDeltaY / 120;
+  }
+  if ("wheelDeltaX" in event) {
+    sX = -event.wheelDeltaX / 120;
+  }
+  if ("axis" in event && event.axis === event.HORIZONTAL_AXIS) {
+    sX = sY;
+    sY = 0;
+  }
+  pX = sX * PIXEL_STEP;
+  pY = sY * PIXEL_STEP;
+  if ("deltaY" in event) {
+    pY = event.deltaY;
+  }
+  if ("deltaX" in event) {
+    pX = event.deltaX;
+  }
+  if ((pX || pY) && event.deltaMode) {
+    if (event.deltaMode == 1) {
+      pX *= LINE_HEIGHT;
+      pY *= LINE_HEIGHT;
+    } else {
+      pX *= PAGE_HEIGHT;
+      pY *= PAGE_HEIGHT;
+    }
+  }
+  if (pX && !sX) {
+    sX = pX < 1 ? -1 : 1;
+  }
+  if (pY && !sY) {
+    sY = pY < 1 ? -1 : 1;
+  }
+  return {
+    spinX: sX,
+    spinY: sY,
+    pixelX: pX,
+    pixelY: pY
+  };
 }
-typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+normalizeWheel$1.getEventType = function() {
+  return UserAgent_DEPRECATED.firefox() ? "DOMMouseScroll" : isEventSupported("wheel") ? "wheel" : "mousewheel";
+};
+var normalizeWheel_1 = normalizeWheel$1;
+var normalizeWheel = normalizeWheel_1;
+const isFirefox = typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+const mousewheelHandler = function(element, callback) {
+  if (element == null ? void 0 : element.addEventListener) {
+    element.addEventListener(isFirefox ? "DOMMouseScroll" : "mousewheel", function(e2) {
+      const normalized = normalizeWheel(e2);
+      callback == null ? void 0 : callback.apply(this, [e2, normalized]);
+    });
+  }
+};
+const mousewheel = {
+  beforeMount(el, binding) {
+    console.error(el, binding);
+    mousewheelHandler(el, binding.value);
+  }
+};
 const nodeMap = new Map();
 function parseBindingValue(value) {
   const isTouch = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0;
@@ -4563,8 +4773,115 @@ const clickoutside = {
   }
 };
 var popper = ".bk-popper {\n  display: none;\n  padding: 7px 14px;\n  font-size: 12px;\n  color: #fff;\n  background: #333;\n  border-radius: 4px;\n}\n.bk-popper.light {\n  color: #63656e;\n  background: #fff;\n  box-shadow: #dcdee5 0px 0px 6px 0px;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n  visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n  content: '';\n  visibility: visible;\n  transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n  display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n  bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n  top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n  right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n  left: -4px;\n}\n";
+const tooltips = {
+  mounted(el, binding) {
+    const opts = initOptions();
+    if (typeof binding.value === "object") {
+      Object.assign(opts, binding.value);
+    } else {
+      opts.content = binding.value;
+    }
+    const { disabled, arrow: arrow2, theme } = opts;
+    if (disabled) {
+      return;
+    }
+    const popper2 = renderContent(opts.content, arrow2, theme === "light");
+    createPopperInstance(el, popper2, opts);
+  }
+};
+function initOptions() {
+  const defaultOpts = {
+    arrow: true,
+    disabled: false,
+    trigger: "hover",
+    theme: "dark",
+    content: "",
+    showOnInit: false,
+    placement: "top",
+    distance: 8,
+    onShow: () => {
+    },
+    onHide: () => {
+    }
+  };
+  return defaultOpts;
+}
+function renderContent(value, hasArrow, isLight) {
+  const zIndex = bkZIndexManager.getPopperIndex();
+  const content = document.createElement("div");
+  content.className = `bk-popper ${isLight ? "light" : "dark"}`;
+  content.innerText = value;
+  content.style.zIndex = String(zIndex);
+  if (hasArrow) {
+    const arrow2 = renderArrow();
+    content.appendChild(arrow2);
+  }
+  document.body.appendChild(content);
+  return content;
+}
+function renderArrow() {
+  const arrow2 = document.createElement("div");
+  arrow2.className = "bk-popper-arrow";
+  arrow2.setAttribute("data-popper-arrow", "");
+  return arrow2;
+}
+function createPopperInstance(el, popper2, options) {
+  const { placement, distance, trigger, showOnInit, onShow, onHide } = options;
+  const popperInstance = createPopper(el, popper2, {
+    placement,
+    modifiers: [
+      {
+        name: "offset",
+        options: {
+          offset: [0, distance]
+        }
+      }
+    ]
+  });
+  if (trigger === "hover") {
+    const showEvents = ["mouseenter", "focus"];
+    const hideEvents = ["mouseleave", "blur"];
+    showEvents.forEach((event) => {
+      el.addEventListener(event, show);
+    });
+    hideEvents.forEach((event) => {
+      el.addEventListener(event, hide2);
+    });
+  } else if (trigger === "click") {
+    document.body.addEventListener("click", (event) => {
+      if (el.contains(event.target) && !popper2.hasAttribute("data-show")) {
+        show();
+      } else if (popper2.hasAttribute("data-show")) {
+        hide2();
+      }
+    });
+  }
+  if (showOnInit)
+    show();
+  function show() {
+    popper2.setAttribute("data-show", "");
+    onShow();
+    popperInstance.setOptions((options2) => __spreadProps(__spreadValues({}, options2), {
+      modifiers: [
+        ...options2.modifiers,
+        { name: "eventListeners", enabled: true }
+      ]
+    }));
+    popperInstance.update();
+  }
+  function hide2() {
+    popper2.removeAttribute("data-show");
+    onHide();
+    popperInstance.setOptions((options2) => __spreadProps(__spreadValues({}, options2), {
+      modifiers: [
+        ...options2.modifiers,
+        { name: "eventListeners", enabled: false }
+      ]
+    }));
+  }
+}
 var Component$7 = vue.defineComponent({
-  name: "BkSelect",
+  name: "Select",
   directives: {
     clickoutside
   },
@@ -4811,7 +5128,7 @@ var Component$7 = vue.defineComponent({
   }
 });
 var Option = vue.defineComponent({
-  name: "BkOption",
+  name: "Option",
   props: {
     value: PropTypes.oneOfType([String, Number, Boolean]),
     label: PropTypes.oneOfType([String, Number]),
@@ -4863,7 +5180,7 @@ var Option = vue.defineComponent({
   }
 });
 var OptionGroup = vue.defineComponent({
-  name: "BkOptionGroup",
+  name: "Group",
   props: {
     label: PropTypes.string.def(""),
     disabled: PropTypes.bool.def(false)
@@ -4906,7 +5223,7 @@ var OptionGroup = vue.defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]), [[vue.vShow, this.visible]]);
   }
 });
-const BkSelect = withInstallProps(Component$7, { Option, OptionGroup });
+const BkSelect = withInstallProps(Component$7, { Option, Group: OptionGroup });
 function _isSlot(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !vue.isVNode(s2);
 }
@@ -4917,7 +5234,7 @@ const sliderPops = Object.assign({}, propsMixin);
 sliderPops.width.default = "400";
 sliderPops.height.default = "100%";
 var Component$6 = vue.defineComponent({
-  name: "BkSideslider",
+  name: "Sideslider",
   components: {
     BkModal,
     BkButton
@@ -4988,7 +5305,7 @@ const stepsProps = {
   beforeChange: PropTypes.func
 };
 var Component$5 = vue.defineComponent({
-  name: "BkSteps",
+  name: "Steps",
   props: stepsProps,
   emits: ["update:curStep", "click"],
   setup(props, {
@@ -5125,7 +5442,7 @@ var Component$5 = vue.defineComponent({
 });
 const BkSteps = withInstall(Component$5);
 var Component$4 = vue.defineComponent({
-  name: "BkSwitcher",
+  name: "Switcher",
   props: {
     theme: PropTypes.theme().def(""),
     size: PropTypes.size(),
@@ -5339,7 +5656,7 @@ class TableRender {
   }
 }
 var Component$3 = vue.defineComponent({
-  name: "BkTable",
+  name: "Table",
   props: tableProps,
   setup(props, ctx) {
     const activeCols = vue.reactive(resolveActiveColumns(props));
@@ -5379,7 +5696,7 @@ var Component$3 = vue.defineComponent({
 });
 const BkTable = withInstall(Component$3);
 var Component$2 = vue.defineComponent({
-  name: "BkTag",
+  name: "Tag",
   props: {},
   setup() {
     return () => vue.createVNode("div", null, [vue.createTextVNode("Tag")]);
@@ -5450,7 +5767,7 @@ const messageProps = {
   onClose: PropTypes.func
 };
 var MessageConstructor = vue.defineComponent({
-  name: "BkMessage",
+  name: "Message",
   props: messageProps,
   emits: ["destory"],
   setup(props, {
@@ -5532,7 +5849,7 @@ const notifyProps = {
   onClose: PropTypes.func
 };
 var NotifyConstructor = vue.defineComponent({
-  name: "BkNotify",
+  name: "Notify",
   props: notifyProps,
   emits: ["destory"],
   setup(props, {
@@ -5721,7 +6038,7 @@ const menuProps = {
   }
 };
 var Component$1 = vue.defineComponent({
-  name: "BkMenu",
+  name: "Menu",
   props: menuProps,
   emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
   setup(props, {
@@ -5802,7 +6119,7 @@ var Component$1 = vue.defineComponent({
   }
 });
 var Item = vue.defineComponent({
-  name: "BkMenu",
+  name: "MenuItem",
   props: {
     needIcon: {
       type: Boolean,
@@ -5863,7 +6180,7 @@ const subMenuProps = {
   }
 };
 var Submenu = vue.defineComponent({
-  name: "BkSubMenu",
+  name: "Submenu",
   props: subMenuProps,
   emits: ["collapse"],
   slots: ["icon"],
@@ -5939,7 +6256,7 @@ var Submenu = vue.defineComponent({
   }
 });
 var Group = vue.defineComponent({
-  name: "BkMenuGroup",
+  name: "MenuGroup",
   props: {
     name: {
       type: String,
@@ -6038,7 +6355,7 @@ const NavigationProps = {
   }
 };
 var Navigation = vue.defineComponent({
-  name: "BkNavigation",
+  name: "Navigation",
   props: NavigationProps,
   emits: ["leave", "toggle", "hover", "toggle-click"],
   slots: ["header", "menu", "footer", "side-icon", "side-header"],
@@ -9398,7 +9715,7 @@ const datePickerProps = {
   disableDate: Function
 };
 var Component = vue.defineComponent({
-  name: "BkDatePicker",
+  name: "DatePicker",
   props: datePickerProps,
   emits: ["open-change", "input", "change", "update:modelValue", "clear", "shortcut-change", "pick-success"],
   slots: ["header"],
@@ -9950,12 +10267,20 @@ var components = /* @__PURE__ */ Object.freeze({
   Navigation,
   DatePicker: BkDatePicker
 });
-const componentPrefix = "Bk";
-const createInstall = (prefix = componentPrefix) => (app) => Object.keys(components).map((key) => app.component(prefix + key, components[key]));
+const createInstall = (prefix = "Bk") => (app) => {
+  const pre = app.config.globalProperties.bkUIPrefix || prefix;
+  Object.keys(components).forEach((key) => {
+    const component = components[key];
+    if ("install" in component) {
+      app.use(component, { prefix: pre });
+    } else {
+      app.component(pre + key, components[key]);
+    }
+  });
+};
 var preset = {
   createInstall,
-  componentPrefix,
-  install: createInstall(componentPrefix),
+  install: createInstall(),
   version: "0.0.1"
 };
 exports.Alert = BkAlert;
@@ -9996,4 +10321,7 @@ exports.Steps = BkSteps;
 exports.Switcher = BkSwitcher;
 exports.Table = BkTable;
 exports.Tag = BkTag;
+exports.bkTooltips = tooltips;
+exports.clickoutside = clickoutside;
 exports["default"] = preset;
+exports.mousewheel = mousewheel;