@a2simcode/ui 0.0.108 → 0.0.110

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 (334) hide show
  1. package/.cursor/skills/ui-component-helper/README.md +86 -86
  2. package/.cursor/skills/ui-component-helper/SKILL.md +115 -115
  3. package/LICENSE +53 -53
  4. package/README.md +156 -156
  5. package/dist/components/input-layer/index.d.ts +10 -0
  6. package/dist/components/input-layer/src/input-layer.vue.d.ts +10 -0
  7. package/dist/components/table/index.d.ts +15 -0
  8. package/dist/components/table/src/table.vue.d.ts +15 -0
  9. package/dist/components/table-panel/index.d.ts +15 -0
  10. package/dist/components/table-panel/src/table-panel.vue.d.ts +15 -0
  11. package/dist/simcode-ui.es.js +253 -242
  12. package/dist/simcode-ui.umd.js +2 -2
  13. package/dist/stats.html +1 -1
  14. package/dist/ui.css +1 -1
  15. package/docs/components/autocomplete.md +89 -89
  16. package/docs/components/barcode.md +101 -101
  17. package/docs/components/button-select.md +24 -24
  18. package/docs/components/button.md +117 -117
  19. package/docs/components/buttons.md +119 -119
  20. package/docs/components/cascader-select.md +114 -114
  21. package/docs/components/checkbox.md +114 -114
  22. package/docs/components/code-mirror.md +85 -85
  23. package/docs/components/collapse.md +26 -26
  24. package/docs/components/comp.md +71 -71
  25. package/docs/components/count-up.md +24 -24
  26. package/docs/components/count.md +24 -24
  27. package/docs/components/data-panel.md +24 -24
  28. package/docs/components/date.md +76 -76
  29. package/docs/components/dialog-full.md +112 -112
  30. package/docs/components/dialog.md +127 -127
  31. package/docs/components/divider.md +24 -24
  32. package/docs/components/drawer.md +127 -127
  33. package/docs/components/dynamic-layer.md +118 -118
  34. package/docs/components/echarts.md +72 -72
  35. package/docs/components/editor.md +24 -24
  36. package/docs/components/form.md +27 -27
  37. package/docs/components/guid.md +39 -39
  38. package/docs/components/hpanel.md +24 -24
  39. package/docs/components/icon.md +56 -56
  40. package/docs/components/input-button.md +24 -24
  41. package/docs/components/input-code.md +24 -24
  42. package/docs/components/input-color.md +114 -114
  43. package/docs/components/input-layer.md +26 -26
  44. package/docs/components/input-rows.md +370 -370
  45. package/docs/components/input-tag.md +50 -50
  46. package/docs/components/input.md +129 -129
  47. package/docs/components/layer-form.md +61 -61
  48. package/docs/components/layer.md +127 -127
  49. package/docs/components/layout.md +132 -132
  50. package/docs/components/map.md +24 -24
  51. package/docs/components/menu.md +121 -121
  52. package/docs/components/meta/autocomplete.ts +11 -0
  53. package/docs/components/meta/buttons.ts +76 -76
  54. package/docs/components/meta/comp.ts +236 -236
  55. package/docs/components/meta/date.ts +256 -256
  56. package/docs/components/meta/echarts.ts +64 -64
  57. package/docs/components/meta/form.ts +165 -165
  58. package/docs/components/meta/input-cards.ts +112 -112
  59. package/docs/components/meta/input-color.ts +243 -243
  60. package/docs/components/meta/input-rows.ts +113 -113
  61. package/docs/components/meta/layer-form.ts +56 -56
  62. package/docs/components/meta/map.ts +68 -68
  63. package/docs/components/meta/panel.ts +152 -152
  64. package/docs/components/meta/slider.ts +270 -270
  65. package/docs/components/meta/table-panel.ts +220 -220
  66. package/docs/components/meta/table.ts +380 -380
  67. package/docs/components/meta/tabs.ts +146 -146
  68. package/docs/components/meta/tree-select.ts +199 -199
  69. package/docs/components/meta/workflow-viewer.ts +55 -55
  70. package/docs/components/number.md +124 -124
  71. package/docs/components/page.md +87 -87
  72. package/docs/components/panel.md +37 -37
  73. package/docs/components/radio.md +87 -87
  74. package/docs/components/rate.md +71 -71
  75. package/docs/components/select.md +133 -133
  76. package/docs/components/slider-captcha.md +41 -41
  77. package/docs/components/slider.md +101 -101
  78. package/docs/components/switch.md +90 -90
  79. package/docs/components/table-panel.md +236 -236
  80. package/docs/components/table.md +378 -378
  81. package/docs/components/tabs.md +26 -26
  82. package/docs/components/title.md +24 -24
  83. package/docs/components/tree.md +207 -207
  84. package/docs/components/upload.md +117 -117
  85. package/docs/components/workflow-viewer.md +21 -21
  86. package/docs/components/workflow.md +21 -21
  87. package/docs/examples/autocomplete/advanced.vue +35 -35
  88. package/docs/examples/autocomplete/basic.vue +32 -32
  89. package/docs/examples/autocomplete/clearable.vue +33 -33
  90. package/docs/examples/autocomplete/custom-template.vue +49 -49
  91. package/docs/examples/autocomplete/disabled.vue +33 -33
  92. package/docs/examples/autocomplete/icon.vue +37 -37
  93. package/docs/examples/barcode/all-types.vue +380 -380
  94. package/docs/examples/barcode/basic.vue +14 -14
  95. package/docs/examples/barcode/props-appearance.vue +243 -243
  96. package/docs/examples/barcode/props-geometry.vue +143 -143
  97. package/docs/examples/barcode/props-logic.vue +216 -216
  98. package/docs/examples/barcode/props-symbology.vue +199 -199
  99. package/docs/examples/barcode/props-text.vue +268 -268
  100. package/docs/examples/button/basic.vue +7 -7
  101. package/docs/examples/button/danger-ghost.vue +17 -17
  102. package/docs/examples/button/disabled.vue +10 -10
  103. package/docs/examples/button/loading.vue +6 -6
  104. package/docs/examples/button/shape.vue +7 -7
  105. package/docs/examples/button/size.vue +14 -14
  106. package/docs/examples/button/type.vue +9 -9
  107. package/docs/examples/button-select/basic.vue +19 -19
  108. package/docs/examples/buttons/basic.vue +45 -45
  109. package/docs/examples/buttons/disabled.vue +36 -36
  110. package/docs/examples/buttons/dropdown.vue +63 -63
  111. package/docs/examples/buttons/group.vue +52 -52
  112. package/docs/examples/buttons/link.vue +47 -47
  113. package/docs/examples/buttons/popup.vue +39 -39
  114. package/docs/examples/buttons/size.vue +45 -45
  115. package/docs/examples/cascader-select/basic.vue +28 -28
  116. package/docs/examples/cascader-select/clearable.vue +34 -34
  117. package/docs/examples/cascader-select/disabled.vue +43 -43
  118. package/docs/examples/cascader-select/filterable.vue +37 -37
  119. package/docs/examples/cascader-select/methods.vue +84 -84
  120. package/docs/examples/cascader-select/multiple.vue +38 -38
  121. package/docs/examples/cascader-select/slot.vue +45 -45
  122. package/docs/examples/checkbox/basic.vue +18 -18
  123. package/docs/examples/checkbox/button.vue +19 -19
  124. package/docs/examples/checkbox/color.vue +25 -25
  125. package/docs/examples/checkbox/disabled.vue +17 -17
  126. package/docs/examples/checkbox/min-max.vue +20 -20
  127. package/docs/examples/checkbox/mixed.vue +56 -56
  128. package/docs/examples/checkbox/size.vue +28 -28
  129. package/docs/examples/code-mirror/basic.vue +11 -11
  130. package/docs/examples/code-mirror/events.vue +42 -42
  131. package/docs/examples/code-mirror/height.vue +25 -25
  132. package/docs/examples/code-mirror/mode.vue +33 -33
  133. package/docs/examples/code-mirror/readonly.vue +14 -14
  134. package/docs/examples/collapse/basic.vue +82 -82
  135. package/docs/examples/comp/basic.vue +7 -7
  136. package/docs/examples/comp/collapse.vue +38 -38
  137. package/docs/examples/comp/tabs.vue +38 -38
  138. package/docs/examples/count/basic.vue +101 -101
  139. package/docs/examples/count-up/basic.vue +89 -89
  140. package/docs/examples/data-panel/basic.vue +110 -110
  141. package/docs/examples/date/basic.vue +73 -73
  142. package/docs/examples/date/default-value.vue +59 -59
  143. package/docs/examples/date/format.vue +75 -75
  144. package/docs/examples/date/range.vue +66 -66
  145. package/docs/examples/date/types.vue +79 -79
  146. package/docs/examples/dialog/basic.vue +36 -36
  147. package/docs/examples/dialog/custom-buttons.vue +44 -44
  148. package/docs/examples/dialog/fullscreen.vue +23 -23
  149. package/docs/examples/dialog/no-mask.vue +17 -17
  150. package/docs/examples/dialog/size.vue +44 -44
  151. package/docs/examples/dialog/steps.vue +57 -57
  152. package/docs/examples/dialog-full/basic.vue +29 -29
  153. package/docs/examples/dialog-full/custom-buttons.vue +45 -45
  154. package/docs/examples/dialog-full/no-buttons.vue +18 -18
  155. package/docs/examples/dialog-full/no-header.vue +27 -27
  156. package/docs/examples/dialog-full/steps.vue +71 -71
  157. package/docs/examples/divider/basic.vue +52 -52
  158. package/docs/examples/drawer/basic.vue +35 -35
  159. package/docs/examples/drawer/custom-buttons.vue +34 -34
  160. package/docs/examples/drawer/direction.vue +47 -47
  161. package/docs/examples/drawer/mask.vue +36 -36
  162. package/docs/examples/drawer/no-buttons.vue +20 -20
  163. package/docs/examples/drawer/size.vue +28 -28
  164. package/docs/examples/dynamic-layer/basic.vue +33 -33
  165. package/docs/examples/dynamic-layer/custom-buttons.vue +43 -43
  166. package/docs/examples/dynamic-layer/form.vue +73 -73
  167. package/docs/examples/dynamic-layer/steps.vue +52 -52
  168. package/docs/examples/dynamic-layer/types.vue +40 -40
  169. package/docs/examples/echarts/basic.vue +31 -31
  170. package/docs/examples/echarts/dynamic.vue +43 -43
  171. package/docs/examples/echarts/line.vue +46 -46
  172. package/docs/examples/echarts/pie.vue +44 -44
  173. package/docs/examples/editor/basic.vue +15 -15
  174. package/docs/examples/form/basic.vue +459 -459
  175. package/docs/examples/guid/basic.vue +10 -10
  176. package/docs/examples/guid/size.vue +13 -13
  177. package/docs/examples/hpanel/basic.vue +79 -79
  178. package/docs/examples/icon/basic.vue +9 -9
  179. package/docs/examples/icon/rotate-flip.vue +9 -9
  180. package/docs/examples/icon/size.vue +7 -7
  181. package/docs/examples/input/basic.vue +10 -10
  182. package/docs/examples/input/clearable.vue +12 -12
  183. package/docs/examples/input/disabled.vue +6 -6
  184. package/docs/examples/input/icon.vue +23 -23
  185. package/docs/examples/input/password.vue +18 -18
  186. package/docs/examples/input/size.vue +13 -13
  187. package/docs/examples/input/textarea.vue +25 -25
  188. package/docs/examples/input/word-limit.vue +28 -28
  189. package/docs/examples/input-button/basic.vue +33 -33
  190. package/docs/examples/input-code/basic.vue +29 -29
  191. package/docs/examples/input-color/basic.vue +10 -10
  192. package/docs/examples/input-color/disabled.vue +13 -13
  193. package/docs/examples/input-color/format.vue +17 -17
  194. package/docs/examples/input-color/no-alpha.vue +13 -13
  195. package/docs/examples/input-color/only-button.vue +15 -15
  196. package/docs/examples/input-color/predefine.vue +31 -31
  197. package/docs/examples/input-color/size.vue +15 -15
  198. package/docs/examples/input-layer/basic.vue +69 -69
  199. package/docs/examples/input-rows/basic.vue +73 -73
  200. package/docs/examples/input-rows/drag.vue +48 -48
  201. package/docs/examples/input-rows/layer-form.vue +85 -85
  202. package/docs/examples/input-rows/nested.vue +91 -91
  203. package/docs/examples/input-tag/basic.vue +27 -27
  204. package/docs/examples/input-tag/colors.vue +23 -23
  205. package/docs/examples/input-tag/readonly.vue +17 -17
  206. package/docs/examples/layer/basic.vue +43 -43
  207. package/docs/examples/layer/custom-buttons.vue +61 -61
  208. package/docs/examples/layer/drawer.vue +37 -37
  209. package/docs/examples/layer/full.vue +38 -38
  210. package/docs/examples/layer/modal.vue +34 -34
  211. package/docs/examples/layer/steps.vue +46 -46
  212. package/docs/examples/layer-form/basic.vue +76 -76
  213. package/docs/examples/layer-form/config.vue +82 -82
  214. package/docs/examples/layer-form/size.vue +72 -72
  215. package/docs/examples/layout/basic.vue +36 -36
  216. package/docs/examples/layout/custom-size.vue +50 -50
  217. package/docs/examples/layout/disable-move.vue +37 -37
  218. package/docs/examples/layout/hide-mid-when-narrow.vue +96 -96
  219. package/docs/examples/layout/min-size.vue +73 -73
  220. package/docs/examples/layout/percent-size.vue +80 -80
  221. package/docs/examples/layout/simple.vue +22 -22
  222. package/docs/examples/layout/top-side.vue +34 -34
  223. package/docs/examples/map/basic.vue +22 -22
  224. package/docs/examples/menu/basic.vue +58 -58
  225. package/docs/examples/menu/collapsed.vue +49 -49
  226. package/docs/examples/menu/horizontal.vue +44 -44
  227. package/docs/examples/menu/selection-test.vue +104 -104
  228. package/docs/examples/menu/theme.vue +46 -46
  229. package/docs/examples/menu/vertical.vue +46 -46
  230. package/docs/examples/number/advanced.vue +143 -143
  231. package/docs/examples/number/basic.vue +63 -63
  232. package/docs/examples/number/disabled.vue +49 -49
  233. package/docs/examples/number/size.vue +42 -42
  234. package/docs/examples/number/slots.vue +123 -123
  235. package/docs/examples/number/step-strictly.vue +41 -41
  236. package/docs/examples/number/step.vue +47 -47
  237. package/docs/examples/page/basic.vue +41 -41
  238. package/docs/examples/page/dept-user-management.vue +211 -211
  239. package/docs/examples/page/init.vue +87 -87
  240. package/docs/examples/page/log.vue +453 -453
  241. package/docs/examples/page/user-management.vue +313 -313
  242. package/docs/examples/panel/tool-buttons.vue +18 -18
  243. package/docs/examples/radio/basic.vue +17 -17
  244. package/docs/examples/radio/button.vue +17 -17
  245. package/docs/examples/radio/color.vue +18 -18
  246. package/docs/examples/radio/disabled.vue +17 -17
  247. package/docs/examples/radio/size.vue +29 -29
  248. package/docs/examples/rate/basic.vue +24 -24
  249. package/docs/examples/rate/half.vue +24 -24
  250. package/docs/examples/rate/readonly.vue +11 -11
  251. package/docs/examples/rate/text.vue +32 -32
  252. package/docs/examples/select/basic.vue +16 -16
  253. package/docs/examples/select/clearable.vue +22 -22
  254. package/docs/examples/select/disabled.vue +31 -31
  255. package/docs/examples/select/filterable.vue +24 -24
  256. package/docs/examples/select/group.vue +23 -23
  257. package/docs/examples/select/icon.vue +16 -16
  258. package/docs/examples/select/multiple.vue +18 -18
  259. package/docs/examples/select/size.vue +39 -39
  260. package/docs/examples/slider/basic.vue +42 -42
  261. package/docs/examples/slider/disabled.vue +17 -17
  262. package/docs/examples/slider/marks.vue +30 -30
  263. package/docs/examples/slider/size.vue +37 -37
  264. package/docs/examples/slider/tooltip.vue +36 -36
  265. package/docs/examples/slider/vertical.vue +26 -26
  266. package/docs/examples/slider-captcha/basic.vue +44 -44
  267. package/docs/examples/slider-captcha/custom.vue +48 -48
  268. package/docs/examples/switch/basic.vue +16 -16
  269. package/docs/examples/switch/disabled.vue +13 -13
  270. package/docs/examples/switch/loading.vue +13 -13
  271. package/docs/examples/switch/size.vue +15 -15
  272. package/docs/examples/switch/text.vue +13 -13
  273. package/docs/examples/table/action-filter.vue +126 -126
  274. package/docs/examples/table/actions.vue +116 -116
  275. package/docs/examples/table/add-row.vue +103 -103
  276. package/docs/examples/table/basic.vue +168 -168
  277. package/docs/examples/table/checkbox-layout.vue +68 -68
  278. package/docs/examples/table/custom-layout.vue +115 -115
  279. package/docs/examples/table/editable.vue +262 -262
  280. package/docs/examples/table/field-selection.vue +87 -87
  281. package/docs/examples/table/frozen-column.vue +140 -140
  282. package/docs/examples/table/height-mode.vue +99 -99
  283. package/docs/examples/table/icon.vue +85 -85
  284. package/docs/examples/table/link.vue +66 -66
  285. package/docs/examples/table/multiple.vue +178 -178
  286. package/docs/examples/table/pagination.vue +151 -151
  287. package/docs/examples/table/single-selection.vue +64 -64
  288. package/docs/examples/table/sub-table-lazy.vue +97 -97
  289. package/docs/examples/table/sub-table.vue +103 -103
  290. package/docs/examples/table/tag.vue +43 -43
  291. package/docs/examples/table/tree-column.vue +119 -119
  292. package/docs/examples/table/tree-data.vue +141 -141
  293. package/docs/examples/table/tree-default-expand-all.vue +60 -60
  294. package/docs/examples/table/tree-lazy.vue +80 -80
  295. package/docs/examples/table/tree-set-selection.vue +75 -75
  296. package/docs/examples/table-panel/basic.vue +228 -228
  297. package/docs/examples/table-panel/batch-operations.vue +285 -285
  298. package/docs/examples/table-panel/button-visibility.vue +88 -88
  299. package/docs/examples/table-panel/filter.vue +219 -219
  300. package/docs/examples/table-panel/get-selection.vue +111 -111
  301. package/docs/examples/table-panel/multiple-selection.vue +243 -243
  302. package/docs/examples/table-panel/pagination.vue +133 -133
  303. package/docs/examples/table-panel/sub-table-lazy.vue +118 -118
  304. package/docs/examples/table-panel/tree-parent-key.vue +67 -67
  305. package/docs/examples/tabs/basic.vue +98 -98
  306. package/docs/examples/title/basic.vue +80 -80
  307. package/docs/examples/tree/accordion.vue +46 -46
  308. package/docs/examples/tree/basic.vue +50 -50
  309. package/docs/examples/tree/buttons.vue +53 -53
  310. package/docs/examples/tree/checkable.vue +52 -52
  311. package/docs/examples/tree/custom-keys.vue +39 -39
  312. package/docs/examples/tree/default-expanded.vue +52 -52
  313. package/docs/examples/tree/draggable.vue +29 -29
  314. package/docs/examples/tree/expand-on-click.vue +39 -39
  315. package/docs/examples/tree/flat-data.vue +20 -20
  316. package/docs/examples/tree/icon.vue +40 -40
  317. package/docs/examples/tree/load-data.vue +37 -37
  318. package/docs/examples/tree/methods.vue +74 -74
  319. package/docs/examples/tree/theme.vue +33 -33
  320. package/docs/examples/upload/accept.vue +31 -31
  321. package/docs/examples/upload/basic.vue +12 -12
  322. package/docs/examples/upload/drag.vue +11 -11
  323. package/docs/examples/upload/image.vue +17 -17
  324. package/docs/examples/upload/limit.vue +20 -20
  325. package/docs/examples/upload/multiple.vue +17 -17
  326. package/docs/examples/upload/readonly.vue +17 -17
  327. package/docs/examples/utils/cipher.vue +160 -160
  328. package/docs/examples/utils/common.vue +153 -153
  329. package/docs/examples/utils/date.vue +56 -56
  330. package/docs/examples/utils/dom.vue +52 -52
  331. package/docs/examples/utils/is.vue +70 -70
  332. package/docs/examples/workflow/basic.vue +265 -265
  333. package/docs/examples/workflow-viewer/basic.vue +248 -248
  334. package/package.json +23 -23
package/README.md CHANGED
@@ -1,156 +1,156 @@
1
- # SimCode UI
2
-
3
- <div align="center">
4
- <h1>SimCode UI</h1>
5
- <p>基于 Vue 3 + TypeScript 的现代化 UI 组件库</p>
6
- </div>
7
-
8
- ## ✨ 特性
9
-
10
- - 🚀 **现代化技术栈**: 基于 Vue 3 + TypeScript + Vite
11
- - 📦 **开箱即用**: 提供完善的类型定义和文档
12
- - 🎨 **精美设计**: 现代化的设计风格
13
- - 🔧 **易于定制**: 支持主题定制
14
- - ⚡️ **按需加载**: 支持 Tree Shaking
15
- - 🧪 **完善测试**: 单元测试覆盖
16
-
17
- ## 📦 安装
18
-
19
- 使用 pnpm:
20
-
21
- ```bash
22
- pnpm add @a2simcode/ui
23
- ```
24
-
25
- 使用 npm:
26
-
27
- ```bash
28
- npm install @a2simcode/ui
29
- ```
30
-
31
- 使用 yarn:
32
-
33
- ```bash
34
- yarn add @a2simcode/ui
35
- ```
36
-
37
- ### 安装 Peer Dependencies
38
-
39
- `@a2simcode/ui` 使用 peer dependencies 来避免重复打包依赖。**必须安装**以下依赖:
40
-
41
- ```bash
42
- pnpm add vue element-plus
43
- ```
44
-
45
- 根据你使用的组件,可能还需要安装以下**可选依赖**:
46
-
47
- ```bash
48
- # 如果使用表格组件
49
- pnpm add @visactor/vtable @visactor/vtable-editors
50
-
51
- # 如果使用图表组件
52
- pnpm add echarts
53
-
54
- # 如果使用代码编辑器组件
55
- pnpm add codemirror @codemirror/autocomplete @codemirror/commands @codemirror/lang-javascript @codemirror/lang-json @codemirror/lang-sql @codemirror/lang-python @codemirror/lang-java @codemirror/lang-css @codemirror/lang-html @codemirror/lang-xml @codemirror/lang-markdown @codemirror/language @codemirror/state @codemirror/view
56
-
57
- # 如果使用其他功能组件
58
- pnpm add @iconify/vue @vueuse/core dayjs async-validator crypto-js sortablejs sql-formatter countup.js @bwip-js/browser @wangeditor/editor diagram-js diagram-js-direct-editing min-dom inherits tiny-svg min-dash
59
- ```
60
-
61
- > **注意**: 由于 `@a2simcode/ui` 输出的是预打包的单文件,使用方的打包器可能无法自动识别 peer dependencies。请确保在使用相关组件前,已安装对应的 peer dependencies。
62
-
63
- ## 🔨 快速开始
64
-
65
- ### 完整引入
66
-
67
- ```typescript
68
- import { createApp } from 'vue'
69
- import App from './App.vue'
70
- import SimCodeUI from '@a2simcode/ui'
71
- import '@a2simcode/ui/dist/style.css'
72
-
73
- const app = createApp(App)
74
- app.use(SimCodeUI)
75
- app.mount('#app')
76
- ```
77
-
78
- ### 按需引入
79
-
80
- ```vue
81
- <template>
82
- <j-button type="primary">按钮</j-button>
83
- </template>
84
-
85
- <script setup lang="ts">
86
- import { JButton } from '@a2simcode/ui'
87
- import '@a2simcode/ui/dist/style.css'
88
- </script>
89
- ```
90
-
91
- ## 🎯 组件列表
92
-
93
- - ✅ Button 按钮
94
- - ✅ Input 输入框
95
- - ✅ Radio 单选框
96
- - 🚧 更多组件开发中...
97
-
98
- ## 💻 本地开发
99
-
100
- ```bash
101
- # 进入项目目录
102
- cd simcode-ui
103
-
104
- # 安装依赖
105
- pnpm install
106
-
107
- # 启动开发服务器
108
- pnpm dev
109
-
110
- # 构建组件库
111
- pnpm build
112
-
113
- # 运行测试
114
- pnpm test
115
-
116
- # 启动文档站点
117
- pnpm docs:dev
118
- ```
119
-
120
- ## 📁 项目结构
121
-
122
- ```
123
- simcode-ui/
124
- ├── packages/ # 组件源码
125
- │ ├── components/ # 组件
126
- │ │ ├── button/ # 按钮组件
127
- │ │ ├── input/ # 输入框组件
128
- │ │ └── index.ts # 组件入口
129
- │ └── theme/ # 主题样式
130
- │ └── src/ # 样式源码 (Less)
131
- ├── examples/ # 组件预览
132
- │ ├── App.vue # 预览应用
133
- │ └── main.ts # 入口文件
134
- ├── docs/ # 文档
135
- │ ├── .vitepress/ # VitePress 配置
136
- │ ├── guide/ # 指南
137
- │ └── components/ # 组件文档
138
- ├── __tests__/ # 测试文件
139
- ├── vite.config.ts # Vite 配置
140
- ├── vitest.config.ts # Vitest 配置
141
- └── package.json # 项目配置
142
- ```
143
-
144
- ## 🤝 贡献
145
-
146
- 欢迎提交 Issue 和 Pull Request!
147
-
148
- ## 📄 版权声明
149
-
150
- Copyright © 2024 苏州极简搭信息技术有限公司. All rights reserved.
151
-
152
- 本软件及其相关文档为专有软件,受版权法保护。未经版权所有者明确书面许可,不得以任何形式或方式(电子、机械、复印、录制或其他方式)复制、分发、传播或使用本软件的任何部分。
153
-
154
- ## 🙏 致谢
155
-
156
- 感谢所有为这个项目做出贡献的开发者!
1
+ # SimCode UI
2
+
3
+ <div align="center">
4
+ <h1>SimCode UI</h1>
5
+ <p>基于 Vue 3 + TypeScript 的现代化 UI 组件库</p>
6
+ </div>
7
+
8
+ ## ✨ 特性
9
+
10
+ - 🚀 **现代化技术栈**: 基于 Vue 3 + TypeScript + Vite
11
+ - 📦 **开箱即用**: 提供完善的类型定义和文档
12
+ - 🎨 **精美设计**: 现代化的设计风格
13
+ - 🔧 **易于定制**: 支持主题定制
14
+ - ⚡️ **按需加载**: 支持 Tree Shaking
15
+ - 🧪 **完善测试**: 单元测试覆盖
16
+
17
+ ## 📦 安装
18
+
19
+ 使用 pnpm:
20
+
21
+ ```bash
22
+ pnpm add @a2simcode/ui
23
+ ```
24
+
25
+ 使用 npm:
26
+
27
+ ```bash
28
+ npm install @a2simcode/ui
29
+ ```
30
+
31
+ 使用 yarn:
32
+
33
+ ```bash
34
+ yarn add @a2simcode/ui
35
+ ```
36
+
37
+ ### 安装 Peer Dependencies
38
+
39
+ `@a2simcode/ui` 使用 peer dependencies 来避免重复打包依赖。**必须安装**以下依赖:
40
+
41
+ ```bash
42
+ pnpm add vue element-plus
43
+ ```
44
+
45
+ 根据你使用的组件,可能还需要安装以下**可选依赖**:
46
+
47
+ ```bash
48
+ # 如果使用表格组件
49
+ pnpm add @visactor/vtable @visactor/vtable-editors
50
+
51
+ # 如果使用图表组件
52
+ pnpm add echarts
53
+
54
+ # 如果使用代码编辑器组件
55
+ pnpm add codemirror @codemirror/autocomplete @codemirror/commands @codemirror/lang-javascript @codemirror/lang-json @codemirror/lang-sql @codemirror/lang-python @codemirror/lang-java @codemirror/lang-css @codemirror/lang-html @codemirror/lang-xml @codemirror/lang-markdown @codemirror/language @codemirror/state @codemirror/view
56
+
57
+ # 如果使用其他功能组件
58
+ pnpm add @iconify/vue @vueuse/core dayjs async-validator crypto-js sortablejs sql-formatter countup.js @bwip-js/browser @wangeditor/editor diagram-js diagram-js-direct-editing min-dom inherits tiny-svg min-dash
59
+ ```
60
+
61
+ > **注意**: 由于 `@a2simcode/ui` 输出的是预打包的单文件,使用方的打包器可能无法自动识别 peer dependencies。请确保在使用相关组件前,已安装对应的 peer dependencies。
62
+
63
+ ## 🔨 快速开始
64
+
65
+ ### 完整引入
66
+
67
+ ```typescript
68
+ import { createApp } from 'vue'
69
+ import App from './App.vue'
70
+ import SimCodeUI from '@a2simcode/ui'
71
+ import '@a2simcode/ui/dist/style.css'
72
+
73
+ const app = createApp(App)
74
+ app.use(SimCodeUI)
75
+ app.mount('#app')
76
+ ```
77
+
78
+ ### 按需引入
79
+
80
+ ```vue
81
+ <template>
82
+ <j-button type="primary">按钮</j-button>
83
+ </template>
84
+
85
+ <script setup lang="ts">
86
+ import { JButton } from '@a2simcode/ui'
87
+ import '@a2simcode/ui/dist/style.css'
88
+ </script>
89
+ ```
90
+
91
+ ## 🎯 组件列表
92
+
93
+ - ✅ Button 按钮
94
+ - ✅ Input 输入框
95
+ - ✅ Radio 单选框
96
+ - 🚧 更多组件开发中...
97
+
98
+ ## 💻 本地开发
99
+
100
+ ```bash
101
+ # 进入项目目录
102
+ cd simcode-ui
103
+
104
+ # 安装依赖
105
+ pnpm install
106
+
107
+ # 启动开发服务器
108
+ pnpm dev
109
+
110
+ # 构建组件库
111
+ pnpm build
112
+
113
+ # 运行测试
114
+ pnpm test
115
+
116
+ # 启动文档站点
117
+ pnpm docs:dev
118
+ ```
119
+
120
+ ## 📁 项目结构
121
+
122
+ ```
123
+ simcode-ui/
124
+ ├── packages/ # 组件源码
125
+ │ ├── components/ # 组件
126
+ │ │ ├── button/ # 按钮组件
127
+ │ │ ├── input/ # 输入框组件
128
+ │ │ └── index.ts # 组件入口
129
+ │ └── theme/ # 主题样式
130
+ │ └── src/ # 样式源码 (Less)
131
+ ├── examples/ # 组件预览
132
+ │ ├── App.vue # 预览应用
133
+ │ └── main.ts # 入口文件
134
+ ├── docs/ # 文档
135
+ │ ├── .vitepress/ # VitePress 配置
136
+ │ ├── guide/ # 指南
137
+ │ └── components/ # 组件文档
138
+ ├── __tests__/ # 测试文件
139
+ ├── vite.config.ts # Vite 配置
140
+ ├── vitest.config.ts # Vitest 配置
141
+ └── package.json # 项目配置
142
+ ```
143
+
144
+ ## 🤝 贡献
145
+
146
+ 欢迎提交 Issue 和 Pull Request!
147
+
148
+ ## 📄 版权声明
149
+
150
+ Copyright © 2024 苏州极简搭信息技术有限公司. All rights reserved.
151
+
152
+ 本软件及其相关文档为专有软件,受版权法保护。未经版权所有者明确书面许可,不得以任何形式或方式(电子、机械、复印、录制或其他方式)复制、分发、传播或使用本软件的任何部分。
153
+
154
+ ## 🙏 致谢
155
+
156
+ 感谢所有为这个项目做出贡献的开发者!
@@ -306,6 +306,10 @@ export declare const JInputLayer: {
306
306
  type: BooleanConstructor;
307
307
  default: boolean;
308
308
  };
309
+ selectStateKey: {
310
+ type: StringConstructor;
311
+ default: string;
312
+ };
309
313
  isPage: {
310
314
  type: BooleanConstructor;
311
315
  default: boolean;
@@ -423,6 +427,7 @@ export declare const JInputLayer: {
423
427
  parentKey: string;
424
428
  isShowNumber: boolean;
425
429
  isMultiple: boolean;
430
+ selectStateKey: string;
426
431
  isPage: boolean;
427
432
  pageSize: number;
428
433
  rowKey: string;
@@ -674,6 +679,10 @@ export declare const JInputLayer: {
674
679
  type: BooleanConstructor;
675
680
  default: boolean;
676
681
  };
682
+ selectStateKey: {
683
+ type: StringConstructor;
684
+ default: string;
685
+ };
677
686
  isPage: {
678
687
  type: BooleanConstructor;
679
688
  default: boolean;
@@ -788,6 +797,7 @@ export declare const JInputLayer: {
788
797
  parentKey: string;
789
798
  isShowNumber: boolean;
790
799
  isMultiple: boolean;
800
+ selectStateKey: string;
791
801
  isPage: boolean;
792
802
  pageSize: number;
793
803
  rowKey: string;
@@ -365,6 +365,10 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
365
365
  type: BooleanConstructor;
366
366
  default: boolean;
367
367
  };
368
+ selectStateKey: {
369
+ type: StringConstructor;
370
+ default: string;
371
+ };
368
372
  isPage: {
369
373
  type: BooleanConstructor;
370
374
  default: boolean;
@@ -482,6 +486,7 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
482
486
  parentKey: string;
483
487
  isShowNumber: boolean;
484
488
  isMultiple: boolean;
489
+ selectStateKey: string;
485
490
  isPage: boolean;
486
491
  pageSize: number;
487
492
  rowKey: string;
@@ -733,6 +738,10 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
733
738
  type: BooleanConstructor;
734
739
  default: boolean;
735
740
  };
741
+ selectStateKey: {
742
+ type: StringConstructor;
743
+ default: string;
744
+ };
736
745
  isPage: {
737
746
  type: BooleanConstructor;
738
747
  default: boolean;
@@ -847,6 +856,7 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
847
856
  parentKey: string;
848
857
  isShowNumber: boolean;
849
858
  isMultiple: boolean;
859
+ selectStateKey: string;
850
860
  isPage: boolean;
851
861
  pageSize: number;
852
862
  rowKey: string;
@@ -37,6 +37,10 @@ declare const JTable: {
37
37
  type: BooleanConstructor;
38
38
  default: boolean;
39
39
  };
40
+ selectStateKey: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
40
44
  isPage: {
41
45
  type: BooleanConstructor;
42
46
  default: boolean;
@@ -194,6 +198,7 @@ declare const JTable: {
194
198
  parentKey: string;
195
199
  isShowNumber: boolean;
196
200
  isMultiple: boolean;
201
+ selectStateKey: string;
197
202
  isPage: boolean;
198
203
  pageLayoutSimple: boolean;
199
204
  pageTotal: number;
@@ -272,6 +277,10 @@ declare const JTable: {
272
277
  type: BooleanConstructor;
273
278
  default: boolean;
274
279
  };
280
+ selectStateKey: {
281
+ type: StringConstructor;
282
+ default: string;
283
+ };
275
284
  isPage: {
276
285
  type: BooleanConstructor;
277
286
  default: boolean;
@@ -405,6 +414,7 @@ declare const JTable: {
405
414
  parentKey: string;
406
415
  isShowNumber: boolean;
407
416
  isMultiple: boolean;
417
+ selectStateKey: string;
408
418
  isPage: boolean;
409
419
  pageLayoutSimple: boolean;
410
420
  pageTotal: number;
@@ -478,6 +488,10 @@ declare const JTable: {
478
488
  type: BooleanConstructor;
479
489
  default: boolean;
480
490
  };
491
+ selectStateKey: {
492
+ type: StringConstructor;
493
+ default: string;
494
+ };
481
495
  isPage: {
482
496
  type: BooleanConstructor;
483
497
  default: boolean;
@@ -635,6 +649,7 @@ declare const JTable: {
635
649
  parentKey: string;
636
650
  isShowNumber: boolean;
637
651
  isMultiple: boolean;
652
+ selectStateKey: string;
638
653
  isPage: boolean;
639
654
  pageLayoutSimple: boolean;
640
655
  pageTotal: number;
@@ -65,6 +65,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
65
65
  type: BooleanConstructor;
66
66
  default: boolean;
67
67
  };
68
+ /**
69
+ * @zh 选状态字段名
70
+ */
71
+ selectStateKey: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ };
68
75
  /**
69
76
  * @zh 是否分页
70
77
  */
@@ -314,6 +321,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
314
321
  type: BooleanConstructor;
315
322
  default: boolean;
316
323
  };
324
+ /**
325
+ * @zh 选状态字段名
326
+ */
327
+ selectStateKey: {
328
+ type: StringConstructor;
329
+ default: string;
330
+ };
317
331
  /**
318
332
  * @zh 是否分页
319
333
  */
@@ -503,6 +517,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
503
517
  parentKey: string;
504
518
  isShowNumber: boolean;
505
519
  isMultiple: boolean;
520
+ selectStateKey: string;
506
521
  isPage: boolean;
507
522
  pageLayoutSimple: boolean;
508
523
  pageTotal: number;
@@ -25,6 +25,10 @@ declare const JTablePanel: {
25
25
  type: BooleanConstructor;
26
26
  default: boolean;
27
27
  };
28
+ selectStateKey: {
29
+ type: StringConstructor;
30
+ default: string;
31
+ };
28
32
  isPage: {
29
33
  type: BooleanConstructor;
30
34
  default: boolean;
@@ -142,6 +146,7 @@ declare const JTablePanel: {
142
146
  parentKey: string;
143
147
  isShowNumber: boolean;
144
148
  isMultiple: boolean;
149
+ selectStateKey: string;
145
150
  isPage: boolean;
146
151
  pageSize: number;
147
152
  rowKey: string;
@@ -393,6 +398,10 @@ declare const JTablePanel: {
393
398
  type: BooleanConstructor;
394
399
  default: boolean;
395
400
  };
401
+ selectStateKey: {
402
+ type: StringConstructor;
403
+ default: string;
404
+ };
396
405
  isPage: {
397
406
  type: BooleanConstructor;
398
407
  default: boolean;
@@ -507,6 +516,7 @@ declare const JTablePanel: {
507
516
  parentKey: string;
508
517
  isShowNumber: boolean;
509
518
  isMultiple: boolean;
519
+ selectStateKey: string;
510
520
  isPage: boolean;
511
521
  pageSize: number;
512
522
  rowKey: string;
@@ -567,6 +577,10 @@ declare const JTablePanel: {
567
577
  type: BooleanConstructor;
568
578
  default: boolean;
569
579
  };
580
+ selectStateKey: {
581
+ type: StringConstructor;
582
+ default: string;
583
+ };
570
584
  isPage: {
571
585
  type: BooleanConstructor;
572
586
  default: boolean;
@@ -684,6 +698,7 @@ declare const JTablePanel: {
684
698
  parentKey: string;
685
699
  isShowNumber: boolean;
686
700
  isMultiple: boolean;
701
+ selectStateKey: string;
687
702
  isPage: boolean;
688
703
  pageSize: number;
689
704
  rowKey: string;
@@ -46,6 +46,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
46
46
  type: BooleanConstructor;
47
47
  default: boolean;
48
48
  };
49
+ /**
50
+ * @zh 选状态字段名
51
+ */
52
+ selectStateKey: {
53
+ type: StringConstructor;
54
+ default: string;
55
+ };
49
56
  /**
50
57
  * @zh 是否分页
51
58
  */
@@ -267,6 +274,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
267
274
  type: BooleanConstructor;
268
275
  default: boolean;
269
276
  };
277
+ /**
278
+ * @zh 选状态字段名
279
+ */
280
+ selectStateKey: {
281
+ type: StringConstructor;
282
+ default: string;
283
+ };
270
284
  /**
271
285
  * @zh 是否分页
272
286
  */
@@ -446,6 +460,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
446
460
  parentKey: string;
447
461
  isShowNumber: boolean;
448
462
  isMultiple: boolean;
463
+ selectStateKey: string;
449
464
  isPage: boolean;
450
465
  pageSize: number;
451
466
  rowKey: string;