@varlet/cli 1.27.20 → 2.0.0-alpha.1663499244572

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 (232) hide show
  1. package/LICENCE +21 -21
  2. package/README.en-US.md +401 -401
  3. package/README.md +396 -396
  4. package/lib/commands/build.d.ts +1 -1
  5. package/lib/commands/build.js +18 -67
  6. package/lib/commands/changelog.d.ts +6 -6
  7. package/lib/commands/changelog.js +26 -27
  8. package/lib/commands/commitLint.d.ts +1 -1
  9. package/lib/commands/commitLint.js +50 -21
  10. package/lib/commands/compile.d.ts +7 -5
  11. package/lib/commands/compile.js +43 -119
  12. package/lib/commands/create.d.ts +8 -3
  13. package/lib/commands/create.js +90 -132
  14. package/lib/commands/dev.d.ts +5 -3
  15. package/lib/commands/dev.js +44 -123
  16. package/lib/commands/gen.d.ts +8 -1
  17. package/lib/commands/gen.js +85 -112
  18. package/lib/commands/lint.d.ts +1 -1
  19. package/lib/commands/lint.js +48 -123
  20. package/lib/commands/preview.d.ts +1 -1
  21. package/lib/commands/preview.js +23 -74
  22. package/lib/commands/release.d.ts +5 -3
  23. package/lib/commands/release.js +132 -270
  24. package/lib/commands/test.d.ts +7 -0
  25. package/lib/commands/test.js +26 -0
  26. package/lib/commands/vite.d.ts +3 -0
  27. package/lib/commands/vite.js +20 -0
  28. package/lib/compiler/compileModule.d.ts +5 -5
  29. package/lib/compiler/compileModule.js +79 -186
  30. package/lib/compiler/compileSFC.d.ts +2 -2
  31. package/lib/compiler/compileSFC.js +86 -132
  32. package/lib/compiler/compileScript.d.ts +17 -17
  33. package/lib/compiler/compileScript.js +152 -202
  34. package/lib/compiler/compileSiteEntry.d.ts +13 -13
  35. package/lib/compiler/compileSiteEntry.js +140 -237
  36. package/lib/compiler/compileStyle.d.ts +11 -11
  37. package/lib/compiler/compileStyle.js +43 -101
  38. package/lib/compiler/compileTemplateHighlight.d.ts +10 -10
  39. package/lib/compiler/compileTemplateHighlight.js +145 -193
  40. package/lib/compiler/compileTypes.d.ts +2 -2
  41. package/lib/compiler/compileTypes.js +49 -88
  42. package/lib/config/babel.config.d.ts +2 -2
  43. package/lib/config/babel.config.js +30 -31
  44. package/lib/config/babel.sfc.transform.d.ts +1 -1
  45. package/lib/config/babel.sfc.transform.js +18 -18
  46. package/lib/config/varlet.config.d.ts +1 -1
  47. package/lib/config/varlet.config.js +23 -24
  48. package/lib/config/vite.config.d.ts +5 -5
  49. package/lib/config/vite.config.js +157 -162
  50. package/lib/config/vitest.config.d.ts +2 -0
  51. package/lib/config/vitest.config.js +28 -0
  52. package/lib/index.d.ts +2 -2
  53. package/lib/index.js +84 -83
  54. package/lib/shared/constant.d.ts +44 -43
  55. package/lib/shared/constant.js +51 -50
  56. package/lib/shared/fsUtils.d.ts +12 -12
  57. package/lib/shared/fsUtils.js +61 -108
  58. package/lib/shared/logger.d.ts +8 -7
  59. package/lib/shared/logger.js +23 -20
  60. package/package.json +20 -17
  61. package/preset.js +3 -3
  62. package/site/components/button/Button.vue +106 -84
  63. package/site/components/button/button.less +183 -183
  64. package/site/components/button/index.ts +10 -10
  65. package/site/components/button/props.ts +78 -70
  66. package/site/components/cell/Cell.vue +54 -42
  67. package/site/components/cell/cell.less +78 -74
  68. package/site/components/cell/index.ts +10 -10
  69. package/site/components/cell/props.ts +27 -27
  70. package/site/components/code-example/CodeExample.vue +137 -143
  71. package/site/components/code-example/codeExample.less +41 -41
  72. package/site/components/code-example/index.ts +10 -10
  73. package/site/components/context/index.ts +21 -17
  74. package/site/components/context/lock.ts +92 -103
  75. package/site/components/context/zIndex.ts +20 -20
  76. package/site/components/icon/Icon.vue +75 -68
  77. package/site/components/icon/icon.less +26 -26
  78. package/site/components/icon/index.ts +10 -10
  79. package/site/components/icon/props.ts +24 -24
  80. package/site/components/loading/Loading.vue +84 -55
  81. package/site/components/loading/index.ts +10 -10
  82. package/site/components/loading/loading.less +505 -420
  83. package/site/components/loading/props.ts +42 -37
  84. package/site/components/popup/Popup.tsx +102 -0
  85. package/site/components/popup/index.ts +10 -0
  86. package/site/components/popup/popup.less +125 -0
  87. package/site/components/popup/props.ts +63 -0
  88. package/site/components/progress/Progress.vue +112 -108
  89. package/site/components/progress/index.ts +10 -10
  90. package/site/components/progress/progress.less +101 -98
  91. package/site/components/progress/props.ts +55 -55
  92. package/site/components/ripple/index.ts +188 -167
  93. package/site/components/ripple/ripple.less +20 -17
  94. package/site/components/snackbar/Snackbar.vue +41 -38
  95. package/site/components/snackbar/core.vue +132 -117
  96. package/site/components/snackbar/index.tsx +270 -270
  97. package/site/components/snackbar/props.ts +97 -94
  98. package/site/components/snackbar/snackbar.less +135 -135
  99. package/site/components/styles/common.less +64 -64
  100. package/site/components/styles/elevation.less +126 -126
  101. package/site/components/styles/var.less +27 -27
  102. package/site/components/utils/components.ts +117 -69
  103. package/site/components/utils/elements.ts +102 -85
  104. package/site/index.html +49 -49
  105. package/site/mobile/App.vue +291 -291
  106. package/site/mobile/components/AppHome.vue +134 -134
  107. package/site/mobile/components/AppType.vue +22 -22
  108. package/site/mobile/components/app-bar/AppBar.vue +65 -69
  109. package/site/mobile/components/app-bar/appBar.less +57 -56
  110. package/site/mobile/components/app-bar/index.ts +10 -10
  111. package/site/mobile/components/app-bar/props.ts +25 -25
  112. package/site/mobile/main.ts +78 -74
  113. package/site/mobile.html +41 -41
  114. package/site/module.d.ts +5 -5
  115. package/site/pc/App.vue +43 -43
  116. package/site/pc/Layout.vue +423 -397
  117. package/site/pc/components/AnimationBox.vue +33 -45
  118. package/site/pc/components/AppHeader.vue +368 -355
  119. package/site/pc/components/AppMobile.vue +60 -54
  120. package/site/pc/components/AppSidebar.vue +143 -134
  121. package/site/pc/components/LogoAnimation.vue +117 -119
  122. package/site/pc/floating.ts +9 -9
  123. package/site/pc/main.ts +100 -94
  124. package/site/pc/pages/index/index.less +176 -231
  125. package/site/pc/pages/index/index.vue +130 -145
  126. package/site/pc/pages/index/locale/en-US.ts +1 -5
  127. package/site/pc/pages/index/locale/zh-CN.ts +1 -5
  128. package/site/tsconfig.json +11 -11
  129. package/site/useProgress.ts +72 -75
  130. package/site/utils.ts +167 -153
  131. package/template/create/__tests__/index.spec.ejs +8 -0
  132. package/{lib/config/jest.media.mock.d.ts → template/create/docs/en-US.md} +0 -0
  133. package/{lib/config/jest.style.mock.d.ts → template/create/docs/zh-CN.md} +0 -0
  134. package/template/create/example/index.ejs +15 -0
  135. package/template/create/example/locale/en-US.ts +3 -0
  136. package/{generators/config/i18n/tsx/src/button → template/create}/example/locale/index.ts +23 -23
  137. package/template/create/example/locale/zh-CN.ts +3 -0
  138. package/template/create/index.ejs +12 -0
  139. package/template/create/less.ejs +3 -0
  140. package/template/create/props.ts +1 -0
  141. package/template/create/tsx.ejs +13 -0
  142. package/template/create/vue.ejs +17 -0
  143. package/{generators → template/generators}/base/.prettierignore +9 -9
  144. package/{generators → template/generators}/base/.prettierrc +5 -5
  145. package/{generators → template/generators}/base/README.md +82 -82
  146. package/{generators → template/generators}/base/babel.config.js +10 -10
  147. package/{generators → template/generators}/base/public/highlight.css +1 -1
  148. package/{generators → template/generators}/base/public/logo.svg +1 -1
  149. package/{generators → template/generators}/base/shims/shims-md.d.ts +4 -4
  150. package/{generators → template/generators}/base/shims/shims-vue.d.ts +6 -6
  151. package/{generators → template/generators}/base/tsconfig.json +13 -13
  152. package/{generators → template/generators}/config/default/base/docs/home.zh-CN.md +10 -10
  153. package/{generators → template/generators}/config/default/base/package.json +105 -105
  154. package/{generators/config/i18n → template/generators/config/default}/base/types/basicComponent.d.ts +7 -7
  155. package/{generators/config/i18n → template/generators/config/default}/base/types/button.d.ts +12 -12
  156. package/{generators → template/generators}/config/default/base/types/index.d.ts +6 -6
  157. package/{generators → template/generators}/config/default/base/varlet.config.js +110 -110
  158. package/{generators → template/generators}/config/default/sfc/src/button/Button.vue +30 -30
  159. package/{generators/config/default/tsx → template/generators/config/default/sfc}/src/button/__tests__/index.spec.js +7 -7
  160. package/{generators/config/default/tsx → template/generators/config/default/sfc}/src/button/button.less +14 -14
  161. package/{generators/config/default/tsx → template/generators/config/default/sfc}/src/button/docs/zh-CN.md +47 -47
  162. package/{generators → template/generators}/config/default/sfc/src/button/example/BasicUse.vue +7 -7
  163. package/{generators → template/generators}/config/default/sfc/src/button/example/ModifyColor.vue +7 -7
  164. package/{generators/config/default/tsx → template/generators/config/default/sfc}/src/button/example/index.vue +13 -13
  165. package/{generators → template/generators}/config/default/sfc/src/button/index.ts +10 -10
  166. package/{generators → template/generators}/config/default/tsx/src/button/Button.tsx +29 -31
  167. package/{generators/config/default/sfc → template/generators/config/default/tsx}/src/button/__tests__/index.spec.js +7 -7
  168. package/{generators/config/i18n → template/generators/config/default}/tsx/src/button/button.less +14 -14
  169. package/{generators/config/default/sfc → template/generators/config/default/tsx}/src/button/docs/zh-CN.md +47 -47
  170. package/{generators → template/generators}/config/default/tsx/src/button/example/BasicUse.vue +7 -7
  171. package/{generators → template/generators}/config/default/tsx/src/button/example/ModifyColor.vue +7 -7
  172. package/{generators/config/default/sfc → template/generators/config/default/tsx}/src/button/example/index.vue +13 -13
  173. package/{generators → template/generators}/config/default/tsx/src/button/index.ts +10 -10
  174. package/{generators → template/generators}/config/i18n/base/docs/home.en-US.md +11 -11
  175. package/{generators → template/generators}/config/i18n/base/docs/home.zh-CN.md +10 -10
  176. package/{generators → template/generators}/config/i18n/base/package.json +105 -105
  177. package/{generators/config/default → template/generators/config/i18n}/base/types/basicComponent.d.ts +7 -7
  178. package/{generators/config/default → template/generators/config/i18n}/base/types/button.d.ts +12 -12
  179. package/{generators → template/generators}/config/i18n/base/types/index.d.ts +7 -7
  180. package/{generators → template/generators}/config/i18n/base/types/locale.d.ts +24 -24
  181. package/{generators → template/generators}/config/i18n/base/varlet.config.js +122 -122
  182. package/{generators → template/generators}/config/i18n/sfc/src/button/Button.vue +36 -36
  183. package/{generators → template/generators}/config/i18n/sfc/src/button/__tests__/index.spec.js +7 -7
  184. package/{generators → template/generators}/config/i18n/sfc/src/button/button.less +14 -14
  185. package/{generators → template/generators}/config/i18n/sfc/src/button/docs/en-US.md +34 -34
  186. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/button/docs/zh-CN.md +34 -34
  187. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/button/example/BasicUse.vue +11 -11
  188. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/button/example/ModifyColor.vue +11 -11
  189. package/{generators → template/generators}/config/i18n/sfc/src/button/example/index.vue +13 -13
  190. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/button/example/locale/en-US.ts +5 -5
  191. package/{generators → template/generators}/config/i18n/sfc/src/button/example/locale/index.ts +23 -23
  192. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/button/example/locale/zh-CN.ts +5 -5
  193. package/{generators → template/generators}/config/i18n/sfc/src/button/index.ts +10 -10
  194. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/locale/__tests__/index.spec.js +51 -51
  195. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/locale/docs/en-US.md +26 -26
  196. package/{generators → template/generators}/config/i18n/sfc/src/locale/docs/zh-CN.md +25 -25
  197. package/{generators → template/generators}/config/i18n/sfc/src/locale/en-US.d.ts +5 -5
  198. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/locale/en-US.ts +7 -7
  199. package/{generators → template/generators}/config/i18n/sfc/src/locale/index.ts +67 -67
  200. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/locale/zh-CN.d.ts +5 -5
  201. package/{generators/config/i18n/tsx → template/generators/config/i18n/sfc}/src/locale/zh-CN.ts +7 -7
  202. package/{generators → template/generators}/config/i18n/tsx/src/button/Button.tsx +33 -35
  203. package/{generators → template/generators}/config/i18n/tsx/src/button/__tests__/index.spec.js +7 -7
  204. package/{generators/config/default/sfc → template/generators/config/i18n/tsx}/src/button/button.less +14 -14
  205. package/{generators → template/generators}/config/i18n/tsx/src/button/docs/en-US.md +34 -34
  206. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/button/docs/zh-CN.md +34 -34
  207. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/button/example/BasicUse.vue +11 -11
  208. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/button/example/ModifyColor.vue +11 -11
  209. package/{generators → template/generators}/config/i18n/tsx/src/button/example/index.vue +13 -13
  210. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/button/example/locale/en-US.ts +5 -5
  211. package/template/generators/config/i18n/tsx/src/button/example/locale/index.ts +23 -0
  212. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/button/example/locale/zh-CN.ts +5 -5
  213. package/{generators → template/generators}/config/i18n/tsx/src/button/index.ts +10 -10
  214. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/__tests__/index.spec.js +51 -51
  215. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/docs/en-US.md +26 -26
  216. package/{generators → template/generators}/config/i18n/tsx/src/locale/docs/zh-CN.md +25 -25
  217. package/{generators → template/generators}/config/i18n/tsx/src/locale/en-US.d.ts +5 -5
  218. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/en-US.ts +7 -7
  219. package/{generators → template/generators}/config/i18n/tsx/src/locale/index.ts +67 -67
  220. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/zh-CN.d.ts +5 -5
  221. package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/zh-CN.ts +7 -7
  222. package/tsconfig.json +15 -14
  223. package/varlet.default.config.js +137 -15
  224. package/lib/commands/jest.d.ts +0 -8
  225. package/lib/commands/jest.js +0 -81
  226. package/lib/config/jest.config.d.ts +0 -1
  227. package/lib/config/jest.config.js +0 -36
  228. package/lib/config/jest.media.mock.js +0 -2
  229. package/lib/config/jest.style.mock.js +0 -2
  230. package/site/mobile/components/styles/common.less +0 -64
  231. package/site/mobile/components/styles/elevation.less +0 -126
  232. package/site/mobile/components/styles/var.less +0 -27
@@ -1,10 +1,10 @@
1
- module.exports = {
2
- presets: [
3
- [
4
- '@varlet/cli/preset',
5
- {
6
- loose: process.env.NODE_ENV === 'compile',
7
- },
8
- ],
9
- ],
10
- }
1
+ module.exports = {
2
+ presets: [
3
+ [
4
+ '@varlet/cli/preset',
5
+ {
6
+ loose: process.env.NODE_ENV === 'compile',
7
+ },
8
+ ],
9
+ ],
10
+ }
@@ -1 +1 @@
1
- .hljs{display:block;overflow-x:auto;padding:.5em;background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta{color:#82aaff}.hljs-meta-keyword{color:#82aaff}.hljs-meta-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-builtin-name,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attr{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}
1
+ .hljs{display:block;overflow-x:auto;padding:.5em;background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta{color:#82aaff}.hljs-meta-keyword{color:#82aaff}.hljs-meta-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-builtin-name,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attr{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
@@ -1,4 +1,4 @@
1
- declare module '*.md' {
2
- const content: string
3
- export default content
4
- }
1
+ declare module '*.md' {
2
+ const content: string
3
+ export default content
4
+ }
@@ -1,6 +1,6 @@
1
- declare module '*.vue' {
2
- import { defineComponent } from 'vue'
3
-
4
- const component: ReturnType<typeof defineComponent>
5
- export default component
6
- }
1
+ declare module '*.vue' {
2
+ import { defineComponent } from 'vue'
3
+
4
+ const component: ReturnType<typeof defineComponent>
5
+ export default component
6
+ }
@@ -1,13 +1,13 @@
1
- {
2
- "compilerOptions": {
3
- "strict": true,
4
- "downlevelIteration": true,
5
- "declaration": true,
6
- "skipLibCheck": true,
7
- "esModuleInterop": true,
8
- "allowJs": true,
9
- "lib": ["esnext", "dom"],
10
- "allowSyntheticDefaultImports": true,
11
- "jsx": "preserve"
12
- }
13
- }
1
+ {
2
+ "compilerOptions": {
3
+ "strict": true,
4
+ "downlevelIteration": true,
5
+ "declaration": true,
6
+ "skipLibCheck": true,
7
+ "esModuleInterop": true,
8
+ "allowJs": true,
9
+ "lib": ["esnext", "dom"],
10
+ "allowSyntheticDefaultImports": true,
11
+ "jsx": "preserve"
12
+ }
13
+ }
@@ -1,11 +1,11 @@
1
- <div class="varlet-introduce">
2
- <div class="varlet-introduce__row">
3
- <img class="varlet-introduce__image" src="../public/logo.svg" />
4
- <div class="varlet-introduce__name">Basic UI</div>
5
- </div>
6
- <div class="varlet-introduce__des">一个组件库</div>
7
- </div>
8
-
9
- ### 介绍
10
-
1
+ <div class="varlet-introduce">
2
+ <div class="varlet-introduce__row">
3
+ <img class="varlet-introduce__image" src="../public/logo.svg" />
4
+ <div class="varlet-introduce__name">Basic UI</div>
5
+ </div>
6
+ <div class="varlet-introduce__des">一个组件库</div>
7
+ </div>
8
+
9
+ ### 介绍
10
+
11
11
  这里可以介绍一下组件库, 想写什么就写什么...
@@ -1,105 +1,105 @@
1
- {
2
- "name": "basic-ui",
3
- "version": "0.0.0",
4
- "description": "A basic components library",
5
- "main": "lib/index.js",
6
- "module": "es/index.js",
7
- "typings": "types/index.d.ts",
8
- "vetur": {
9
- "tags": "highlight/tags.json",
10
- "attributes": "highlight/attributes.json"
11
- },
12
- "web-types": "highlight/web-types.json",
13
- "keywords": [
14
- "Vue",
15
- "UI"
16
- ],
17
- "license": "MIT",
18
- "sideEffects": [
19
- "es/**/style/*",
20
- "lib/**/style/*",
21
- "*.css",
22
- "*.less"
23
- ],
24
- "scripts": {
25
- "preinstall": "npx only-allow pnpm",
26
- "dev": "varlet-cli dev",
27
- "build": "varlet-cli build",
28
- "preview": "varlet-cli preview",
29
- "compile": "varlet-cli compile",
30
- "lint": "varlet-cli lint",
31
- "changelog": "varlet-cli changelog",
32
- "release": "pnpm compile && varlet-cli release",
33
- "test": "varlet-cli jest",
34
- "test:watch": "varlet-cli jest -w",
35
- "test:watchAll": "varlet-cli jest -wa",
36
- "create": "varlet-cli create -d"
37
- },
38
- "peerDependencies": {
39
- "vue": "^3.2.0"
40
- },
41
- "devDependencies": {
42
- "@varlet/cli": "workspace:*",
43
- "@varlet/eslint-config": "workspace:*",
44
- "@varlet/icons": "workspace:*",
45
- "@varlet/stylelint-config": "workspace:*",
46
- "@varlet/touch-emulator": "workspace:*",
47
- "@varlet/shared": "workspace:*",
48
- "@vue/test-utils": "2.0.0-rc.6",
49
- "clipboard": "^2.0.6",
50
- "eslint": "^7.30.0",
51
- "lint-staged": "^10.5.0",
52
- "live-server": "^1.2.1",
53
- "lodash-es": "^4.17.21",
54
- "prettier": "^2.3.2",
55
- "simple-git-hooks": "^2.7.0",
56
- "stylelint": "^13.13.1",
57
- "typescript": "^4.4.4",
58
- "vue": "3.2.25",
59
- "vue-router": "4.0.12"
60
- },
61
- "lint-staged": {
62
- "*.{ts,tsx,js,vue,less}": "prettier --write",
63
- "*.{ts,tsx,js,vue}": "eslint --fix",
64
- "*.{vue,css,less}": "stylelint --fix"
65
- },
66
- "simple-git-hooks": {
67
- "pre-commit": "pnpm exec lint-staged --allow-empty --concurrent false",
68
- "commit-msg": "npx --no-install varlet-cli commit-lint $1"
69
- },
70
- "eslintConfig": {
71
- "root": true,
72
- "ignorePatterns": [
73
- "lib/**",
74
- "es/**",
75
- "umd/**",
76
- "site/**",
77
- "public/**",
78
- "src/*/__tests__/**",
79
- ".varlet/**"
80
- ],
81
- "extends": [
82
- "@varlet"
83
- ]
84
- },
85
- "stylelint": {
86
- "extends": [
87
- "@varlet/stylelint-config"
88
- ],
89
- "ignoreFiles": [
90
- "lib/**",
91
- "es/**",
92
- "umd/**",
93
- "site/**",
94
- "coverage/**",
95
- "public/**",
96
- "highlight/**",
97
- ".varlet/**"
98
- ]
99
- },
100
- "browserslist": [
101
- "Chrome >= 51",
102
- "iOS >= 10"
103
- ],
104
- "packageManager": "pnpm@6.24.3"
105
- }
1
+ {
2
+ "name": "basic-ui",
3
+ "version": "0.0.0",
4
+ "description": "A basic components library",
5
+ "main": "lib/index.js",
6
+ "module": "es/index.js",
7
+ "typings": "types/index.d.ts",
8
+ "vetur": {
9
+ "tags": "highlight/tags.json",
10
+ "attributes": "highlight/attributes.json"
11
+ },
12
+ "web-types": "highlight/web-types.json",
13
+ "keywords": [
14
+ "Vue",
15
+ "UI"
16
+ ],
17
+ "license": "MIT",
18
+ "sideEffects": [
19
+ "es/**/style/*",
20
+ "lib/**/style/*",
21
+ "*.css",
22
+ "*.less"
23
+ ],
24
+ "scripts": {
25
+ "preinstall": "npx only-allow pnpm",
26
+ "dev": "varlet-cli dev",
27
+ "build": "varlet-cli build",
28
+ "preview": "varlet-cli preview",
29
+ "compile": "varlet-cli compile",
30
+ "lint": "varlet-cli lint",
31
+ "changelog": "varlet-cli changelog",
32
+ "release": "pnpm compile && varlet-cli release",
33
+ "test": "varlet-cli jest",
34
+ "test:watch": "varlet-cli jest -w",
35
+ "test:watchAll": "varlet-cli jest -wa",
36
+ "create": "varlet-cli create -d"
37
+ },
38
+ "peerDependencies": {
39
+ "vue": "^3.2.0"
40
+ },
41
+ "devDependencies": {
42
+ "@varlet/cli": "workspace:*",
43
+ "@varlet/eslint-config": "workspace:*",
44
+ "@varlet/icons": "workspace:*",
45
+ "@varlet/stylelint-config": "workspace:*",
46
+ "@varlet/touch-emulator": "workspace:*",
47
+ "@varlet/shared": "workspace:*",
48
+ "@vue/test-utils": "2.0.0-rc.6",
49
+ "clipboard": "^2.0.6",
50
+ "eslint": "^7.30.0",
51
+ "lint-staged": "^10.5.0",
52
+ "live-server": "^1.2.1",
53
+ "lodash-es": "^4.17.21",
54
+ "prettier": "^2.3.2",
55
+ "simple-git-hooks": "^2.7.0",
56
+ "stylelint": "^13.13.1",
57
+ "typescript": "^4.4.4",
58
+ "vue": "3.2.25",
59
+ "vue-router": "4.0.12"
60
+ },
61
+ "lint-staged": {
62
+ "*.{ts,tsx,js,vue,less}": "prettier --write",
63
+ "*.{ts,tsx,js,vue}": "eslint --fix",
64
+ "*.{vue,css,less}": "stylelint --fix"
65
+ },
66
+ "simple-git-hooks": {
67
+ "pre-commit": "pnpm exec lint-staged --allow-empty --concurrent false",
68
+ "commit-msg": "npx --no-install varlet-cli commit-lint $1"
69
+ },
70
+ "eslintConfig": {
71
+ "root": true,
72
+ "ignorePatterns": [
73
+ "lib/**",
74
+ "es/**",
75
+ "umd/**",
76
+ "site/**",
77
+ "public/**",
78
+ "src/*/__tests__/**",
79
+ ".varlet/**"
80
+ ],
81
+ "extends": [
82
+ "@varlet"
83
+ ]
84
+ },
85
+ "stylelint": {
86
+ "extends": [
87
+ "@varlet/stylelint-config"
88
+ ],
89
+ "ignoreFiles": [
90
+ "lib/**",
91
+ "es/**",
92
+ "umd/**",
93
+ "site/**",
94
+ "coverage/**",
95
+ "public/**",
96
+ "highlight/**",
97
+ ".varlet/**"
98
+ ]
99
+ },
100
+ "browserslist": [
101
+ "Chrome >= 51",
102
+ "iOS >= 10"
103
+ ],
104
+ "packageManager": "pnpm@7.9.0"
105
+ }
@@ -1,7 +1,7 @@
1
- import type { App } from 'vue'
2
-
3
- export class BasicComponent {
4
- static name: string
5
-
6
- static install(app: App): void
7
- }
1
+ import type { App } from 'vue'
2
+
3
+ export class BasicComponent {
4
+ static name: string
5
+
6
+ static install(app: App): void
7
+ }
@@ -1,12 +1,12 @@
1
- import { BasicComponent } from './basicComponent'
2
-
3
- export interface ButtonProps {
4
- color?: string
5
- onClick?: (e: Event) => void
6
- }
7
-
8
- export class Button extends BasicComponent {
9
- $props: ButtonProps
10
- }
11
-
12
- export class _ButtonComponent extends Button {}
1
+ import { BasicComponent } from './basicComponent'
2
+
3
+ export interface ButtonProps {
4
+ color?: string
5
+ onClick?: (e: Event) => void
6
+ }
7
+
8
+ export class Button extends BasicComponent {
9
+ $props: ButtonProps
10
+ }
11
+
12
+ export class _ButtonComponent extends Button {}
@@ -1,6 +1,6 @@
1
- import type { App } from 'vue'
2
-
3
- export const install: (app: App) => void
4
-
5
- export * from './basicComponent'
6
- export * from './button'
1
+ import type { App } from 'vue'
2
+
3
+ export const install: (app: App) => void
4
+
5
+ export * from './basicComponent'
6
+ export * from './button'
@@ -1,110 +1,110 @@
1
- module.exports = {
2
- name: 'Basic',
3
- namespace: 'b',
4
- title: 'Basic UI',
5
- logo: './logo.svg',
6
- useMobile: true,
7
- themes: {
8
- 'color-body': '#fff',
9
- 'color-bar': '#fff',
10
- 'color-sub-bar': '#f5f5f5',
11
- 'color-text': '#555',
12
- 'color-sub-text': '#888',
13
- 'color-border': 'rgba(0, 0, 0, 0.12)',
14
- 'color-shadow': '#eee',
15
- 'color-introduce-border': '#009688',
16
- 'color-primary': '#009688',
17
- 'color-link': '#009688',
18
- 'color-type': '#009688',
19
- 'color-progress': '#009688',
20
- 'color-progress-track': '#fff',
21
- 'color-side-bar': '#009688',
22
- 'color-side-bar-active-background': '#00968821',
23
- 'color-app-bar': '#009688',
24
- 'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
25
- 'color-pc-language-active': '#009688',
26
- 'color-pc-language-active-background': '#00968821',
27
- 'color-mobile-language-active': '#009688',
28
- 'color-mobile-language-active-background': '#00968821',
29
- 'color-mobile-cell-hover': '#009688'
30
- },
31
- darkThemes: {
32
- 'color-body': '#121212',
33
- 'color-bar': '#1e1e1e',
34
- 'color-sub-bar': '#272727',
35
- 'color-text': '#fff',
36
- 'color-sub-text': '#aaa',
37
- 'color-border': '#333',
38
- 'color-shadow': '#121212',
39
- 'color-introduce-border': '#555',
40
- 'color-primary': '#009688',
41
- 'color-link': '#009688',
42
- 'color-type': '#009688',
43
- 'color-progress': '#009688',
44
- 'color-progress-track': '#202020',
45
- 'color-side-bar': '#009688',
46
- 'color-side-bar-active-background': '#00968821',
47
- 'color-app-bar': '#009688',
48
- 'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
49
- 'color-pc-language-active': '#009688',
50
- 'color-pc-language-active-background': '#00968821',
51
- 'color-mobile-language-active': '#009688',
52
- 'color-mobile-language-active-background': '#00968821',
53
- 'color-mobile-cell-hover': '#009688',
54
- },
55
- highlight: {
56
- style: './highlight.css',
57
- },
58
- pc: {
59
- redirect: '/home',
60
- title: {
61
- 'zh-CN': '一个组件库',
62
- },
63
- header: {
64
- darkMode: null,
65
- versions: null,
66
- i18n: null,
67
- playground: null,
68
- github: 'https://github.com/varletjs/varlet',
69
- },
70
- menu: [
71
- {
72
- text: {
73
- 'zh-CN': '开发指南',
74
- },
75
- type: 1,
76
- },
77
- {
78
- text: {
79
- 'zh-CN': '基本介绍',
80
- },
81
- doc: 'home',
82
- type: 3,
83
- },
84
- {
85
- text: {
86
- 'zh-CN': '基础组件',
87
- },
88
- type: 1,
89
- },
90
- {
91
- text: {
92
- 'zh-CN': 'Button 按钮',
93
- },
94
- doc: 'button',
95
- type: 2,
96
- },
97
- ],
98
- },
99
- mobile: {
100
- redirect: '/home',
101
- title: {
102
- 'zh-CN': '一个组件库',
103
- },
104
- header: {
105
- i18n: null,
106
- darkMode: null,
107
- github: 'https://github.com/varletjs/varlet',
108
- },
109
- },
110
- }
1
+ module.exports = {
2
+ name: 'Basic',
3
+ namespace: 'b',
4
+ title: 'Basic UI',
5
+ logo: './logo.svg',
6
+ useMobile: true,
7
+ themes: {
8
+ 'color-body': '#fff',
9
+ 'color-bar': '#fff',
10
+ 'color-sub-bar': '#f5f5f5',
11
+ 'color-text': '#555',
12
+ 'color-sub-text': '#888',
13
+ 'color-border': 'rgba(0, 0, 0, 0.12)',
14
+ 'color-shadow': '#eee',
15
+ 'color-introduce-border': '#009688',
16
+ 'color-primary': '#009688',
17
+ 'color-link': '#009688',
18
+ 'color-type': '#009688',
19
+ 'color-progress': '#009688',
20
+ 'color-progress-track': '#fff',
21
+ 'color-side-bar': '#009688',
22
+ 'color-side-bar-active-background': '#00968821',
23
+ 'color-app-bar': '#009688',
24
+ 'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
25
+ 'color-pc-language-active': '#009688',
26
+ 'color-pc-language-active-background': '#00968821',
27
+ 'color-mobile-language-active': '#009688',
28
+ 'color-mobile-language-active-background': '#00968821',
29
+ 'color-mobile-cell-hover': '#009688',
30
+ },
31
+ darkThemes: {
32
+ 'color-body': '#121212',
33
+ 'color-bar': '#1e1e1e',
34
+ 'color-sub-bar': '#272727',
35
+ 'color-text': '#fff',
36
+ 'color-sub-text': '#aaa',
37
+ 'color-border': '#333',
38
+ 'color-shadow': '#121212',
39
+ 'color-introduce-border': '#555',
40
+ 'color-primary': '#009688',
41
+ 'color-link': '#009688',
42
+ 'color-type': '#009688',
43
+ 'color-progress': '#009688',
44
+ 'color-progress-track': '#202020',
45
+ 'color-side-bar': '#009688',
46
+ 'color-side-bar-active-background': '#00968821',
47
+ 'color-app-bar': '#009688',
48
+ 'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
49
+ 'color-pc-language-active': '#009688',
50
+ 'color-pc-language-active-background': '#00968821',
51
+ 'color-mobile-language-active': '#009688',
52
+ 'color-mobile-language-active-background': '#00968821',
53
+ 'color-mobile-cell-hover': '#009688',
54
+ },
55
+ highlight: {
56
+ style: './highlight.css',
57
+ },
58
+ pc: {
59
+ redirect: '/home',
60
+ title: {
61
+ 'zh-CN': '一个组件库',
62
+ },
63
+ header: {
64
+ darkMode: null,
65
+ versions: null,
66
+ i18n: null,
67
+ playground: null,
68
+ github: 'https://github.com/varletjs/varlet',
69
+ },
70
+ menu: [
71
+ {
72
+ text: {
73
+ 'zh-CN': '开发指南',
74
+ },
75
+ type: 1,
76
+ },
77
+ {
78
+ text: {
79
+ 'zh-CN': '基本介绍',
80
+ },
81
+ doc: 'home',
82
+ type: 3,
83
+ },
84
+ {
85
+ text: {
86
+ 'zh-CN': '基础组件',
87
+ },
88
+ type: 1,
89
+ },
90
+ {
91
+ text: {
92
+ 'zh-CN': 'Button 按钮',
93
+ },
94
+ doc: 'button',
95
+ type: 2,
96
+ },
97
+ ],
98
+ },
99
+ mobile: {
100
+ redirect: '/home',
101
+ title: {
102
+ 'zh-CN': '一个组件库',
103
+ },
104
+ header: {
105
+ i18n: null,
106
+ darkMode: null,
107
+ github: 'https://github.com/varletjs/varlet',
108
+ },
109
+ },
110
+ }
@@ -1,30 +1,30 @@
1
- <template>
2
- <button class="basic-button" :style="{ background: color }">
3
- <slot />
4
- </button>
5
- </template>
6
-
7
- <script lang="ts">
8
- import { defineComponent, PropType } from 'vue'
9
- export default defineComponent({
10
- name: 'BButton',
11
- props: {
12
- color: {
13
- type: String
14
- },
15
- onClick: {
16
- type: Function as PropType<(e: Event) => void>
17
- }
18
- },
19
- setup(props) {
20
- const handleClick = (e: Event) => props.onClick?.(e)
21
- return {
22
- handleClick
23
- }
24
- }
25
- })
26
- </script>
27
-
28
- <style lang="less">
29
- @import "./button";
30
- </style>
1
+ <template>
2
+ <button class="basic-button" :style="{ background: color }">
3
+ <slot />
4
+ </button>
5
+ </template>
6
+
7
+ <script lang="ts">
8
+ import { defineComponent, PropType } from 'vue'
9
+ export default defineComponent({
10
+ name: 'BButton',
11
+ props: {
12
+ color: {
13
+ type: String,
14
+ },
15
+ onClick: {
16
+ type: Function as PropType<(e: Event) => void>,
17
+ },
18
+ },
19
+ setup(props) {
20
+ const handleClick = (e: Event) => props.onClick?.(e)
21
+ return {
22
+ handleClick,
23
+ }
24
+ },
25
+ })
26
+ </script>
27
+
28
+ <style lang="less">
29
+ @import './button';
30
+ </style>