xt-element-ui 1.3.2 → 1.3.4

package/package.json

@@ -1,81 +1,80 @@
-{
-  "name": "xt-element-ui",
-  "version": "1.3.2",
-  "description": "基于 Vue 2.7 + ElementUI 的企业级组件库，提供丰富的自定义组件和扩展组件",
-  "main": "lib/index.common.js",
-  "module": "lib/index.esm.js",
-  "unpkg": "lib/index.umd.min.js",
-  "style": "lib/index.css",
-  "scripts": {
-    "docs:dev": "vuepress dev docs",
-    "docs:build": "vuepress build docs",
-    "dev": "vue-cli-service serve",
-    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js",
-    "prepublishOnly": "npm run lib"
-  },
-  "peerDependencies": {
-    "vue": "^2.6.10"
-  },
-  "devDependencies": {
-    "@vue/cli-service": "~4.5.19",
-    "sass-loader": "^10.5.2",
-    "vue": "^2.6.10",
-    "vuepress": "^1.9.10",
-    "vuepress-plugin-demo-container": "^0.2.0",
-    "vuepress-theme-reco": "^1.6.17"
-  },
-  "files": [
-    "lib",
-    "src",
-    "README.md",
-    "CHANGELOG.md",
-    "docs/components/**/*md",
-    "docs/README.md"
-  ],
-  "dependencies": {
-    "echarts": "^6.1.0",
-    "element-ui": "^2.15.14",
-    "sass": "^1.32.13",
-    "vue-server-renderer": "^2.7.14",
-    "xt-element-ui": "^1.3.0"
-  },
-  "keywords": [
-    "vue",
-    "vue2",
-    "element-ui",
-    "element",
-    "ui",
-    "components",
-    "xt-element-ui",
-    "chart",
-    "table",
-    "echarts",
-    "component-library",
-    "vue-components",
-    "admin",
-    "dashboard"
-  ],
-  "author": "XT-Element-UI Contributors",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/JobWebNie/xt-element-ui/issues"
-  },
-  "homepage": "https://jobwebnie.github.io/xt-element-ui/",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/JobWebNie/xt-element-ui.git"
-  },
-  "engines": {
-    "node": ">=12.0.0",
-    "npm": ">=6.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead",
-    "Chrome >= 60",
-    "Firefox >= 60",
-    "Safari >= 10.1",
-    "Edge >= 15"
-  ]
-}
+{
+  "name": "xt-element-ui",
+  "version": "1.3.4",
+  "description": "基于 Vue 2.7 + ElementUI 的企业级组件库，提供丰富的自定义组件和扩展组件",
+  "main": "lib/index.common.js",
+  "module": "lib/index.esm.js",
+  "unpkg": "lib/index.umd.min.js",
+  "style": "lib/index.css",
+  "scripts": {
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs",
+    "dev": "vue-cli-service serve",
+    "lib": "vue-cli-service build --target lib --name index --dest lib src/index.js",
+    "prepublishOnly": "npm run lib"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.10"
+  },
+  "devDependencies": {
+    "@vue/cli-service": "~4.5.19",
+    "sass-loader": "^10.5.2",
+    "vue": "^2.6.10",
+    "vuepress": "^1.9.10",
+    "vuepress-plugin-demo-container": "^0.2.0",
+    "vuepress-theme-reco": "^1.6.17"
+  },
+  "files": [
+    "lib",
+    "src",
+    "README.md",
+    "CHANGELOG.md",
+    "docs/components/**/*md",
+    "docs/README.md"
+  ],
+  "dependencies": {
+    "echarts": "^6.1.0",
+    "element-ui": "^2.15.14",
+    "sass": "^1.32.13",
+    "vue-server-renderer": "^2.7.14"
+  },
+  "keywords": [
+    "vue",
+    "vue2",
+    "element-ui",
+    "element",
+    "ui",
+    "components",
+    "xt-element-ui",
+    "chart",
+    "table",
+    "echarts",
+    "component-library",
+    "vue-components",
+    "admin",
+    "dashboard"
+  ],
+  "author": "XT-Element-UI Contributors",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/JobWebNie/xt-element-ui/issues"
+  },
+  "homepage": "https://jobwebnie.github.io/xt-element-ui/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JobWebNie/xt-element-ui.git"
+  },
+  "engines": {
+    "node": ">=12.0.0",
+    "npm": ">=6.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "Chrome >= 60",
+    "Firefox >= 60",
+    "Safari >= 10.1",
+    "Edge >= 15"
+  ]
+}

package/src/components/ex-button/index.js

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

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

@@ -1,67 +1,67 @@
-<template>
-  <el-button 
-    class="ex-button" 
-    :class="buttonClasses"
-    v-bind="$attrs" 
-    @click="handleClick"
-  >
-    <slot></slot>
-  </el-button>
-</template>
-<script>
-export default {
-  name: 'ExButton',
-  inheritAttrs: false,
-  inject: {
-    xtConfig: {
-      default: () => ({
-        theme: 'light',
-        size: 'medium',
-        primaryColor: '#1890ff'
-      })
-    }
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'default',
-      validator: (val) => ['default', 'primary', 'success', 'warning', 'danger'].includes(val)
-    },
-    throttle: {
-      type: Number,
-      default: 0
-    },
-    size: {
-      type: String,
-      default: null,
-      validator: (val) => !val || ['mini', 'small', 'medium', 'large'].includes(val)
-    }
-  },
-  data() {
-    return {
-      lastClickTime: 0
-    }
-  },
-  computed: {
-    finalSize() {
-      // 优先使用组件自身的 size，其次继承 XtConfigProvider 的 size，最后使用默认值
-      return this.size || this.xtConfig.size || 'medium'
-    },
-    buttonClasses() {
-      return [
-        `ex-button-${this.finalSize}`,
-        `ex-button-${this.type}`
-      ]
-    }
-  },
-  methods: {
-    handleClick() {
-      if (this.throttle > 0 && Date.now() - this.lastClickTime < this.throttle) {
-        return
-      }
-      this.lastClickTime = Date.now()
-      this.$emit('click')
-    }
-  }
-}
+<template>
+  <el-button 
+    class="ex-button" 
+    :class="buttonClasses"
+    v-bind="$attrs" 
+    @click="handleClick"
+  >
+    <slot></slot>
+  </el-button>
+</template>
+<script>
+export default {
+  name: 'ExButton',
+  inheritAttrs: false,
+  inject: {
+    xtConfig: {
+      default: () => ({
+        theme: 'light',
+        size: 'medium',
+        primaryColor: '#1890ff'
+      })
+    }
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'default',
+      validator: (val) => ['default', 'primary', 'success', 'warning', 'danger'].includes(val)
+    },
+    throttle: {
+      type: Number,
+      default: 0
+    },
+    size: {
+      type: String,
+      default: null,
+      validator: (val) => !val || ['mini', 'small', 'medium', 'large'].includes(val)
+    }
+  },
+  data() {
+    return {
+      lastClickTime: 0
+    }
+  },
+  computed: {
+    finalSize() {
+      // 优先使用组件自身的 size，其次继承 XtConfigProvider 的 size，最后使用默认值
+      return this.size || this.xtConfig.size || 'medium'
+    },
+    buttonClasses() {
+      return [
+        `ex-button-${this.finalSize}`,
+        `ex-button-${this.type}`
+      ]
+    }
+  },
+  methods: {
+    handleClick() {
+      if (this.throttle > 0 && Date.now() - this.lastClickTime < this.throttle) {
+        return
+      }
+      this.lastClickTime = Date.now()
+      this.$emit('click')
+    }
+  }
+}
 </script>

package/src/components/ex-button/style/index.scss

@@ -1,67 +1,67 @@
-@import '../../../styles/variables.scss';
-
-.ex-button {
-  padding: 8px 16px;
-  border-radius: var(--xt-border-radius-base);
-  font-size: var(--xt-font-size-base);
-  border: 1px solid var(--xt-border-color, #dcdfe6);
-  transition: all 0.3s;
-  &-default{
-    background-color: var(--el-bg-color-page, #ffffff);
-    border: 1px solid var(--xt-border-color, #303133);
-    color: var(--el-text-color-primary, #303133);
-  }
-  &-primary{
-    background-color: var(--el-color-primary, #ffffff);
-    border-color: var(--el-color-primary, #ffffff);
-    color: var(--el-text-color-white, #ffffff);
-  }
-  &-success{
-    background-color: var(--el-color-success, #ffffff);
-    border-color: var(--el-color-success, #ffffff);
-    color: var(--el-text-color-white, #ffffff);
-  }
-  &-warning{
-    background-color: var(--el-color-warning, #ffffff);
-    border-color: var(--el-color-warning, #ffffff);
-    color: var(--el-text-color-white, #ffffff);
-  }
-  &-danger{
-    background-color: var(--el-color-danger, #ffffff);
-    border-color: var(--el-color-danger, #ffffff);
-    color: var(--el-text-color-white, #ffffff);
-  }
-  &-info{
-    background-color: var(--el-color-info, #ffffff);
-    border-color: var(--el-color-info, #ffffff);
-    color: var(--el-text-color-white, #ffffff);
-  }
-
-  &:hover {
-    opacity: 0.8;
-  }
-}
-
-/* small size - 字体大小 12px */
-.ex-button-mini {
-  padding: 2px 4px;
-  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-extra-small);
-}
-
-/* small size - 字体大小 14px */
-.ex-button-small {
-  padding: 5px 10px;
-  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-base);
-}
-
-/* medium size - 字体大小 16px */
-.ex-button-medium {
-  padding: 8px 16px;
-  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-medium);
-}
-
-/* large size - 字体大小 18px */
-.ex-button-large {
-  padding: 11px 22px;
-  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-large);
-}
+@import '../../../styles/variables.scss';
+
+.ex-button {
+  padding: 8px 16px;
+  border-radius: var(--xt-border-radius-base);
+  font-size: var(--xt-font-size-base);
+  border: 1px solid var(--xt-border-color, #dcdfe6);
+  transition: all 0.3s;
+  &-default{
+    background-color: var(--el-bg-color-page, #ffffff);
+    border: 1px solid var(--xt-border-color, #303133);
+    color: var(--el-text-color-primary, #303133);
+  }
+  &-primary{
+    background-color: var(--el-color-primary, #ffffff);
+    border-color: var(--el-color-primary, #ffffff);
+    color: var(--el-text-color-white, #ffffff);
+  }
+  &-success{
+    background-color: var(--el-color-success, #ffffff);
+    border-color: var(--el-color-success, #ffffff);
+    color: var(--el-text-color-white, #ffffff);
+  }
+  &-warning{
+    background-color: var(--el-color-warning, #ffffff);
+    border-color: var(--el-color-warning, #ffffff);
+    color: var(--el-text-color-white, #ffffff);
+  }
+  &-danger{
+    background-color: var(--el-color-danger, #ffffff);
+    border-color: var(--el-color-danger, #ffffff);
+    color: var(--el-text-color-white, #ffffff);
+  }
+  &-info{
+    background-color: var(--el-color-info, #ffffff);
+    border-color: var(--el-color-info, #ffffff);
+    color: var(--el-text-color-white, #ffffff);
+  }
+
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
+/* small size - 字体大小 12px */
+.ex-button-mini {
+  padding: 2px 4px;
+  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-extra-small);
+}
+
+/* small size - 字体大小 14px */
+.ex-button-small {
+  padding: 5px 10px;
+  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-base);
+}
+
+/* medium size - 字体大小 16px */
+.ex-button-medium {
+  padding: 8px 16px;
+  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-medium);
+}
+
+/* large size - 字体大小 18px */
+.ex-button-large {
+  padding: 11px 22px;
+  font-size: calc(var(--xt-font-size-base) + $xt-font-size-increment-large);
+}

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

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

package/src/components/ex-card/index.vue

@@ -1,68 +1,68 @@
-<template>
-  <el-card 
-    class="ex-card" 
-    :class="cardClasses"
-    v-bind="$attrs"
-  >
-    <template #header v-if="$slots.header || title">
-      <slot name="header">{{ title }}</slot>
-    </template>
-    <slot></slot>
-  </el-card>
-</template>
-
-<script>
-export default {
-  name: 'ExCard',
-  inheritAttrs: false,
-  inject: {
-    xtConfig: {
-      default: () => ({
-        theme: 'light',
-        size: 'medium',
-        primaryColor: '#1890ff'
-      })
-    }
-  },
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    shadow: {
-      type: String,
-      default: 'always',
-      validator: (val) => ['always', 'hover', 'never'].includes(val)
-    },
-    bordered: {
-      type: Boolean,
-      default: true
-    },
-    bodyClass: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String,
-      default: null,
-      validator: (val) => !val || ['small', 'medium', 'large'].includes(val)
-    }
-  },
-  computed: {
-    finalSize() {
-      // 优先使用组件自身的 size，其次继承 XtConfigProvider 的 size，最后使用默认值
-      return this.size || this.xtConfig.size || 'medium'
-    },
-    cardClasses() {
-      return [
-        `ex-card-${this.shadow}`,
-        `ex-card-${this.finalSize}`,
-        {
-          'ex-card-no-border': !this.bordered,
-          [this.bodyClass]: this.bodyClass
-        }
-      ]
-    }
-  }
-}
-</script>
+<template>
+  <el-card 
+    class="ex-card" 
+    :class="cardClasses"
+    v-bind="$attrs"
+  >
+    <template #header v-if="$slots.header || title">
+      <slot name="header">{{ title }}</slot>
+    </template>
+    <slot></slot>
+  </el-card>
+</template>
+
+<script>
+export default {
+  name: 'ExCard',
+  inheritAttrs: false,
+  inject: {
+    xtConfig: {
+      default: () => ({
+        theme: 'light',
+        size: 'medium',
+        primaryColor: '#1890ff'
+      })
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    shadow: {
+      type: String,
+      default: 'always',
+      validator: (val) => ['always', 'hover', 'never'].includes(val)
+    },
+    bordered: {
+      type: Boolean,
+      default: true
+    },
+    bodyClass: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: null,
+      validator: (val) => !val || ['small', 'medium', 'large'].includes(val)
+    }
+  },
+  computed: {
+    finalSize() {
+      // 优先使用组件自身的 size，其次继承 XtConfigProvider 的 size，最后使用默认值
+      return this.size || this.xtConfig.size || 'medium'
+    },
+    cardClasses() {
+      return [
+        `ex-card-${this.shadow}`,
+        `ex-card-${this.finalSize}`,
+        {
+          'ex-card-no-border': !this.bordered,
+          [this.bodyClass]: this.bodyClass
+        }
+      ]
+    }
+  }
+}
+</script>