From da8629188c52ce7ef78b027ef698ce60908e02f0 Mon Sep 17 00:00:00 2001 From: aibayanyu20 Date: Tue, 14 Nov 2023 09:26:18 +0800 Subject: [PATCH 01/30] feat: add flex component --- package.json | 18 +- playground/app.vue | 22 +- pnpm-lock.yaml | 5019 ++++++++++++++++++++++++++++---------------- src/antdv.ts | 1 + 4 files changed, 3245 insertions(+), 1815 deletions(-) diff --git a/package.json b/package.json index 244d577..53488ce 100644 --- a/package.json +++ b/package.json @@ -33,19 +33,19 @@ "test:watch": "vitest watch" }, "dependencies": { - "@nuxt/kit": "^3.5.2", "@ant-design/icons-vue": "^7.0.1", - "ant-design-vue": "^4.0.1" + "@nuxt/kit": "^3.8.1", + "ant-design-vue": "^4.0.7" }, "devDependencies": { "@nuxt/eslint-config": "^0.1.1", "@nuxt/module-builder": "^0.4.0", - "@nuxt/schema": "^3.5.2", - "@nuxt/test-utils": "^3.5.1", - "@types/node": "^18", - "changelogen": "^0.5.3", - "eslint": "^8.41.0", - "nuxt": "^3.5.1", - "vitest": "^0.31.1" + "@nuxt/schema": "^3.8.1", + "@nuxt/test-utils": "^3.8.1", + "@types/node": "^18.18.9", + "changelogen": "^0.5.5", + "eslint": "^8.53.0", + "nuxt": "^3.8.1", + "vitest": "^0.31.4" } } \ No newline at end of file diff --git a/playground/app.vue b/playground/app.vue index e79c5ea..a0d2244 100644 --- a/playground/app.vue +++ b/playground/app.vue @@ -54,17 +54,35 @@ notification info + + + horizontal + vertical + + +
+ +
``` Reference [Nuxt documentation](https://nuxt.com/docs/guide/directory-structure/components) and [playground](./playground/app.vue) use. @@ -99,6 +101,22 @@ If you wish to add automatically import content from Ant Design Vue, you can add If there are components that are not imported automatically from @ant-design/icons-vue, you need to add the component name here. +### extractStyle + +* Type: `boolean` + +Extract css on demand, start by default + +```vue + + +``` + + ## Development ```bash diff --git a/playground/app.vue b/playground/app.vue index cff7394..4cf6286 100644 --- a/playground/app.vue +++ b/playground/app.vue @@ -1,81 +1,83 @@ + + diff --git a/src/types.ts b/src/types.ts index a6eea6c..a6f3d54 100644 --- a/src/types.ts +++ b/src/types.ts @@ -5,6 +5,7 @@ export interface Options { icons: false | PresetImport[] components: false | PresetImport[] imports: PresetImport[] + extractStyle: boolean } From 48db824c47d77b27f0173a42e9f010f145697d2c Mon Sep 17 00:00:00 2001 From: markthree <1801982702@qq.com> Date: Wed, 10 Jan 2024 14:09:52 +0800 Subject: [PATCH 07/30] fix!(extractStyle): close by default --- README.md | 14 +++++++------- playground/nuxt.config.ts | 4 +++- src/config.ts | 2 +- 3 files changed, 11 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index c7763c7..6a37e88 100644 --- a/README.md +++ b/README.md @@ -69,11 +69,9 @@ const handleMessage = () => { } ``` Reference [Nuxt documentation](https://nuxt.com/docs/guide/directory-structure/components) and [playground](./playground/app.vue) use. @@ -105,10 +103,12 @@ If there are components that are not imported automatically from @ant-design/ico * Type: `boolean` -Extract css on demand, start by default +> Solve page css flicker problem + +Extracts and injects css on demand, defaults to false ```vue - +