erp-plus 1.0.110 → 1.0.112
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 +41 -0
- package/dist/erp-plus.css +1 -1
- package/dist/erp-plus.es.js +572 -561
- package/dist/erp-plus.umd.js +32 -32
- package/dist/index.d.ts +23 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,4 +26,45 @@ yarn add erp-plus
|
|
|
26
26
|
# 使用 pnpm
|
|
27
27
|
pnpm add erp-plus
|
|
28
28
|
|
|
29
|
+
🎛️ 布局大小档位（默认档 / 稍小档）
|
|
30
|
+
组件库样式支持两档，由引用方控制切换：
|
|
31
|
+
|
|
32
|
+
| 档位 | 外观基线 | 如何启用 |
|
|
33
|
+
| --- | --- | --- |
|
|
34
|
+
| 默认档 | master 分支样式 | 什么都不做（不加任何根类即命中默认档） |
|
|
35
|
+
| 稍小档 | feature/workflow_20260903 分支样式 | 给 `<html>` 加 `app-size-small`（或 `erp-size-small`），或用下面任一入口 |
|
|
36
|
+
|
|
37
|
+
三种启用方式（任选其一）：
|
|
38
|
+
|
|
39
|
+
```ts
|
|
40
|
+
// ① 安装时配置（推荐）
|
|
41
|
+
import ErpPlus from 'erp-plus'
|
|
42
|
+
app.use(ErpPlus, { icons, size: 'small' })
|
|
43
|
+
|
|
44
|
+
// ② 运行时切换
|
|
45
|
+
import { setErpSize, getErpSize } from 'erp-plus'
|
|
46
|
+
setErpSize('small') // 或 setErpSize('default')
|
|
47
|
+
getErpSize() // => 'small' | 'default'
|
|
48
|
+
|
|
49
|
+
// ③ 纯 CSS：宿主自行加根类
|
|
50
|
+
document.documentElement.classList.add('app-size-small')
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
与主应用（erp-vue-plus）联动：
|
|
54
|
+
主应用已按 appStore.size 在 `<html>` 上切换 `app-size-small`。qiankun 子应用与主应用共享同一个 `<html>`，
|
|
55
|
+
因此子应用无需做任何事即可自动跟随主应用档位。
|
|
56
|
+
|
|
57
|
+
⚠️ 注意：install 只在**显式传入 size** 时才操作 DOM；不传则不改动宿主 `<html>`，
|
|
58
|
+
以免子应用误关掉主应用的档位。
|
|
59
|
+
|
|
60
|
+
样式文件说明：
|
|
61
|
+
|
|
62
|
+
| 文件 | 作用 |
|
|
63
|
+
| --- | --- |
|
|
64
|
+
| src/styles/default.scss | 默认档（`html:not(.app-size-small):not(.erp-size-small)`），内容 = master 分支原样 |
|
|
65
|
+
| src/styles/size.scss | 稍小档（`html.app-size-small, html.erp-size-small`），内容 = 当前分支原样 |
|
|
66
|
+
| src/styles/_tier.scss | scoped 组件（Card / Pagination / Table）用的 tier-default / tier-small mixin |
|
|
67
|
+
|
|
68
|
+
两档选择器互斥，同一元素只会命中其中一套。新增或调整档位样式请**按档写进对应文件**，
|
|
69
|
+
不要在组件 `<style>` 里直接写档位声明（组件内只保留两档一致的样式）。
|
|
29
70
|
|