bj-web-components 0.2.18 → 0.2.20

package/README.md

@@ -1,205 +1,205 @@
-# bu-max-ui
-
-企业级 UI 组件库，支持 Web、移动端、小程序三端，基于 React + TypeScript 构建。
-
-## 安装
-
-```bash
-npm install bu-max-ui
-# 或
-pnpm add bu-max-ui
-```
-
-## 快速上手
-
-引入组件时需同步引入样式文件：
-
-```tsx
-import { SkuInputCard } from 'bu-max-ui';
-import 'bu-max-ui/style';
-```
-
-## Iconfont 图标
-
-Web 组件中的图标使用 `BuIcon`（与下方 `Iconfont` 实现等价）。宿主应用或文档站需要先加载项目 iconfont symbol：
-
-```html
-<script src="//at.alicdn.com/t/c/font_5123795_8zzfaepwkju.js"></script>
-```
-
-随后通过 `type` 传入 symbol id（不包含 `#`）：
-
-```tsx
-import { BuIcon } from 'bu-max-ui/web';
-
-<BuIcon type="icon-a-dagouxi" style={{ width: 14, height: 14, color: '#333' }} />
-```
-
-`BuIcon` 的实现如下：
-
-```tsx
-import React from 'react';
-
-function Iconfont({ type, style, onClick, className, ...rest }) {
-  return (
-    <svg
-      style={style}
-      className={className ? `icon ${className}` : 'icon'}
-      aria-hidden="true"
-      onClick={onClick}
-      {...rest}
-    >
-      <use xlinkHref={`#${type}`} />
-    </svg>
-  );
-}
-
-export default Iconfont;
-```
-
-### 基础用法
-
-```tsx
-import { useState } from 'react';
-import { SkuInputCard } from 'bu-max-ui';
-import 'bu-max-ui/style';
-
-function App() {
-  const [name, setName] = useState('');
-  const [lang, setLang] = useState<'zh' | 'en'>('zh');
-
-  return (
-    <SkuInputCard
-      mode="bilingual"
-      name={name}
-      onNameChange={setName}
-      activeLang={lang}
-      onLangChange={setLang}
-      onDelete={() => setName('')}
-    />
-  );
-}
-```
-
-## 按需引入
-
-支持按平台路径单独引入，减少构建体积：
-
-```tsx
-// Web 组件
-import { SkuInputCard } from 'bu-max-ui/web';
-
-// 移动端组件
-import { ... } from 'bu-max-ui/mobile';
-
-// 小程序组件
-import { ... } from 'bu-max-ui/miniapp';
-
-// 通用组件
-import { ... } from 'bu-max-ui/shared';
-```
-
-## 组件列表
-
-### Web
-
-| 组件 | 说明 |
-|------|------|
-| `SkuInputCard` | 商品规格名称输入卡片，支持单语 / 双语模式、拖拽排序、图片上传 |
-| `Button` | 按钮 |
-| `Input` | 输入框 |
-| `Card` | 卡片 |
-| `Select` | 选择器 |
-| `Tooltip` | 气泡提示 |
-
-### Mobile
-
-| 组件 | 说明 |
-|------|------|
-| `Button` | 移动端按钮 |
-| `Input` | 移动端输入框 |
-| `Card` | 移动端卡片 |
-| `TabBar` | 底部导航栏 |
-| `Navbar` | 顶部导航栏 |
-| `ActionSheet` | 动作面板 |
-| `Toast` | 轻提示 |
-
-### 小程序
-
-| 组件 | 说明 |
-|------|------|
-| `Button` | 小程序按钮 |
-| `Input` | 小程序输入框 |
-| `Card` | 小程序卡片 |
-| `TabBar` | 底部导航栏 |
-| `Navbar` | 顶部导航栏 |
-| `ActionSheet` | 动作面板 |
-| `Modal` | 弹窗 |
-| `Loading` | 加载态 |
-| `Toast` | 轻提示 |
-| `Cell` | 单元格列表 |
-
-## SkuInputCard Props
-
-| 参数 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `name` | `string` | `''` | 产品名称输入值 |
-| `onNameChange` | `(value: string) => void` | — | 名称变更回调 |
-| `mode` | `'single' \| 'bilingual'` | `'single'` | 单语或双语模式 |
-| `activeLang` | `'zh' \| 'en'` | `'zh'` | 双语模式下当前语言 |
-| `onLangChange` | `(lang: 'zh' \| 'en') => void` | — | 语言切换回调 |
-| `showBody` | `boolean` | `true` | 是否显示内容区域 |
-| `error` | `boolean` | `false` | 错误状态 |
-| `onDelete` | `() => void` | — | 点击删除按钮回调 |
-| `onUpload` | `(file: File) => string \| Promise<string>` | — | 自定义上传方法，返回图片 URL |
-| `images` | `string[]` | — | 外部托管的图片列表 |
-| `id` | `string` | — | 拖拽把手 id，供 DnD 库使用 |
-| `className` | `string` | — | 自定义类名 |
-| `style` | `CSSProperties` | — | 自定义样式 |
-
-## 本地开发
-
-```bash
-# 克隆仓库
-git clone <repo-url>
-cd bu-max-ui
-
-# 安装依赖
-pnpm install
-
-# 启动文档站（端口 3000）
-pnpm dev
-
-# 构建组件库
-pnpm build:lib
-
-# 监听模式（开发库时使用）
-pnpm build:lib:watch
-```
-
-### 项目结构
-
-```
-├── lib/              # 组件库源码（npm 包）
-│   ├── index.ts
-│   ├── web/          # Web 平台组件
-│   ├── mobile/       # 移动端组件
-│   ├── miniapp/      # 小程序组件
-│   ├── react/        # React 通用组件
-│   └── shared/       # 共享工具 / 组件
-├── src/              # 文档站源码
-│   ├── pages/        # 各组件演示页面
-│   └── components/   # 文档站内部组件
-└── dist/             # 构建产物（发布到 npm）
-```
-
-## 技术栈
-
-- **框架**: React 19 + TypeScript
-- **构建**: Vite 6（双模式：文档站 / 组件库）
-- **样式**: Less（BEM 命名规范）
-- **文档站**: React Router DOM 6 + Tailwind CSS v4
-
-## 许可证
-
-MIT
+# bu-max-ui
+
+企业级 UI 组件库，支持 Web、移动端、小程序三端，基于 React + TypeScript 构建。
+
+## 安装
+
+```bash
+npm install bu-max-ui
+# 或
+pnpm add bu-max-ui
+```
+
+## 快速上手
+
+引入组件时需同步引入样式文件：
+
+```tsx
+import { SkuInputCard } from 'bu-max-ui';
+import 'bu-max-ui/style';
+```
+
+## Iconfont 图标
+
+Web 组件中的图标使用 `BuIcon`（与下方 `Iconfont` 实现等价）。宿主应用或文档站需要先加载项目 iconfont symbol：
+
+```html
+<script src="//at.alicdn.com/t/c/font_5123795_8zzfaepwkju.js"></script>
+```
+
+随后通过 `type` 传入 symbol id（不包含 `#`）：
+
+```tsx
+import { BuIcon } from 'bu-max-ui/web';
+
+<BuIcon type="icon-a-dagouxi" style={{ width: 14, height: 14, color: '#333' }} />
+```
+
+`BuIcon` 的实现如下：
+
+```tsx
+import React from 'react';
+
+function Iconfont({ type, style, onClick, className, ...rest }) {
+  return (
+    <svg
+      style={style}
+      className={className ? `icon ${className}` : 'icon'}
+      aria-hidden="true"
+      onClick={onClick}
+      {...rest}
+    >
+      <use xlinkHref={`#${type}`} />
+    </svg>
+  );
+}
+
+export default Iconfont;
+```
+
+### 基础用法
+
+```tsx
+import { useState } from 'react';
+import { SkuInputCard } from 'bu-max-ui';
+import 'bu-max-ui/style';
+
+function App() {
+  const [name, setName] = useState('');
+  const [lang, setLang] = useState<'zh' | 'en'>('zh');
+
+  return (
+    <SkuInputCard
+      mode="bilingual"
+      name={name}
+      onNameChange={setName}
+      activeLang={lang}
+      onLangChange={setLang}
+      onDelete={() => setName('')}
+    />
+  );
+}
+```
+
+## 按需引入
+
+支持按平台路径单独引入，减少构建体积：
+
+```tsx
+// Web 组件
+import { SkuInputCard } from 'bu-max-ui/web';
+
+// 移动端组件
+import { ... } from 'bu-max-ui/mobile';
+
+// 小程序组件
+import { ... } from 'bu-max-ui/miniapp';
+
+// 通用组件
+import { ... } from 'bu-max-ui/shared';
+```
+
+## 组件列表
+
+### Web
+
+| 组件 | 说明 |
+|------|------|
+| `SkuInputCard` | 商品规格名称输入卡片，支持单语 / 双语模式、拖拽排序、图片上传 |
+| `Button` | 按钮 |
+| `Input` | 输入框 |
+| `Card` | 卡片 |
+| `Select` | 选择器 |
+| `Tooltip` | 气泡提示 |
+
+### Mobile
+
+| 组件 | 说明 |
+|------|------|
+| `Button` | 移动端按钮 |
+| `Input` | 移动端输入框 |
+| `Card` | 移动端卡片 |
+| `TabBar` | 底部导航栏 |
+| `Navbar` | 顶部导航栏 |
+| `ActionSheet` | 动作面板 |
+| `Toast` | 轻提示 |
+
+### 小程序
+
+| 组件 | 说明 |
+|------|------|
+| `Button` | 小程序按钮 |
+| `Input` | 小程序输入框 |
+| `Card` | 小程序卡片 |
+| `TabBar` | 底部导航栏 |
+| `Navbar` | 顶部导航栏 |
+| `ActionSheet` | 动作面板 |
+| `Modal` | 弹窗 |
+| `Loading` | 加载态 |
+| `Toast` | 轻提示 |
+| `Cell` | 单元格列表 |
+
+## SkuInputCard Props
+
+| 参数 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `name` | `string` | `''` | 产品名称输入值 |
+| `onNameChange` | `(value: string) => void` | — | 名称变更回调 |
+| `mode` | `'single' \| 'bilingual'` | `'single'` | 单语或双语模式 |
+| `activeLang` | `'zh' \| 'en'` | `'zh'` | 双语模式下当前语言 |
+| `onLangChange` | `(lang: 'zh' \| 'en') => void` | — | 语言切换回调 |
+| `showBody` | `boolean` | `true` | 是否显示内容区域 |
+| `error` | `boolean` | `false` | 错误状态 |
+| `onDelete` | `() => void` | — | 点击删除按钮回调 |
+| `onUpload` | `(file: File) => string \| Promise<string>` | — | 自定义上传方法，返回图片 URL |
+| `images` | `string[]` | — | 外部托管的图片列表 |
+| `id` | `string` | — | 拖拽把手 id，供 DnD 库使用 |
+| `className` | `string` | — | 自定义类名 |
+| `style` | `CSSProperties` | — | 自定义样式 |
+
+## 本地开发
+
+```bash
+# 克隆仓库
+git clone <repo-url>
+cd bu-max-ui
+
+# 安装依赖
+pnpm install
+
+# 启动文档站（端口 3000）
+pnpm dev
+
+# 构建组件库
+pnpm build:lib
+
+# 监听模式（开发库时使用）
+pnpm build:lib:watch
+```
+
+### 项目结构
+
+```
+├── lib/              # 组件库源码（npm 包）
+│   ├── index.ts
+│   ├── web/          # Web 平台组件
+│   ├── mobile/       # 移动端组件
+│   ├── miniapp/      # 小程序组件
+│   ├── react/        # React 通用组件
+│   └── shared/       # 共享工具 / 组件
+├── src/              # 文档站源码
+│   ├── pages/        # 各组件演示页面
+│   └── components/   # 文档站内部组件
+└── dist/             # 构建产物（发布到 npm）
+```
+
+## 技术栈
+
+- **框架**: React 19 + TypeScript
+- **构建**: Vite 6（双模式：文档站 / 组件库）
+- **样式**: Less（BEM 命名规范）
+- **文档站**: React Router DOM 6 + Tailwind CSS v4
+
+## 许可证
+
+MIT

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
-import { JSX } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { Key } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
@@ -291,7 +290,7 @@ export declare interface BTabsTabPaneProps extends Omit<BTabsItem, 'key' | 'labe
 
 export declare type BTabsType = 'line' | 'card';
 
-declare function BTooltip({ placement, content, variant, className, style, getPopupContainer, getAnchorElement, color, fontColor, }: ContentTooltipProps): JSX.Element;
+declare function BTooltip({ children, placement, content, variant, className, style, getPopupContainer, getAnchorElement, color, fontColor, }: ContentTooltipProps): JSX.Element;
 export { BTooltip }
 export { BTooltip as ContentTooltip }
 
@@ -696,6 +695,7 @@ export declare interface ConfirmTooltipProps extends BaseTooltipProps {
 }
 
 declare interface ContentTooltipProps extends BaseTooltipProps {
+    children?: React.ReactElement;
     content?: ReactNode;
     variant?: TooltipVariant;
     /** Tooltip background color, including the arrow. */
@@ -868,7 +868,7 @@ export declare interface ProductFieldOption {
     searchText?: string;
 }
 
-export declare function ProgressTooltip({ placement, title, progress, className, style, }: ProgressTooltipProps): default_2.JSX.Element;
+export declare function ProgressTooltip({ placement, title, progress, className, style, }: ProgressTooltipProps): JSX.Element;
 
 export declare interface ProgressTooltipProps extends BaseTooltipProps {
     title?: string;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),e=require("./web/Tooltip/ConfirmTooltip.js"),t=require("./web/Tooltip/ProgressTooltip.js"),r=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),c=require("./web/BasicInput/BInput.js"),p=require("./web/Tabs/BTabs.js"),l=require("./web/Tabs/TabPane.js"),s=require("./web/EmptyInputBox/EmptyInputBox.js"),a=require("./web/Modal/Modal.js"),B=require("./web/ProductField/ProductField.js"),q=require("./web/CategoryDropdown/CategoryDropdown.js"),d=require("./web/Pagination/Pagination.js"),T=require("./web/FileCard/FileCard.js"),C=require("./web/Switch/Switch.js"),b=require("./web/InputNumber/BInputNumber.js"),I=require("./web/Table/BTable.js"),m=require("./web/Table/Column.js"),P=require("./web/Table/ColumnGroup.js"),g=require("./web/CheckBox/index.js"),y=require("./web/OverlayScrollbar/BOverlayScrollbar.js"),S=require("./web/Dropdown/BDropdown.js");exports.BuIcon=o;exports.ConfirmTooltip=e;exports.ProgressTooltip=t;exports.BTooltip=r;exports.ContentTooltip=r;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BInput=c;exports.BTabs=p.default;exports.TabPane=l;exports.BuEmptyInputBox=s;exports.BuModal=a;exports.BuProductField=B;exports.BuCategoryDropdown=q;exports.Pagination=d;exports.FileCard=T;exports.BuSwitch=C;exports.BInputNumber=b;exports.BTable=I.BTable;exports.Column=m;exports.ColumnGroup=P;exports.BCheckBox=g.BCheckBox;exports.BOverlayScrollbar=y;exports.BDropdown=S.BDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),e=require("./web/Tooltip/ConfirmTooltip.js"),t=require("./web/Tooltip/ProgressTooltip.js"),r=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),c=require("./web/BasicInput/BInput.js"),p=require("./web/Tabs/BTabs.js"),a=require("./web/Tabs/TabPane.js"),l=require("./web/EmptyInputBox/EmptyInputBox.js"),s=require("./web/Modal/Modal.js"),B=require("./web/ProductField/ProductField.js"),q=require("./web/CategoryDropdown/CategoryDropdown.js"),d=require("./web/Pagination/Pagination.js"),T=require("./web/FileCard/FileCard.js"),C=require("./web/Switch/Switch.js"),b=require("./web/InputNumber/BInputNumber.js"),I=require("./web/Table/BTable.js"),m=require("./web/Table/Column.js"),P=require("./web/Table/ColumnGroup.js"),g=require("./web/CheckBox/index.js"),y=require("./web/OverlayScrollbar/BOverlayScrollbar.js"),S=require("./web/Dropdown/BDropdown.js");exports.BuIcon=o;exports.ConfirmTooltip=e;exports.ProgressTooltip=t;exports.BTooltip=r;exports.ContentTooltip=r;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BInput=c;exports.BTabs=p.default;exports.TabPane=a.TabPane;exports.BuEmptyInputBox=l;exports.BuModal=s;exports.BuProductField=B;exports.BuCategoryDropdown=q;exports.Pagination=d;exports.FileCard=T;exports.BuSwitch=C;exports.BInputNumber=b;exports.BTable=I.BTable;exports.Column=m;exports.ColumnGroup=P;exports.BCheckBox=g.BCheckBox;exports.BOverlayScrollbar=y;exports.BDropdown=S.BDropdown;

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import { default as t } from "./web/Icon/Icon.mjs";
-import { default as e } from "./web/Tooltip/ConfirmTooltip.mjs";
+import { default as a } from "./web/Tooltip/ConfirmTooltip.mjs";
 import { default as p } from "./web/Tooltip/ProgressTooltip.mjs";
-import { default as l, default as d } from "./web/Tooltip/ContentTooltip.mjs";
+import { default as l, default as m } from "./web/Tooltip/ContentTooltip.mjs";
 import { default as x } from "./web/Tooltip/TooltipWrapper.mjs";
 import { default as B } from "./web/SkuInputCard/SkuInputCard.mjs";
 import { default as i } from "./web/Input/Input.mjs";
 import { default as T } from "./web/BasicInput/BInput.mjs";
 import { default as b } from "./web/Tabs/BTabs.mjs";
-import { default as P } from "./web/Tabs/TabPane.mjs";
+import { TabPane as P } from "./web/Tabs/TabPane.mjs";
 import { default as w } from "./web/EmptyInputBox/EmptyInputBox.mjs";
 import { default as S } from "./web/Modal/Modal.mjs";
 import { default as k } from "./web/ProductField/ProductField.mjs";
@@ -40,8 +40,8 @@ export {
   O as BuSwitch,
   H as Column,
   K as ColumnGroup,
-  e as ConfirmTooltip,
-  d as ContentTooltip,
+  a as ConfirmTooltip,
+  m as ContentTooltip,
   M as FileCard,
   E as Pagination,
   p as ProgressTooltip,