@moubing/bing-ui 0.7.0 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -0
- package/dist/bing-ui.css +1 -1
- package/dist/bing-ui.es.js +5340 -5291
- package/dist/bing-ui.umd.js +29 -29
- package/dist/utils/useClientReady.d.ts +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -40,6 +40,20 @@ import { BingButton } from '@moubing/bing-ui'
|
|
|
40
40
|
import '@moubing/bing-ui/style.css'
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
+
## SSR 浮层
|
|
44
|
+
|
|
45
|
+
弹窗、选择器菜单、提示及预览的 Teleport 浮层在客户端挂载后创建，服务端仍输出页面与控件本体。这样无需应用手动拼接 `body` 浮层 HTML，也能避免多个异步组件水合时误认正文节点。初始设为打开的浮层会在挂载后的更新中显示；组件测试需等待 Vue 的 `nextTick()` 后检查其内容。
|
|
46
|
+
|
|
47
|
+
## 滚动条稳定占位
|
|
48
|
+
|
|
49
|
+
`BingScrollbar` 的默认内容容器按启用的方向固定预留轨道空间：纵向在右侧、横向在底部。预留从首次渲染生效，不随内容溢出、轨道显隐或禁用状态改变。`always` 仍只控制轨道可见性，`vertical` / `horizontal` 仍控制对应轨道与平滑滚动。
|
|
50
|
+
|
|
51
|
+
默认占位宽度为 `--bing-scrollbar-gutter: 13px`。页面需要相对整个视口居中时，在该滚动组件上设置 `--bing-scrollbar-gutter-left: var(--bing-scrollbar-gutter)`，左右将对称预留。该变量在每个实例重置为 `0px`，不会传给嵌套的局部滚动区域。已有安全留白的布局可以显式将 `--bing-scrollbar-gutter` 设为 `0px`。
|
|
52
|
+
|
|
53
|
+
自定义 `viewport` 插槽的尺寸和内边距仍由调用方负责，应在内容溢出之前就预留轨道空间。BingTextarea、BingTabs 和 BingTable 的内置滚动区域已采用固定占位；表格独立的横向轨道始终保留高度，未溢出时隐藏，并保持表头与固定列对齐。嵌套滚动条的占位、轨道显隐和表格样式仅作用于所属实例。
|
|
54
|
+
|
|
55
|
+
Storybook 的 **BingScrollbar / 稳定占位** 可切换短内容与长内容，检查正文中心和起始位置是否保持一致。
|
|
56
|
+
|
|
43
57
|
## 主题与外观
|
|
44
58
|
|
|
45
59
|
样式包包含 `light`、`dark` 和 `system` 三种主题，未设置时默认浅色。默认配色采用中性灰黑，浅色为白色表面，深色为炭灰表面；原有粉色、蓝色等色阶继续保留，可用于品牌与业务状态。
|