xt-element-ui 2.0.3 → 2.0.4

package/src/index.js

@@ -38,6 +38,13 @@ import XtChart from './components/xt-chart'  // XtChart 组件（基于 ECharts
 import XtIcon from './components/xt-icon'    // XtIcon 组件（支持 el-icon / svg / 自定义字体）
 import XtTable from './components/xt-table'  // XtTable 组件（基于 ElementUI Table 封装）
 import XtScrollArrow from './components/xt-scroll-arrow'
+import XtBar from './components/xt-chart/XtBar.vue'
+import XtLine from './components/xt-chart/XtLine.vue'
+import XtPie from './components/xt-chart/XtPie.vue'
+import XtMulti from './components/xt-chart/XtMulti.vue'
+import XtPage from './components/xt-page'
+import XtSelectTree from './components/xt-select-tree'
+import XtUpload from './components/xt-upload'
 
 
 const components = [
@@ -62,7 +69,14 @@ const components = [
   XtChart,
   XtIcon,
   XtTable,
-  XtScrollArrow
+  XtScrollArrow,
+  XtBar,
+  XtLine,
+  XtPie,
+  XtMulti,
+  XtPage,
+  XtSelectTree,
+  XtUpload
 ]
 
 const install = function (Vue, options = {}) {
@@ -132,7 +146,14 @@ export default {
   XtDatePicker,
   XtIcon,
   XtTable,
-  XtScrollArrow
+  XtScrollArrow,
+  XtBar,
+  XtLine,
+  XtPie,
+  XtMulti,
+  XtPage,
+  XtSelectTree,
+  XtUpload
 }
 
 // XtChart 组件按需导出（使用时需自行安装 echarts 依赖）

package/src/components/xt-card-item/index copy.vue

@@ -1,93 +0,0 @@
-<template>
-  <FlexBox 
-    v-if="iconType=='border'" 
-    class="xt-card-item is-border" 
-    :class="[iconType=='border'?`is-${type}`:'']" 
-    :style="cardItemStyle" 
-    content="between"
-  >
-    <span class="item__label" v-if="title">
-      <slot name="label">{{ label }}</slot>
-    </span>
-    <span class="item__value">
-      <slot name="value">{{ value }}</slot>
-    </span>
-    <span class="item__unit">
-      <slot name="unit">{{ unit }}</slot>
-    </span>
-  </FlexBox>
-  <FlexBox 
-    v-else 
-    class="xt-card-item" 
-    :direction="direction" 
-    :content="contentAlign"
-  >
-    <slot name="icon">
-      <el-button :type="type" :circle="circle" :round="round" plain :icon="icon"></el-button>
-    </slot>
-    <div class="item__value">
-      <span class="value" :style="valueStyle">
-        <slot name="value">{{ label }}</slot>
-      </span>
-      <div class="unit">{{ value }}</div>
-    </div>
-  </FlexBox>
-</template>
-<script>
-import FlexBox from '../xt-flex-box/index.vue'
-export default {
-  name: "XtCardItem",
-  components: {
-    FlexBox
-  },
-  props: {
-    iconType: { default: "border" },
-    type: { default: "primary" },
-    label: {},
-    value: {},
-    unit: {},
-    icon: {},
-    iconAt: { default: "right" },
-    color: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      circle: false,
-      round: false
-    }
-  },
-  computed: {
-    contentAlign() {
-      return this.iconAt == 'center' ? 'center' : 'start'
-    },
-    direction() {
-      const iconAtMap = {
-        left: 'row',
-        right: 'row-reverse',
-        top: 'column',
-        bottom: 'column-reverse'
-      }
-      return iconAtMap[this.iconAt]
-    },
-    cardItemStyle() {
-      if (this.iconType === 'border' && this.type === 'primary' && this.color) {
-        return {
-          '--xt-card-item-color': this.color
-        }
-      }
-      return {}
-    },
-    valueStyle() {
-      if (this.iconType !== 'border' && this.type === 'primary' && this.color) {
-        return {
-          color: this.color
-        }
-      }
-      return {}
-    }
-  }
-}
-</script>