refactor(usecssr): conform new api

This commit is contained in:
07akioni 2020-07-08 20:35:29 +08:00
parent 50cba57d45
commit 01cf40cf85
3 changed files with 70 additions and 6 deletions

View File

@ -14,8 +14,8 @@ function markStyleMounted (id) {
}
function getThemeVariables (naive, themeName) {
const themes = naive._themes
const theme = themes[themeName]
const styles = naive.styles
const theme = styles[themeName]
return theme.base
}

View File

@ -43,12 +43,13 @@ function create ({
locales: createLocalesObject(locales),
fallbackLocale: fallbackLocale || locales[0],
hljs,
setHljs,
setHighlightjs: setHljs,
install,
components: {},
styles: createStylesObject(styles),
fallbackTheme: fallbackTheme || 'light'
fallbackTheme: fallbackTheme || 'light',
// external
setHljs,
setHighlightjs: setHljs,
install
}
function install (Vue) {
if (installTargets.includes(Vue)) return

View File

@ -188,6 +188,69 @@ light {
## 2020.7.1
shouldMount 可以加到 usecssr
## 2020.7.8
style overrides RFC
```js
// no import on demand
import naive from 'naive-ui'
naive.Button.overrideStyles({
light: {
borderRadius: 8
},
dark: {
borderRadius: 8
}
})
naive.InputNumber.overrideStyles({
light: {
borderRadius: 8
},
dark: {
borderRadius: 8
}
})
naive.themes.light.overrideStyles({
primaryColor: '1234'
})
Vue.use(naive)
```
```js
// import on demand
// essential
import create from 'naive-ui/create'
import lightStyle from 'naive-ui/styles/light'
import darkStyle from 'naive-ui/styles/dark'
// components
import Button from 'naive-ui/button'
// styles
import buttonLightStyle from 'naive-ui/button/styles/light'
import buttonDarkStyle from 'naive-ui/button/styles/dark'
const naive = create({
components: [
Button
],
styles: [
// base styles, required for each theme
lightStyle,
darkStyle,
// component styles
buttonLightStyle,
buttonDarkStyle
],
fallbackTheme: 'light',
})
```
## TODO 排序不分先后
1. <del>Focus Detector on Time Selector</del>
2. <del>Menu Root Indent = 0 可能造成问题</del>