Deploying to gh-pages from @ 577b0d2 🚀

assets/CONTRIBUTING-607fcccc.js → assets/CONTRIBUTING-d597126a.js

@@ -1,4 +1,4 @@
-import{p as d,a as s,f as i,w as l,o as u,e as t,k as e,j as n}from"./index-c0fbe197.js";const a={},p=n("p",null,"我们重视每位参与者的贡献，感谢每一行代码的产生",-1),_=n("p",null,"要运行组件库，请执行以下步骤：",-1),r=n("ol",null,[n("li",null,"推荐先 fork 项目并基于此仓库进行操作"),n("li",null,[e("克隆 fork 后的项目到本地 "),n("code",null,"git clone https://github.com/xxxxxx/yike-design-dev.git")]),n("li",null,[e("切换至 monorepo-dev 分支 "),n("code",null,"git checkout monorepo-dev")]),n("li",null,[e("安装依赖："),n("code",null,"pnpm i")]),n("li",null,[e("启动开发服务器："),n("code",null,"npm run dev:demo")]),n("li",null,[e("在浏览器中访问："),n("code",null,"http://localhost:5173")])],-1),m=n("p",null,[e("目前，我们有主体有两大任务并行，"),n("strong",null,"旧组件的重构"),e("以及"),n("strong",null,"新组件的开发"),e("，")],-1),h=n("p",null,[e("如果您想进行旧组件的重构工作的话，您可以切换到"),n("code",null,"dev"),e("分支，在"),n("code",null,"src"),e("下的"),n("code",null,"yi-design"),e("目录下就是之前的未重构前的组件，可以供您进行参考。")],-1),g=n("p",null,"然后接下来的开发工作规范请您观看下面的指南即可。",-1),f=n("p",null,"为了维护组件库代码提交规范性，项目前期(第一版正式发包前)推荐采用以下流程提交代码。",-1),v=n("p",null,[e("前往"),n("a",{href:"https://github.com/ecaps1038/yike-design-dev.git,%22github%E4%B8%BB%E9%A1%B5%22",class:"yk-doc-link",target:"_blank"},"项目主页"),e(" fork 工程至自己的 git 仓库，并基于此 git 仓库维护代码。")],-1),k=n("p",null,"执行下面 git 命令",-1),x=n("pre",null,[n("code",{class:"language-sh"},`git remote add upstream https://github.com/ecaps1038/yike-design-dev.git
+import{p as d,a as s,f as i,w as l,o as u,e as t,k as e,j as n}from"./index-ac581855.js";const a={},p=n("p",null,"我们重视每位参与者的贡献，感谢每一行代码的产生",-1),_=n("p",null,"要运行组件库，请执行以下步骤：",-1),r=n("ol",null,[n("li",null,"推荐先 fork 项目并基于此仓库进行操作"),n("li",null,[e("克隆 fork 后的项目到本地 "),n("code",null,"git clone https://github.com/xxxxxx/yike-design-dev.git")]),n("li",null,[e("切换至 monorepo-dev 分支 "),n("code",null,"git checkout monorepo-dev")]),n("li",null,[e("安装依赖："),n("code",null,"pnpm i")]),n("li",null,[e("启动开发服务器："),n("code",null,"npm run dev:demo")]),n("li",null,[e("在浏览器中访问："),n("code",null,"http://localhost:5173")])],-1),m=n("p",null,[e("目前，我们有主体有两大任务并行，"),n("strong",null,"旧组件的重构"),e("以及"),n("strong",null,"新组件的开发"),e("，")],-1),h=n("p",null,[e("如果您想进行旧组件的重构工作的话，您可以切换到"),n("code",null,"dev"),e("分支，在"),n("code",null,"src"),e("下的"),n("code",null,"yi-design"),e("目录下就是之前的未重构前的组件，可以供您进行参考。")],-1),g=n("p",null,"然后接下来的开发工作规范请您观看下面的指南即可。",-1),f=n("p",null,"为了维护组件库代码提交规范性，项目前期(第一版正式发包前)推荐采用以下流程提交代码。",-1),v=n("p",null,[e("前往"),n("a",{href:"https://github.com/ecaps1038/yike-design-dev.git,%22github%E4%B8%BB%E9%A1%B5%22",class:"yk-doc-link",target:"_blank"},"项目主页"),e(" fork 工程至自己的 git 仓库，并基于此 git 仓库维护代码。")],-1),k=n("p",null,"执行下面 git 命令",-1),x=n("pre",null,[n("code",{class:"language-sh"},`git remote add upstream https://github.com/ecaps1038/yike-design-dev.git
 `)],-1),y=n("p",null,"每当你准备开始一个新的功能开发或提交 PR 前，请先从主仓库拉取最新的代码并合并到仓库的对应分支。",-1),b=n("pre",null,[n("code",{class:"language-sh"},`git checkout -b monorepo-dev
 git fetch upstream
 git merge upstream/monorepo-dev

assets/dark-model-a76b26ee.js → assets/dark-model-e50e9757.js

@@ -1,4 +1,4 @@
-import{p,o as d,b as h,j as o,e as t,w as s,x as u,z as g,A as k,a as _,f as v,k as e}from"./index-c0fbe197.js";const m={},l=c=>(g("data-v-929240de"),c=c(),k(),c),f={class:"colors"},y={class:"light"},$=l(()=>o("div",{class:"color p"},null,-1)),w=l(()=>o("div",{class:"color l"},null,-1)),x=l(()=>o("div",{class:"color s"},null,-1)),I=l(()=>o("div",{class:"color w"},null,-1)),B=l(()=>o("div",{class:"color e"},null,-1)),P=l(()=>o("div",{class:"color d1"},null,-1)),z={class:"dark"},A=l(()=>o("div",{class:"color p"},null,-1)),C=l(()=>o("div",{class:"color l"},null,-1)),F=l(()=>o("div",{class:"color s"},null,-1)),N=l(()=>o("div",{class:"color w"},null,-1)),S=l(()=>o("div",{class:"color e"},null,-1)),V=l(()=>o("div",{class:"color d1"},null,-1));function b(c,i){const a=u;return d(),h("div",f,[o("div",y,[t(a,{size:"m"},{default:s(()=>[$,w,x,I,B,P]),_:1})]),o("div",z,[t(a,{size:"m"},{default:s(()=>[A,C,F,N,S,V]),_:1})])])}const D=p(m,[["render",b],["__scopeId","data-v-929240de"]]),L=o("p",null,"既然这个主题这么优雅，那么我也在整套组件库加入了暗黑模式。",-1),j=o("p",null,[e("内部已将暗黑模式封装为 "),o("code",null,"<yk-theme>"),e(" 组件，可以按组件形式引入该组件使用，组件默认跟随系统主题切换。默认设有开关，本文档顶部的“太阳”和“月亮”就是该组件的一个展示模式。您可以点击看效果。")],-1),E=o("p",null,"暗黑模式也是主题的一种，我们应该根据用户喜好做到最自由的搭配，我们遵从用户自由搭配和使用该两套主题。",-1),T=o("p",null,"我们因遵从视觉直觉，暗黑模式下的信息内容需要和浅色模式保持一致性，不应该打破原有的层级关系。",-1),q={class:"yk-pure-doc"},G=o("p",null,"yk-theme 主题组件设有两个变量，分别 skin、control。两个相互联系配合完成对主题的控制。其中 skin 控制模式主题，control 控制是否显示“太阳”和“月亮”组件。",-1),H=o("p",null,[o("strong",null,"控制"),e("：")],-1),J=o("p",null,"skin 有三种模式，分别为：auto、light、dark，默认为 auto；control 为 boolean 属性值，默认为 true。",-1),K=o("pre",null,[o("code",{class:"language-html"},`<!-- 默认跟随系统颜色，并显示控制主题的“太阳”和“月亮”控件 -->
+import{p,o as d,b as h,j as o,e as t,w as s,x as u,z as g,A as k,a as _,f as v,k as e}from"./index-ac581855.js";const m={},l=c=>(g("data-v-929240de"),c=c(),k(),c),f={class:"colors"},y={class:"light"},$=l(()=>o("div",{class:"color p"},null,-1)),w=l(()=>o("div",{class:"color l"},null,-1)),x=l(()=>o("div",{class:"color s"},null,-1)),I=l(()=>o("div",{class:"color w"},null,-1)),B=l(()=>o("div",{class:"color e"},null,-1)),P=l(()=>o("div",{class:"color d1"},null,-1)),z={class:"dark"},A=l(()=>o("div",{class:"color p"},null,-1)),C=l(()=>o("div",{class:"color l"},null,-1)),F=l(()=>o("div",{class:"color s"},null,-1)),N=l(()=>o("div",{class:"color w"},null,-1)),S=l(()=>o("div",{class:"color e"},null,-1)),V=l(()=>o("div",{class:"color d1"},null,-1));function b(c,i){const a=u;return d(),h("div",f,[o("div",y,[t(a,{size:"m"},{default:s(()=>[$,w,x,I,B,P]),_:1})]),o("div",z,[t(a,{size:"m"},{default:s(()=>[A,C,F,N,S,V]),_:1})])])}const D=p(m,[["render",b],["__scopeId","data-v-929240de"]]),L=o("p",null,"既然这个主题这么优雅，那么我也在整套组件库加入了暗黑模式。",-1),j=o("p",null,[e("内部已将暗黑模式封装为 "),o("code",null,"<yk-theme>"),e(" 组件，可以按组件形式引入该组件使用，组件默认跟随系统主题切换。默认设有开关，本文档顶部的“太阳”和“月亮”就是该组件的一个展示模式。您可以点击看效果。")],-1),E=o("p",null,"暗黑模式也是主题的一种，我们应该根据用户喜好做到最自由的搭配，我们遵从用户自由搭配和使用该两套主题。",-1),T=o("p",null,"我们因遵从视觉直觉，暗黑模式下的信息内容需要和浅色模式保持一致性，不应该打破原有的层级关系。",-1),q={class:"yk-pure-doc"},G=o("p",null,"yk-theme 主题组件设有两个变量，分别 skin、control。两个相互联系配合完成对主题的控制。其中 skin 控制模式主题，control 控制是否显示“太阳”和“月亮”组件。",-1),H=o("p",null,[o("strong",null,"控制"),e("：")],-1),J=o("p",null,"skin 有三种模式，分别为：auto、light、dark，默认为 auto；control 为 boolean 属性值，默认为 true。",-1),K=o("pre",null,[o("code",{class:"language-html"},`<!-- 默认跟随系统颜色，并显示控制主题的“太阳”和“月亮”控件 -->
 <yk-theme />
 
 <!-- 默认跟随系统颜色，不显示控制主题的“太阳”和“月亮”控件 -->