@varlet/cli 2.11.9-alpha.1687881786307 → 2.12.0-alpha.1688105697429

package/lib/client/index.d.ts

@@ -4,8 +4,8 @@ interface PCLocationInfo {
     menuName: string;
     hash: string;
 }
-export declare type Theme = 'lightTheme' | 'darkTheme';
-export declare type StyleVars = Record<string, string>;
+export type Theme = 'lightTheme' | 'darkTheme';
+export type StyleVars = Record<string, string>;
 export declare function StyleProvider(styleVars?: StyleVars | null): void;
 export declare function getPCLocationInfo(): PCLocationInfo;
 export declare function getBrowserTheme(): Theme;

package/lib/node/commands/checklist.js

@@ -23,14 +23,12 @@ export function getCheckBlocks(html) {
         if (!children) {
             return;
         }
-        const list = children.map((child) => {
-            return child
-                .replaceAll('<li>', '')
-                .replaceAll('</li>', '')
-                .replaceAll('<p>', '')
-                .replaceAll('</p>', '')
-                .replaceAll('\n', '');
-        });
+        const list = children.map((child) => child
+            .replaceAll('<li>', '')
+            .replaceAll('</li>', '')
+            .replaceAll('<p>', '')
+            .replaceAll('</p>', '')
+            .replaceAll('\n', ''));
         checkBlocks.push({
             type,
             list,

package/lib/node/commands/extension.d.ts

@@ -1,3 +1,3 @@
 import { type ExtensionMode } from '../config/vite.config.js';
-export declare type ExtensionCommandMode = ExtensionMode;
+export type ExtensionCommandMode = ExtensionMode;
 export declare function extension(mode: ExtensionCommandMode): Promise<void>;

package/lib/node/commands/icons.js

@@ -12,35 +12,33 @@ async function removeDir() {
     await Promise.all([ensureDir(ICONS_FONTS_DIR), ensureDir(ICONS_CSS_DIR), ensureDir(ICONS_PNG_DIR)]);
 }
 async function buildPNG(svgFiles) {
-    await Promise.all(svgFiles.map((svg) => {
-        return new Promise((done) => {
-            const { name } = parse(svg);
-            sharp(resolve(ICONS_SVG_DIR, svg))
-                .resize({ height: 100 })
-                .toBuffer()
-                .then((buffer) => {
-                sharp({
-                    create: {
-                        width: 100,
-                        height: 100,
-                        channels: 4,
-                        background: '#4a7afe',
-                    },
-                })
-                    .composite([
-                    {
-                        input: buffer,
-                        blend: 'dest-in',
-                    },
-                ])
-                    .png()
-                    .toFile(resolve(ICONS_PNG_DIR, `${name}.png`))
-                    .then(() => {
-                    done();
-                });
+    await Promise.all(svgFiles.map((svg) => new Promise((done) => {
+        const { name } = parse(svg);
+        sharp(resolve(ICONS_SVG_DIR, svg))
+            .resize({ height: 100 })
+            .toBuffer()
+            .then((buffer) => {
+            sharp({
+                create: {
+                    width: 100,
+                    height: 100,
+                    channels: 4,
+                    background: '#4a7afe',
+                },
+            })
+                .composite([
+                {
+                    input: buffer,
+                    blend: 'dest-in',
+                },
+            ])
+                .png()
+                .toFile(resolve(ICONS_PNG_DIR, `${name}.png`))
+                .then(() => {
+                done();
             });
         });
-    }));
+    })));
 }
 function buildWebFont(name) {
     return webfont.default({
@@ -88,11 +86,9 @@ ${iconNames.join(',\n')}
 }
 
 ${icons
-        .map((icon) => {
-        return `.${namespace}-${icon.name}::before {
+        .map((icon) => `.${namespace}-${icon.name}::before {
   content: "\\${icon.pointCode}";
-}`;
-    })
+}`)
         .join('\n\n')}
 `;
     await Promise.all([

package/lib/node/commands/lint.js

@@ -9,12 +9,6 @@ export async function lint() {
         spinner.start({ text: 'prettier starting...' });
         await execa('prettier', ['--write', '--cache', '.']);
         spinner.success({ text: 'prettier success' });
-        spinner.start({ text: 'stylelint starting...' });
-        const stylelintPattern = ['./src/**/*.vue', './src/**/*.css', './src/**/*.less'];
-        const hasPackages = isDir(resolve(CWD, 'packages'));
-        hasPackages && stylelintPattern.push('./packages/**/*.vue', './packages/**/*.css', './packages/**/*.less');
-        await execa('stylelint', [...stylelintPattern, '--fix', '--cache']);
-        spinner.success({ text: 'stylelint success' });
         spinner.start({ text: 'eslint starting...' });
         const eslintPatterns = [
             './src',
@@ -22,8 +16,10 @@ export async function lint() {
             './packages/varlet-ui/src',
             './packages/varlet-icons/lib',
             './packages/varlet-vite-plugins/src',
+            './packages/varlet-use/src',
             './packages/varlet-touch-emulator',
             './packages/varlet-vscode-extension/src',
+            './packages/varlet-ui-playground/src',
         ];
         const { stdout } = await execa('eslint', [
             ...eslintPatterns.filter((pattern) => isDir(resolve(CWD, pattern))),

package/lib/node/commands/vite.d.ts

@@ -1,2 +1,2 @@
-export declare type ViteCommandMode = 'dev' | 'build';
+export type ViteCommandMode = 'dev' | 'build';
 export declare function vite(mode: ViteCommandMode): Promise<void>;

package/lib/node/compiler/compileSiteEntry.js

@@ -11,7 +11,7 @@ const EXAMPLE_INDEX_RE = /\/([-\w]+)\/example\/index(?:.draft)?\.vue/;
 const COMPONENT_DOCS_RE = /\/([-\w]+)\/docs\/([-\w]+)(?:.draft)?\.md/;
 export function getExampleRoutePath(examplePath) {
     var _a;
-    return '/' + ((_a = examplePath.match(EXAMPLE_INDEX_RE)) === null || _a === void 0 ? void 0 : _a[1]);
+    return '/' + ((_a = examplePath.match(EXAMPLE_INDEX_RE)) === null || _a === void 0 ? void 0 : _a[1]); // eslint-disable-line
 }
 export function getComponentDocRoutePath(componentDocsPath) {
     var _a;
@@ -49,14 +49,10 @@ export async function findExamples(draftMode) {
         glob(`${SRC_DIR}/**/${EXAMPLE_DIR_NAME}/index.draft.vue`),
     ]);
     const mergedExamples = [...examples, ...draftExamples];
-    return mergedExamples.filter((example) => {
-        return draftMode ? isDraftExample(example) || !hasDraftExample(mergedExamples, example) : !isDraftExample(example);
-    });
+    return mergedExamples.filter((example) => draftMode ? isDraftExample(example) || !hasDraftExample(mergedExamples, example) : !isDraftExample(example));
 }
 export function filterDraftDocs(docs, draftMode) {
-    return docs.filter((doc) => {
-        return draftMode ? isDraftDoc(doc) || !hasDraftDoc(docs, doc) : !isDraftDoc(doc);
-    });
+    return docs.filter((doc) => (draftMode ? isDraftDoc(doc) || !hasDraftDoc(docs, doc) : !isDraftDoc(doc)));
 }
 export async function findComponentDocs(draftMode) {
     const componentDocs = await glob(`${SRC_DIR}/**/${DOCS_DIR_NAME}/*.md`);

package/lib/node/config/varlet.default.config.js

@@ -141,6 +141,14 @@ export default defineConfig({
                 link: 'https://github.com/varletjs/varlet/graphs/contributors',
                 image: 'https://contrib.rocks/image?repo=varletjs/varlet',
             },
+            sponsors: {
+                label: {
+                    'zh-CN': '赞助者',
+                    'en-US': 'Sponsors',
+                },
+                link: 'https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg',
+                image: 'https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg',
+            },
             license: {
                 'zh-CN': '组件库基于 MIT 协议，您可以自由的使用和分享',
                 'en-US': 'Released under the MIT License, You can use and share freely.',

package/lib/node/config/vite.config.d.ts

@@ -9,5 +9,5 @@ export interface BundleBuildOptions {
     emptyOutDir: boolean;
 }
 export declare function getBundleConfig(varletConfig: Required<VarletConfig>, buildOptions: BundleBuildOptions): InlineConfig;
-export declare type ExtensionMode = 'dev' | 'build';
+export type ExtensionMode = 'dev' | 'build';
 export declare function getExtensionConfig(mode: ExtensionMode): InlineConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.11.9-alpha.1687881786307",
+  "version": "2.12.0-alpha.1688105697429",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -35,16 +35,16 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@babel/core": "^7.14.8",
-    "@babel/helper-plugin-utils": "^7.14.5",
-    "@babel/plugin-transform-typescript": "^7.14.5",
-    "@babel/preset-env": "^7.14.8",
-    "@babel/preset-typescript": "^7.14.5",
-    "@vitejs/plugin-vue": "4.2.2",
+    "@babel/core": "^7.22.5",
+    "@babel/helper-plugin-utils": "^7.22.5",
+    "@babel/plugin-transform-typescript": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@vitejs/plugin-vue": "4.2.3",
     "@vitejs/plugin-vue-jsx": "3.0.1",
-    "@vue/babel-plugin-jsx": "1.1.1",
-    "@vue/compiler-sfc": "3.3.1",
-    "@vue/runtime-core": "3.3.1",
+    "@vue/babel-plugin-jsx": "1.1.4",
+    "@vue/compiler-sfc": "3.3.4",
+    "@vue/runtime-core": "3.3.4",
     "@vue/vue3-jest": "^29.2.3",
     "babel-jest": "^29.5.0",
     "chokidar": "^3.5.2",
@@ -66,15 +66,15 @@
     "semver": "^7.3.5",
     "sharp": "0.31.1",
     "slash": "^3.0.0",
-    "typescript": "^4.4.4",
+    "typescript": "^5.1.5",
     "vite": "4.3.5",
-    "vue": "3.3.2",
+    "vue": "3.3.4",
     "webfont": "^9.0.0",
-    "@varlet/vite-plugins": "2.11.9-alpha.1687881786307",
-    "@varlet/shared": "2.11.9-alpha.1687881786307"
+    "@varlet/vite-plugins": "2.12.0-alpha.1688105697429",
+    "@varlet/shared": "2.12.0-alpha.1688105697429"
   },
   "devDependencies": {
-    "@types/babel__core": "^7.1.12",
+    "@types/babel__core": "^7.20.1",
     "@types/ejs": "^3.1.1",
     "@types/fs-extra": "^9.0.2",
     "@types/glob": "^7.1.3",
@@ -85,22 +85,23 @@
     "@types/node": "^18.7.20",
     "@types/semver": "^7.3.9",
     "@types/sharp": "0.31.1",
-    "@varlet/touch-emulator": "2.11.9-alpha.1687881786307",
-    "@varlet/icons": "2.11.9-alpha.1687881786307"
+    "rimraf": "^5.0.1",
+    "@varlet/touch-emulator": "2.12.0-alpha.1688105697429",
+    "@varlet/icons": "2.12.0-alpha.1688105697429"
   },
   "peerDependencies": {
-    "@vue/runtime-core": "3.2.47",
+    "@vue/runtime-core": "3.3.4",
     "@vue/test-utils": "2.3.2",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",
-    "vue": "3.3.1",
+    "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/touch-emulator": "2.11.9-alpha.1687881786307",
-    "@varlet/icons": "2.11.9-alpha.1687881786307"
+    "@varlet/touch-emulator": "2.12.0-alpha.1688105697429",
+    "@varlet/icons": "2.12.0-alpha.1688105697429"
   },
   "scripts": {
     "dev": "tsc --watch",
-    "build": "tsc"
+    "build": "rimraf ./lib && tsc"
   }
 }

package/site/components/snackbar/index.tsx

@@ -107,7 +107,7 @@ const TransitionGroupHost = {
 
         if (isAllowMultiple) reactiveSnackOptions.position = 'top'
 
-        const position = isAllowMultiple ? 'relative' : 'absolute' // avoid stylelint value-keyword-case error
+        const position = isAllowMultiple ? 'relative' : 'absolute'
 
         const style = {
           position,
@@ -126,7 +126,7 @@ const TransitionGroupHost = {
         )
       })
 
-      const zindex = context.zIndex // avoid stylelint value-keyword-case error
+      const zindex = context.zIndex
 
       return (
         <TransitionGroup

package/site/pc/pages/index/index.vue

@@ -42,7 +42,7 @@ const setCurrentTheme = (theme: Theme) => {
 const toggleTheme = () => {
   setCurrentTheme(currentTheme.value === 'darkTheme' ? 'lightTheme' : 'darkTheme')
   window.postMessage(getThemeMessage(), '*')
-  ;(document.getElementById('mobile') as HTMLIFrameElement)?.contentWindow!.postMessage(getThemeMessage(), '*')
+    ; (document.getElementById('mobile') as HTMLIFrameElement)?.contentWindow!.postMessage(getThemeMessage(), '*')
 }
 
 const setLocale = () => {
@@ -79,30 +79,24 @@ watch(() => route.path, setLocale, { immediate: true })
     <div class="varlet-doc-index__layout">
       <div class="varlet-doc-index__logo-container">
         <div class="varlet-doc-index__logo-background-mask"></div>
-        <animation-box class="varlet-doc-index__logo"/>
+        <animation-box class="varlet-doc-index__logo" />
       </div>
 
       <div class="varlet-doc-index__title">{{ title }}</div>
       <div class="varlet-doc-index__description">{{ indexPage.description[language] }}</div>
       <div class="varlet-doc-index__link-button-group">
         <var-button class="varlet-doc-index__link-button" text outline @click="goGithub">
-          <var-icon name="github" size="24px"/>
+          <var-icon name="github" size="24px" />
         </var-button>
         <var-button class="varlet-doc-index__link-button" text outline v-if="darkMode" @click="toggleTheme">
-          <var-icon size="24px" :name="currentTheme === 'lightTheme' ? 'white-balance-sunny' : 'weather-night'"/>
+          <var-icon size="24px" :name="currentTheme === 'lightTheme' ? 'white-balance-sunny' : 'weather-night'" />
         </var-button>
-        <var-button
-          class="varlet-doc-index__link-button"
-          text
-          outline
-          v-if="languages"
-          @click="toggleLanguages"
-        >
-          <var-icon name="translate" size="24px"/>
+        <var-button class="varlet-doc-index__link-button" text outline v-if="languages" @click="toggleLanguages">
+          <var-icon name="translate" size="24px" />
         </var-button>
         <var-button class="varlet-doc-index__link-button" type="primary" style="line-height: 1.2" @click="getStar">
           <span class="varlet-doc-index__link-button-text">{{ indexPage.started[language] }}</span>
-          <var-icon style="transform: rotate(-90deg)" name="arrow-down" size="24px"/>
+          <var-icon style="transform: rotate(-90deg)" name="arrow-down" size="24px" />
         </var-button>
       </div>
 
@@ -121,6 +115,14 @@ watch(() => route.path, setLocale, { immediate: true })
         </a>
       </div>
 
+      <div class="varlet-doc-index__contributors" v-if="indexPage.sponsors">
+        <div class="varlet-doc-index__contributors-title">{{ indexPage.sponsors.label[language] }}</div>
+
+        <a class="varlet-doc-index__contributors-link" :href="indexPage.sponsors.link">
+          <img class="varlet-doc-index__contributors-image" :src="indexPage.sponsors.image">
+        </a>
+      </div>
+
       <div class="varlet-doc-index__footer">
         <div class="varlet-doc-index__license">{{ indexPage.license[language] }}</div>
         <div class="varlet-doc-index__copyright">{{ indexPage.copyright[language] }}</div>

package/template/generators/base/.eslintrc

@@ -0,0 +1,18 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "lib/**",
+    "es/**",
+    "umd/**",
+    "site/**",
+    "public/**",
+    "src/*/__tests__/**",
+    "coverage/**",
+    "highlight/**",
+    "types/index.d.ts",
+    ".varlet/**"
+  ],
+  "extends": [
+    "@varlet"
+  ]
+}

package/template/generators/base/_gitignore

@@ -3,6 +3,7 @@ node_modules
 .varlet
 .idea
 .vscode
+.history
 *.log
 .DS_Store
 index.draft.vue
@@ -15,6 +16,4 @@ umd
 coverage
 highlight
 
-
-.eslintcache
-.stylelintcache
+.eslintcache

package/template/generators/{config/default/base → base}/package.json

@@ -40,64 +40,29 @@
     "@varlet/cli": "workspace:*",
     "@varlet/eslint-config": "workspace:*",
     "@varlet/icons": "workspace:*",
-    "@varlet/stylelint-config": "workspace:*",
     "@varlet/touch-emulator": "workspace:*",
     "@varlet/shared": "workspace:*",
     "@vue/test-utils": "2.3.2",
+    "@vue/runtime-core": "3.3.4",
     "clipboard": "^2.0.6",
-    "eslint": "^7.30.0",
+    "eslint": "^8.43.0",
     "lint-staged": "^10.5.0",
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",
-    "prettier": "^2.3.2",
+    "prettier": "^2.8.8",
     "simple-git-hooks": "^2.8.0",
-    "stylelint": "^13.13.1",
-    "typescript": "^4.4.4",
-    "vue": "3.3.2",
+    "typescript": "^5.1.5",
+    "vue": "3.3.4",
     "vue-router": "4.2.0"
   },
   "lint-staged": {
     "*.{ts,tsx,js,vue,less}": "prettier --write",
-    "*.{ts,tsx,js,vue}": "eslint --fix",
-    "*.{vue,css,less}": "stylelint --fix"
+    "*.{ts,tsx,js,vue}": "eslint --fix"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm exec lint-staged --allow-empty --concurrent false",
     "commit-msg": "pnpm exec varlet-cli commit-lint $1"
   },
-  "eslintConfig": {
-    "root": true,
-    "ignorePatterns": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "public/**",
-      "src/*/__tests__/**",
-      "coverage/**",
-      "highlight/**",
-      "types/index.d.ts",
-      ".varlet/**"
-    ],
-    "extends": [
-      "@varlet"
-    ]
-  },
-  "stylelint": {
-    "extends": [
-      "@varlet/stylelint-config"
-    ],
-    "ignoreFiles": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "coverage/**",
-      "public/**",
-      "highlight/**",
-      ".varlet/**"
-    ]
-  },
   "browserslist": [
     "Chrome >= 54",
     "iOS >= 10"

package/template/generators/base/tsconfig.json

@@ -9,5 +9,6 @@
     "lib": ["esnext", "dom"],
     "allowSyntheticDefaultImports": true,
     "jsx": "preserve"
-  }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

package/template/generators/config/i18n/base/package.json

@@ -1,109 +0,0 @@
-{
-  "name": "@varlet/ui",
-  "version": "0.0.0",
-  "description": "A components library example",
-  "main": "lib/varlet.cjs.js",
-  "module": "es/index.mjs",
-  "typings": "types/index.d.ts",
-  "web-types": "highlight/web-types.en-US.json",
-  "keywords": [
-    "Vue",
-    "UI"
-  ],
-  "license": "MIT",
-  "sideEffects": [
-    "es/**/style/*",
-    "lib/**/style/*",
-    "es/style.mjs",
-    "lib/style.js",
-    "*.css"
-  ],
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "postinstall": "simple-git-hooks",
-    "dev": "varlet-cli dev",
-    "build": "varlet-cli build",
-    "preview": "varlet-cli preview",
-    "compile": "varlet-cli compile",
-    "lint": "varlet-cli lint",
-    "changelog": "varlet-cli changelog",
-    "release": "pnpm compile && varlet-cli release",
-    "test": "varlet-cli jest",
-    "test:watch": "varlet-cli jest -w",
-    "test:watchAll": "varlet-cli jest -wa",
-    "create": "varlet-cli create"
-  },
-  "peerDependencies": {
-    "vue": "^3.2.0"
-  },
-  "devDependencies": {
-    "@varlet/cli": "workspace:*",
-    "@varlet/eslint-config": "workspace:*",
-    "@varlet/icons": "workspace:*",
-    "@varlet/stylelint-config": "workspace:*",
-    "@varlet/touch-emulator": "workspace:*",
-    "@varlet/shared": "workspace:*",
-    "@vue/test-utils": "2.3.2",
-    "clipboard": "^2.0.6",
-    "eslint": "^7.30.0",
-    "lint-staged": "^10.5.0",
-    "live-server": "^1.2.1",
-    "lodash-es": "^4.17.21",
-    "prettier": "^2.3.2",
-    "simple-git-hooks": "^2.8.0",
-    "stylelint": "^13.13.1",
-    "typescript": "^4.4.4",
-    "vue": "3.3.2",
-    "vue-router": "4.2.0"
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,vue,less}": "prettier --write",
-    "*.{ts,tsx,js,vue}": "eslint --fix",
-    "*.{vue,css,less}": "stylelint --fix"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm exec lint-staged --allow-empty --concurrent false",
-    "commit-msg": "pnpm exec varlet-cli commit-lint $1"
-  },
-  "eslintConfig": {
-    "root": true,
-    "ignorePatterns": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "public/**",
-      "src/*/__tests__/**",
-      "coverage/**",
-      "highlight/**",
-      "types/index.d.ts",
-      ".varlet/**"
-    ],
-    "extends": [
-      "@varlet"
-    ]
-  },
-  "stylelint": {
-    "extends": [
-      "@varlet/stylelint-config"
-    ],
-    "ignoreFiles": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "coverage/**",
-      "public/**",
-      "highlight/**",
-      ".varlet/**"
-    ]
-  },
-  "browserslist": [
-    "Chrome >= 54",
-    "iOS >= 10"
-  ],
-  "packageManager": "pnpm@8.0.0",
-  "engines": {
-    "pnpm": ">=8.0"
-  }
-}