bi-element-ui 0.1.50 → 0.1.51

package/src/components/BiTooltipIcon/index.vue

@@ -1,71 +1,71 @@
-<!--
- * @Author:gjh
- * @Date: 2021-12-30 14:27:46
- * @LastEditTime: 2021-12-30 16:15:22
- * @LastEditors: Please set LastEditors
- * @Description: 基于bi项目表格图标提示的需求
- * @FilePath: \bi-element-ui\packages\TooltipIcon\src\index.vue
--->
-<template>
-  <span>
-    <!-- 支持属性props的写法和插槽替换的写法 -->
-    <slot name="tip-label">
-      <span>{{ label }}</span>
-    </slot>
-    <el-tooltip
-      class="tooltip-icon"
-      :effect="effect"
-      :placement="placement"
-      v-bind="$attrs"
-    >
-      <template slot="content">
-        <slot name="tip-content">
-          <div v-html="content"></div>
-        </slot>
-      </template>
-
-      <slot name="tip-icon">
-        <span style="margin-left:5px">
-          <!-- 这里默认采用的是el-icon的图标 -->
-          <i :class="icon"></i>
-        </span>
-      </slot>
-    </el-tooltip>
-  </span>
-
-</template>
-
-<script>
-export default {
-  name: 'BiTooltipIcon',
-  props: {
-    label: {
-      type: String,
-      default: '头部标题'
-    },
-    icon: {
-      type: String,
-      default: 'el-icon-warning-outline'
-    },
-    content: {
-      type: String,
-      default: '提示内容'
-    },
-    placement: {
-      type: String,
-      default: 'bottom'
-    },
-    effect: {
-      type: String,
-      default: 'dark'
-    }
-  },
-  data() {
-    return {}
-  }
-}
-</script>
-
-<style>
-</style>
-
+<!--
+ * @Author:gjh
+ * @Date: 2021-12-30 14:27:46
+ * @LastEditTime: 2021-12-30 16:15:22
+ * @LastEditors: Please set LastEditors
+ * @Description: 基于bi项目表格图标提示的需求
+ * @FilePath: \bi-element-ui\packages\TooltipIcon\src\index.vue
+-->
+<template>
+  <span>
+    <!-- 支持属性props的写法和插槽替换的写法 -->
+    <slot name="tip-label">
+      <span>{{ label }}</span>
+    </slot>
+    <el-tooltip
+      class="tooltip-icon"
+      :effect="effect"
+      :placement="placement"
+      v-bind="$attrs"
+    >
+      <template slot="content">
+        <slot name="tip-content">
+          <div v-html="content"></div>
+        </slot>
+      </template>
+
+      <slot name="tip-icon">
+        <span style="margin-left:5px">
+          <!-- 这里默认采用的是el-icon的图标 -->
+          <i :class="icon"></i>
+        </span>
+      </slot>
+    </el-tooltip>
+  </span>
+
+</template>
+
+<script>
+export default {
+  name: 'BiTooltipIcon',
+  props: {
+    label: {
+      type: String,
+      default: '头部标题'
+    },
+    icon: {
+      type: String,
+      default: 'el-icon-warning-outline'
+    },
+    content: {
+      type: String,
+      default: '提示内容'
+    },
+    placement: {
+      type: String,
+      default: 'bottom'
+    },
+    effect: {
+      type: String,
+      default: 'dark'
+    }
+  },
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style>
+</style>
+

package/src/components/EditBtn.vue

@@ -1,15 +1,15 @@
-<template>
-  <el-button size="mini" @click="todo">编辑</el-button>
-</template>
-
-<script>
-export default {
-  props: ['row', 'column'],
-
-  methods: {
-    todo() {
-      this.$emit('row-edit', this.row)
-    }
-  }
-}
-</script>
+<template>
+  <el-button size="mini" @click="todo">编辑</el-button>
+</template>
+
+<script>
+export default {
+  props: ['row', 'column'],
+
+  methods: {
+    todo() {
+      this.$emit('row-edit', this.row)
+    }
+  }
+}
+</script>

package/src/components/FreeButton/index.vue

@@ -1,69 +1,69 @@
-<template>
-  <div class="free-button">
-    <slot></slot>
-    <el-button
-      type="primary"
-      icon="el-icon-search"
-      @click="search"
-    >查询</el-button>
-    <el-button
-      type="primary"
-      icon="el-icon-edit"
-    >编辑</el-button>
-    <el-button
-      type="success"
-      icon="el-icon-plus"
-    >新增</el-button>
-    <el-button
-      type="info"
-      icon="el-icon-download"
-    >导出</el-button>
-    <el-button
-      type="warning"
-      icon="el-icon-upload2"
-    >导入</el-button>
-    <el-button
-      type="danger"
-      icon="el-icon-delete"
-    >删除</el-button>
-  </div>
-</template>
-
-<script>
-const EVENT_NAMES = ['search', 'add', 'edit', 'delete', 'import', 'exprot']
-
-const methods = {}
-// const capitalizeFirstLetter = str => str.charAt(0).toUpperCase() + str.slice(1)
-
-EVENT_NAMES.forEach((name) => {
-  methods[name] = function () {
-    this.$emit(name)
-  }
-})
-
-export default {
-  name: 'FreeButton',
-  props: {
-    btnsCol: {
-      type: Array,
-      default: () => {
-        return [
-          { type: 'search', label: '查询', event: 'onSearch' },
-          { type: 'delete', label: '删除', event: 'onDelete' }
-        ]
-      }
-    },
-    btnsProps: Object
-  },
-  methods: {
-    bindEvents(name) {
-      this.$emit(name)
-    }
-  }
-}
-</script>
-<style>
-.free-button {
-  margin: 10px 0;
-}
-</style>
+<template>
+  <div class="free-button">
+    <slot></slot>
+    <el-button
+      type="primary"
+      icon="el-icon-search"
+      @click="search"
+    >查询</el-button>
+    <el-button
+      type="primary"
+      icon="el-icon-edit"
+    >编辑</el-button>
+    <el-button
+      type="success"
+      icon="el-icon-plus"
+    >新增</el-button>
+    <el-button
+      type="info"
+      icon="el-icon-download"
+    >导出</el-button>
+    <el-button
+      type="warning"
+      icon="el-icon-upload2"
+    >导入</el-button>
+    <el-button
+      type="danger"
+      icon="el-icon-delete"
+    >删除</el-button>
+  </div>
+</template>
+
+<script>
+const EVENT_NAMES = ['search', 'add', 'edit', 'delete', 'import', 'exprot']
+
+const methods = {}
+// const capitalizeFirstLetter = str => str.charAt(0).toUpperCase() + str.slice(1)
+
+EVENT_NAMES.forEach((name) => {
+  methods[name] = function () {
+    this.$emit(name)
+  }
+})
+
+export default {
+  name: 'FreeButton',
+  props: {
+    btnsCol: {
+      type: Array,
+      default: () => {
+        return [
+          { type: 'search', label: '查询', event: 'onSearch' },
+          { type: 'delete', label: '删除', event: 'onDelete' }
+        ]
+      }
+    },
+    btnsProps: Object
+  },
+  methods: {
+    bindEvents(name) {
+      this.$emit(name)
+    }
+  }
+}
+</script>
+<style>
+.free-button {
+  margin: 10px 0;
+}
+</style>

package/src/components/Pagination/index.vue

@@ -1,104 +1,104 @@
-<template>
-  <div
-    :class="{ hidden: hidden }"
-    class="pagination-container"
-  >
-    <el-pagination
-      :background="background"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :total="total"
-      v-bind="$attrs"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
-  </div>
-</template>
-
-<script>
-import { scrollTo } from './scrollTo'
-
-export default {
-  name: 'Pagination',
-  props: {
-    total: {
-      required: true,
-      type: Number
-    },
-    page: {
-      type: Number,
-      default: 1
-    },
-    limit: {
-      type: Number,
-      default: 20
-    },
-    pageSizes: {
-      type: Array,
-      default() {
-        return [10, 20, 30, 50]
-      }
-    },
-    layout: {
-      type: String,
-      default: 'total, sizes, prev, pager, next, jumper'
-    },
-    background: {
-      type: Boolean,
-      default: true
-    },
-    autoScroll: {
-      type: Boolean,
-      default: true
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    currentPage: {
-      get() {
-        return this.page
-      },
-      set(val) {
-        this.$emit('update:page', val)
-      }
-    },
-    pageSize: {
-      get() {
-        return this.limit
-      },
-      set(val) {
-        this.$emit('update:limit', val)
-      }
-    }
-  },
-  methods: {
-    handleSizeChange(val) {
-      this.$emit('pagination', { page: this.currentPage, limit: val })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    },
-    handleCurrentChange(val) {
-      this.$emit('pagination', { page: val, limit: this.pageSize })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.pagination-container {
-  background: #fff;
-  padding: 20px 16px;
-}
-.pagination-container.hidden {
-  display: none;
-}
-</style>
+<template>
+  <div
+    :class="{ hidden: hidden }"
+    class="pagination-container"
+  >
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :total="total"
+      v-bind="$attrs"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { scrollTo } from './scrollTo'
+
+export default {
+  name: 'Pagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50]
+      }
+    },
+    layout: {
+      type: String,
+      default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination-container {
+  background: #fff;
+  padding: 20px 16px;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>

package/src/components/Pagination/scrollTo.js

@@ -1,69 +1,69 @@
-Math.easeInOutQuad = function(t, b, c, d) {
-  t /= d / 2
-  if (t < 1) {
-    return (c / 2) * t * t + b
-  }
-  t--
-  return (-c / 2) * (t * (t - 2) - 1) + b
-}
-
-// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
-var requestAnimFrame = (function() {
-  return (
-    window.requestAnimationFrame ||
-    window.webkitRequestAnimationFrame ||
-    window.mozRequestAnimationFrame ||
-    function(callback) {
-      window.setTimeout(callback, 1000 / 60)
-    }
-  )
-})()
-
-/**
- * Because it's so fucking difficult to detect the scrolling element, just move them all
- * @param {number} amount
- */
-function move(amount) {
-  document.documentElement.scrollTop = amount
-  document.body.parentNode.scrollTop = amount
-  document.body.scrollTop = amount
-}
-
-function position() {
-  return (
-    document.documentElement.scrollTop ||
-    document.body.parentNode.scrollTop ||
-    document.body.scrollTop
-  )
-}
-
-/**
- * @param {number} to
- * @param {number} duration
- * @param {Function} callback
- */
-export function scrollTo(to, duration, callback) {
-  const start = position()
-  const change = to - start
-  const increment = 20
-  let currentTime = 0
-  duration = typeof duration === 'undefined' ? 500 : duration
-  var animateScroll = function() {
-    // increment the time
-    currentTime += increment
-    // find the value with the quadratic in-out easing function
-    var val = Math.easeInOutQuad(currentTime, start, change, duration)
-    // move the document.body
-    move(val)
-    // do the animation unless its over
-    if (currentTime < duration) {
-      requestAnimFrame(animateScroll)
-    } else {
-      if (callback && typeof callback === 'function') {
-        // the animation is done so lets callback
-        callback()
-      }
-    }
-  }
-  animateScroll()
-}
+Math.easeInOutQuad = function(t, b, c, d) {
+  t /= d / 2
+  if (t < 1) {
+    return (c / 2) * t * t + b
+  }
+  t--
+  return (-c / 2) * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function() {
+  return (
+    window.requestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    window.mozRequestAnimationFrame ||
+    function(callback) {
+      window.setTimeout(callback, 1000 / 60)
+    }
+  )
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+  document.documentElement.scrollTop = amount
+  document.body.parentNode.scrollTop = amount
+  document.body.scrollTop = amount
+}
+
+function position() {
+  return (
+    document.documentElement.scrollTop ||
+    document.body.parentNode.scrollTop ||
+    document.body.scrollTop
+  )
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+export function scrollTo(to, duration, callback) {
+  const start = position()
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = typeof duration === 'undefined' ? 500 : duration
+  var animateScroll = function() {
+    // increment the time
+    currentTime += increment
+    // find the value with the quadratic in-out easing function
+    var val = Math.easeInOutQuad(currentTime, start, change, duration)
+    // move the document.body
+    move(val)
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll)
+    } else {
+      if (callback && typeof callback === 'function') {
+        // the animation is done so lets callback
+        callback()
+      }
+    }
+  }
+  animateScroll()
+}