You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
14 KiB
JavaScript
103 lines
14 KiB
JavaScript
import{bZ as ke,e1 as xe,e2 as Ce,J as re,K as r,ae as ie,L as Z,M as R,O as le,C as Be,P as Re,Q as fe,W as Se,f as g,U as $e,V as Ve,H as W,a2 as P,aF as ee,aB as S,a4 as ze,e3 as te,m as h,a5 as I,aj as Fe,aH as Ue,ab as ae,e4 as Ne,br as Te,e as Pe,bs as ue,o as ne,c as Ie,a as l,w as c,h as w,t as de,j as n,k as oe,b as ce,N as D,bv as he,s as A,i as se,d as pe,e5 as Me,$ as je,y as De,e6 as Ke,x as Le,v as Oe,B as We}from"./index.b3ec3a5e.js";import{b as Ae}from"./browser.29e3d353.js";import{_ as He}from"./Input.68f30eae.js";import{_ as Ee,a as qe}from"./DataTable.00ed820c.js";import"./Suffix.ae0185d9.js";import"./Checkbox.f53b8a35.js";import"./RadioGroup.7a2fa040.js";import"./FocusDetector.58468397.js";import"./Select.c5f2e648.js";import"./Forward.eeb7fb91.js";const Je=e=>{const{primaryColor:v,opacityDisabled:m,borderRadius:u,textColor3:f}=e,y="rgba(0, 0, 0, .14)";return Object.assign(Object.assign({},xe),{iconColor:f,textColor:"white",loadingColor:v,opacityDisabled:m,railColor:y,railColorActive:v,buttonBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",buttonColor:"#FFF",railBorderRadiusSmall:u,railBorderRadiusMedium:u,railBorderRadiusLarge:u,buttonBorderRadiusSmall:u,buttonBorderRadiusMedium:u,buttonBorderRadiusLarge:u,boxShadowFocus:`0 0 0 2px ${Ce(v,{alpha:.2})}`})},Qe={name:"Switch",common:ke,self:Je};var Xe=Qe,Ye=re("switch",`
|
|
height: var(--n-height);
|
|
min-width: var(--n-width);
|
|
vertical-align: middle;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
display: inline-flex;
|
|
outline: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
`,[r("children-placeholder",`
|
|
height: var(--n-rail-height);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
`),r("rail-placeholder",`
|
|
display: flex;
|
|
flex-wrap: none;
|
|
`),r("button-placeholder",`
|
|
width: calc(1.75 * var(--n-rail-height));
|
|
height: var(--n-rail-height);
|
|
`),re("base-loading",`
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
font-size: calc(var(--n-button-width) - 4px);
|
|
color: var(--n-loading-color);
|
|
transition: color .3s var(--n-bezier);
|
|
`,[ie({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),r("checked, unchecked",`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
`),r("checked",`
|
|
right: 0;
|
|
padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
`),r("unchecked",`
|
|
left: 0;
|
|
justify-content: flex-end;
|
|
padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
|
|
`),Z("&:focus",[r("rail",`
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
`)]),R("round",[r("rail","border-radius: calc(var(--n-rail-height) / 2);",[r("button","border-radius: calc(var(--n-button-height) / 2);")])]),le("disabled",[le("icon",[R("rubber-band",[R("pressed",[r("rail",[r("button","max-width: var(--n-button-width-pressed);")])]),r("rail",[Z("&:active",[r("button","max-width: var(--n-button-width-pressed);")])]),R("active",[R("pressed",[r("rail",[r("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),r("rail",[Z("&:active",[r("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),R("active",[r("rail",[r("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),r("rail",`
|
|
overflow: hidden;
|
|
height: var(--n-rail-height);
|
|
min-width: var(--n-rail-width);
|
|
border-radius: var(--n-rail-border-radius);
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition:
|
|
opacity .3s var(--n-bezier),
|
|
background .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier);
|
|
background-color: var(--n-rail-color);
|
|
`,[r("button-icon",`
|
|
color: var(--n-icon-color);
|
|
transition: color .3s var(--n-bezier);
|
|
font-size: calc(var(--n-button-height) - 4px);
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 1;
|
|
`,[ie()]),r("button",`
|
|
align-items: center;
|
|
top: var(--n-offset);
|
|
left: var(--n-offset);
|
|
height: var(--n-button-height);
|
|
width: var(--n-button-width-pressed);
|
|
max-width: var(--n-button-width);
|
|
border-radius: var(--n-button-border-radius);
|
|
background-color: var(--n-button-color);
|
|
box-shadow: var(--n-button-box-shadow);
|
|
box-sizing: border-box;
|
|
cursor: inherit;
|
|
content: "";
|
|
position: absolute;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
left .3s var(--n-bezier),
|
|
opacity .3s var(--n-bezier),
|
|
max-width .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier);
|
|
`)]),R("active",[r("rail","background-color: var(--n-rail-color-active);")]),R("loading",[r("rail",`
|
|
cursor: wait;
|
|
`)]),R("disabled",[r("rail",`
|
|
cursor: not-allowed;
|
|
opacity: .5;
|
|
`)])]);const Ge=Object.assign(Object.assign({},fe.props),{size:{type:String,default:"medium"},value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},onChange:[Function,Array]});let O;var Ze=Be({name:"Switch",props:Ge,setup(e){O===void 0&&(typeof CSS!="undefined"?typeof CSS.supports!="undefined"?O=CSS.supports("width","max(1px)"):O=!1:O=!0);const{mergedClsPrefixRef:v,inlineThemeDisabled:m}=Re(e),u=fe("Switch","-switch",Ye,Xe,e,v),f=Se(e),{mergedSizeRef:y,mergedDisabledRef:k}=f,$=g(e.defaultValue),U=$e(e,"value"),b=Ve(U,$),N=W(()=>b.value===e.checkedValue),V=g(!1),d=g(!1),x=W(()=>{const{railStyle:o}=e;if(!!o)return o({focused:d.value,checked:N.value})});function p(o){const{"onUpdate:value":B,onChange:_,onUpdateValue:M}=e,{nTriggerFormInput:K,nTriggerFormChange:j}=f;B&&ae(B,o),M&&ae(M,o),_&&ae(_,o),$.value=o,K(),j()}function i(){const{nTriggerFormFocus:o}=f;o()}function H(){const{nTriggerFormBlur:o}=f;o()}function E(){e.loading||k.value||(b.value!==e.checkedValue?p(e.checkedValue):p(e.uncheckedValue))}function C(){d.value=!0,i()}function q(){d.value=!1,H(),V.value=!1}function J(o){e.loading||k.value||o.key===" "&&(b.value!==e.checkedValue?p(e.checkedValue):p(e.uncheckedValue),V.value=!1)}function T(o){e.loading||k.value||o.key===" "&&(o.preventDefault(),V.value=!0)}const a=W(()=>{const{value:o}=y,{self:{opacityDisabled:B,railColor:_,railColorActive:M,buttonBoxShadow:K,buttonColor:j,boxShadowFocus:Q,loadingColor:s,textColor:ve,iconColor:ge,[P("buttonHeight",o)]:z,[P("buttonWidth",o)]:me,[P("buttonWidthPressed",o)]:be,[P("railHeight",o)]:F,[P("railWidth",o)]:L,[P("railBorderRadius",o)]:_e,[P("buttonBorderRadius",o)]:we},common:{cubicBezierEaseInOut:ye}}=u.value;let X,Y,G;return O?(X=`calc((${F} - ${z}) / 2)`,Y=`max(${F}, ${z})`,G=`max(${L}, calc(${L} + ${z} - ${F}))`):(X=ee((S(F)-S(z))/2),Y=ee(Math.max(S(F),S(z))),G=S(F)>S(z)?L:ee(S(L)+S(z)-S(F))),{"--n-bezier":ye,"--n-button-border-radius":we,"--n-button-box-shadow":K,"--n-button-color":j,"--n-button-width":me,"--n-button-width-pressed":be,"--n-button-height":z,"--n-height":Y,"--n-offset":X,"--n-opacity-disabled":B,"--n-rail-border-radius":_e,"--n-rail-color":_,"--n-rail-color-active":M,"--n-rail-height":F,"--n-rail-width":L,"--n-width":G,"--n-box-shadow-focus":Q,"--n-loading-color":s,"--n-text-color":ve,"--n-icon-color":ge}}),t=m?ze("switch",W(()=>y.value[0]),a,e):void 0;return{handleClick:E,handleBlur:q,handleFocus:C,handleKeyup:J,handleKeydown:T,mergedRailStyle:x,pressed:V,mergedClsPrefix:v,mergedValue:b,checked:N,mergedDisabled:k,cssVars:m?void 0:a,themeClass:t==null?void 0:t.themeClass,onRender:t==null?void 0:t.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:v,checked:m,mergedRailStyle:u,onRender:f,$slots:y}=this;f==null||f();const{checked:k,unchecked:$,icon:U,"checked-icon":b,"unchecked-icon":N}=y,V=!(te(U)&&te(b)&&te(N));return h("div",{role:"switch","aria-checked":m,class:[`${e}-switch`,this.themeClass,V&&`${e}-switch--icon`,m&&`${e}-switch--active`,v&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},h("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:u},I(k,d=>I($,x=>d||x?h("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},h("div",{class:`${e}-switch__rail-placeholder`},h("div",{class:`${e}-switch__button-placeholder`}),d),h("div",{class:`${e}-switch__rail-placeholder`},h("div",{class:`${e}-switch__button-placeholder`}),x)):null)),h("div",{class:`${e}-switch__button`},I(U,d=>I(b,x=>I(N,p=>h(Fe,null,{default:()=>this.loading?h(Ue,{key:"loading",clsPrefix:e,strokeWidth:20}):this.checked&&(x||d)?h("div",{class:`${e}-switch__button-icon`,key:x?"checked-icon":"icon"},x||d):!this.checked&&(p||d)?h("div",{class:`${e}-switch__button-icon`,key:p?"unchecked-icon":"icon"},p||d):null})))),I(k,d=>d&&h("div",{key:"checked",class:`${e}-switch__checked`},d)),I($,d=>d&&h("div",{key:"unchecked",class:`${e}-switch__unchecked`},d)))))}});const et=w("canvas",{id:"canvas",width:"300",height:"300",style:{"min-height":"300px","min-width":"300px"}},null,-1),tt=w("div",{class:"form_tag_wrapper"},"\u7F16\u53F7",-1),at=w("div",{class:"form_tag_wrapper"},"\u540D\u79F0",-1),nt=w("div",{class:"form_tag_wrapper"},"\u5206\u6210\u6BD4\u4F8B",-1),ot=w("div",{class:"form_tag_wrapper"},"\u72B6\u6001",-1),st=w("div",{class:"form_tag_wrapper"},"\u641C\u7D22",-1),rt={__name:"reference",setup(e){const v={page:1,pagesize:10,search:""},m=Ne(),u=g(JSON.parse(JSON.stringify(v)));Te(a=>{f(a.query)});const f=a=>{u.value={page:Number(a.page)||v.page,search:a.search||v.search,pagesize:10},b()};Pe(()=>{f(ue.currentRoute.value.query)});const y=g([]),k=g([]),$=g(0),U=g(0),b=async()=>{const a=await Me(u.value);je(a,()=>{k.value=a.data.list,U.value=a.data.count})},N=[{title:"Id",key:"id"},{title:"\u59D3\u540D",key:"name"},{title:"\u7F16\u53F7",key:"sn"},{title:"\u4E8C\u7EF4\u7801",key:"QRCode",render(a){return h(De,{size:25,type:"pay-code-one",style:"cursor:pointer;",onClick:()=>{q(a)}},{default:()=>"pay-code-one"})}},{title:"\u5206\u6210\u6BD4\u4F8B",key:"proportion"},{title:"\u72B6\u6001",key:"status",render(a){return h(D,{type:a.status===1?"success":"error"},{default:()=>a.status===1?"\u53EF\u7528":"\u505C\u7528"})}},{title:"\u64CD\u4F5C",key:"actions",render(a){return h(A,{size:"small",style:{marginRight:"6px"},onClick:()=>{i.value={id:"",name:"",sn:"",proportion:"",status:""},p.value=!0,i.value.id=a.id,i.value.name=a.name,i.value.sn=a.sn,i.value.proportion=a.proportion+"",a.status==1?i.value.status=!0:i.value.status=!1}},{default:()=>"\u7F16\u8F91"})}}],V=()=>{d(1),b()},d=a=>{u.value.page=a,x()},x=()=>{ue.push({name:"user-reference",query:u.value})},p=g(!1),i=g({id:0,name:"",sn:"",proportion:"",status:!0}),H=()=>{p.value=!0,i.value={id:"",name:"",sn:"",proportion:"",status:!0}},E=async()=>{if(console.log(i.value),i.value.name==""||i.value.proportion=="")return m.error("\u8BF7\u586B\u5199\u5168\u90E8\u4FE1\u606F"),!1;Ke({userInfo:i.value}).then(a=>{a.data.status?(p.value=!1,b(),m.success("\u64CD\u4F5C\u5B8C\u6210")):m.error("\u64CD\u4F5C\u5931\u8D25")})};let C=g({text:"",name:"",sn:""});const q=a=>{T.value=!0,C.value.sn=a.sn,C.value.text="hahahhaha"+C.value.sn,C.value.name=a.name},J=()=>{var a=document.getElementById("canvas");Ae.toCanvas(a,C.value.text,function(t){t?console.error(t):console.log("success!")})};let T=g(!1);return(a,t)=>{const o=Le,B=He,_=Oe,M=Ze,K=Ee,j=qe,Q=We;return ne(),Ie("div",null,[l(o,{show:n(T),"onUpdate:show":t[0]||(t[0]=s=>oe(T)?T.value=s:T=s),preset:"card",style:{width:"500px","text-align":"center"},"on-after-enter":J},{default:c(()=>[w("div",null,[w("div",null,de(n(C).name),1),et,w("div",null,de(n(C).sn),1)])]),_:1},8,["show"]),l(o,{show:n(p),"onUpdate:show":t[6]||(t[6]=s=>oe(p)?p.value=s:null),preset:"card",style:{width:"500px"},title:"\u4FEE\u6539","auto-focus":!1,bordered:!1},{default:c(()=>[w("div",null,[n(i).id!=""?(ne(),ce(_,{key:0,align:"center"},{default:c(()=>[l(n(D),null,{default:c(()=>[tt]),_:1}),l(B,{class:"form_input_wrapper",disabled:"",value:n(i).sn,"onUpdate:value":t[1]||(t[1]=s=>n(i).sn=s)},null,8,["value"])]),_:1})):he("",!0),l(_,{"mt-2":"",align:"center"},{default:c(()=>[l(n(D),null,{default:c(()=>[at]),_:1}),l(B,{class:"form_input_wrapper",value:n(i).name,"onUpdate:value":t[2]||(t[2]=s=>n(i).name=s)},null,8,["value"])]),_:1}),l(_,{"mt-2":"",align:"center"},{default:c(()=>[l(n(D),null,{default:c(()=>[nt]),_:1}),l(B,{class:"form_input_wrapper",value:n(i).proportion,"onUpdate:value":t[3]||(t[3]=s=>n(i).proportion=s)},null,8,["value"])]),_:1}),l(_,{"mt-2":"",align:"center"},{default:c(()=>[l(n(D),null,{default:c(()=>[ot]),_:1}),l(M,{value:n(i).status,"onUpdate:value":t[4]||(t[4]=s=>n(i).status=s)},null,8,["value"])]),_:1}),l(n(A),{onClick:t[5]||(t[5]=s=>E()),type:"info","mt-2":""},{default:c(()=>[se("\u786E\u5B9A")]),_:1})])]),_:1},8,["show"]),l(Q,{title:"\u63A8\u8350\u4EBA\u5217\u8868"},{default:c(()=>[w("div",null,[l(_,{align:"center"},{default:c(()=>[l(n(D),null,{default:c(()=>[st]),_:1}),l(B,{class:"form_input_wrapper",value:n(u).search,"onUpdate:value":t[7]||(t[7]=s=>n(u).search=s)},null,8,["value"]),l(n(A),{onClick:t[8]||(t[8]=s=>V()),type:"info"},{default:c(()=>[se("\u641C\u7D22")]),_:1})]),_:1}),l(_,{"mt-2":""},{default:c(()=>[l(n(A),{onClick:t[9]||(t[9]=s=>H()),type:"success"},{default:c(()=>[se("\u6DFB\u52A0")]),_:1})]),_:1}),l(K,{"mt-2":"","checked-row-keys":n(y),"onUpdate:checkedRowKeys":t[10]||(t[10]=s=>oe(y)?y.value=s:null),columns:N,"row-key":s=>s.id,data:n(k)},null,8,["checked-row-keys","row-key","data"]),n($)>1?(ne(),ce(j,{key:0,"onUpdate:page":[d,t[11]||(t[11]=s=>n(u).page=s)],"mt-2":"",page:n(u).page,"page-count":n($)},null,8,["page","page-count"])):he("",!0),l(j,{page:n(u).page,"onUpdate:page":[t[12]||(t[12]=s=>n(u).page=s),d],"item-count":n(U),"page-sizes":[10,20,30,40],"show-size-picker":""},null,8,["page","item-count"])])]),_:1})])}}};typeof pe=="function"&&pe(rt);export{rt as default};
|