bi-element-ui 1.1.8 → 1.1.91

package/src/views/Table.vue

@@ -1,85 +1,101 @@
 <template>
   <div>
-    <template v-if="false">
-      <div
-        class="example-table-box"
-        style="padding-top: 20px"
-      >
-        <p>测试表格</p>
-        <div class="test">
-          <el-table
-            v-sticky-header="{offsetTop:0}"
-            v-sticky-footer
-            :data="data"
-            show-summary
+
+    <div
+      class="example-table-box"
+      style="padding-top: 20px"
+    >
+      <p>测试表格</p>
+      <div class="test">
+        <el-table
+          v-sticky-header="{offsetTop:0}"
+          v-sticky-footer
+          :data="data"
+          show-summary
+        >
+
+          <el-table-column
+            label="组"
+            fixed="left"
+            width="200px"
           >
-            <el-table-column
-              label="日期"
-              prop="date"
-              width="160"
-            ></el-table-column>
-            <el-table-column
-              label="姓名"
-              prop="name"
-            ></el-table-column>
             <el-table-column
               label="省份"
               prop="province"
+              width="100px"
+              fixed="left"
             ></el-table-column>
             <el-table-column
-              label="市区"
-              prop="city"
-            ></el-table-column>
-            <el-table-column
-              label="地址"
-              prop="address"
-              min-width="200"
-            ></el-table-column>
-            <el-table-column
-              label="地址"
-              prop="address2"
-              min-width="200"
-            ></el-table-column>
-            <el-table-column
-              label="邮编"
-              prop="zip"
-              fixed="right"
+              label="姓名"
+              prop="name"
+              width="100px"
+              fixed="left"
             ></el-table-column>
-          </el-table>
-        </div>
 
-        <bi-table
-          border
-          stripe
-          :data="data"
-          :column="basicColumn"
-          show-summary
-          :summary-method="getSummaries"
-        ></bi-table>
+          </el-table-column>
+          <el-table-column
+            label="日期"
+            prop="date"
+            width="100px"
+          ></el-table-column>
+          <el-table-column
+            label="市区"
+            prop="city"
+            width="100px"
+          ></el-table-column>
+          <el-table-column
+            label="地址"
+            prop="address"
+            width="200px"
+          ></el-table-column>
+          <el-table-column
+            label="地址"
+            prop="address2"
+            width="200px"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+            fixed="right"
+            width="200px"
+          ></el-table-column>
+        </el-table>
       </div>
-      <el-button
-        type=""
-        @click="search"
-      >搜索</el-button>
 
-      <div
-        class="example-table-box"
-        style="padding-top: 20px"
-      >
-        <p>sticky表格</p>
-        <bi-table
-          ref="table"
-          border
-          stripe
-          fixed="sticky"
-          :sticky-top="0"
-          :data="data"
-          :column="basicColumn"
-          show-summary
-          :summary-method="getSummaries"
-        ></bi-table>
-      </div>
+      <!-- <bi-table
+        border
+        stripe
+        :data="data"
+        :column="basicColumn"
+        show-summary
+        :summary-method="getSummaries"
+      ></bi-table> -->
+    </div>
+
+    <el-button
+      type=""
+      @click="search"
+    >搜索</el-button>
 
+    <div
+      class="example-table-box"
+      style="padding-top: 20px"
+    >
+      <p>sticky表格</p>
+      <bi-table
+        ref="table"
+        header-popper-type="asd"
+        border
+        stripe
+        fixed="sticky"
+        :sticky-top="0"
+        :data="data"
+        :column="duojibiaotou"
+        show-summary
+        :summary-method="getSummaries"
+      ></bi-table>
+    </div>
+    <template v-if="false">
       <div style="padding-bottom:600px"></div>
       <div class="example-table-box">
         <p>普通固定表头</p>
@@ -169,113 +185,114 @@
           </template>
         </bi-table>
       </div>
-    </template>
-    <div class="example-table-box">
-      <p>tooltipIcon在表格内的组件使用</p>
-      <p> <el-button @click="tableLoading=!tableLoading">tableLoading</el-button></p>
-      <el-table
-        v-sticky-header="{offsetTop:0}"
-        v-sticky-footer="{offsetBottom:0}"
-        :data="data"
-        :summary-method="getSummaries"
-        show-summary
-      >
-        <el-table-column
-          label="日期"
-          prop="date"
-          fixed
-        ></el-table-column>
-        <el-table-column
-          label="姓名"
-          prop="name"
-          fixed
-        ></el-table-column>
-        <el-table-column
-          label="省份"
-          prop="province"
-          fixed
-        ></el-table-column>
-        <el-table-column
-          label="省份tableLoading3"
-          prop="province"
-          fixed="right"
-        ></el-table-column>
-        <el-table-column
-          v-if="tableLoading"
-          label="姓名right1"
-          prop="name"
-          fixed="right"
-        ></el-table-column>
 
-        <el-table-column
-          v-if="tableLoading"
-          label="姓名right2"
-          prop="name"
-          fixed="right"
-        ></el-table-column>
+      <div class="example-table-box">
+        <p>tooltipIcon在表格内的组件使用</p>
+        <p> <el-button @click="tableLoading=!tableLoading">tableLoading</el-button></p>
+        <el-table
+          v-sticky-header="{offsetTop:0}"
+          v-sticky-footer="{offsetBottom:0}"
+          :data="data"
+          :summary-method="getSummaries"
+          show-summary
+        >
+          <el-table-column
+            label="日期"
+            prop="date"
+            fixed
+          ></el-table-column>
+          <el-table-column
+            label="姓名"
+            prop="name"
+            fixed
+          ></el-table-column>
+          <el-table-column
+            label="省份"
+            prop="province"
+            fixed
+          ></el-table-column>
+          <el-table-column
+            label="省份tableLoading3"
+            prop="province"
+            fixed="right"
+          ></el-table-column>
+          <el-table-column
+            v-if="tableLoading"
+            label="姓名right1"
+            prop="name"
+            fixed="right"
+          ></el-table-column>
 
-        <el-table-column
-          label="市区"
-          prop="city"
-        ></el-table-column>
+          <el-table-column
+            v-if="tableLoading"
+            label="姓名right2"
+            prop="name"
+            fixed="right"
+          ></el-table-column>
 
-        <el-table-column
-          label="地址"
-          prop="address"
-          width="400"
-        ></el-table-column>
-        <el-table-column
-          label="地址2"
-          prop="address"
-          width="400"
-        ></el-table-column>
-        <el-table-column
-          label="地址3"
-          prop="address"
-          width="400"
-        ></el-table-column>
-        <el-table-column
-          label="邮编"
-          prop="zip"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          prop="cmp"
-        ></el-table-column>
-        <el-table-column
-          label="邮编"
-          prop="zip"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          prop="cmp"
-        ></el-table-column>
-        <el-table-column
-          label="邮编"
-          prop="zip"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          prop="cmp"
-        ></el-table-column>
-        <el-table-column
-          label="邮编"
-          prop="zip"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          prop="cmp"
-        ></el-table-column>
-        <el-table-column
-          label="邮编"
-          prop="zip"
-        ></el-table-column>
-        <el-table-column
-          label="操作"
-          prop="cmp"
-        ></el-table-column>
-      </el-table>
-    </div>
+          <el-table-column
+            label="市区"
+            prop="city"
+          ></el-table-column>
+
+          <el-table-column
+            label="地址"
+            prop="address"
+            width="400"
+          ></el-table-column>
+          <el-table-column
+            label="地址2"
+            prop="address"
+            width="400"
+          ></el-table-column>
+          <el-table-column
+            label="地址3"
+            prop="address"
+            width="400"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            prop="cmp"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            prop="cmp"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            prop="cmp"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            prop="cmp"
+          ></el-table-column>
+          <el-table-column
+            label="邮编"
+            prop="zip"
+          ></el-table-column>
+          <el-table-column
+            label="操作"
+            prop="cmp"
+          ></el-table-column>
+        </el-table>
+      </div>
+    </template>
   </div>
 </template>
 

package/src/views/showData.vue

@@ -1,3 +1,3 @@
-<template>
-  <bi-home-data />
+<template>
+  <bi-home-data />
 </template>

package/tests/e2e/.eslintrc.js

@@ -1,10 +1,10 @@
-module.exports = {
-  plugins: ['cypress'],
-  env: {
-    mocha: true,
-    'cypress/globals': true
-  },
-  rules: {
-    strict: 'off'
-  }
-}
+module.exports = {
+  plugins: ['cypress'],
+  env: {
+    mocha: true,
+    'cypress/globals': true
+  },
+  rules: {
+    strict: 'off'
+  }
+}

package/tests/e2e/plugins/index.js

@@ -1,25 +1,25 @@
-/* eslint-disable arrow-body-style */
-// https://docs.cypress.io/guides/guides/plugins-guide.html
-
-// if you need a custom webpack configuration you can uncomment the following import
-// and then use the `file:preprocessor` event
-// as explained in the cypress docs
-// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
-
-// /* eslint-disable import/no-extraneous-dependencies, global-require */
-// const webpack = require('@cypress/webpack-preprocessor')
-
-module.exports = (on, config) => {
-  // on('file:preprocessor', webpack({
-  //  webpackOptions: require('@vue/cli-service/webpack.config'),
-  //  watchOptions: {}
-  // }))
-
-  return Object.assign({}, config, {
-    fixturesFolder: 'tests/e2e/fixtures',
-    integrationFolder: 'tests/e2e/specs',
-    screenshotsFolder: 'tests/e2e/screenshots',
-    videosFolder: 'tests/e2e/videos',
-    supportFile: 'tests/e2e/support/index.js'
-  })
-}
+/* eslint-disable arrow-body-style */
+// https://docs.cypress.io/guides/guides/plugins-guide.html
+
+// if you need a custom webpack configuration you can uncomment the following import
+// and then use the `file:preprocessor` event
+// as explained in the cypress docs
+// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
+
+// /* eslint-disable import/no-extraneous-dependencies, global-require */
+// const webpack = require('@cypress/webpack-preprocessor')
+
+module.exports = (on, config) => {
+  // on('file:preprocessor', webpack({
+  //  webpackOptions: require('@vue/cli-service/webpack.config'),
+  //  watchOptions: {}
+  // }))
+
+  return Object.assign({}, config, {
+    fixturesFolder: 'tests/e2e/fixtures',
+    integrationFolder: 'tests/e2e/specs',
+    screenshotsFolder: 'tests/e2e/screenshots',
+    videosFolder: 'tests/e2e/videos',
+    supportFile: 'tests/e2e/support/index.js'
+  })
+}

package/tests/e2e/specs/test.js

@@ -1,8 +1,8 @@
-// https://docs.cypress.io/api/introduction/api.html
-
-describe('My First Test', () => {
-  it('Visits the app root url', () => {
-    cy.visit('/')
-    cy.contains('h1', 'Welcome to Your Vue.js App')
-  })
-})
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('Visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Welcome to Your Vue.js App')
+  })
+})

package/tests/e2e/support/commands.js

@@ -1,25 +1,25 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add("login", (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This is will overwrite an existing command --
-// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/tests/e2e/support/index.js

@@ -1,20 +1,20 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package/tests/unit/example.spec.js

@@ -1,13 +1,13 @@
-import { expect } from 'chai'
-import { shallowMount } from '@vue/test-utils'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-describe('HelloWorld.vue', () => {
-  it('renders props.msg when passed', () => {
-    const msg = 'new message'
-    const wrapper = shallowMount(HelloWorld, {
-      propsData: { msg }
-    })
-    expect(wrapper.text()).to.include(msg)
-  })
-})
+import { expect } from 'chai'
+import { shallowMount } from '@vue/test-utils'
+import HelloWorld from '@/components/HelloWorld.vue'
+
+describe('HelloWorld.vue', () => {
+  it('renders props.msg when passed', () => {
+    const msg = 'new message'
+    const wrapper = shallowMount(HelloWorld, {
+      propsData: { msg }
+    })
+    expect(wrapper.text()).to.include(msg)
+  })
+})