| 1 |
- import{o as e,c as s,a as d}from"./app.c38d1953.js";const c='{"title":"插件","description":"","frontmatter":{},"headers":[{"level":2,"title":"windiCss 替换为 unocss","slug":"windicss-替换为-unocss"},{"level":2,"title":"布局","slug":"布局"},{"level":2,"title":"typescript 类型","slug":"typescript-类型"},{"level":2,"title":"组件","slug":"组件"},{"level":2,"title":"在线例子","slug":"在线例子"},{"level":2,"title":"v1 如何升级到 v2","slug":"v1-如何升级到-v2"}],"relativePath":"guide/version.md","lastUpdated":1721206001124}',a={},i=d('<h1 id="插件"><a class="header-anchor" href="#插件" aria-hidden="true">#</a> 插件</h1><h2 id="windicss-替换为-unocss"><a class="header-anchor" href="#windicss-替换为-unocss" aria-hidden="true">#</a> windiCss 替换为 unocss</h2><p>由于 WindiCss 不再维护，所以换成了 unocss, 两者在用法上保持了大部分的一致性，但还是有些地方有特别的差异性，对于 v1 版本需要升级到 unocss 话，需要有一定的改造成本。</p><p>所以建议 v1 还是继续使用 WindiCss</p><h2 id="布局"><a class="header-anchor" href="#布局" aria-hidden="true">#</a> 布局</h2><p>v2 版本还是保留了四种布局风格，只是在细节上的把控会比 v1 好，主要体现在一些边框重叠的优化上。</p><h2 id="typescript-类型"><a class="header-anchor" href="#typescript-类型" aria-hidden="true">#</a> typescript 类型</h2><p>v2 版本升级了 typescript5，在用法上基本上没有区别，只是针对了项目中的一些类型的规范进行了更改，使项目的代码更规范化。</p><h2 id="组件"><a class="header-anchor" href="#组件" aria-hidden="true">#</a> 组件</h2><p>v2 版本最主要的更新，就是组件上的更新</p><p>主要体现在了 <code>Form</code> 、 <code>Table</code> 、 <code>Search</code> 、<code>Descriptions</code> 的重构上。</p><p>在 V1 版本中，以上四个组件在使用上有许多不足的地方，灵活度不够，扩展性不强而被诟病。</p><p>所以在 v2 版本中，以上四个组件，<code>schema</code> 全部采用了 <code>tsx</code> 的书写方式，如果定制化比较多的话，<code>tsx</code> 会比 <code>template</code> 更有优势。</p><p>同时，以上四个组件支持嵌套绑定，如 <code>Form</code> 的数据绑定，v1 版本只支持一层嵌套，比较局限，在 v2 版本中，支持 <code>xxx.xxx</code> 的绑定方式。</p><p>如果用法比较简单的话，也是支持 <code>template</code> ，不过这里还是推荐使用 <code>tsx</code> ，避免之后扩展带来的负担。</p><h2 id="在线例子"><a class="header-anchor" href="#在线例子" aria-hidden="true">#</a> 在线例子</h2><p>v2 版本丰富了在线例子，如果 <code>权限管理</code>，后续也会继续持续更新更多的例子来让各位客官可以更快速的了解和使用。</p><h2 id="v1-如何升级到-v2"><a class="header-anchor" href="#v1-如何升级到-v2" aria-hidden="true">#</a> v1 如何升级到 v2</h2><div class="warning custom-block"><p class="custom-block-title">注意</p><p>如果 v1 版本已经项目落地，或者已经使用了一段时间，建议还是继续使用 v1 版本，刚开始使用的话，可以直接使用 v2 版本</p><p>由于两个版本的不兼容，这里是不推荐进行升级。</p></div>',19);a.render=function(d,c,a,r,t,o){return e(),s("div",null,[i])};export default a;export{c as __pageData};
|
