sinosoft-common-button 1.4.2 → 1.4.4
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/common-button.es.js +34 -30
- package/common-button.umd.js +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
package/common-button.es.js
CHANGED
|
@@ -478,38 +478,42 @@ function zt(e, t, i, r, o, s) {
|
|
|
478
478
|
key: 1,
|
|
479
479
|
class: A(["link", e.$attrs.class]),
|
|
480
480
|
style: u(e.styleOjb),
|
|
481
|
-
btnCode: e.btnCode
|
|
482
|
-
onClick: t[0] || (t[0] = (...f) => e.getHandleClick && e.getHandleClick(...f))
|
|
481
|
+
btnCode: e.btnCode
|
|
483
482
|
}, [
|
|
484
|
-
e.icon && !e.iconRight ? (h(), p("i", _t, [
|
|
485
|
-
g("img", {
|
|
486
|
-
src: e.geturl,
|
|
487
|
-
alt: "",
|
|
488
|
-
style: u(e.styleObject)
|
|
489
|
-
}, null, 12, kt)
|
|
490
|
-
])) : b("", !0),
|
|
491
483
|
g("span", {
|
|
492
|
-
|
|
484
|
+
onClick: t[0] || (t[0] = (...f) => e.getHandleClick && e.getHandleClick(...f)),
|
|
485
|
+
class: "linkPointer"
|
|
493
486
|
}, [
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
487
|
+
e.icon && !e.iconRight ? (h(), p("i", _t, [
|
|
488
|
+
g("img", {
|
|
489
|
+
src: e.geturl,
|
|
490
|
+
alt: "",
|
|
491
|
+
style: u(e.styleObject)
|
|
492
|
+
}, null, 12, kt)
|
|
493
|
+
])) : b("", !0),
|
|
494
|
+
g("span", {
|
|
495
|
+
style: u({ color: e.color })
|
|
496
|
+
}, [
|
|
497
|
+
N(e.$slots, "default", {}, void 0, !0)
|
|
498
|
+
], 4),
|
|
499
|
+
e.icon && e.iconRight ? (h(), p("i", wt, [
|
|
500
|
+
g("img", {
|
|
501
|
+
src: e.geturl,
|
|
502
|
+
alt: "",
|
|
503
|
+
style: u(e.styleObject)
|
|
504
|
+
}, null, 12, Tt)
|
|
505
|
+
])) : b("", !0),
|
|
506
|
+
e.loading ? (h(), T(l, {
|
|
507
|
+
key: 2,
|
|
508
|
+
class: "is-loading",
|
|
509
|
+
color: e.loadingColor
|
|
510
|
+
}, {
|
|
511
|
+
default: z(() => [
|
|
512
|
+
F(n)
|
|
513
|
+
]),
|
|
514
|
+
_: 1
|
|
515
|
+
}, 8, ["color"])) : b("", !0)
|
|
516
|
+
])
|
|
513
517
|
], 14, $t)) : (h(), T(d, {
|
|
514
518
|
key: 0,
|
|
515
519
|
class: A(["s-button", e.$attrs.class]),
|
|
@@ -553,7 +557,7 @@ function zt(e, t, i, r, o, s) {
|
|
|
553
557
|
_: 3
|
|
554
558
|
}, 8, ["class", "style", "disabled", "loading", "onClick", "btnCode"]));
|
|
555
559
|
}
|
|
556
|
-
const K = /* @__PURE__ */ yt(pt, [["render", zt], ["__scopeId", "data-v-
|
|
560
|
+
const K = /* @__PURE__ */ yt(pt, [["render", zt], ["__scopeId", "data-v-9e757a2a"]]);
|
|
557
561
|
function L(e, t = {}) {
|
|
558
562
|
L.installed || (L.installed = !0, e.component("common-button", K));
|
|
559
563
|
}
|
package/common-button.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(t=typeof globalThis<"u"?globalThis:t||self,t.button=g(t.Vue))})(this,function(t){"use strict";/*! Element Plus Icons Vue v2.1.0 */var g=(e,i)=>{let o=e.__vccOpts||e;for(let[r,n]of i)o[r]=n;return o},q={name:"Loading"},D={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},G=t.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"},null,-1),P=[G];function x(e,i,o,r,n,s){return t.openBlock(),t.createElementBlock("svg",D,P)}var U=g(q,[["render",x],["__file","loading.vue"]]);function C(e,i,o){for(var r=[],n=Math.max(e.length,i.length),s=0,l=0;l<n||s;){var a=l<e.length?e[l]:0,c=l<i.length?i[l]:0,f=s+a+c;r.push(f%o),s=Math.floor(f/o),l++}return r}function j(e,i,o){if(e<0)return null;if(e==0)return[];for(var r=[],n=i;e&1&&(r=C(r,n,o)),e=e>>1,e!==0;)n=C(n,n,o);return r}function X(e,i){for(var o=e.split(""),r=[],n=o.length-1;n>=0;n--){var s=parseInt(o[n],i);if(isNaN(s))return null;r.push(s)}return r}function J(e,i,o){var r=X(e,i);if(r===null)return null;for(var n=[],s=[1],l=0;l<r.length;l++)r[l]&&(n=C(n,j(r[l],s,o),o)),s=j(i,s,o);for(var a="",l=n.length-1;l>=0;l--)a+=n[l].toString(o);return a}function K(e){return e.substring(0,2)==="0x"&&(e=e.substring(2)),e=e.toLowerCase(),J(e,16,10)}class Q{constructor(i){i=i||{},this.seq=0,this.mid=(i.mid||1)%1023,this.offset=i.offset||0,this.lastTime=0}generate(){const i=Date.now(),o=(i-this.offset).toString(2);this.lastTime==i?(this.seq++,this.seq>4095&&(this.seq=0)):this.seq=0,this.lastTime=i;let r=this.seq.toString(2),n=this.mid.toString(2);for(;r.length<12;)r="0"+r;for(;n.length<10;)n="0"+n;const s=o+n+r;let l="";for(let a=s.length;a>0;a-=4)l=parseInt(s.substring(a-4,a),2).toString(16)+l;return K(l)}}var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Y(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Z(e){var i=typeof e;return e!=null&&(i=="object"||i=="function")}var v=Z,ee=typeof m=="object"&&m&&m.Object===Object&&m,te=ee,ie=te,oe=typeof self=="object"&&self&&self.Object===Object&&self,re=ie||oe||Function("return this")(),O=re,ne=O,le=function(){return ne.Date.now()},se=le,ae=/\s/;function de(e){for(var i=e.length;i--&&ae.test(e.charAt(i)););return i}var ce=de,fe=ce,he=/^\s+/;function ge(e){return e&&e.slice(0,fe(e)+1).replace(he,"")}var ue=ge,be=O,pe=be.Symbol,W=pe,B=W,E=Object.prototype,me=E.hasOwnProperty,ye=E.toString,u=B?B.toStringTag:void 0;function Ce(e){var i=me.call(e,u),o=e[u];try{e[u]=void 0;var r=!0}catch{}var n=ye.call(e);return r&&(i?e[u]=o:delete e[u]),n}var Se=Ce,ke=Object.prototype,$e=ke.toString;function _e(e){return $e.call(e)}var ze=_e,N=W,we=Se,Te=ze,je="[object Null]",ve="[object Undefined]",L=N?N.toStringTag:void 0;function Oe(e){return e==null?e===void 0?ve:je:L&&L in Object(e)?we(e):Te(e)}var We=Oe;function Be(e){return e!=null&&typeof e=="object"}var Ee=Be,Ne=We,Le=Ee,Ie="[object Symbol]";function Re(e){return typeof e=="symbol"||Le(e)&&Ne(e)==Ie}var Ve=Re,Ae=ue,I=v,Fe=Ve,R=0/0,He=/^[-+]0x[0-9a-f]+$/i,Me=/^0b[01]+$/i,qe=/^0o[0-7]+$/i,De=parseInt;function Ge(e){if(typeof e=="number")return e;if(Fe(e))return R;if(I(e)){var i=typeof e.valueOf=="function"?e.valueOf():e;e=I(i)?i+"":i}if(typeof e!="string")return e===0?e:+e;e=Ae(e);var o=Me.test(e);return o||qe.test(e)?De(e.slice(2),o?2:8):He.test(e)?R:+e}var Pe=Ge,xe=v,S=se,V=Pe,Ue="Expected a function",Xe=Math.max,Je=Math.min;function Ke(e,i,o){var r,n,s,l,a,c,f=0,A=!1,b=!1,z=!0;if(typeof e!="function")throw new TypeError(Ue);i=V(i)||0,xe(o)&&(A=!!o.leading,b="maxWait"in o,s=b?Xe(V(o.maxWait)||0,i):s,z="trailing"in o?!!o.trailing:z);function w(d){var h=r,p=n;return r=n=void 0,f=d,l=e.apply(p,h),l}function ht(d){return f=d,a=setTimeout(y,i),A?w(d):l}function gt(d){var h=d-c,p=d-f,M=i-h;return b?Je(M,s-p):M}function F(d){var h=d-c,p=d-f;return c===void 0||h>=i||h<0||b&&p>=s}function y(){var d=S();if(F(d))return H(d);a=setTimeout(y,gt(d))}function H(d){return a=void 0,z&&r?w(d):(r=n=void 0,l)}function ut(){a!==void 0&&clearTimeout(a),f=0,r=c=n=a=void 0}function bt(){return a===void 0?l:H(S())}function T(){var d=S(),h=F(d);if(r=arguments,n=this,c=d,h){if(a===void 0)return ht(c);if(b)return clearTimeout(a),a=setTimeout(y,i),w(c)}return a===void 0&&(a=setTimeout(y,i)),l}return T.cancel=ut,T.flush=bt,T}var Qe=Ke;const Ye=Y(Qe);var k;(e=>{e.debouncedFun=(i,o)=>Ye(i,o,{leading:!0,trailing:!1})})(k||(k={}));const Ze=new Q({mid:42,offset:(2019-1970)*31536e3*1e3}),et=t.defineComponent({components:{Loading:U},props:{disabled:{type:Boolean,default:!1},debounced:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},info:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},buttonClass:{type:String},fontSize:{type:String,default:""},btnCode:{type:String,default:""},circle:{type:String,default:""},height:{type:String,default:""},width:{type:String,default:""},color:{type:String,default:""},loadingColor:{type:String,default:"#333333"},bgColor:{type:String,default:""},borderColor:{type:String,default:""},loading:{type:Boolean,default:!1},loadingLeft:{type:Boolean,default:!1},borderStyle:{type:String,default:"solid"},icon:{type:String,required:!1},iconRight:{type:Boolean,default:!1},size:{type:[Number,String],default:"auto"},fontWeight:{type:[Number,String],default:500},lineHeight:{type:String,default:""},borderWidth:{type:String,default:""}},computed:{styleOjb(){return this.plain?{background:this.bgColor||"#fff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||500,size:this.size}:this.primary?{background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.default?{background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#DDE2E6"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.info?{background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.text?{width:`${this.width||"41px"}`,height:`${this.height||"24px"}`,background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:this.link?{width:this.width,height:this.height,borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:{width:this.width,height:this.height,color:this.color||"#ffffff",background:this.bgColor||"#99004A",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size||"20",borderWidth:this.borderWidth||"0px"}},geturl(){if(this.icon){if(this.icon.includes("/")||this.icon.includes("base64"))return this.icon;if(this.icon.includes("svg"))return`${this.icon}`}else return"";return`${this.icon}`},styleObject:function(){return{width:typeof this.size=="string"?this.size:this.size+"px",height:typeof this.size=="string"?this.size:this.size+"px"}}},emits:["handleClick"],setup(e,i){const o=s=>{let l=Ze.generate(),a=`${e.btnCode}_${l}`;console.log("按钮组件点击事件获取到事件对象及事件唯一标识符",s,a),e.btnCode?i.emit("handleClick",a):i.emit("handleClick","")},r=k.debouncedFun(s=>{o(s)},3e3),n=s=>{e.debounced?r(s):o(s)};return t.onUnmounted(()=>{r.cancel()}),{getHandleClick:n,handleClick:o}}}),pt="",tt=(e,i)=>{const o=e.__vccOpts||e;for(const[r,n]of i)o[r]=n;return o},it={key:0,class:"s-icon"},ot=["src"],rt={key:1,class:"s-icon"},nt=["src"],lt=["btnCode"],st={key:0,class:"s-icon padding-icon"},at=["src"],dt={key:1,class:"s-icon padding-icon-right"},ct=["src"];function ft(e,i,o,r,n,s){const l=t.resolveComponent("Loading"),a=t.resolveComponent("el-icon"),c=t.resolveComponent("el-button");return e.link?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["link",e.$attrs.class]),style:t.normalizeStyle(e.styleOjb),btnCode:e.btnCode,onClick:i[0]||(i[0]=(...f)=>e.getHandleClick&&e.getHandleClick(...f))},[e.icon&&!e.iconRight?(t.openBlock(),t.createElementBlock("i",st,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,at)])):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle({color:e.color})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.icon&&e.iconRight?(t.openBlock(),t.createElementBlock("i",dt,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,ct)])):t.createCommentVNode("",!0),e.loading?(t.openBlock(),t.createBlock(a,{key:2,class:"is-loading",color:e.loadingColor},{default:t.withCtx(()=>[t.createVNode(l)]),_:1},8,["color"])):t.createCommentVNode("",!0)],14,lt)):(t.openBlock(),t.createBlock(c,{key:0,class:t.normalizeClass(["s-button",e.$attrs.class]),style:t.normalizeStyle(e.styleOjb),disabled:e.disabled,loading:e.loadingLeft,onClick:e.getHandleClick,btnCode:e.btnCode},{default:t.withCtx(()=>[e.icon&&!e.iconRight?(t.openBlock(),t.createElementBlock("i",it,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,ot)])):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle({color:e.color})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.icon&&e.iconRight?(t.openBlock(),t.createElementBlock("i",rt,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,nt)])):t.createCommentVNode("",!0),e.loading?(t.openBlock(),t.createBlock(a,{key:2,class:"is-loading",color:e.loadingColor},{default:t.withCtx(()=>[t.createVNode(l)]),_:1},8,["color"])):t.createCommentVNode("",!0)]),_:3},8,["class","style","disabled","loading","onClick","btnCode"]))}const $=tt(et,[["render",ft],["__scopeId","data-v-437e04ab"]]);function _(e,i={}){_.installed||(_.installed=!0,e.component("common-button",$))}return $.install=_,$});
|
|
1
|
+
(function(t,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(t=typeof globalThis<"u"?globalThis:t||self,t.button=g(t.Vue))})(this,function(t){"use strict";/*! Element Plus Icons Vue v2.1.0 */var g=(e,i)=>{let o=e.__vccOpts||e;for(let[r,n]of i)o[r]=n;return o},q={name:"Loading"},D={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},G=t.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"},null,-1),P=[G];function x(e,i,o,r,n,s){return t.openBlock(),t.createElementBlock("svg",D,P)}var U=g(q,[["render",x],["__file","loading.vue"]]);function C(e,i,o){for(var r=[],n=Math.max(e.length,i.length),s=0,l=0;l<n||s;){var a=l<e.length?e[l]:0,c=l<i.length?i[l]:0,f=s+a+c;r.push(f%o),s=Math.floor(f/o),l++}return r}function j(e,i,o){if(e<0)return null;if(e==0)return[];for(var r=[],n=i;e&1&&(r=C(r,n,o)),e=e>>1,e!==0;)n=C(n,n,o);return r}function X(e,i){for(var o=e.split(""),r=[],n=o.length-1;n>=0;n--){var s=parseInt(o[n],i);if(isNaN(s))return null;r.push(s)}return r}function J(e,i,o){var r=X(e,i);if(r===null)return null;for(var n=[],s=[1],l=0;l<r.length;l++)r[l]&&(n=C(n,j(r[l],s,o),o)),s=j(i,s,o);for(var a="",l=n.length-1;l>=0;l--)a+=n[l].toString(o);return a}function K(e){return e.substring(0,2)==="0x"&&(e=e.substring(2)),e=e.toLowerCase(),J(e,16,10)}class Q{constructor(i){i=i||{},this.seq=0,this.mid=(i.mid||1)%1023,this.offset=i.offset||0,this.lastTime=0}generate(){const i=Date.now(),o=(i-this.offset).toString(2);this.lastTime==i?(this.seq++,this.seq>4095&&(this.seq=0)):this.seq=0,this.lastTime=i;let r=this.seq.toString(2),n=this.mid.toString(2);for(;r.length<12;)r="0"+r;for(;n.length<10;)n="0"+n;const s=o+n+r;let l="";for(let a=s.length;a>0;a-=4)l=parseInt(s.substring(a-4,a),2).toString(16)+l;return K(l)}}var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Y(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Z(e){var i=typeof e;return e!=null&&(i=="object"||i=="function")}var v=Z,ee=typeof m=="object"&&m&&m.Object===Object&&m,te=ee,ie=te,oe=typeof self=="object"&&self&&self.Object===Object&&self,re=ie||oe||Function("return this")(),O=re,ne=O,le=function(){return ne.Date.now()},se=le,ae=/\s/;function de(e){for(var i=e.length;i--&&ae.test(e.charAt(i)););return i}var ce=de,fe=ce,he=/^\s+/;function ge(e){return e&&e.slice(0,fe(e)+1).replace(he,"")}var ue=ge,be=O,pe=be.Symbol,W=pe,B=W,E=Object.prototype,me=E.hasOwnProperty,ye=E.toString,u=B?B.toStringTag:void 0;function Ce(e){var i=me.call(e,u),o=e[u];try{e[u]=void 0;var r=!0}catch{}var n=ye.call(e);return r&&(i?e[u]=o:delete e[u]),n}var Se=Ce,ke=Object.prototype,$e=ke.toString;function _e(e){return $e.call(e)}var ze=_e,N=W,we=Se,Te=ze,je="[object Null]",ve="[object Undefined]",L=N?N.toStringTag:void 0;function Oe(e){return e==null?e===void 0?ve:je:L&&L in Object(e)?we(e):Te(e)}var We=Oe;function Be(e){return e!=null&&typeof e=="object"}var Ee=Be,Ne=We,Le=Ee,Ve="[object Symbol]";function Ie(e){return typeof e=="symbol"||Le(e)&&Ne(e)==Ve}var Re=Ie,Ae=ue,V=v,Fe=Re,I=0/0,He=/^[-+]0x[0-9a-f]+$/i,Me=/^0b[01]+$/i,qe=/^0o[0-7]+$/i,De=parseInt;function Ge(e){if(typeof e=="number")return e;if(Fe(e))return I;if(V(e)){var i=typeof e.valueOf=="function"?e.valueOf():e;e=V(i)?i+"":i}if(typeof e!="string")return e===0?e:+e;e=Ae(e);var o=Me.test(e);return o||qe.test(e)?De(e.slice(2),o?2:8):He.test(e)?I:+e}var Pe=Ge,xe=v,S=se,R=Pe,Ue="Expected a function",Xe=Math.max,Je=Math.min;function Ke(e,i,o){var r,n,s,l,a,c,f=0,A=!1,b=!1,z=!0;if(typeof e!="function")throw new TypeError(Ue);i=R(i)||0,xe(o)&&(A=!!o.leading,b="maxWait"in o,s=b?Xe(R(o.maxWait)||0,i):s,z="trailing"in o?!!o.trailing:z);function w(d){var h=r,p=n;return r=n=void 0,f=d,l=e.apply(p,h),l}function ht(d){return f=d,a=setTimeout(y,i),A?w(d):l}function gt(d){var h=d-c,p=d-f,M=i-h;return b?Je(M,s-p):M}function F(d){var h=d-c,p=d-f;return c===void 0||h>=i||h<0||b&&p>=s}function y(){var d=S();if(F(d))return H(d);a=setTimeout(y,gt(d))}function H(d){return a=void 0,z&&r?w(d):(r=n=void 0,l)}function ut(){a!==void 0&&clearTimeout(a),f=0,r=c=n=a=void 0}function bt(){return a===void 0?l:H(S())}function T(){var d=S(),h=F(d);if(r=arguments,n=this,c=d,h){if(a===void 0)return ht(c);if(b)return clearTimeout(a),a=setTimeout(y,i),w(c)}return a===void 0&&(a=setTimeout(y,i)),l}return T.cancel=ut,T.flush=bt,T}var Qe=Ke;const Ye=Y(Qe);var k;(e=>{e.debouncedFun=(i,o)=>Ye(i,o,{leading:!0,trailing:!1})})(k||(k={}));const Ze=new Q({mid:42,offset:(2019-1970)*31536e3*1e3}),et=t.defineComponent({components:{Loading:U},props:{disabled:{type:Boolean,default:!1},debounced:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},info:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},buttonClass:{type:String},fontSize:{type:String,default:""},btnCode:{type:String,default:""},circle:{type:String,default:""},height:{type:String,default:""},width:{type:String,default:""},color:{type:String,default:""},loadingColor:{type:String,default:"#333333"},bgColor:{type:String,default:""},borderColor:{type:String,default:""},loading:{type:Boolean,default:!1},loadingLeft:{type:Boolean,default:!1},borderStyle:{type:String,default:"solid"},icon:{type:String,required:!1},iconRight:{type:Boolean,default:!1},size:{type:[Number,String],default:"auto"},fontWeight:{type:[Number,String],default:500},lineHeight:{type:String,default:""},borderWidth:{type:String,default:""}},computed:{styleOjb(){return this.plain?{background:this.bgColor||"#fff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontSize:this.fontSize||"16px",fontWeight:this.fontWeight||500,size:this.size}:this.primary?{background:this.bgColor||"#99004A",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,color:this.color||"#ffffff",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.default?{background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#DDE2E6"}`,color:this.color||"#99004A",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.info?{background:this.bgColor||"#C4C4C4",borderWidth:this.borderWidth||"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",width:this.width,height:this.height,borderRadius:this.circle,fontWeight:this.fontWeight||500,size:this.size}:this.text?{width:`${this.width||"41px"}`,height:`${this.height||"24px"}`,background:this.bgColor||"#ffffff",borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:this.link?{width:this.width,height:this.height,borderWidth:this.borderWidth||"0px",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#C4C4C4"}`,color:this.color||"#E2A650",borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size,lineHeight:this.lineHeight||"24px"}:{width:this.width,height:this.height,color:this.color||"#ffffff",background:this.bgColor||"#99004A",borderStyle:`${this.borderStyle}`,borderColor:`${this.borderColor||this.color||"#99004A"}`,borderRadius:this.circle||"8px",fontSize:this.fontSize||"14px",fontWeight:this.fontWeight||500,size:this.size||"20",borderWidth:this.borderWidth||"0px"}},geturl(){if(this.icon){if(this.icon.includes("/")||this.icon.includes("base64"))return this.icon;if(this.icon.includes("svg"))return`${this.icon}`}else return"";return`${this.icon}`},styleObject:function(){return{width:typeof this.size=="string"?this.size:this.size+"px",height:typeof this.size=="string"?this.size:this.size+"px"}}},emits:["handleClick"],setup(e,i){const o=s=>{let l=Ze.generate(),a=`${e.btnCode}_${l}`;console.log("按钮组件点击事件获取到事件对象及事件唯一标识符",s,a),e.btnCode?i.emit("handleClick",a):i.emit("handleClick","")},r=k.debouncedFun(s=>{o(s)},3e3),n=s=>{e.debounced?r(s):o(s)};return t.onUnmounted(()=>{r.cancel()}),{getHandleClick:n,handleClick:o}}}),pt="",tt=(e,i)=>{const o=e.__vccOpts||e;for(const[r,n]of i)o[r]=n;return o},it={key:0,class:"s-icon"},ot=["src"],rt={key:1,class:"s-icon"},nt=["src"],lt=["btnCode"],st={key:0,class:"s-icon padding-icon"},at=["src"],dt={key:1,class:"s-icon padding-icon-right"},ct=["src"];function ft(e,i,o,r,n,s){const l=t.resolveComponent("Loading"),a=t.resolveComponent("el-icon"),c=t.resolveComponent("el-button");return e.link?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["link",e.$attrs.class]),style:t.normalizeStyle(e.styleOjb),btnCode:e.btnCode},[t.createElementVNode("span",{onClick:i[0]||(i[0]=(...f)=>e.getHandleClick&&e.getHandleClick(...f)),class:"linkPointer"},[e.icon&&!e.iconRight?(t.openBlock(),t.createElementBlock("i",st,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,at)])):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle({color:e.color})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.icon&&e.iconRight?(t.openBlock(),t.createElementBlock("i",dt,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,ct)])):t.createCommentVNode("",!0),e.loading?(t.openBlock(),t.createBlock(a,{key:2,class:"is-loading",color:e.loadingColor},{default:t.withCtx(()=>[t.createVNode(l)]),_:1},8,["color"])):t.createCommentVNode("",!0)])],14,lt)):(t.openBlock(),t.createBlock(c,{key:0,class:t.normalizeClass(["s-button",e.$attrs.class]),style:t.normalizeStyle(e.styleOjb),disabled:e.disabled,loading:e.loadingLeft,onClick:e.getHandleClick,btnCode:e.btnCode},{default:t.withCtx(()=>[e.icon&&!e.iconRight?(t.openBlock(),t.createElementBlock("i",it,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,ot)])):t.createCommentVNode("",!0),t.createElementVNode("span",{style:t.normalizeStyle({color:e.color})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4),e.icon&&e.iconRight?(t.openBlock(),t.createElementBlock("i",rt,[t.createElementVNode("img",{src:e.geturl,alt:"",style:t.normalizeStyle(e.styleObject)},null,12,nt)])):t.createCommentVNode("",!0),e.loading?(t.openBlock(),t.createBlock(a,{key:2,class:"is-loading",color:e.loadingColor},{default:t.withCtx(()=>[t.createVNode(l)]),_:1},8,["color"])):t.createCommentVNode("",!0)]),_:3},8,["class","style","disabled","loading","onClick","btnCode"]))}const $=tt(et,[["render",ft],["__scopeId","data-v-9e757a2a"]]);function _(e,i={}){_.installed||(_.installed=!0,e.component("common-button",$))}return $.install=_,$});
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.s-button[data-v-
|
|
1
|
+
.s-button[data-v-9e757a2a]{height:36px;line-height:1;border:none;background:#99004A;padding:0 19px;border-radius:7px;cursor:pointer;white-space:nowrap;text-align:center;transition:all .5s ease-in-out;user-select:none}.s-button+.s-button[data-v-9e757a2a]{margin-left:15px}.s-button span[data-v-9e757a2a]{display:inline-block;margin:0 4px;text-justify:auto;line-height:1}.s-button>*[data-v-9e757a2a]{vertical-align:middle}.link[data-v-9e757a2a]{align-items:center}.link[data-v-9e757a2a]:hover{cursor:default;color:red}.linkPointer[data-v-9e757a2a]{cursor:pointer}.plain[data-v-9e757a2a]{background:#fff}.plain-icon[data-v-9e757a2a]{margin-right:4px}.loading[data-v-9e757a2a]{opacity:.8}.s-icon[data-v-9e757a2a]{display:inline-block;line-height:1;flex-shrink:0;overflow:hidden;vertical-align:middle}.s-icon img[data-v-9e757a2a]{float:left;width:25px;height:25px}.padding-icon[data-v-9e757a2a]{padding-right:5px}.padding-icon-right[data-v-9e757a2a]{padding-left:3px}
|