@xiaolxl/ygui/ygui.umd.js

一个可扩展，轻量化，新拟态的基于vue3的UI框架

(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("animejs")):typeof define=="function"&&define.amd?define(["exports","vue","animejs"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.ygui={},l.Vue,l.animejs))})(this,function(l,o,N){"use strict";const P=(e=>e&&typeof e=="object"&&"default"in e?e:{default:e})(N);var F=typeof global=="object"&&global&&global.Object===Object&&global;const j=F;var D=typeof self=="object"&&self&&self.Object===Object&&self,U=j||D||Function("return this")();const B=U;var L=B.Symbol;const m=L;var $=Object.prototype,G=$.hasOwnProperty,R=$.toString,p=m?m.toStringTag:void 0;function z(e){var n=G.call(e,p),t=e[p];try{e[p]=void 0;var r=!0}catch{}var i=R.call(e);return r&&(n?e[p]=t:delete e[p]),i}var q=Object.prototype,H=q.toString;function K(e){return H.call(e)}var X="[object Null]",W="[object Undefined]",x=m?m.toStringTag:void 0;function y(e){return e==null?e===void 0?W:X:x&&x in Object(e)?z(e):K(e)}function b(e){return e!=null&&typeof e=="object"}var J=Array.isArray;const k=J;function Q(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}function Z(e){return e}var ee="[object AsyncFunction]",te="[object Function]",ne="[object GeneratorFunction]",oe="[object Proxy]";function re(e){if(!Q(e))return!1;var n=y(e);return n==te||n==ne||n==ee||n==oe}function ae(e,n){for(var t=-1,r=e==null?0:e.length;++t<r&&n(e[t],t,e)!==!1;);return e}var ie=9007199254740991,se=/^(?:0|[1-9]\d*)$/;function ce(e,n){var t=typeof e;return n=n==null?ie:n,!!n&&(t=="number"||t!="symbol"&&se.test(e))&&e>-1&&e%1==0&&e<n}var le=9007199254740991;function S(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=le}function A(e){return e!=null&&S(e.length)&&!re(e)}var de=Object.prototype;function ue(e){var n=e&&e.constructor,t=typeof n=="function"&&n.prototype||de;return e===t}function fe(e,n){for(var t=-1,r=Array(e);++t<e;)r[t]=n(t);return r}var pe="[object Arguments]";function E(e){return b(e)&&y(e)==pe}var O=Object.prototype,_e=O.hasOwnProperty,me=O.propertyIsEnumerable,ge=E(function(){return arguments}())?E:function(e){return b(e)&&_e.call(e,"callee")&&!me.call(e,"callee")};const ye=ge;function be(){return!1}var w=typeof l=="object"&&l&&!l.nodeType&&l,I=w&&typeof module=="object"&&module&&!module.nodeType&&module,he=I&&I.exports===w,V=he?B.Buffer:void 0,Te=V?V.isBuffer:void 0,je=Te||be;const Be=je;var $e="[object Arguments]",xe="[object Array]",ke="[object Boolean]",Se="[object Date]",Ae="[object Error]",Ee="[object Function]",Oe="[object Map]",we="[object Number]",Ie="[object Object]",Ve="[object RegExp]",Ye="[object Set]",ve="[object String]",Me="[object WeakMap]",Ce="[object ArrayBuffer]",Ne="[object DataView]",Pe="[object Float32Array]",Fe="[object Float64Array]",De="[object Int8Array]",Ue="[object Int16Array]",Le="[object Int32Array]",Ge="[object Uint8Array]",Re="[object Uint8ClampedArray]",ze="[object Uint16Array]",qe="[object Uint32Array]",a={};a[Pe]=a[Fe]=a[De]=a[Ue]=a[Le]=a[Ge]=a[Re]=a[ze]=a[qe]=!0,a[$e]=a[xe]=a[Ce]=a[ke]=a[Ne]=a[Se]=a[Ae]=a[Ee]=a[Oe]=a[we]=a[Ie]=a[Ve]=a[Ye]=a[ve]=a[Me]=!1;function He(e){return b(e)&&S(e.length)&&!!a[y(e)]}function Ke(e){return function(n){return e(n)}}var Y=typeof l=="object"&&l&&!l.nodeType&&l,_=Y&&typeof module=="object"&&module&&!module.nodeType&&module,Xe=_&&_.exports===Y,h=Xe&&j.process,We=function(){try{var e=_&&_.require&&_.require("util").types;return e||h&&h.binding&&h.binding("util")}catch{}}();const v=We;var M=v&&v.isTypedArray,Je=M?Ke(M):He;const Qe=Je;var Ze=Object.prototype,et=Ze.hasOwnProperty;function tt(e,n){var t=k(e),r=!t&&ye(e),i=!t&&!r&&Be(e),s=!t&&!r&&!i&&Qe(e),c=t||r||i||s,d=c?fe(e.length,String):[],g=d.length;for(var u in e)(n||et.call(e,u))&&!(c&&(u=="length"||i&&(u=="offset"||u=="parent")||s&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||ce(u,g)))&&d.push(u);return d}function nt(e,n){return function(t){return e(n(t))}}var ot=nt(Object.keys,Object);const rt=ot;var at=Object.prototype,it=at.hasOwnProperty;function st(e){if(!ue(e))return rt(e);var n=[];for(var t in Object(e))it.call(e,t)&&t!="constructor"&&n.push(t);return n}function ct(e){return A(e)?tt(e):st(e)}function lt(e){return function(n,t,r){for(var i=-1,s=Object(n),c=r(n),d=c.length;d--;){var g=c[e?d:++i];if(t(s[g],g,s)===!1)break}return n}}var dt=lt();const ut=dt;function ft(e,n){return e&&ut(e,n,ct)}function pt(e,n){return function(t,r){if(t==null)return t;if(!A(t))return e(t,r);for(var i=t.length,s=n?i:-1,c=Object(t);(n?s--:++s<i)&&r(c[s],s,c)!==!1;);return t}}var _t=pt(ft);const mt=_t;function gt(e){return typeof e=="function"?e:Z}function yt(e,n){var t=k(e)?ae:mt;return t(e,gt(n))}const en="",f=(e,n)=>{const t=e.__vccOpts||e;for(const[r,i]of n)t[r]=i;return t},bt={},C=e=>(o.pushScopeId("data-v-283175f7"),e=e(),o.popScopeId(),e),ht=C(()=>o.createElementVNode("div",{class:"loading_back"},null,-1)),Tt=C(()=>o.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"loading",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},[o.createElementVNode("circle",{cx:"50",cy:"50",r:"32","stroke-width":"8",stroke:"#71c3fe","stroke-dasharray":"50.26548245743669 50.26548245743669",fill:"none","stroke-linecap":"round"},[o.createElementVNode("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",dur:"1s",keyTimes:"0;1",values:"0 50 50;360 50 50"})])],-1));function jt(e,n,t,r,i,s){return o.openBlock(),o.createElementBlock(o.Fragment,null,[ht,Tt],64)}const T=f(bt,[["render",jt],["__scopeId","data-v-283175f7"]]),tn="",Bt={name:"YuBlock",props:{loading:{type:Boolean,default:!1}},components:{"yu-loading":T}};function $t(e,n,t,r,i,s){const c=o.resolveComponent("yu-loading");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["block",t.loading?"loading_fix":""])},[o.renderSlot(e.$slots,"default",{},void 0,!0),t.loading?(o.openBlock(),o.createBlock(c,{key:0})):o.createCommentVNode("",!0)],2)}const xt=f(Bt,[["render",$t],["__scopeId","data-v-c2b64651"]]),nn="",kt={name:"YuButton",props:{cycle:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},components:{"yu-loading":T}},St=["disabled"];function At(e,n,t,r,i,s){const c=o.resolveComponent("yu-loading");return o.openBlock(),o.createElementBlock("button",{disabled:t.disabled,class:o.normalizeClass(["button",t.loading||t.disabled?"disabled_button":"enable_button",t.disabled?"disabled_back":"",t.cycle?"cycle_button":"common_button"])},[o.renderSlot(e.$slots,"default",{},void 0,!0),t.loading?(o.openBlock(),o.createBlock(c,{key:0})):o.createCommentVNode("",!0)],10,St)}const Et=f(kt,[["render",At],["__scopeId","data-v-758e6d49"]]),on="",Ot={name:"YuInput",emits:["update:modelValue"],props:{modelValue:{type:String,default:""},placeholder:{type:String,default:""}},methods:{upData(e){this.$emit("update:modelValue",e.target.value)}}},wt=["value","placeholder"];function It(e,n,t,r,i,s){return o.openBlock(),o.createElementBlock("input",{type:"text",class:"input",value:t.modelValue,onInput:n[0]||(n[0]=(...c)=>s.upData&&s.upData(...c)),placeholder:t.placeholder},null,40,wt)}const Vt=f(Ot,[["render",It],["__scopeId","data-v-9d47f897"]]),rn="",Yt={name:"YuText",emits:["update:modelValue"],props:{modelValue:{type:String,default:""},placeholder:{type:String,default:""},autoHeight:{type:Boolean,default:!1}},methods:{upData(e){this.$emit("update:modelValue",e.target.value),this.autoHeight&&(e.target.style.height=e.target.style.minHeight,e.target.style.height=e.target.scrollHeight+2+"px")}}},vt=["value","placeholder"];function Mt(e,n,t,r,i,s){return o.openBlock(),o.createElementBlock("textarea",{class:"text",value:t.modelValue,onInput:n[0]||(n[0]=(...c)=>s.upData&&s.upData(...c)),placeholder:t.placeholder},null,40,vt)}const Ct=f(Yt,[["render",Mt],["__scopeId","data-v-56322464"]]),an="",Nt={name:"YuSides",components:{YuLoading:T},props:{column:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},data(){return{nowSide:0}},methods:{flip(){let e=P.default.timeline({autoplay:!1}),n;this.nowSide===0?(n=["0deg","180deg"],this.nowSide=1):(n=["180deg","0deg"],this.nowSide=0),this.column?e.add({targets:this.$refs.sides,rotateX:n,easing:"easeOutBounce",duration:800}):e.add({targets:this.$refs.sides,rotateY:n,easing:"easeOutBounce",duration:800}),e.play()}}},Pt={class:"front"},Ft={class:"back"};function Dt(e,n,t,r,i,s){const c=o.resolveComponent("yu-loading");return o.openBlock(),o.createElementBlock("div",{ref:"sides",class:o.normalizeClass(t.column?"column_root":"row_root")},[o.createElementVNode("div",Pt,[o.renderSlot(e.$slots,"front",{},void 0,!0),t.loading?(o.openBlock(),o.createBlock(c,{key:0})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Ft,[o.renderSlot(e.$slots,"back",{},void 0,!0),t.loading?(o.openBlock(),o.createBlock(c,{key:0})):o.createCommentVNode("",!0)])],2)}const Ut=Object.freeze(Object.defineProperty({__proto__:null,YuBlock:xt,YuButton:Et,YuInput:Vt,YuText:Ct,YuSides:f(Nt,[["render",Dt],["__scopeId","data-v-caffebeb"]])},Symbol.toStringTag,{value:"Module"})),cn="",ln="",Lt={name:"TipBox",props:["item"],emits:["deleteMe"],created(){this.item.time==null&&(this.item.time=2e3),this.item.type==null&&(this.item.type="info"),setTimeout(()=>{this.$emit("deleteMe",this.item)},this.item.time)}},Gt={class:"icon"},Rt={class:"text"};function zt(e,n,t,r,i,s){return o.openBlock(),o.createElementBlock("div",{ref:"tipBox",class:o.normalizeClass(["tipBox",[t.item.type==="info"?"info":"",t.item.type==="success"?"success":"",t.item.type==="warning"?"warning":"",t.item.type==="error"?"error":""]])},[o.createElementVNode("div",Gt,[o.createElementVNode("i",{class:o.normalizeClass(["bi",[t.item.type==="info"?"bi-info-circle-fill":"",t.item.type==="success"?"bi-check-circle-fill":"",t.item.type==="warning"?"bi-exclamation-circle-fill":"",t.item.type==="error"?"bi-x-circle-fill":""]])},null,2)]),o.createElementVNode("div",Rt,[o.renderSlot(e.$slots,"default",{},void 0,!0)])],2)}const qt=f(Lt,[["render",zt],["__scopeId","data-v-36e01a94"]]);function Ht(){let e=[],n="0123456789abcdef";for(let t=0;t<36;t++)e[t]=n.substring(Math.floor(Math.random()*16),Math.floor(Math.random()*16)+1);return e[14]="4",e[19]=n.substring(e[19]&3|8,(e[19]&3|8)+1),e[8]=e[13]=e[18]=e[23]="-",e.join("")}const dn="",Kt={name:"YuTipBox",components:{TipBox:qt},data(){return{messages:[]}},methods:{deleteMe(e){let n=-1;for(let t=0;t<this.messages.length;t++)this.messages[t].id===e.id&&(n=t);n>-1&&this.messages.splice(n,1)},Tip(e){e.id=Ht(),this.messages.push(e)}}},Xt={class:"tipBoxRoot",id:"YuTipBoxRoot"};function Wt(e,n,t,r,i,s){const c=o.resolveComponent("tip-box");return o.openBlock(),o.createElementBlock("div",Xt,[o.createVNode(o.TransitionGroup,{name:"tip"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.messages,d=>(o.openBlock(),o.createBlock(c,{key:d.id,onDeleteMe:s.deleteMe,item:d},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.text),1)]),_:2},1032,["onDeleteMe","item"]))),128))]),_:1})])}const Jt=f(Kt,[["render",Wt],["__scopeId","data-v-e0480d42"]]),Qt={install:e=>{yt(Ut,i=>{e.component(i.name,i)});let n=document.createElement("div");document.body.appendChild(n);let r=o.createApp(Jt).mount(n);e.config.globalProperties.$tip=r.Tip}};l.YgUi=Qt,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});