xt-element-ui 1.3.4 → 1.4.0

package/docs/components/base/xt-card-item.md

@@ -7,7 +7,7 @@
 ::: demo 基本用法
 ```vue
 <template>
-  <XtCardItem title="销售额" label="销售额" value="12345" unit="元" style="width: 350px;"></XtCardItem>
+  <XtCardItem title="销售额" :value="12345" unit="元" style="width: 350px;"></XtCardItem>
 </template>
 ```
 :::
@@ -40,7 +40,7 @@
 ::: demo 边框型卡片项
 ```vue
 <template>
-  <XtCardItem label="销售额" value="12345" unit="元" type="primary"></XtCardItem>
+  <XtCardItem title="销售额" value="12345" unit="元" type="primary" style="width: 350px;"></XtCardItem>
 </template>
 ```
 :::
@@ -50,10 +50,10 @@
 ::: demo 不同类型的边框卡片项
 ```vue
 <template>
-  <div style="display: flex; flex-direction: column; gap: 8px;">
-    <XtCardItem label="成功" value="OK" type="success"></XtCardItem>
-    <XtCardItem label="警告" value="Warning" type="warning"></XtCardItem>
-    <XtCardItem label="危险" value="Error" type="danger"></XtCardItem>
+  <div style="display: flex; flex-direction: column; gap: 8px;width: 350px;">
+    <XtCardItem title="成功" value="309894" type="success"></XtCardItem>
+    <XtCardItem title="警告" value="309894" type="warning"></XtCardItem>
+    <XtCardItem title="危险" value="309894" type="danger"></XtCardItem>
   </div>
 </template>
 ```
@@ -63,7 +63,7 @@
 ::: demo 自定义颜色
 ```vue
 <template>
-  <XtCardItem label="自定义颜色" value="100%" color="#722ed1"></XtCardItem>
+  <XtCardItem title="自定义颜色" value="100%" color="#722ed1" style="width: 350px;"></XtCardItem>
 </template>
 ```
 :::
@@ -72,7 +72,7 @@
 ::: demo 自定义插槽
 ```vue
 <template>
-  <XtCardItem>
+  <XtCardItem style="width: 350px;">
     <template #label>
       <span style="color: #1890ff; font-weight: bold;">自定义标签</span>
     </template>
@@ -93,10 +93,10 @@
 ```vue
 <template>
   <XtCard title="统计数据">
-    <div style="display: flex; flex-direction: column; gap: 8px;">
-      <XtCardItem label="总销售额" value="123456" unit="元"></XtCardItem>
-      <XtCardItem label="订单数量" value="520" unit="单" type="success"></XtCardItem>
-      <XtCardItem label="转化率" value="23.5" unit="%" type="warning"></XtCardItem>
+    <div style="display: flex; flex-direction: column; gap: 8px; style="width: 350px;">
+      <XtCardItem title="总销售额" value="123456" unit="元"></XtCardItem>
+      <XtCardItem title="订单数量" value="520" unit="单" type="success"></XtCardItem>
+      <XtCardItem title="转化率" value="23.5" unit="%" type="warning"></XtCardItem>
     </div>
   </XtCard>
 </template>

package/lib/index.common.js

@@ -128220,6 +128220,9 @@ var variables_export_default = /*#__PURE__*/__webpack_require__.n(variables_expo
       color: "#ffffff"
     }
   },
+  axisLabel: {
+    color: "#ffffff"
+  },
   line: {
     itemStyle: {
     },
@@ -128230,7 +128233,7 @@ var variables_export_default = /*#__PURE__*/__webpack_require__.n(variables_expo
   bar: {
     itemStyle: {
       borderRadius: 4
-    }
+    },
   },
   pie: {
     roseType: "radius",
@@ -129367,13 +129370,13 @@ xt_card.install = function (Vue) {
 /* harmony default export */ var components_xt_card = (xt_card);
 
 
-// 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=1e46df45
-var xt_card_itemvue_type_template_id_1e46df45_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-text',{attrs:{"bold":"","size":"medium"}},[_vm._v(_vm._s(_vm.title))]),_c('xt-flex-box',[_c('div',{staticStyle:{"width":"50%","margin-bottom":"5px"}},[_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:{"flex":"1","height":"100%"}},[_vm._t("icon",function(){return [_c('xt-text',{attrs:{"size":"extra-large","type":_vm.type}},[_c('i',{staticClass:"el-icon-user"})])]})],2)])],1)
+// 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
+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)
 }
-var xt_card_itemvue_type_template_id_1e46df45_staticRenderFns = []
+var xt_card_itemvue_type_template_id_c934c274_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/xt-card-item/index.vue?vue&type=template&id=1e46df45
+// CONCATENATED MODULE: ./src/components/xt-card-item/index.vue?vue&type=template&id=c934c274
 
 // 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
 
@@ -129404,8 +129407,8 @@ var xt_card_itemvue_type_template_id_1e46df45_staticRenderFns = []
 
 var xt_card_item_component = normalizeComponent(
   components_xt_card_itemvue_type_script_lang_js,
-  xt_card_itemvue_type_template_id_1e46df45_render,
-  xt_card_itemvue_type_template_id_1e46df45_staticRenderFns,
+  xt_card_itemvue_type_template_id_c934c274_render,
+  xt_card_itemvue_type_template_id_c934c274_staticRenderFns,
   false,
   null,
   null,
@@ -129815,18 +129818,20 @@ xt_config_provider.install = function (Vue) {
 /* harmony default export */ var components_xt_config_provider = (xt_config_provider);
 
 
-// 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=2607326b
-var xt_textvue_type_template_id_2607326b_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-text",class:[
+// 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
+var xt_textvue_type_template_id_7abe6280_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-text",class:[
     _vm.type ? 'xt-text--' + _vm.type : '',
     'xt-text--' + _vm.size,
     { 'xt-text--bold': _vm.bold },
-    { 'xt-text--money': _vm.format === 'money' }
+    { 'xt-text--money': _vm.format === 'money' },
+    { 'xt-text--ellipsis': _vm.ellipsis },
+    { 'xt-text--ellipsis-multiline': _vm.ellipsis && _vm.ellipsisRows > 1 }
   ],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)
 }
-var xt_textvue_type_template_id_2607326b_staticRenderFns = []
+var xt_textvue_type_template_id_7abe6280_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=2607326b
+// CONCATENATED MODULE: ./src/components/xt-text/index.vue?vue&type=template&id=7abe6280
 
 // 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
 
@@ -129855,6 +129860,15 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
       type: [String, Number],
       default: ''
     },
+    ellipsis: {
+      type: Boolean,
+      default: false
+    },
+    ellipsisRows: {
+      type: Number,
+      default: 1,
+      validator: (val) => val >= 1 && val <= 10
+    },
 
     // 格式化模式：normal 普通 | thousand 千分位 | money 金额
     format: {
@@ -129910,6 +129924,9 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
       if (this.letterSpacing) {
         style.letterSpacing = typeof this.letterSpacing === 'number' ? `${this.letterSpacing}px` : this.letterSpacing
       }
+      if (this.ellipsis && this.ellipsisRows > 1) {
+        style.WebkitLineClamp = this.ellipsisRows
+      }
       return style
     },
 
@@ -129976,8 +129993,8 @@ var xt_textvue_type_template_id_2607326b_staticRenderFns = []
 
 var xt_text_component = normalizeComponent(
   components_xt_textvue_type_script_lang_js,
-  xt_textvue_type_template_id_2607326b_render,
-  xt_textvue_type_template_id_2607326b_staticRenderFns,
+  xt_textvue_type_template_id_7abe6280_render,
+  xt_textvue_type_template_id_7abe6280_staticRenderFns,
   false,
   null,
   null,
@@ -132987,6 +133004,381 @@ xt_grid_item.install = function (Vue) {
 /* harmony default export */ var components_xt_grid_item = (xt_grid_item);
 
 
+// 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
+var xt_progressvue_type_template_id_76c95a92_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-progress",class:[
+  `xt-progress--${_vm.type}`,
+  `xt-progress--${_vm.size}`
+]},[(_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()])
+}
+var xt_progressvue_type_template_id_76c95a92_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-progress/index.vue?vue&type=template&id=76c95a92
+
+// 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
+
+/* harmony default export */ var xt_progressvue_type_script_lang_js = ({
+  name: 'XtProgress',
+  props: {
+    percentage: {
+      type: Number,
+      default: 0,
+      validator: (val) => val >= 0 && val <= 100
+    },
+    type: {
+      type: String,
+      default: 'line',
+      validator: (val) => ['line', 'circle'].includes(val)
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: (val) => ['small', 'medium', 'large'].includes(val)
+    },
+    color: {
+      type: String,
+      default: '#1890ff'
+    },
+    bgColor: {
+      type: String,
+      default: '#ebeef5'
+    },
+    showText: {
+      type: Boolean,
+      default: true
+    },
+    strokeWidth: {
+      type: Number,
+      default: 6
+    },
+    circleSize: {
+      type: Number,
+      default: 120
+    }
+  },
+  computed: {
+    circleRadius() {
+      return (this.circleSize - this.strokeWidth) / 2
+    },
+    circleLength() {
+      return 2 * Math.PI * this.circleRadius
+    },
+    circleOffset() {
+      return this.circleLength * (1 - this.percentage / 100)
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-progress/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_xt_progressvue_type_script_lang_js = (xt_progressvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/xt-progress/index.vue
+
+
+
+
+
+/* normalize component */
+
+var xt_progress_component = normalizeComponent(
+  components_xt_progressvue_type_script_lang_js,
+  xt_progressvue_type_template_id_76c95a92_render,
+  xt_progressvue_type_template_id_76c95a92_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var xt_progress = (xt_progress_component.exports);
+// CONCATENATED MODULE: ./src/components/xt-progress/index.js
+
+
+xt_progress.install = function(Vue) {
+  Vue.component(xt_progress.name, xt_progress)
+}
+
+/* harmony default export */ var components_xt_progress = (xt_progress);
+
+// 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
+var xt_tabsvue_type_template_id_04b02574_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-tabs",class:[
+  `xt-tabs--${_vm.position}`,
+  { 'xt-tabs--card': _vm.type === 'card' }
+]},[_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)])
+}
+var xt_tabsvue_type_template_id_04b02574_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=04b02574
+
+// 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
+
+/* harmony default export */ var xt_tabsvue_type_script_lang_js = ({
+  name: 'XtTabs',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator: (val) => ['default', 'card'].includes(val)
+    },
+    position: {
+      type: String,
+      default: 'top',
+      validator: (val) => ['top', 'bottom', 'left', 'right'].includes(val)
+    }
+  },
+  data() {
+    return {
+      panes: [],
+      activeName: this.value
+    }
+  },
+  watch: {
+    value(val) {
+      this.activeName = val
+    },
+    activeName(val) {
+      this.$emit('input', val)
+      this.$emit('change', val)
+    }
+  },
+  computed: {
+    indicatorStyle() {
+      const activeIndex = this.panes.findIndex(p => p.name === this.activeName)
+      if (activeIndex === -1) return { display: 'none' }
+      
+      const navItems = this.$el && this.$el.querySelectorAll('.xt-tabs__nav-item')
+      if (!navItems || navItems.length === 0) return { display: 'none' }
+      
+      const activeItem = navItems[activeIndex]
+      return {
+        left: `${activeItem.offsetLeft}px`,
+        width: `${activeItem.offsetWidth}px`,
+        display: 'block'
+      }
+    }
+  },
+  methods: {
+    handleTabClick(name) {
+      this.activeName = name
+    },
+    addPane(pane) {
+      if (!this.panes.find(p => p.name === pane.name)) {
+        this.panes.push(pane)
+        if (!this.activeName && this.panes.length === 1) {
+          this.activeName = pane.name
+        }
+      }
+    },
+    removePane(name) {
+      const index = this.panes.findIndex(p => p.name === name)
+      if (index > -1) {
+        this.panes.splice(index, 1)
+      }
+    }
+  },
+  mounted() {
+    this.$children.forEach(child => {
+      if (child.$options.name === 'XtTabPane') {
+        this.addPane({ name: child.name, label: child.label })
+      }
+    })
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_xt_tabsvue_type_script_lang_js = (xt_tabsvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue
+
+
+
+
+
+/* normalize component */
+
+var xt_tabs_component = normalizeComponent(
+  components_xt_tabsvue_type_script_lang_js,
+  xt_tabsvue_type_template_id_04b02574_render,
+  xt_tabsvue_type_template_id_04b02574_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var xt_tabs = (xt_tabs_component.exports);
+// 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
+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)
+}
+var TabPanevue_type_template_id_0c2246dc_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue?vue&type=template&id=0c2246dc
+
+// 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
+
+/* harmony default export */ var TabPanevue_type_script_lang_js = ({
+  name: 'XtTabPane',
+  props: {
+    name: {
+      type: [String, Number],
+      required: true
+    },
+    label: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isActive() {
+      return this.$parent && this.$parent.activeName === this.name
+    }
+  },
+  mounted() {
+    if (this.$parent && typeof this.$parent.addPane === 'function') {
+      this.$parent.addPane({ name: this.name, label: this.label })
+    }
+  },
+  beforeDestroy() {
+    if (this.$parent && typeof this.$parent.removePane === 'function') {
+      this.$parent.removePane(this.name)
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue?vue&type=script&lang=js
+ /* harmony default export */ var xt_tabs_TabPanevue_type_script_lang_js = (TabPanevue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/xt-tabs/TabPane.vue
+
+
+
+
+
+/* normalize component */
+
+var TabPane_component = normalizeComponent(
+  xt_tabs_TabPanevue_type_script_lang_js,
+  TabPanevue_type_template_id_0c2246dc_render,
+  TabPanevue_type_template_id_0c2246dc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var TabPane = (TabPane_component.exports);
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.js
+
+
+
+xt_tabs.install = function(Vue) {
+  Vue.component(xt_tabs.name, xt_tabs)
+  Vue.component(TabPane.name, TabPane)
+}
+
+/* harmony default export */ var components_xt_tabs = (xt_tabs);
+
+
+// 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
+var xt_badgevue_type_template_id_20f2da48_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-badge",class:[
+  `xt-badge--${_vm.type}`,
+  { 'xt-badge--dot': _vm.isDot },
+  { 'xt-badge--hidden': _vm.hidden },
+  { 'xt-badge--fixed': _vm.fixed }
+]},[_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()])
+}
+var xt_badgevue_type_template_id_20f2da48_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-badge/index.vue?vue&type=template&id=20f2da48
+
+// 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
+
+/* harmony default export */ var xt_badgevue_type_script_lang_js = ({
+  name: 'XtBadge',
+  props: {
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary',
+      validator: (val) => ['primary', 'success', 'warning', 'danger', 'info'].includes(val)
+    },
+    max: {
+      type: Number,
+      default: 99
+    },
+    isDot: {
+      type: Boolean,
+      default: false
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+    showOverflow: {
+      type: Boolean,
+      default: true
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    badgeStyle() {
+      const style = {}
+      if (this.color) {
+        style.backgroundColor = this.color
+      }
+      return style
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-badge/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_xt_badgevue_type_script_lang_js = (xt_badgevue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/xt-badge/index.vue
+
+
+
+
+
+/* normalize component */
+
+var xt_badge_component = normalizeComponent(
+  components_xt_badgevue_type_script_lang_js,
+  xt_badgevue_type_template_id_20f2da48_render,
+  xt_badgevue_type_template_id_20f2da48_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var xt_badge = (xt_badge_component.exports);
+// CONCATENATED MODULE: ./src/components/xt-badge/index.js
+
+
+xt_badge.install = function(Vue) {
+  Vue.component(xt_badge.name, xt_badge)
+}
+
+/* harmony default export */ var components_xt_badge = (xt_badge);
+
 // 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
 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)
 }
@@ -135597,6 +135989,9 @@ const { getConfig: src_getConfig, setConfig: src_setConfig, getTheme: src_getThe
 
 
 
+
+
+
   // ExChart 组件（基于 ECharts 封装）
 
     // ExIcon 组件（支持 el-icon / svg / 自定义字体）
@@ -135619,6 +136014,9 @@ const src_components = [
   components_xt_map_provider,
   components_xt_grid_box,
   components_xt_grid_item,
+  components_xt_progress,
+  components_xt_tabs,
+  components_xt_badge,
   components_ex_date_picker,
   components_ex_button,
   components_ex_chart,
@@ -135680,9 +136078,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 // 导出
 /* harmony default export */ var src_0 = ({
   install,
-  // 导出组件列表
   components: src_components,
-  // 按需导出组件
   XtButton: components_xt_button,
   XtInput: components_xt_input,
   XtFlexBox: components_xt_flex_box,
@@ -135697,6 +136093,9 @@ if (typeof window !== 'undefined' && window.Vue) {
   XtMapProvider: components_xt_map_provider,
   XtGridBox: components_xt_grid_box,
   XtGridItem: components_xt_grid_item,
+  XtProgress: components_xt_progress,
+  XtTabs: components_xt_tabs,
+  XtBadge: components_xt_badge,
   ExDatePicker: components_ex_date_picker,
   ExButton: components_ex_button,
   ExCard: components_ex_card,