advance-semi-theme 1.0.0 → 1.0.1
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 -14
- package/dist/antd/index.js +1 -1
- package/dist/antd/plugin.js +1 -1
- package/dist/antd/styles/all.css +3 -3
- package/dist/antd/styles/base.css +1 -1
- package/dist/antd/styles/dark.css +2 -2
- package/dist/antd/styles/index.css +4 -4
- package/dist/{chunk-NGAVTDQ2.js → chunk-Q4LVZDNH.js} +1 -1
- package/dist/{chunk-FMQWBDDZ.js → chunk-SUHV4BLV.js} +1 -1
- package/dist/element/index.js +1 -1
- package/dist/element/plugin.js +1 -1
- package/dist/element/styles/base.css +1 -1
- package/dist/element/styles/dark.css +1 -1
- package/dist/element/styles/index.css +4 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
> 将 Ant Design Vue / Element Plus 组件一键转换为 Semi Design 视觉风格
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/semi-theme)
|
|
6
|
-
[](https://github.com/advance-hub/semi-theme/blob/main/LICENSE)
|
|
5
|
+
[](https://www.npmjs.com/package/advance-semi-theme)
|
|
6
|
+
[](https://github.com/advance-hub/semi-theme/blob/main/LICENSE)
|
|
7
7
|
|
|
8
8
|
## 为什么用 semi-theme？
|
|
9
9
|
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
## 安装
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install semi-theme
|
|
19
|
+
npm install advance-semi-theme
|
|
20
20
|
# or
|
|
21
|
-
pnpm add semi-theme
|
|
21
|
+
pnpm add advance-semi-theme
|
|
22
22
|
# or
|
|
23
|
-
yarn add semi-theme
|
|
23
|
+
yarn add advance-semi-theme
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
## 快速开始
|
|
@@ -31,9 +31,9 @@ yarn add semi-theme
|
|
|
31
31
|
// main.ts
|
|
32
32
|
import { createApp } from 'vue'
|
|
33
33
|
import Antd from 'ant-design-vue'
|
|
34
|
-
import { createSemiTheme } from 'semi-theme/antd'
|
|
34
|
+
import { createSemiTheme } from 'advance-semi-theme/antd'
|
|
35
35
|
import 'ant-design-vue/dist/reset.css'
|
|
36
|
-
import 'semi-theme/antd/styles'
|
|
36
|
+
import 'advance-semi-theme/antd/styles'
|
|
37
37
|
|
|
38
38
|
const app = createApp(App)
|
|
39
39
|
app.use(Antd)
|
|
@@ -47,9 +47,9 @@ app.mount('#app')
|
|
|
47
47
|
// main.ts
|
|
48
48
|
import { createApp } from 'vue'
|
|
49
49
|
import ElementPlus from 'element-plus'
|
|
50
|
-
import { createSemiTheme } from 'semi-theme/element'
|
|
50
|
+
import { createSemiTheme } from 'advance-semi-theme/element'
|
|
51
51
|
import 'element-plus/dist/index.css'
|
|
52
|
-
import 'semi-theme/element/styles'
|
|
52
|
+
import 'advance-semi-theme/element/styles'
|
|
53
53
|
|
|
54
54
|
const app = createApp(App)
|
|
55
55
|
app.use(ElementPlus)
|
|
@@ -182,7 +182,7 @@ semi-theme 的核心设计是 **纯 CSS 覆盖 + 自动类名注入**：
|
|
|
182
182
|
## 包导出
|
|
183
183
|
|
|
184
184
|
```
|
|
185
|
-
semi-theme/
|
|
185
|
+
advance-semi-theme/
|
|
186
186
|
├── antd # Ant Design Vue 主题插件
|
|
187
187
|
├── antd/styles # Ant Design Vue 完整样式
|
|
188
188
|
├── antd/styles/base # 基础样式（不含组件）
|
|
@@ -203,10 +203,10 @@ semi-theme/
|
|
|
203
203
|
|
|
204
204
|
```ts
|
|
205
205
|
// 只引入基础样式 + 需要的组件
|
|
206
|
-
import 'semi-theme/antd/styles/base'
|
|
207
|
-
import 'semi-theme/antd/styles/components/button'
|
|
208
|
-
import 'semi-theme/antd/styles/components/input'
|
|
209
|
-
import 'semi-theme/antd/styles/components/select'
|
|
206
|
+
import 'advance-semi-theme/antd/styles/base'
|
|
207
|
+
import 'advance-semi-theme/antd/styles/components/button'
|
|
208
|
+
import 'advance-semi-theme/antd/styles/components/input'
|
|
209
|
+
import 'advance-semi-theme/antd/styles/components/select'
|
|
210
210
|
```
|
|
211
211
|
|
|
212
212
|
## License
|
package/dist/antd/index.js
CHANGED
package/dist/antd/plugin.js
CHANGED
package/dist/antd/styles/all.css
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* advance-semi-theme 完整 CSS 样式
|
|
3
3
|
*
|
|
4
4
|
* 包含所有组件的 CSS 覆盖样式
|
|
5
5
|
* 适用于需要完全 CSS 控制的场景（不使用 Token）
|
|
6
6
|
*
|
|
7
7
|
* 注意：如果已使用 Token，大部分样式会重复
|
|
8
|
-
* 推荐只使用 '
|
|
8
|
+
* 推荐只使用 'advance-semi-theme/antd/styles' 而非此文件
|
|
9
9
|
*
|
|
10
10
|
* @example
|
|
11
|
-
* import '
|
|
11
|
+
* import 'advance-semi-theme/antd/styles/all' // 完整 CSS
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
/* ========== 变量和基础 ========== */
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* 使用方式：
|
|
5
5
|
*
|
|
6
6
|
* 1. 全局模式（推荐）
|
|
7
|
-
* import { createSemiTheme } from 'semi-theme/antd'
|
|
8
|
-
* import 'semi-theme/antd/styles'
|
|
7
|
+
* import { createSemiTheme } from 'advance-semi-theme/antd'
|
|
8
|
+
* import 'advance-semi-theme/antd/styles'
|
|
9
9
|
* app.use(createSemiTheme())
|
|
10
10
|
*
|
|
11
11
|
* 2. 组件模式
|
|
12
|
-
* import { createSemiTheme } from 'semi-theme/antd'
|
|
13
|
-
* import 'semi-theme/antd/styles'
|
|
12
|
+
* import { createSemiTheme } from 'advance-semi-theme/antd'
|
|
13
|
+
* import 'advance-semi-theme/antd/styles'
|
|
14
14
|
* app.use(createSemiTheme({ components: ['Button', 'Input'] }))
|
|
15
15
|
*
|
|
16
16
|
* 原理：
|
|
@@ -126,7 +126,7 @@ function createSemiTheme(options = {}) {
|
|
|
126
126
|
const applyTheme = () => {
|
|
127
127
|
const targetEl = document.querySelector(target);
|
|
128
128
|
if (!targetEl) {
|
|
129
|
-
console.warn(`[semi-theme/element] Target element "${target}" not found`);
|
|
129
|
+
console.warn(`[advance-semi-theme/element] Target element "${target}" not found`);
|
|
130
130
|
return;
|
|
131
131
|
}
|
|
132
132
|
targetEl.classList.add("semi");
|
|
@@ -136,7 +136,7 @@ function createSemiTheme(options = {}) {
|
|
|
136
136
|
const applyTheme = () => {
|
|
137
137
|
const targetEl = document.querySelector(target);
|
|
138
138
|
if (!targetEl) {
|
|
139
|
-
console.warn(`[semi-theme/antd] Target element "${target}" not found`);
|
|
139
|
+
console.warn(`[advance-semi-theme/antd] Target element "${target}" not found`);
|
|
140
140
|
return;
|
|
141
141
|
}
|
|
142
142
|
targetEl.classList.add("semi");
|
package/dist/element/index.js
CHANGED
package/dist/element/plugin.js
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* 使用方式：
|
|
5
5
|
*
|
|
6
6
|
* 1. 全局模式（推荐）
|
|
7
|
-
* import { createSemiTheme } from 'semi-theme/element'
|
|
8
|
-
* import 'semi-theme/element/styles'
|
|
7
|
+
* import { createSemiTheme } from 'advance-semi-theme/element'
|
|
8
|
+
* import 'advance-semi-theme/element/styles'
|
|
9
9
|
* app.use(createSemiTheme())
|
|
10
10
|
*
|
|
11
11
|
* 2. 组件模式
|
|
12
|
-
* import { createSemiTheme } from 'semi-theme/element'
|
|
13
|
-
* import 'semi-theme/element/styles'
|
|
12
|
+
* import { createSemiTheme } from 'advance-semi-theme/element'
|
|
13
|
+
* import 'advance-semi-theme/element/styles'
|
|
14
14
|
* app.use(createSemiTheme({ components: ['Button', 'Input'] }))
|
|
15
15
|
*
|
|
16
16
|
* 原理：
|