vxe-table 4.16.0-beta.6 → 4.16.0-beta.8

package/packages/locale/lang/ug-CN.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: '"{0}" نىڭ پارامېتىرى "{1}" قايتىلانما قىممەت بىرىلدى، بەلكىم خاتالىق كەلتۈرۈپ چىقىرىشى مومكىن',
       uniField: 'سۆز بولىكى  "{0}" قايتىلانما قىممەت بىرىلدى، بۇ بەلكىم خاتالىق كەلتۈرۈپ چىقىرىشى مومكىن',
       repeatKey: 'ئاچقۇچلىق پارامېتىر قايتىلانما {0}="{1}" بۇ بەلكىم خاتالىق كەلتۈرۈپ چىقىرىشى مومكىن',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: 'ئۇسۇل "{0}" تاشلىۋىتىلدى،تەۋسىيەلىك تولۇقلانما ئۇسۇل "{1}"',
       delProp: 'پارامېتىر "{0}" تاشلىۋىتىلدى،تەۋسىيەلىك پارامېتىر "{1}"',
       delEvent: 'ھەرىكەت "{0}" تاشلىۋىتىلدى،تەۋسىيەلىك ھەرىكەت "{1}"',
@@ -536,6 +537,35 @@ export default {
         ss: 'سېكۇنت'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/locale/lang/uk-UA.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: 'Параметр "{1}" "{0}" неодноразово визначається, що може спричинити помилку',
       uniField: 'Назва поля "{0}" неодноразово визначається, що може спричинити помилку',
       repeatKey: 'Повторіть первинний ключ {0} = "{1}", що може спричинити помилку',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: 'Метод "{0}" застарілий, будь ласка, використовуйте "{1}"',
       delProp: 'Параметр "{0}" застарілий, будь ласка, використовуйте "{1}"',
       delEvent: 'Подія "{0}" застаріла, будь ласка, використовуйте "{1}"',
@@ -536,6 +537,35 @@ export default {
         ss: 'Другий'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/locale/lang/uz-UZ.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: '"{1}" parametr "{0}" parametr bir necha bor aniqlanadi, bu xatoga olib kelishi mumkin',
       uniField: '"{0}" dagi "{0}" da bir necha bor aniqlanadi, bu xatoga olib kelishi mumkin',
       repeatKey: 'Birlamchi kalit {0} = "{1}" ni takrorlash mumkin, bu xatoga olib kelishi mumkin',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: '"{0}" himoyalangan, iltimos "{1}" dan foydalaning',
       delProp: '"{0}" parametri bekor qilinadi, "{1}" dan foydalaning',
       delEvent: '"{0}" bekor qilinadi, iltimos "{1}" dan foydalaning',
@@ -536,6 +537,35 @@ export default {
         ss: 'Ikkinchi'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/locale/lang/vi-VN.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: 'Tham số "{1}" của "{0}" được xác định nhiều lần, có thể gây ra lỗi',
       uniField: 'Tên trường "{0}" được xác định nhiều lần, có thể gây ra lỗi',
       repeatKey: 'Lặp lại khóa chính {0} = "{1}", có thể gây ra lỗi',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: 'Phương thức "{0}" không được dùng nữa, vui lòng sử dụng "{1}"',
       delProp: 'Tham số "{0}" không được dùng, vui lòng sử dụng "{1}"',
       delEvent: 'Sự kiện "{0}" được không dùng nữa, vui lòng sử dụng "{1}"',
@@ -536,6 +537,35 @@ export default {
         ss: 'Thứ hai'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/locale/lang/zh-CHT.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: '"{0}" 的參數 "{1}" 重複定義，這可能會出現錯誤',
       uniField: '字段名 "{0}" 重複定義，這可能會出現錯誤',
       repeatKey: '主鍵重複 {0}="{1}"，這可能會出現錯誤',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: '方法 "{0}" 已廢棄，請使用 "{1}"',
       delProp: '參數 "{0}" 已廢棄，請使用 "{1}"',
       delEvent: '事件 "{0}" 已廢棄，請使用 "{1}"',
@@ -536,6 +537,35 @@ export default {
         ss: '秒'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/locale/lang/zh-CN.ts

@@ -44,6 +44,7 @@ export default {
       coverProp: '"{0}" 的参数 "{1}" 重复定义，这可能会出现错误',
       uniField: '字段名 "{0}" 重复定义，这可能会出现错误',
       repeatKey: '主键重复 {0}="{1}"，这可能会出现错误',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: '方法 "{0}" 已废弃，请使用 "{1}"',
       delProp: '参数 "{0}" 已废弃，请使用 "{1}"',
       delEvent: '事件 "{0}" 已废弃，请使用 "{1}"',
@@ -536,6 +537,37 @@ export default {
         ss: '秒'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{E}日',
+        date: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        date: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/table/module/custom/panel.ts

@@ -1,4 +1,4 @@
-import { h, inject, ref, Ref, provide, VNode, PropType, nextTick, TransitionGroup, createCommentVNode, reactive, Teleport, onUnmounted } from 'vue'
+import { h, inject, ref, Ref, provide, VNode, PropType, nextTick, TransitionGroup, createCommentVNode, reactive, onUnmounted } from 'vue'
 import { defineVxeComponent } from '../../../ui/src/comp'
 import { VxeUI } from '../../../ui'
 import { formatText } from '../../../ui/src/utils'
@@ -609,7 +609,6 @@ export default defineVxeComponent({
       const { customStore } = props
       const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps
       const { isCustomStatus, customColumnList } = tableReactData
-      const { teleportToWrapperElem } = tableInternalData
       const customOpts = computeCustomOpts.value
       const { immediate } = customOpts
       const columnDragOpts = computeColumnDragOpts.value
@@ -751,146 +750,141 @@ export default defineVxeComponent({
           )
         }
       })
-      return h(Teleport, {
-        to: teleportToWrapperElem,
-        disabled: !($xeGantt && teleportToWrapperElem)
-      }, [
-        h('div', {
-          ref: refElem,
-          key: 'simple',
-          class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
-            'is--active': customStore.visible
-          }],
-          style: maxHeight && !['left', 'right'].includes(placement || '')
-            ? {
-                maxHeight: `${maxHeight}px`
-              }
-            : {}
-        }, customStore.visible
-          ? [
+      return h('div', {
+        ref: refElem,
+        key: 'simple',
+        class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
+          'is--active': customStore.visible
+        }],
+        style: maxHeight && !['left', 'right'].includes(placement || '')
+          ? {
+              maxHeight: `${maxHeight}px`
+            }
+          : {}
+      }, customStore.visible
+        ? [
+            h('div', {
+              ref: refBodyWrapperElem,
+              class: 'vxe-table-custom-simple--body-wrapper'
+            }, [
+              !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel
+                ? h($xeTable.getPivotTableAggregateSimplePanel(), {
+                  customStore
+                })
+                : renderEmptyElement($xeTable),
               h('div', {
-                ref: refBodyWrapperElem,
-                class: 'vxe-table-custom-simple--body-wrapper'
+                ref: refCustomBodyElem,
+                class: 'vxe-table-custom--handle-wrapper'
               }, [
-                !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregateSimplePanel
-                  ? h($xeTable.getPivotTableAggregateSimplePanel(), {
-                    customStore
-                  })
-                  : renderEmptyElement($xeTable),
                 h('div', {
-                  ref: refCustomBodyElem,
-                  class: 'vxe-table-custom--handle-wrapper'
-                }, [
-                  h('div', {
-                    class: 'vxe-table-custom--header'
-                  }, headerSlot
-                    ? $xeTable.callSlot(headerSlot, params)
-                    : [
-                        h('ul', {
-                          class: 'vxe-table-custom--panel-list'
+                  class: 'vxe-table-custom--header'
+                }, headerSlot
+                  ? $xeTable.callSlot(headerSlot, params)
+                  : [
+                      h('ul', {
+                        class: 'vxe-table-custom--panel-list'
+                      }, [
+                        h('li', {
+                          class: 'vxe-table-custom--option'
                         }, [
-                          h('li', {
-                            class: 'vxe-table-custom--option'
-                          }, [
-                            allowVisible
-                              ? h('div', {
-                                class: ['vxe-table-custom--checkbox-option', {
-                                  'is--checked': isAllChecked,
-                                  'is--indeterminate': isAllIndeterminate
-                                }],
-                                title: getI18n('vxe.table.allTitle'),
-                                onClick: allOptionEvent
-                              }, [
-                                h('span', {
-                                  class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED)]
-                                }),
-                                h('span', {
-                                  class: 'vxe-checkbox--label'
-                                }, getI18n('vxe.toolbar.customAll'))
-                              ])
-                              : h('span', {
+                          allowVisible
+                            ? h('div', {
+                              class: ['vxe-table-custom--checkbox-option', {
+                                'is--checked': isAllChecked,
+                                'is--indeterminate': isAllIndeterminate
+                              }],
+                              title: getI18n('vxe.table.allTitle'),
+                              onClick: allOptionEvent
+                            }, [
+                              h('span', {
+                                class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED)]
+                              }),
+                              h('span', {
                                 class: 'vxe-checkbox--label'
-                              }, getI18n('vxe.table.customTitle'))
-                          ])
+                              }, getI18n('vxe.toolbar.customAll'))
+                            ])
+                            : h('span', {
+                              class: 'vxe-checkbox--label'
+                            }, getI18n('vxe.table.customTitle'))
                         ])
-                      ]),
-                  h('div', {
-                    class: 'vxe-table-custom--body'
-                  }, [
-                    topSlot
-                      ? h('div', {
-                        class: 'vxe-table-custom--panel-top'
-                      }, $xeTable.callSlot(topSlot, params))
-                      : renderEmptyElement($xeTable),
-                    defaultSlot
-                      ? h('div', {
-                        class: 'vxe-table-custom--panel-body'
-                      }, $xeTable.callSlot(defaultSlot, params))
-                      : h(TransitionGroup, {
-                        class: 'vxe-table-custom--panel-list',
-                        name: 'vxe-table-custom--list',
-                        tag: 'ul',
-                        ...customWrapperOns
-                      }, {
-                        default: () => colVNs
-                      }),
-                    bottomSlot
-                      ? h('div', {
-                        class: 'vxe-table-custom--panel-bottom'
-                      }, $xeTable.callSlot(bottomSlot, params))
-                      : renderEmptyElement($xeTable)
-                  ]),
-                  customOpts.showFooter
+                      ])
+                    ]),
+                h('div', {
+                  class: 'vxe-table-custom--body'
+                }, [
+                  topSlot
                     ? h('div', {
-                      class: 'vxe-table-custom--footer'
-                    }, footerSlot
-                      ? $xeTable.callSlot(footerSlot, params)
-                      : [
-                          h('div', {
-                            class: 'vxe-table-custom--footer-buttons'
-                          }, [
-                            VxeUIButtonComponent
-                              ? h(VxeUIButtonComponent, {
-                                mode: 'text',
-                                content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
-                                disabled: !isCustomStatus,
-                                onClick: resetCustomEvent
-                              })
-                              : createCommentVNode(),
-                            immediate
-                              ? (VxeUIButtonComponent
-                                  ? h(VxeUIButtonComponent, {
-                                    mode: 'text',
-                                    content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
-                                    onClick: cancelCloseEvent
-                                  })
-                                  : createCommentVNode())
-                              : (VxeUIButtonComponent
-                                  ? h(VxeUIButtonComponent, {
-                                    mode: 'text',
-                                    content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
-                                    onClick: cancelCustomEvent
-                                  })
-                                  : createCommentVNode()),
-                            immediate
-                              ? createCommentVNode()
-                              : (VxeUIButtonComponent
-                                  ? h(VxeUIButtonComponent, {
-                                    mode: 'text',
-                                    status: 'primary',
-                                    content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
-                                    onClick: confirmCustomEvent
-                                  })
-                                  : createCommentVNode())
-                          ])
-                        ])
-                    : null
+                      class: 'vxe-table-custom--panel-top'
+                    }, $xeTable.callSlot(topSlot, params))
+                    : renderEmptyElement($xeTable),
+                  defaultSlot
+                    ? h('div', {
+                      class: 'vxe-table-custom--panel-body'
+                    }, $xeTable.callSlot(defaultSlot, params))
+                    : h(TransitionGroup, {
+                      class: 'vxe-table-custom--panel-list',
+                      name: 'vxe-table-custom--list',
+                      tag: 'ul',
+                      ...customWrapperOns
+                    }, {
+                      default: () => colVNs
+                    }),
+                  bottomSlot
+                    ? h('div', {
+                      class: 'vxe-table-custom--panel-bottom'
+                    }, $xeTable.callSlot(bottomSlot, params))
+                    : renderEmptyElement($xeTable)
                 ]),
-                renderDragTip()
-              ])
-            ]
-          : [])
-      ])
+                customOpts.showFooter
+                  ? h('div', {
+                    class: 'vxe-table-custom--footer'
+                  }, footerSlot
+                    ? $xeTable.callSlot(footerSlot, params)
+                    : [
+                        h('div', {
+                          class: 'vxe-table-custom--footer-buttons'
+                        }, [
+                          VxeUIButtonComponent
+                            ? h(VxeUIButtonComponent, {
+                              mode: 'text',
+                              content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
+                              disabled: !isCustomStatus,
+                              onClick: resetCustomEvent
+                            })
+                            : createCommentVNode(),
+                          immediate
+                            ? (VxeUIButtonComponent
+                                ? h(VxeUIButtonComponent, {
+                                  mode: 'text',
+                                  content: customOpts.closeButtonText || getI18n('vxe.table.customClose'),
+                                  onClick: cancelCloseEvent
+                                })
+                                : createCommentVNode())
+                            : (VxeUIButtonComponent
+                                ? h(VxeUIButtonComponent, {
+                                  mode: 'text',
+                                  content: customOpts.cancelButtonText || getI18n('vxe.table.customCancel'),
+                                  onClick: cancelCustomEvent
+                                })
+                                : createCommentVNode()),
+                          immediate
+                            ? createCommentVNode()
+                            : (VxeUIButtonComponent
+                                ? h(VxeUIButtonComponent, {
+                                  mode: 'text',
+                                  status: 'primary',
+                                  content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
+                                  onClick: confirmCustomEvent
+                                })
+                                : createCommentVNode())
+                        ])
+                      ])
+                  : null
+              ]),
+              renderDragTip()
+            ])
+          ]
+        : [])
     }
 
     const renderPopupPanel = () => {

package/packages/table/src/anime.ts

@@ -20,10 +20,10 @@ export function moveRowAnimateToTb (elemList: NodeListOf<HTMLElement> | HTMLDivE
   })
 }
 
-export function clearRowAnimate (elem: HTMLElement | undefined) {
+export function clearRowAnimate (elem: HTMLElement | undefined, clss: string[]) {
   setTimeout(() => {
     if (elem) {
-      XEUtils.arrayEach(elem.querySelectorAll(`.vxe-body--row.${rowMoveCls}`), elem => removeClass(elem, rowMoveCls))
+      XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, rowMoveCls))
     }
   }, 500)
 }
@@ -43,10 +43,10 @@ export function moveColAnimateToLr (elemList: NodeListOf<HTMLElement> | HTMLDivE
   })
 }
 
-export function clearColAnimate (elem: HTMLElement | undefined) {
+export function clearColAnimate (elem: HTMLElement | undefined, clss: string[]) {
   setTimeout(() => {
     if (elem) {
-      XEUtils.arrayEach(elem.querySelectorAll(`.vxe-table--column.${colMoveClass}`), elem => removeClass(elem, colMoveClass))
+      XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, colMoveClass))
     }
   }, 500)
 }