@a2simcode/ui 0.0.111 → 0.0.114

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 (339) 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/index.d.ts +2 -1
  6. package/dist/components/inject-provide.d.ts +1 -0
  7. package/dist/components/input-layer/index.d.ts +5 -9
  8. package/dist/components/input-layer/src/input-layer.vue.d.ts +3 -7
  9. package/dist/components/table/index.d.ts +3 -9
  10. package/dist/components/table/src/table.vue.d.ts +1 -4
  11. package/dist/components/table-panel/index.d.ts +3 -9
  12. package/dist/components/table-panel/src/table-panel.vue.d.ts +1 -4
  13. package/dist/components/time/index.d.ts +105 -0
  14. package/dist/components/time/src/time.vue.d.ts +64 -0
  15. package/dist/simcode-ui.es.js +5462 -5277
  16. package/dist/simcode-ui.umd.js +2 -2
  17. package/dist/stats.html +1 -1
  18. package/dist/ui.css +1 -1
  19. package/docs/components/autocomplete.md +89 -89
  20. package/docs/components/barcode.md +101 -101
  21. package/docs/components/button-select.md +24 -24
  22. package/docs/components/button.md +117 -117
  23. package/docs/components/buttons.md +119 -119
  24. package/docs/components/cascader-select.md +114 -114
  25. package/docs/components/checkbox.md +114 -114
  26. package/docs/components/code-mirror.md +85 -85
  27. package/docs/components/collapse.md +26 -26
  28. package/docs/components/comp.md +71 -71
  29. package/docs/components/count-up.md +24 -24
  30. package/docs/components/count.md +24 -24
  31. package/docs/components/data-panel.md +24 -24
  32. package/docs/components/date.md +76 -76
  33. package/docs/components/dialog-full.md +112 -112
  34. package/docs/components/dialog.md +127 -127
  35. package/docs/components/divider.md +24 -24
  36. package/docs/components/drawer.md +127 -127
  37. package/docs/components/dynamic-layer.md +118 -118
  38. package/docs/components/echarts.md +72 -72
  39. package/docs/components/editor.md +24 -24
  40. package/docs/components/form.md +27 -27
  41. package/docs/components/guid.md +39 -39
  42. package/docs/components/hpanel.md +24 -24
  43. package/docs/components/icon.md +56 -56
  44. package/docs/components/input-button.md +24 -24
  45. package/docs/components/input-code.md +24 -24
  46. package/docs/components/input-color.md +114 -114
  47. package/docs/components/input-layer.md +26 -26
  48. package/docs/components/input-rows.md +370 -370
  49. package/docs/components/input-tag.md +50 -50
  50. package/docs/components/input.md +129 -129
  51. package/docs/components/layer-form.md +61 -61
  52. package/docs/components/layer.md +127 -127
  53. package/docs/components/layout.md +132 -132
  54. package/docs/components/map.md +24 -24
  55. package/docs/components/menu.md +121 -121
  56. package/docs/components/meta/buttons.ts +76 -76
  57. package/docs/components/meta/comp.ts +236 -236
  58. package/docs/components/meta/date.ts +256 -256
  59. package/docs/components/meta/echarts.ts +64 -64
  60. package/docs/components/meta/form.ts +165 -165
  61. package/docs/components/meta/input-cards.ts +112 -112
  62. package/docs/components/meta/input-color.ts +243 -243
  63. package/docs/components/meta/input-rows.ts +113 -113
  64. package/docs/components/meta/layer-form.ts +56 -56
  65. package/docs/components/meta/map.ts +68 -68
  66. package/docs/components/meta/panel.ts +152 -152
  67. package/docs/components/meta/slider.ts +270 -270
  68. package/docs/components/meta/table-panel.ts +232 -220
  69. package/docs/components/meta/table.ts +386 -380
  70. package/docs/components/meta/tabs.ts +146 -146
  71. package/docs/components/meta/tree-select.ts +199 -199
  72. package/docs/components/meta/workflow-viewer.ts +55 -55
  73. package/docs/components/number.md +124 -124
  74. package/docs/components/page.md +87 -87
  75. package/docs/components/panel.md +37 -37
  76. package/docs/components/radio.md +87 -87
  77. package/docs/components/rate.md +71 -71
  78. package/docs/components/select.md +133 -133
  79. package/docs/components/slider-captcha.md +41 -41
  80. package/docs/components/slider.md +101 -101
  81. package/docs/components/switch.md +90 -90
  82. package/docs/components/table-panel.md +236 -236
  83. package/docs/components/table.md +391 -378
  84. package/docs/components/tabs.md +26 -26
  85. package/docs/components/title.md +24 -24
  86. package/docs/components/tree.md +207 -207
  87. package/docs/components/upload.md +117 -117
  88. package/docs/components/workflow-viewer.md +21 -21
  89. package/docs/components/workflow.md +21 -21
  90. package/docs/examples/autocomplete/advanced.vue +35 -35
  91. package/docs/examples/autocomplete/basic.vue +32 -32
  92. package/docs/examples/autocomplete/clearable.vue +33 -33
  93. package/docs/examples/autocomplete/custom-template.vue +49 -49
  94. package/docs/examples/autocomplete/disabled.vue +33 -33
  95. package/docs/examples/autocomplete/icon.vue +37 -37
  96. package/docs/examples/barcode/all-types.vue +380 -380
  97. package/docs/examples/barcode/basic.vue +14 -14
  98. package/docs/examples/barcode/props-appearance.vue +243 -243
  99. package/docs/examples/barcode/props-geometry.vue +143 -143
  100. package/docs/examples/barcode/props-logic.vue +216 -216
  101. package/docs/examples/barcode/props-symbology.vue +199 -199
  102. package/docs/examples/barcode/props-text.vue +268 -268
  103. package/docs/examples/button/basic.vue +7 -7
  104. package/docs/examples/button/danger-ghost.vue +17 -17
  105. package/docs/examples/button/disabled.vue +10 -10
  106. package/docs/examples/button/loading.vue +6 -6
  107. package/docs/examples/button/shape.vue +7 -7
  108. package/docs/examples/button/size.vue +14 -14
  109. package/docs/examples/button/type.vue +9 -9
  110. package/docs/examples/button-select/basic.vue +19 -19
  111. package/docs/examples/buttons/basic.vue +45 -45
  112. package/docs/examples/buttons/disabled.vue +36 -36
  113. package/docs/examples/buttons/dropdown.vue +63 -63
  114. package/docs/examples/buttons/group.vue +52 -52
  115. package/docs/examples/buttons/link.vue +47 -47
  116. package/docs/examples/buttons/popup.vue +39 -39
  117. package/docs/examples/buttons/size.vue +45 -45
  118. package/docs/examples/cascader-select/basic.vue +28 -28
  119. package/docs/examples/cascader-select/clearable.vue +34 -34
  120. package/docs/examples/cascader-select/disabled.vue +43 -43
  121. package/docs/examples/cascader-select/filterable.vue +37 -37
  122. package/docs/examples/cascader-select/methods.vue +84 -84
  123. package/docs/examples/cascader-select/multiple.vue +38 -38
  124. package/docs/examples/cascader-select/slot.vue +45 -45
  125. package/docs/examples/checkbox/basic.vue +18 -18
  126. package/docs/examples/checkbox/button.vue +19 -19
  127. package/docs/examples/checkbox/color.vue +25 -25
  128. package/docs/examples/checkbox/disabled.vue +17 -17
  129. package/docs/examples/checkbox/min-max.vue +20 -20
  130. package/docs/examples/checkbox/mixed.vue +56 -56
  131. package/docs/examples/checkbox/size.vue +28 -28
  132. package/docs/examples/code-mirror/basic.vue +11 -11
  133. package/docs/examples/code-mirror/events.vue +42 -42
  134. package/docs/examples/code-mirror/height.vue +25 -25
  135. package/docs/examples/code-mirror/mode.vue +33 -33
  136. package/docs/examples/code-mirror/readonly.vue +14 -14
  137. package/docs/examples/collapse/basic.vue +82 -82
  138. package/docs/examples/comp/basic.vue +7 -7
  139. package/docs/examples/comp/collapse.vue +38 -38
  140. package/docs/examples/comp/tabs.vue +38 -38
  141. package/docs/examples/count/basic.vue +101 -101
  142. package/docs/examples/count-up/basic.vue +89 -89
  143. package/docs/examples/data-panel/basic.vue +110 -110
  144. package/docs/examples/date/basic.vue +73 -73
  145. package/docs/examples/date/default-value.vue +59 -59
  146. package/docs/examples/date/format.vue +75 -75
  147. package/docs/examples/date/range.vue +66 -66
  148. package/docs/examples/date/types.vue +79 -79
  149. package/docs/examples/dialog/basic.vue +36 -36
  150. package/docs/examples/dialog/custom-buttons.vue +44 -44
  151. package/docs/examples/dialog/fullscreen.vue +23 -23
  152. package/docs/examples/dialog/no-mask.vue +17 -17
  153. package/docs/examples/dialog/size.vue +44 -44
  154. package/docs/examples/dialog/steps.vue +57 -57
  155. package/docs/examples/dialog-full/basic.vue +29 -29
  156. package/docs/examples/dialog-full/custom-buttons.vue +45 -45
  157. package/docs/examples/dialog-full/no-buttons.vue +18 -18
  158. package/docs/examples/dialog-full/no-header.vue +27 -27
  159. package/docs/examples/dialog-full/steps.vue +71 -71
  160. package/docs/examples/divider/basic.vue +52 -52
  161. package/docs/examples/drawer/basic.vue +35 -35
  162. package/docs/examples/drawer/custom-buttons.vue +34 -34
  163. package/docs/examples/drawer/direction.vue +47 -47
  164. package/docs/examples/drawer/mask.vue +36 -36
  165. package/docs/examples/drawer/no-buttons.vue +20 -20
  166. package/docs/examples/drawer/size.vue +28 -28
  167. package/docs/examples/dynamic-layer/basic.vue +33 -33
  168. package/docs/examples/dynamic-layer/custom-buttons.vue +43 -43
  169. package/docs/examples/dynamic-layer/form.vue +73 -73
  170. package/docs/examples/dynamic-layer/steps.vue +52 -52
  171. package/docs/examples/dynamic-layer/types.vue +40 -40
  172. package/docs/examples/echarts/basic.vue +31 -31
  173. package/docs/examples/echarts/dynamic.vue +43 -43
  174. package/docs/examples/echarts/line.vue +46 -46
  175. package/docs/examples/echarts/pie.vue +44 -44
  176. package/docs/examples/editor/basic.vue +15 -15
  177. package/docs/examples/form/basic.vue +477 -459
  178. package/docs/examples/guid/basic.vue +10 -10
  179. package/docs/examples/guid/size.vue +13 -13
  180. package/docs/examples/hpanel/basic.vue +79 -79
  181. package/docs/examples/icon/basic.vue +9 -9
  182. package/docs/examples/icon/rotate-flip.vue +9 -9
  183. package/docs/examples/icon/size.vue +7 -7
  184. package/docs/examples/input/basic.vue +10 -10
  185. package/docs/examples/input/clearable.vue +12 -12
  186. package/docs/examples/input/disabled.vue +6 -6
  187. package/docs/examples/input/icon.vue +23 -23
  188. package/docs/examples/input/password.vue +18 -18
  189. package/docs/examples/input/size.vue +13 -13
  190. package/docs/examples/input/textarea.vue +25 -25
  191. package/docs/examples/input/word-limit.vue +28 -28
  192. package/docs/examples/input-button/basic.vue +33 -33
  193. package/docs/examples/input-code/basic.vue +29 -29
  194. package/docs/examples/input-color/basic.vue +10 -10
  195. package/docs/examples/input-color/disabled.vue +13 -13
  196. package/docs/examples/input-color/format.vue +17 -17
  197. package/docs/examples/input-color/no-alpha.vue +13 -13
  198. package/docs/examples/input-color/only-button.vue +15 -15
  199. package/docs/examples/input-color/predefine.vue +31 -31
  200. package/docs/examples/input-color/size.vue +15 -15
  201. package/docs/examples/input-layer/basic.vue +69 -69
  202. package/docs/examples/input-rows/basic.vue +73 -73
  203. package/docs/examples/input-rows/drag.vue +48 -48
  204. package/docs/examples/input-rows/layer-form.vue +85 -85
  205. package/docs/examples/input-rows/nested.vue +91 -91
  206. package/docs/examples/input-tag/basic.vue +27 -27
  207. package/docs/examples/input-tag/colors.vue +23 -23
  208. package/docs/examples/input-tag/readonly.vue +17 -17
  209. package/docs/examples/layer/basic.vue +43 -43
  210. package/docs/examples/layer/custom-buttons.vue +61 -61
  211. package/docs/examples/layer/drawer.vue +37 -37
  212. package/docs/examples/layer/full.vue +38 -38
  213. package/docs/examples/layer/modal.vue +34 -34
  214. package/docs/examples/layer/steps.vue +46 -46
  215. package/docs/examples/layer-form/basic.vue +76 -76
  216. package/docs/examples/layer-form/config.vue +82 -82
  217. package/docs/examples/layer-form/size.vue +72 -72
  218. package/docs/examples/layout/basic.vue +36 -36
  219. package/docs/examples/layout/custom-size.vue +50 -50
  220. package/docs/examples/layout/disable-move.vue +37 -37
  221. package/docs/examples/layout/hide-mid-when-narrow.vue +96 -96
  222. package/docs/examples/layout/min-size.vue +73 -73
  223. package/docs/examples/layout/percent-size.vue +80 -80
  224. package/docs/examples/layout/simple.vue +22 -22
  225. package/docs/examples/layout/top-side.vue +34 -34
  226. package/docs/examples/map/basic.vue +22 -22
  227. package/docs/examples/menu/basic.vue +58 -58
  228. package/docs/examples/menu/collapsed.vue +49 -49
  229. package/docs/examples/menu/horizontal.vue +44 -44
  230. package/docs/examples/menu/selection-test.vue +104 -104
  231. package/docs/examples/menu/theme.vue +46 -46
  232. package/docs/examples/menu/vertical.vue +46 -46
  233. package/docs/examples/number/advanced.vue +143 -143
  234. package/docs/examples/number/basic.vue +63 -63
  235. package/docs/examples/number/disabled.vue +49 -49
  236. package/docs/examples/number/size.vue +42 -42
  237. package/docs/examples/number/slots.vue +123 -123
  238. package/docs/examples/number/step-strictly.vue +41 -41
  239. package/docs/examples/number/step.vue +47 -47
  240. package/docs/examples/page/basic.vue +41 -41
  241. package/docs/examples/page/dept-user-management.vue +211 -211
  242. package/docs/examples/page/init.vue +87 -87
  243. package/docs/examples/page/log.vue +453 -453
  244. package/docs/examples/page/user-management.vue +313 -313
  245. package/docs/examples/panel/tool-buttons.vue +18 -18
  246. package/docs/examples/radio/basic.vue +17 -17
  247. package/docs/examples/radio/button.vue +17 -17
  248. package/docs/examples/radio/color.vue +18 -18
  249. package/docs/examples/radio/disabled.vue +17 -17
  250. package/docs/examples/radio/size.vue +29 -29
  251. package/docs/examples/rate/basic.vue +24 -24
  252. package/docs/examples/rate/half.vue +24 -24
  253. package/docs/examples/rate/readonly.vue +11 -11
  254. package/docs/examples/rate/text.vue +32 -32
  255. package/docs/examples/select/basic.vue +16 -16
  256. package/docs/examples/select/clearable.vue +22 -22
  257. package/docs/examples/select/disabled.vue +31 -31
  258. package/docs/examples/select/filterable.vue +24 -24
  259. package/docs/examples/select/group.vue +23 -23
  260. package/docs/examples/select/icon.vue +16 -16
  261. package/docs/examples/select/multiple.vue +18 -18
  262. package/docs/examples/select/size.vue +39 -39
  263. package/docs/examples/slider/basic.vue +42 -42
  264. package/docs/examples/slider/disabled.vue +17 -17
  265. package/docs/examples/slider/marks.vue +30 -30
  266. package/docs/examples/slider/size.vue +37 -37
  267. package/docs/examples/slider/tooltip.vue +36 -36
  268. package/docs/examples/slider/vertical.vue +26 -26
  269. package/docs/examples/slider-captcha/basic.vue +44 -44
  270. package/docs/examples/slider-captcha/custom.vue +48 -48
  271. package/docs/examples/switch/basic.vue +16 -16
  272. package/docs/examples/switch/disabled.vue +13 -13
  273. package/docs/examples/switch/loading.vue +13 -13
  274. package/docs/examples/switch/size.vue +15 -15
  275. package/docs/examples/switch/text.vue +13 -13
  276. package/docs/examples/table/action-filter.vue +126 -126
  277. package/docs/examples/table/actions.vue +116 -116
  278. package/docs/examples/table/add-row.vue +103 -103
  279. package/docs/examples/table/basic.vue +168 -168
  280. package/docs/examples/table/checkbox-layout.vue +68 -68
  281. package/docs/examples/table/custom-layout.vue +115 -115
  282. package/docs/examples/table/dynamic-type.vue +72 -0
  283. package/docs/examples/table/editable.vue +262 -262
  284. package/docs/examples/table/field-selection.vue +87 -87
  285. package/docs/examples/table/frozen-column.vue +140 -140
  286. package/docs/examples/table/height-mode.vue +99 -99
  287. package/docs/examples/table/icon.vue +85 -85
  288. package/docs/examples/table/link.vue +66 -66
  289. package/docs/examples/table/multiple.vue +178 -178
  290. package/docs/examples/table/pagination.vue +151 -151
  291. package/docs/examples/table/single-selection.vue +64 -64
  292. package/docs/examples/table/sub-table-lazy.vue +97 -97
  293. package/docs/examples/table/sub-table.vue +103 -103
  294. package/docs/examples/table/tag.vue +43 -43
  295. package/docs/examples/table/tree-column.vue +119 -119
  296. package/docs/examples/table/tree-data.vue +141 -141
  297. package/docs/examples/table/tree-default-expand-all.vue +60 -60
  298. package/docs/examples/table/tree-lazy.vue +80 -80
  299. package/docs/examples/table/tree-set-selection.vue +75 -75
  300. package/docs/examples/table-panel/basic.vue +228 -228
  301. package/docs/examples/table-panel/batch-operations.vue +285 -285
  302. package/docs/examples/table-panel/button-visibility.vue +88 -88
  303. package/docs/examples/table-panel/filter.vue +219 -219
  304. package/docs/examples/table-panel/get-selection.vue +111 -111
  305. package/docs/examples/table-panel/multiple-selection.vue +243 -243
  306. package/docs/examples/table-panel/pagination.vue +133 -133
  307. package/docs/examples/table-panel/sub-table-lazy.vue +118 -118
  308. package/docs/examples/table-panel/tree-parent-key.vue +67 -67
  309. package/docs/examples/tabs/basic.vue +98 -98
  310. package/docs/examples/time/base.vue +68 -0
  311. package/docs/examples/title/basic.vue +80 -80
  312. package/docs/examples/tree/accordion.vue +46 -46
  313. package/docs/examples/tree/basic.vue +50 -50
  314. package/docs/examples/tree/buttons.vue +53 -53
  315. package/docs/examples/tree/checkable.vue +52 -52
  316. package/docs/examples/tree/custom-keys.vue +39 -39
  317. package/docs/examples/tree/default-expanded.vue +52 -52
  318. package/docs/examples/tree/draggable.vue +29 -29
  319. package/docs/examples/tree/expand-on-click.vue +39 -39
  320. package/docs/examples/tree/flat-data.vue +20 -20
  321. package/docs/examples/tree/icon.vue +40 -40
  322. package/docs/examples/tree/load-data.vue +37 -37
  323. package/docs/examples/tree/methods.vue +74 -74
  324. package/docs/examples/tree/theme.vue +33 -33
  325. package/docs/examples/upload/accept.vue +31 -31
  326. package/docs/examples/upload/basic.vue +12 -12
  327. package/docs/examples/upload/drag.vue +11 -11
  328. package/docs/examples/upload/image.vue +17 -17
  329. package/docs/examples/upload/limit.vue +20 -20
  330. package/docs/examples/upload/multiple.vue +17 -17
  331. package/docs/examples/upload/readonly.vue +17 -17
  332. package/docs/examples/utils/cipher.vue +160 -160
  333. package/docs/examples/utils/common.vue +153 -153
  334. package/docs/examples/utils/date.vue +56 -56
  335. package/docs/examples/utils/dom.vue +52 -52
  336. package/docs/examples/utils/is.vue +70 -70
  337. package/docs/examples/workflow/basic.vue +265 -265
  338. package/docs/examples/workflow-viewer/basic.vue +248 -248
  339. package/package.json +88 -88
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
+ 感谢所有为这个项目做出贡献的开发者!
@@ -3,6 +3,7 @@ import { default as JButton } from './button';
3
3
  import { default as JButtons } from './buttons';
4
4
  import { default as JInput } from './input';
5
5
  import { default as JDate } from './date';
6
+ import { default as JTime } from './time';
6
7
  import { default as JIcon } from './icon';
7
8
  import { default as JRadio } from './radio';
8
9
  import { default as JSelect } from './select';
@@ -55,7 +56,7 @@ import { default as JCollapse } from './collapse';
55
56
  import { default as JEditor } from './editor';
56
57
  import { default as JWorkflowViewer, JWorkflow } from './workflow-viewer';
57
58
  import { default as JInputCards } from './input-cards';
58
- export { JButton, JButtons, JInput, JDate, JIcon, JRadio, JSelect, JCascaderSelect, JCheckbox, JNumber, JAutoComplete, JLayout, JTable, JDialog, JDialogFull, JDrawer, JLayer, JDynamicLayer, JInputTag, JRate, JSlider, JUpload, JEcharts, JBarcode, JCodeMirror, JCount, JInputCount, JCountUp, JDataPanel, JDivider, JHpanel, JGuid, JInputButton, JInputCode, JInputColor, JTitle, JButtonSelect, JTree, JTreeSelect, JComp, JForm, JFormItem, JPage, JSliderCaptcha, JMenu, JTablePanel, JInputRows, JInputLayer, JLayerForm, JSwitch, JTabs, JCollapse, JEditor, JWorkflowViewer, JWorkflow, JPanel, JInputCards, };
59
+ export { JButton, JButtons, JInput, JDate, JTime, JIcon, JRadio, JSelect, JCascaderSelect, JCheckbox, JNumber, JAutoComplete, JLayout, JTable, JDialog, JDialogFull, JDrawer, JLayer, JDynamicLayer, JInputTag, JRate, JSlider, JUpload, JEcharts, JBarcode, JCodeMirror, JCount, JInputCount, JCountUp, JDataPanel, JDivider, JHpanel, JGuid, JInputButton, JInputCode, JInputColor, JTitle, JButtonSelect, JTree, JTreeSelect, JComp, JForm, JFormItem, JPage, JSliderCaptcha, JMenu, JTablePanel, JInputRows, JInputLayer, JLayerForm, JSwitch, JTabs, JCollapse, JEditor, JWorkflowViewer, JWorkflow, JPanel, JInputCards, };
59
60
  export * from '../core';
60
61
  export type { ButtonProps } from './button/src/button.vue';
61
62
  export type { DateProps } from './date/src/date.vue';
@@ -53,6 +53,7 @@ export interface FormProvideType {
53
53
  span: ComputedRef<number>;
54
54
  labelWidth: ComputedRef<number>;
55
55
  labelPosition: ComputedRef<'left' | 'right' | 'top'>;
56
+ components: Record<string, any>;
56
57
  formChange: (data: any) => void;
57
58
  getValue: ({ id, i }: {
58
59
  id: string;
@@ -24,10 +24,10 @@ export declare const JInputLayer: {
24
24
  placeholder: string;
25
25
  clearable: boolean;
26
26
  readonly: boolean;
27
+ isPage: boolean;
27
28
  columns: any[];
28
29
  isTree: boolean;
29
30
  defaultExpandAll: boolean;
30
- isPage: boolean;
31
31
  onlyButton: boolean;
32
32
  pidKey: string;
33
33
  isMultiSelect: boolean;
@@ -368,7 +368,6 @@ export declare const JInputLayer: {
368
368
  col: number;
369
369
  row: number;
370
370
  table: any;
371
- selected: boolean;
372
371
  }) => boolean | {
373
372
  display?: boolean;
374
373
  disabled?: boolean;
@@ -421,6 +420,7 @@ export declare const JInputLayer: {
421
420
  }, import('vue').PublicProps, {
422
421
  immediate: boolean;
423
422
  buttons: import('..').ButtonCompType[];
423
+ isPage: boolean;
424
424
  columns: import('..').SchemaConfig[];
425
425
  isTree: boolean;
426
426
  defaultExpandAll: boolean;
@@ -428,7 +428,6 @@ export declare const JInputLayer: {
428
428
  isShowNumber: boolean;
429
429
  isMultiple: boolean;
430
430
  selectStateKey: string;
431
- isPage: boolean;
432
431
  pageSize: number;
433
432
  rowKey: string;
434
433
  actions: import('..').ButtonCompType[];
@@ -439,7 +438,6 @@ export declare const JInputLayer: {
439
438
  col: number;
440
439
  row: number;
441
440
  table: any;
442
- selected: boolean;
443
441
  }) => boolean | {
444
442
  display?: boolean;
445
443
  disabled?: boolean;
@@ -741,7 +739,6 @@ export declare const JInputLayer: {
741
739
  col: number;
742
740
  row: number;
743
741
  table: any;
744
- selected: boolean;
745
742
  }) => boolean | {
746
743
  display?: boolean;
747
744
  disabled?: boolean;
@@ -791,6 +788,7 @@ export declare const JInputLayer: {
791
788
  }, {}, {}, {}, {
792
789
  immediate: boolean;
793
790
  buttons: import('..').ButtonCompType[];
791
+ isPage: boolean;
794
792
  columns: import('..').SchemaConfig[];
795
793
  isTree: boolean;
796
794
  defaultExpandAll: boolean;
@@ -798,7 +796,6 @@ export declare const JInputLayer: {
798
796
  isShowNumber: boolean;
799
797
  isMultiple: boolean;
800
798
  selectStateKey: string;
801
- isPage: boolean;
802
799
  pageSize: number;
803
800
  rowKey: string;
804
801
  actions: import('..').ButtonCompType[];
@@ -809,7 +806,6 @@ export declare const JInputLayer: {
809
806
  col: number;
810
807
  row: number;
811
808
  table: any;
812
- selected: boolean;
813
809
  }) => boolean | {
814
810
  display?: boolean;
815
811
  disabled?: boolean;
@@ -855,10 +851,10 @@ export declare const JInputLayer: {
855
851
  placeholder: string;
856
852
  clearable: boolean;
857
853
  readonly: boolean;
854
+ isPage: boolean;
858
855
  columns: any[];
859
856
  isTree: boolean;
860
857
  defaultExpandAll: boolean;
861
- isPage: boolean;
862
858
  onlyButton: boolean;
863
859
  pidKey: string;
864
860
  isMultiSelect: boolean;
@@ -893,10 +889,10 @@ export declare const JInputLayer: {
893
889
  placeholder: string;
894
890
  clearable: boolean;
895
891
  readonly: boolean;
892
+ isPage: boolean;
896
893
  columns: any[];
897
894
  isTree: boolean;
898
895
  defaultExpandAll: boolean;
899
- isPage: boolean;
900
896
  onlyButton: boolean;
901
897
  pidKey: string;
902
898
  isMultiSelect: boolean;
@@ -83,10 +83,10 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
83
83
  placeholder: string;
84
84
  clearable: boolean;
85
85
  readonly: boolean;
86
+ isPage: boolean;
86
87
  columns: any[];
87
88
  isTree: boolean;
88
89
  defaultExpandAll: boolean;
89
- isPage: boolean;
90
90
  onlyButton: boolean;
91
91
  pidKey: string;
92
92
  isMultiSelect: boolean;
@@ -427,7 +427,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
427
427
  col: number;
428
428
  row: number;
429
429
  table: any;
430
- selected: boolean;
431
430
  }) => boolean | {
432
431
  display?: boolean;
433
432
  disabled?: boolean;
@@ -480,6 +479,7 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
480
479
  }, import('vue').PublicProps, {
481
480
  immediate: boolean;
482
481
  buttons: import('../..').ButtonCompType[];
482
+ isPage: boolean;
483
483
  columns: import('../..').SchemaConfig[];
484
484
  isTree: boolean;
485
485
  defaultExpandAll: boolean;
@@ -487,7 +487,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
487
487
  isShowNumber: boolean;
488
488
  isMultiple: boolean;
489
489
  selectStateKey: string;
490
- isPage: boolean;
491
490
  pageSize: number;
492
491
  rowKey: string;
493
492
  actions: import('../..').ButtonCompType[];
@@ -498,7 +497,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
498
497
  col: number;
499
498
  row: number;
500
499
  table: any;
501
- selected: boolean;
502
500
  }) => boolean | {
503
501
  display?: boolean;
504
502
  disabled?: boolean;
@@ -800,7 +798,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
800
798
  col: number;
801
799
  row: number;
802
800
  table: any;
803
- selected: boolean;
804
801
  }) => boolean | {
805
802
  display?: boolean;
806
803
  disabled?: boolean;
@@ -850,6 +847,7 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
850
847
  }, {}, {}, {}, {
851
848
  immediate: boolean;
852
849
  buttons: import('../..').ButtonCompType[];
850
+ isPage: boolean;
853
851
  columns: import('../..').SchemaConfig[];
854
852
  isTree: boolean;
855
853
  defaultExpandAll: boolean;
@@ -857,7 +855,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
857
855
  isShowNumber: boolean;
858
856
  isMultiple: boolean;
859
857
  selectStateKey: string;
860
- isPage: boolean;
861
858
  pageSize: number;
862
859
  rowKey: string;
863
860
  actions: import('../..').ButtonCompType[];
@@ -868,7 +865,6 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {}, {}, {
868
865
  col: number;
869
866
  row: number;
870
867
  table: any;
871
- selected: boolean;
872
868
  }) => boolean | {
873
869
  display?: boolean;
874
870
  disabled?: boolean;
@@ -78,7 +78,6 @@ declare const JTable: {
78
78
  col: number;
79
79
  row: number;
80
80
  table: any;
81
- selected: boolean;
82
81
  }) => boolean | {
83
82
  display?: boolean;
84
83
  disabled?: boolean;
@@ -191,6 +190,7 @@ declare const JTable: {
191
190
  }, import('vue').PublicProps, {
192
191
  id: string;
193
192
  modelValue: Record<string, any>[];
193
+ isPage: boolean;
194
194
  columns: import('.').ColumnSchemaConfig[];
195
195
  records: Record<string, any>[];
196
196
  isTree: boolean;
@@ -199,7 +199,6 @@ declare const JTable: {
199
199
  isShowNumber: boolean;
200
200
  isMultiple: boolean;
201
201
  selectStateKey: string;
202
- isPage: boolean;
203
202
  pageLayoutSimple: boolean;
204
203
  pageTotal: number;
205
204
  tablePage: number;
@@ -213,7 +212,6 @@ declare const JTable: {
213
212
  col: number;
214
213
  row: number;
215
214
  table: any;
216
- selected: boolean;
217
215
  }) => boolean | {
218
216
  display?: boolean;
219
217
  disabled?: boolean;
@@ -318,7 +316,6 @@ declare const JTable: {
318
316
  col: number;
319
317
  row: number;
320
318
  table: any;
321
- selected: boolean;
322
319
  }) => boolean | {
323
320
  display?: boolean;
324
321
  disabled?: boolean;
@@ -407,6 +404,7 @@ declare const JTable: {
407
404
  }, {}, {}, {}, {
408
405
  id: string;
409
406
  modelValue: Record<string, any>[];
407
+ isPage: boolean;
410
408
  columns: import('.').ColumnSchemaConfig[];
411
409
  records: Record<string, any>[];
412
410
  isTree: boolean;
@@ -415,7 +413,6 @@ declare const JTable: {
415
413
  isShowNumber: boolean;
416
414
  isMultiple: boolean;
417
415
  selectStateKey: string;
418
- isPage: boolean;
419
416
  pageLayoutSimple: boolean;
420
417
  pageTotal: number;
421
418
  tablePage: number;
@@ -429,7 +426,6 @@ declare const JTable: {
429
426
  col: number;
430
427
  row: number;
431
428
  table: any;
432
- selected: boolean;
433
429
  }) => boolean | {
434
430
  display?: boolean;
435
431
  disabled?: boolean;
@@ -529,7 +525,6 @@ declare const JTable: {
529
525
  col: number;
530
526
  row: number;
531
527
  table: any;
532
- selected: boolean;
533
528
  }) => boolean | {
534
529
  display?: boolean;
535
530
  disabled?: boolean;
@@ -642,6 +637,7 @@ declare const JTable: {
642
637
  }, string, {
643
638
  id: string;
644
639
  modelValue: Record<string, any>[];
640
+ isPage: boolean;
645
641
  columns: import('.').ColumnSchemaConfig[];
646
642
  records: Record<string, any>[];
647
643
  isTree: boolean;
@@ -650,7 +646,6 @@ declare const JTable: {
650
646
  isShowNumber: boolean;
651
647
  isMultiple: boolean;
652
648
  selectStateKey: string;
653
- isPage: boolean;
654
649
  pageLayoutSimple: boolean;
655
650
  pageTotal: number;
656
651
  tablePage: number;
@@ -664,7 +659,6 @@ declare const JTable: {
664
659
  col: number;
665
660
  row: number;
666
661
  table: any;
667
- selected: boolean;
668
662
  }) => boolean | {
669
663
  display?: boolean;
670
664
  disabled?: boolean;
@@ -136,7 +136,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
136
136
  col: number;
137
137
  row: number;
138
138
  table: any;
139
- selected: boolean;
140
139
  }) => boolean | {
141
140
  display?: boolean;
142
141
  disabled?: boolean;
@@ -392,7 +391,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
392
391
  col: number;
393
392
  row: number;
394
393
  table: any;
395
- selected: boolean;
396
394
  }) => boolean | {
397
395
  display?: boolean;
398
396
  disabled?: boolean;
@@ -510,6 +508,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
510
508
  }>, {
511
509
  id: string;
512
510
  modelValue: Record<string, any>[];
511
+ isPage: boolean;
513
512
  columns: ColumnSchemaConfig[];
514
513
  records: Record<string, any>[];
515
514
  isTree: boolean;
@@ -518,7 +517,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
518
517
  isShowNumber: boolean;
519
518
  isMultiple: boolean;
520
519
  selectStateKey: string;
521
- isPage: boolean;
522
520
  pageLayoutSimple: boolean;
523
521
  pageTotal: number;
524
522
  tablePage: number;
@@ -532,7 +530,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
532
530
  col: number;
533
531
  row: number;
534
532
  table: any;
535
- selected: boolean;
536
533
  }) => boolean | {
537
534
  display?: boolean;
538
535
  disabled?: boolean;