fix(playground): remove import about vite and fix ts error

varletjs · Sep 18, 2022 · cf261e6 · cf261e6
1 parent c661a3c
commit cf261e6
Show file tree

Hide file tree

Showing 7 changed files with 2,601 additions and 537 deletions.
diff --git a/packages/varlet-eslint-config/index.js b/packages/varlet-eslint-config/index.js
@@ -52,6 +52,7 @@ module.exports = {
     'vue/require-explicit-emits': 'off',
     '@typescript-eslint/camelcase': 'off',
     '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/no-var-requires': 'off',
     '@typescript-eslint/no-extra-semi': 'off',
     '@typescript-eslint/no-explicit-any': 'off',

diff --git a/packages/varlet-ui-playground/src/download/template/package.json b/packages/varlet-ui-playground/src/download/template/package.json
@@ -12,8 +12,8 @@
     "@varlet/touch-emulator": "latest"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.4.0",
+    "@vitejs/plugin-vue": "^3.0.1",
     "@vue/compiler-sfc": "^3.2.0",
-    "vite": "^2.4.4"
+    "vite": "^3.0.4"
   }
 }
diff --git a/packages/varlet-ui-playground/src/module.d.ts b/packages/varlet-ui-playground/src/module.d.ts
@@ -0,0 +1,4 @@
+declare module '*?raw' {
+  const content: string
+  export default content
+}
diff --git a/packages/varlet-ui-playground/src/store.ts b/packages/varlet-ui-playground/src/store.ts
@@ -144,6 +144,7 @@ export class ReplStore implements Store {
     this.initImportMap()
 
     // varlet inject
+    // @ts-ignore
     this.state.files[varletReplPlugin] = new File(varletReplPlugin, varletReplPluginCode, !import.meta.env.DEV)
 
     watchEffect(() => compileFile(this, this.state.activeFile))

diff --git a/packages/varlet-ui-playground/vite.config.ts b/packages/varlet-ui-playground/vite.config.ts
@@ -1,13 +1,12 @@
 import fs from 'fs'
 import { resolve } from 'path'
-import { defineConfig, Plugin } from 'vite'
 
 const varletESMBundleFile = resolve(__dirname, '../varlet-ui/es/varlet.esm.js')
 const varletArea = resolve(__dirname, '../varlet-ui/json/area.json')
 const varletTouchEmulatorFile = resolve(__dirname, '../varlet-touch-emulator/index.js')
 const varletCSSFile = resolve(__dirname, '../varlet-ui/es/style.css')
 
-function copyVarletPlugin(): Plugin {
+function copyVarletPlugin() {
   return {
     name: 'copy-varlet',
     buildStart() {
@@ -19,7 +18,7 @@ function copyVarletPlugin(): Plugin {
   }
 }
 
-export default defineConfig(async () => {
+export default async () => {
   return {
     base: './',
     plugins: [copyVarletPlugin()],
@@ -31,4 +30,4 @@ export default defineConfig(async () => {
       outDir: 'site',
     },
   }
-})
+}
diff --git a/packages/varlet-ui/src/style-provider/docs/zh-CN.md b/packages/varlet-ui/src/style-provider/docs/zh-CN.md
@@ -110,10 +110,10 @@ const toggleRootTheme = () => {
 
 ### 属性
 
-| 参数           | 说明 | 类型                       | 默认值 |
-|--------------| --- |--------------------------| -- |
-| `style-vars` | css 变量 | _Record<string, string>_ | `{}` |
-| `tag`        | 自定义标签名 | _string_                 | `div` |
+| 参数         | 说明   | 类型                     | 默认值 | 
+|--------------|---------------|--------------------------|---------| 
+| `style-vars` | CSS 变量 | _Record<string, string>_ | `{}`    |
+| `tag`        | 自定义标签名      | _string_                 | `div`   |
 
 ### 插槽