xt-element-ui 1.3.3 → 1.3.4

package/src/components/xt-button/index.vue

@@ -1,97 +1,97 @@
-<template>
-  <button
-    class="xt-button"
-    :class="[
-      type ? 'xt-button--' + type : '',
-      size ? 'xt-button--' + size : '',
-      {
-        'is-plain': plain,
-        'is-disabled': disabled,
-        'is-round': round,
-        'is-circle': circle,
-        'is-dashed': dashed,
-        'is-text': text,
-        'is-link': link,
-        'is-loading': loading
-      }
-    ]"
-    :disabled="disabled || loading"
-    @click="handleClick"
-  >
-    <i v-if="loading" class="el-icon-loading"></i>
-    <i v-else-if="icon" :class="iconClass"></i>
-    <span v-if="$slots.default" class="xt-button__inner">
-      <slot></slot>
-    </span>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'XtButton',
-  props: {
-    type: {
-      type: String,
-      default: '',
-      validator: (val) => ['', 'primary', 'success', 'warning', 'danger'].includes(val)
-    },
-    size: {
-      type: String,
-      default: '',
-      validator: (val) => ['', 'large', 'medium', 'small'].includes(val)
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    circle: {
-      type: Boolean,
-      default: false
-    },
-    dashed: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: Boolean,
-      default: false
-    },
-    link: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: ''
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    iconClass() {
-      if (!this.icon) return ''
-      if (this.icon.indexOf('el-icon') === 0) {
-        return this.icon
-      }
-      return 'el-icon-' + this.icon
-    }
-  },
-  methods: {
-    handleClick() {
-      if (!this.disabled && !this.loading) {
-        this.$emit('click')
-      }
-    }
-  }
-}
-</script>
+<template>
+  <button
+    class="xt-button"
+    :class="[
+      type ? 'xt-button--' + type : '',
+      size ? 'xt-button--' + size : '',
+      {
+        'is-plain': plain,
+        'is-disabled': disabled,
+        'is-round': round,
+        'is-circle': circle,
+        'is-dashed': dashed,
+        'is-text': text,
+        'is-link': link,
+        'is-loading': loading
+      }
+    ]"
+    :disabled="disabled || loading"
+    @click="handleClick"
+  >
+    <i v-if="loading" class="el-icon-loading"></i>
+    <i v-else-if="icon" :class="iconClass"></i>
+    <span v-if="$slots.default" class="xt-button__inner">
+      <slot></slot>
+    </span>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'XtButton',
+  props: {
+    type: {
+      type: String,
+      default: '',
+      validator: (val) => ['', 'primary', 'success', 'warning', 'danger'].includes(val)
+    },
+    size: {
+      type: String,
+      default: '',
+      validator: (val) => ['', 'large', 'medium', 'small'].includes(val)
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    round: {
+      type: Boolean,
+      default: false
+    },
+    circle: {
+      type: Boolean,
+      default: false
+    },
+    dashed: {
+      type: Boolean,
+      default: false
+    },
+    text: {
+      type: Boolean,
+      default: false
+    },
+    link: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    iconClass() {
+      if (!this.icon) return ''
+      if (this.icon.indexOf('el-icon') === 0) {
+        return this.icon
+      }
+      return 'el-icon-' + this.icon
+    }
+  },
+  methods: {
+    handleClick() {
+      if (!this.disabled && !this.loading) {
+        this.$emit('click')
+      }
+    }
+  }
+}
+</script>

package/src/components/xt-card/index.js

@@ -1,8 +1,8 @@
-import XtCard from './index.vue'
-
-XtCard.install = function (Vue) {
-  Vue.component(XtCard.name, XtCard)
-}
-
-export default XtCard
+import XtCard from './index.vue'
+
+XtCard.install = function (Vue) {
+  Vue.component(XtCard.name, XtCard)
+}
+
+export default XtCard
 export { XtCard }

package/src/components/xt-card/style/index.scss

@@ -1,49 +1,49 @@
-@import '../../../styles/variables.scss';
-
-.xt-card {
-  --xt-card-bg-color: var(--xt-card-bg-color, #ffffff);
-  --xt-card-border-color: var(--xt-card-border-color, #EBEEF5);
-  --xt-card-text-color: var(--xt-color-text-primary, #303133);
-  
-  border-radius: var(--xt-card-border-radius, 4px);
-  box-shadow: var(--xt-card-shadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
-  background-color: var(--xt-card-bg-color);
-  overflow: hidden;
-  color: var(--xt-card-text-color);
-  transition: var(--xt-transition-duration, 0.3s);
-}
-
-.xt-card .card__header {
-  padding: var(--xt-card-header-padding, 18px 20px);
-  box-sizing: border-box;
-  font-weight: 600;
-  font-size: var(--xt-font-size-medium, 16px);
-}
-
-.xt-card .card__body {
-  padding: var(--xt-card-padding, 20px);
-}
-
-.xt-card .card__body .value {
-  font-size: var(--xt-font-size-large, 18px);
-  font-weight: 600;
-  color: var(--xt-color-primary, #1890ff);
-}
-
-.xt-card .card__body .unit {
-  font-size: var(--xt-font-size-base, 14px);
-  color: var(--xt-color-text-secondary, #909399);
-  margin-left: 4px;
-}
-
-.xt-card .value {
-  font-weight: 600;
-}
-
-.xt-card .card__header + .card__body {
-  padding-top: 0;
-}
-
-.xt-card.noPadding .card__body {
-  padding: 0;
+@import '../../../styles/variables.scss';
+
+.xt-card {
+  --xt-card-bg-color: var(--xt-card-bg-color, #ffffff);
+  --xt-card-border-color: var(--xt-card-border-color, #EBEEF5);
+  --xt-card-text-color: var(--xt-color-text-primary, #303133);
+  
+  border-radius: var(--xt-card-border-radius, 4px);
+  box-shadow: var(--xt-card-shadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
+  background-color: var(--xt-card-bg-color);
+  overflow: hidden;
+  color: var(--xt-card-text-color);
+  transition: var(--xt-transition-duration, 0.3s);
+}
+
+.xt-card .card__header {
+  padding: var(--xt-card-header-padding, 18px 20px);
+  box-sizing: border-box;
+  font-weight: 600;
+  font-size: var(--xt-font-size-medium, 16px);
+}
+
+.xt-card .card__body {
+  padding: var(--xt-card-padding, 20px);
+}
+
+.xt-card .card__body .value {
+  font-size: var(--xt-font-size-large, 18px);
+  font-weight: 600;
+  color: var(--xt-color-primary, #1890ff);
+}
+
+.xt-card .card__body .unit {
+  font-size: var(--xt-font-size-base, 14px);
+  color: var(--xt-color-text-secondary, #909399);
+  margin-left: 4px;
+}
+
+.xt-card .value {
+  font-weight: 600;
+}
+
+.xt-card .card__header + .card__body {
+  padding-top: 0;
+}
+
+.xt-card.noPadding .card__body {
+  padding: 0;
 }

package/src/components/xt-card-item/index.js

@@ -1,8 +1,8 @@
-import XtCardItem from './index.vue'
-
-XtCardItem.install = function (Vue) {
-  Vue.component(XtCardItem.name, XtCardItem)
-}
-
-export default XtCardItem
+import XtCardItem from './index.vue'
+
+XtCardItem.install = function (Vue) {
+  Vue.component(XtCardItem.name, XtCardItem)
+}
+
+export default XtCardItem
 export { XtCardItem }

package/src/components/xt-card-item/style/index copy.scss

@@ -1,72 +1,72 @@
-@import '../../../styles/variables.scss';
-
-.xt-card-item {
-  --xt-card-item-color: var(--xt-color-primary, #1890ff);
-  
-  min-height: var(--xt-card-item-min-height, 40px);
-}
-
-.xt-card-item + .xt-card-item {
-  margin-top: var(--xt-card-item-gap, 10px);
-}
-
-.xt-card-item.is-border {
-  border-right: var(--xt-card-item-border-width, 3px) solid transparent;
-  background-color: var(--xt-color-bg-secondary, #f5f7fa);
-}
-
-.xt-card-item.is-border.is-primary {
-  border-right-color: var(--xt-card-item-color);
-}
-
-.xt-card-item.is-border.is-primary .item__value .value {
-  color: var(--xt-card-item-color);
-}
-
-.xt-card-item.is-border.is-success {
-  border-right-color: var(--xt-color-success, #67C23A);
-}
-
-.xt-card-item.is-border.is-success .item__value .value {
-  color: var(--xt-color-success, #67C23A);
-}
-
-.xt-card-item.is-border.is-warning {
-  border-right-color: var(--xt-color-warning, #E6A23C);
-}
-
-.xt-card-item.is-border.is-warning .item__value .value {
-  color: var(--xt-color-warning, #E6A23C);
-}
-
-.xt-card-item.is-border.is-danger {
-  border-right-color: var(--xt-color-danger, #F56C6C);
-}
-
-.xt-card-item.is-border.is-danger .item__value .value {
-  color: var(--xt-color-danger, #F56C6C);
-}
-
-.xt-card-item .item__value {
-  padding-right: 10px;
-}
-
-.xt-card-item .item__value .value {
-  font-weight: 600;
-  font-size: var(--xt-font-size-base, 14px);
-}
-
-.xt-card-item .item__value .unit {
-  font-size: var(--xt-font-size-small, 13px);
-  color: var(--xt-color-text-secondary, #909399);
-}
-
-.xt-card-item .item__label {
-  padding-left: 10px;
-  color: var(--xt-color-text-secondary, #909399);
-}
-
-.xt-card-item .item__unit {
-  padding-left: 5px;
-  color: var(--xt-color-text-secondary, #909399);
+@import '../../../styles/variables.scss';
+
+.xt-card-item {
+  --xt-card-item-color: var(--xt-color-primary, #1890ff);
+  
+  min-height: var(--xt-card-item-min-height, 40px);
+}
+
+.xt-card-item + .xt-card-item {
+  margin-top: var(--xt-card-item-gap, 10px);
+}
+
+.xt-card-item.is-border {
+  border-right: var(--xt-card-item-border-width, 3px) solid transparent;
+  background-color: var(--xt-color-bg-secondary, #f5f7fa);
+}
+
+.xt-card-item.is-border.is-primary {
+  border-right-color: var(--xt-card-item-color);
+}
+
+.xt-card-item.is-border.is-primary .item__value .value {
+  color: var(--xt-card-item-color);
+}
+
+.xt-card-item.is-border.is-success {
+  border-right-color: var(--xt-color-success, #67C23A);
+}
+
+.xt-card-item.is-border.is-success .item__value .value {
+  color: var(--xt-color-success, #67C23A);
+}
+
+.xt-card-item.is-border.is-warning {
+  border-right-color: var(--xt-color-warning, #E6A23C);
+}
+
+.xt-card-item.is-border.is-warning .item__value .value {
+  color: var(--xt-color-warning, #E6A23C);
+}
+
+.xt-card-item.is-border.is-danger {
+  border-right-color: var(--xt-color-danger, #F56C6C);
+}
+
+.xt-card-item.is-border.is-danger .item__value .value {
+  color: var(--xt-color-danger, #F56C6C);
+}
+
+.xt-card-item .item__value {
+  padding-right: 10px;
+}
+
+.xt-card-item .item__value .value {
+  font-weight: 600;
+  font-size: var(--xt-font-size-base, 14px);
+}
+
+.xt-card-item .item__value .unit {
+  font-size: var(--xt-font-size-small, 13px);
+  color: var(--xt-color-text-secondary, #909399);
+}
+
+.xt-card-item .item__label {
+  padding-left: 10px;
+  color: var(--xt-color-text-secondary, #909399);
+}
+
+.xt-card-item .item__unit {
+  padding-left: 5px;
+  color: var(--xt-color-text-secondary, #909399);
 }

package/src/components/xt-card-item/style/index.scss

@@ -1,83 +1,83 @@
-@import '../../../styles/variables.scss';
-
-.xt-card-item {
-  --xt-card-bg-color: var(--xt-card-bg-color, #ffffff);
-  --xt-card-border-color: var(--xt-card-border-color, #EBEEF5);
-  --xt-card-text-color: var(--xt-color-text-primary, #303133);
-  
-  border-radius: var(--xt-card-border-radius, 4px);
-  box-shadow: var(--xt-card-shadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
-  background-color: var(--xt-card-bg-color);
-  overflow: hidden;
-  color: var(--xt-card-text-color);
-  transition: var(--xt-transition-duration, 0.3s);
-}
-
-.xt-card-item.is-primary {
-  --xt-card-bg-color: var(--xt-color-primary, #1890ff);
-  .card__header {
-    color: var(--xt-color-white, #ffffff);
-  }
-}
-
-
-.xt-card-item.is-success {
-  --xt-card-bg-color: var(--xt-color-success, #67c039);
-  .card__header {
-    color: var(--xt-color-white, #ffffff);
-  }
-}
-
-
-
-.xt-card-item.is-danger {
-  --xt-card-bg-color: var(--xt-color-danger, #f56c6c);  
-  .card__header {
-    color: var(--xt-color-white, #ffffff);
-  }
-}
-
-
-
-.xt-card-item.is-warning {
-  --xt-card-bg-color: var(--xt-color-warning, #e6a23c); 
-  .card__header {
-    color: var(--xt-color-white, #ffffff);
-  }
-}
-
-
-.xt-card-item .card__header {
-  padding: var(--xt-card-header-padding, 18px 20px);
-  box-sizing: border-box;
-  font-weight: 600;
-  font-size: var(--xt-font-size-medium, 16px);
-}
-
-.xt-card-item .card__body {
-  padding: var(--xt-card-padding, 20px);
-}
-
-.xt-card-item .card__body .value {
-  font-size: var(--xt-font-size-large, 18px);
-  font-weight: 600;
-  color: var(--xt-color-primary, #1890ff);
-}
-
-.xt-card-item .card__body .unit {
-  font-size: var(--xt-font-size-base, 14px);
-  color: var(--xt-color-text-secondary, #909399);
-  margin-left: 4px;
-}
-
-.xt-card-item .value {
-  font-weight: 600;
-}
-
-.xt-card-item .card__header + .card__body {
-  padding-top: 0;
-}
-
-.xt-card-item.noPadding .card__body {
-  padding: 0;
+@import '../../../styles/variables.scss';
+
+.xt-card-item {
+  --xt-card-bg-color: var(--xt-card-bg-color, #ffffff);
+  --xt-card-border-color: var(--xt-card-border-color, #EBEEF5);
+  --xt-card-text-color: var(--xt-color-text-primary, #303133);
+  
+  border-radius: var(--xt-card-border-radius, 4px);
+  box-shadow: var(--xt-card-shadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
+  background-color: var(--xt-card-bg-color);
+  overflow: hidden;
+  color: var(--xt-card-text-color);
+  transition: var(--xt-transition-duration, 0.3s);
+}
+
+.xt-card-item.is-primary {
+  --xt-card-bg-color: var(--xt-color-primary, #1890ff);
+  .card__header {
+    color: var(--xt-color-white, #ffffff);
+  }
+}
+
+
+.xt-card-item.is-success {
+  --xt-card-bg-color: var(--xt-color-success, #67c039);
+  .card__header {
+    color: var(--xt-color-white, #ffffff);
+  }
+}
+
+
+
+.xt-card-item.is-danger {
+  --xt-card-bg-color: var(--xt-color-danger, #f56c6c);  
+  .card__header {
+    color: var(--xt-color-white, #ffffff);
+  }
+}
+
+
+
+.xt-card-item.is-warning {
+  --xt-card-bg-color: var(--xt-color-warning, #e6a23c); 
+  .card__header {
+    color: var(--xt-color-white, #ffffff);
+  }
+}
+
+
+.xt-card-item .card__header {
+  padding: var(--xt-card-header-padding, 18px 20px);
+  box-sizing: border-box;
+  font-weight: 600;
+  font-size: var(--xt-font-size-medium, 16px);
+}
+
+.xt-card-item .card__body {
+  padding: var(--xt-card-padding, 20px);
+}
+
+.xt-card-item .card__body .value {
+  font-size: var(--xt-font-size-large, 18px);
+  font-weight: 600;
+  color: var(--xt-color-primary, #1890ff);
+}
+
+.xt-card-item .card__body .unit {
+  font-size: var(--xt-font-size-base, 14px);
+  color: var(--xt-color-text-secondary, #909399);
+  margin-left: 4px;
+}
+
+.xt-card-item .value {
+  font-weight: 600;
+}
+
+.xt-card-item .card__header + .card__body {
+  padding-top: 0;
+}
+
+.xt-card-item.noPadding .card__body {
+  padding: 0;
 }

package/src/components/xt-config-provider/index.js

@@ -1,8 +1,8 @@
-import XtConfigProvider from './index.vue'
-
-XtConfigProvider.install = function (Vue) {
-  Vue.component(XtConfigProvider.name, XtConfigProvider)
-}
-
-export default XtConfigProvider
+import XtConfigProvider from './index.vue'
+
+XtConfigProvider.install = function (Vue) {
+  Vue.component(XtConfigProvider.name, XtConfigProvider)
+}
+
+export default XtConfigProvider
 export { XtConfigProvider }