@dao-style/core 1.36.2-beta.4 → 1.36.2-beta.6

package/dist/directives/tooltip/wrapper.d.ts

@@ -1,14 +1,27 @@
 import { Ref } from 'vue';
 import { PopperContentProps } from '../../components/popper/popper-props';
-export declare const popperContentMap: Map<string, Partial<{
+export declare const popperContentMap: Map<string, {
+    content?: string | undefined;
+    resolve?: CallableFunction | undefined;
+    props?: {
+        width: string | number;
+        visibleArrow: boolean;
+        popperClass: string;
+        popperId: string;
+        isOpen: boolean;
+        theme: string;
+        autoHide: boolean;
+    } | undefined;
+    isOpen?: boolean | undefined;
+}> & Omit<Map<string, Partial<{
     content: string;
     resolve: CallableFunction;
     props: PopperContentProps;
     isOpen: boolean;
-}>>;
+}>>, keyof Map<any, any>>;
 declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
 export declare const popperIdWeakMap: WeakMap<object, any>;
 export declare const popperOptionsWeakMap: WeakMap<object, any>;

package/dist/playground-demo-resolver.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@dao-style/core",
-  "version": "1.36.2-beta.4",
+  "version": "1.36.2-beta.6",
   "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,
 });