vue-color-ui 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/temp-color-ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.TempColorUI={},c.Vue))})(this,function(c,e){"use strict";const R={class:"nav-list"},G=["url"],P={class:"nav-title"},X={class:"nav-name"},K={name:"TNavCard"},k=e.defineComponent({...K,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+o.name,class:e.normalizeClass(["nav-li","bg-"+o.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",P,e.toDisplayString(o.title),1),e.createElementVNode("div",X,e.toDisplayString(o.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+o.cuIcon)},null,2)],14,G))),128))]))}});k.install=l=>{l.component(k.name,k)};const q=l=>(e.pushScopeId("data-v-bbdb83ff"),l=l(),e.popScopeId(),l),H={class:"cu-item shadow"},J={class:"title"},Q={class:"text-cut"},W={class:"content"},Y=["src","alt"],Z={class:"desc"},v={class:"text-content"},ee={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},te={class:"text-gray"},oe=q(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),le=q(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),ne=q(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ae={class:"margin-left-sm text-gray flex justify-between"},se={class:"text-grey margin-right-xs"},ce={name:"TNewCard"},re=e.defineComponent({...ce,props:{isCard:{type:Boolean,default:!0},title:{default:"无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义,见证至高的烈火吧。"},imageSrc:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},imageAlt:{default:"正义天使图片"},description:{default:"折磨生出苦难,苦难又会加剧折磨,凡间这无穷的循环,将有我来终结!真正的恩典因不完整而美丽,因情感而真诚,因脆弱而自由!"},tags:{default:()=>["正义天使","史诗"]},footerInfo:{default:()=>({likes:10,appreciations:20,comments:30,author:"正义天使 凯尔",timeAgo:"十天前"})}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",Q,e.toDisplayString(t.title),1)]),e.createElementVNode("div",W,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,Y),e.createElementVNode("div",Z,[e.createElementVNode("div",v,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"cu-tag bg-red light sm round"},e.toDisplayString(o),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[oe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),le,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),ne,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),U=(l,t)=>{const a=l.__vccOpts||l;for(const[o,n]of t)a[o]=n;return a},_=U(re,[["__scopeId","data-v-bbdb83ff"]]);_.install=l=>{l.component(_.name,_)};const ie={class:"cu-item shadow"},de={class:"cu-list menu-avatar"},me={class:"cu-item"},pe={class:"content flex-sub"},ge={class:"text-gray text-sm flex justify-between"},fe={class:"text-content"},ke={class:"text-gray text-sm text-right padding"},_e=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),he=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),be=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),ye={class:"cu-item"},Be={class:"content"},Ee={class:"text-grey"},$e={class:"text-gray text-content text-df"},Ce={class:"flex"},Ve={class:"flex-sub"},Ne={class:"margin-top-sm flex justify-between"},ue={class:"text-gray text-df"},Se={key:0,class:"cuIcon-appreciatefill text-red"},Ie=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),ze={class:"text-gray margin-left-xs"},we={name:"TShareCard"},h=e.defineComponent({...we,props:{isCard:{type:Boolean,default:!0},author:{default:"凯尔"},avatarUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},date:{default:"2019年12月3日"},content:{default:"折磨生出苦难,苦难又会加剧折磨,凡间这无穷的循环,将有我来终结!"},imageUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},likes:{default:10},appreciations:{default:20},comments:{default:30},commentsList:{default:()=>[{id:1,author:"莫甘娜",avatarUrl:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",text:"凯尔,你被自己的光芒变的盲目。",date:"2018年12月4日",replies:[{id:1,author:"凯尔",text:"妹妹,你在帮他们给黑暗找借口吗?"},{id:1,author:"卡尔",text:"哦,我的白月光啊"}]},{id:2,author:"凯尔",avatarUrl:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg",text:"妹妹,如果不是为了飞翔,我们要这翅膀有什么用?",date:"2018年12月4日",replies:[{id:1,author:"莫甘娜",text:"如果不能立足于大地,要这双脚又有何用?"}]}]}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",pe,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ge,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",fe,e.toDisplayString(t.content),1),e.createElementVNode("div",{class:e.normalizeClass(["grid flex-sub padding-lr",t.isCard?"col-3 grid-square":"col-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isCard?9:1,o=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:o},null,6))),128))],2),e.createElementVNode("div",ke,[_e,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),he,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),be,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,o=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:o.id},[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${o.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",Ee,e.toDisplayString(o.author),1),e.createElementVNode("div",$e,e.toDisplayString(o.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",Ce,[e.createElementVNode("div",null,e.toDisplayString(s.author)+":",1),e.createElementVNode("div",Ve,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",Ne,[e.createElementVNode("div",ue,e.toDisplayString(o.date),1),e.createElementVNode("div",null,[o.likes?(e.openBlock(),e.createElementBlock("span",Se)):e.createCommentVNode("",!0),Ie,e.createElementVNode("span",ze,e.toDisplayString((n=o.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});h.install=l=>{l.component(h.name,h)};const Te={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function De(l,t,a="px"){if(typeof t=="number")return`${l}: ${t}${a};`;const o=Te[t];return o?`${l}: ${o};`:""}function xe(l){return De("font-size",l)}const je={name:"TIcon"},g=e.defineComponent({...je,props:{name:{},color:{default:"grey"},size:{default:15}},setup(l){const t=l,a=e.computed(()=>xe(t.size));return(o,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${o.name} text-${o.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Fe={class:"action border-title"},Le={class:"action border-title"},qe={class:"tib text-xl text-bold text-blue"},Ue=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Ae={class:"action sub-title"},Me={class:"tib text-xl text-bold text-green"},Oe=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Re={class:"action sub-title"},Ge={class:"tib text-xl text-bold text-blue"},Pe={class:"tib text-ABC text-blue"},Xe={class:"action title-style-3"},Ke={key:5,class:"cu-bar bg-white"},He={class:"action"},Je={key:6,class:"cu-bar bg-white solid-bottom"},Qe={class:"action"},We={class:"action"},Ye={name:"TTitle"},b=e.defineComponent({...Ye,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(l){return(t,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib",`bg-${t.decorateColor}`]),style:{width:"2rem"}},null,2)])],2)):t.mode==="default2"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Le,[e.createElementVNode("div",qe,e.toDisplayString(t.title),1),Ue])],2)):t.mode==="default3"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Ae,[e.createElementVNode("div",Me,e.toDisplayString(t.title),1),Oe])],2)):t.mode==="default4"?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),e.createElementVNode("div",Pe,e.toDisplayString(t.deputy),1)])],2)):t.mode==="bilingual"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Xe,[e.createElementVNode("div",{class:e.normalizeClass(["tib",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-Abc self-end margin-left-sm",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],2)):t.mode==="icon-title"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",He,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.decorateColor}`])},e.toDisplayString(t.title),3)])])):(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Qe,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",We,[e.renderSlot(t.$slots,"action")])]))}}),Ze={name:"TAvatar"},m=e.defineComponent({...Ze,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(l){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),ve={class:"cu-avatar-group"},et={name:"TAvatarGroup"},F=e.defineComponent({...et,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(o,n)=>(e.openBlock(),e.createBlock(m,{key:n,url:o,size:t.size},null,8,["url","size"]))),128))]))}}),tt=["disabled"],ot={key:1},lt={name:"TButton"},y=e.defineComponent({...lt,props:{text:{},bg:{default:"blue"},size:{default:"default"},rounded:{type:Boolean,default:!1},icon:{},disabled:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-btn",t.rounded?"round":"",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ot,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,tt))}}),nt={key:0},at={name:"TTag"},st=e.defineComponent({...at,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light?"light":"",`${t.line?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},void 0,!0),n.text?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}}),p=U(st,[["__scopeId","data-v-3c2b82ce"]]);g.install=l=>{l.component(g.name,g)},b.install=l=>{l.component(b.name,b)},m.install=l=>{l.component(m.name,m)},F.install=l=>{l.component(F.name,F)},y.install=l=>{l.component(y.name,y)},p.install=l=>{l.component(p.name,p)};const ct={key:0,class:"cuIcon-cu-image"},rt=["src"],it={key:0,class:"cu-tag badge"},dt={key:0,class:"cu-tag badge"},mt={name:"TNavBar"},B=e.defineComponent({...mt,props:{bg:{default:"white"},color:{default:"gray"},activeColor:{default:"red"},items:{default:()=>[{icon:"homefill",label:"首页",active:!0},{icon:"similar",label:"分类"},{img:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",label:"积分"},{icon:"cart",label:"购物车",badge:99},{icon:"my",label:"我的"}]},isFoot:{type:Boolean,default:!1}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${t.bg} ${t.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["action",`text-${o.active?t.activeColor:t.color}`])},[o.img?(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("img",{src:o.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,rt),o.badge?(e.openBlock(),e.createElementBlock("div",it,e.toDisplayString(o.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${o.icon}`)},[o.badge?(e.openBlock(),e.createElementBlock("div",dt,e.toDisplayString(o.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(o.label),1)],2))),128))],2))}});B.install=l=>{l.component(B.name,B)};const pt={key:0,class:"action"},gt={key:1},ft={class:"content text-bold"},kt={key:2,class:"action"},_t={name:"TTopBar"},E=e.defineComponent({..._t,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",pt,[t.leftIcon?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass(`cuIcon-${t.leftIcon} text-${t.leftIconColor}`)},null,2)):e.createCommentVNode("",!0),t.leftText?(e.openBlock(),e.createElementBlock("span",gt,e.toDisplayString(t.leftText),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",ft,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});E.install=l=>{l.component(E.name,E)};const ht=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),bt={class:"action"},yt={key:0,class:"cu-btn bg-green shadow-blur round"},Bt={key:0},Et={key:3},$t={name:"TSearchBar"},$=e.defineComponent({...$t,props:{bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[ht,e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,type:"text",placeholder:"搜索图片、文章、视频","confirm-type":"search"},null,32)],2),e.createElementVNode("div",bt,[n.buttonText?(e.openBlock(),e.createElementBlock("button",yt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Bt,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",Et,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});$.install=l=>{l.component($.name,$)};const Ct={class:"cu-bar input"},Vt={key:0,class:"action"},Nt={key:1,class:"action"},ut={class:"action"},St={class:"cu-btn bg-green shadow-blur"},It={name:"TInputBar"},C=e.defineComponent({...It,props:{leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",Ct,[n.leftIcon?(e.openBlock(),e.createElementBlock("div",Vt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),n.middleIcon?(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10"},null,32),e.createElementVNode("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.rightIcon} text-grey`)},null,2)]),e.createElementVNode("button",St,e.toDisplayString(n.buttonText),1)]))}});C.install=l=>{l.component(C.name,C)};const zt=["onClick"],wt={class:"tab-content"},Tt={name:"TTabs"},V=e.defineComponent({...Tt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"}},emits:["update:modelValue","select"],setup(l,{emit:t}){const a=e.ref([]),o=e.ref(0),n=t,s=(d,x)=>{o.value=d,n("update:modelValue",d),n("select",x)},i=d=>(a.value.push(d),a.value.length-1);e.provide("registerTab",i),e.provide("activeTab",o);const r=l,f=e.computed(()=>r.center!==!1?"justify-content:center;":`justify-content:${r.mode}`);return e.watch(()=>r.modelValue,d=>{o.value=d}),(d,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(f.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(j,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",[o.value===L?"cur text-blue":""]]),key:L,onClick:Lo=>s(L,j)},[j.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${j.icon} text-${o.value===L?"blue":j.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(j.label),1)],10,zt))),128))],6),e.createElementVNode("div",wt,[e.renderSlot(d.$slots,"default",{tab:a.value[o.value]}),e.createTextVNode("·")])],2))}}),Dt={name:"TTab"},N=e.defineComponent({...Dt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(l){const t=l,a=e.inject("registerTab"),o=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(o==null?void 0:o.value)===n.value),i=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:i.value})],512)),[[e.vShow,s.value]])}});V.install=l=>{l.component(V.name,V)},N.install=l=>{l.component(N.name,N)};/*!
|
|
1
|
+
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.TempColorUI={},c.Vue))})(this,function(c,e){"use strict";const R={class:"nav-list"},G=["url"],P={class:"nav-title"},X={class:"nav-name"},K={name:"TNavCard"},k=e.defineComponent({...K,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+o.name,class:e.normalizeClass(["nav-li","bg-"+o.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",P,e.toDisplayString(o.title),1),e.createElementVNode("div",X,e.toDisplayString(o.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+o.cuIcon)},null,2)],14,G))),128))]))}});k.install=l=>{l.component(k.name,k)};const q=l=>(e.pushScopeId("data-v-bbdb83ff"),l=l(),e.popScopeId(),l),H={class:"cu-item shadow"},J={class:"title"},Q={class:"text-cut"},W={class:"content"},Y=["src","alt"],Z={class:"desc"},v={class:"text-content"},ee={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},te={class:"text-gray"},oe=q(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),le=q(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),ne=q(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ae={class:"margin-left-sm text-gray flex justify-between"},se={class:"text-grey margin-right-xs"},ce={name:"TNewCard"},re=e.defineComponent({...ce,props:{isCard:{type:Boolean,default:!0},title:{default:"无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义,见证至高的烈火吧。"},imageSrc:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},imageAlt:{default:"正义天使图片"},description:{default:"折磨生出苦难,苦难又会加剧折磨,凡间这无穷的循环,将有我来终结!真正的恩典因不完整而美丽,因情感而真诚,因脆弱而自由!"},tags:{default:()=>["正义天使","史诗"]},footerInfo:{default:()=>({likes:10,appreciations:20,comments:30,author:"正义天使 凯尔",timeAgo:"十天前"})}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",Q,e.toDisplayString(t.title),1)]),e.createElementVNode("div",W,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,Y),e.createElementVNode("div",Z,[e.createElementVNode("div",v,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"cu-tag bg-red light sm round"},e.toDisplayString(o),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[oe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),le,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),ne,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),U=(l,t)=>{const a=l.__vccOpts||l;for(const[o,n]of t)a[o]=n;return a},_=U(re,[["__scopeId","data-v-bbdb83ff"]]);_.install=l=>{l.component(_.name,_)};const ie={class:"cu-item shadow"},de={class:"cu-list menu-avatar"},me={class:"cu-item"},pe={class:"content flex-sub"},ge={class:"text-gray text-sm flex justify-between"},fe={class:"text-content"},ke={class:"text-gray text-sm text-right padding"},_e=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),he=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),be=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),ye={class:"cu-item"},Be={class:"content"},Ee={class:"text-grey"},$e={class:"text-gray text-content text-df"},Ce={class:"flex"},Ve={class:"flex-sub"},Ne={class:"margin-top-sm flex justify-between"},ue={class:"text-gray text-df"},Se={key:0,class:"cuIcon-appreciatefill text-red"},Ie=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),ze={class:"text-gray margin-left-xs"},we={name:"TShareCard"},h=e.defineComponent({...we,props:{isCard:{type:Boolean,default:!0},author:{default:"凯尔"},avatarUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},date:{default:"2019年12月3日"},content:{default:"折磨生出苦难,苦难又会加剧折磨,凡间这无穷的循环,将有我来终结!"},imageUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},likes:{default:10},appreciations:{default:20},comments:{default:30},commentsList:{default:()=>[{id:1,author:"莫甘娜",avatarUrl:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",text:"凯尔,你被自己的光芒变的盲目。",date:"2018年12月4日",replies:[{id:1,author:"凯尔",text:"妹妹,你在帮他们给黑暗找借口吗?"},{id:1,author:"卡尔",text:"哦,我的白月光啊"}]},{id:2,author:"凯尔",avatarUrl:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg",text:"妹妹,如果不是为了飞翔,我们要这翅膀有什么用?",date:"2018年12月4日",replies:[{id:1,author:"莫甘娜",text:"如果不能立足于大地,要这双脚又有何用?"}]}]}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",pe,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ge,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",fe,e.toDisplayString(t.content),1),e.createElementVNode("div",{class:e.normalizeClass(["grid flex-sub padding-lr",t.isCard?"col-3 grid-square":"col-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isCard?9:1,o=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:o},null,6))),128))],2),e.createElementVNode("div",ke,[_e,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),he,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),be,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,o=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:o.id},[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${o.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",Ee,e.toDisplayString(o.author),1),e.createElementVNode("div",$e,e.toDisplayString(o.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",Ce,[e.createElementVNode("div",null,e.toDisplayString(s.author)+":",1),e.createElementVNode("div",Ve,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",Ne,[e.createElementVNode("div",ue,e.toDisplayString(o.date),1),e.createElementVNode("div",null,[o.likes?(e.openBlock(),e.createElementBlock("span",Se)):e.createCommentVNode("",!0),Ie,e.createElementVNode("span",ze,e.toDisplayString((n=o.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});h.install=l=>{l.component(h.name,h)};const Te={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function De(l,t,a="px"){if(typeof t=="number")return`${l}: ${t}${a};`;const o=Te[t];return o?`${l}: ${o};`:""}function xe(l){return De("font-size",l)}const je={name:"TIcon"},g=e.defineComponent({...je,props:{name:{},color:{default:"grey"},size:{default:15}},setup(l){const t=l,a=e.computed(()=>xe(t.size));return(o,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${o.name} text-${o.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Fe={class:"action border-title"},Le={class:"action border-title"},qe={class:"tib text-xl text-bold text-blue"},Ue=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Ae={class:"action sub-title"},Me={class:"tib text-xl text-bold text-green"},Oe=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Re={class:"action sub-title"},Ge={class:"tib text-xl text-bold text-blue"},Pe={class:"tib text-ABC text-blue"},Xe={class:"action title-style-3"},Ke={key:5,class:"cu-bar bg-white"},He={class:"action"},Je={key:6,class:"cu-bar bg-white solid-bottom"},Qe={class:"action"},We={class:"action"},Ye={name:"TTitle"},b=e.defineComponent({...Ye,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(l){return(t,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib",`bg-${t.decorateColor}`]),style:{width:"2rem"}},null,2)])],2)):t.mode==="default2"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Le,[e.createElementVNode("div",qe,e.toDisplayString(t.title),1),Ue])],2)):t.mode==="default3"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Ae,[e.createElementVNode("div",Me,e.toDisplayString(t.title),1),Oe])],2)):t.mode==="default4"?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),e.createElementVNode("div",Pe,e.toDisplayString(t.deputy),1)])],2)):t.mode==="bilingual"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Xe,[e.createElementVNode("div",{class:e.normalizeClass(["tib",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-Abc self-end margin-left-sm",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],2)):t.mode==="icon-title"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",He,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.decorateColor}`])},e.toDisplayString(t.title),3)])])):(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Qe,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",We,[e.renderSlot(t.$slots,"action")])]))}}),Ze={name:"TAvatar"},m=e.defineComponent({...Ze,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(l){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),ve={class:"cu-avatar-group"},et={name:"TAvatarGroup"},F=e.defineComponent({...et,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(o,n)=>(e.openBlock(),e.createBlock(m,{key:n,url:o,size:t.size},null,8,["url","size"]))),128))]))}}),tt=["disabled"],ot={key:1},lt={name:"TButton"},y=e.defineComponent({...lt,props:{text:{},bg:{default:"blue"},size:{default:"default"},rounded:{type:Boolean,default:!1},icon:{},disabled:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ot,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,tt))}}),nt={key:0},at={name:"TTag"},st=e.defineComponent({...at,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light?"light":"",`${t.line?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},void 0,!0),n.text?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}}),p=U(st,[["__scopeId","data-v-3c2b82ce"]]);g.install=l=>{l.component(g.name,g)},b.install=l=>{l.component(b.name,b)},m.install=l=>{l.component(m.name,m)},F.install=l=>{l.component(F.name,F)},y.install=l=>{l.component(y.name,y)},p.install=l=>{l.component(p.name,p)};const ct={key:0,class:"cuIcon-cu-image"},rt=["src"],it={key:0,class:"cu-tag badge"},dt={key:0,class:"cu-tag badge"},mt={name:"TNavBar"},B=e.defineComponent({...mt,props:{bg:{default:"white"},color:{default:"gray"},activeColor:{default:"red"},items:{default:()=>[{icon:"homefill",label:"首页",active:!0},{icon:"similar",label:"分类"},{img:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",label:"积分"},{icon:"cart",label:"购物车",badge:99},{icon:"my",label:"我的"}]},isFoot:{type:Boolean,default:!1}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${t.bg} ${t.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["action",`text-${o.active?t.activeColor:t.color}`])},[o.img?(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("img",{src:o.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,rt),o.badge?(e.openBlock(),e.createElementBlock("div",it,e.toDisplayString(o.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${o.icon}`)},[o.badge?(e.openBlock(),e.createElementBlock("div",dt,e.toDisplayString(o.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(o.label),1)],2))),128))],2))}});B.install=l=>{l.component(B.name,B)};const pt={key:0,class:"action"},gt={key:1},ft={class:"content text-bold"},kt={key:2,class:"action"},_t={name:"TTopBar"},E=e.defineComponent({..._t,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",pt,[t.leftIcon?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass(`cuIcon-${t.leftIcon} text-${t.leftIconColor}`)},null,2)):e.createCommentVNode("",!0),t.leftText?(e.openBlock(),e.createElementBlock("span",gt,e.toDisplayString(t.leftText),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",ft,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});E.install=l=>{l.component(E.name,E)};const ht=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),bt={class:"action"},yt={key:0,class:"cu-btn bg-green shadow-blur round"},Bt={key:0},Et={key:3},$t={name:"TSearchBar"},$=e.defineComponent({...$t,props:{bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[ht,e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,type:"text",placeholder:"搜索图片、文章、视频","confirm-type":"search"},null,32)],2),e.createElementVNode("div",bt,[n.buttonText?(e.openBlock(),e.createElementBlock("button",yt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Bt,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",Et,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});$.install=l=>{l.component($.name,$)};const Ct={class:"cu-bar input"},Vt={key:0,class:"action"},Nt={key:1,class:"action"},ut={class:"action"},St={class:"cu-btn bg-green shadow-blur"},It={name:"TInputBar"},C=e.defineComponent({...It,props:{leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",Ct,[n.leftIcon?(e.openBlock(),e.createElementBlock("div",Vt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),n.middleIcon?(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10"},null,32),e.createElementVNode("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.rightIcon} text-grey`)},null,2)]),e.createElementVNode("button",St,e.toDisplayString(n.buttonText),1)]))}});C.install=l=>{l.component(C.name,C)};const zt=["onClick"],wt={class:"tab-content"},Tt={name:"TTabs"},V=e.defineComponent({...Tt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"}},emits:["update:modelValue","select"],setup(l,{emit:t}){const a=e.ref([]),o=e.ref(0),n=t,s=(d,x)=>{o.value=d,n("update:modelValue",d),n("select",x)},i=d=>(a.value.push(d),a.value.length-1);e.provide("registerTab",i),e.provide("activeTab",o);const r=l,f=e.computed(()=>r.center!==!1?"justify-content:center;":`justify-content:${r.mode}`);return e.watch(()=>r.modelValue,d=>{o.value=d}),(d,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(f.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(j,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",[o.value===L?"cur text-blue":""]]),key:L,onClick:Lo=>s(L,j)},[j.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${j.icon} text-${o.value===L?"blue":j.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(j.label),1)],10,zt))),128))],6),e.createElementVNode("div",wt,[e.renderSlot(d.$slots,"default",{tab:a.value[o.value]}),e.createTextVNode("·")])],2))}}),Dt={name:"TTab"},N=e.defineComponent({...Dt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(l){const t=l,a=e.inject("registerTab"),o=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(o==null?void 0:o.value)===n.value),i=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:i.value})],512)),[[e.vShow,s.value]])}});V.install=l=>{l.component(V.name,V)},N.install=l=>{l.component(N.name,N)};/*!
|
|
2
2
|
* vue-router v4.3.3
|
|
3
3
|
* (c) 2024 Eduardo San Martin Morote
|
|
4
4
|
* @license MIT
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "vue-color-ui",
|
|
3
3
|
"description": "ColorUI 临时代替的版本",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.5",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"scripts": {
|
|
@@ -30,12 +30,14 @@
|
|
|
30
30
|
],
|
|
31
31
|
"main": "./lib/temp-color-ui.umd.cjs",
|
|
32
32
|
"module": "./lib/temp-color-ui.js",
|
|
33
|
-
"types": "./types/index.d.ts",
|
|
34
33
|
"exports": {
|
|
35
34
|
".": {
|
|
36
35
|
"import": "./lib/temp-color-ui.js",
|
|
37
36
|
"require": "./lib/temp-color-ui.umd.cjs"
|
|
38
37
|
},
|
|
39
|
-
"./lib/style.css": "./lib/style.css"
|
|
38
|
+
"./lib/style.css": "./lib/style.css",
|
|
39
|
+
"./lib/css/main.css": "./lib/css/main.css",
|
|
40
|
+
"./lib/css/animation.css": "./lib/css/animation.css",
|
|
41
|
+
"./lib/css/icon.css": "./lib/css/icon.css"
|
|
40
42
|
}
|
|
41
43
|
}
|