xt-element-ui 1.3.4 → 1.4.0
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-card-item.md +12 -12
- package/lib/index.common.js +415 -16
- package/lib/index.css +1 -1
- package/lib/index.umd.js +415 -16
- package/lib/index.umd.min.js +4 -4
- package/package.json +1 -1
- package/src/components/ex-chart/theme/dark.js +4 -1
- package/src/components/index.scss +10 -1
- package/src/components/xt-badge/index.js +7 -0
- package/src/components/xt-badge/index.vue +71 -0
- package/src/components/xt-badge/style/index.scss +88 -0
- package/src/components/xt-card-item/index.vue +5 -5
- package/src/components/xt-progress/index.js +7 -0
- package/src/components/xt-progress/index.vue +103 -0
- package/src/components/xt-progress/style/index.scss +119 -0
- package/src/components/xt-tabs/TabPane.vue +36 -0
- package/src/components/xt-tabs/index.js +10 -0
- package/src/components/xt-tabs/index.vue +113 -0
- package/src/components/xt-tabs/style/index.scss +197 -0
- package/src/components/xt-text/index.vue +15 -1
- package/src/components/xt-text/style/index.scss +18 -0
- package/src/index.js +9 -2
package/lib/index.umd.js
CHANGED
|
@@ -128230,6 +128230,9 @@ var variables_export_default = /*#__PURE__*/__webpack_require__.n(variables_expo
|
|
|
128230
128230
|
color: "#ffffff"
|
|
128231
128231
|
}
|
|
128232
128232
|
},
|
|
128233
|
+
axisLabel: {
|
|
128234
|
+
color: "#ffffff"
|
|
128235
|
+
},
|
|
128233
128236
|
line: {
|
|
128234
128237
|
itemStyle: {
|
|
128235
128238
|
},
|
|
@@ -128240,7 +128243,7 @@ var variables_export_default = /*#__PURE__*/__webpack_require__.n(variables_expo
|
|
|
128240
128243
|
bar: {
|
|
128241
128244
|
itemStyle: {
|
|
128242
128245
|
borderRadius: 4
|
|
128243
|
-
}
|
|
128246
|
+
},
|
|
128244
128247
|
},
|
|
128245
128248
|
pie: {
|
|
128246
128249
|
roseType: "radius",
|
|
@@ -129377,13 +129380,13 @@ xt_card.install = function (Vue) {
|
|
|
129377
129380
|
/* harmony default export */ var components_xt_card = (xt_card);
|
|
129378
129381
|
|
|
129379
129382
|
|
|
129380
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-card-item/index.vue?vue&type=template&id=
|
|
129381
|
-
var
|
|
129383
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-card-item/index.vue?vue&type=template&id=c934c274
|
|
129384
|
+
var xt_card_itemvue_type_template_id_c934c274_render = function render(){var _vm=this,_c=_vm._self._c;return _c('ex-card',{staticClass:"xt-card-item",class:{ [`is-${_vm.type}`]: _vm.type ? true : false},attrs:{"bordered":false}},[_c('xt-flex-box',{attrs:{"content":"between"}},[_c('div',[_c('div',[_c('xt-text',{attrs:{"bold":"","size":"extra-large"}},[_vm._v(_vm._s(_vm.title))])],1),_c('xt-text',{attrs:{"bold":"","size":"large","format":"thousand","type":_vm.type,"decimals":0},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}}),_c('div',{staticStyle:{"margin":"5px 0"}},[_c('xt-text',{attrs:{"size":"small"}},[_vm._v("较昨日")]),_c('xt-text',{attrs:{"format":"normal","type":_vm.diff > 0 ? 'success' : 'danger',"suffix":_vm.diff > 0 ? '↑' : '↓'},model:{value:(_vm.change),callback:function ($$v) {_vm.change=$$v},expression:"change"}})],1)],1),_c('div',{staticStyle:{"height":"100%"}},[_vm._t("icon",function(){return [_c('xt-text',{attrs:{"size":"extra-large","type":_vm.type}},[_c('ex-icon',{attrs:{"name":"el-icon-user","size":48}})],1)]})],2)])],1)
|
|
129382
129385
|
}
|
|
129383
|
-
var
|
|
129386
|
+
var xt_card_itemvue_type_template_id_c934c274_staticRenderFns = []
|
|
129384
129387
|
|
|
129385
129388
|
|
|
129386
|
-
// CONCATENATED MODULE: ./src/components/xt-card-item/index.vue?vue&type=template&id=
|
|
129389
|
+
// CONCATENATED MODULE: ./src/components/xt-card-item/index.vue?vue&type=template&id=c934c274
|
|
129387
129390
|
|
|
129388
129391
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-card-item/index.vue?vue&type=script&lang=js
|
|
129389
129392
|
|
|
@@ -129414,8 +129417,8 @@ var xt_card_itemvue_type_template_id_1e46df45_staticRenderFns = []
|
|
|
129414
129417
|
|
|
129415
129418
|
var xt_card_item_component = normalizeComponent(
|
|
129416
129419
|
components_xt_card_itemvue_type_script_lang_js,
|
|
129417
|
-
|
|
129418
|
-
|
|
129420
|
+
xt_card_itemvue_type_template_id_c934c274_render,
|
|
129421
|
+
xt_card_itemvue_type_template_id_c934c274_staticRenderFns,
|
|
129419
129422
|
false,
|
|
129420
129423
|
null,
|
|
129421
129424
|
null,
|
|
@@ -129825,18 +129828,20 @@ xt_config_provider.install = function (Vue) {
|
|
|
129825
129828
|
/* harmony default export */ var components_xt_config_provider = (xt_config_provider);
|
|
129826
129829
|
|
|
129827
129830
|
|
|
129828
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/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=
|
|
129829
|
-
var
|
|
129831
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/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=7abe6280
|
|
129832
|
+
var xt_textvue_type_template_id_7abe6280_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-text",class:[
|
|
129830
129833
|
_vm.type ? 'xt-text--' + _vm.type : '',
|
|
129831
129834
|
'xt-text--' + _vm.size,
|
|
129832
129835
|
{ 'xt-text--bold': _vm.bold },
|
|
129833
|
-
{ 'xt-text--money': _vm.format === 'money' }
|
|
129836
|
+
{ 'xt-text--money': _vm.format === 'money' },
|
|
129837
|
+
{ 'xt-text--ellipsis': _vm.ellipsis },
|
|
129838
|
+
{ 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
|
|
129834
129839
|
],style:(_vm.customStyle)},[_vm._t("prefix",function(){return [_vm._v(_vm._s(_vm.prefix))]}),_vm._t("default",function(){return [(_vm.formattedValue !== undefined)?[_vm._v(_vm._s(_vm.formattedValue))]:_vm._e()]}),_vm._t("suffix",function(){return [_vm._v(_vm._s(_vm.suffix))]})],2)
|
|
129835
129840
|
}
|
|
129836
|
-
var
|
|
129841
|
+
var xt_textvue_type_template_id_7abe6280_staticRenderFns = []
|
|
129837
129842
|
|
|
129838
129843
|
|
|
129839
|
-
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=
|
|
129844
|
+
// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=7abe6280
|
|
129840
129845
|
|
|
129841
129846
|
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/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
|
|
129842
129847
|
|
|
@@ -129865,6 +129870,15 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
|
|
|
129865
129870
|
type: [String, Number],
|
|
129866
129871
|
default: ''
|
|
129867
129872
|
},
|
|
129873
|
+
ellipsis: {
|
|
129874
|
+
type: Boolean,
|
|
129875
|
+
default: false
|
|
129876
|
+
},
|
|
129877
|
+
ellipsisRows: {
|
|
129878
|
+
type: Number,
|
|
129879
|
+
default: 1,
|
|
129880
|
+
validator: (val) => val >= 1 && val <= 10
|
|
129881
|
+
},
|
|
129868
129882
|
|
|
129869
129883
|
// 格式化模式:normal 普通 | thousand 千分位 | money 金额
|
|
129870
129884
|
format: {
|
|
@@ -129920,6 +129934,9 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
|
|
|
129920
129934
|
if (this.letterSpacing) {
|
|
129921
129935
|
style.letterSpacing = typeof this.letterSpacing === 'number' ? `${this.letterSpacing}px` : this.letterSpacing
|
|
129922
129936
|
}
|
|
129937
|
+
if (this.ellipsis && this.ellipsisRows > 1) {
|
|
129938
|
+
style.WebkitLineClamp = this.ellipsisRows
|
|
129939
|
+
}
|
|
129923
129940
|
return style
|
|
129924
129941
|
},
|
|
129925
129942
|
|
|
@@ -129986,8 +130003,8 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
|
|
|
129986
130003
|
|
|
129987
130004
|
var xt_text_component = normalizeComponent(
|
|
129988
130005
|
components_xt_textvue_type_script_lang_js,
|
|
129989
|
-
|
|
129990
|
-
|
|
130006
|
+
xt_textvue_type_template_id_7abe6280_render,
|
|
130007
|
+
xt_textvue_type_template_id_7abe6280_staticRenderFns,
|
|
129991
130008
|
false,
|
|
129992
130009
|
null,
|
|
129993
130010
|
null,
|
|
@@ -132997,6 +133014,381 @@ xt_grid_item.install = function (Vue) {
|
|
|
132997
133014
|
/* harmony default export */ var components_xt_grid_item = (xt_grid_item);
|
|
132998
133015
|
|
|
132999
133016
|
|
|
133017
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-progress/index.vue?vue&type=template&id=76c95a92
|
|
133018
|
+
var xt_progressvue_type_template_id_76c95a92_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-progress",class:[
|
|
133019
|
+
`xt-progress--${_vm.type}`,
|
|
133020
|
+
`xt-progress--${_vm.size}`
|
|
133021
|
+
]},[(_vm.type === 'line')?_c('div',{staticClass:"xt-progress__bar"},[_c('div',{staticClass:"xt-progress__bar-inner",style:({ width: `${_vm.percentage}%`, backgroundColor: _vm.color })},[_c('transition',{attrs:{"name":"xt-progress-fade"}},[(_vm.showText)?_c('div',{staticClass:"xt-progress__bar-text"},[_vm._v(_vm._s(_vm.percentage)+"%")]):_vm._e()])],1)]):(_vm.type === 'circle')?_c('div',{staticClass:"xt-progress__circle"},[_c('svg',{staticClass:"xt-progress__circle-svg",attrs:{"width":_vm.circleSize,"height":_vm.circleSize}},[_c('circle',{staticClass:"xt-progress__circle-bg",attrs:{"cx":_vm.circleSize / 2,"cy":_vm.circleSize / 2,"r":_vm.circleRadius,"fill":"none","stroke":_vm.bgColor,"stroke-width":_vm.strokeWidth}}),_c('circle',{staticClass:"xt-progress__circle-bar",attrs:{"cx":_vm.circleSize / 2,"cy":_vm.circleSize / 2,"r":_vm.circleRadius,"fill":"none","stroke":_vm.color,"stroke-width":_vm.strokeWidth,"stroke-dasharray":_vm.circleLength,"stroke-dashoffset":_vm.circleOffset,"stroke-linecap":"round","transform":"rotate(-90 ${circleSize / 2} ${circleSize / 2})"}})]),(_vm.showText)?_c('div',{staticClass:"xt-progress__circle-text"},[_c('span',{staticClass:"xt-progress__circle-percent"},[_vm._v(_vm._s(_vm.percentage)+"%")])]):_vm._e()]):_vm._e(),(_vm.showText && _vm.type === 'line')?_c('div',{staticClass:"xt-progress__text"},[_vm._v(_vm._s(_vm.percentage)+"%")]):_vm._e()])
|
|
133022
|
+
}
|
|
133023
|
+
var xt_progressvue_type_template_id_76c95a92_staticRenderFns = []
|
|
133024
|
+
|
|
133025
|
+
|
|
133026
|
+
// CONCATENATED MODULE: ./src/components/xt-progress/index.vue?vue&type=template&id=76c95a92
|
|
133027
|
+
|
|
133028
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-progress/index.vue?vue&type=script&lang=js
|
|
133029
|
+
|
|
133030
|
+
/* harmony default export */ var xt_progressvue_type_script_lang_js = ({
|
|
133031
|
+
name: 'XtProgress',
|
|
133032
|
+
props: {
|
|
133033
|
+
percentage: {
|
|
133034
|
+
type: Number,
|
|
133035
|
+
default: 0,
|
|
133036
|
+
validator: (val) => val >= 0 && val <= 100
|
|
133037
|
+
},
|
|
133038
|
+
type: {
|
|
133039
|
+
type: String,
|
|
133040
|
+
default: 'line',
|
|
133041
|
+
validator: (val) => ['line', 'circle'].includes(val)
|
|
133042
|
+
},
|
|
133043
|
+
size: {
|
|
133044
|
+
type: String,
|
|
133045
|
+
default: 'medium',
|
|
133046
|
+
validator: (val) => ['small', 'medium', 'large'].includes(val)
|
|
133047
|
+
},
|
|
133048
|
+
color: {
|
|
133049
|
+
type: String,
|
|
133050
|
+
default: '#1890ff'
|
|
133051
|
+
},
|
|
133052
|
+
bgColor: {
|
|
133053
|
+
type: String,
|
|
133054
|
+
default: '#ebeef5'
|
|
133055
|
+
},
|
|
133056
|
+
showText: {
|
|
133057
|
+
type: Boolean,
|
|
133058
|
+
default: true
|
|
133059
|
+
},
|
|
133060
|
+
strokeWidth: {
|
|
133061
|
+
type: Number,
|
|
133062
|
+
default: 6
|
|
133063
|
+
},
|
|
133064
|
+
circleSize: {
|
|
133065
|
+
type: Number,
|
|
133066
|
+
default: 120
|
|
133067
|
+
}
|
|
133068
|
+
},
|
|
133069
|
+
computed: {
|
|
133070
|
+
circleRadius() {
|
|
133071
|
+
return (this.circleSize - this.strokeWidth) / 2
|
|
133072
|
+
},
|
|
133073
|
+
circleLength() {
|
|
133074
|
+
return 2 * Math.PI * this.circleRadius
|
|
133075
|
+
},
|
|
133076
|
+
circleOffset() {
|
|
133077
|
+
return this.circleLength * (1 - this.percentage / 100)
|
|
133078
|
+
}
|
|
133079
|
+
}
|
|
133080
|
+
});
|
|
133081
|
+
|
|
133082
|
+
// CONCATENATED MODULE: ./src/components/xt-progress/index.vue?vue&type=script&lang=js
|
|
133083
|
+
/* harmony default export */ var components_xt_progressvue_type_script_lang_js = (xt_progressvue_type_script_lang_js);
|
|
133084
|
+
// CONCATENATED MODULE: ./src/components/xt-progress/index.vue
|
|
133085
|
+
|
|
133086
|
+
|
|
133087
|
+
|
|
133088
|
+
|
|
133089
|
+
|
|
133090
|
+
/* normalize component */
|
|
133091
|
+
|
|
133092
|
+
var xt_progress_component = normalizeComponent(
|
|
133093
|
+
components_xt_progressvue_type_script_lang_js,
|
|
133094
|
+
xt_progressvue_type_template_id_76c95a92_render,
|
|
133095
|
+
xt_progressvue_type_template_id_76c95a92_staticRenderFns,
|
|
133096
|
+
false,
|
|
133097
|
+
null,
|
|
133098
|
+
null,
|
|
133099
|
+
null
|
|
133100
|
+
|
|
133101
|
+
)
|
|
133102
|
+
|
|
133103
|
+
/* harmony default export */ var xt_progress = (xt_progress_component.exports);
|
|
133104
|
+
// CONCATENATED MODULE: ./src/components/xt-progress/index.js
|
|
133105
|
+
|
|
133106
|
+
|
|
133107
|
+
xt_progress.install = function(Vue) {
|
|
133108
|
+
Vue.component(xt_progress.name, xt_progress)
|
|
133109
|
+
}
|
|
133110
|
+
|
|
133111
|
+
/* harmony default export */ var components_xt_progress = (xt_progress);
|
|
133112
|
+
|
|
133113
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/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=04b02574
|
|
133114
|
+
var xt_tabsvue_type_template_id_04b02574_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-tabs",class:[
|
|
133115
|
+
`xt-tabs--${_vm.position}`,
|
|
133116
|
+
{ 'xt-tabs--card': _vm.type === 'card' }
|
|
133117
|
+
]},[_c('div',{staticClass:"xt-tabs__header"},[_c('div',{staticClass:"xt-tabs__nav"},_vm._l((_vm.panes),function(pane,index){return _c('div',{key:pane.name,staticClass:"xt-tabs__nav-item",class:{ 'xt-tabs__nav-item--active': _vm.activeName === pane.name },on:{"click":function($event){return _vm.handleTabClick(pane.name)}}},[_c('span',{staticClass:"xt-tabs__nav-link"},[_vm._v(_vm._s(pane.label))])])}),0),_c('div',{staticClass:"xt-tabs__nav-indicator",style:(_vm.indicatorStyle)})]),_c('div',{staticClass:"xt-tabs__content"},[_c('transition',{attrs:{"name":"xt-tabs-fade","mode":"out-in"}},_vm._l((_vm.panes),function(pane,index){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.activeName === pane.name),expression:"activeName === pane.name"}],key:pane.name,staticClass:"xt-tabs__pane"},[_vm._t(pane.name)],2)}),0)],1)])
|
|
133118
|
+
}
|
|
133119
|
+
var xt_tabsvue_type_template_id_04b02574_staticRenderFns = []
|
|
133120
|
+
|
|
133121
|
+
|
|
133122
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=04b02574
|
|
133123
|
+
|
|
133124
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/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
|
|
133125
|
+
|
|
133126
|
+
/* harmony default export */ var xt_tabsvue_type_script_lang_js = ({
|
|
133127
|
+
name: 'XtTabs',
|
|
133128
|
+
props: {
|
|
133129
|
+
value: {
|
|
133130
|
+
type: [String, Number],
|
|
133131
|
+
default: ''
|
|
133132
|
+
},
|
|
133133
|
+
type: {
|
|
133134
|
+
type: String,
|
|
133135
|
+
default: 'default',
|
|
133136
|
+
validator: (val) => ['default', 'card'].includes(val)
|
|
133137
|
+
},
|
|
133138
|
+
position: {
|
|
133139
|
+
type: String,
|
|
133140
|
+
default: 'top',
|
|
133141
|
+
validator: (val) => ['top', 'bottom', 'left', 'right'].includes(val)
|
|
133142
|
+
}
|
|
133143
|
+
},
|
|
133144
|
+
data() {
|
|
133145
|
+
return {
|
|
133146
|
+
panes: [],
|
|
133147
|
+
activeName: this.value
|
|
133148
|
+
}
|
|
133149
|
+
},
|
|
133150
|
+
watch: {
|
|
133151
|
+
value(val) {
|
|
133152
|
+
this.activeName = val
|
|
133153
|
+
},
|
|
133154
|
+
activeName(val) {
|
|
133155
|
+
this.$emit('input', val)
|
|
133156
|
+
this.$emit('change', val)
|
|
133157
|
+
}
|
|
133158
|
+
},
|
|
133159
|
+
computed: {
|
|
133160
|
+
indicatorStyle() {
|
|
133161
|
+
const activeIndex = this.panes.findIndex(p => p.name === this.activeName)
|
|
133162
|
+
if (activeIndex === -1) return { display: 'none' }
|
|
133163
|
+
|
|
133164
|
+
const navItems = this.$el && this.$el.querySelectorAll('.xt-tabs__nav-item')
|
|
133165
|
+
if (!navItems || navItems.length === 0) return { display: 'none' }
|
|
133166
|
+
|
|
133167
|
+
const activeItem = navItems[activeIndex]
|
|
133168
|
+
return {
|
|
133169
|
+
left: `${activeItem.offsetLeft}px`,
|
|
133170
|
+
width: `${activeItem.offsetWidth}px`,
|
|
133171
|
+
display: 'block'
|
|
133172
|
+
}
|
|
133173
|
+
}
|
|
133174
|
+
},
|
|
133175
|
+
methods: {
|
|
133176
|
+
handleTabClick(name) {
|
|
133177
|
+
this.activeName = name
|
|
133178
|
+
},
|
|
133179
|
+
addPane(pane) {
|
|
133180
|
+
if (!this.panes.find(p => p.name === pane.name)) {
|
|
133181
|
+
this.panes.push(pane)
|
|
133182
|
+
if (!this.activeName && this.panes.length === 1) {
|
|
133183
|
+
this.activeName = pane.name
|
|
133184
|
+
}
|
|
133185
|
+
}
|
|
133186
|
+
},
|
|
133187
|
+
removePane(name) {
|
|
133188
|
+
const index = this.panes.findIndex(p => p.name === name)
|
|
133189
|
+
if (index > -1) {
|
|
133190
|
+
this.panes.splice(index, 1)
|
|
133191
|
+
}
|
|
133192
|
+
}
|
|
133193
|
+
},
|
|
133194
|
+
mounted() {
|
|
133195
|
+
this.$children.forEach(child => {
|
|
133196
|
+
if (child.$options.name === 'XtTabPane') {
|
|
133197
|
+
this.addPane({ name: child.name, label: child.label })
|
|
133198
|
+
}
|
|
133199
|
+
})
|
|
133200
|
+
}
|
|
133201
|
+
});
|
|
133202
|
+
|
|
133203
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=script&lang=js
|
|
133204
|
+
/* harmony default export */ var components_xt_tabsvue_type_script_lang_js = (xt_tabsvue_type_script_lang_js);
|
|
133205
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue
|
|
133206
|
+
|
|
133207
|
+
|
|
133208
|
+
|
|
133209
|
+
|
|
133210
|
+
|
|
133211
|
+
/* normalize component */
|
|
133212
|
+
|
|
133213
|
+
var xt_tabs_component = normalizeComponent(
|
|
133214
|
+
components_xt_tabsvue_type_script_lang_js,
|
|
133215
|
+
xt_tabsvue_type_template_id_04b02574_render,
|
|
133216
|
+
xt_tabsvue_type_template_id_04b02574_staticRenderFns,
|
|
133217
|
+
false,
|
|
133218
|
+
null,
|
|
133219
|
+
null,
|
|
133220
|
+
null
|
|
133221
|
+
|
|
133222
|
+
)
|
|
133223
|
+
|
|
133224
|
+
/* harmony default export */ var xt_tabs = (xt_tabs_component.exports);
|
|
133225
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/TabPane.vue?vue&type=template&id=0c2246dc
|
|
133226
|
+
var TabPanevue_type_template_id_0c2246dc_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"xt-tab-pane"},[_vm._t("default")],2)
|
|
133227
|
+
}
|
|
133228
|
+
var TabPanevue_type_template_id_0c2246dc_staticRenderFns = []
|
|
133229
|
+
|
|
133230
|
+
|
|
133231
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue?vue&type=template&id=0c2246dc
|
|
133232
|
+
|
|
133233
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/TabPane.vue?vue&type=script&lang=js
|
|
133234
|
+
|
|
133235
|
+
/* harmony default export */ var TabPanevue_type_script_lang_js = ({
|
|
133236
|
+
name: 'XtTabPane',
|
|
133237
|
+
props: {
|
|
133238
|
+
name: {
|
|
133239
|
+
type: [String, Number],
|
|
133240
|
+
required: true
|
|
133241
|
+
},
|
|
133242
|
+
label: {
|
|
133243
|
+
type: String,
|
|
133244
|
+
default: ''
|
|
133245
|
+
}
|
|
133246
|
+
},
|
|
133247
|
+
computed: {
|
|
133248
|
+
isActive() {
|
|
133249
|
+
return this.$parent && this.$parent.activeName === this.name
|
|
133250
|
+
}
|
|
133251
|
+
},
|
|
133252
|
+
mounted() {
|
|
133253
|
+
if (this.$parent && typeof this.$parent.addPane === 'function') {
|
|
133254
|
+
this.$parent.addPane({ name: this.name, label: this.label })
|
|
133255
|
+
}
|
|
133256
|
+
},
|
|
133257
|
+
beforeDestroy() {
|
|
133258
|
+
if (this.$parent && typeof this.$parent.removePane === 'function') {
|
|
133259
|
+
this.$parent.removePane(this.name)
|
|
133260
|
+
}
|
|
133261
|
+
}
|
|
133262
|
+
});
|
|
133263
|
+
|
|
133264
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue?vue&type=script&lang=js
|
|
133265
|
+
/* harmony default export */ var xt_tabs_TabPanevue_type_script_lang_js = (TabPanevue_type_script_lang_js);
|
|
133266
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue
|
|
133267
|
+
|
|
133268
|
+
|
|
133269
|
+
|
|
133270
|
+
|
|
133271
|
+
|
|
133272
|
+
/* normalize component */
|
|
133273
|
+
|
|
133274
|
+
var TabPane_component = normalizeComponent(
|
|
133275
|
+
xt_tabs_TabPanevue_type_script_lang_js,
|
|
133276
|
+
TabPanevue_type_template_id_0c2246dc_render,
|
|
133277
|
+
TabPanevue_type_template_id_0c2246dc_staticRenderFns,
|
|
133278
|
+
false,
|
|
133279
|
+
null,
|
|
133280
|
+
null,
|
|
133281
|
+
null
|
|
133282
|
+
|
|
133283
|
+
)
|
|
133284
|
+
|
|
133285
|
+
/* harmony default export */ var TabPane = (TabPane_component.exports);
|
|
133286
|
+
// CONCATENATED MODULE: ./src/components/xt-tabs/index.js
|
|
133287
|
+
|
|
133288
|
+
|
|
133289
|
+
|
|
133290
|
+
xt_tabs.install = function(Vue) {
|
|
133291
|
+
Vue.component(xt_tabs.name, xt_tabs)
|
|
133292
|
+
Vue.component(TabPane.name, TabPane)
|
|
133293
|
+
}
|
|
133294
|
+
|
|
133295
|
+
/* harmony default export */ var components_xt_tabs = (xt_tabs);
|
|
133296
|
+
|
|
133297
|
+
|
|
133298
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-badge/index.vue?vue&type=template&id=20f2da48
|
|
133299
|
+
var xt_badgevue_type_template_id_20f2da48_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-badge",class:[
|
|
133300
|
+
`xt-badge--${_vm.type}`,
|
|
133301
|
+
{ 'xt-badge--dot': _vm.isDot },
|
|
133302
|
+
{ 'xt-badge--hidden': _vm.hidden },
|
|
133303
|
+
{ 'xt-badge--fixed': _vm.fixed }
|
|
133304
|
+
]},[_c('span',{staticClass:"xt-badge__content"},[_vm._t("default")],2),(!_vm.hidden && (_vm.value || _vm.isDot))?_c('span',{staticClass:"xt-badge__badge",style:(_vm.badgeStyle)},[(_vm.isDot)?void 0:(_vm.showOverflow && _vm.value > _vm.max)?[_vm._v(_vm._s(_vm.max)+"+")]:[_vm._v(_vm._s(_vm.value))]],2):_vm._e()])
|
|
133305
|
+
}
|
|
133306
|
+
var xt_badgevue_type_template_id_20f2da48_staticRenderFns = []
|
|
133307
|
+
|
|
133308
|
+
|
|
133309
|
+
// CONCATENATED MODULE: ./src/components/xt-badge/index.vue?vue&type=template&id=20f2da48
|
|
133310
|
+
|
|
133311
|
+
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-badge/index.vue?vue&type=script&lang=js
|
|
133312
|
+
|
|
133313
|
+
/* harmony default export */ var xt_badgevue_type_script_lang_js = ({
|
|
133314
|
+
name: 'XtBadge',
|
|
133315
|
+
props: {
|
|
133316
|
+
value: {
|
|
133317
|
+
type: [Number, String],
|
|
133318
|
+
default: ''
|
|
133319
|
+
},
|
|
133320
|
+
type: {
|
|
133321
|
+
type: String,
|
|
133322
|
+
default: 'primary',
|
|
133323
|
+
validator: (val) => ['primary', 'success', 'warning', 'danger', 'info'].includes(val)
|
|
133324
|
+
},
|
|
133325
|
+
max: {
|
|
133326
|
+
type: Number,
|
|
133327
|
+
default: 99
|
|
133328
|
+
},
|
|
133329
|
+
isDot: {
|
|
133330
|
+
type: Boolean,
|
|
133331
|
+
default: false
|
|
133332
|
+
},
|
|
133333
|
+
hidden: {
|
|
133334
|
+
type: Boolean,
|
|
133335
|
+
default: false
|
|
133336
|
+
},
|
|
133337
|
+
showOverflow: {
|
|
133338
|
+
type: Boolean,
|
|
133339
|
+
default: true
|
|
133340
|
+
},
|
|
133341
|
+
fixed: {
|
|
133342
|
+
type: Boolean,
|
|
133343
|
+
default: false
|
|
133344
|
+
},
|
|
133345
|
+
color: {
|
|
133346
|
+
type: String,
|
|
133347
|
+
default: ''
|
|
133348
|
+
}
|
|
133349
|
+
},
|
|
133350
|
+
computed: {
|
|
133351
|
+
badgeStyle() {
|
|
133352
|
+
const style = {}
|
|
133353
|
+
if (this.color) {
|
|
133354
|
+
style.backgroundColor = this.color
|
|
133355
|
+
}
|
|
133356
|
+
return style
|
|
133357
|
+
}
|
|
133358
|
+
}
|
|
133359
|
+
});
|
|
133360
|
+
|
|
133361
|
+
// CONCATENATED MODULE: ./src/components/xt-badge/index.vue?vue&type=script&lang=js
|
|
133362
|
+
/* harmony default export */ var components_xt_badgevue_type_script_lang_js = (xt_badgevue_type_script_lang_js);
|
|
133363
|
+
// CONCATENATED MODULE: ./src/components/xt-badge/index.vue
|
|
133364
|
+
|
|
133365
|
+
|
|
133366
|
+
|
|
133367
|
+
|
|
133368
|
+
|
|
133369
|
+
/* normalize component */
|
|
133370
|
+
|
|
133371
|
+
var xt_badge_component = normalizeComponent(
|
|
133372
|
+
components_xt_badgevue_type_script_lang_js,
|
|
133373
|
+
xt_badgevue_type_template_id_20f2da48_render,
|
|
133374
|
+
xt_badgevue_type_template_id_20f2da48_staticRenderFns,
|
|
133375
|
+
false,
|
|
133376
|
+
null,
|
|
133377
|
+
null,
|
|
133378
|
+
null
|
|
133379
|
+
|
|
133380
|
+
)
|
|
133381
|
+
|
|
133382
|
+
/* harmony default export */ var xt_badge = (xt_badge_component.exports);
|
|
133383
|
+
// CONCATENATED MODULE: ./src/components/xt-badge/index.js
|
|
133384
|
+
|
|
133385
|
+
|
|
133386
|
+
xt_badge.install = function(Vue) {
|
|
133387
|
+
Vue.component(xt_badge.name, xt_badge)
|
|
133388
|
+
}
|
|
133389
|
+
|
|
133390
|
+
/* harmony default export */ var components_xt_badge = (xt_badge);
|
|
133391
|
+
|
|
133000
133392
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"267e1ec1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ex-date-picker/index.vue?vue&type=template&id=ff20c256&scoped=true
|
|
133001
133393
|
var ex_date_pickervue_type_template_id_ff20c256_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{"display":"inline-block"}},[(_vm.dateType=='quarter')?_c('FlexBox',{staticClass:"xt-date-picker",class:{focus: _vm.isfocus},style:(_vm.width?{width: `${_vm.width}px`}:{}),attrs:{"type":"inline-flex"}},[_c('Quarter',{attrs:{"format":_vm.format,"placeholder":"开始时间","quarter-type":"quarter-start","clearable":""},model:{value:(_vm.timeStart),callback:function ($$v) {_vm.timeStart=$$v},expression:"timeStart"}}),_c('span',{staticClass:"separator"},[_vm._v(_vm._s(_vm.separator))]),_c('Quarter',{attrs:{"format":_vm.format,"placeholder":"结束时间","quarter-type":"quarter-end","clearable":""},model:{value:(_vm.timeEnd),callback:function ($$v) {_vm.timeEnd=$$v},expression:"timeEnd"}})],1):_c('FlexBox',{staticClass:"xt-date",class:{focus: _vm.isfocus},style:(_vm.width?{width: `${_vm.width}px`}:{}),attrs:{"type":"inline-flex"}},[_c('el-date-picker',{key:"startSelect",ref:"timeStart",attrs:{"size":"small","disabled":_vm.disabled,"append-to-body":"","picker-options":_vm.startTimeRange,"format":_vm.format,"type":_vm.dateType,"placeholder":"开始时间","clearable":""},on:{"blur":function($event){return _vm.$emit('blur')},"focus":function($event){return _vm.$emit('focus')}},model:{value:(_vm.timeStart),callback:function ($$v) {_vm.timeStart=$$v},expression:"timeStart"}}),_c('span',{staticClass:"separator"},[_vm._v(_vm._s(_vm.separator))]),_c('el-date-picker',{key:"endSelect",ref:"timeEnd",attrs:{"size":"small","disabled":_vm.disabled,"append-to-body":"","picker-options":_vm.endTimeRange,"format":_vm.format,"type":_vm.dateType,"placeholder":"结束时间","clearable":""},on:{"blur":function($event){return _vm.$emit('blur')},"focus":function($event){return _vm.$emit('focus')}},model:{value:(_vm.timeEnd),callback:function ($$v) {_vm.timeEnd=$$v},expression:"timeEnd"}})],1)],1)
|
|
133002
133394
|
}
|
|
@@ -135607,6 +135999,9 @@ const { getConfig: src_getConfig, setConfig: src_setConfig, getTheme: src_getThe
|
|
|
135607
135999
|
|
|
135608
136000
|
|
|
135609
136001
|
|
|
136002
|
+
|
|
136003
|
+
|
|
136004
|
+
|
|
135610
136005
|
// ExChart 组件(基于 ECharts 封装)
|
|
135611
136006
|
|
|
135612
136007
|
// ExIcon 组件(支持 el-icon / svg / 自定义字体)
|
|
@@ -135629,6 +136024,9 @@ const src_components = [
|
|
|
135629
136024
|
components_xt_map_provider,
|
|
135630
136025
|
components_xt_grid_box,
|
|
135631
136026
|
components_xt_grid_item,
|
|
136027
|
+
components_xt_progress,
|
|
136028
|
+
components_xt_tabs,
|
|
136029
|
+
components_xt_badge,
|
|
135632
136030
|
components_ex_date_picker,
|
|
135633
136031
|
components_ex_button,
|
|
135634
136032
|
components_ex_chart,
|
|
@@ -135690,9 +136088,7 @@ if (typeof window !== 'undefined' && window.Vue) {
|
|
|
135690
136088
|
// 导出
|
|
135691
136089
|
/* harmony default export */ var src_0 = ({
|
|
135692
136090
|
install,
|
|
135693
|
-
// 导出组件列表
|
|
135694
136091
|
components: src_components,
|
|
135695
|
-
// 按需导出组件
|
|
135696
136092
|
XtButton: components_xt_button,
|
|
135697
136093
|
XtInput: components_xt_input,
|
|
135698
136094
|
XtFlexBox: components_xt_flex_box,
|
|
@@ -135707,6 +136103,9 @@ if (typeof window !== 'undefined' && window.Vue) {
|
|
|
135707
136103
|
XtMapProvider: components_xt_map_provider,
|
|
135708
136104
|
XtGridBox: components_xt_grid_box,
|
|
135709
136105
|
XtGridItem: components_xt_grid_item,
|
|
136106
|
+
XtProgress: components_xt_progress,
|
|
136107
|
+
XtTabs: components_xt_tabs,
|
|
136108
|
+
XtBadge: components_xt_badge,
|
|
135710
136109
|
ExDatePicker: components_ex_date_picker,
|
|
135711
136110
|
ExButton: components_ex_button,
|
|
135712
136111
|
ExCard: components_ex_card,
|