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

package/dist/bkui-vue.umd.js

@@ -71,6 +71,7 @@ var __objRest = (source, exclude) => {
   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 @@ var __objRest = (source, exclude) => {
     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 @@ var __objRest = (source, exclude) => {
     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 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     }
   });
   var BreadcrumbItem = vue.defineComponent({
-    name: "BkBreadcrumbItem",
+    name: "BreadcrumbItem",
     props: {
       extCls: PropTypes.string,
       to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).def(""),
@@ -2811,7 +2813,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const BkBreadcrumb = withInstallProps(Component$n, { BreadcrumbItem });
+  const BkBreadcrumb = withInstallProps(Component$n, { Item: BreadcrumbItem });
   let BkLoadingMode;
   (function(BkLoadingMode2) {
     BkLoadingMode2["Spin"] = "spin";
@@ -2837,7 +2839,7 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
     }
   };
   var Component$l = vue.defineComponent({
-    name: "BkButton",
+    name: "Button",
     emits: ["click"],
     props: buttonProps,
     setup(props, {
@@ -2944,7 +2946,7 @@ ${$(r2)}`), n2;
     }
   });
   var ButtonGroup = vue.defineComponent({
-    name: "BkButtonGroup",
+    name: "ButtonGroup",
     props: {
       size: PropTypes.size()
     },
@@ -2962,7 +2964,7 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     size: PropTypes.size()
   };
   var Component$j = vue.defineComponent({
-    name: "BkCheckbox",
+    name: "Checkbox",
     props: checkboxProps,
     emits: ["update:modelValue", "change"],
     setup() {
@@ -3157,7 +3159,7 @@ ${$(r2)}`), n2;
     disabled: PropTypes.bool
   };
   var CheckboxGroup = vue.defineComponent({
-    name: "BkCheckboxGroup",
+    name: "CheckboxGroup",
     props: checkboxGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, context) {
@@ -3196,7 +3198,7 @@ ${$(r2)}`), n2;
         context.emit("change", nextValue);
       };
       vue.provide(checkboxGroupKey, {
-        name: "BkCheckboxGroup",
+        name: "CheckboxGroup",
         props,
         state,
         register,
@@ -3218,9 +3220,9 @@ ${$(r2)}`), n2;
       }, [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 @@ ${$(r2)}`), n2;
     }
   };
   var Component$h = vue.defineComponent({
-    name: "BkModal",
+    name: "Modal",
     props: __spreadValues({}, propsMixin$1),
     data() {
       return {
@@ -3394,7 +3396,7 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
     disabled: PropTypes.bool
   };
   var RadioGroup = vue.defineComponent({
-    name: "BkRadioGroup",
+    name: "RadioGroup",
     props: radioGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, context) {
@@ -4229,7 +4231,7 @@ ${$(r2)}`), n2;
     size: PropTypes.size
   };
   var RadioButton = vue.defineComponent({
-    name: "BkRadioButton",
+    name: "RadioButton",
     props: radioButtonProps,
     emits: ["change", "update:modelValue"],
     setup() {
@@ -4279,9 +4281,9 @@ ${$(r2)}`), n2;
       }, [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 @@ ${$(r2)}`), n2;
     }
   });
   var Component$8 = vue.defineComponent({
-    name: "BkRate",
+    name: "Rate",
     components: {
       star
     },
@@ -4460,6 +4462,110 @@ ${$(r2)}`), n2;
       }
     }));
   }
+  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 @@ ${$(r2)}`), n2;
   };
   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 @@ ${$(r2)}`), n2;
     }
   };
   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 @@ ${$(r2)}`), n2;
     }
   });
   var Option = vue.defineComponent({
-    name: "BkOption",
+    name: "Option",
     props: {
       value: PropTypes.oneOfType([String, Number, Boolean]),
       label: PropTypes.oneOfType([String, Number]),
@@ -4863,7 +5180,7 @@ ${$(r2)}`), n2;
     }
   });
   var OptionGroup = vue.defineComponent({
-    name: "BkOptionGroup",
+    name: "Group",
     props: {
       label: PropTypes.string.def(""),
       disabled: PropTypes.bool.def(false)
@@ -4906,7 +5223,7 @@ ${$(r2)}`), n2;
       }, [(_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 @@ ${$(r2)}`), n2;
   sliderPops.width.default = "400";
   sliderPops.height.default = "100%";
   var Component$6 = vue.defineComponent({
-    name: "BkSideslider",
+    name: "Sideslider",
     components: {
       BkModal,
       BkButton
@@ -4988,7 +5305,7 @@ ${$(r2)}`), n2;
     beforeChange: PropTypes.func
   };
   var Component$5 = vue.defineComponent({
-    name: "BkSteps",
+    name: "Steps",
     props: stepsProps,
     emits: ["update:curStep", "click"],
     setup(props, {
@@ -5125,7 +5442,7 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     }
   }
   var Component$3 = vue.defineComponent({
-    name: "BkTable",
+    name: "Table",
     props: tableProps,
     setup(props, ctx) {
       const activeCols = vue.reactive(resolveActiveColumns(props));
@@ -5379,7 +5696,7 @@ ${$(r2)}`), n2;
   });
   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 @@ ${$(r2)}`), n2;
     onClose: PropTypes.func
   };
   var MessageConstructor = vue.defineComponent({
-    name: "BkMessage",
+    name: "Message",
     props: messageProps,
     emits: ["destory"],
     setup(props, {
@@ -5532,7 +5849,7 @@ ${$(r2)}`), n2;
     onClose: PropTypes.func
   };
   var NotifyConstructor = vue.defineComponent({
-    name: "BkNotify",
+    name: "Notify",
     props: notifyProps,
     emits: ["destory"],
     setup(props, {
@@ -5721,7 +6038,7 @@ ${$(r2)}`), n2;
     }
   };
   var Component$1 = vue.defineComponent({
-    name: "BkMenu",
+    name: "Menu",
     props: menuProps,
     emits: ["update:activeKey", "update:openKeys", "click", "openChange"],
     setup(props, {
@@ -5802,7 +6119,7 @@ ${$(r2)}`), n2;
     }
   });
   var Item = vue.defineComponent({
-    name: "BkMenu",
+    name: "MenuItem",
     props: {
       needIcon: {
         type: Boolean,
@@ -5863,7 +6180,7 @@ ${$(r2)}`), n2;
     }
   };
   var Submenu = vue.defineComponent({
-    name: "BkSubMenu",
+    name: "Submenu",
     props: subMenuProps,
     emits: ["collapse"],
     slots: ["icon"],
@@ -5939,7 +6256,7 @@ ${$(r2)}`), n2;
     }
   });
   var Group = vue.defineComponent({
-    name: "BkMenuGroup",
+    name: "MenuGroup",
     props: {
       name: {
         type: String,
@@ -6038,7 +6355,7 @@ ${$(r2)}`), n2;
     }
   };
   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 @@ ${$(r2)}`), n2;
     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 @@ ${$(r2)}`), n2;
     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"
   };
   exports2.Alert = BkAlert;
@@ -9996,7 +10321,10 @@ ${$(r2)}`), n2;
   exports2.Switcher = BkSwitcher;
   exports2.Table = BkTable;
   exports2.Tag = BkTag;
+  exports2.bkTooltips = tooltips;
+  exports2.clickoutside = clickoutside;
   exports2["default"] = preset;
+  exports2.mousewheel = mousewheel;
   Object.defineProperty(exports2, "__esModule", { value: true });
   exports2[Symbol.toStringTag] = "Module";
 });