diff --git a/package.json b/package.json index 5fcb79b..a634569 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "@types/node": "^18.7.13", "changeset": "^0.2.6", "esbuild": "^0.15.8", + "rimraf": "^5.0.0", "turbo": "^1.8.8", "vue": "^3.2.37" } diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index eeb4a1c..01163ee 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,16 @@ # rudder-ui +## 0.2.0 + +### Minor Changes + +- 7717013: add extract scss compile + +### Patch Changes + +- Updated dependencies [7717013] + - @rudder-ui/utils@0.2.0 + ## 0.1.0 ### Minor Changes diff --git a/packages/components/package.json b/packages/components/package.json index 27bf4c0..86c5b9a 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "rudder-ui", - "version": "0.1.0", + "version": "0.2.0", "description": "all components are settled here", "license": "MIT", "main": "./lib/index.js", @@ -30,8 +30,8 @@ }, "unpkg": "./dist/index.js", "scripts": { - "dev": "vite build -w", - "build": "vite build" + "dev": "rimraf dist es lib && vite build -w", + "build": "rimraf dist es lib && vite build" }, "publishConfig": { "access": "public" @@ -41,17 +41,18 @@ }, "sideEffects": false, "devDependencies": { - "@vitejs/plugin-vue": "^3.0.3", - "@vitejs/plugin-vue-jsx": "^2.0.1", + "@rollup/plugin-terser": "^0.4.1", + "@vitejs/plugin-vue": "^4.1.0", + "@vitejs/plugin-vue-jsx": "^3.0.1", + "rollup-plugin-sass": "^1.12.19", "rollup-plugin-scss": "^3.0.0", - "rollup-plugin-terser": "^7.0.2", "sass": "^1.54.6", - "unplugin-vue-macros": "^0.12.0", - "vite": "^3.0.7", + "unplugin-vue-macros": "^2.0.0", + "vite": "^4.2.2", "vite-plugin-dts": "^1.4.1", "vue": "^3.2.37" }, "dependencies": { - "@rudder-ui/utils": "workspace:^0.1.0" + "@rudder-ui/utils": "workspace:^0.2.0" } } \ No newline at end of file diff --git a/packages/components/rudder.scss b/packages/components/rudder.scss index 08fa9f5..bbd2009 100644 --- a/packages/components/rudder.scss +++ b/packages/components/rudder.scss @@ -1,3 +1,5 @@ +@import './style/base.scss'; + [class^='rudder-'], [class*=' rudder-'] { padding: 0; @@ -9,7 +11,9 @@ body { // 为什么这样写 font-family // 答案见 https://github.com/zenozeng/fonts.css/ - font-family: -apple-system, 'Noto Sans', 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial, 'Liberation Sans', - 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', - 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif; + font-family: -apple-system, 'Noto Sans', 'Helvetica Neue', Helvetica, + 'Nimbus Sans L', Arial, 'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB', + 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', + 'Microsoft YaHei', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', + SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif; } diff --git a/packages/components/style/base.scss b/packages/components/style/base.scss new file mode 100644 index 0000000..18c665d --- /dev/null +++ b/packages/components/style/base.scss @@ -0,0 +1,21 @@ +$h: 32px; +$border-color: #918787; +$color: #333; +$blue: #40a9ff; +$red: red; +$grey: grey; + +:root { + --r-border-color: #{$blue}; + --r-border-radius: 4px; +} + +html:not(.dark) { + --r-text-color: #333; + --r-background: #fff; +} + +html.dark { + --r-text-color: #fff; + --r-background: #333; +} diff --git a/packages/components/tabs/src/Tabs.vue b/packages/components/tabs/src/Tabs.vue index 00c3b31..ce80bc2 100644 --- a/packages/components/tabs/src/Tabs.vue +++ b/packages/components/tabs/src/Tabs.vue @@ -83,13 +83,12 @@ export default defineComponent({