bj-web-components 0.2.26 → 0.2.28

package/dist/web/Table/Column.js

@@ -0,0 +1,5 @@
+"use strict";
+function Column(_) {
+  return null;
+}
+module.exports = Column;

package/dist/web/Table/Column.mjs

@@ -0,0 +1,6 @@
+function Column(_) {
+  return null;
+}
+export {
+  Column as default
+};

package/dist/web/Table/ColumnGroup.js

@@ -0,0 +1,5 @@
+"use strict";
+function ColumnGroup(_) {
+  return null;
+}
+module.exports = ColumnGroup;

package/dist/web/Table/ColumnGroup.mjs

@@ -0,0 +1,6 @@
+function ColumnGroup(_) {
+  return null;
+}
+export {
+  ColumnGroup as default
+};

package/dist/web/Table/utils/columns.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function convertChildrenToColumns(children) {
+  return react.Children.toArray(children).flatMap((child, index) => {
+    if (!react.isValidElement(child)) return [];
+    const props = child.props;
+    const { children: nestedChildren, ...columnProps } = props;
+    return [{
+      ...columnProps,
+      key: child.key ?? columnProps.key ?? index,
+      ...nestedChildren ? { children: convertChildrenToColumns(nestedChildren) } : {}
+    }];
+  });
+}
+function flattenColumns(columns) {
+  return columns.flatMap((column) => "children" in column ? flattenColumns(column.children) : [column]);
+}
+function getDepth(columns) {
+  return columns.reduce((depth, column) => Math.max(
+    depth,
+    "children" in column ? 1 + getDepth(column.children) : 1
+  ), 1);
+}
+function getLeafCount(column) {
+  return "children" in column ? column.children.reduce((count, child) => count + getLeafCount(child), 0) : 1;
+}
+function buildHeaderRows(columns) {
+  const maxDepth = getDepth(columns);
+  const rows = Array.from({ length: maxDepth }, () => []);
+  const visit = (items, depth) => {
+    items.forEach((column) => {
+      const hasChildren = "children" in column && column.children.length > 0;
+      rows[depth].push({
+        column,
+        colSpan: column.colSpan ?? (hasChildren ? getLeafCount(column) : 1),
+        rowSpan: hasChildren ? 1 : maxDepth - depth,
+        depth
+      });
+      if (hasChildren) visit(column.children, depth + 1);
+    });
+  };
+  visit(columns, 0);
+  return rows;
+}
+exports.buildHeaderRows = buildHeaderRows;
+exports.convertChildrenToColumns = convertChildrenToColumns;
+exports.flattenColumns = flattenColumns;

package/dist/web/Table/utils/columns.mjs

@@ -0,0 +1,48 @@
+import { Children, isValidElement } from "react";
+function convertChildrenToColumns(children) {
+  return Children.toArray(children).flatMap((child, index) => {
+    if (!isValidElement(child)) return [];
+    const props = child.props;
+    const { children: nestedChildren, ...columnProps } = props;
+    return [{
+      ...columnProps,
+      key: child.key ?? columnProps.key ?? index,
+      ...nestedChildren ? { children: convertChildrenToColumns(nestedChildren) } : {}
+    }];
+  });
+}
+function flattenColumns(columns) {
+  return columns.flatMap((column) => "children" in column ? flattenColumns(column.children) : [column]);
+}
+function getDepth(columns) {
+  return columns.reduce((depth, column) => Math.max(
+    depth,
+    "children" in column ? 1 + getDepth(column.children) : 1
+  ), 1);
+}
+function getLeafCount(column) {
+  return "children" in column ? column.children.reduce((count, child) => count + getLeafCount(child), 0) : 1;
+}
+function buildHeaderRows(columns) {
+  const maxDepth = getDepth(columns);
+  const rows = Array.from({ length: maxDepth }, () => []);
+  const visit = (items, depth) => {
+    items.forEach((column) => {
+      const hasChildren = "children" in column && column.children.length > 0;
+      rows[depth].push({
+        column,
+        colSpan: column.colSpan ?? (hasChildren ? getLeafCount(column) : 1),
+        rowSpan: hasChildren ? 1 : maxDepth - depth,
+        depth
+      });
+      if (hasChildren) visit(column.children, depth + 1);
+    });
+  };
+  visit(columns, 0);
+  return rows;
+}
+export {
+  buildHeaderRows,
+  convertChildrenToColumns,
+  flattenColumns
+};

package/dist/web/Table/utils/sortFilter.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getColumnKey(column, index) {
+  if (column.key !== void 0 && column.key !== null) {
+    return column.key;
+  }
+  if (column.dataIndex !== void 0) {
+    return Array.isArray(column.dataIndex) ? column.dataIndex.join(".") : column.dataIndex;
+  }
+  return index;
+}
+function renderColumnTitle(title, props) {
+  return typeof title === "function" ? title(props) : title;
+}
+function getNextSortOrder(current, directions = ["ascend", "descend", null]) {
+  const currentIndex = directions.indexOf(current);
+  const nextOrder = directions[currentIndex + 1];
+  return nextOrder === void 0 ? directions[0] ?? null : nextOrder;
+}
+function getCompare(column) {
+  if (typeof column.sorter === "function") {
+    return column.sorter;
+  }
+  if (column.sorter && typeof column.sorter === "object") {
+    return column.sorter.compare;
+  }
+  return void 0;
+}
+function getMultiplePriority(column) {
+  return column.sorter && typeof column.sorter === "object" ? column.sorter.multiple ?? 0 : 0;
+}
+function sortRecords(records, columns, orders, childrenColumnName = "children") {
+  const activeSorters = columns.map((column, index) => ({
+    column,
+    key: getColumnKey(column, index)
+  })).filter(({ column, key }) => !("children" in column) && getCompare(column) && orders.get(key)).sort((first, second) => getMultiplePriority(second.column) - getMultiplePriority(first.column));
+  if (activeSorters.length === 0) {
+    return [...records];
+  }
+  return [...records].sort((first, second) => {
+    for (const { column, key } of activeSorters) {
+      const order = orders.get(key);
+      const compare = getCompare(column);
+      if (order && compare) {
+        const result = compare(first, second, order);
+        if (result !== 0) {
+          return order === "ascend" ? result : -result;
+        }
+      }
+    }
+    return 0;
+  }).map((record) => {
+    const children = record[childrenColumnName];
+    return Array.isArray(children) ? { ...record, [childrenColumnName]: sortRecords(children, columns, orders, childrenColumnName) } : record;
+  });
+}
+function filterRecords(records, columns, filters) {
+  return columns.reduce((currentRecords, rawColumn, index) => {
+    const column = rawColumn;
+    const selectedValues = filters.get(getColumnKey(column, index));
+    if (!column.onFilter || !(selectedValues == null ? void 0 : selectedValues.length)) {
+      return currentRecords;
+    }
+    return currentRecords.filter((record) => selectedValues.some((value) => {
+      var _a;
+      return (_a = column.onFilter) == null ? void 0 : _a.call(column, value, record);
+    }));
+  }, [...records]);
+}
+function getSorterResult(columns, orders) {
+  const results = columns.flatMap((rawColumn, index) => {
+    const column = rawColumn;
+    const key = getColumnKey(column, index);
+    const order = orders.get(key);
+    return order ? [{ column, order, field: column.dataIndex, columnKey: key }] : [];
+  });
+  return results.length <= 1 ? results[0] ?? {} : results;
+}
+exports.filterRecords = filterRecords;
+exports.getColumnKey = getColumnKey;
+exports.getNextSortOrder = getNextSortOrder;
+exports.getSorterResult = getSorterResult;
+exports.renderColumnTitle = renderColumnTitle;
+exports.sortRecords = sortRecords;

package/dist/web/Table/utils/sortFilter.mjs

@@ -0,0 +1,84 @@
+function getColumnKey(column, index) {
+  if (column.key !== void 0 && column.key !== null) {
+    return column.key;
+  }
+  if (column.dataIndex !== void 0) {
+    return Array.isArray(column.dataIndex) ? column.dataIndex.join(".") : column.dataIndex;
+  }
+  return index;
+}
+function renderColumnTitle(title, props) {
+  return typeof title === "function" ? title(props) : title;
+}
+function getNextSortOrder(current, directions = ["ascend", "descend", null]) {
+  const currentIndex = directions.indexOf(current);
+  const nextOrder = directions[currentIndex + 1];
+  return nextOrder === void 0 ? directions[0] ?? null : nextOrder;
+}
+function getCompare(column) {
+  if (typeof column.sorter === "function") {
+    return column.sorter;
+  }
+  if (column.sorter && typeof column.sorter === "object") {
+    return column.sorter.compare;
+  }
+  return void 0;
+}
+function getMultiplePriority(column) {
+  return column.sorter && typeof column.sorter === "object" ? column.sorter.multiple ?? 0 : 0;
+}
+function sortRecords(records, columns, orders, childrenColumnName = "children") {
+  const activeSorters = columns.map((column, index) => ({
+    column,
+    key: getColumnKey(column, index)
+  })).filter(({ column, key }) => !("children" in column) && getCompare(column) && orders.get(key)).sort((first, second) => getMultiplePriority(second.column) - getMultiplePriority(first.column));
+  if (activeSorters.length === 0) {
+    return [...records];
+  }
+  return [...records].sort((first, second) => {
+    for (const { column, key } of activeSorters) {
+      const order = orders.get(key);
+      const compare = getCompare(column);
+      if (order && compare) {
+        const result = compare(first, second, order);
+        if (result !== 0) {
+          return order === "ascend" ? result : -result;
+        }
+      }
+    }
+    return 0;
+  }).map((record) => {
+    const children = record[childrenColumnName];
+    return Array.isArray(children) ? { ...record, [childrenColumnName]: sortRecords(children, columns, orders, childrenColumnName) } : record;
+  });
+}
+function filterRecords(records, columns, filters) {
+  return columns.reduce((currentRecords, rawColumn, index) => {
+    const column = rawColumn;
+    const selectedValues = filters.get(getColumnKey(column, index));
+    if (!column.onFilter || !(selectedValues == null ? void 0 : selectedValues.length)) {
+      return currentRecords;
+    }
+    return currentRecords.filter((record) => selectedValues.some((value) => {
+      var _a;
+      return (_a = column.onFilter) == null ? void 0 : _a.call(column, value, record);
+    }));
+  }, [...records]);
+}
+function getSorterResult(columns, orders) {
+  const results = columns.flatMap((rawColumn, index) => {
+    const column = rawColumn;
+    const key = getColumnKey(column, index);
+    const order = orders.get(key);
+    return order ? [{ column, order, field: column.dataIndex, columnKey: key }] : [];
+  });
+  return results.length <= 1 ? results[0] ?? {} : results;
+}
+export {
+  filterRecords,
+  getColumnKey,
+  getNextSortOrder,
+  getSorterResult,
+  renderColumnTitle,
+  sortRecords
+};

package/dist/web/Tabs/BTabs.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const TabPane = require("./TabPane.js");
+;/* empty css            */
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function useMergedState(defaultValue, value) {
+  const [innerValue, setInnerValue] = react.useState(defaultValue);
+  return [value === void 0 ? innerValue : value, setInnerValue];
+}
+function useLegacyItems(items, children) {
+  return react.useMemo(() => {
+    if (items) return items.filter((item) => Boolean(item && typeof item === "object" && "key" in item));
+    return react.Children.toArray(children).flatMap((child) => {
+      if (!react.isValidElement(child)) return [];
+      const { tab, tabKey, ...restProps } = child.props;
+      const key = tabKey ?? child.key;
+      return key === null ? [] : [{ ...restProps, key: String(key), label: tab }];
+    });
+  }, [children, items]);
+}
+function TabNode({
+  active,
+  id,
+  item,
+  onClick,
+  onKeyDown,
+  tabCount,
+  tabIndex
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      "aria-controls": `${id}-panel-${item.key}`,
+      "aria-disabled": item.disabled,
+      "aria-selected": active,
+      className: classNames("bj-tabs__tab", active && "bj-tabs__tab--active", item.disabled && "bj-tabs__tab--disabled"),
+      disabled: item.disabled,
+      id: `${id}-tab-${item.key}`,
+      onClick,
+      onKeyDown,
+      role: "tab",
+      tabIndex: item.disabled ? -1 : active ? 0 : -1,
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-tabs__tab-btn", children: item.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-tabs__sr-only", children: `Tab ${tabIndex + 1} of ${tabCount}` })
+      ]
+    }
+  );
+}
+function TabPanelList({ activeKey, id, items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__content-holder", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__content", children: items.map((item) => {
+    const active = item.key === activeKey;
+    if (!active && !item.forceRender) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-hidden": !active,
+        "aria-labelledby": `${id}-tab-${item.key}`,
+        className: classNames("bj-tabs__tabpane", active && "bj-tabs__tabpane--active", item.className),
+        id: `${id}-panel-${item.key}`,
+        role: "tabpanel",
+        style: item.style,
+        tabIndex: active ? 0 : -1,
+        children: item.children
+      },
+      item.key
+    );
+  }) }) });
+}
+function BTabs({
+  activeKey,
+  children,
+  centered,
+  className,
+  defaultActiveKey,
+  id,
+  items,
+  onChange,
+  onTabClick,
+  style,
+  tabBarGutter,
+  tabBarStyle,
+  tabPosition = "top",
+  type = "line"
+}) {
+  const tabs = useLegacyItems(items, children);
+  const generatedIdRef = react.useRef(`bj-tabs-${Math.random().toString(36).slice(2, 10)}`);
+  const mergedId = id ?? generatedIdRef.current;
+  const [mergedActiveKey, setMergedActiveKey] = useMergedState(
+    () => {
+      var _a;
+      return defaultActiveKey ?? ((_a = tabs[0]) == null ? void 0 : _a.key);
+    },
+    activeKey
+  );
+  const [activeIndex, setActiveIndex] = react.useState(() => tabs.findIndex((tab) => tab.key === mergedActiveKey));
+  react.useEffect(() => {
+    var _a;
+    let nextActiveIndex = tabs.findIndex((tab) => tab.key === mergedActiveKey);
+    if (nextActiveIndex === -1) {
+      nextActiveIndex = Math.max(0, Math.min(activeIndex, tabs.length - 1));
+      setMergedActiveKey((_a = tabs[nextActiveIndex]) == null ? void 0 : _a.key);
+    }
+    setActiveIndex(nextActiveIndex);
+  }, [activeIndex, mergedActiveKey, setMergedActiveKey, tabs]);
+  const activateTab = (key, event) => {
+    onTabClick == null ? void 0 : onTabClick(key, event);
+    if (key === mergedActiveKey) return;
+    setMergedActiveKey(key);
+    onChange == null ? void 0 : onChange(key);
+  };
+  const moveFocus = (event, index) => {
+    var _a;
+    const isVertical = tabPosition === "left" || tabPosition === "right";
+    const nextKey = isVertical ? event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0 : event.key === "ArrowRight" ? 1 : event.key === "ArrowLeft" ? -1 : 0;
+    if (!nextKey) return;
+    event.preventDefault();
+    const enabledTabs = tabs.filter((tab) => !tab.disabled);
+    const enabledIndex = enabledTabs.findIndex((tab) => {
+      var _a2;
+      return tab.key === ((_a2 = tabs[index]) == null ? void 0 : _a2.key);
+    });
+    const nextTab = enabledTabs[(enabledIndex + nextKey + enabledTabs.length) % enabledTabs.length];
+    (_a = document.getElementById(`${mergedId}-tab-${nextTab == null ? void 0 : nextTab.key}`)) == null ? void 0 : _a.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames("bj-tabs", `bj-tabs--${tabPosition}`, `bj-tabs--${type}`, centered && "bj-tabs--centered", className), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav", role: "tablist", style: tabBarStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bj-tabs__nav-list", children: tabs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      TabNode,
+      {
+        active: item.key === mergedActiveKey,
+        id: mergedId,
+        item,
+        onClick: (event) => activateTab(item.key, event),
+        onKeyDown: (event) => moveFocus(event, index),
+        tabCount: tabs.length,
+        tabIndex: index
+      },
+      item.key
+    )) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TabPanelList, { activeKey: mergedActiveKey, id: mergedId, items: tabs })
+  ] });
+}
+BTabs.TabPane = TabPane.TabPane;
+exports.TabPane = TabPane.TabPane;
+exports.default = BTabs;

package/dist/web/Tabs/BTabs.mjs

@@ -0,0 +1,150 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useMemo, Children, isValidElement } from "react";
+import { TabPane } from "./TabPane.mjs";
+/* empty css            */
+function classNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function useMergedState(defaultValue, value) {
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  return [value === void 0 ? innerValue : value, setInnerValue];
+}
+function useLegacyItems(items, children) {
+  return useMemo(() => {
+    if (items) return items.filter((item) => Boolean(item && typeof item === "object" && "key" in item));
+    return Children.toArray(children).flatMap((child) => {
+      if (!isValidElement(child)) return [];
+      const { tab, tabKey, ...restProps } = child.props;
+      const key = tabKey ?? child.key;
+      return key === null ? [] : [{ ...restProps, key: String(key), label: tab }];
+    });
+  }, [children, items]);
+}
+function TabNode({
+  active,
+  id,
+  item,
+  onClick,
+  onKeyDown,
+  tabCount,
+  tabIndex
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "aria-controls": `${id}-panel-${item.key}`,
+      "aria-disabled": item.disabled,
+      "aria-selected": active,
+      className: classNames("bj-tabs__tab", active && "bj-tabs__tab--active", item.disabled && "bj-tabs__tab--disabled"),
+      disabled: item.disabled,
+      id: `${id}-tab-${item.key}`,
+      onClick,
+      onKeyDown,
+      role: "tab",
+      tabIndex: item.disabled ? -1 : active ? 0 : -1,
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "bj-tabs__tab-btn", children: item.label }),
+        /* @__PURE__ */ jsx("span", { className: "bj-tabs__sr-only", children: `Tab ${tabIndex + 1} of ${tabCount}` })
+      ]
+    }
+  );
+}
+function TabPanelList({ activeKey, id, items }) {
+  return /* @__PURE__ */ jsx("div", { className: "bj-tabs__content-holder", children: /* @__PURE__ */ jsx("div", { className: "bj-tabs__content", children: items.map((item) => {
+    const active = item.key === activeKey;
+    if (!active && !item.forceRender) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": !active,
+        "aria-labelledby": `${id}-tab-${item.key}`,
+        className: classNames("bj-tabs__tabpane", active && "bj-tabs__tabpane--active", item.className),
+        id: `${id}-panel-${item.key}`,
+        role: "tabpanel",
+        style: item.style,
+        tabIndex: active ? 0 : -1,
+        children: item.children
+      },
+      item.key
+    );
+  }) }) });
+}
+function BTabs({
+  activeKey,
+  children,
+  centered,
+  className,
+  defaultActiveKey,
+  id,
+  items,
+  onChange,
+  onTabClick,
+  style,
+  tabBarGutter,
+  tabBarStyle,
+  tabPosition = "top",
+  type = "line"
+}) {
+  const tabs = useLegacyItems(items, children);
+  const generatedIdRef = useRef(`bj-tabs-${Math.random().toString(36).slice(2, 10)}`);
+  const mergedId = id ?? generatedIdRef.current;
+  const [mergedActiveKey, setMergedActiveKey] = useMergedState(
+    () => {
+      var _a;
+      return defaultActiveKey ?? ((_a = tabs[0]) == null ? void 0 : _a.key);
+    },
+    activeKey
+  );
+  const [activeIndex, setActiveIndex] = useState(() => tabs.findIndex((tab) => tab.key === mergedActiveKey));
+  useEffect(() => {
+    var _a;
+    let nextActiveIndex = tabs.findIndex((tab) => tab.key === mergedActiveKey);
+    if (nextActiveIndex === -1) {
+      nextActiveIndex = Math.max(0, Math.min(activeIndex, tabs.length - 1));
+      setMergedActiveKey((_a = tabs[nextActiveIndex]) == null ? void 0 : _a.key);
+    }
+    setActiveIndex(nextActiveIndex);
+  }, [activeIndex, mergedActiveKey, setMergedActiveKey, tabs]);
+  const activateTab = (key, event) => {
+    onTabClick == null ? void 0 : onTabClick(key, event);
+    if (key === mergedActiveKey) return;
+    setMergedActiveKey(key);
+    onChange == null ? void 0 : onChange(key);
+  };
+  const moveFocus = (event, index) => {
+    var _a;
+    const isVertical = tabPosition === "left" || tabPosition === "right";
+    const nextKey = isVertical ? event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0 : event.key === "ArrowRight" ? 1 : event.key === "ArrowLeft" ? -1 : 0;
+    if (!nextKey) return;
+    event.preventDefault();
+    const enabledTabs = tabs.filter((tab) => !tab.disabled);
+    const enabledIndex = enabledTabs.findIndex((tab) => {
+      var _a2;
+      return tab.key === ((_a2 = tabs[index]) == null ? void 0 : _a2.key);
+    });
+    const nextTab = enabledTabs[(enabledIndex + nextKey + enabledTabs.length) % enabledTabs.length];
+    (_a = document.getElementById(`${mergedId}-tab-${nextTab == null ? void 0 : nextTab.key}`)) == null ? void 0 : _a.focus();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: classNames("bj-tabs", `bj-tabs--${tabPosition}`, `bj-tabs--${type}`, centered && "bj-tabs--centered", className), style, children: [
+    /* @__PURE__ */ jsx("div", { className: "bj-tabs__nav", role: "tablist", style: tabBarStyle, children: /* @__PURE__ */ jsx("div", { className: "bj-tabs__nav-wrap", children: /* @__PURE__ */ jsx("div", { className: "bj-tabs__nav-list", children: tabs.map((item, index) => /* @__PURE__ */ jsx(
+      TabNode,
+      {
+        active: item.key === mergedActiveKey,
+        id: mergedId,
+        item,
+        onClick: (event) => activateTab(item.key, event),
+        onKeyDown: (event) => moveFocus(event, index),
+        tabCount: tabs.length,
+        tabIndex: index
+      },
+      item.key
+    )) }) }) }),
+    /* @__PURE__ */ jsx(TabPanelList, { activeKey: mergedActiveKey, id: mergedId, items: tabs })
+  ] });
+}
+BTabs.TabPane = TabPane;
+export {
+  TabPane,
+  BTabs as default
+};

package/dist/web/Tabs/TabPane.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function TabPane(_) {
+  return null;
+}
+TabPane.displayName = "BTabs.TabPane";
+exports.TabPane = TabPane;
+exports.default = TabPane;

package/dist/web/Tabs/TabPane.mjs

@@ -0,0 +1,8 @@
+function TabPane(_) {
+  return null;
+}
+TabPane.displayName = "BTabs.TabPane";
+export {
+  TabPane,
+  TabPane as default
+};

package/dist/web/Tooltip/ConfirmTooltip.js

@@ -0,0 +1,26 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css              */
+const useAutoPlacement = require("./useAutoPlacement.js");
+function ConfirmTooltip({
+  placement = "top",
+  title = "是否使用当前自动翻译的英文？",
+  okText = "使用",
+  cancelText = "我去改改",
+  onOk,
+  onCancel,
+  className,
+  style
+}) {
+  const [activePlacement, popupRef] = useAutoPlacement.useAutoPlacement(placement);
+  const popupCls = ["tooltip-popup", `tooltip-popup--${activePlacement}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: popupRef, className: popupCls, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `tooltip-arrow tooltip-arrow--${activePlacement}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "tooltip-confirm__title", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tooltip-confirm__actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "tooltip-confirm__cancel", onClick: onCancel, children: cancelText }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "tooltip-confirm__ok", onClick: onOk, children: okText })
+    ] })
+  ] });
+}
+module.exports = ConfirmTooltip;

package/dist/web/Tooltip/ConfirmTooltip.mjs

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css              */
+import { useAutoPlacement } from "./useAutoPlacement.mjs";
+function ConfirmTooltip({
+  placement = "top",
+  title = "是否使用当前自动翻译的英文？",
+  okText = "使用",
+  cancelText = "我去改改",
+  onOk,
+  onCancel,
+  className,
+  style
+}) {
+  const [activePlacement, popupRef] = useAutoPlacement(placement);
+  const popupCls = ["tooltip-popup", `tooltip-popup--${activePlacement}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ref: popupRef, className: popupCls, style, children: [
+    /* @__PURE__ */ jsx("div", { className: `tooltip-arrow tooltip-arrow--${activePlacement}` }),
+    /* @__PURE__ */ jsx("p", { className: "tooltip-confirm__title", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "tooltip-confirm__actions", children: [
+      /* @__PURE__ */ jsx("button", { className: "tooltip-confirm__cancel", onClick: onCancel, children: cancelText }),
+      /* @__PURE__ */ jsx("button", { className: "tooltip-confirm__ok", onClick: onOk, children: okText })
+    ] })
+  ] });
+}
+export {
+  ConfirmTooltip as default
+};