bkui-vue 0.0.1-beta.379 → 0.0.1-beta.380

package/dist/index.esm.js

@@ -849,8 +849,8 @@ function getDocumentRect$1(element) {
   };
 }
 function isScrollParent(element) {
-  var _getComputedStyle = getComputedStyle$2(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+  var _getComputedStyle = getComputedStyle$2(element), overflow2 = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow2 + overflowY + overflowX);
 }
 function getScrollParent(node) {
   if (["html", "body", "#document"].indexOf(getNodeName$1(node)) >= 0) {
@@ -1079,7 +1079,7 @@ function flip$1(_ref) {
     var isStartVariation = getVariation(placement) === start;
     var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
     var len = isVertical ? "width" : "height";
-    var overflow = detectOverflow$1(state, {
+    var overflow2 = detectOverflow$1(state, {
       placement,
       boundary,
       rootBoundary,
@@ -1093,10 +1093,10 @@ function flip$1(_ref) {
     var altVariationSide = getOppositePlacement$1(mainVariationSide);
     var checks = [];
     if (checkMainAxis) {
-      checks.push(overflow[_basePlacement] <= 0);
+      checks.push(overflow2[_basePlacement] <= 0);
     }
     if (checkAltAxis) {
-      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+      checks.push(overflow2[mainVariationSide] <= 0, overflow2[altVariationSide] <= 0);
     }
     if (checks.every(function(check) {
       return check;
@@ -1145,7 +1145,7 @@ var flip$2 = {
     _skip: false
   }
 };
-function getSideOffsets$1(overflow, rect, preventedOffsets) {
+function getSideOffsets$1(overflow2, rect, preventedOffsets) {
   if (preventedOffsets === void 0) {
     preventedOffsets = {
       x: 0,
@@ -1153,15 +1153,15 @@ function getSideOffsets$1(overflow, rect, preventedOffsets) {
     };
   }
   return {
-    top: overflow.top - rect.height - preventedOffsets.y,
-    right: overflow.right - rect.width + preventedOffsets.x,
-    bottom: overflow.bottom - rect.height + preventedOffsets.y,
-    left: overflow.left - rect.width - preventedOffsets.x
+    top: overflow2.top - rect.height - preventedOffsets.y,
+    right: overflow2.right - rect.width + preventedOffsets.x,
+    bottom: overflow2.bottom - rect.height + preventedOffsets.y,
+    left: overflow2.left - rect.width - preventedOffsets.x
   };
 }
-function isAnySideFullyClipped$1(overflow) {
+function isAnySideFullyClipped$1(overflow2) {
   return [top, right, bottom, left].some(function(side) {
-    return overflow[side] >= 0;
+    return overflow2[side] >= 0;
   });
 }
 function hide$2(_ref) {
@@ -1256,7 +1256,7 @@ function getAltAxis(axis) {
 function preventOverflow(_ref) {
   var state = _ref.state, options = _ref.options, name = _ref.name;
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
-  var overflow = detectOverflow$1(state, {
+  var overflow2 = detectOverflow$1(state, {
     boundary,
     rootBoundary,
     padding,
@@ -1294,8 +1294,8 @@ function preventOverflow(_ref) {
     var altSide = mainAxis === "y" ? bottom : right;
     var len = mainAxis === "y" ? "height" : "width";
     var offset2 = popperOffsets2[mainAxis];
-    var min2 = offset2 + overflow[mainSide];
-    var max2 = offset2 - overflow[altSide];
+    var min2 = offset2 + overflow2[mainSide];
+    var max2 = offset2 - overflow2[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
@@ -1325,8 +1325,8 @@ function preventOverflow(_ref) {
     var _altSide = mainAxis === "x" ? bottom : right;
     var _offset = popperOffsets2[altAxis];
     var _len = altAxis === "y" ? "height" : "width";
-    var _min = _offset + overflow[_mainSide];
-    var _max = _offset - overflow[_altSide];
+    var _min = _offset + overflow2[_mainSide];
+    var _max = _offset - overflow2[_altSide];
     var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
     var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
     var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
@@ -10502,7 +10502,7 @@ var Component$u = defineComponent({
   }
 });
 const BkModal = withInstallProps(Component$u, { propsMixin: propsMixin$1 }, true);
-const props = __spreadProps(__spreadValues({}, propsMixin$1), {
+const props$1 = __spreadProps(__spreadValues({}, propsMixin$1), {
   width: PropTypes.oneOfType([String, Number]).def(""),
   height: PropTypes.oneOfType([String, Number]).def(""),
   confirmText: PropTypes.string.def("\u786E\u5B9A"),
@@ -10527,7 +10527,7 @@ var Dialog = defineComponent({
     BkModal,
     BkButton
   },
-  props,
+  props: props$1,
   emits: ["closed", "update:isShow", "confirm", "prev", "next", "value-change"],
   setup(props2, {
     emit
@@ -10941,6 +10941,48 @@ var Component$r = defineComponent({
   }
 });
 const BkLink = withInstall(Component$r);
+function getActualWidthByCanvas(text, options) {
+  const { fontSize = 14, fontFamily = "Microsoft YaHei" } = options;
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  ctx.font = `${fontSize}px ${fontFamily}`;
+  const metrics = ctx.measureText(text);
+  const actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
+  return Math.max(metrics.width, actual);
+}
+function getActualWidthByDom(text, options, dom = document.body) {
+  const { fontSize, fontFamily } = options || {};
+  const tempDom = document.createElement("div");
+  tempDom.style.cssText = `position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;
+    ${fontSize ? `font-size:${fontSize} ;` : ""}
+    ${fontFamily ? `font-family:${fontFamily} ` : ""}
+  `;
+  tempDom.innerText = text;
+  dom.append(tempDom);
+  const { clientWidth } = tempDom;
+  dom.removeChild(tempDom);
+  return clientWidth;
+}
+const overflowTitle = {
+  mounted(el, { value = {} }) {
+    const { clientWidth } = el.parentElement;
+    if (!clientWidth) {
+      return;
+    }
+    const { content, calType = "dom" } = value;
+    const text = content || el.innerText;
+    let textWidth = 0;
+    if (calType === "dom") {
+      textWidth = getActualWidthByDom(el.textContent, null, el.parentElement);
+    } else {
+      const { fontSize, fontFamily } = getComputedStyle(el);
+      textWidth = getActualWidthByCanvas(text, { fontSize, fontFamily });
+    }
+    if (textWidth > clientWidth) {
+      el.setAttribute("title", text);
+    }
+  }
+};
 var _populated = false;
 var _ie, _firefox, _opera, _webkit, _chrome;
 var _ie_real_version;
@@ -12104,7 +12146,7 @@ const autoPlacement = function(options) {
         "autoAlignment"
       ]);
       const placements2 = getPlacementList(alignment, autoAlignment, allowedPlacements);
-      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const overflow2 = await detectOverflow(middlewareArguments, detectOverflowOptions);
       const currentIndex = (_middlewareData$autoP = (_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.index) != null ? _middlewareData$autoP : 0;
       const currentPlacement = placements2[currentIndex];
       if (currentPlacement == null) {
@@ -12123,7 +12165,7 @@ const autoPlacement = function(options) {
           }
         };
       }
-      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[main2], overflow[cross]];
+      const currentOverflows = [overflow2[getSide(currentPlacement)], overflow2[main2], overflow2[cross]];
       const allOverflows = [...(_middlewareData$autoP3 = (_middlewareData$autoP4 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP4.overflows) != null ? _middlewareData$autoP3 : [], {
         placement: currentPlacement,
         overflows: currentOverflows
@@ -12145,7 +12187,7 @@ const autoPlacement = function(options) {
         let {
           overflows
         } = _ref;
-        return overflows.every((overflow2) => overflow2 <= 0);
+        return overflows.every((overflow3) => overflow3 <= 0);
       })) == null ? void 0 : _placementsSortedByLe.placement;
       const resetPlacement = placementThatFitsOnAllSides != null ? placementThatFitsOnAllSides : placementsSortedByLeastOverflow[0].placement;
       if (resetPlacement !== placement) {
@@ -12201,18 +12243,18 @@ const flip = function(options) {
       const isBasePlacement = side === initialPlacement;
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
       const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const overflow2 = await detectOverflow(middlewareArguments, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
-        overflows.push(overflow[side]);
+        overflows.push(overflow2[side]);
       }
       if (checkCrossAxis) {
         const {
           main: main2,
           cross
         } = getAlignmentSides(placement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
-        overflows.push(overflow[main2], overflow[cross]);
+        overflows.push(overflow2[main2], overflow2[cross]);
       }
       overflowsData = [...overflowsData, {
         placement,
@@ -12237,7 +12279,7 @@ const flip = function(options) {
         switch (fallbackStrategy) {
           case "bestFit": {
             var _overflowsData$map$so;
-            const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0].placement;
+            const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2, d2.overflows.filter((overflow3) => overflow3 > 0).reduce((acc, overflow3) => acc + overflow3, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0].placement;
             if (placement2) {
               resetPlacement = placement2;
             }
@@ -12259,16 +12301,16 @@ const flip = function(options) {
     }
   };
 };
-function getSideOffsets(overflow, rect) {
+function getSideOffsets(overflow2, rect) {
   return {
-    top: overflow.top - rect.height,
-    right: overflow.right - rect.width,
-    bottom: overflow.bottom - rect.height,
-    left: overflow.left - rect.width
+    top: overflow2.top - rect.height,
+    right: overflow2.right - rect.width,
+    bottom: overflow2.bottom - rect.height,
+    left: overflow2.left - rect.width
   };
 }
-function isAnySideFullyClipped(overflow) {
-  return sides.some((side) => overflow[side] >= 0);
+function isAnySideFullyClipped(overflow2) {
+  return sides.some((side) => overflow2[side] >= 0);
 }
 const hide = function(_temp) {
   let _a = _temp === void 0 ? {} : _temp, {
@@ -12284,10 +12326,10 @@ const hide = function(_temp) {
       } = middlewareArguments;
       switch (strategy) {
         case "referenceHidden": {
-          const overflow = await detectOverflow(middlewareArguments, __spreadProps(__spreadValues({}, detectOverflowOptions), {
+          const overflow2 = await detectOverflow(middlewareArguments, __spreadProps(__spreadValues({}, detectOverflowOptions), {
             elementContext: "reference"
           }));
-          const offsets = getSideOffsets(overflow, rects.reference);
+          const offsets = getSideOffsets(overflow2, rects.reference);
           return {
             data: {
               referenceHiddenOffsets: offsets,
@@ -12296,10 +12338,10 @@ const hide = function(_temp) {
           };
         }
         case "escaped": {
-          const overflow = await detectOverflow(middlewareArguments, __spreadProps(__spreadValues({}, detectOverflowOptions), {
+          const overflow2 = await detectOverflow(middlewareArguments, __spreadProps(__spreadValues({}, detectOverflowOptions), {
             altBoundary: true
           }));
-          const offsets = getSideOffsets(overflow, rects.floating);
+          const offsets = getSideOffsets(overflow2, rects.floating);
           return {
             data: {
               escapedOffsets: offsets,
@@ -12412,7 +12454,7 @@ const shift = function(options) {
         x: x2,
         y: y2
       };
-      const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+      const overflow2 = await detectOverflow(middlewareArguments, detectOverflowOptions);
       const mainAxis = getMainAxisFromPlacement(getSide(placement));
       const crossAxis = getCrossAxis(mainAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -12420,15 +12462,15 @@ const shift = function(options) {
       if (checkMainAxis) {
         const minSide = mainAxis === "y" ? "top" : "left";
         const maxSide = mainAxis === "y" ? "bottom" : "right";
-        const min2 = mainAxisCoord + overflow[minSide];
-        const max2 = mainAxisCoord - overflow[maxSide];
+        const min2 = mainAxisCoord + overflow2[minSide];
+        const max2 = mainAxisCoord - overflow2[maxSide];
         mainAxisCoord = within(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === "y" ? "top" : "left";
         const maxSide = crossAxis === "y" ? "bottom" : "right";
-        const min2 = crossAxisCoord + overflow[minSide];
-        const max2 = crossAxisCoord - overflow[maxSide];
+        const min2 = crossAxisCoord + overflow2[minSide];
+        const max2 = crossAxisCoord - overflow2[maxSide];
         crossAxisCoord = within(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, middlewareArguments), {
@@ -12584,11 +12626,11 @@ function isShadowRoot(node) {
 }
 function isOverflowElement(element) {
   const {
-    overflow,
+    overflow: overflow2,
     overflowX,
     overflowY
   } = getComputedStyle$1$1(element);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+  return /auto|scroll|overlay|hidden/.test(overflow2 + overflowY + overflowX);
 }
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
@@ -16368,6 +16410,10 @@ var EMIT_EVENTS = /* @__PURE__ */ ((EMIT_EVENTS2) => {
   EMIT_EVENTS2["ROW_SELECT"] = "select";
   EMIT_EVENTS2["ROW_SELECT_ALL"] = "selectAll";
   EMIT_EVENTS2["ROW_SELECT_CHANGE"] = "selectionChange";
+  EMIT_EVENTS2["CELL_CLICK"] = "cellClick";
+  EMIT_EVENTS2["CELL_DBL_CLICK"] = "cellDblclick";
+  EMIT_EVENTS2["NATIVE_CLICK"] = "click";
+  EMIT_EVENTS2["NATIVE_DBL_CLICK"] = "dblclick";
   return EMIT_EVENTS2;
 })(EMIT_EVENTS || {});
 const EMPTY$1 = (..._args) => true;
@@ -16385,7 +16431,9 @@ const EMIT_EVENT_TYPES = {
   ["pageLimitChange"]: EMPTY$1,
   ["pageValueChange"]: EMPTY$1,
   ["settingChange"]: EMPTY$1,
-  ["scrollBottom"]: EMPTY$1
+  ["scrollBottom"]: EMPTY$1,
+  ["cellClick"]: EMPTY$1,
+  ["cellDblclick"]: EMPTY$1
 };
 const TABLE_ROW_ATTRIBUTE = {
   ROW_INDEX: "__$table_row_index",
@@ -17939,6 +17987,8 @@ const getRowId = (row, index2, props2) => {
   }
   return index2;
 };
+const getRowSourceData = (row) => unref(row[TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA] || row);
+const getColumnSourceData = (column) => unref(column[COLUMN_ATTRIBUTE.COL_SOURCE_DATA] || column);
 var TableCell = defineComponent({
   name: "TableCell",
   props: {
@@ -18916,12 +18966,27 @@ class TableRender {
               "expand-row": row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND],
               "is-last": rowIndex + rowspan >= rowLength
             }];
+            const handleEmit = (event, type) => {
+              const args = {
+                event,
+                row: getRowSourceData(row),
+                column: getColumnSourceData(column),
+                cell: {
+                  getValue: () => this.renderCell(row, column, rowIndex, rows)
+                },
+                rowIndex,
+                columnIndex: index2
+              };
+              this.context.emit(type, args);
+            };
             return createVNode("td", {
               "class": cellClass,
               "style": cellStyle,
               "key": cellKey,
               "colspan": colspan,
-              "rowspan": rowspan
+              "rowspan": rowspan,
+              "onClick": (event) => handleEmit(event, EMIT_EVENTS.CELL_CLICK),
+              "onDblclick": (event) => handleEmit(event, EMIT_EVENTS.CELL_DBL_CLICK)
             }, [createVNode(TableCell, {
               "class": tdCtxClass,
               "column": column,
@@ -18954,7 +19019,7 @@ class TableRender {
           }, [createVNode("td", {
             "colspan": this.filterColgroups.length,
             "rowspan": 1
-          }, [(_c = (_b = (_a = this.context.slots).expandRow) == null ? void 0 : _b.call(_a, row[TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA] || row)) != null ? _c : createVNode("div", {
+          }, [(_c = (_b = (_a = this.context.slots).expandRow) == null ? void 0 : _b.call(_a, getRowSourceData(row))) != null ? _c : createVNode("div", {
             "class": "expand-cell-ctx"
           }, [createTextVNode("Expand Row")])])])];
         }
@@ -19892,8 +19957,8 @@ var Component$e = defineComponent({
         e
       } = args;
       ctx.emit(EMIT_EVENTS.ROW_EXPAND_CLICK, {
-        row: unref(row[TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA] || row),
-        column: unref(column[COLUMN_ATTRIBUTE.COL_SOURCE_DATA]),
+        row: getRowSourceData(row),
+        column: getColumnSourceData(column),
         index: index2,
         rows,
         e
@@ -19914,14 +19979,14 @@ var Component$e = defineComponent({
       } else {
         toggleRowSelection(row, value);
         ctx.emit(EMIT_EVENTS.ROW_SELECT, {
-          row: unref(row[TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA] || row),
+          row: getRowSourceData(row),
           index: index2,
           checked: value,
           data: props2.data
         });
       }
       ctx.emit(EMIT_EVENTS.ROW_SELECT_CHANGE, {
-        row: unref(row[TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA] || row),
+        row: getRowSourceData(row),
         isAll,
         index: index2,
         checked: value,
@@ -39299,6 +39364,99 @@ var Component = defineComponent({
   }
 });
 const BkSearchSelect = withInstall(Component);
+var props = {
+  content: String,
+  type: {
+    type: String,
+    default: "title"
+  },
+  calType: {
+    type: String,
+    default: "dom"
+  },
+  resizeable: Boolean
+};
+var overflow = "";
+var OverflowTitle = defineComponent({
+  name: "OverflowTitle",
+  props,
+  setup(props2, {
+    slots
+  }) {
+    const boxRef = ref(null);
+    const textRef = ref(null);
+    const isShowTips = ref(false);
+    const textProps = shallowRef();
+    const contentText = computed(() => {
+      var _a;
+      if (props2.content) {
+        return props2.content;
+      }
+      return (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+    });
+    onMounted(() => {
+      const {
+        clientWidth
+      } = boxRef.value;
+      const resizeHandler = debounce(500, () => {
+        isShowTips.value = false;
+        textProps.value = {};
+        let textWidth = 0;
+        if (props2.calType === "dom") {
+          textWidth = getActualWidthByDom(textRef.value.textContent, null, boxRef.value);
+        } else {
+          const {
+            fontSize,
+            fontFamily
+          } = getComputedStyle(boxRef.value);
+          textWidth = getActualWidthByCanvas(contentText.value, {
+            fontSize,
+            fontFamily
+          });
+        }
+        if (textWidth > clientWidth) {
+          isShowTips.value = true;
+          if (props2.type === "title") {
+            textProps.value = {
+              title: textRef.value.innerText
+            };
+          }
+        }
+      });
+      resizeHandler();
+      if (props2.resizeable) {
+        const observer = new ResizeObserver(resizeHandler);
+        observer.observe(boxRef.value);
+        onUnmounted(() => {
+          observer.unobserve(boxRef.value);
+          observer.disconnect();
+        });
+      }
+    });
+    return {
+      boxRef,
+      textRef,
+      isShowTips,
+      contentText,
+      textProps
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "boxRef",
+      "class": "position-relative"
+    }, [createVNode(BkPopover, {
+      "disabled": this.type === "title"
+    }, {
+      default: () => createVNode("div", mergeProps({
+        "ref": "textRef",
+        "class": "text-ov"
+      }, this.textProps), [this.contentText]),
+      content: () => this.contentText
+    })]);
+  }
+});
+const BkOverflowTitle = withInstall(OverflowTitle);
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -39358,6 +39516,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   ColorPicker: BkColorPicker,
   TimePicker: BkTimePicker,
   SearchSelect: BkSearchSelect,
+  OverflowTitle: BkOverflowTitle,
   $bkPopover: createPopoverComponent
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app) => {
@@ -39376,4 +39535,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };
+export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel, overflowTitle };