xt-element-ui 2.2.1 → 2.2.2
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/docs/components/base/xt-date-picker.md +7 -26
- package/docs/components/base/xt-grid-box.md +34 -34
- package/docs/components/base/xt-tabs.md +51 -6
- package/docs/components/base/xt-text.md +20 -3
- package/lib/css/1.87a493be.css +1 -0
- package/lib/index.common.1.js +294 -0
- package/lib/index.common.2.js +141 -0
- package/lib/index.common.js +342 -492
- package/lib/index.css +1 -1
- package/lib/index.umd.1.js +294 -0
- package/lib/index.umd.2.js +141 -0
- package/lib/index.umd.js +342 -492
- package/lib/index.umd.min.1.js +1 -0
- package/lib/index.umd.min.2.js +1 -0
- package/lib/index.umd.min.js +1 -1
- package/lib/xt-date-picker/css/1.87a493be.css +1 -0
- package/lib/xt-date-picker/xt-date-picker.common.1.js +294 -0
- package/lib/xt-date-picker/xt-date-picker.common.2.js +141 -0
- package/lib/xt-date-picker/xt-date-picker.common.js +201 -332
- package/lib/xt-date-picker/xt-date-picker.css +1 -1
- package/lib/xt-date-picker/xt-date-picker.umd.1.js +294 -0
- package/lib/xt-date-picker/xt-date-picker.umd.2.js +141 -0
- package/lib/xt-date-picker/xt-date-picker.umd.js +201 -332
- package/lib/xt-date-picker/xt-date-picker.umd.min.1.js +1 -0
- package/lib/xt-date-picker/xt-date-picker.umd.min.2.js +1 -0
- package/lib/xt-date-picker/xt-date-picker.umd.min.js +1 -1
- package/lib/xt-tabs/xt-tabs.common.js +5 -27
- package/lib/xt-tabs/xt-tabs.css +1 -1
- package/lib/xt-tabs/xt-tabs.umd.js +5 -27
- package/lib/xt-tabs/xt-tabs.umd.min.js +1 -1
- package/lib/xt-text/xt-text.common.js +7 -4
- package/lib/xt-text/xt-text.umd.js +7 -4
- package/lib/xt-text/xt-text.umd.min.js +1 -1
- package/package.json +1 -1
- package/src/components/index.scss +3 -0
- package/src/components/xt-date-picker/component/Picker.vue +2 -46
- package/src/components/xt-date-picker/component/RangeDate.vue +4 -4
- package/src/components/xt-date-picker/index.js +1 -0
- package/src/components/xt-date-picker/index.vue +3 -23
- package/src/components/xt-date-picker/style/index.scss +64 -0
- package/src/components/xt-input/style/index.scss +1 -1
- package/src/components/xt-tabs/index.vue +3 -174
- package/src/components/xt-tabs/style/index.scss +131 -121
- package/src/components/xt-text/index.vue +5 -2
- package/src/styles/theme/index.scss +0 -1
- package/src/styles/theme/dark-variables.scss +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(("undefined"!==typeof self?self:this)["webpackJsonpxt_date_picker"]=("undefined"!==typeof self?self:this)["webpackJsonpxt_date_picker"]||[]).push([[2],{b0ea:function(e,t,r){"use strict";r.r(t);var a=function(){var e=this,t=e._self._c;return t("div",{staticClass:"date-picker"},["quarter"!==e.type?t("el-date-picker",e._g(e._b({attrs:{type:e.pickerType,"value-format":e.valueFormat,disabled:e.disabled,placeholder:e.placeholder,"popper-append-to-body":"","popper-class":"base-date-popper"},model:{value:e.innerValue,callback:function(t){e.innerValue=t},expression:"innerValue"}},"el-date-picker",e.$attrs,!1),e.$listeners)):t("el-popover",{attrs:{trigger:"manual",placement:"bottom-start",width:"240"},model:{value:e.quarterPopVisible,callback:function(t){e.quarterPopVisible=t},expression:"quarterPopVisible"}},[t("div",{staticClass:"quarter-panel"},[t("div",{staticClass:"quarter-header"},[t("el-button",{attrs:{icon:"el-icon-d-arrow-left"},on:{click:function(t){e.year--}}}),t("span",[e._v(e._s(e.year)+" 年")]),t("el-button",{attrs:{icon:"el-icon-d-arrow-right"},on:{click:function(t){e.year++}}})],1),t("div",{staticClass:"quarter-list"},e._l(4,(function(r){return t("div",{key:r,staticClass:"quarter-item",class:{active:e.quarterNum===r},on:{click:function(t){return e.selectQuarter(r)}}},[e._v(" Q"+e._s(r)+" ")])})),0)]),t("el-input",{ref:"quarterInput",attrs:{slot:"reference",size:"small",readonly:"",placeholder:e.placeholder,disabled:e.disabled,clearable:""},on:{clear:e.handleClearQuarter},slot:"reference",model:{value:e.quarterShowText,callback:function(t){e.quarterShowText=t},expression:"quarterShowText"}},[t("i",{staticClass:"el-icon-date",attrs:{slot:"affix"},slot:"affix"})])],1)],1)},l=[],i={name:"BaseDatePicker",inheritAttrs:!1,props:{value:{type:[String,null],default:null},type:{type:String,default:"date",validator:e=>["date","month","year","quarter","week"].includes(e)},disabled:{type:Boolean,default:!1}},data(){return{quarterPopVisible:!1,year:(new Date).getFullYear(),quarterNum:null}},computed:{pickerType(){return"quarter"===this.type?null:this.type},placeholder(){const e={date:"请选择日期",month:"请选择月份",year:"请选择年份",quarter:"请选择季度",week:"请选择周"};return e[this.type]||"请选择日期"},valueFormat(){const e={date:"yyyy-MM-dd",month:"yyyy-MM",year:"yyyy",quarter:"yyyy-Qq",week:"yyyy-WW"};return e[this.type]||"yyyy-MM-dd"},innerValue:{get(){return this.value},set(e){this.$emit("input",e)}},quarterShowText(){return this.value?`${this.year}-Q${this.quarterNum}`:""}},watch:{value:{handler(e){if("quarter"!==this.type||!e)return void(this.quarterNum=null);const[t,r]=e.split("-Q");this.year=Number(t),this.quarterNum=Number(r)},immediate:!0}},methods:{selectQuarter(e){this.quarterNum=e;const t=`${this.year}-Q${e}`;this.$emit("input",t),this.quarterPopVisible=!1},handleClearQuarter(){this.quarterNum=null,this.$emit("input",null)}},mounted(){"quarter"===this.type&&this.$refs.quarterInput&&this.$refs.quarterInput.$el.addEventListener("click",()=>{this.disabled||(this.quarterPopVisible=!0)})}},s=i,u=r("2877"),n=Object(u["a"])(s,a,l,!1,null,null,null);t["default"]=n.exports}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["xt-date-picker"]=t():e["xt-date-picker"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function a(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,a),n.l=!0,n.exports}return a.m=e,a.c=t,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s="fb15")}({"134c":function(e,t,a){"use strict";a("4fae")},"3d19":function(e,t,a){},"4fae":function(e,t,a){},"53d0":function(e,t,a){},"863a":function(e,t,a){"use strict";a("53d0")},b1e2:function(e,t,a){"use strict";a("3d19")},fb15:function(e,t,a){"use strict";if(a.r(t),a.d(t,"XtDatePicker",(function(){return P})),"undefined"!==typeof window){var r=window.document.currentScript,n=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);n&&(a.p=n[1])}var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"xt-date-picker-container"},[e.showDimension?t("div",{staticClass:"xt-date-dimension"},[t("el-radio-group",{attrs:{size:"small"},model:{value:e.dimension,callback:function(t){e.dimension=t},expression:"dimension"}},[t("el-radio-button",{attrs:{label:"date"}},[e._v("日")]),t("el-radio-button",{attrs:{label:"month"}},[e._v("月")]),t("el-radio-button",{attrs:{label:"year"}},[e._v("年")]),t("el-radio-button",{attrs:{label:"daterange"}},[e._v("自定义")])],1)],1):e._e(),t("div",{staticClass:"xt-date-picker-wrapper"},[e.useRangeMode?t("RangeDate",{staticClass:"xt-date",class:{focus:e.isfocus},style:e.width?{width:e.width+"px"}:{},attrs:{type:e.rangeDateType,separator:e.separator,disabled:e.disabled},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.rangeValue,callback:function(t){e.rangeValue=t},expression:"rangeValue"}}):e._e(),e.useRangeMode||"quarter"===e.realDateType?e.useRangeMode||"quarter"!==e.realDateType?e._e():t("Picker",{attrs:{type:"quarter",size:"small",disabled:e.disabled,placeholder:e.innerPlaceholder},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.singleValue,callback:function(t){e.singleValue=t},expression:"singleValue"}}):t("el-date-picker",{ref:"singlePicker",attrs:{size:"small",disabled:e.disabled,"append-to-body":"",format:e.format,type:e.realDateType,placeholder:e.innerPlaceholder,clearable:""},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.singleValue,callback:function(t){e.singleValue=t},expression:"singleValue"}})],1)])},s=[],l=function(){var e=this,t=e._self._c;return t("div",{staticClass:"range-wrap"},[t("Picker",{attrs:{type:e.type,size:"small",placeholder:e.startPlaceholder,disabled:e.disabled,"disabled-date":e.disabledStart},on:{change:e.handleChange},model:{value:e.startVal,callback:function(t){e.startVal=t},expression:"startVal"}}),t("span",{staticClass:"split"},[e._v(e._s(e.separator))]),t("Picker",{attrs:{type:e.type,size:"small",placeholder:e.endPlaceholder,disabled:e.disabled,"disabled-date":e.disabledEnd},on:{change:e.handleChange},model:{value:e.endVal,callback:function(t){e.endVal=t},expression:"endVal"}})],1)},o=[],d=function(){var e=this,t=e._self._c;return t("div",{staticClass:"base-date-root"},["quarter"!==e.type?t("el-date-picker",e._g(e._b({attrs:{type:e.pickerType,"value-format":e.valueFormat,disabled:e.disabled,placeholder:e.placeholder,"popper-append-to-body":"","popper-class":"base-date-popper"},model:{value:e.innerValue,callback:function(t){e.innerValue=t},expression:"innerValue"}},"el-date-picker",e.$attrs,!1),e.$listeners)):t("el-popover",{attrs:{trigger:"manual",placement:"bottom-start",width:"240"},model:{value:e.quarterPopVisible,callback:function(t){e.quarterPopVisible=t},expression:"quarterPopVisible"}},[t("div",{staticClass:"quarter-panel"},[t("div",{staticClass:"quarter-header"},[t("el-button",{attrs:{icon:"el-icon-d-arrow-left"},on:{click:function(t){e.year--}}}),t("span",[e._v(e._s(e.year)+" 年")]),t("el-button",{attrs:{icon:"el-icon-d-arrow-right"},on:{click:function(t){e.year++}}})],1),t("div",{staticClass:"quarter-list"},e._l(4,(function(a){return t("div",{key:a,staticClass:"quarter-item",class:{active:e.quarterNum===a},on:{click:function(t){return e.selectQuarter(a)}}},[e._v(" Q"+e._s(a)+" ")])})),0)]),t("el-input",{ref:"quarterInput",attrs:{slot:"reference",size:"small",readonly:"",placeholder:e.placeholder,disabled:e.disabled,clearable:""},on:{clear:e.handleClearQuarter},slot:"reference",model:{value:e.quarterShowText,callback:function(t){e.quarterShowText=t},expression:"quarterShowText"}},[t("i",{staticClass:"el-icon-date",attrs:{slot:"affix"},slot:"affix"})])],1)],1)},u=[],c={name:"BaseDatePicker",inheritAttrs:!1,props:{value:{type:[String,null],default:null},type:{type:String,default:"date",validator:e=>["date","month","year","quarter","week"].includes(e)},disabled:{type:Boolean,default:!1},placeholder:String,valueFormat:String},data(){return{quarterPopVisible:!1,year:(new Date).getFullYear(),quarterNum:null}},computed:{pickerType(){return"quarter"===this.type?null:this.type},placeholder(){if(this.$props.placeholder)return this.$props.placeholder;const e={date:"请选择日期",month:"请选择月份",year:"请选择年份",quarter:"请选择季度",week:"请选择周"};return e[this.type]||"请选择日期"},valueFormat(){if(this.$props.valueFormat)return this.$props.valueFormat;const e={date:"yyyy-MM-dd",month:"yyyy-MM",year:"yyyy",quarter:"yyyy-Qq",week:"yyyy-WW"};return e[this.type]||"yyyy-MM-dd"},innerValue:{get(){return this.value},set(e){this.$emit("input",e)}},quarterShowText(){return this.value?`${this.year}-Q${this.quarterNum}`:""}},watch:{value:{handler(e){if("quarter"!==this.type||!e)return void(this.quarterNum=null);const[t,a]=e.split("-Q");this.year=Number(t),this.quarterNum=Number(a)},immediate:!0}},methods:{selectQuarter(e){this.quarterNum=e;const t=`${this.year}-Q${e}`;this.$emit("input",t),this.quarterPopVisible=!1},handleClearQuarter(){this.quarterNum=null,this.$emit("input",null)}},mounted(){"quarter"===this.type&&this.$refs.quarterInput&&this.$refs.quarterInput.$el.addEventListener("click",()=>{this.disabled||(this.quarterPopVisible=!0)})}},p=c;a("134c");function h(e,t,a,r,n,i,s,l){var o,d="function"===typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=a,d._compiled=!0),r&&(d.functional=!0),i&&(d._scopeId="data-v-"+i),s?(o=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=o):n&&(o=l?function(){n.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:n),o)if(d.functional){d._injectStyles=o;var u=d.render;d.render=function(e,t){return o.call(t),u(e,t)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,o):[o]}return{exports:e,options:d}}var y=h(p,d,u,!1,null,"54a20a1c",null),f=y.exports,m={name:"RangeDate",components:{Picker:f},props:{value:{type:Array,default:()=>[null,null]},type:{type:String,default:"date"},separator:{type:String,default:"至"},disabled:{type:Boolean,default:!1}},data(){return{startVal:"",endVal:""}},watch:{value:{handler(e){const[t,a]=e||[];this.startVal=t||"",this.endVal=a||""},immediate:!0}},computed:{startDate(){return this.startVal?new Date(this.startVal):null},endDate(){return this.endVal?new Date(this.endVal):null},startPlaceholder(){const e={date:"开始日期",month:"开始月份",year:"开始年份",quarter:"开始季度",week:"开始周"};return e[this.type]||"开始日期"},endPlaceholder(){const e={date:"结束日期",month:"结束月份",year:"结束年份",quarter:"结束季度",week:"结束周"};return e[this.type]||"结束日期"}},methods:{disabledStart(e){return!!this.endDate&&e.getTime()>this.endDate.getTime()},disabledEnd(e){return!!this.startDate&&e.getTime()<this.startDate.getTime()},handleChange(){this.$emit("input",[this.startVal,this.endVal])}}},b=m,v=(a("863a"),h(b,l,o,!1,null,"373bd75c",null)),g=v.exports;const k={datetime:"yyyy-MM-dd HH:mm",month:"yyyy-MM",year:"yyyy",date:"yyyy-MM-dd",quarter:"yyyy-Qq",week:"yyyy-WW"},_={date:"yyyy-MM-dd",month:"yyyy-MM",year:"yyyy",daterange:"yyyy-MM-dd"},q={date:"date",month:"month",year:"year",daterange:"date"},V={date:"date",month:"month",year:"year",quarter:"quarter",week:"week"};var w={name:"XtDatePicker",components:{RangeDate:g,Picker:f},model:{prop:"value",event:"change"},props:{value:{type:[String,Array,null],default:null},dateType:{type:String,default:"date",validator:e=>Object.keys(k).includes(e)},separator:{type:String,default:"至"},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0},placeholder:String,width:{type:String,default:"100%"},rangeMode:{type:Boolean,default:!1},showDimension:{type:Boolean,default:!1},dimension:{type:String,default:"date",validator:e=>["date","month","year","daterange"].includes(e)}},data(){return{isfocus:!1}},computed:{realDateType(){return this.showDimension?this.dimension:this.dateType},useRangeMode(){return"daterange"===this.dimension||this.rangeMode},rangeDateType(){return this.showDimension?q[this.dimension]||"date":V[this.dateType]||"date"},format(){return this.showDimension?_[this.dimension]||k[this.dateType]:k[this.dateType]||"yyyy-MM-dd"},innerPlaceholder(){if(this.placeholder)return this.placeholder;const e={date:"请选择日期",month:"请选择月份",year:"请选择年份",quarter:"请选择季度",week:"请选择周",datetime:"请选择日期时间"};return e[this.realDateType]||"请选择"},singleValue:{get(){return this.value},set(e){this.$emit("update:value",e),this.$emit("change",e),this.$emit("dimension-change",{dimension:this.dimension,value:e})}},rangeValue:{get(){return this.value},set(e){this.$emit("update:value",e),this.$emit("change",e),this.$emit("dimension-change",{dimension:this.dimension,value:e})}}},watch:{dimension(e){this.closePickerPanels(),this.immediate&&this.$emit("dimension-change",{dimension:e,value:this.value})}},methods:{closePickerPanels(){this.$refs.singlePicker&&(this.$refs.singlePicker.pickerVisible=!1)}}},$=w,x=(a("b1e2"),h($,i,s,!1,null,"3d03fedb",null)),P=x.exports;P.install=function(e){e.component(P.name,P)};var M=P;t["default"]=M}})}));
|
|
1
|
+
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["xt-date-picker"]=t():e["xt-date-picker"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){function t(t){for(var n,r,i=t[0],o=t[1],s=0,l=[];s<i.length;s++)r=i[s],Object.prototype.hasOwnProperty.call(a,r)&&a[r]&&l.push(a[r][0]),a[r]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);u&&u(t);while(l.length)l.shift()()}var n={},r={0:0},a={0:0};function i(e){return o.p+"xt-date-picker.umd.min."+({}[e]||e)+".js"}function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.e=function(e){var t=[],n={1:1};r[e]?t.push(r[e]):0!==r[e]&&n[e]&&t.push(r[e]=new Promise((function(t,n){for(var a="css/"+({}[e]||e)+"."+{1:"87a493be",2:"31d6cfe0"}[e]+".css",i=o.p+a,s=document.getElementsByTagName("link"),l=0;l<s.length;l++){var d=s[l],u=d.getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(u===a||u===i))return t()}var c=document.getElementsByTagName("style");for(l=0;l<c.length;l++){d=c[l],u=d.getAttribute("data-href");if(u===a||u===i)return t()}var f=document.createElement("link");f.rel="stylesheet",f.type="text/css",f.onload=t,f.onerror=function(t){var a=t&&t.target&&t.target.src||i,o=new Error("Loading CSS chunk "+e+" failed.\n("+a+")");o.code="CSS_CHUNK_LOAD_FAILED",o.request=a,delete r[e],f.parentNode.removeChild(f),n(o)},f.href=i;var p=document.getElementsByTagName("head")[0];p.appendChild(f)})).then((function(){r[e]=0})));var s=a[e];if(0!==s)if(s)t.push(s[2]);else{var l=new Promise((function(t,n){s=a[e]=[t,n]}));t.push(s[2]=l);var d,u=document.createElement("script");u.charset="utf-8",u.timeout=120,o.nc&&u.setAttribute("nonce",o.nc),u.src=i(e);var c=new Error;d=function(t){u.onerror=u.onload=null,clearTimeout(f);var n=a[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+r+": "+i+")",c.name="ChunkLoadError",c.type=r,c.request=i,n[1](c)}a[e]=void 0}};var f=setTimeout((function(){d({type:"timeout",target:u})}),12e4);u.onerror=u.onload=d,document.head.appendChild(u)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o.oe=function(e){throw console.error(e),e};var s=("undefined"!==typeof self?self:this)["webpackJsonpxt_date_picker"]=("undefined"!==typeof self?self:this)["webpackJsonpxt_date_picker"]||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var d=0;d<s.length;d++)t(s[d]);var u=l;return o(o.s="fb15")}({2877:function(e,t,n){"use strict";function r(e,t,n,r,a,i,o,s){var l,d="function"===typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=n,d._compiled=!0),r&&(d.functional=!0),i&&(d._scopeId="data-v-"+i),o?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},d._ssrRegister=l):a&&(l=s?function(){a.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(d.functional){d._injectStyles=l;var u=d.render;d.render=function(e,t){return l.call(t),u(e,t)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,l):[l]}return{exports:e,options:d}}n.d(t,"a",(function(){return r}))},c828:function(e,t,n){},fb15:function(e,t,n){"use strict";if(n.r(t),n.d(t,"XtDatePicker",(function(){return h})),"undefined"!==typeof window){var r=window.document.currentScript,a=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(n.p=a[1])}n("c828");var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"xt-date-picker-container"},[e.showDimension?t("div",{staticClass:"xt-date-dimension"},[t("el-radio-group",{attrs:{size:"small"},model:{value:e.dimension,callback:function(t){e.dimension=t},expression:"dimension"}},[t("el-radio-button",{attrs:{label:"date"}},[e._v("日")]),t("el-radio-button",{attrs:{label:"month"}},[e._v("月")]),t("el-radio-button",{attrs:{label:"year"}},[e._v("年")]),t("el-radio-button",{attrs:{label:"daterange"}},[e._v("自定义")])],1)],1):e._e(),t("div",{staticClass:"xt-date-picker-wrapper"},[e.useRangeMode?t("RangeDate",{staticClass:"xt-date",class:{focus:e.isfocus},style:e.width?{width:e.width+"px"}:{},attrs:{type:e.rangeDateType,separator:e.separator,disabled:e.disabled},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.rangeValue,callback:function(t){e.rangeValue=t},expression:"rangeValue"}}):e._e(),e.useRangeMode||"quarter"===e.realDateType?e.useRangeMode||"quarter"!==e.realDateType?e._e():t("Picker",{staticClass:"xt-date",attrs:{type:"quarter",size:"small",disabled:e.disabled,placeholder:e.innerPlaceholder},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.singleValue,callback:function(t){e.singleValue=t},expression:"singleValue"}}):t("el-date-picker",{ref:"singlePicker",staticClass:"xt-date",attrs:{size:"small",disabled:e.disabled,"append-to-body":"",format:e.format,type:e.realDateType,placeholder:e.innerPlaceholder,clearable:""},on:{focus:function(t){e.isfocus=!0,e.$emit("focus")},blur:function(t){e.isfocus=!1,e.$emit("blur")}},model:{value:e.singleValue,callback:function(t){e.singleValue=t},expression:"singleValue"}})],1)])},o=[];const s={datetime:"yyyy-MM-dd HH:mm",month:"yyyy-MM",year:"yyyy",date:"yyyy-MM-dd",quarter:"yyyy-Qq",week:"yyyy-WW"},l={date:"yyyy-MM-dd",month:"yyyy-MM",year:"yyyy",daterange:"yyyy-MM-dd"},d={date:"date",month:"month",year:"year",daterange:"date"},u={date:"date",month:"month",year:"year",quarter:"quarter",week:"week"};var c={name:"XtDatePicker",components:{RangeDate:()=>n.e(1).then(n.bind(null,"1db3")),Picker:()=>n.e(2).then(n.bind(null,"b0ea"))},model:{prop:"value",event:"change"},props:{value:{type:[String,Array,null],default:null},dateType:{type:String,default:"date",validator:e=>Object.keys(s).includes(e)},separator:{type:String,default:"至"},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0},placeholder:String,width:{type:String,default:"100%"},rangeMode:{type:Boolean,default:!1},showDimension:{type:Boolean,default:!1},dimension:{type:String,default:"date",validator:e=>["date","month","year","daterange"].includes(e)}},data(){return{isfocus:!1}},computed:{realDateType(){return this.showDimension?this.dimension:this.dateType},useRangeMode(){return"daterange"===this.dimension||this.rangeMode},rangeDateType(){return this.showDimension?d[this.dimension]||"date":u[this.dateType]||"date"},format(){return this.showDimension?l[this.dimension]||s[this.dateType]:s[this.dateType]||"yyyy-MM-dd"},innerPlaceholder(){if(this.placeholder)return this.placeholder;const e={date:"请选择日期",month:"请选择月份",year:"请选择年份",quarter:"请选择季度",week:"请选择周",datetime:"请选择日期时间"};return e[this.realDateType]||"请选择"},singleValue:{get(){return this.value},set(e){this.$emit("update:value",e),this.$emit("change",e),this.$emit("dimension-change",{dimension:this.dimension,value:e})}},rangeValue:{get(){return this.value},set(e){this.$emit("update:value",e),this.$emit("change",e),this.$emit("dimension-change",{dimension:this.dimension,value:e})}}},watch:{dimension(e){this.closePickerPanels(),this.immediate&&this.$emit("dimension-change",{dimension:e,value:this.value})}},methods:{closePickerPanels(){this.$refs.singlePicker&&(this.$refs.singlePicker.pickerVisible=!1)}}},f=c,p=n("2877"),y=Object(p["a"])(f,i,o,!1,null,null,null),h=y.exports;h.install=function(e){e.component(h.name,h)};var m=h;t["default"]=m}})}));
|
|
@@ -87,24 +87,6 @@ module.exports =
|
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
|
-
/***/ "2f86":
|
|
91
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
92
|
-
|
|
93
|
-
// extracted by mini-css-extract-plugin
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ "d273":
|
|
98
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
99
|
-
|
|
100
|
-
"use strict";
|
|
101
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2f86");
|
|
102
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
103
|
-
/* unused harmony reexport * */
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
/***/ }),
|
|
107
|
-
|
|
108
90
|
/***/ "e8d2":
|
|
109
91
|
/***/ (function(module, exports, __webpack_require__) {
|
|
110
92
|
|
|
@@ -141,7 +123,7 @@ if (typeof window !== 'undefined') {
|
|
|
141
123
|
// EXTERNAL MODULE: ./src/components/xt-tabs/style/index.scss
|
|
142
124
|
var style = __webpack_require__("e8d2");
|
|
143
125
|
|
|
144
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=template&id=
|
|
126
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=template&id=6fedb3e8
|
|
145
127
|
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"tabsWrap",staticClass:"xt-tabs",class:[
|
|
146
128
|
`xt-tabs--${_vm.actualPosition}`,
|
|
147
129
|
{ 'xt-tabs--card': _vm.type === 'card' },
|
|
@@ -155,7 +137,7 @@ var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref
|
|
|
155
137
|
var staticRenderFns = []
|
|
156
138
|
|
|
157
139
|
|
|
158
|
-
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=
|
|
140
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=6fedb3e8
|
|
159
141
|
|
|
160
142
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=script&lang=js
|
|
161
143
|
|
|
@@ -168,8 +150,8 @@ var staticRenderFns = []
|
|
|
168
150
|
},
|
|
169
151
|
type: {
|
|
170
152
|
type: String,
|
|
171
|
-
default: '
|
|
172
|
-
validator: (val) => ['
|
|
153
|
+
default: '',
|
|
154
|
+
validator: (val) => ['', 'card', 'border-card'].includes(val)
|
|
173
155
|
},
|
|
174
156
|
position: {
|
|
175
157
|
type: String,
|
|
@@ -318,9 +300,6 @@ var staticRenderFns = []
|
|
|
318
300
|
|
|
319
301
|
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=script&lang=js
|
|
320
302
|
/* harmony default export */ var components_xt_tabsvue_type_script_lang_js = (xt_tabsvue_type_script_lang_js);
|
|
321
|
-
// EXTERNAL MODULE: ./src/components/xt-tabs/index.vue?vue&type=style&index=0&id=3859f3fa&prod&lang=scss&scoped=true
|
|
322
|
-
var xt_tabsvue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true = __webpack_require__("d273");
|
|
323
|
-
|
|
324
303
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
325
304
|
/* globals __VUE_SSR_CONTEXT__ */
|
|
326
305
|
|
|
@@ -425,7 +404,6 @@ function normalizeComponent(
|
|
|
425
404
|
|
|
426
405
|
|
|
427
406
|
|
|
428
|
-
|
|
429
407
|
/* normalize component */
|
|
430
408
|
|
|
431
409
|
var component = normalizeComponent(
|
|
@@ -434,7 +412,7 @@ var component = normalizeComponent(
|
|
|
434
412
|
staticRenderFns,
|
|
435
413
|
false,
|
|
436
414
|
null,
|
|
437
|
-
|
|
415
|
+
null,
|
|
438
416
|
null
|
|
439
417
|
|
|
440
418
|
)
|
package/lib/xt-tabs/xt-tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.xt-tabs{display:flex
|
|
1
|
+
.xt-tabs{display:flex}.xt-tabs,.xt-tabs--bottom,.xt-tabs--top{flex-direction:column}.xt-tabs--bottom .xt-tabs__header,.xt-tabs--top .xt-tabs__header{width:100%}.xt-tabs--left,.xt-tabs--right{flex-direction:row}.xt-tabs--left .xt-tabs__header,.xt-tabs--right .xt-tabs__header{flex-direction:column;width:auto}.xt-tabs--left .xt-tabs__nav,.xt-tabs--right .xt-tabs__nav{flex-direction:column}.xt-tabs--left .xt-tabs__nav-indicator,.xt-tabs--right .xt-tabs__nav-indicator{width:2px;height:auto}.xt-tabs--left .xt-tabs__content,.xt-tabs--right .xt-tabs__content{border-left:1px solid #dcdfe6;border-top:none}.xt-tabs--left--right .xt-tabs__content,.xt-tabs--right--right .xt-tabs__content{border-left:none;border-right:1px solid #dcdfe6}.xt-tabs--top .xt-tabs__nav-indicator{bottom:0}.xt-tabs--bottom .xt-tabs__nav-indicator{top:0}.xt-tabs--left .xt-tabs__nav-indicator{right:0}.xt-tabs--right .xt-tabs__nav-indicator{left:0}.xt-tabs--card .xt-tabs__header{margin-bottom:-1px}.xt-tabs--card .xt-tabs__nav-item{border:1px solid transparent;border-bottom:none;background:#f5f7fa}.xt-tabs--card .xt-tabs__nav-item--active{background:#fff;border-color:#dcdfe6;border-bottom-color:#fff}.xt-tabs--card--left .xt-tabs__nav-item,.xt-tabs--card--right .xt-tabs__nav-item{border-bottom:1px solid transparent;border-right:none}.xt-tabs--card--left .xt-tabs__nav-item--active,.xt-tabs--card--right .xt-tabs__nav-item--active{border-right-color:#fff;border-bottom-color:#dcdfe6}.xt-tabs--border-card{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.xt-tabs--border-card .xt-tabs__nav-item--active{background:#ecf5ff;color:#409eff}.xt-tabs--editable .xt-tabs__close{display:inline-block}.xt-tabs__header{position:relative;display:flex}.xt-tabs__nav{display:flex;flex-wrap:nowrap}.xt-tabs__nav-item{position:relative;padding:12px 20px;margin-right:10px;cursor:pointer;font-size:14px;color:#606266;transition:all .3s;white-space:nowrap}.xt-tabs__nav-item--active{color:#409eff}.xt-tabs__nav-item--disabled{cursor:not-allowed;color:#c0c4cc}.xt-tabs__nav-item--add{color:#909399;font-size:20px}.xt-tabs__nav-item:hover:not(.xt-tabs__nav-item--disabled){color:#409eff;background-color:#ecf5ff}.xt-tabs__nav-link{display:inline-block}.xt-tabs__close{display:none;margin-left:8px;font-size:16px;line-height:1;color:#909399;vertical-align:middle}.xt-tabs__close:hover{color:#f56c6c}.xt-tabs__nav-indicator{position:absolute;height:2px;background-color:#409eff}.xt-tabs__content{flex:1;padding:16px;border-top:1px solid #dcdfe6}.xt-tabs__pane{min-height:40px}
|
|
@@ -96,24 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
96
96
|
/************************************************************************/
|
|
97
97
|
/******/ ({
|
|
98
98
|
|
|
99
|
-
/***/ "2f86":
|
|
100
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
101
|
-
|
|
102
|
-
// extracted by mini-css-extract-plugin
|
|
103
|
-
|
|
104
|
-
/***/ }),
|
|
105
|
-
|
|
106
|
-
/***/ "d273":
|
|
107
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
108
|
-
|
|
109
|
-
"use strict";
|
|
110
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2f86");
|
|
111
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
112
|
-
/* unused harmony reexport * */
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
/***/ }),
|
|
116
|
-
|
|
117
99
|
/***/ "e8d2":
|
|
118
100
|
/***/ (function(module, exports, __webpack_require__) {
|
|
119
101
|
|
|
@@ -150,7 +132,7 @@ if (typeof window !== 'undefined') {
|
|
|
150
132
|
// EXTERNAL MODULE: ./src/components/xt-tabs/style/index.scss
|
|
151
133
|
var style = __webpack_require__("e8d2");
|
|
152
134
|
|
|
153
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=template&id=
|
|
135
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=template&id=6fedb3e8
|
|
154
136
|
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"tabsWrap",staticClass:"xt-tabs",class:[
|
|
155
137
|
`xt-tabs--${_vm.actualPosition}`,
|
|
156
138
|
{ 'xt-tabs--card': _vm.type === 'card' },
|
|
@@ -164,7 +146,7 @@ var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref
|
|
|
164
146
|
var staticRenderFns = []
|
|
165
147
|
|
|
166
148
|
|
|
167
|
-
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=
|
|
149
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=6fedb3e8
|
|
168
150
|
|
|
169
151
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=script&lang=js
|
|
170
152
|
|
|
@@ -177,8 +159,8 @@ var staticRenderFns = []
|
|
|
177
159
|
},
|
|
178
160
|
type: {
|
|
179
161
|
type: String,
|
|
180
|
-
default: '
|
|
181
|
-
validator: (val) => ['
|
|
162
|
+
default: '',
|
|
163
|
+
validator: (val) => ['', 'card', 'border-card'].includes(val)
|
|
182
164
|
},
|
|
183
165
|
position: {
|
|
184
166
|
type: String,
|
|
@@ -327,9 +309,6 @@ var staticRenderFns = []
|
|
|
327
309
|
|
|
328
310
|
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=script&lang=js
|
|
329
311
|
/* harmony default export */ var components_xt_tabsvue_type_script_lang_js = (xt_tabsvue_type_script_lang_js);
|
|
330
|
-
// EXTERNAL MODULE: ./src/components/xt-tabs/index.vue?vue&type=style&index=0&id=3859f3fa&prod&lang=scss&scoped=true
|
|
331
|
-
var xt_tabsvue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true = __webpack_require__("d273");
|
|
332
|
-
|
|
333
312
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
334
313
|
/* globals __VUE_SSR_CONTEXT__ */
|
|
335
314
|
|
|
@@ -434,7 +413,6 @@ function normalizeComponent(
|
|
|
434
413
|
|
|
435
414
|
|
|
436
415
|
|
|
437
|
-
|
|
438
416
|
/* normalize component */
|
|
439
417
|
|
|
440
418
|
var component = normalizeComponent(
|
|
@@ -443,7 +421,7 @@ var component = normalizeComponent(
|
|
|
443
421
|
staticRenderFns,
|
|
444
422
|
false,
|
|
445
423
|
null,
|
|
446
|
-
|
|
424
|
+
null,
|
|
447
425
|
null
|
|
448
426
|
|
|
449
427
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["xt-tabs"]=e():t["xt-tabs"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function a(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,a),i.l=!0,i.exports}return a.m=t,a.c=e,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)a.d(n,i,function(e){return t[e]}.bind(null,i));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="",a(a.s="fb15")}({
|
|
1
|
+
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["xt-tabs"]=e():t["xt-tabs"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function a(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,a),i.l=!0,i.exports}return a.m=t,a.c=e,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)a.d(n,i,function(e){return t[e]}.bind(null,i));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="",a(a.s="fb15")}({e8d2:function(t,e,a){},fb15:function(t,e,a){"use strict";if(a.r(e),a.d(e,"XtTabs",(function(){return p})),"undefined"!==typeof window){var n=window.document.currentScript,i=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(a.p=i[1])}a("e8d2");var s=function(){var t=this,e=t._self._c;return e("div",{ref:"tabsWrap",staticClass:"xt-tabs",class:["xt-tabs--"+t.actualPosition,{"xt-tabs--card":"card"===t.type},{"xt-tabs--border-card":"border-card"===t.type},{"xt-tabs--editable":t.editable}]},[e("div",{ref:"tabsHeader",staticClass:"xt-tabs__header"},[e("div",{ref:"tabsNav",staticClass:"xt-tabs__nav"},[t._l(t.panes,(function(a,n){return e("div",{key:a.name,staticClass:"xt-tabs__nav-item",class:{"xt-tabs__nav-item--active":t.activeName===a.name,"xt-tabs__nav-item--disabled":a.disabled},on:{click:function(e){return t.handleTabClick(a)}}},[e("span",{staticClass:"xt-tabs__nav-link"},[t._v(t._s(a.label))]),!t.closable&&!a.closable||t.editable?t._e():e("span",{staticClass:"xt-tabs__close",on:{click:function(e){return e.stopPropagation(),t.handleTabRemove(a.name)}}},[t._v("×")])])})),t.addable||t.editable?e("div",{staticClass:"xt-tabs__nav-item xt-tabs__nav-item--add",on:{click:t.handleTabAdd}},[e("span",[t._v("+")])]):t._e()],2),e("div",{staticClass:"xt-tabs__nav-indicator",style:t.indicatorStyle})]),e("div",{staticClass:"xt-tabs__content"},[t._t("default")],2)])},o=[],r={name:"XtTabs",props:{value:{type:[String,Number],default:""},type:{type:String,default:"",validator:t=>["","card","border-card"].includes(t)},position:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},tabPosition:{type:String,default:""},closable:{type:Boolean,default:!1},addable:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},data(){return{panes:[],activeName:this.value}},computed:{actualPosition(){return this.tabPosition||this.position},indicatorStyle(){const t=this.panes.findIndex(t=>t.name===this.activeName);if(-1===t||!this.$refs.tabsNav)return{display:"none"};const e=this.$refs.tabsNav.querySelectorAll(".xt-tabs__nav-item:not(.xt-tabs__nav-item--add)");if(!e||0===e.length)return{display:"none"};const a=e[t];if(!a)return{display:"none"};const n=this.actualPosition,i={transition:"all 0.3s ease"};return"top"===n||"bottom"===n?{...i,left:a.offsetLeft+"px",width:a.offsetWidth+"px",height:"2px",bottom:"top"===n?0:"auto",top:"bottom"===n?0:"auto",display:"block"}:{...i,top:a.offsetTop+"px",height:a.offsetHeight+"px",width:"2px",left:"left"===n?"auto":0,right:"right"===n?0:"auto",display:"block"}}},watch:{value(t){this.activeName=t},activeName(t){this.$emit("input",t),this.$emit("change",t),this.$nextTick(()=>this.$forceUpdate())},panes:{handler(){this.$nextTick(()=>this.$forceUpdate())},deep:!0}},methods:{handleTabClick(t){t.disabled||(this.activeName=t.name,this.$emit("tab-click",t))},handleTabRemove(t){this.$emit("tab-remove",t),this.$emit("edit",t,"remove");const e=this.panes.findIndex(e=>e.name===t);e>-1&&(this.panes.splice(e,1),this.activeName===t&&this.panes.length>0&&(this.activeName=this.panes[0].name))},handleTabAdd(){this.$emit("tab-add"),this.$emit("edit",null,"add")},addPane(t){const e=this.panes.some(e=>e.name===t.name);e||(this.panes.push(t),this.activeName||1!==this.panes.length||(this.activeName=t.name),this.$nextTick(()=>this.$forceUpdate()))},removePane(t){const e=this.panes.findIndex(e=>e.name===t);e>-1&&(this.panes.splice(e,1),this.$nextTick(()=>this.$forceUpdate()))},collectPanes(){this.panes=[],this.$children.forEach(t=>{"XtTabPane"===t.$options.name&&this.addPane({name:t.name,label:t.label,disabled:t.disabled,closable:t.closable})})}},mounted(){this.$nextTick(()=>{this.collectPanes(),this.$watch(()=>this.$children,()=>{this.collectPanes()},{flush:"post"})})}},l=r;function d(t,e,a,n,i,s,o,r){var l,d="function"===typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=a,d._compiled=!0),n&&(d.functional=!0),s&&(d._scopeId="data-v-"+s),o?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},d._ssrRegister=l):i&&(l=r?function(){i.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:i),l)if(d.functional){d._injectStyles=l;var c=d.render;d.render=function(t,e){return l.call(e),c(t,e)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,l):[l]}return{exports:t,options:d}}var c=d(l,s,o,!1,null,null,null),p=c.exports;p.install=function(t){t.component(p.name,p)};var u=p;e["default"]=u}})}));
|
|
@@ -123,27 +123,27 @@ if (typeof window !== 'undefined') {
|
|
|
123
123
|
// EXTERNAL MODULE: ./src/components/xt-text/style/index.scss
|
|
124
124
|
var style = __webpack_require__("86ae");
|
|
125
125
|
|
|
126
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=template&id=
|
|
126
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=template&id=50bc2d50
|
|
127
127
|
var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showTooltip && _vm.ellipsis)?_c('el-tooltip',{attrs:{"content":_vm.displayTooltipContent,"placement":_vm.tooltipPlacement,"disabled":!_vm.isOverflow,"effect":"dark"}},[_c('span',{ref:"textRef",staticClass:"xt-text",class:[
|
|
128
128
|
_vm.type ? 'xt-text--' + _vm.type : '',
|
|
129
129
|
'xt-text--' + _vm.size,
|
|
130
130
|
{ 'xt-text--bold': _vm.bold },
|
|
131
131
|
{ 'xt-text--money': _vm.format === 'money' },
|
|
132
|
-
{ 'xt-text--ellipsis': _vm.ellipsis },
|
|
132
|
+
{ 'xt-text--ellipsis': _vm.ellipsis && _vm.ellipsisRows == 1 },
|
|
133
133
|
{ 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
|
|
134
134
|
],style:(_vm.customStyle),on:{"mouseenter":_vm.handleMouseEnter}},[(_vm.$slots.prefix)?[_vm._t("prefix")]:(_vm.prefix)?[_vm._v(_vm._s(_vm.prefix))]:_vm._e(),_vm._t("default",function(){return [(_vm.formattedValue !== undefined)?[_vm._v(_vm._s(_vm.formattedValue))]:_vm._e()]}),(_vm.$slots.suffix)?[_vm._t("suffix")]:(_vm.suffix)?[_vm._v(_vm._s(_vm.suffix))]:_vm._e()],2)]):_c('span',{ref:"textRef",staticClass:"xt-text",class:[
|
|
135
135
|
_vm.type ? 'xt-text--' + _vm.type : '',
|
|
136
136
|
'xt-text--' + _vm.size,
|
|
137
137
|
{ 'xt-text--bold': _vm.bold },
|
|
138
138
|
{ 'xt-text--money': _vm.format === 'money' },
|
|
139
|
-
{ 'xt-text--ellipsis': _vm.ellipsis },
|
|
139
|
+
{ 'xt-text--ellipsis': _vm.ellipsis && _vm.ellipsisRows == 1 },
|
|
140
140
|
{ 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
|
|
141
141
|
],style:(_vm.customStyle)},[(_vm.$slots.prefix)?[_vm._t("prefix")]:(_vm.prefix)?[_vm._v(_vm._s(_vm.prefix))]:_vm._e(),_vm._t("default",function(){return [(_vm.formattedValue !== undefined)?[_vm._v(_vm._s(_vm.formattedValue))]:_vm._e()]}),(_vm.$slots.suffix)?[_vm._t("suffix")]:(_vm.suffix)?[_vm._v(_vm._s(_vm.suffix))]:_vm._e()],2)
|
|
142
142
|
}
|
|
143
143
|
var staticRenderFns = []
|
|
144
144
|
|
|
145
145
|
|
|
146
|
-
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=
|
|
146
|
+
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=50bc2d50
|
|
147
147
|
|
|
148
148
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=script&lang=js
|
|
149
149
|
|
|
@@ -240,6 +240,7 @@ var staticRenderFns = []
|
|
|
240
240
|
},
|
|
241
241
|
data() {
|
|
242
242
|
return {
|
|
243
|
+
ellipsisWidth: undefined,
|
|
243
244
|
isOverflow: false
|
|
244
245
|
}
|
|
245
246
|
},
|
|
@@ -256,6 +257,7 @@ var staticRenderFns = []
|
|
|
256
257
|
}
|
|
257
258
|
if (this.ellipsis && this.ellipsisRows > 1) {
|
|
258
259
|
style.WebkitLineClamp = this.ellipsisRows
|
|
260
|
+
style.width = `${this.ellipsisWidth}px`
|
|
259
261
|
}
|
|
260
262
|
return style
|
|
261
263
|
},
|
|
@@ -335,6 +337,7 @@ var staticRenderFns = []
|
|
|
335
337
|
|
|
336
338
|
if (this.ellipsisRows > 1) {
|
|
337
339
|
this.isOverflow = el.scrollHeight > el.clientHeight
|
|
340
|
+
this.ellipsisWidth = el.clientWidth;
|
|
338
341
|
} else {
|
|
339
342
|
this.isOverflow = el.scrollWidth > el.clientWidth
|
|
340
343
|
}
|
|
@@ -132,27 +132,27 @@ if (typeof window !== 'undefined') {
|
|
|
132
132
|
// EXTERNAL MODULE: ./src/components/xt-text/style/index.scss
|
|
133
133
|
var style = __webpack_require__("86ae");
|
|
134
134
|
|
|
135
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=template&id=
|
|
135
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=template&id=50bc2d50
|
|
136
136
|
var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showTooltip && _vm.ellipsis)?_c('el-tooltip',{attrs:{"content":_vm.displayTooltipContent,"placement":_vm.tooltipPlacement,"disabled":!_vm.isOverflow,"effect":"dark"}},[_c('span',{ref:"textRef",staticClass:"xt-text",class:[
|
|
137
137
|
_vm.type ? 'xt-text--' + _vm.type : '',
|
|
138
138
|
'xt-text--' + _vm.size,
|
|
139
139
|
{ 'xt-text--bold': _vm.bold },
|
|
140
140
|
{ 'xt-text--money': _vm.format === 'money' },
|
|
141
|
-
{ 'xt-text--ellipsis': _vm.ellipsis },
|
|
141
|
+
{ 'xt-text--ellipsis': _vm.ellipsis && _vm.ellipsisRows == 1 },
|
|
142
142
|
{ 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
|
|
143
143
|
],style:(_vm.customStyle),on:{"mouseenter":_vm.handleMouseEnter}},[(_vm.$slots.prefix)?[_vm._t("prefix")]:(_vm.prefix)?[_vm._v(_vm._s(_vm.prefix))]:_vm._e(),_vm._t("default",function(){return [(_vm.formattedValue !== undefined)?[_vm._v(_vm._s(_vm.formattedValue))]:_vm._e()]}),(_vm.$slots.suffix)?[_vm._t("suffix")]:(_vm.suffix)?[_vm._v(_vm._s(_vm.suffix))]:_vm._e()],2)]):_c('span',{ref:"textRef",staticClass:"xt-text",class:[
|
|
144
144
|
_vm.type ? 'xt-text--' + _vm.type : '',
|
|
145
145
|
'xt-text--' + _vm.size,
|
|
146
146
|
{ 'xt-text--bold': _vm.bold },
|
|
147
147
|
{ 'xt-text--money': _vm.format === 'money' },
|
|
148
|
-
{ 'xt-text--ellipsis': _vm.ellipsis },
|
|
148
|
+
{ 'xt-text--ellipsis': _vm.ellipsis && _vm.ellipsisRows == 1 },
|
|
149
149
|
{ 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
|
|
150
150
|
],style:(_vm.customStyle)},[(_vm.$slots.prefix)?[_vm._t("prefix")]:(_vm.prefix)?[_vm._v(_vm._s(_vm.prefix))]:_vm._e(),_vm._t("default",function(){return [(_vm.formattedValue !== undefined)?[_vm._v(_vm._s(_vm.formattedValue))]:_vm._e()]}),(_vm.$slots.suffix)?[_vm._t("suffix")]:(_vm.suffix)?[_vm._v(_vm._s(_vm.suffix))]:_vm._e()],2)
|
|
151
151
|
}
|
|
152
152
|
var staticRenderFns = []
|
|
153
153
|
|
|
154
154
|
|
|
155
|
-
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=
|
|
155
|
+
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=50bc2d50
|
|
156
156
|
|
|
157
157
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-text/index.vue?vue&type=script&lang=js
|
|
158
158
|
|
|
@@ -249,6 +249,7 @@ var staticRenderFns = []
|
|
|
249
249
|
},
|
|
250
250
|
data() {
|
|
251
251
|
return {
|
|
252
|
+
ellipsisWidth: undefined,
|
|
252
253
|
isOverflow: false
|
|
253
254
|
}
|
|
254
255
|
},
|
|
@@ -265,6 +266,7 @@ var staticRenderFns = []
|
|
|
265
266
|
}
|
|
266
267
|
if (this.ellipsis && this.ellipsisRows > 1) {
|
|
267
268
|
style.WebkitLineClamp = this.ellipsisRows
|
|
269
|
+
style.width = `${this.ellipsisWidth}px`
|
|
268
270
|
}
|
|
269
271
|
return style
|
|
270
272
|
},
|
|
@@ -344,6 +346,7 @@ var staticRenderFns = []
|
|
|
344
346
|
|
|
345
347
|
if (this.ellipsisRows > 1) {
|
|
346
348
|
this.isOverflow = el.scrollHeight > el.clientHeight
|
|
349
|
+
this.ellipsisWidth = el.clientWidth;
|
|
347
350
|
} else {
|
|
348
351
|
this.isOverflow = el.scrollWidth > el.clientWidth
|
|
349
352
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["xt-text"]=e():t["xt-text"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function i(s){if(e[s])return e[s].exports;var
|
|
1
|
+
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["xt-text"]=e():t["xt-text"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function i(s){if(e[s])return e[s].exports;var o=e[s]={i:s,l:!1,exports:{}};return t[s].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(s,o,function(e){return t[e]}.bind(null,o));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s="fb15")}({"86ae":function(t,e,i){},fb15:function(t,e,i){"use strict";if(i.r(e),i.d(e,"XtText",(function(){return c})),"undefined"!==typeof window){var s=window.document.currentScript,o=s&&s.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(i.p=o[1])}i("86ae");var r=function(){var t=this,e=t._self._c;return t.showTooltip&&t.ellipsis?e("el-tooltip",{attrs:{content:t.displayTooltipContent,placement:t.tooltipPlacement,disabled:!t.isOverflow,effect:"dark"}},[e("span",{ref:"textRef",staticClass:"xt-text",class:[t.type?"xt-text--"+t.type:"","xt-text--"+t.size,{"xt-text--bold":t.bold},{"xt-text--money":"money"===t.format},{"xt-text--ellipsis":t.ellipsis&&1==t.ellipsisRows},{"xt-text--ellipsis-multiline":t.ellipsis&&t.ellipsisRows>1}],style:t.customStyle,on:{mouseenter:t.handleMouseEnter}},[t.$slots.prefix?[t._t("prefix")]:t.prefix?[t._v(t._s(t.prefix))]:t._e(),t._t("default",(function(){return[void 0!==t.formattedValue?[t._v(t._s(t.formattedValue))]:t._e()]})),t.$slots.suffix?[t._t("suffix")]:t.suffix?[t._v(t._s(t.suffix))]:t._e()],2)]):e("span",{ref:"textRef",staticClass:"xt-text",class:[t.type?"xt-text--"+t.type:"","xt-text--"+t.size,{"xt-text--bold":t.bold},{"xt-text--money":"money"===t.format},{"xt-text--ellipsis":t.ellipsis&&1==t.ellipsisRows},{"xt-text--ellipsis-multiline":t.ellipsis&&t.ellipsisRows>1}],style:t.customStyle},[t.$slots.prefix?[t._t("prefix")]:t.prefix?[t._v(t._s(t.prefix))]:t._e(),t._t("default",(function(){return[void 0!==t.formattedValue?[t._v(t._s(t.formattedValue))]:t._e()]})),t.$slots.suffix?[t._t("suffix")]:t.suffix?[t._v(t._s(t.suffix))]:t._e()],2)},l=[],n={name:"XtText",model:{prop:"value",event:"input"},props:{type:{type:String,default:"",validator:t=>["","primary","success","warning","danger"].includes(t)},size:{type:String,default:"small",validator:t=>["extra-large","large","medium","small","mini","extra-small"].includes(t)},bold:{type:Boolean,default:!1},letterSpacing:{type:[String,Number],default:""},ellipsis:{type:Boolean,default:!1},ellipsisRows:{type:Number,default:1,validator:t=>t>=1&&t<=10},showTooltip:{type:Boolean,default:!0},tooltipPlacement:{type:String,default:"top",validator:t=>["top","bottom","left","right","top-start","top-end","bottom-start","bottom-end","left-start","left-end","right-start","right-end"].includes(t)},tooltipContent:{type:String,default:""},format:{type:String,default:"normal",validator:t=>["normal","thousand","money"].includes(t)},money:{type:Boolean,default:!1},value:{type:[Number,String],default:""},currency:{type:String,default:"CNY",validator:t=>["CNY","USD","EUR","JPY","GBP","AUD","CAD"].includes(t)},decimals:{type:Number,default:2,validator:t=>t>=0&&t<=10},locale:{type:String,default:"zh-CN"},showSign:{type:Boolean,default:!1},prefix:{type:String,default:""},suffix:{type:String,default:""}},data(){return{ellipsisWidth:void 0,isOverflow:!1}},computed:{realFormat(){return this.money?"money":this.format},customStyle(){const t={};return this.letterSpacing&&(t.letterSpacing="number"===typeof this.letterSpacing?this.letterSpacing+"px":this.letterSpacing),this.ellipsis&&this.ellipsisRows>1&&(t.WebkitLineClamp=this.ellipsisRows,t.width=this.ellipsisWidth+"px"),t},displayTooltipContent(){return this.tooltipContent?this.tooltipContent:void 0!==this.formattedValue?this.formattedValue:this.$slots.default&&this.$slots.default.length>0?this.extractSlotText(this.$slots.default):this.value},formattedValue(){const t=this.realFormat,{value:e}=this;if(""===e||void 0===e||null===e)return;const i="string"===typeof e?parseFloat(e):e;if(isNaN(i))return e;try{let e="";const s=this.showSign?"always":"auto";switch(t){case"thousand":e=new Intl.NumberFormat(this.locale,{minimumFractionDigits:this.decimals,maximumFractionDigits:this.decimals,signDisplay:s}).format(i);break;case"money":e=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,minimumFractionDigits:this.decimals,maximumFractionDigits:this.decimals,signDisplay:s}).format(i);break;default:return}return e}catch(s){return e}}},methods:{handleMouseEnter(){this.checkOverflow()},checkOverflow(){const t=this.$refs.textRef;t?this.ellipsisRows>1?(this.isOverflow=t.scrollHeight>t.clientHeight,this.ellipsisWidth=t.clientWidth):this.isOverflow=t.scrollWidth>t.clientWidth:this.isOverflow=!1},extractSlotText(t){let e="";return t.forEach(t=>{"string"===typeof t.children?e+=t.children:"string"===typeof t.text?e+=t.text:t.children&&Array.isArray(t.children)&&(e+=this.extractSlotText(t.children))}),e.trim()}},mounted(){this.ellipsis&&this.showTooltip&&this.$nextTick(()=>{this.checkOverflow()}),this._resizeObserver=new ResizeObserver(()=>{this.ellipsis&&this.showTooltip&&this.checkOverflow()}),this.$nextTick(()=>{this.$refs.textRef&&this._resizeObserver.observe(this.$refs.textRef)})},beforeDestroy(){this._resizeObserver&&this._resizeObserver.disconnect()},watch:{value(){this.ellipsis&&this.showTooltip&&this.$nextTick(()=>{this.checkOverflow()})},ellipsis(t){t&&this.showTooltip&&this.$nextTick(()=>{this.checkOverflow()})}}},a=n;function f(t,e,i,s,o,r,l,n){var a,f="function"===typeof t?t.options:t;if(e&&(f.render=e,f.staticRenderFns=i,f._compiled=!0),s&&(f.functional=!0),r&&(f._scopeId="data-v-"+r),l?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(l)},f._ssrRegister=a):o&&(a=n?function(){o.call(this,(f.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(f.functional){f._injectStyles=a;var u=f.render;f.render=function(t,e){return a.call(e),u(t,e)}}else{var c=f.beforeCreate;f.beforeCreate=c?[].concat(c,a):[a]}return{exports:t,options:f}}var u=f(a,r,l,!1,null,null,null),c=u.exports;c.install=function(t){t.component(c.name,c)};var p=c;e["default"]=p}})}));
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="
|
|
2
|
+
<div class="date-picker">
|
|
3
3
|
<el-date-picker
|
|
4
4
|
v-if="type !== 'quarter'"
|
|
5
5
|
v-model="innerValue"
|
|
@@ -73,9 +73,7 @@ export default {
|
|
|
73
73
|
disabled: {
|
|
74
74
|
type: Boolean,
|
|
75
75
|
default: false
|
|
76
|
-
}
|
|
77
|
-
placeholder: String,
|
|
78
|
-
valueFormat: String
|
|
76
|
+
}
|
|
79
77
|
},
|
|
80
78
|
data() {
|
|
81
79
|
return {
|
|
@@ -89,7 +87,6 @@ export default {
|
|
|
89
87
|
return this.type === 'quarter' ? null : this.type
|
|
90
88
|
},
|
|
91
89
|
placeholder() {
|
|
92
|
-
if (this.$props.placeholder) return this.$props.placeholder
|
|
93
90
|
const map = {
|
|
94
91
|
date: '请选择日期',
|
|
95
92
|
month: '请选择月份',
|
|
@@ -100,7 +97,6 @@ export default {
|
|
|
100
97
|
return map[this.type] || '请选择日期'
|
|
101
98
|
},
|
|
102
99
|
valueFormat() {
|
|
103
|
-
if (this.$props.valueFormat) return this.$props.valueFormat
|
|
104
100
|
const map = {
|
|
105
101
|
date: 'yyyy-MM-dd',
|
|
106
102
|
month: 'yyyy-MM',
|
|
@@ -154,43 +150,3 @@ export default {
|
|
|
154
150
|
}
|
|
155
151
|
}
|
|
156
152
|
</script>
|
|
157
|
-
|
|
158
|
-
<style scoped>
|
|
159
|
-
.base-date-root {
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.quarter-panel {
|
|
163
|
-
padding: 10px;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.quarter-header {
|
|
167
|
-
display: flex;
|
|
168
|
-
align-items: center;
|
|
169
|
-
justify-content: space-between;
|
|
170
|
-
margin-bottom: 10px;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.quarter-list {
|
|
174
|
-
display: grid;
|
|
175
|
-
grid-template-columns: repeat(2, 1fr);
|
|
176
|
-
gap: 8px;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.quarter-item {
|
|
180
|
-
text-align: center;
|
|
181
|
-
padding: 8px 0;
|
|
182
|
-
border: 1px solid #e4e7ed;
|
|
183
|
-
border-radius: 4px;
|
|
184
|
-
cursor: pointer;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.quarter-item.active {
|
|
188
|
-
background: #409eff;
|
|
189
|
-
color: #fff;
|
|
190
|
-
border-color: #409eff;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
::v-deep .base-date-popper {
|
|
194
|
-
border-radius: 4px;
|
|
195
|
-
}
|
|
196
|
-
</style>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!-- RangeDate.vue 区间业务组件 -->
|
|
2
2
|
<template>
|
|
3
|
-
<div class="range-
|
|
3
|
+
<div class="range-picker">
|
|
4
4
|
<Picker
|
|
5
5
|
v-model="startVal"
|
|
6
6
|
:type="type"
|
|
@@ -107,14 +107,14 @@
|
|
|
107
107
|
}
|
|
108
108
|
</script>
|
|
109
109
|
<style scoped>
|
|
110
|
-
.range-
|
|
110
|
+
.range-picker {
|
|
111
111
|
display: flex;
|
|
112
112
|
align-items: center;
|
|
113
113
|
flex-wrap: wrap;
|
|
114
114
|
gap: 8px;
|
|
115
115
|
width: 100%;
|
|
116
116
|
}
|
|
117
|
-
.range-
|
|
117
|
+
.range-picker .el-date-editor {
|
|
118
118
|
flex: 1;
|
|
119
119
|
min-width: 130px;
|
|
120
120
|
}
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
}
|
|
125
125
|
/* 手机/窄侧边栏自动竖向排列 */
|
|
126
126
|
@media (max-width: 360px) {
|
|
127
|
-
.range-
|
|
127
|
+
.range-picker {
|
|
128
128
|
flex-direction: column;
|
|
129
129
|
align-items: stretch;
|
|
130
130
|
}
|