vxe-table 4.7.72 → 4.7.73

package/packages/locale/lang/ko-KR.ts

@@ -66,6 +66,7 @@ export default {
       customTitle: '列设置',
       customAll: '全部',
       customConfirm: '确认',
+      customClose: '关闭',
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的数量不能超过 {0} 个'
@@ -418,7 +419,8 @@ export default {
           seqTitle: '序号',
           showSeq: '显示序号',
           showCheckbox: '允许多选',
-          errSubDrag: '子表不支持该控件，请使用其他控件'
+          errSubDrag: '子表不支持该控件，请使用其他控件',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           limitFileCount: '文件数量限制',
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: '编辑',
-        emptyText: '未配置查询条件'
+        emptyText: '未配置查询条件',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: '已复制到剪贴板',
       copyError: '当前环境不支持该操作'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

package/packages/locale/lang/pt-BR.ts

@@ -66,6 +66,7 @@ export default {
       customTitle: 'Configurações de coluna',
       customAll: 'Todos',
       customConfirm: 'Confirm',
+      customClose: '关闭',
       customCancel: 'Cancel',
       customRestore: 'Restore',
       maxFixedCol: 'The maximum number of Freeze columns cannot exceed {0}'
@@ -418,7 +419,8 @@ export default {
           seqTitle: 'S/N',
           showSeq: 'Display serial number',
           showCheckbox: 'Allow multiple selections',
-          errSubDrag: 'The sub table does not support this control. Please use another control.'
+          errSubDrag: 'The sub table does not support this control. Please use another control.',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           limitFileCount: 'File quantity limitation',
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: 'Edit',
-        emptyText: 'No filter condition is configured.'
+        emptyText: 'No filter condition is configured.',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: 'Successfully copied to clipboard.',
       copyError: 'The current environment does not support this operation.'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

package/packages/locale/lang/ru-RU.ts

@@ -66,6 +66,7 @@ export default {
       customTitle: '列设置',
       customAll: '全部',
       customConfirm: '确认',
+      customClose: '关闭',
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的数量不能超过 {0} 个'
@@ -418,7 +419,8 @@ export default {
           seqTitle: '序号',
           showSeq: '显示序号',
           showCheckbox: '允许多选',
-          errSubDrag: '子表不支持该控件，请使用其他控件'
+          errSubDrag: '子表不支持该控件，请使用其他控件',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           limitFileCount: '文件数量限制',
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: '编辑',
-        emptyText: '未配置查询条件'
+        emptyText: '未配置查询条件',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: '已复制到剪贴板',
       copyError: '当前环境不支持该操作'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

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

@@ -66,6 +66,7 @@ export default {
       customTitle: '列设置',
       customAll: '全部',
       customConfirm: '确认',
+      customClose: '关闭',
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的数量不能超过 {0} 个'
@@ -418,7 +419,8 @@ export default {
           seqTitle: '序号',
           showSeq: '显示序号',
           showCheckbox: '允许多选',
-          errSubDrag: '子表不支持该控件，请使用其他控件'
+          errSubDrag: '子表不支持该控件，请使用其他控件',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           limitFileCount: '文件数量限制',
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: '编辑',
-        emptyText: '未配置查询条件'
+        emptyText: '未配置查询条件',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: '已复制到剪贴板',
       copyError: '当前环境不支持该操作'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

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

@@ -66,6 +66,7 @@ export default {
       customTitle: '列设置',
       customAll: '全部',
       customConfirm: '确认',
+      customClose: '关闭',
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的数量不能超过 {0} 个'
@@ -418,7 +419,8 @@ export default {
           seqTitle: '序号',
           showSeq: '显示序号',
           showCheckbox: '允许多选',
-          errSubDrag: '子表不支持该控件，请使用其他控件'
+          errSubDrag: '子表不支持该控件，请使用其他控件',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           limitFileCount: '文件数量限制',
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: '编辑',
-        emptyText: '未配置查询条件'
+        emptyText: '未配置查询条件',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: '已复制到剪贴板',
       copyError: '当前环境不支持该操作'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

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

@@ -66,6 +66,7 @@ export default {
       customTitle: '列設定',
       customAll: '全部',
       customConfirm: '确认',
+      customClose: '关闭',
       customCancel: '取消',
       customRestore: '恢复默认',
       maxFixedCol: '最大冻结列的數量不能超過 {0} 個'
@@ -416,7 +417,8 @@ export default {
           seqTitle: '序號',
           showSeq: '顯示序號',
           showCheckbox: '允許多選',
-          errSubDrag: '子表不支持該控件，請使用其他控件'
+          errSubDrag: '子表不支持該控件，請使用其他控件',
+          colPlace: '将控件拖拽进来'
         },
         uploadProp: {
           uploadProp: {
@@ -443,13 +445,28 @@ export default {
       },
       search: {
         addBtn: '编辑',
-        emptyText: '未配置查询条件'
+        emptyText: '未配置查询条件',
+        editPopupTitle: '编辑查询字段'
+      },
+      searchPopup: {
+        colTitle: '标题',
+        saveBtn: '保存'
       }
     },
     text: {
       copySuccess: '已複製到剪貼板',
       copyError: '當前環境不支持該操作'
     },
+    countdown: {
+      formats: {
+        yyyy: '年',
+        MM: '月',
+        dd: '天',
+        HH: '时',
+        mm: '分',
+        ss: '秒'
+      }
+    },
 
     /**
      * 扩展插件

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

@@ -86,6 +86,11 @@ export default defineComponent({
       $xeTable.saveCustomStore('confirm')
     }
 
+    const cancelCloseEvent: VxeButtonEvents.Click = ({ $event }) => {
+      $xeTable.closeCustom()
+      $xeTable.emitCustomEvent('close', $event)
+    }
+
     const cancelCustomEvent: VxeButtonEvents.Click = ({ $event }) => {
       const { customStore } = props
       const { customColumnList } = reactData
@@ -153,51 +158,76 @@ export default defineComponent({
     const changeCheckboxOption = (column: VxeTableDefines.ColumnInfo) => {
       const isChecked = !column.renderVisible
       const customOpts = computeCustomOpts.value
-      XEUtils.eachTree([column], (item) => {
-        item.renderVisible = isChecked
-        item.halfVisible = false
-      })
-      handleOptionCheck(column)
       if (customOpts.immediate) {
+        XEUtils.eachTree([column], (item) => {
+          item.visible = isChecked
+          item.renderVisible = isChecked
+          item.halfVisible = false
+        })
         $xeTable.handleCustom()
         $xeTable.saveCustomStore('update:visible')
+      } else {
+        XEUtils.eachTree([column], (item) => {
+          item.renderVisible = isChecked
+          item.halfVisible = false
+        })
       }
+      handleOptionCheck(column)
       $xeTable.checkCustomStatus()
     }
 
     const changeFixedOption = (column: VxeTableDefines.ColumnInfo, colFixed: VxeColumnPropTypes.Fixed) => {
       const isMaxFixedColumn = computeIsMaxFixedColumn.value
-      if (column.renderFixed === colFixed) {
-        column.renderFixed = ''
-        // $xeTable.clearColumnFixed(column)
+      const customOpts = computeCustomOpts.value
+      if (customOpts.immediate) {
+        if (column.renderFixed === colFixed) {
+          column.fixed = ''
+          column.renderFixed = ''
+        } else {
+          if (!isMaxFixedColumn || column.renderFixed) {
+            column.fixed = colFixed
+            column.renderFixed = colFixed
+          }
+        }
+        $xeTable.handleCustom()
+        $xeTable.saveCustomStore('update:fixed')
       } else {
-        if (!isMaxFixedColumn || column.renderFixed) {
-          column.renderFixed = colFixed
-          // $xeTable.setColumnFixed(column, colFixed)
+        if (column.renderFixed === colFixed) {
+          column.renderFixed = ''
+        } else {
+          if (!isMaxFixedColumn || column.renderFixed) {
+            column.renderFixed = colFixed
+          }
         }
       }
     }
 
-    // const changePopupFixedOption = () => {
-    //   const isMaxFixedColumn = computeIsMaxFixedColumn.value
-    //   if (!isMaxFixedColumn) {
-    //     // $xeTable.setColumnFixed(column, column.fixed)
-    //   }
-    // }
-
     const allOptionEvent = () => {
       const { customStore } = props
       const { customColumnList } = reactData
       const customOpts = computeCustomOpts.value
       const { checkMethod } = customOpts
       const isAll = !customStore.isAll
-      XEUtils.eachTree(customColumnList, (column) => {
-        if (!checkMethod || checkMethod({ column })) {
-          column.renderVisible = isAll
-          column.halfVisible = false
-        }
-      })
-      customStore.isAll = isAll
+      if (customOpts.immediate) {
+        XEUtils.eachTree(customColumnList, (column) => {
+          if (!checkMethod || checkMethod({ column })) {
+            column.visible = isAll
+            column.renderVisible = isAll
+            column.halfVisible = false
+          }
+        })
+        customStore.isAll = isAll
+        $xeTable.handleCustom()
+        $xeTable.saveCustomStore('update:visible')
+      } else {
+        XEUtils.eachTree(customColumnList, (column) => {
+          if (!checkMethod || checkMethod({ column })) {
+            column.renderVisible = isAll
+            column.halfVisible = false
+          }
+        })
+        customStore.isAll = isAll
+      }
       $xeTable.checkCustomStatus()
     }
 
@@ -234,6 +264,7 @@ export default defineComponent({
 
     const sortDragendEvent = (evnt: DragEvent) => {
       const { customColumnList } = reactData
+      const customOpts = computeCustomOpts.value
       const trEl = evnt.currentTarget as HTMLElement
       const dragHintEl = dragHintElemRef.value
       if (prevDropTrEl) {
@@ -269,6 +300,17 @@ export default defineComponent({
       }
       removeClass(trEl, 'active--drag-target')
       removeClass(trEl, 'active--drag-origin')
+
+      if (customOpts.immediate) {
+        XEUtils.eachTree(customColumnList, (column, index, items, path, parent) => {
+          if (!parent) {
+            const sortIndex = index + 1
+            column.renderSortNumber = sortIndex
+          }
+        })
+        $xeTable.handleCustom()
+        $xeTable.saveCustomStore('update:sort')
+      }
     }
 
     const sortDragoverEvent = (evnt: DragEvent) => {
@@ -327,6 +369,7 @@ export default defineComponent({
           const isColGroup = column.children && column.children.length
           const colTitle = formatText(column.getTitle(), 1)
           const isDisabled = checkMethod ? !checkMethod({ column }) : false
+          const isHidden = !isChecked
           colVNs.push(
             h('li', {
               key: column.id,
@@ -362,10 +405,16 @@ export default defineComponent({
                   class: 'vxe-table-custom--sort-option'
                 }, [
                   h('span', {
-                    class: 'vxe-table-custom--sort-btn',
+                    class: ['vxe-table-custom--sort-btn', {
+                      'is--disabled': isHidden
+                    }],
                     title: getI18n('vxe.custom.setting.sortHelpTip'),
-                    onMousedown: sortMousedownEvent,
-                    onMouseup: sortMouseupEvent
+                    ...(isHidden
+                      ? {}
+                      : {
+                          onMousedown: sortMousedownEvent,
+                          onMouseup: sortMouseupEvent
+                        })
                   }, [
                     h('i', {
                       class: getIcon().TABLE_CUSTOM_SORT
@@ -387,26 +436,30 @@ export default defineComponent({
                 ? h('div', {
                   class: 'vxe-table-custom--fixed-option'
                 }, [
-                  h('span', {
-                    class: ['vxe-table-custom--fixed-left-option', column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT, {
-                      'is--checked': column.renderFixed === 'left',
-                      'is--disabled': isMaxFixedColumn && !column.renderFixed
-                    }],
-                    title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft'),
-                    onClick: () => {
-                      changeFixedOption(column, 'left')
-                    }
-                  }),
-                  h('span', {
-                    class: ['vxe-table-custom--fixed-right-option', column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT, {
-                      'is--checked': column.renderFixed === 'right',
-                      'is--disabled': isMaxFixedColumn && !column.renderFixed
-                    }],
-                    title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight'),
-                    onClick: () => {
-                      changeFixedOption(column, 'right')
-                    }
-                  })
+                  VxeUIButtonComponent
+                    ? h(VxeUIButtonComponent, {
+                      mode: 'text',
+                      icon: column.renderFixed === 'left' ? getIcon().TOOLBAR_TOOLS_FIXED_LEFT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_LEFT,
+                      status: column.renderFixed === 'left' ? 'primary' : '',
+                      disabled: isHidden || (isMaxFixedColumn && !column.renderFixed),
+                      title: getI18n(column.renderFixed === 'left' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedLeft'),
+                      onClick: () => {
+                        changeFixedOption(column, 'left')
+                      }
+                    })
+                    : createCommentVNode(),
+                  VxeUIButtonComponent
+                    ? h(VxeUIButtonComponent, {
+                      mode: 'text',
+                      icon: column.renderFixed === 'right' ? getIcon().TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVE : getIcon().TOOLBAR_TOOLS_FIXED_RIGHT,
+                      status: column.renderFixed === 'right' ? 'primary' : '',
+                      disabled: isHidden || (isMaxFixedColumn && !column.renderFixed),
+                      title: getI18n(column.renderFixed === 'right' ? 'vxe.toolbar.cancelFixed' : 'vxe.toolbar.fixedRight'),
+                      onClick: () => {
+                        changeFixedOption(column, 'right')
+                      }
+                    })
+                    : createCommentVNode()
                 ])
                 : createCommentVNode()
             ])
@@ -477,20 +530,38 @@ export default defineComponent({
               ? h('div', {
                 class: 'vxe-table-custom--footer'
               }, [
-                h('button', {
-                  class: 'btn--reset',
-                  onClick: resetCustomEvent
-                }, customOpts.resetButtonText || getI18n('vxe.table.customRestore')),
+                VxeUIButtonComponent
+                  ? h(VxeUIButtonComponent, {
+                    mode: 'text',
+                    content: customOpts.resetButtonText || getI18n('vxe.table.customRestore'),
+                    onClick: resetCustomEvent
+                  })
+                  : createCommentVNode(),
+                customOpts.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()),
                 customOpts.immediate
                   ? createCommentVNode()
-                  : h('button', {
-                    class: 'btn--cancel',
-                    onClick: cancelCustomEvent
-                  }, customOpts.resetButtonText || getI18n('vxe.table.customCancel')),
-                h('button', {
-                  class: 'btn--confirm',
-                  onClick: confirmCustomEvent
-                }, customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'))
+                  : (VxeUIButtonComponent
+                      ? h(VxeUIButtonComponent, {
+                        mode: 'text',
+                        status: 'primary',
+                        content: customOpts.confirmButtonText || getI18n('vxe.table.customConfirm'),
+                        onClick: confirmCustomEvent
+                      })
+                      : createCommentVNode())
               ])
               : null
           ]
@@ -517,6 +588,7 @@ export default defineComponent({
           const colTitle = formatText(column.getTitle(), 1)
           const isColGroup = column.children && column.children.length
           const isDisabled = checkMethod ? !checkMethod({ column }) : false
+          const isHidden = !isChecked
           trVNs.push(
             h('tr', {
               key: column.id,
@@ -557,10 +629,16 @@ export default defineComponent({
                 }, [
                   column.level === 1
                     ? h('span', {
-                      class: 'vxe-table-custom-popup--column-sort-btn',
+                      class: ['vxe-table-custom-popup--column-sort-btn', {
+                        'is--disabled': isHidden
+                      }],
                       title: getI18n('vxe.custom.setting.sortHelpTip'),
-                      onMousedown: sortMousedownEvent,
-                      onMouseup: sortMouseupEvent
+                      ...(isHidden
+                        ? {}
+                        : {
+                            onMousedown: sortMousedownEvent,
+                            onMouseup: sortMouseupEvent
+                          })
                     }, [
                       h('i', {
                         class: getIcon().TABLE_CUSTOM_SORT
@@ -588,12 +666,13 @@ export default defineComponent({
                 ? h('td', {
                   class: 'vxe-table-custom-popup--column-item col--resizable'
                 }, [
-                  !isChecked || (column.children && column.children.length)
+                  column.children && column.children.length
                     ? h('span', '-')
                     : (
                         VxeUIInputComponent
                           ? h(VxeUIInputComponent, {
                             type: 'integer',
+                            disabled: isHidden,
                             modelValue: column.renderResizeWidth,
                             'onUpdate:modelValue' (value: any) {
                               column.renderResizeWidth = Math.max(0, Number(value))
@@ -615,17 +694,15 @@ export default defineComponent({
                             modelValue: column.renderFixed || '',
                             type: 'button',
                             size: 'mini',
+                            disabled: isHidden,
                             options: [
-                              { label: getI18n('vxe.custom.setting.fixedLeft'), value: 'left', disabled: isMaxFixedColumn },
-                              { label: getI18n('vxe.custom.setting.fixedUnset'), value: '' },
-                              { label: getI18n('vxe.custom.setting.fixedRight'), value: 'right', disabled: isMaxFixedColumn }
+                              { label: getI18n('vxe.custom.setting.fixedLeft'), value: 'left', disabled: isHidden || isMaxFixedColumn },
+                              { label: getI18n('vxe.custom.setting.fixedUnset'), value: '', disabled: isHidden },
+                              { label: getI18n('vxe.custom.setting.fixedRight'), value: 'right', disabled: isHidden || isMaxFixedColumn }
                             ],
                             'onUpdate:modelValue' (value: any) {
                               column.renderFixed = value
                             }
-                          // onChange () {
-                          //   changePopupFixedOption(column)
-                          // }
                           })
                           : createCommentVNode()
                       )