vxe-table 3.4.14 → 3.4.15

package/packages/tooltip/src/tooltip.js

@@ -26,6 +26,20 @@ function updateTipStyle (_vm) {
   }
 }
 
+function showTip (_vm) {
+  const { $el, tipStore, zIndex } = _vm
+  const parentNode = $el.parentNode
+  if (!parentNode) {
+    document.body.appendChild($el)
+  }
+  _vm.updateValue(true)
+  _vm.updateZindex()
+  tipStore.placement = 'top'
+  tipStore.style = { width: 'auto', left: 0, top: 0, zIndex: zIndex || _vm.tipZindex }
+  tipStore.arrowStyle = { left: '50%' }
+  return _vm.updatePlacement()
+}
+
 export default {
   name: 'VxeTooltip',
   mixins: [vSize],
@@ -38,15 +52,16 @@ export default {
     zIndex: [String, Number],
     isArrow: { type: Boolean, default: true },
     enterable: Boolean,
+    enterDelay: { type: Number, default: () => GlobalConfig.tooltip.enterDelay },
     leaveDelay: { type: Number, default: () => GlobalConfig.tooltip.leaveDelay },
     leaveMethod: Function
   },
   data () {
     return {
       isUpdate: false,
-      isHover: false,
       visible: false,
       message: '',
+      tipActive: false,
       tipTarget: null,
       tipZindex: 0,
       tipStore: {
@@ -67,6 +82,13 @@ export default {
       this.isUpdate = false
     }
   },
+  created () {
+    this.showDelayTip = XEUtils.debounce(() => {
+      if (this.tipActive) {
+        showTip(this)
+      }
+    }, this.enterDelay, { leading: false, trailing: true })
+  },
   mounted () {
     const { $el, trigger, content, value } = this
     const parentNode = $el.parentNode
@@ -111,7 +133,7 @@ export default {
     }
   },
   render (h) {
-    const { $scopedSlots, vSize, theme, message, isHover, isArrow, visible, tipStore, enterable } = this
+    const { $scopedSlots, vSize, theme, message, tipActive, isArrow, visible, tipStore, enterable } = this
     let on
     if (enterable) {
       on = {
@@ -126,7 +148,7 @@ export default {
         'is--enterable': enterable,
         'is--visible': visible,
         'is--arrow': isArrow,
-        'is--hover': isHover
+        'is--actived': tipActive
       }],
       style: tipStore.style,
       ref: 'tipWrapper',
@@ -147,15 +169,16 @@ export default {
     },
     close () {
       this.tipTarget = null
+      this.tipActive = false
       Object.assign(this.tipStore, {
         style: {},
         placement: '',
         arrowStyle: null
       })
-      this.update(false)
+      this.updateValue(false)
       return this.$nextTick()
     },
-    update (value) {
+    updateValue (value) {
       if (value !== this.visible) {
         this.visible = value
         this.isUpdate = true
@@ -170,23 +193,18 @@ export default {
       }
     },
     toVisible (target, message) {
-      this.targetActive = true
       if (target) {
-        const { $el, tipStore, zIndex } = this
-        const parentNode = $el.parentNode
-        if (!parentNode) {
-          document.body.appendChild($el)
-        }
+        const { trigger, enterDelay } = this
+        this.tipActive = true
+        this.tipTarget = target
         if (message) {
           this.message = message
         }
-        this.tipTarget = target
-        this.update(true)
-        this.updateZindex()
-        tipStore.placement = 'top'
-        tipStore.style = { width: 'auto', left: 0, top: 0, zIndex: zIndex || this.tipZindex }
-        tipStore.arrowStyle = { left: '50%' }
-        return this.updatePlacement()
+        if (enterDelay && trigger === 'hover') {
+          this.showDelayTip()
+        } else {
+          return showTip(this)
+        }
       }
       return this.$nextTick()
     },
@@ -199,6 +217,12 @@ export default {
         }
       })
     },
+    isActived () {
+      return this.tipActive
+    },
+    setActived (actived) {
+      this.tipActive = !!actived
+    },
     clickEvent () {
       this[this.visible ? 'close' : 'open']()
     },
@@ -207,10 +231,10 @@ export default {
     },
     targetMouseleaveEvent () {
       const { trigger, enterable, leaveDelay } = this
-      this.targetActive = false
+      this.tipActive = false
       if (enterable && trigger === 'hover') {
         setTimeout(() => {
-          if (!this.isHover) {
+          if (!this.tipActive) {
             this.close()
           }
         }, leaveDelay)
@@ -219,15 +243,15 @@ export default {
       }
     },
     wrapperMouseenterEvent () {
-      this.isHover = true
+      this.tipActive = true
     },
     wrapperMouseleaveEvent (evnt) {
       const { leaveMethod, trigger, enterable, leaveDelay } = this
-      this.isHover = false
+      this.tipActive = false
       if (!leaveMethod || leaveMethod({ $event: evnt }) !== false) {
         if (enterable && trigger === 'hover') {
           setTimeout(() => {
-            if (!this.targetActive) {
+            if (!this.tipActive) {
               this.close()
             }
           }, leaveDelay)

package/packages/v-x-e-table/src/conf.js

@@ -228,6 +228,7 @@ export default {
     // size: null,
     trigger: 'hover',
     theme: 'dark',
+    enterDelay: 500,
     leaveDelay: 300
   },
   pager: {

package/README.en.md

@@ -1,170 +0,0 @@
-# vxe-table
-
-[简体中文](README.md) | [繁體中文](README.zh-TW.md) | English  
-
-[![star](https://gitee.com/xuliangzhan_admin/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/xuliangzhan_admin/vxe-table/stargazers)
-[![npm version](https://img.shields.io/npm/v/vxe-table.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table)
-[![npm build](https://travis-ci.com/x-extends/vxe-table.svg?branch=master)](https://travis-ci.com/x-extends/vxe-table)
-[![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
-[![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
-[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
-[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
-[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
-[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
-
-A [vue](https://www.npmjs.com/package/vue) based PC form component, support add, delete, change, virtual list, virtual tree, lazy load, shortcut menu, data validation, print export, form rendering, data paging, modal window, custom template, renderer, flexible configuration items, extension interface, etc...
-
-* Design concept
-  * Efficient and concise API design for modern browsers
-  * Modular tables, on-demand loading, extended interfaces
-  * Designed for single row table editing, supports addition, deletion, modification and query as well as more expansion, with powerful functions and performance at the same time
-
-## Browser Support
-
-![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
---- | --- | --- | --- | --- | --- |
-11+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |
-
-## Features
-
-* [x] Basic table
-* [x] Grid
-* [x] Striped
-* [x] Table with border
-* [x] Cell style
-* [x] Column resizing
-* [x] Maximum table height
-* [x] Resize height & width
-* [x] Fixed column
-* [x] Grouping table header
-* [x] Table footer
-* [x] Highlight row & column
-* [x] Table sequence
-* [x] Radio
-* [x] Checkbox
-* [x] Select
-* [x] Switch
-* [x] Sorting
-* [x] Multi field sorting
-* [x] Filter
-* [x] Merged cells
-* [x] Merged footer items
-* [x] Import/Export/Print
-* [x] Show/Hide column
-* [x] Loading
-* [x] Formatted cell
-* [x] Slot - template
-* [x] Context menu
-* [x] Detail - Expandable row
-* [x] Pager
-* [x] Form
-* [x] Toolbar
-* [x] Pulldown
-* [x] Virtual list
-* [x] Virtual tree
-* [x] Editable CRUD
-* [x] Validate
-* [x] Data Proxy
-* [x] Keyboard navigation
-* [x] Modal
-* [x] Renderer
-* [x] Virtual scroller
-* [x] Virtual merger
-* [x] (pro) Cell area selection
-* [x] (pro) Cell copy & paste
-* [x] (pro) Cell find and replace
-
-## Installing
-
-Version：[vue](https://www.npmjs.com/package/vue) 2.6.x, Dependent: [xe-utils](https://www.npmjs.com/package/xe-utils)
-
-```shell
-npm install xe-utils vxe-table@3
-```
-
-Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
-
-### npm
-
-```javascript
-import Vue from 'vue'
-import 'xe-utils'
-import VXETable from 'vxe-table'
-import 'vxe-table/lib/style.css'
-
-Vue.use(VXETable)
-```
-
-### CDN
-
-It is not recommended to use the public CDN address for production, because the connection may fail at any time, causing the project to hang up;  
-Remember to lock the version number by using CDN to avoid being affected by incompatible updates.
-
-```HTML
-<!-- Style -->
-<link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/style.css">
-<!-- Script -->
-<script src="https://unpkg.com/xe-utils"></script>
-<script src="https://unpkg.com/vxe-table"></script>
-```
-
-## Example
-
-```html
-<template>
-  <div>
-    <vxe-table :data="tableData">
-      <vxe-column type="seq" title="Seq" width="60"></vxe-column>
-      <vxe-column field="name" title="Name"></vxe-column>
-      <vxe-colgroup title="Group1">
-        <vxe-column field="sex" title="Sex"></vxe-column>
-        <vxe-column field="address" title="Address"></vxe-column>
-      </vxe-colgroup>
-    </vxe-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      tableData: [
-        { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
-        { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
-        { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
-      ]
-    }
-  }
-}
-</script>
-```
-
-## Docs
-
-💡 [User guide](https://github.com/xuliangzhan/vxe-table-demo)  
-👉 [View example](https://x-extends.github.io/vxe-table/#/table/base/basic)  
-👉 [View API](https://x-extends.github.io/vxe-table/#/table/api)
-
-## Run the project
-
-Install dependencies
-
-```shell
-npm install
-```
-
-Start local debugging
-
-```shell
-npm run serve
-```
-
-Compile packaging, generated compiled directory: lib
-
-```shell
-npm run lib
-```
-
-## License
-
-[MIT](LICENSE) © 2019-present, Xu Liangzhan

package/README.zh-TW.md

@@ -1,174 +0,0 @@
-# vxe-table
-
-[简体中文](README.md) | 繁體中文 | [English](README.en.md)  
-
-[![star](https://gitee.com/xuliangzhan_admin/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/xuliangzhan_admin/vxe-table/stargazers)
-[![npm version](https://img.shields.io/npm/v/vxe-table.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table)
-[![npm build](https://travis-ci.com/x-extends/vxe-table.svg?branch=master)](https://travis-ci.com/x-extends/vxe-table)
-[![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
-[![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
-[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
-[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
-[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
-[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
-
-一個基於 [vue](https://www.npmjs.com/package/vue) 的PC端表格組件，支持增删改查、虛擬清單、虛擬樹、懶加載、快捷選單、數據校驗、列印匯出、表單渲染、數據分頁、彈窗、自定義範本、渲染器、賊靈活的配寘項、擴展接口等…
-
-* 設計理念
-  * 面向現代瀏覽器，高效的簡潔 API 設計
-  * 模組化表格、按需加載、擴展介面
-  * 為單行編輯表格而設計，支持增删改查及更多擴展，强大的功能的同時兼具效能
-
-## QQ 交流群
-
-![qq](https://gitee.com/xuliangzhan_admin/vxe-table/raw/master/public/static/donation/qq.png)
-
-## 瀏覽器支持
-
-![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
---- | --- | --- | --- | --- | --- |
-11+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |
-
-## 功能點
-
-* [x] 基礎表格
-* [x] 高級表格
-* [x] 斑馬線條紋
-* [x] 多種邊框
-* [x] 儲存格樣式
-* [x] 列寬拖動
-* [x] 最大高度
-* [x] 自我調整寬高
-* [x] 固定列
-* [x] 多級表頭
-* [x] 錶尾數據
-* [x] 高亮行或列
-* [x] 序號
-* [x] 單選框
-* [x] 核取方塊
-* [x] 下拉選項
-* [x] 開關
-* [x] 排序
-* [x] 多欄位組合排序
-* [x] 篩選
-* [x] 儲存格合併
-* [x] 合併錶尾
-* [x] 導入/匯出/列印
-* [x] 顯示/隱藏列
-* [x] 加載中
-* [x] 格式化內容
-* [x] 自定義插槽 - 範本
-* [x] 快捷選單
-* [x] 展開行
-* [x] 分頁
-* [x] 表單
-* [x] 工具列
-* [x] 下拉容器
-* [x] 虛擬清單
-* [x] 虛擬樹
-* [x] 增删改查
-* [x] 數據校驗
-* [x] 數據代理
-* [x] 鍵盤導航
-* [x] 彈窗
-* [x] 渲染器
-* [x] 虛擬滾動
-* [x] 虛擬合併
-* [x] (pro) 儲存格區域選取
-* [x] (pro) 儲存格複製/粘貼
-* [x] (pro) 儲存格查找和替換
-
-## 安裝
-
-版本：[vue](https://www.npmjs.com/package/vue) 2.6.x, 依賴庫：[xe-utils](https://www.npmjs.com/package/xe-utils)
-
-```shell
-npm install xe-utils vxe-table@3
-```
-
-Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
-
-### npm
-
-```javascript
-import Vue from 'vue'
-import 'xe-utils'
-import VXETable from 'vxe-table'
-import 'vxe-table/lib/style.css'
-
-Vue.use(VXETable)
-```
-
-### CDN
-
-不建議將公共的CDN地址用於生產，因為該連接隨時都可能會失效，導致項目掛掉；  
-使用CDN管道記得鎖定版本號，避免受到非相容性更新的影響
-
-```HTML
-<!-- 引入樣式 -->
-<link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/style.css">
-<!-- 引入腳本 -->
-<script src="https://unpkg.com/xe-utils"></script>
-<script src="https://unpkg.com/vxe-table"></script>
-```
-
-## 示例
-
-```html
-<template>
-  <div>
-    <vxe-table :data="tableData">
-      <vxe-column type="seq" title="Seq" width="60"></vxe-column>
-      <vxe-column field="name" title="Name"></vxe-column>
-      <vxe-colgroup title="Group1">
-        <vxe-column field="sex" title="Sex"></vxe-column>
-        <vxe-column field="address" title="Address"></vxe-column>
-      </vxe-colgroup>
-    </vxe-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      tableData: [
-        { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
-        { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
-        { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
-      ]
-    }
-  }
-}
-</script>
-```
-
-## 檔案
-
-💡 [使用指南](https://github.com/xuliangzhan/vxe-table-demo)  
-👉 [查看檔案](https://xuliangzhan_admin.gitee.io/vxe-table/) [👀備用地址1](https://x-extends.github.io/vxe-table/#/table/base/basic)  
-👉 [查看檔案](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api) [👀備用地址1](https://x-extends.github.io/vxe-table/#/table/api)
-
-## 運行項目
-
-安裝依賴
-
-```shell
-npm install
-```
-
-啓動本地調試
-
-```shell
-npm run serve
-```
-
-編譯打包，生成編譯後的目錄：lib
-
-```shell
-npm run lib
-```
-
-## License
-
-[MIT](LICENSE) © 2019-present, Xu Liangzhan