@web-utils/component 1.0.1 → 1.0.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/README.md +1 -2
- package/dist/favicon.ico +0 -0
- package/dist/index.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +10 -24
- package/web-types.json +15 -16
package/README.md
CHANGED
package/dist/favicon.ico
ADDED
|
Binary file
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const O="1.0.1";var E=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"empty-view",style:{fontSize:e.fontSize,height:e.height}},[e._t("default",function(){return[e._v(e._s(e.emptyTips))]})],2)},T=[],ne="";function f(e,t,n,a,r,l,_,w){var s=typeof e=="function"?e.options:e;t&&(s.render=t,s.staticRenderFns=n,s._compiled=!0),a&&(s.functional=!0),l&&(s._scopeId="data-v-"+l);var o;if(_?(o=function(i){i=i||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!i&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(i=__VUE_SSR_CONTEXT__),r&&r.call(this,i),i&&i._registeredComponents&&i._registeredComponents.add(_)},s._ssrRegister=o):r&&(o=w?function(){r.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:r),o)if(s.functional){s._injectStyles=o;var C=s.render;s.render=function(F,d){return o.call(d),C(F,d)}}else{var v=s.beforeCreate;s.beforeCreate=v?[].concat(v,o):[o]}return{exports:e,options:s}}const I={name:"EmptyView",props:{emptyTips:{type:String,default:"\u6682\u65E0\u6570\u636E"},fontSize:{type:String,default:"20px"},height:{type:String,default:"100%"}}},m={};var b=f(I,E,T,!1,P,null,null,null);function P(e){for(let t in m)this[t]=m[t]}var u=function(){return b.exports}();u.install=function(e){e.component(u.name,u)};var R=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"flex-scroller-wrapper"},[n("div",{class:["flex-scroller",{"flex-column":e.flexColumn,"flex-row":e.flexRow,"content-scroll":e.contentScroll},e.contentClass]},[e._t("default")],2)])},V=[],se="";const N={name:"FlexScroller",props:{flexColumn:Boolean,flexRow:Boolean,contentClass:String,contentScroll:{type:Boolean,default:!0}}},g={};var W=f(N,R,V,!1,H,null,null,null);function H(e){for(let t in g)this[t]=g[t]}var c=function(){return W.exports}();c.install=function(e){e.component(c.name,c)};var A=function(){var e=this,t=e.$createElement;return e._self._c,e._m(0)},B=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"not-implement"},[n("div",[n("i",{staticClass:"fa fa-wrench"}),e._v(" \u5EFA\u8BBE\u4E2D... ")])])}],re="";const U={name:"NotImplement"},$={};var X=f(U,A,B,!1,j,"f91d5e80",null,null);function j(e){for(let t in $)this[t]=$[t]}var p=function(){return X.exports}();p.install=function(e){e.component(p.name,p)};function k(e,t){for(let n=0;n<t.length;n++)if(e===t[n])return!0;return!1}const x=function(){return document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent(`on${t}`,n)}}(),S=function(){return document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent(`on${t}`,n)}}();var L=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classes},[e.showIcon?n("div",{class:e.barConClasses},e._m(0),0):e._e()])},Y=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return e._l(8,function(a){return n("i",{key:`trigger-${a}`,class:`${e.prefix}-bar`})})}],ie="";const q={name:"Trigger",props:{mode:String,showIcon:Boolean,line:{type:Boolean,default:!0}},data(){return{prefix:"egd-split-trigger"}},computed:{isVertical(){return this.mode==="vertical"},classes(){return[this.prefix,this.line?this.isVertical?` ${this.prefix}-vertical-line`:`${this.prefix}-horizontal-line`:"",this.isVertical?`${this.prefix}-vertical`:`${this.prefix}-horizontal`]},barConClasses(){return[`${this.prefix}-bar-con`,this.isVertical?"vertical":"horizontal"]}}},y={};var D=f(q,L,Y,!1,G,null,null,null);function G(e){for(let t in y)this[t]=y[t]}var J=function(){return D.exports}(),K=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"outerWrapper",class:e.wrapperClasses},[e.isHorizontal?n("div",{class:`${e.prefix}-horizontal`},[n("div",{class:[`${e.prefix}-pane`,"left-pane"],style:{right:`${e.anotherOffset}%`}},[e._t("left")],2),n("div",{class:`${e.prefix}-trigger-con`,style:{left:`calc(${e.offset}% + ${e.triggerSize/2}px)`,width:`${e.triggerSize}px`},on:{mousedown:e.handleMousedown}},[e._t("trigger",function(){return[n("Trigger",{attrs:{mode:"vertical"}})]})],2),n("div",{class:[`${e.prefix}-pane`,"right-pane"],style:{left:`calc(${e.offset}% + ${e.triggerSize}px)`}},[e._t("right")],2)]):n("div",{class:`${e.prefix}-vertical`},[n("div",{class:[`${e.prefix}-pane`,"top-pane"],style:{bottom:`${e.anotherOffset}%`}},[e._t("top")],2),n("div",{class:`${e.prefix}-trigger-con`,style:{top:`calc(${e.offset}% + ${e.triggerSize/2}px)`,height:`${e.triggerSize}px`},on:{mousedown:e.handleMousedown}},[e._t("trigger",function(){return[n("Trigger",{attrs:{mode:"horizontal"}})]})],2),n("div",{class:[`${e.prefix}-pane`,"bottom-pane"],style:{top:`calc(${e.offset}% + ${e.triggerSize}px)`}},[e._t("bottom")],2)])])},Q=[],oe="";const Z={name:"SplitPane",components:{Trigger:J},props:{value:{type:[Number,String],default:.5},mode:{validator(e){return k(e,["horizontal","vertical"])},default:"horizontal"},triggerSize:{type:Number,default:6},min:{type:[Number,String],default:"40px"},max:{type:[Number,String],default:"40px"}},data(){return{prefix:"egd-split",offset:0,oldOffset:0,isMoving:!1}},computed:{wrapperClasses(){return[`${this.prefix}-wrapper`,this.isMoving?"no-select":""]},isHorizontal(){return this.mode==="horizontal"},anotherOffset(){return 100-this.offset},valueIsPx(){return typeof this.value=="string"},offsetSize(){return this.isHorizontal?"offsetWidth":"offsetHeight"},computedMin(){return this.getComputedThresholdValue("min")},computedMax(){return this.getComputedThresholdValue("max")}},watch:{value(){this.offset=(this.valueIsPx?this.px2percent(this.value,this.$refs.outerWrapper[this.offsetSize]):this.value)*1e4/100}},mounted(){this.$nextTick(()=>{this.offset=(this.valueIsPx?this.px2percent(this.value,this.$refs.outerWrapper[this.offsetSize]):this.value)*1e4/100})},methods:{px2percent(e,t){return parseFloat(e)/parseFloat(t)},getComputedThresholdValue(e){const t=this.$refs.outerWrapper[this.offsetSize];return this.valueIsPx?typeof this[e]=="string"?this[e]:t*this[e]:typeof this[e]=="string"?this.px2percent(this[e],t):this[e]},getMin(e,t){return this.valueIsPx?`${Math.min(parseFloat(e),parseFloat(t))}px`:Math.min(e,t)},getMax(e,t){return this.valueIsPx?`${Math.max(parseFloat(e),parseFloat(t))}px`:Math.max(e,t)},getAnotherOffset(e){let t=0;return this.valueIsPx?t=`${this.$refs.outerWrapper[this.offsetSize]-parseFloat(e)}px`:t=1-e,t},handleMove(e){const n=(this.isHorizontal?e.pageX:e.pageY)-this.initOffset,a=this.$refs.outerWrapper[this.offsetSize];let r=this.valueIsPx?`${parseFloat(this.oldOffset)+n}px`:this.px2percent(a*this.oldOffset+n,a);const l=this.getAnotherOffset(r);parseFloat(r)<=parseFloat(this.computedMin)&&(r=this.getMax(r,this.computedMin)),parseFloat(l)<=parseFloat(this.computedMax)&&(r=this.getAnotherOffset(this.getMax(l,this.computedMax))),e.atMin=this.value===this.computedMin,e.atMax=this.valueIsPx?this.getAnotherOffset(this.value)===this.computedMax:this.getAnotherOffset(this.value).toFixed(5)===this.computedMax.toFixed(5),this.$emit("input",r),this.$emit("on-moving",e)},handleUp(){this.isMoving=!1,S(window,"mousemove",this.handleMove),S(window,"mouseup",this.handleUp),this.$emit("on-move-end")},handleMousedown(e){this.initOffset=this.isHorizontal?e.pageX:e.pageY,this.oldOffset=this.value,this.isMoving=!0,x(window,"mousemove",this.handleMove),x(window,"mouseup",this.handleUp),this.$emit("on-move-start")}}},M={};var ee=f(Z,K,Q,!1,te,null,null,null);function te(e){for(let t in M)this[t]=M[t]}var h=function(){return ee.exports}();h.install=function(e){e.component(h.name,h)};function z(e){e.use(u),e.use(c),e.use(p),e.use(h)}export{u as EmptyView,c as FlexScroller,p as NotImplement,h as SplitPane,z as default,z as install,O as version};
|
|
1
|
+
var H=Object.defineProperty,V=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var w=(e,t,n)=>t in e?H(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t)=>{for(var n in t||(t={}))U.call(t,n)&&w(e,n,t[n]);if(z)for(var n of z(t))k.call(t,n)&&w(e,n,t[n]);return e},c=(e,t)=>V(e,X(t));import{isPlainObject as L,isString as J,isArray as Y}from"@web-utils/core";var Ae="";const q="1.0.4";var D=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"empty-view",style:{fontSize:e.fontSize,height:e.height}},[e._t("default",function(){return[e._v(e._s(e.emptyTips))]})],2)},G=[],He="";function a(e,t,n,s,r,u,C,W){var i=typeof e=="function"?e.options:e;t&&(i.render=t,i.staticRenderFns=n,i._compiled=!0),s&&(i.functional=!0),u&&(i._scopeId="data-v-"+u);var l;if(C?(l=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(o=__VUE_SSR_CONTEXT__),r&&r.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(C)},i._ssrRegister=l):r&&(l=W?function(){r.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:r),l)if(i.functional){i._injectStyles=l;var j=i.render;i.render=function(A,S){return l.call(S),j(A,S)}}else{var y=i.beforeCreate;i.beforeCreate=y?[].concat(y,l):[l]}return{exports:e,options:i}}const K={name:"EmptyView",props:{emptyTips:{type:String,default:"\u6682\u65E0\u6570\u636E"},fontSize:{type:String,default:"20px"},height:{type:String,default:"100%"}}},M={};var Q=a(K,D,G,!1,Z,null,null,null);function Z(e){for(let t in M)this[t]=M[t]}var _=function(){return Q.exports}();_.install=function(e){e.component(_.name,_)};var ee=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"flex-scroller-wrapper"},[n("div",{class:["flex-scroller",{"flex-column":e.flexColumn,"flex-row":e.flexRow,"content-scroll":e.contentScroll},e.contentClass]},[e._t("default")],2)])},te=[],Ve="";const ne={name:"FlexScroller",props:{flexColumn:Boolean,flexRow:Boolean,contentClass:String,contentScroll:{type:Boolean,default:!0}}},F={};var re=a(ne,ee,te,!1,se,null,null,null);function se(e){for(let t in F)this[t]=F[t]}var h=function(){return re.exports}();h.install=function(e){e.component(h.name,h)};var ie=function(){var e=this,t=e.$createElement;return e._self._c,e._m(0)},oe=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"not-implement"},[n("div",[n("i",{staticClass:"fa fa-wrench"}),e._v(" \u5EFA\u8BBE\u4E2D... ")])])}],Xe="";const le={name:"NotImplement"},B={};var ae=a(le,ie,oe,!1,ue,"f91d5e80",null,null);function ue(e){for(let t in B)this[t]=B[t]}var p=function(){return ae.exports}();p.install=function(e){e.component(p.name,p)};function fe(e,t){for(let n=0;n<t.length;n++)if(e===t[n])return!0;return!1}const O=function(){return document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent(`on${t}`,n)}}(),R=function(){return document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent(`on${t}`,n)}}();var ce=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classes},[e.showIcon?n("div",{class:e.barConClasses},e._m(0),0):e._e()])},_e=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return e._l(8,function(s){return n("i",{key:`trigger-${s}`,class:`${e.prefix}-bar`})})}],Ue="";const he={name:"Trigger",props:{mode:String,showIcon:Boolean,line:{type:Boolean,default:!0}},data(){return{prefix:"egd-split-trigger"}},computed:{isVertical(){return this.mode==="vertical"},classes(){return[this.prefix,this.line?this.isVertical?` ${this.prefix}-vertical-line`:`${this.prefix}-horizontal-line`:"",this.isVertical?`${this.prefix}-vertical`:`${this.prefix}-horizontal`]},barConClasses(){return[`${this.prefix}-bar-con`,this.isVertical?"vertical":"horizontal"]}}},b={};var pe=a(he,ce,_e,!1,ve,null,null,null);function ve(e){for(let t in b)this[t]=b[t]}var de=function(){return pe.exports}(),me=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"outerWrapper",class:e.wrapperClasses},[e.isHorizontal?n("div",{class:`${e.prefix}-horizontal`},[n("div",{class:[`${e.prefix}-pane`,"left-pane"],style:{right:`${e.anotherOffset}%`}},[e._t("left")],2),n("div",{class:`${e.prefix}-trigger-con`,style:{left:`calc(${e.offset}% + ${e.triggerSize/2}px)`,width:`${e.triggerSize}px`},on:{mousedown:e.handleMousedown}},[e._t("trigger",function(){return[n("Trigger",{attrs:{mode:"vertical"}})]})],2),n("div",{class:[`${e.prefix}-pane`,"right-pane"],style:{left:`calc(${e.offset}% + ${e.triggerSize}px)`}},[e._t("right")],2)]):n("div",{class:`${e.prefix}-vertical`},[n("div",{class:[`${e.prefix}-pane`,"top-pane"],style:{bottom:`${e.anotherOffset}%`}},[e._t("top")],2),n("div",{class:`${e.prefix}-trigger-con`,style:{top:`calc(${e.offset}% + ${e.triggerSize/2}px)`,height:`${e.triggerSize}px`},on:{mousedown:e.handleMousedown}},[e._t("trigger",function(){return[n("Trigger",{attrs:{mode:"horizontal"}})]})],2),n("div",{class:[`${e.prefix}-pane`,"bottom-pane"],style:{top:`calc(${e.offset}% + ${e.triggerSize}px)`}},[e._t("bottom")],2)])])},xe=[],ke="";const $e={name:"SplitPane",components:{Trigger:de},props:{value:{type:[Number,String],default:.5},mode:{validator(e){return fe(e,["horizontal","vertical"])},default:"horizontal"},triggerSize:{type:Number,default:6},min:{type:[Number,String],default:"40px"},max:{type:[Number,String],default:"40px"}},data(){return{prefix:"egd-split",offset:0,oldOffset:0,isMoving:!1}},computed:{wrapperClasses(){return[`${this.prefix}-wrapper`,this.isMoving?"no-select":""]},isHorizontal(){return this.mode==="horizontal"},anotherOffset(){return 100-this.offset},valueIsPx(){return typeof this.value=="string"},offsetSize(){return this.isHorizontal?"offsetWidth":"offsetHeight"},computedMin(){return this.getComputedThresholdValue("min")},computedMax(){return this.getComputedThresholdValue("max")}},watch:{value(){this.offset=(this.valueIsPx?this.px2percent(this.value,this.$refs.outerWrapper[this.offsetSize]):this.value)*1e4/100}},mounted(){this.$nextTick(()=>{this.offset=(this.valueIsPx?this.px2percent(this.value,this.$refs.outerWrapper[this.offsetSize]):this.value)*1e4/100})},methods:{px2percent(e,t){return parseFloat(e)/parseFloat(t)},getComputedThresholdValue(e){const t=this.$refs.outerWrapper[this.offsetSize];return this.valueIsPx?typeof this[e]=="string"?this[e]:t*this[e]:typeof this[e]=="string"?this.px2percent(this[e],t):this[e]},getMin(e,t){return this.valueIsPx?`${Math.min(parseFloat(e),parseFloat(t))}px`:Math.min(e,t)},getMax(e,t){return this.valueIsPx?`${Math.max(parseFloat(e),parseFloat(t))}px`:Math.max(e,t)},getAnotherOffset(e){let t=0;return this.valueIsPx?t=`${this.$refs.outerWrapper[this.offsetSize]-parseFloat(e)}px`:t=1-e,t},handleMove(e){const n=(this.isHorizontal?e.pageX:e.pageY)-this.initOffset,s=this.$refs.outerWrapper[this.offsetSize];let r=this.valueIsPx?`${parseFloat(this.oldOffset)+n}px`:this.px2percent(s*this.oldOffset+n,s);const u=this.getAnotherOffset(r);parseFloat(r)<=parseFloat(this.computedMin)&&(r=this.getMax(r,this.computedMin)),parseFloat(u)<=parseFloat(this.computedMax)&&(r=this.getAnotherOffset(this.getMax(u,this.computedMax))),e.atMin=this.value===this.computedMin,e.atMax=this.valueIsPx?this.getAnotherOffset(this.value)===this.computedMax:this.getAnotherOffset(this.value).toFixed(5)===this.computedMax.toFixed(5),this.$emit("input",r),this.$emit("on-moving",e)},handleUp(){this.isMoving=!1,R(window,"mousemove",this.handleMove),R(window,"mouseup",this.handleUp),this.$emit("on-move-end")},handleMousedown(e){this.initOffset=this.isHorizontal?e.pageX:e.pageY,this.oldOffset=this.value,this.isMoving=!0,O(window,"mousemove",this.handleMove),O(window,"mouseup",this.handleUp),this.$emit("on-move-start")}}},I={};var ge=a($e,me,xe,!1,Ce,null,null,null);function Ce(e){for(let t in I)this[t]=I[t]}var v=function(){return ge.exports}();v.install=function(e){e.component(v.name,v)};var $={name:"JSXComponent",props:{msg:{type:String,default:""}},render(){return arguments[0]("div",[this.msg])}};const g=(e,t)=>L(e)||J(e)?[t,e]:Y(e)?[t,...e]:[t],ye={name:"FlexColumn",functional:!0,props:{verticalCenter:{type:Boolean,default:!1},horizonCenter:{type:Boolean,default:!1},center:{type:Boolean,default:!1},textCenter:{type:Boolean,default:!1}},render(e,{data:t,children:n,props:s}){const r=g(t.class,"flex-column");return s.center||s.horizonCenter&&s.verticalCenter?(r.push("horizon-center"),r.push("vertical-center")):(s.horizonCenter&&r.push("horizon-center"),s.verticalCenter&&r.push("vertical-center")),s.textCenter&&r.push("text-center"),e("div",c(f({},t),{class:r}),n)}};let Se,ze;const E={};var we=a(ye,Se,ze,!1,Me,null,null,null);function Me(e){for(let t in E)this[t]=E[t]}var d=function(){return we.exports}();const Fe={name:"FlexItem",functional:!0,props:{flexRow:{type:Boolean,default:!1},flexColumn:{type:Boolean,default:!1},verticalCenter:{type:Boolean,default:!1},horizonCenter:{type:Boolean,default:!1},center:{type:Boolean,default:!1},textCenter:{type:Boolean,default:!1},relative:{type:Boolean,default:!1},absolute:{type:Boolean,default:!1}},render(e,{children:t,data:n,props:s}){const r=g(n.class,s.relative?"flex-item-relative":"flex-item");return s.absolute&&!s.relative&&r.push("flex-item-relative"),s.center||s.horizonCenter&&s.verticalCenter?(r.push("horizon-center"),r.push("vertical-center")):(s.horizonCenter&&r.push("horizon-center"),s.verticalCenter&&r.push("vertical-center")),s.textCenter&&r.push("text-center"),s.flexColumn&&r.push("flex-column"),s.flexRow&&r.push("flex-row"),s.absolute?e("div",c(f({},n),{class:r}),[e("div",{class:"absolute",style:"overflow:auto"},t)]):e("div",c(f({},n),{class:r}),t)}};let Be,Oe;const T={};var Re=a(Fe,Be,Oe,!1,be,null,null,null);function be(e){for(let t in T)this[t]=T[t]}var m=function(){return Re.exports}();const Ie={name:"FlexRow",functional:!0,props:{verticalCenter:{type:Boolean,default:!1},horizonCenter:{type:Boolean,default:!1},center:{type:Boolean,default:!1},textCenter:{type:Boolean,default:!1}},render(e,{data:t,children:n,props:s}){const r=g(t.class,"flex-row");return s.center||s.horizonCenter&&s.verticalCenter?(r.push("horizon-center"),r.push("vertical-center")):(s.horizonCenter&&r.push("horizon-center"),s.verticalCenter&&r.push("vertical-center")),s.textCenter&&r.push("text-center"),e("div",c(f({},t),{class:r}),n)}};let Ee,Te;const P={};var Pe=a(Ie,Ee,Te,!1,Ne,null,null,null);function Ne(e){for(let t in P)this[t]=P[t]}var x=function(){return Pe.exports}();d.install=function(e){e.component(d.name,d)},m.install=function(e){e.component(m.name,m)},x.install=function(e){e.component(x.name,x)};function N(e){e.use(_),e.use(h),e.use(p),e.use(v),e.use(d),e.use(m),e.use(x),e.component($.name,$)}export{_ as EmptyView,d as FlexColumn,m as FlexItem,x as FlexRow,h as FlexScroller,$ as JSXComponent,p as NotImplement,v as SplitPane,N as default,N as install,q as version};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.empty-view{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#909399;font-size:20px;background-color:#fff}.flex-scroller-wrapper{position:relative;flex:1 1 auto}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;right:0;bottom:0;left:0
|
|
1
|
+
.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;right:0;bottom:0;left:0}.flex-not-shrink{flex-shrink:0}.empty-view{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#909399;font-size:20px;background-color:#fff}.flex-scroller-wrapper{position:relative;flex:1 1 auto}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;right:0;bottom:0;left:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}.not-implement[data-v-f91d5e80]{display:flex;align-items:center;justify-content:center;height:100%;color:gray;font-size:3em;text-align:center}.egd-split-wrapper{position:relative;width:100%;height:100%}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{right:0;left:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{top:50%;left:1px;height:32px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{top:1px;left:50%;width:32px;transform:translate(-50%)}.egd-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ew-resize}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;width:4px;height:1px;margin-top:3px;background:rgba(23,35,61,.25)}.egd-split-trigger-horizontal{width:100%;height:6px;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ns-resize}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;width:1px;height:4px;margin-right:3px;background:rgba(23,35,61,.25)}.egd-split-horizontal .egd-split-trigger-con{top:50%;height:100%;border-right:1px solid #d7dae0}.egd-split-vertical .egd-split-trigger-con{left:50%;width:100%;border-bottom:1px solid #d7dae0}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{background-color:transparent;box-shadow:none}.egd-split-wrapper{position:relative;width:100%;height:100%}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{right:0;left:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{top:50%;left:1px;height:32px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{top:1px;left:50%;width:32px;transform:translate(-50%)}.egd-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ew-resize}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;width:4px;height:1px;margin-top:3px;background:rgba(23,35,61,.25)}.egd-split-trigger-horizontal{width:100%;height:6px;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ns-resize}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;width:1px;height:4px;margin-right:3px;background:rgba(23,35,61,.25)}.egd-split-horizontal .egd-split-trigger-con{top:50%;height:100%;border-right:1px solid #d7dae0}.egd-split-vertical .egd-split-trigger-con{left:50%;width:100%;border-bottom:1px solid #d7dae0}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{background-color:transparent;box-shadow:none}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@web-utils/component",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -19,40 +19,26 @@
|
|
|
19
19
|
"web-types": "web-types.json",
|
|
20
20
|
"scripts": {
|
|
21
21
|
"dev": "vite --host",
|
|
22
|
-
"build": "node scripts/build.js",
|
|
23
22
|
"serve": "vite preview",
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
},
|
|
29
|
-
"dependencies": {
|
|
30
|
-
"dayjs": "^1.10.7",
|
|
31
|
-
"jsencrypt": "^3.2.1",
|
|
32
|
-
"lodash": "^4.17.21",
|
|
33
|
-
"qrcode": "^1.5.0",
|
|
34
|
-
"resize-observer-polyfill": "^1.5.1",
|
|
35
|
-
"uuid": "^8.3.2"
|
|
23
|
+
"build": "vite build",
|
|
24
|
+
"build:lib": "node scripts/build.js",
|
|
25
|
+
"release": "npm run build:lib && node scripts/publish.js",
|
|
26
|
+
"lint": "eslint src/**/*.{js,ts,vue} --fix"
|
|
36
27
|
},
|
|
37
28
|
"devDependencies": {
|
|
38
29
|
"@types/lodash": "^4.14.178",
|
|
39
30
|
"@types/node": "^12.20.37",
|
|
40
31
|
"@types/qrcode": "^1.4.2",
|
|
41
32
|
"@types/uuid": "^8.3.4",
|
|
42
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
43
|
-
"@typescript-eslint/parser": "^5.
|
|
33
|
+
"@typescript-eslint/eslint-plugin": "^5.21.0",
|
|
34
|
+
"@typescript-eslint/parser": "^5.21.0",
|
|
44
35
|
"@vue/eslint-config-typescript": "^10.0.0",
|
|
45
36
|
"@web-utils/core": "^1.4.6",
|
|
46
|
-
"element-ui": "^2.15.
|
|
47
|
-
"eslint": "^8.
|
|
48
|
-
"eslint-plugin-vue": "^8.
|
|
37
|
+
"element-ui": "^2.15.8",
|
|
38
|
+
"eslint": "^8.14.0",
|
|
39
|
+
"eslint-plugin-vue": "^8.7.1",
|
|
49
40
|
"execa": "^5.0.0",
|
|
50
|
-
"globby": "^13.1.1",
|
|
51
|
-
"path-to-regexp": "^6.2.0",
|
|
52
41
|
"sass": "^1.49.8",
|
|
53
|
-
"shiki": "^0.10.1",
|
|
54
|
-
"slash": "^3.0.0",
|
|
55
|
-
"terser": "^5.12.1",
|
|
56
42
|
"typescript": "^4.5.5",
|
|
57
43
|
"vite": "^2.9.5",
|
|
58
44
|
"vite-plugin-style-import": "^1.4.1",
|
package/web-types.json
CHANGED
|
@@ -2,45 +2,44 @@
|
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@web-utils/component",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.2",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
|
-
"
|
|
8
|
+
"tags": [
|
|
9
9
|
{
|
|
10
10
|
"name": "EmptyView",
|
|
11
11
|
"description": "EmptyView",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "emptyTips",
|
|
15
|
-
"description": "
|
|
15
|
+
"description": "提示文案",
|
|
16
16
|
"value": {
|
|
17
17
|
"kind": "expression",
|
|
18
|
-
"type": "
|
|
18
|
+
"type": "string"
|
|
19
19
|
},
|
|
20
|
-
"
|
|
21
|
-
"default": "true"
|
|
20
|
+
"default": ""
|
|
22
21
|
},
|
|
23
22
|
{
|
|
24
23
|
"name": "fontSize",
|
|
25
|
-
"description": "
|
|
24
|
+
"description": "提示文案字体大小",
|
|
26
25
|
"value": {
|
|
27
26
|
"kind": "expression",
|
|
28
|
-
"type": "
|
|
27
|
+
"type": "string"
|
|
29
28
|
},
|
|
30
|
-
"default": "
|
|
29
|
+
"default": "12px"
|
|
31
30
|
},
|
|
32
31
|
{
|
|
33
32
|
"name": "icon",
|
|
34
|
-
"description": "
|
|
33
|
+
"description": "icon",
|
|
35
34
|
"value": {
|
|
36
35
|
"kind": "expression",
|
|
37
|
-
"type": "
|
|
36
|
+
"type": "string"
|
|
38
37
|
},
|
|
39
|
-
"default": "
|
|
38
|
+
"default": ""
|
|
40
39
|
},
|
|
41
40
|
{
|
|
42
41
|
"name": "iconSize",
|
|
43
|
-
"description": "
|
|
42
|
+
"description": "iconSize",
|
|
44
43
|
"value": {
|
|
45
44
|
"kind": "expression",
|
|
46
45
|
"type": "string"
|
|
@@ -49,16 +48,16 @@
|
|
|
49
48
|
},
|
|
50
49
|
{
|
|
51
50
|
"name": "showIcon",
|
|
52
|
-
"description": "
|
|
51
|
+
"description": "showIcon",
|
|
53
52
|
"value": {
|
|
54
53
|
"kind": "expression",
|
|
55
54
|
"type": "boolean"
|
|
56
55
|
},
|
|
57
|
-
"default": ""
|
|
56
|
+
"default": "false"
|
|
58
57
|
},
|
|
59
58
|
{
|
|
60
59
|
"name": "height",
|
|
61
|
-
"description": "
|
|
60
|
+
"description": "height",
|
|
62
61
|
"value": {
|
|
63
62
|
"kind": "expression",
|
|
64
63
|
"type": "string"
|