@a2simcode/ui 0.0.262 → 0.0.264

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 (368) 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/table/index.d.ts +30 -0
  6. package/dist/components/table/src/table.vue.d.ts +30 -0
  7. package/dist/components/tree/index.d.ts +15 -0
  8. package/dist/components/tree/src/tree.vue.d.ts +15 -0
  9. package/dist/simcode-ui.es.js +4638 -4613
  10. package/dist/simcode-ui.umd.js +2 -2
  11. package/dist/stats.html +1 -1
  12. package/dist/ui.css +1 -1
  13. package/docs/components/autocomplete.md +89 -89
  14. package/docs/components/barcode.md +101 -101
  15. package/docs/components/button-select.md +24 -24
  16. package/docs/components/button.md +117 -117
  17. package/docs/components/buttons.md +119 -119
  18. package/docs/components/card-list.md +38 -38
  19. package/docs/components/cascader-select.md +114 -114
  20. package/docs/components/checkbox.md +114 -114
  21. package/docs/components/code-mirror.md +85 -85
  22. package/docs/components/collapse.md +26 -26
  23. package/docs/components/comp.md +71 -71
  24. package/docs/components/count-up.md +24 -24
  25. package/docs/components/count.md +24 -24
  26. package/docs/components/data-panel.md +24 -24
  27. package/docs/components/date.md +76 -76
  28. package/docs/components/dialog-full.md +112 -112
  29. package/docs/components/dialog.md +127 -127
  30. package/docs/components/divider.md +24 -24
  31. package/docs/components/drawer.md +127 -127
  32. package/docs/components/dynamic-layer.md +118 -118
  33. package/docs/components/echarts.md +72 -72
  34. package/docs/components/editor.md +24 -24
  35. package/docs/components/form.md +87 -87
  36. package/docs/components/guid.md +39 -39
  37. package/docs/components/hpanel.md +24 -24
  38. package/docs/components/icon.md +56 -56
  39. package/docs/components/input-button.md +24 -24
  40. package/docs/components/input-code.md +24 -24
  41. package/docs/components/input-color.md +114 -114
  42. package/docs/components/input-layer.md +56 -56
  43. package/docs/components/input-rows.md +370 -370
  44. package/docs/components/input-tag.md +50 -50
  45. package/docs/components/input.md +129 -129
  46. package/docs/components/layer-form.md +61 -61
  47. package/docs/components/layer.md +127 -127
  48. package/docs/components/layout.md +132 -132
  49. package/docs/components/map.md +24 -24
  50. package/docs/components/menu.md +121 -121
  51. package/docs/components/meta/button.ts +212 -212
  52. package/docs/components/meta/buttons.ts +76 -76
  53. package/docs/components/meta/card-list.ts +210 -210
  54. package/docs/components/meta/code-mirror.ts +108 -108
  55. package/docs/components/meta/comp.ts +236 -236
  56. package/docs/components/meta/date.ts +267 -267
  57. package/docs/components/meta/echarts.ts +64 -64
  58. package/docs/components/meta/form-item.ts +62 -50
  59. package/docs/components/meta/form.ts +181 -181
  60. package/docs/components/meta/input-button.ts +175 -175
  61. package/docs/components/meta/input-cards.ts +112 -112
  62. package/docs/components/meta/input-code.ts +161 -161
  63. package/docs/components/meta/input-color.ts +243 -243
  64. package/docs/components/meta/input-rows.ts +119 -119
  65. package/docs/components/meta/layer-form.ts +74 -74
  66. package/docs/components/meta/map.ts +68 -68
  67. package/docs/components/meta/panel.ts +152 -152
  68. package/docs/components/meta/radio.ts +55 -55
  69. package/docs/components/meta/select.ts +279 -279
  70. package/docs/components/meta/slider.ts +270 -270
  71. package/docs/components/meta/table-panel.ts +326 -326
  72. package/docs/components/meta/table.ts +421 -409
  73. package/docs/components/meta/tabs.ts +146 -146
  74. package/docs/components/meta/title.ts +91 -91
  75. package/docs/components/meta/tree-select.ts +199 -199
  76. package/docs/components/meta/tree.ts +225 -219
  77. package/docs/components/meta/vpanel.ts +19 -19
  78. package/docs/components/meta/workflow-viewer.ts +55 -55
  79. package/docs/components/number.md +124 -124
  80. package/docs/components/page.md +102 -102
  81. package/docs/components/panel.md +37 -37
  82. package/docs/components/radio.md +87 -87
  83. package/docs/components/rate.md +71 -71
  84. package/docs/components/select.md +133 -133
  85. package/docs/components/slider-captcha.md +41 -41
  86. package/docs/components/slider.md +101 -101
  87. package/docs/components/switch.md +90 -90
  88. package/docs/components/table-panel.md +312 -312
  89. package/docs/components/table.md +465 -450
  90. package/docs/components/tabs.md +26 -26
  91. package/docs/components/title.md +24 -24
  92. package/docs/components/tree.md +222 -207
  93. package/docs/components/upload.md +117 -117
  94. package/docs/components/workflow-viewer.md +21 -21
  95. package/docs/components/workflow.md +21 -21
  96. package/docs/examples/autocomplete/advanced.vue +35 -35
  97. package/docs/examples/autocomplete/basic.vue +32 -32
  98. package/docs/examples/autocomplete/clearable.vue +33 -33
  99. package/docs/examples/autocomplete/custom-template.vue +49 -49
  100. package/docs/examples/autocomplete/disabled.vue +33 -33
  101. package/docs/examples/autocomplete/icon.vue +37 -37
  102. package/docs/examples/barcode/all-types.vue +380 -380
  103. package/docs/examples/barcode/basic.vue +14 -14
  104. package/docs/examples/barcode/props-appearance.vue +243 -243
  105. package/docs/examples/barcode/props-geometry.vue +143 -143
  106. package/docs/examples/barcode/props-logic.vue +216 -216
  107. package/docs/examples/barcode/props-symbology.vue +199 -199
  108. package/docs/examples/barcode/props-text.vue +268 -268
  109. package/docs/examples/button/basic.vue +7 -7
  110. package/docs/examples/button/disabled.vue +42 -42
  111. package/docs/examples/button/loading.vue +6 -6
  112. package/docs/examples/button/shape.vue +7 -7
  113. package/docs/examples/button/size.vue +14 -14
  114. package/docs/examples/button/status.vue +34 -34
  115. package/docs/examples/button/type.vue +10 -10
  116. package/docs/examples/button-select/basic.vue +19 -19
  117. package/docs/examples/buttons/basic.vue +62 -62
  118. package/docs/examples/buttons/disabled.vue +36 -36
  119. package/docs/examples/buttons/dropdown.vue +63 -63
  120. package/docs/examples/buttons/group.vue +52 -52
  121. package/docs/examples/buttons/link.vue +47 -47
  122. package/docs/examples/buttons/popup.vue +39 -39
  123. package/docs/examples/buttons/size.vue +45 -45
  124. package/docs/examples/card-list/basic.vue +70 -70
  125. package/docs/examples/card-list/selection-pagination.vue +69 -69
  126. package/docs/examples/cascader-select/basic.vue +28 -28
  127. package/docs/examples/cascader-select/clearable.vue +34 -34
  128. package/docs/examples/cascader-select/disabled.vue +43 -43
  129. package/docs/examples/cascader-select/filterable.vue +37 -37
  130. package/docs/examples/cascader-select/methods.vue +84 -84
  131. package/docs/examples/cascader-select/multiple.vue +38 -38
  132. package/docs/examples/cascader-select/slot.vue +45 -45
  133. package/docs/examples/checkbox/basic.vue +18 -18
  134. package/docs/examples/checkbox/button.vue +19 -19
  135. package/docs/examples/checkbox/color.vue +25 -25
  136. package/docs/examples/checkbox/disabled.vue +17 -17
  137. package/docs/examples/checkbox/min-max.vue +20 -20
  138. package/docs/examples/checkbox/mixed.vue +56 -56
  139. package/docs/examples/checkbox/size.vue +28 -28
  140. package/docs/examples/code-mirror/basic.vue +11 -11
  141. package/docs/examples/code-mirror/events.vue +42 -42
  142. package/docs/examples/code-mirror/height.vue +25 -25
  143. package/docs/examples/code-mirror/mode.vue +33 -33
  144. package/docs/examples/code-mirror/readonly.vue +14 -14
  145. package/docs/examples/collapse/basic.vue +82 -82
  146. package/docs/examples/comp/basic.vue +7 -7
  147. package/docs/examples/comp/collapse.vue +38 -38
  148. package/docs/examples/comp/tabs.vue +38 -38
  149. package/docs/examples/count/basic.vue +101 -101
  150. package/docs/examples/count-up/basic.vue +89 -89
  151. package/docs/examples/data-panel/basic.vue +110 -110
  152. package/docs/examples/date/basic.vue +73 -73
  153. package/docs/examples/date/default-value.vue +59 -59
  154. package/docs/examples/date/format.vue +75 -75
  155. package/docs/examples/date/range.vue +66 -66
  156. package/docs/examples/date/types.vue +79 -79
  157. package/docs/examples/decorated-title/basic.vue +31 -31
  158. package/docs/examples/dialog/basic.vue +36 -36
  159. package/docs/examples/dialog/custom-buttons.vue +44 -44
  160. package/docs/examples/dialog/fullscreen.vue +23 -23
  161. package/docs/examples/dialog/no-mask.vue +17 -17
  162. package/docs/examples/dialog/size.vue +44 -44
  163. package/docs/examples/dialog/steps.vue +57 -57
  164. package/docs/examples/dialog-full/basic.vue +29 -29
  165. package/docs/examples/dialog-full/custom-buttons.vue +45 -45
  166. package/docs/examples/dialog-full/no-buttons.vue +18 -18
  167. package/docs/examples/dialog-full/no-header.vue +27 -27
  168. package/docs/examples/dialog-full/steps.vue +71 -71
  169. package/docs/examples/divider/basic.vue +52 -52
  170. package/docs/examples/drawer/basic.vue +35 -35
  171. package/docs/examples/drawer/custom-buttons.vue +34 -34
  172. package/docs/examples/drawer/direction.vue +47 -47
  173. package/docs/examples/drawer/mask.vue +36 -36
  174. package/docs/examples/drawer/no-buttons.vue +20 -20
  175. package/docs/examples/drawer/size.vue +28 -28
  176. package/docs/examples/dynamic-layer/basic.vue +33 -33
  177. package/docs/examples/dynamic-layer/custom-buttons.vue +43 -43
  178. package/docs/examples/dynamic-layer/form.vue +73 -73
  179. package/docs/examples/dynamic-layer/steps.vue +52 -52
  180. package/docs/examples/dynamic-layer/types.vue +40 -40
  181. package/docs/examples/echarts/basic.vue +31 -31
  182. package/docs/examples/echarts/dynamic.vue +43 -43
  183. package/docs/examples/echarts/line.vue +46 -46
  184. package/docs/examples/echarts/pie.vue +44 -44
  185. package/docs/examples/editor/basic.vue +15 -15
  186. package/docs/examples/form/basic.vue +688 -688
  187. package/docs/examples/form/init.vue +76 -76
  188. package/docs/examples/form/master-detail.vue +203 -203
  189. package/docs/examples/form/rule-format.vue +179 -179
  190. package/docs/examples/form/view-table.vue +378 -378
  191. package/docs/examples/guid/basic.vue +10 -10
  192. package/docs/examples/guid/size.vue +13 -13
  193. package/docs/examples/hpanel/basic.vue +79 -79
  194. package/docs/examples/icon/basic.vue +9 -9
  195. package/docs/examples/icon/rotate-flip.vue +9 -9
  196. package/docs/examples/icon/size.vue +7 -7
  197. package/docs/examples/input/basic.vue +10 -10
  198. package/docs/examples/input/clearable.vue +12 -12
  199. package/docs/examples/input/disabled.vue +6 -6
  200. package/docs/examples/input/icon.vue +23 -23
  201. package/docs/examples/input/password.vue +18 -18
  202. package/docs/examples/input/size.vue +13 -13
  203. package/docs/examples/input/textarea.vue +25 -25
  204. package/docs/examples/input/word-limit.vue +28 -28
  205. package/docs/examples/input-button/basic.vue +33 -33
  206. package/docs/examples/input-cards/basic.vue +79 -79
  207. package/docs/examples/input-code/basic.vue +29 -29
  208. package/docs/examples/input-color/basic.vue +10 -10
  209. package/docs/examples/input-color/disabled.vue +13 -13
  210. package/docs/examples/input-color/format.vue +17 -17
  211. package/docs/examples/input-color/no-alpha.vue +13 -13
  212. package/docs/examples/input-color/only-button.vue +15 -15
  213. package/docs/examples/input-color/predefine.vue +31 -31
  214. package/docs/examples/input-color/size.vue +15 -15
  215. package/docs/examples/input-layer/basic.vue +85 -85
  216. package/docs/examples/input-layer/render-vnode-page.vue +160 -160
  217. package/docs/examples/input-layer/render-vnode.vue +127 -127
  218. package/docs/examples/input-rows/basic.vue +73 -73
  219. package/docs/examples/input-rows/drag.vue +48 -48
  220. package/docs/examples/input-rows/layer-form.vue +85 -85
  221. package/docs/examples/input-rows/nested.vue +91 -91
  222. package/docs/examples/input-tag/basic.vue +27 -27
  223. package/docs/examples/input-tag/colors.vue +23 -23
  224. package/docs/examples/input-tag/readonly.vue +17 -17
  225. package/docs/examples/layer/basic.vue +43 -43
  226. package/docs/examples/layer/custom-buttons.vue +61 -61
  227. package/docs/examples/layer/drawer.vue +37 -37
  228. package/docs/examples/layer/full.vue +38 -38
  229. package/docs/examples/layer/modal.vue +34 -34
  230. package/docs/examples/layer/steps.vue +46 -46
  231. package/docs/examples/layer-form/basic.vue +76 -76
  232. package/docs/examples/layer-form/config.vue +82 -82
  233. package/docs/examples/layer-form/size.vue +72 -72
  234. package/docs/examples/layout/basic.vue +36 -36
  235. package/docs/examples/layout/custom-size.vue +50 -50
  236. package/docs/examples/layout/disable-move.vue +37 -37
  237. package/docs/examples/layout/hide-mid-when-narrow.vue +96 -96
  238. package/docs/examples/layout/min-size.vue +73 -73
  239. package/docs/examples/layout/percent-size.vue +80 -80
  240. package/docs/examples/layout/simple.vue +22 -22
  241. package/docs/examples/layout/top-side.vue +34 -34
  242. package/docs/examples/map/basic.vue +22 -22
  243. package/docs/examples/menu/basic.vue +58 -58
  244. package/docs/examples/menu/collapsed.vue +49 -49
  245. package/docs/examples/menu/horizontal.vue +44 -44
  246. package/docs/examples/menu/selection-test.vue +104 -104
  247. package/docs/examples/menu/theme.vue +46 -46
  248. package/docs/examples/menu/vertical.vue +46 -46
  249. package/docs/examples/number/advanced.vue +143 -143
  250. package/docs/examples/number/basic.vue +63 -63
  251. package/docs/examples/number/disabled.vue +49 -49
  252. package/docs/examples/number/size.vue +42 -42
  253. package/docs/examples/number/slots.vue +123 -123
  254. package/docs/examples/number/step-strictly.vue +41 -41
  255. package/docs/examples/number/step.vue +47 -47
  256. package/docs/examples/page/basic.vue +41 -41
  257. package/docs/examples/page/code-table-model.vue +428 -428
  258. package/docs/examples/page/dept-user-management.vue +211 -211
  259. package/docs/examples/page/init.vue +87 -87
  260. package/docs/examples/page/log.vue +453 -453
  261. package/docs/examples/page/user-management.vue +313 -313
  262. package/docs/examples/panel/tool-buttons.vue +18 -18
  263. package/docs/examples/radio/basic.vue +17 -17
  264. package/docs/examples/radio/button.vue +17 -17
  265. package/docs/examples/radio/color.vue +18 -18
  266. package/docs/examples/radio/disabled.vue +17 -17
  267. package/docs/examples/radio/size.vue +29 -29
  268. package/docs/examples/rate/basic.vue +24 -24
  269. package/docs/examples/rate/half.vue +24 -24
  270. package/docs/examples/rate/readonly.vue +11 -11
  271. package/docs/examples/rate/text.vue +37 -37
  272. package/docs/examples/select/basic.vue +16 -16
  273. package/docs/examples/select/clearable.vue +22 -22
  274. package/docs/examples/select/disabled.vue +31 -31
  275. package/docs/examples/select/filterable.vue +24 -24
  276. package/docs/examples/select/group.vue +23 -23
  277. package/docs/examples/select/icon.vue +16 -16
  278. package/docs/examples/select/multiple.vue +18 -18
  279. package/docs/examples/select/size.vue +39 -39
  280. package/docs/examples/slider/basic.vue +42 -42
  281. package/docs/examples/slider/disabled.vue +17 -17
  282. package/docs/examples/slider/marks.vue +30 -30
  283. package/docs/examples/slider/size.vue +37 -37
  284. package/docs/examples/slider/tooltip.vue +36 -36
  285. package/docs/examples/slider/vertical.vue +26 -26
  286. package/docs/examples/slider-captcha/basic.vue +44 -44
  287. package/docs/examples/slider-captcha/custom.vue +48 -48
  288. package/docs/examples/switch/basic.vue +16 -16
  289. package/docs/examples/switch/disabled.vue +13 -13
  290. package/docs/examples/switch/loading.vue +13 -13
  291. package/docs/examples/switch/size.vue +15 -15
  292. package/docs/examples/switch/text.vue +13 -13
  293. package/docs/examples/table/action-filter.vue +126 -126
  294. package/docs/examples/table/actions.vue +116 -116
  295. package/docs/examples/table/add-row.vue +103 -103
  296. package/docs/examples/table/basic.vue +168 -168
  297. package/docs/examples/table/checkbox-layout.vue +68 -68
  298. package/docs/examples/table/column-filter.vue +96 -96
  299. package/docs/examples/table/custom-layout.vue +115 -115
  300. package/docs/examples/table/dynamic-type.vue +73 -73
  301. package/docs/examples/table/editable.vue +262 -262
  302. package/docs/examples/table/field-selection.vue +87 -87
  303. package/docs/examples/table/frozen-column.vue +140 -140
  304. package/docs/examples/table/height-mode.vue +99 -99
  305. package/docs/examples/table/icon.vue +85 -85
  306. package/docs/examples/table/layer-form.vue +133 -133
  307. package/docs/examples/table/link.vue +66 -66
  308. package/docs/examples/table/multiple-disabled.vue +112 -112
  309. package/docs/examples/table/multiple.vue +188 -188
  310. package/docs/examples/table/pagination.vue +151 -151
  311. package/docs/examples/table/row-drag.vue +67 -67
  312. package/docs/examples/table/row-fixed.vue +55 -0
  313. package/docs/examples/table/single-selection.vue +64 -64
  314. package/docs/examples/table/sub-table-lazy.vue +97 -97
  315. package/docs/examples/table/sub-table.vue +103 -103
  316. package/docs/examples/table/tag.vue +43 -43
  317. package/docs/examples/table/tree-column.vue +119 -119
  318. package/docs/examples/table/tree-data.vue +141 -141
  319. package/docs/examples/table/tree-default-expand-all.vue +60 -60
  320. package/docs/examples/table/tree-lazy.vue +80 -80
  321. package/docs/examples/table/tree-set-selection.vue +75 -75
  322. package/docs/examples/table-panel/basic.vue +229 -229
  323. package/docs/examples/table-panel/batch-operations.vue +286 -286
  324. package/docs/examples/table-panel/button-visibility.vue +88 -88
  325. package/docs/examples/table-panel/card.vue +101 -101
  326. package/docs/examples/table-panel/column-filter.vue +116 -116
  327. package/docs/examples/table-panel/filter.vue +219 -219
  328. package/docs/examples/table-panel/get-selection.vue +111 -111
  329. package/docs/examples/table-panel/mask.vue +151 -151
  330. package/docs/examples/table-panel/model-value.vue +87 -87
  331. package/docs/examples/table-panel/multiple-selection.vue +243 -243
  332. package/docs/examples/table-panel/pagination.vue +133 -133
  333. package/docs/examples/table-panel/search-list.vue +207 -207
  334. package/docs/examples/table-panel/sub-table-lazy.vue +118 -118
  335. package/docs/examples/table-panel/tree-parent-key.vue +67 -67
  336. package/docs/examples/tabs/basic.vue +98 -98
  337. package/docs/examples/time/base.vue +67 -67
  338. package/docs/examples/title/basic.vue +87 -87
  339. package/docs/examples/tree/accordion.vue +46 -46
  340. package/docs/examples/tree/basic.vue +50 -50
  341. package/docs/examples/tree/buttons.vue +53 -53
  342. package/docs/examples/tree/check-strictly.vue +53 -0
  343. package/docs/examples/tree/checkable.vue +52 -52
  344. package/docs/examples/tree/custom-keys.vue +39 -39
  345. package/docs/examples/tree/default-expanded.vue +52 -52
  346. package/docs/examples/tree/draggable.vue +29 -29
  347. package/docs/examples/tree/expand-on-click.vue +39 -39
  348. package/docs/examples/tree/flat-data.vue +20 -20
  349. package/docs/examples/tree/icon.vue +40 -40
  350. package/docs/examples/tree/load-data.vue +37 -37
  351. package/docs/examples/tree/methods.vue +74 -74
  352. package/docs/examples/tree/theme.vue +33 -33
  353. package/docs/examples/tree-select/basic.vue +47 -47
  354. package/docs/examples/upload/accept.vue +31 -31
  355. package/docs/examples/upload/basic.vue +12 -12
  356. package/docs/examples/upload/drag.vue +11 -11
  357. package/docs/examples/upload/image.vue +17 -17
  358. package/docs/examples/upload/limit.vue +20 -20
  359. package/docs/examples/upload/multiple.vue +17 -17
  360. package/docs/examples/upload/readonly.vue +17 -17
  361. package/docs/examples/utils/cipher.vue +160 -160
  362. package/docs/examples/utils/common.vue +153 -153
  363. package/docs/examples/utils/date.vue +56 -56
  364. package/docs/examples/utils/dom.vue +52 -52
  365. package/docs/examples/utils/is.vue +70 -70
  366. package/docs/examples/workflow/basic.vue +265 -265
  367. package/docs/examples/workflow-viewer/basic.vue +248 -248
  368. 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
+ 感谢所有为这个项目做出贡献的开发者!
@@ -116,6 +116,14 @@ declare const JTable: {
116
116
  type: (StringConstructor | NumberConstructor)[];
117
117
  default: undefined;
118
118
  };
119
+ isRowFixed: {
120
+ type: BooleanConstructor;
121
+ default: boolean;
122
+ };
123
+ rowNum: {
124
+ type: NumberConstructor;
125
+ default: number;
126
+ };
119
127
  highlightMode: {
120
128
  type: import('vue').PropType<"cross" | "row" | "column" | "cell">;
121
129
  default: string;
@@ -204,6 +212,7 @@ declare const JTable: {
204
212
  }, import('vue').PublicProps, {
205
213
  id: string;
206
214
  modelValue: Record<string, any>[];
215
+ rowNum: number;
207
216
  isPage: boolean;
208
217
  columns: import('.').ColumnSchemaConfig[];
209
218
  columnFilter: string[];
@@ -238,6 +247,7 @@ declare const JTable: {
238
247
  isAnimationAppear: boolean;
239
248
  heightMode: "auto" | "full";
240
249
  maxHeight: string | number;
250
+ isRowFixed: boolean;
241
251
  highlightMode: "row" | "cross" | "column" | "cell";
242
252
  editConfig: import('..').EditConfigType;
243
253
  emptyTipText: string;
@@ -371,6 +381,14 @@ declare const JTable: {
371
381
  type: (StringConstructor | NumberConstructor)[];
372
382
  default: undefined;
373
383
  };
384
+ isRowFixed: {
385
+ type: BooleanConstructor;
386
+ default: boolean;
387
+ };
388
+ rowNum: {
389
+ type: NumberConstructor;
390
+ default: number;
391
+ };
374
392
  highlightMode: {
375
393
  type: import('vue').PropType<"cross" | "row" | "column" | "cell">;
376
394
  default: string;
@@ -434,6 +452,7 @@ declare const JTable: {
434
452
  }, {}, {}, {}, {
435
453
  id: string;
436
454
  modelValue: Record<string, any>[];
455
+ rowNum: number;
437
456
  isPage: boolean;
438
457
  columns: import('.').ColumnSchemaConfig[];
439
458
  columnFilter: string[];
@@ -468,6 +487,7 @@ declare const JTable: {
468
487
  isAnimationAppear: boolean;
469
488
  heightMode: "auto" | "full";
470
489
  maxHeight: string | number;
490
+ isRowFixed: boolean;
471
491
  highlightMode: "row" | "cross" | "column" | "cell";
472
492
  editConfig: import('..').EditConfigType;
473
493
  emptyTipText: string;
@@ -596,6 +616,14 @@ declare const JTable: {
596
616
  type: (StringConstructor | NumberConstructor)[];
597
617
  default: undefined;
598
618
  };
619
+ isRowFixed: {
620
+ type: BooleanConstructor;
621
+ default: boolean;
622
+ };
623
+ rowNum: {
624
+ type: NumberConstructor;
625
+ default: number;
626
+ };
599
627
  highlightMode: {
600
628
  type: import('vue').PropType<"cross" | "row" | "column" | "cell">;
601
629
  default: string;
@@ -684,6 +712,7 @@ declare const JTable: {
684
712
  }, string, {
685
713
  id: string;
686
714
  modelValue: Record<string, any>[];
715
+ rowNum: number;
687
716
  isPage: boolean;
688
717
  columns: import('.').ColumnSchemaConfig[];
689
718
  columnFilter: string[];
@@ -718,6 +747,7 @@ declare const JTable: {
718
747
  isAnimationAppear: boolean;
719
748
  heightMode: "auto" | "full";
720
749
  maxHeight: string | number;
750
+ isRowFixed: boolean;
721
751
  highlightMode: "row" | "cross" | "column" | "cell";
722
752
  editConfig: import('..').EditConfigType;
723
753
  emptyTipText: string;
@@ -198,6 +198,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
198
198
  type: (StringConstructor | NumberConstructor)[];
199
199
  default: undefined;
200
200
  };
201
+ /**
202
+ * @zh 是否固定行数
203
+ */
204
+ isRowFixed: {
205
+ type: BooleanConstructor;
206
+ default: boolean;
207
+ };
208
+ /**
209
+ * @zh 固定行数,仅在 isRowFixed 为 true 时生效
210
+ */
211
+ rowNum: {
212
+ type: NumberConstructor;
213
+ default: number;
214
+ };
201
215
  /**
202
216
  * @zh 高亮模式 cross 十字 row 行 column 列 cell 单元格
203
217
  */
@@ -475,6 +489,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
475
489
  type: (StringConstructor | NumberConstructor)[];
476
490
  default: undefined;
477
491
  };
492
+ /**
493
+ * @zh 是否固定行数
494
+ */
495
+ isRowFixed: {
496
+ type: BooleanConstructor;
497
+ default: boolean;
498
+ };
499
+ /**
500
+ * @zh 固定行数,仅在 isRowFixed 为 true 时生效
501
+ */
502
+ rowNum: {
503
+ type: NumberConstructor;
504
+ default: number;
505
+ };
478
506
  /**
479
507
  * @zh 高亮模式 cross 十字 row 行 column 列 cell 单元格
480
508
  */
@@ -552,6 +580,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
552
580
  }>, {
553
581
  id: string;
554
582
  modelValue: Record<string, any>[];
583
+ rowNum: number;
555
584
  isPage: boolean;
556
585
  columns: ColumnSchemaConfig[];
557
586
  columnFilter: string[];
@@ -586,6 +615,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
586
615
  isAnimationAppear: boolean;
587
616
  heightMode: "auto" | "full";
588
617
  maxHeight: string | number;
618
+ isRowFixed: boolean;
589
619
  highlightMode: "row" | "cross" | "column" | "cell";
590
620
  editConfig: EditConfigType;
591
621
  emptyTipText: string;
@@ -46,6 +46,10 @@ export declare const JTree: {
46
46
  dataType: StringConstructor;
47
47
  dataCode: StringConstructor;
48
48
  checkable: BooleanConstructor;
49
+ checkStrictly: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
49
53
  check: FunctionConstructor;
50
54
  emptyDes: {
51
55
  type: StringConstructor;
@@ -107,6 +111,7 @@ export declare const JTree: {
107
111
  "node-drop": (...args: any[]) => void;
108
112
  }, import('vue').PublicProps, {
109
113
  immediate: boolean;
114
+ checkStrictly: boolean;
110
115
  accordion: boolean;
111
116
  defaultExpandAll: boolean;
112
117
  theme: string;
@@ -182,6 +187,10 @@ export declare const JTree: {
182
187
  dataType: StringConstructor;
183
188
  dataCode: StringConstructor;
184
189
  checkable: BooleanConstructor;
190
+ checkStrictly: {
191
+ type: BooleanConstructor;
192
+ default: boolean;
193
+ };
185
194
  check: FunctionConstructor;
186
195
  emptyDes: {
187
196
  type: StringConstructor;
@@ -241,6 +250,7 @@ export declare const JTree: {
241
250
  getCheck: (leafOnly?: boolean) => any;
242
251
  }, {}, {}, {}, {
243
252
  immediate: boolean;
253
+ checkStrictly: boolean;
244
254
  accordion: boolean;
245
255
  defaultExpandAll: boolean;
246
256
  theme: string;
@@ -311,6 +321,10 @@ export declare const JTree: {
311
321
  dataType: StringConstructor;
312
322
  dataCode: StringConstructor;
313
323
  checkable: BooleanConstructor;
324
+ checkStrictly: {
325
+ type: BooleanConstructor;
326
+ default: boolean;
327
+ };
314
328
  check: FunctionConstructor;
315
329
  emptyDes: {
316
330
  type: StringConstructor;
@@ -372,6 +386,7 @@ export declare const JTree: {
372
386
  "node-drop": (...args: any[]) => void;
373
387
  }, string, {
374
388
  immediate: boolean;
389
+ checkStrictly: boolean;
375
390
  accordion: boolean;
376
391
  defaultExpandAll: boolean;
377
392
  theme: string;
@@ -98,6 +98,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
98
98
  * @zh 是否可选择
99
99
  */
100
100
  checkable: BooleanConstructor;
101
+ /**
102
+ * @zh 在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false
103
+ */
104
+ checkStrictly: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
101
108
  /**
102
109
  * @zh 勾选方法
103
110
  */
@@ -298,6 +305,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
298
305
  * @zh 是否可选择
299
306
  */
300
307
  checkable: BooleanConstructor;
308
+ /**
309
+ * @zh 在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false
310
+ */
311
+ checkStrictly: {
312
+ type: BooleanConstructor;
313
+ default: boolean;
314
+ };
301
315
  /**
302
316
  * @zh 勾选方法
303
317
  */
@@ -396,6 +410,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
396
410
  "onNode-drop"?: ((...args: any[]) => any) | undefined;
397
411
  }>, {
398
412
  immediate: boolean;
413
+ checkStrictly: boolean;
399
414
  accordion: boolean;
400
415
  defaultExpandAll: boolean;
401
416
  theme: string;