73 lines
15 KiB
Plaintext
73 lines
15 KiB
Plaintext
import{f as u,r as c,o as x,j as h,h as t,g as o,B as k,a7 as g,i as n,v as s}from"./.pnpm.8fb36023.js";const V={class:"markdown-body"},j=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"lay-color-picker"),s(" \u6807\u7B7E, \u521B\u5EFA\u989C\u8272\u9009\u62E9\u5668\u3002")],-1),q=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-color-picker")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("color"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-color-picker")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" color "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"#009688"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
color
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),B=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"lay-color-picker"),s(" \u6807\u7B7E, \u521B\u5EFA\u989C\u8272\u9009\u62E9\u5668\u3002")],-1),C=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-color-picker")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("color"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-color-picker")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" color "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"#009688"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
color
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),P=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"preset"),s(" \u5C5E\u6027, \u9884\u8BBE\u53EF\u9009\u7684\u989C\u8272\u5217\u8868\u3002")],-1),I=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-color-picker")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("color1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":preset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("preset1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-color-picker")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" color1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"#FFB800"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" preset1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"#009688"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token string"},'"#1e9fff"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token string"},'"#ffb800"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token string"},'"#ff5722"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token string"},'"#5fb878"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
color1`),n("span",{class:"token punctuation"},","),s(`
|
|
preset1
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),N=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-color-picker")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("color"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"eyeDropper"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-color-picker")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" color "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"#009688"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
color
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),F=n("table",null,[n("thead",null,[n("tr",null,[n("th"),n("th"),n("th"),n("th"),n("th")])]),n("tbody",null,[n("tr",null,[n("td",null,"v-model"),n("td",null,"\u9009\u4E2D\u8272"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"preset"),n("td",null,"\u9884\u8BBE\u989C\u8272"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"eyeDropper"),n("td",null,"\u53D6\u8272\u5668"),n("td",null,[n("code",null,"boolean")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"disabled"),n("td",null,"\u7981\u7528"),n("td",null,[n("code",null,"boolean")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentStyle"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49\u6837\u5F0F"),n("td",null,[n("code",null,"StyleValue")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentClass"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49Class"),n("td",null,[n("code",null,"string"),s(),n("code",null,"Array<string | object>"),s(),n("code",null,"object")]),n("td",null,"\u2013"),n("td",null,"\u2013")])])],-1),U={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},A={},E={__name:"colorPicker",setup(D,{expose:f}){let a=u("#009688");a=u("#009688");let i=u("#FFB800"),_=u(["#009688","#1e9fff","#ffb800","#ff5722","#5fb878"]);return a=u("#009688"),f({frontmatter:{}}),(z,e)=>{const v=c("lay-anchor"),p=c("lay-field"),r=c("lay-color-picker"),d=c("lay-code"),w=c("lay-table-box"),b=c("lay-contributor"),m=c("lay-icon"),y=c("router-link");return x(),h("div",V,[t(v,{anchors:"\u57FA\u7840\u4F7F\u7528,\u7981\u6B62\u9009\u62E9,\u9884\u8BBE\u989C\u8272,\u53D6\u8272\u5668,Icon Picker \u5C5E\u6027",currIndex:-1,show:!0}),t(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(d,null,{description:o(()=>[j]),code:o(()=>[q]),default:o(()=>[t(r,{modelValue:k(a),"onUpdate:modelValue":e[0]||(e[0]=l=>g(a)?a.value=l:a=l)},null,8,["modelValue"])]),_:1}),t(p,{id:"\u7981\u6B62\u9009\u62E9",title:"\u7981\u6B62\u9009\u62E9",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(d,null,{description:o(()=>[B]),code:o(()=>[C]),default:o(()=>[t(r,{modelValue:k(a),"onUpdate:modelValue":e[1]||(e[1]=l=>g(a)?a.value=l:a=l),disabled:!0},null,8,["modelValue"])]),_:1}),t(p,{id:"\u9884\u8BBE\u989C\u8272",title:"\u9884\u8BBE\u989C\u8272",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(d,null,{description:o(()=>[P]),code:o(()=>[I]),default:o(()=>[t(r,{modelValue:k(i),"onUpdate:modelValue":e[2]||(e[2]=l=>g(i)?i.value=l:i=l),preset:k(_)},null,8,["modelValue","preset"])]),_:1}),t(p,{id:"\u53D6\u8272\u5668",title:"\u53D6\u8272\u5668",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(d,null,{code:o(()=>[N]),default:o(()=>[t(r,{modelValue:k(a),"onUpdate:modelValue":e[3]||(e[3]=l=>g(a)?a.value=l:a=l),eyeDropper:""},null,8,["modelValue"])]),_:1}),t(p,{id:"Icon Picker \u5C5E\u6027",title:"Icon Picker \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[F]),_:1}),t(b,{"file-path":"colorPicker"}),n("div",U,[n("div",null,[t(y,{to:"/zh-CN/components/tagInput",class:"lay-link",style:{display:""}},{default:o(()=>[t(m,{type:"layui-icon-left"}),s("\u6807\u7B7E\u8F93\u5165\u6846")]),_:1})]),n("div",null,[t(y,{to:"/zh-CN/components/datePicker",class:"lay-link",style:{display:""}},{default:o(()=>[s("\u65E5\u671F\u9009\u62E9\u5668 "),t(m,{type:"layui-icon-right"})]),_:1})])])])}}};export{E as default,A as frontmatter};
|