bi-element-ui 1.1.9 → 1.1.91

package/src/components/BiTooltipIcon/index.vue

@@ -1,63 +1,63 @@
-<!--
- * @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,50 +1,50 @@
-<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,91 +1,91 @@
-<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,65 +1,65 @@
-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()
+}

package/src/router/index.js

@@ -1,44 +1,44 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
-
-Vue.use(VueRouter)
-
-const routes = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  // {
-  //   path: '/scene',
-  //   name: 'Scene',
-  //   component: () => import(/* webpackChunkName: "about" */ '../views/Scene.vue')
-  // },
-  {
-    path: '/date',
-    name: 'Date',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Date.vue')
-  },
-  {
-    path: '/layout',
-    name: 'Layout',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Layout.vue')
-  },
-  {
-    path: '/table',
-    name: 'Table',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Table.vue')
-  },
-  {
-    path: '/showData',
-    name: 'showData',
-    component: () => import(/* webpackChunkName: "about" */ '../views/showData.vue')
-  }
-]
-
-const router = new VueRouter({
-  routes
-})
-
-export default router
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import Home from '../views/Home.vue'
+
+Vue.use(VueRouter)
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  // {
+  //   path: '/scene',
+  //   name: 'Scene',
+  //   component: () => import(/* webpackChunkName: "about" */ '../views/Scene.vue')
+  // },
+  {
+    path: '/date',
+    name: 'Date',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Date.vue')
+  },
+  {
+    path: '/layout',
+    name: 'Layout',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Layout.vue')
+  },
+  {
+    path: '/table',
+    name: 'Table',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Table.vue')
+  },
+  {
+    path: '/showData',
+    name: 'showData',
+    component: () => import(/* webpackChunkName: "about" */ '../views/showData.vue')
+  }
+]
+
+const router = new VueRouter({
+  routes
+})
+
+export default router