zen-gitsync 2.13.9 → 2.13.10

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.
Files changed (33) hide show
  1. package/README.md +2 -2
  2. package/package.json +1 -1
  3. package/scripts/README_COLOR_CONVERTER.md +196 -196
  4. package/scripts/README_FONTSIZE_CONVERTER.md +278 -278
  5. package/scripts/README_SPACING_CONVERTER.md +126 -126
  6. package/scripts/README_STYLE_VARS.md +180 -180
  7. package/src/ui/public/assets/EditorView-B4g8XOLB.js +0 -0
  8. package/src/ui/public/assets/{EditorView-Dvg7sMyU.css → EditorView-noBxnUk5.css} +1 -1
  9. package/src/ui/public/assets/SourceMapView-BVfD3VYO.js +3 -0
  10. package/src/ui/public/assets/WorkbenchView-Cx2p-WGc.js +6 -0
  11. package/src/ui/public/assets/WorkbenchView-_Z4j_RIa.css +1 -0
  12. package/src/ui/public/assets/{_plugin-vue_export-helper-BMDM_R2D.js → _plugin-vue_export-helper-rin5I4Hu.js} +3 -3
  13. package/src/ui/public/assets/{css.worker-Wv5dxAWO.js → css.worker-CvXBzhp8.js} +1 -1
  14. package/src/ui/public/assets/{html.worker-CQP8QQsS.js → html.worker-BO6WuOEO.js} +1 -1
  15. package/src/ui/public/assets/index-8cDK0aD_.js +66 -0
  16. package/src/ui/public/assets/index-CmMxt1ti.css +1 -0
  17. package/src/ui/public/assets/{json.worker-DzV-CpCQ.js → json.worker-BkJRGcCJ.js} +1 -1
  18. package/src/ui/public/assets/{ts.worker-Dth06zuC.js → ts.worker-B0J26iPs.js} +15 -15
  19. package/src/ui/public/assets/vendor-Bq2rS2vY.css +1 -0
  20. package/src/ui/public/assets/{vendor-CDAfMQIV.js → vendor-C30huq-U.js} +247 -240
  21. package/src/ui/public/favicon.svg +75 -75
  22. package/src/ui/public/index.html +23 -23
  23. package/src/ui/public/logo.svg +74 -74
  24. package/src/ui/server/routes/workbench.js +4 -3
  25. package/src/ui/public/assets/EditorView-eQBqgBEd.js +0 -0
  26. package/src/ui/public/assets/SourceMapView-BLkrjBFW.js +0 -3
  27. package/src/ui/public/assets/WorkbenchView-BMtAZx07.css +0 -1
  28. package/src/ui/public/assets/WorkbenchView-D2eEOP1R.js +0 -6
  29. package/src/ui/public/assets/index-BaFDF44N.js +0 -66
  30. package/src/ui/public/assets/index-BvzxdkDp.css +0 -1
  31. package/src/ui/public/assets/vendor-CIeR0bF6.css +0 -1
  32. /package/src/ui/public/assets/{editor.worker-Bd9IXS8d.js → editor.worker-Cn2oRESe.js} +0 -0
  33. /package/src/ui/public/assets/{rolldown-runtime-BM3Ffeng.js → rolldown-runtime-CMxvf4Kt.js} +0 -0
@@ -1,126 +1,126 @@
1
- # 间距值转换工具使用说明
2
-
3
- ## 功能说明
4
-
5
- 该脚本将项目中 `padding`、`margin`、`gap` 属性中的 px 值转换为标准的 CSS 变量引用。
6
-
7
- ## 标准间距映射规则
8
-
9
- 根据项目中的 CSS 变量定义(`src/ui/client/src/styles/variables.scss`):
10
-
11
- | 原始值 | 转换后 | CSS变量定义 |
12
- |--------|--------|-------------|
13
- | 2px | var(--spacing-xs) | 2px |
14
- | 4px | var(--spacing-sm) | 4px |
15
- | 8px | var(--spacing-base) | 8px |
16
- | 12px | var(--spacing-md) | 12px |
17
- | 16px | var(--spacing-lg) | 16px |
18
- | 20px | var(--spacing-xl) | 20px |
19
- | 24px | var(--spacing-2xl) | 24px |
20
- | 32px | var(--spacing-3xl) | 32px |
21
-
22
- ### 保留的特殊值
23
-
24
- 以下值不会被转换,保持原样:
25
- - **1px** - 通常用于边框
26
- - **3px, 5px** - 特殊设计值
27
- - **6px, 10px** - 常用于紧凑布局
28
- - **18px** - 通常与字体相关
29
- - **40px 及其他** - 特殊大间距值
30
-
31
- ## 使用方法
32
-
33
- ### 基本用法
34
-
35
- ```bash
36
- # 在项目根目录执行
37
- node scripts/convert-spacing-to-vars.js
38
- ```
39
-
40
- ### 转换示例
41
-
42
- **转换前:**
43
- ```css
44
- .example {
45
- padding: 12px 16px;
46
- margin: 8px;
47
- gap: 16px;
48
- }
49
- ```
50
-
51
- **转换后:**
52
- ```css
53
- .example {
54
- padding: var(--spacing-md) var(--spacing-lg);
55
- margin: var(--spacing-base);
56
- gap: var(--spacing-lg);
57
- }
58
- ```
59
-
60
- **保留特殊值示例:**
61
- ```css
62
- .example {
63
- padding: 6px var(--spacing-md); /* 6px 保持不变 */
64
- margin: 1px; /* 1px 保持不变(边框用途)*/
65
- gap: var(--spacing-base); /* 8px 被转换 */
66
- }
67
- ```
68
-
69
- ## 支持的文件类型
70
-
71
- - `.vue` - Vue 单文件组件
72
- - `.scss` - Sass 样式文件
73
- - `.css` - 纯 CSS 文件
74
-
75
- ## 扫描范围
76
-
77
- 脚本会扫描 `src` 目录下的所有目标文件,自动跳过:
78
- - `node_modules` 目录
79
- - `.git` 目录
80
- - `dist` 目录
81
-
82
- ## 输出报告
83
-
84
- 执行完成后会显示统计报告:
85
-
86
- ```
87
- 📊 转换统计报告
88
- ============================================================
89
- 总文件数: 150
90
- 修改文件数: 45
91
- 总替换次数: 234
92
-
93
- 📋 替换详情:
94
- 12px => var(--spacing-md): 89 次
95
- 16px => var(--spacing-lg): 67 次
96
- 8px => var(--spacing-base): 45 次
97
- ...
98
- ```
99
-
100
- ## 注意事项
101
-
102
- 1. **备份建议**:运行脚本前建议先提交或备份当前代码
103
- 2. **检查结果**:转换完成后请检查 Git diff,确认转换符合预期
104
- 3. **测试验证**:转换后请运行项目测试,确保样式显示正常
105
- 4. **混合值处理**:脚本能正确处理混合值,如 `padding: 6px var(--spacing-md)`
106
-
107
- ## 优势
108
-
109
- 使用 CSS 变量的好处:
110
-
111
- 1. **统一管理**:所有间距在 `variables.scss` 中统一定义
112
- 2. **易于维护**:修改变量值即可全局更新
113
- 3. **主题支持**:方便实现深色主题等样式变体
114
- 4. **语义化**:变量名更具可读性(如 `--spacing-md` vs `12px`)
115
-
116
- ## 回滚方法
117
-
118
- 如果需要回滚更改:
119
-
120
- ```bash
121
- # 如果还未提交
122
- git checkout -- src/
123
-
124
- # 如果已提交
125
- git revert <commit-hash>
126
- ```
1
+ # 间距值转换工具使用说明
2
+
3
+ ## 功能说明
4
+
5
+ 该脚本将项目中 `padding`、`margin`、`gap` 属性中的 px 值转换为标准的 CSS 变量引用。
6
+
7
+ ## 标准间距映射规则
8
+
9
+ 根据项目中的 CSS 变量定义(`src/ui/client/src/styles/variables.scss`):
10
+
11
+ | 原始值 | 转换后 | CSS变量定义 |
12
+ |--------|--------|-------------|
13
+ | 2px | var(--spacing-xs) | 2px |
14
+ | 4px | var(--spacing-sm) | 4px |
15
+ | 8px | var(--spacing-base) | 8px |
16
+ | 12px | var(--spacing-md) | 12px |
17
+ | 16px | var(--spacing-lg) | 16px |
18
+ | 20px | var(--spacing-xl) | 20px |
19
+ | 24px | var(--spacing-2xl) | 24px |
20
+ | 32px | var(--spacing-3xl) | 32px |
21
+
22
+ ### 保留的特殊值
23
+
24
+ 以下值不会被转换,保持原样:
25
+ - **1px** - 通常用于边框
26
+ - **3px, 5px** - 特殊设计值
27
+ - **6px, 10px** - 常用于紧凑布局
28
+ - **18px** - 通常与字体相关
29
+ - **40px 及其他** - 特殊大间距值
30
+
31
+ ## 使用方法
32
+
33
+ ### 基本用法
34
+
35
+ ```bash
36
+ # 在项目根目录执行
37
+ node scripts/convert-spacing-to-vars.js
38
+ ```
39
+
40
+ ### 转换示例
41
+
42
+ **转换前:**
43
+ ```css
44
+ .example {
45
+ padding: 12px 16px;
46
+ margin: 8px;
47
+ gap: 16px;
48
+ }
49
+ ```
50
+
51
+ **转换后:**
52
+ ```css
53
+ .example {
54
+ padding: var(--spacing-md) var(--spacing-lg);
55
+ margin: var(--spacing-base);
56
+ gap: var(--spacing-lg);
57
+ }
58
+ ```
59
+
60
+ **保留特殊值示例:**
61
+ ```css
62
+ .example {
63
+ padding: 6px var(--spacing-md); /* 6px 保持不变 */
64
+ margin: 1px; /* 1px 保持不变(边框用途)*/
65
+ gap: var(--spacing-base); /* 8px 被转换 */
66
+ }
67
+ ```
68
+
69
+ ## 支持的文件类型
70
+
71
+ - `.vue` - Vue 单文件组件
72
+ - `.scss` - Sass 样式文件
73
+ - `.css` - 纯 CSS 文件
74
+
75
+ ## 扫描范围
76
+
77
+ 脚本会扫描 `src` 目录下的所有目标文件,自动跳过:
78
+ - `node_modules` 目录
79
+ - `.git` 目录
80
+ - `dist` 目录
81
+
82
+ ## 输出报告
83
+
84
+ 执行完成后会显示统计报告:
85
+
86
+ ```
87
+ 📊 转换统计报告
88
+ ============================================================
89
+ 总文件数: 150
90
+ 修改文件数: 45
91
+ 总替换次数: 234
92
+
93
+ 📋 替换详情:
94
+ 12px => var(--spacing-md): 89 次
95
+ 16px => var(--spacing-lg): 67 次
96
+ 8px => var(--spacing-base): 45 次
97
+ ...
98
+ ```
99
+
100
+ ## 注意事项
101
+
102
+ 1. **备份建议**:运行脚本前建议先提交或备份当前代码
103
+ 2. **检查结果**:转换完成后请检查 Git diff,确认转换符合预期
104
+ 3. **测试验证**:转换后请运行项目测试,确保样式显示正常
105
+ 4. **混合值处理**:脚本能正确处理混合值,如 `padding: 6px var(--spacing-md)`
106
+
107
+ ## 优势
108
+
109
+ 使用 CSS 变量的好处:
110
+
111
+ 1. **统一管理**:所有间距在 `variables.scss` 中统一定义
112
+ 2. **易于维护**:修改变量值即可全局更新
113
+ 3. **主题支持**:方便实现深色主题等样式变体
114
+ 4. **语义化**:变量名更具可读性(如 `--spacing-md` vs `12px`)
115
+
116
+ ## 回滚方法
117
+
118
+ 如果需要回滚更改:
119
+
120
+ ```bash
121
+ # 如果还未提交
122
+ git checkout -- src/
123
+
124
+ # 如果已提交
125
+ git revert <commit-hash>
126
+ ```
@@ -1,180 +1,180 @@
1
- # CSS 样式变量标准化工具
2
-
3
- ## 功能说明
4
-
5
- 该脚本将项目中的 `border-radius` 和 `box-shadow` 值转换为标准的 CSS 变量引用。
6
-
7
- ## 转换规则
8
-
9
- ### border-radius 映射
10
-
11
- | 原始值 | 转换后 | CSS变量定义 |
12
- |--------|--------|-------------|
13
- | 2px | var(--radius-xs) | 2px |
14
- | 3px | var(--radius-sm) | 3px |
15
- | 4px | var(--radius-base) | 4px |
16
- | 6px | var(--radius-md) | 6px |
17
- | 8px | var(--radius-lg) | 8px |
18
- | 12px | var(--radius-xl) | 12px |
19
-
20
- ### box-shadow 映射
21
-
22
- | 原始值 | 转换后 | 用途 |
23
- |--------|--------|------|
24
- | 0 1px 3px rgba(0, 0, 0, 0.04) | var(--shadow-sm) | 小阴影 |
25
- | 0 1px 4px rgba(0, 0, 0, 0.04) | var(--shadow-base) | 基础阴影 |
26
- | 0 2px 8px rgba(0, 0, 0, 0.08) | var(--shadow-md) | 中等阴影 |
27
- | 0 4px 12px rgba(0, 0, 0, 0.08) | var(--shadow-lg) | 大阴影 |
28
- | 0 8px 24px rgba(0, 0, 0, 0.12) | var(--shadow-xl) | 超大阴影 |
29
-
30
- #### 模糊匹配规则
31
-
32
- 对于未精确匹配的 box-shadow 值,脚本会根据偏移量和模糊度智能选择:
33
-
34
- - **小阴影** (--shadow-sm): offset ≤ 2px, blur ≤ 4px
35
- - **中等阴影** (--shadow-md): offset 2-4px, blur 6-12px
36
- - **大阴影** (--shadow-lg): offset 4-8px, blur 12-24px
37
-
38
- ## 使用方法
39
-
40
- ### 预览模式(推荐先运行)
41
-
42
- ```bash
43
- # 预览将要进行的更改,不修改文件
44
- node scripts/convert-to-standard-vars.js --dry-run
45
- ```
46
-
47
- ### 实际应用
48
-
49
- ```bash
50
- # 应用更改到文件
51
- node scripts/convert-to-standard-vars.js
52
- ```
53
-
54
- ## 转换示例
55
-
56
- ### border-radius 转换
57
-
58
- **转换前:**
59
- ```css
60
- .card {
61
- border-radius: 8px;
62
- }
63
-
64
- .button {
65
- border-radius: 6px;
66
- }
67
- ```
68
-
69
- **转换后:**
70
- ```css
71
- .card {
72
- border-radius: var(--radius-lg);
73
- }
74
-
75
- .button {
76
- border-radius: var(--radius-md);
77
- }
78
- ```
79
-
80
- ### box-shadow 转换
81
-
82
- **转换前:**
83
- ```css
84
- .card {
85
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
86
- }
87
-
88
- .modal {
89
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
90
- }
91
- ```
92
-
93
- **转换后:**
94
- ```css
95
- .card {
96
- box-shadow: var(--shadow-md);
97
- }
98
-
99
- .modal {
100
- box-shadow: var(--shadow-lg);
101
- }
102
- ```
103
-
104
- ## 支持的文件类型
105
-
106
- - `.vue` - Vue 单文件组件
107
- - `.scss` - Sass 样式文件
108
- - `.css` - 纯 CSS 文件
109
-
110
- ## 扫描范围
111
-
112
- 脚本会扫描 `src` 目录下的所有目标文件,自动跳过:
113
- - `node_modules` 目录
114
- - `.git` 目录
115
- - `dist` 目录
116
-
117
- ## 输出报告
118
-
119
- 执行完成后会显示详细的统计报告:
120
-
121
- ```
122
- 📊 转换统计报告
123
- ============================================================
124
- 总文件数: 150
125
- 修改文件数: 38
126
- border-radius 替换次数: 67
127
- box-shadow 替换次数: 42
128
-
129
- 📋 border-radius 替换详情:
130
- 8px => var(--radius-lg): 28 次
131
- 6px => var(--radius-md): 19 次
132
- 4px => var(--radius-base): 12 次
133
- ...
134
-
135
- 📋 box-shadow 替换详情:
136
- 0 2px 8px rgba(0, 0, 0, 0.08) => var(--shadow-md): 23 次
137
- 0 4px 12px rgba(0, 0, 0, 0.08) => var(--shadow-lg): 15 次
138
- ...
139
- ```
140
-
141
- ## 注意事项
142
-
143
- 1. **备份建议**:运行脚本前建议先使用 `--dry-run` 参数预览更改
144
- 2. **Git 提交**:建议在运行前提交当前代码,方便回滚
145
- 3. **检查结果**:转换完成后请检查 Git diff,确认转换符合预期
146
- 4. **测试验证**:转换后请运行项目测试,确保样式显示正常
147
-
148
- ## 优势
149
-
150
- 使用 CSS 变量的好处:
151
-
152
- 1. **统一管理**:所有样式值在 `variables.scss` 中统一定义
153
- 2. **易于维护**:修改变量值即可全局更新
154
- 3. **主题支持**:方便实现深色主题等样式变体
155
- 4. **语义化**:变量名更具可读性
156
- 5. **一致性**:确保整个项目使用统一的设计规范
157
-
158
- ## 回滚方法
159
-
160
- 如果需要回滚更改:
161
-
162
- ```bash
163
- # 如果还未提交
164
- git checkout -- src/
165
-
166
- # 如果已提交
167
- git revert <commit-hash>
168
- ```
169
-
170
- ## 组合使用
171
-
172
- 该脚本可以与间距转换脚本配合使用,实现完整的样式标准化:
173
-
174
- ```bash
175
- # 1. 转换间距值
176
- node scripts/convert-spacing-to-vars.js
177
-
178
- # 2. 转换圆角和阴影
179
- node scripts/convert-to-standard-vars.js
180
- ```
1
+ # CSS 样式变量标准化工具
2
+
3
+ ## 功能说明
4
+
5
+ 该脚本将项目中的 `border-radius` 和 `box-shadow` 值转换为标准的 CSS 变量引用。
6
+
7
+ ## 转换规则
8
+
9
+ ### border-radius 映射
10
+
11
+ | 原始值 | 转换后 | CSS变量定义 |
12
+ |--------|--------|-------------|
13
+ | 2px | var(--radius-xs) | 2px |
14
+ | 3px | var(--radius-sm) | 3px |
15
+ | 4px | var(--radius-base) | 4px |
16
+ | 6px | var(--radius-md) | 6px |
17
+ | 8px | var(--radius-lg) | 8px |
18
+ | 12px | var(--radius-xl) | 12px |
19
+
20
+ ### box-shadow 映射
21
+
22
+ | 原始值 | 转换后 | 用途 |
23
+ |--------|--------|------|
24
+ | 0 1px 3px rgba(0, 0, 0, 0.04) | var(--shadow-sm) | 小阴影 |
25
+ | 0 1px 4px rgba(0, 0, 0, 0.04) | var(--shadow-base) | 基础阴影 |
26
+ | 0 2px 8px rgba(0, 0, 0, 0.08) | var(--shadow-md) | 中等阴影 |
27
+ | 0 4px 12px rgba(0, 0, 0, 0.08) | var(--shadow-lg) | 大阴影 |
28
+ | 0 8px 24px rgba(0, 0, 0, 0.12) | var(--shadow-xl) | 超大阴影 |
29
+
30
+ #### 模糊匹配规则
31
+
32
+ 对于未精确匹配的 box-shadow 值,脚本会根据偏移量和模糊度智能选择:
33
+
34
+ - **小阴影** (--shadow-sm): offset ≤ 2px, blur ≤ 4px
35
+ - **中等阴影** (--shadow-md): offset 2-4px, blur 6-12px
36
+ - **大阴影** (--shadow-lg): offset 4-8px, blur 12-24px
37
+
38
+ ## 使用方法
39
+
40
+ ### 预览模式(推荐先运行)
41
+
42
+ ```bash
43
+ # 预览将要进行的更改,不修改文件
44
+ node scripts/convert-to-standard-vars.js --dry-run
45
+ ```
46
+
47
+ ### 实际应用
48
+
49
+ ```bash
50
+ # 应用更改到文件
51
+ node scripts/convert-to-standard-vars.js
52
+ ```
53
+
54
+ ## 转换示例
55
+
56
+ ### border-radius 转换
57
+
58
+ **转换前:**
59
+ ```css
60
+ .card {
61
+ border-radius: 8px;
62
+ }
63
+
64
+ .button {
65
+ border-radius: 6px;
66
+ }
67
+ ```
68
+
69
+ **转换后:**
70
+ ```css
71
+ .card {
72
+ border-radius: var(--radius-lg);
73
+ }
74
+
75
+ .button {
76
+ border-radius: var(--radius-md);
77
+ }
78
+ ```
79
+
80
+ ### box-shadow 转换
81
+
82
+ **转换前:**
83
+ ```css
84
+ .card {
85
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
86
+ }
87
+
88
+ .modal {
89
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
90
+ }
91
+ ```
92
+
93
+ **转换后:**
94
+ ```css
95
+ .card {
96
+ box-shadow: var(--shadow-md);
97
+ }
98
+
99
+ .modal {
100
+ box-shadow: var(--shadow-lg);
101
+ }
102
+ ```
103
+
104
+ ## 支持的文件类型
105
+
106
+ - `.vue` - Vue 单文件组件
107
+ - `.scss` - Sass 样式文件
108
+ - `.css` - 纯 CSS 文件
109
+
110
+ ## 扫描范围
111
+
112
+ 脚本会扫描 `src` 目录下的所有目标文件,自动跳过:
113
+ - `node_modules` 目录
114
+ - `.git` 目录
115
+ - `dist` 目录
116
+
117
+ ## 输出报告
118
+
119
+ 执行完成后会显示详细的统计报告:
120
+
121
+ ```
122
+ 📊 转换统计报告
123
+ ============================================================
124
+ 总文件数: 150
125
+ 修改文件数: 38
126
+ border-radius 替换次数: 67
127
+ box-shadow 替换次数: 42
128
+
129
+ 📋 border-radius 替换详情:
130
+ 8px => var(--radius-lg): 28 次
131
+ 6px => var(--radius-md): 19 次
132
+ 4px => var(--radius-base): 12 次
133
+ ...
134
+
135
+ 📋 box-shadow 替换详情:
136
+ 0 2px 8px rgba(0, 0, 0, 0.08) => var(--shadow-md): 23 次
137
+ 0 4px 12px rgba(0, 0, 0, 0.08) => var(--shadow-lg): 15 次
138
+ ...
139
+ ```
140
+
141
+ ## 注意事项
142
+
143
+ 1. **备份建议**:运行脚本前建议先使用 `--dry-run` 参数预览更改
144
+ 2. **Git 提交**:建议在运行前提交当前代码,方便回滚
145
+ 3. **检查结果**:转换完成后请检查 Git diff,确认转换符合预期
146
+ 4. **测试验证**:转换后请运行项目测试,确保样式显示正常
147
+
148
+ ## 优势
149
+
150
+ 使用 CSS 变量的好处:
151
+
152
+ 1. **统一管理**:所有样式值在 `variables.scss` 中统一定义
153
+ 2. **易于维护**:修改变量值即可全局更新
154
+ 3. **主题支持**:方便实现深色主题等样式变体
155
+ 4. **语义化**:变量名更具可读性
156
+ 5. **一致性**:确保整个项目使用统一的设计规范
157
+
158
+ ## 回滚方法
159
+
160
+ 如果需要回滚更改:
161
+
162
+ ```bash
163
+ # 如果还未提交
164
+ git checkout -- src/
165
+
166
+ # 如果已提交
167
+ git revert <commit-hash>
168
+ ```
169
+
170
+ ## 组合使用
171
+
172
+ 该脚本可以与间距转换脚本配合使用,实现完整的样式标准化:
173
+
174
+ ```bash
175
+ # 1. 转换间距值
176
+ node scripts/convert-spacing-to-vars.js
177
+
178
+ # 2. 转换圆角和阴影
179
+ node scripts/convert-to-standard-vars.js
180
+ ```