@varlet/cli 2.4.3-alpha.1671118557898 → 2.4.3-alpha.1672072688719

package/lib/node/compiler/compileModule.js

@@ -5,7 +5,7 @@ import { EXAMPLE_DIR_NAME, TESTS_DIR_NAME, DOCS_DIR_NAME, SRC_DIR, ES_DIR, STYLE
 import { getPublicDirs, isDir, isDTS, isLess, isScript, isSFC } from '../shared/fsUtils.js';
 import { compileSFC } from './compileSFC.js';
 import { compileESEntry, compileCommonJSEntry, compileScriptFile } from './compileScript.js';
-import { compileLess } from './compileStyle.js';
+import { clearLessFiles, compileLess } from './compileStyle.js';
 import { getESMBundleConfig, getUMDConfig } from '../config/vite.config.js';
 import { getVarletConfig } from '../config/varlet.config.js';
 import { generateReference } from './compileTypes.js';
@@ -70,5 +70,6 @@ export async function compileModule(modules = false) {
     else {
         await compileESEntry(dest, publicDirs);
     }
+    clearLessFiles(dest);
     generateReference(dest);
 }

package/lib/node/compiler/compileStyle.d.ts

@@ -9,3 +9,4 @@ export declare const clearEmptyLine: (s: string) => string;
 export declare function normalizeStyleDependency(styleImport: string, reg: RegExp): string;
 export declare function extractStyleDependencies(file: string, code: string, styleReg: RegExp): string;
 export declare function compileLess(file: string): Promise<void>;
+export declare function clearLessFiles(dir: string): void;

package/lib/node/compiler/compileStyle.js

@@ -1,9 +1,10 @@
 import fse from 'fs-extra';
 import less from 'less';
+import glob from 'glob';
 import { replaceExt, smartAppendFileSync } from '../shared/fsUtils.js';
 import { parse, resolve } from 'path';
 const { render } = less;
-const { readFileSync, removeSync, writeFileSync } = fse;
+const { readFileSync, writeFileSync, unlinkSync } = fse;
 export const EMPTY_SPACE_RE = /[\s]+/g;
 export const EMPTY_LINE_RE = /[\n\r]*/g;
 export const IMPORT_CSS_RE = /(?<!['"`])import\s+['"](\.{1,2}\/.+\.css)['"]\s*;?(?!\s*['"`])/g;
@@ -34,6 +35,9 @@ export function extractStyleDependencies(file, code, styleReg) {
 export async function compileLess(file) {
     const source = readFileSync(file, 'utf-8');
     const { css } = await render(source, { filename: file });
-    removeSync(file);
     writeFileSync(replaceExt(file, '.css'), clearEmptyLine(css), 'utf-8');
 }
+export function clearLessFiles(dir) {
+    const files = glob.sync(`${dir}/**/*.less`);
+    files.forEach(unlinkSync);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.4.3-alpha.1671118557898",
+  "version": "2.4.3-alpha.1672072688719",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -68,8 +68,8 @@
     "vite-plugin-html": "^2.1.0",
     "vue": "3.2.25",
     "vue-jest": "^5.0.0-alpha.8",
-    "@varlet/shared": "2.4.3-alpha.1671118557898",
-    "@varlet/markdown-vite-plugin": "2.4.3-alpha.1671118557898"
+    "@varlet/markdown-vite-plugin": "2.4.3-alpha.1672072688719",
+    "@varlet/shared": "2.4.3-alpha.1672072688719"
   },
   "devDependencies": {
     "@types/babel__core": "^7.1.12",
@@ -80,8 +80,8 @@
     "@types/lodash-es": "^4.17.5",
     "@types/node": "^18.7.20",
     "@types/semver": "^7.3.9",
-    "@varlet/touch-emulator": "2.4.3-alpha.1671118557898",
-    "@varlet/icons": "2.4.3-alpha.1671118557898"
+    "@varlet/icons": "2.4.3-alpha.1672072688719",
+    "@varlet/touch-emulator": "2.4.3-alpha.1672072688719"
   },
   "peerDependencies": {
     "@vue/runtime-core": "3.2.16",
@@ -91,8 +91,8 @@
     "lodash-es": "^4.17.21",
     "vue": "3.2.25",
     "vue-router": "4.0.12",
-    "@varlet/icons": "2.4.3-alpha.1671118557898",
-    "@varlet/touch-emulator": "2.4.3-alpha.1671118557898"
+    "@varlet/icons": "2.4.3-alpha.1672072688719",
+    "@varlet/touch-emulator": "2.4.3-alpha.1672072688719"
   },
   "scripts": {
     "dev": "tsc --watch",

package/site/components/icon/icon.less

@@ -7,6 +7,7 @@
 }
 
 .var-site-icon {
+  position: relative;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -14,6 +15,16 @@
   color: inherit;
   vertical-align: bottom;
 
+  &::before {
+    position: relative;
+    display: inline-block;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    font-weight: normal;
+    font-style: normal;
+  }
+
   &--shrinking {
     transform: scale(0);
   }