@dao-style/core 1.36.2-beta.3 → 1.36.2-beta.5

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@dao-style/core",
-  "version": "1.36.2-beta.3",
+  "version": "1.36.2-beta.5",
   "scripts": {
     "commit": "git-cz",
     "dev": "pnpm run dev:docs",
-    "dev:docs": "vitepress dev docs",
+    "dev:docs": "pnpm run prepare:playground -- --dev && vitepress dev docs",
     "build": "pnpm run typecheck && vite build && vue-tsc -d --emitDeclarationOnly -p tsconfig.build.json && pnpm run build:volar",
     "build:volar": "node scripts/gen-volar-dts.mjs",
     "gen:iconfont": "node scripts/gen-iconfont.mjs",
-    "build:docs": "vitepress build docs",
-    "test": "vitest src --run",
-    "test:watch": "vitest src",
+    "build:docs": "pnpm run prepare:playground && vitepress build docs",
+    "prepare:playground": "node scripts/prepare-playground.mjs",
+    "test": "vitest src docs/.vitepress/components --run",
+    "test:watch": "vitest src docs/.vitepress/components",
     "lint": "pnpm run lint:style & pnpm run lint:docs & pnpm run typecheck & pnpm run lint:eslint",
     "lint:style": "stylelint \"src/**/*.{vue,css,scss}\" --config .stylelintrc.js --fix",
     "lint:docs": "prettier \"**/*.md\" --write",
@@ -40,6 +41,7 @@
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^16.0.0",
     "@commitlint/cz-commitlint": "^16.0.0",
+    "@tailwindcss/browser": "^4.3.2",
     "@types/markdown-it": "^12.2.3",
     "@types/micromatch": "^4.0.2",
     "@types/node": "^16.10.3",
@@ -47,7 +49,7 @@
     "@typescript-eslint/parser": "^5.47.1",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitest/coverage-c8": "^0.26.2",
-    "@vue/repl": "^1.3.2",
+    "@vue/repl": "^3.4.0",
     "@vue/test-utils": "^2.2.6",
     "@vueuse/core": "^8.2.5",
     "autoprefixer": "^10.4.12",
@@ -90,7 +92,7 @@
     "vitepress": "^1.0.0-alpha.33",
     "vitepress-plugin-search": "^1.0.4-alpha.19",
     "vitest": "^0.26.2",
-    "vue": "^3.2.40",
+    "vue": "^3.3.13",
     "vue-eslint-parser": "^9.1.0",
     "vue-router": "^4.0.0-0",
     "vue-tsc": "^1.0.18",

package/scripts/transform-variable.mjs

@@ -160,37 +160,41 @@ export const renderThemeColor = (data) => {
   };
 };
 
+export const writeColorVariable = (id) => {
+  if (!micromatch.isMatch(id, '**/styles/color/*.json')) {
+    return;
+  }
+
+  const content = readFileSync(id).toString();
+  const parsedContent = JSON5.parse(content);
+  if (!parsedContent.meta) {
+    parsedContent.meta = {};
+  }
+  parsedContent.meta.from = id;
+  const filename = (micromatch.capture('**/styles/color/*.json', id) ?? [])[1];
+  if (!parsedContent.meta.name) {
+    parsedContent.meta.name = filename;
+  }
+
+  const parseSpec = {
+    meta: parsedContent.meta,
+    content: transformSpec(parsedContent.spec),
+    _origin: parsedContent,
+  };
+  const dataPreparedToWrite = renderSCSSAndCSSVariable(parseSpec);
+
+  const parsedFileName = id.replace(`${filename}.json`, `${filename}.scss`);
+
+  writeFileSync(parsedFileName, dataPreparedToWrite.content);
+
+  const colorTheme = renderThemeColor(parseSpec);
+
+  const parsedThemeFileName = id.replace(`${filename}.json`, `${filename}.js`);
+
+  writeFileSync(parsedThemeFileName, colorTheme.content);
+};
+
 export const transformVariable = () => ({
   name: 'generate-css-variable',
-  load(id) {
-    if (micromatch.isMatch(id, '**/styles/color/*.json')) {
-      const content = readFileSync(id).toString();
-      const parsedContent = JSON5.parse(content);
-      if (!parsedContent.meta) {
-        parsedContent.meta = {};
-      }
-      parsedContent.meta.from = id;
-      const filename = (micromatch.capture('**/styles/color/*.json', id) ?? [])[1];
-      if (!parsedContent.meta.name) {
-        parsedContent.meta.name = filename;
-      }
-
-      const parseSpec = {
-        meta: parsedContent.meta,
-        content: transformSpec(parsedContent.spec),
-        _origin: parsedContent,
-      };
-      const dataPreparedToWrite = renderSCSSAndCSSVariable(parseSpec);
-
-      const parsedFileName = id.replace(`${filename}.json`, `${filename}.scss`);
-
-      writeFileSync(parsedFileName, dataPreparedToWrite.content);
-
-      const colorTheme = renderThemeColor(parseSpec);
-
-      const parsedThemeFileName = id.replace(`${filename}.json`, `${filename}.js`);
-
-      writeFileSync(parsedThemeFileName, colorTheme.content);
-    }
-  },
+  load: writeColorVariable,
 });

package/volar.d.ts

@@ -45,6 +45,7 @@ declare module 'vue' {
     DaoRadioGroup: typeof import('@dao-style/core')['DaoRadioGroup']
     DaoSelect: typeof import('@dao-style/core')['DaoSelect']
     DaoOption: typeof import('@dao-style/core')['DaoOption']
+    DaoSlider: typeof import('@dao-style/core')['DaoSlider']
     DaoSwitch: typeof import('@dao-style/core')['DaoSwitch']
     DaoTable: typeof import('@dao-style/core')['DaoTable']
     DaoTabs: typeof import('@dao-style/core')['DaoTabs']