A81N9

> 没有帖地址 感谢提醒 [Naive UI Rem Converter](//naive-px2rem.vercel.app/)

必须手动登录

实测新版本已经支持 [Playground](https://varletjs.org/playground/?initialTheme=md3DarkTheme#eyJBcHAudnVlIjoiICA8dGVtcGxhdGU+XG4gICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGdhcDogMTBweDsgd2lkdGg6IDMwMHB4XCI+XG4gICAgICA8ZGl2Pm92ZXJmbG93OiBoaWRkZW48L2Rpdj5cbiAgICAgIDx2YXItZWxsaXBzaXMgc3R5bGU9XCJmbGV4OiAxOyBvdmVyZmxvdzogaGlkZGVuXCI+5YW25a6e5rKh5pyJ5LuA5LmI5LqL5oOF5piv5LiN5Y+v6IO955qE77yM5oiR6YO95ou/5Yiw5LiW55WM5Yag5Yab5LqG77yM55yf55qE5rKh5pyJ5LuA5LmI5LqL5oOF5piv5LiN5Y+v6IO955qE44CCPC92YXItZWxsaXBzaXM+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMHB4OyB3aWR0aDogMzAwcHg7IG1hcmdpbi10b3A6IDIwcHhcIj5cbiAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDogMTAwcHhcIj5taW4tdy0wPC9kaXY+XG4gICAgICA8dmFyLWVsbGlwc2lzIHN0eWxlPVwiZmxleDogMTsgbWluLXdpZHRoOiAwXCI+5YW25a6e5rKh5pyJ5LuA5LmI5LqL5oOF5piv5LiN5Y+v6IO955qE77yM5oiR6YO95ou/5Yiw5LiW55WM5Yag5Yab5LqG77yM55yf55qE5rKh5pyJ5LuA5LmI5LqL5oOF5piv5LiN5Y+v6IO955qE44CCPC92YXItZWxsaXBzaXM+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiAxMHB4OyB3aWR0aDogMzAwcHg7IG1hcmdpbi10b3A6IDIwcHhcIj5cbiAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDogMTAwcHhcIj50cnVuY2F0ZTwvZGl2PlxuICAgICAgPGRpdiBzdHlsZT1cImZsZXg6IDE7IG92ZXJmbG93OiBoaWRkZW47IHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOyB3aGl0ZS1zcGFjZTogbm93cmFwXCI+XG4gICAgICAgIOWFtuWunuayoeacieS7gOS5iOS6i+aDheaYr+S4jeWPr+iDveeahO+8jOaIkemDveaLv+WIsOS4lueVjOWGoOWGm+S6hu+8jOecn+eahOayoeacieS7gOS5iOS6i+aDheaYr+S4jeWPr+iDveeahOOAglxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvdGVtcGxhdGU+IiwiQXBwV3JhcHBlci52dWUiOiI8c2NyaXB0IHNldHVwPlxuaW1wb3J0IEFwcCBmcm9tICcuL0FwcC52dWUnXG5pbXBvcnQgeyBpbnN0YWxsVmFybGV0VUkgfSBmcm9tICcuL3ZhcmxldC1yZXBsLXBsdWdpbi5qcydcblxuaW5zdGFsbFZhcmxldFVJKClcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxBcHAgLz5cbjwvdGVtcGxhdGU+XG4iLCJ2YXJsZXQtcmVwbC1wbHVnaW4uanMiOiJpbXBvcnQgVmFybGV0VUkgZnJvbSAnQHZhcmxldC91aSdcbmltcG9ydCB7IGdldEN1cnJlbnRJbnN0YW5jZSB9IGZyb20gJ3Z1ZSdcblxuY29uc3QgdmFybGV0Q3NzID0gJ2h0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vQHZhcmxldC91aS9lcy92YXJsZXQuY3NzJ1xuY29uc3QgdmFybGV0VG91Y2hFbXVsYXRvciA9ICdodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2YXJsZXQvdG91Y2gtZW11bGF0b3IvaWlmZS5qcydcblxuYXdhaXQgYXBwZW5kU3R5bGUoKVxuXG5leHBvcnQgZnVuY3Rpb24gaW5zdGFsbFZhcmxldFVJKCkge1xuICBjb25zdCB7IHBhcmVudCB9ID0gd2luZG93XG5cbiAgY29uc3Qgc3R5bGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzdHlsZScpXG4gIHN0eWxlLmlubmVySFRNTCA9IGBcbiAgICBib2R5IHtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICAgICAgcGFkZGluZzogMTZweDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0KTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJvZHkpO1xuICAgIH1cblxuICAgICo6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICBgXG4gIGRvY3VtZW50LmhlYWQuYXBwZW5kQ2hpbGQoc3R5bGUpXG5cbiAgY29uc3Qgc2NyaXB0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0JylcbiAgc2NyaXB0LnNyYyA9IHZhcmxldFRvdWNoRW11bGF0b3JcbiAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChzY3JpcHQpXG5cbiAgY29uc3QgdGhlbWVNYXAgPSB7XG4gICAgbGlnaHRUaGVtZTogbnVsbCxcbiAgICBkYXJrVGhlbWU6IFZhcmxldFVJLlRoZW1lcy5kYXJrLFxuICAgIG1kM0xpZ2h0VGhlbWU6IFZhcmxldFVJLlRoZW1lcy5tZDNMaWdodCxcbiAgICBtZDNEYXJrVGhlbWU6IFZhcmxldFVJLlRoZW1lcy5tZDNEYXJrLFxuICB9XG5cbiAgY29uc3QgdGhlbWUgPSBwYXJlbnQuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmdldEF0dHJpYnV0ZSgndGhlbWUnKVxuXG4gIGlmICh0aGVtZSkge1xuICAgIFZhcmxldFVJLlN0eWxlUHJvdmlkZXIodGhlbWVNYXBbdGhlbWVdKVxuICB9XG5cbiAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCAoeyBkYXRhIH0pID0+IHtcbiAgICBpZiAoZGF0YS5hY3Rpb24gPT09ICd0aGVtZS1jaGFuZ2UnKSB7XG4gICAgICBWYXJsZXRVSS5TdHlsZVByb3ZpZGVyKHRoZW1lTWFwW2RhdGEudmFsdWVdKVxuICAgIH1cbiAgfSlcblxuICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHtcbiAgICB3aW5kb3cucGFyZW50LmRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjbGljaycpKVxuICB9KVxuXG4gIGNvbnN0IGluc3RhbmNlID0gZ2V0Q3VycmVudEluc3RhbmNlKClcbiAgaW5zdGFuY2UuYXBwQ29udGV4dC5hcHAudXNlKFZhcmxldFVJKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gYXBwZW5kU3R5bGUoKSB7XG4gIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgY29uc3QgbGluayA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2xpbmsnKVxuICAgIGxpbmsucmVsID0gJ3N0eWxlc2hlZXQnXG4gICAgbGluay5ocmVmID0gdmFybGV0Q3NzXG4gICAgbGluay5vbmxvYWQgPSByZXNvbHZlXG4gICAgbGluay5vbmVycm9yID0gcmVqZWN0XG4gICAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChsaW5rKVxuICB9KVxufSIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcIkB2YXJsZXQvdWlcIjogXCJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL0B2YXJsZXQvdWkvZXMvdmFybGV0LmVzbS5qc1wiLFxuICAgIFwiQHZhcmxldC91aS9qc29uL2FyZWEuanNvblwiOiBcIi4vdmFybGV0LWFyZWEuanNcIixcbiAgICBcInpvZFwiOiBcImh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vem9kL2xpYi9pbmRleC5tanNcIixcbiAgICBcInNoaWtpXCI6IFwiaHR0cHM6Ly9lc20uc2gvc2hpa2lAMS4wLjBcIlxuICB9XG59IiwidHNjb25maWcuanNvbiI6IntcbiAgXCJjb21waWxlck9wdGlvbnNcIjoge1xuICAgIFwiYWxsb3dKc1wiOiB0cnVlLFxuICAgIFwiY2hlY2tKc1wiOiB0cnVlLFxuICAgIFwianN4XCI6IFwiUHJlc2VydmVcIixcbiAgICBcInRhcmdldFwiOiBcIkVTTmV4dFwiLFxuICAgIFwibW9kdWxlXCI6IFwiRVNOZXh0XCIsXG4gICAgXCJtb2R1bGVSZXNvbHV0aW9uXCI6IFwiQnVuZGxlclwiLFxuICAgIFwiYWxsb3dJbXBvcnRpbmdUc0V4dGVuc2lvbnNcIjogdHJ1ZVxuICB9LFxuICBcInZ1ZUNvbXBpbGVyT3B0aW9uc1wiOiB7XG4gICAgXCJ0YXJnZXRcIjogMy4zXG4gIH1cbn0ifQ==)，大佬辛苦 @haoziqaq

类似 [unplugin-icons](https://github.com/unplugin/unplugin-icons) 、 [ElementPlus Icon](https://element-plus.org/zh-CN/component/icon.html) 所有图标以 svg 独立导入，没必要直接引入整个 字体图标，个人感觉这种引用方式相较于直接引入整个字体图标更加灵活，大多数项目所用到 icon 的地方其实并不是特别多，没必要引入整个字体图标 全部以 svg 单独导入的形式在组件内使用其实更加灵活方便 - [ElButton](https://element-plus.org/zh-CN/component/button.html#button-attributes)  - [ElDialog](https://element-plus.org/zh-CN/component/dialog.html#attributes)  - [ElMessageBox](https://element-plus.org/zh-CN/component/message-box.html#%E9%85%8D%E7%BD%AE%E9%A1%B9)  ... 望采纳

@haoziqaq 目前这种模式发现当有用到相关组件时（比如 Input），即使没有使用任何图标，构建产物也会自动加入整个 icon 字体，导致不必要的构建产物体积增加 建议目前这种基于字体图标的模式将整个图标字体独立出来手动安装，精简构建产物体积

> 字体图标和图标组件早期其实各有利弊。在当今各种自动导入插件生态的加持下字体图标的优势确实是几乎不存在了。但是重构整个组件库的图标方案是一个 ROI 很低的事情，还会带来很多的破坏性变更，对于现在的互联网网络环境而言，意义其实也不大。 理解，但还是期待后期可以支持此模式

> You'll have to be more explicit, because I don't know what you mean...  Add automatic synchronization to WebDAV or other cloud server I love this extension, currently it...

@syhyz1990

确实有很多场景都需要这个功能，期待中...

Just like [PrimeVue](https://primevue.org/) [DatePicker inline](https://primevue.org/datepicker/#inline) [ColorPicker inline](https://primevue.org/colorpicker/#inline)