vxe-table 4.14.0-beta.0 → 4.14.0-beta.10

package/packages/grid/src/grid.ts

@@ -9,7 +9,7 @@ import VxeToolbarComponent from '../../toolbar/src/toolbar'
 import tableComponentProps from '../../table/src/props'
 import tableComponentEmits from '../../table/src/emits'
 import { getSlotVNs } from '../../ui/src/vn'
-import { errLog } from '../../ui/src/log'
+import { warnLog, errLog } from '../../ui/src/log'
 
 import type { ValueOf, VxePagerComponent, VxeFormComponent, VxeFormEvents, VxeFormInstance, VxePagerEvents, VxeFormItemProps, VxePagerInstance, VxeComponentStyleType } from 'vxe-pc-ui'
 import type { VxeTableMethods, VxeGridConstructor, VxeGridEmits, GridReactData, VxeGridPropTypes, VxeToolbarPropTypes, GridMethods, GridPrivateMethods, VxeGridPrivateComputed, VxeGridPrivateMethods, VxeToolbarInstance, GridPrivateRef, VxeTableProps, VxeTableConstructor, VxeTablePrivateMethods, VxeTableEvents, VxeTableDefines, VxeTableEventProps, VxeGridProps } from '../../../types'
@@ -119,29 +119,29 @@ export default defineVxeComponent({
     })
 
     const computeProxyOpts = computed(() => {
-      return XEUtils.merge({}, XEUtils.clone(getConfig().grid.proxyConfig, true), props.proxyConfig) as VxeGridPropTypes.ProxyConfig
+      return XEUtils.merge({}, XEUtils.clone(getConfig().grid.proxyConfig, true), props.proxyConfig)
     })
 
     const computeIsRespMsg = computed(() => {
       const proxyOpts = computeProxyOpts.value
-      return XEUtils.isBoolean(proxyOpts.message) ? proxyOpts.message : proxyOpts.showResponseMsg
+      return !!(XEUtils.isBoolean(proxyOpts.message) ? proxyOpts.message : proxyOpts.showResponseMsg)
     })
 
     const computeIsActiveMsg = computed(() => {
       const proxyOpts = computeProxyOpts.value
-      return proxyOpts.showActiveMsg
+      return !!proxyOpts.showActiveMsg
     })
 
     const computePagerOpts = computed(() => {
-      return Object.assign({}, getConfig().grid.pagerConfig, props.pagerConfig) as VxeGridPropTypes.PagerConfig
+      return Object.assign({}, getConfig().grid.pagerConfig, props.pagerConfig)
     })
 
     const computeFormOpts = computed(() => {
-      return Object.assign({}, getConfig().grid.formConfig, props.formConfig) as VxeGridPropTypes.FormOpts
+      return Object.assign({}, getConfig().grid.formConfig, props.formConfig)
     })
 
     const computeToolbarOpts = computed(() => {
-      return Object.assign({}, getConfig().grid.toolbarConfig, props.toolbarConfig) as VxeGridPropTypes.ToolbarOpts
+      return Object.assign({}, getConfig().grid.toolbarConfig, props.toolbarConfig)
     })
 
     const computeZoomOpts = computed(() => {
@@ -175,11 +175,12 @@ export default defineVxeComponent({
     })
 
     const computeTableProps = computed(() => {
-      const { seqConfig, pagerConfig, loading, editConfig, proxyConfig } = props
-      const { isZMax, tableLoading, tablePage } = reactData
+      const { seqConfig, pagerConfig, editConfig, proxyConfig } = props
+      const { isZMax, tablePage } = reactData
       const tableExtendProps = computeTableExtendProps.value
       const proxyOpts = computeProxyOpts.value
       const pagerOpts = computePagerOpts.value
+      const isLoading = computeIsLoading.value
       const tProps = Object.assign({}, tableExtendProps)
       if (isZMax) {
         if (tableExtendProps.maxHeight) {
@@ -189,7 +190,7 @@ export default defineVxeComponent({
         }
       }
       if (proxyConfig && isEnableConf(proxyOpts)) {
-        tProps.loading = loading || tableLoading
+        tProps.loading = isLoading
         if (pagerConfig && proxyOpts.seq && isEnableConf(pagerOpts)) {
           tProps.seqConfig = Object.assign({}, seqConfig, { startIndex: (tablePage.currentPage - 1) * tablePage.pageSize })
         }
@@ -242,6 +243,14 @@ export default defineVxeComponent({
       return pagerOpts.total
     })
 
+    const computeIsLoading = computed(() => {
+      const { loading, proxyConfig } = props
+      const { tableLoading } = reactData
+      const proxyOpts = computeProxyOpts.value
+      const { showLoading } = proxyOpts
+      return loading || (tableLoading && showLoading && proxyConfig && isEnableConf(proxyOpts))
+    })
+
     const refMaps: GridPrivateRef = {
       refElem,
       refTable,
@@ -390,12 +399,12 @@ export default defineVxeComponent({
         reactData.sortData = params.sortList
         if (proxyConfig && isEnableConf(proxyOpts)) {
           reactData.tablePage.currentPage = 1
-          gridMethods.commitProxy('query').then((rest) => {
-            gridMethods.dispatchEvent('proxy-query', rest, params.$event)
+          $xeGrid.commitProxy('query').then((rest) => {
+            $xeGrid.dispatchEvent('proxy-query', rest, params.$event)
           })
         }
       }
-      gridMethods.dispatchEvent('sort-change', params, params.$event)
+      $xeGrid.dispatchEvent('sort-change', params, params.$event)
     }
 
     const filterChangeEvent: VxeTableEvents.FilterChange = (params) => {
@@ -409,12 +418,12 @@ export default defineVxeComponent({
         reactData.filterData = params.filterList
         if (proxyConfig && isEnableConf(proxyOpts)) {
           reactData.tablePage.currentPage = 1
-          gridMethods.commitProxy('query').then((rest) => {
-            gridMethods.dispatchEvent('proxy-query', rest, params.$event)
+          $xeGrid.commitProxy('query').then((rest) => {
+            $xeGrid.dispatchEvent('proxy-query', rest, params.$event)
           })
         }
       }
-      gridMethods.dispatchEvent('filter-change', params, params.$event)
+      $xeGrid.dispatchEvent('filter-change', params, params.$event)
     }
 
     const submitFormEvent: VxeFormEvents.Submit = (params) => {
@@ -424,35 +433,35 @@ export default defineVxeComponent({
         return
       }
       if (proxyConfig && isEnableConf(proxyOpts)) {
-        gridMethods.commitProxy('reload').then((rest) => {
-          gridMethods.dispatchEvent('proxy-query', { ...rest, isReload: true }, params.$event)
+        $xeGrid.commitProxy('reload').then((rest) => {
+          $xeGrid.dispatchEvent('proxy-query', { ...rest, isReload: true }, params.$event)
         })
       }
-      gridMethods.dispatchEvent('form-submit', params, params.$event)
+      $xeGrid.dispatchEvent('form-submit', params, params.$event)
     }
 
     const resetFormEvent: VxeFormEvents.Reset = (params) => {
+      const $xeTable = refTable.value
       const { proxyConfig } = props
       const { $event } = params
       const proxyOpts = computeProxyOpts.value
-      const $xeTable = refTable.value
       if (proxyConfig && isEnableConf(proxyOpts)) {
         $xeTable.clearScroll()
-        gridMethods.commitProxy('reload').then((rest) => {
-          gridMethods.dispatchEvent('proxy-query', { ...rest, isReload: true }, $event)
+        $xeGrid.commitProxy('reload').then((rest) => {
+          $xeGrid.dispatchEvent('proxy-query', { ...rest, isReload: true }, $event)
         })
       }
-      gridMethods.dispatchEvent('form-reset', params, $event)
+      $xeGrid.dispatchEvent('form-reset', params, $event)
     }
 
     const submitInvalidEvent: VxeFormEvents.SubmitInvalid = (params) => {
-      gridMethods.dispatchEvent('form-submit-invalid', params, params.$event)
+      $xeGrid.dispatchEvent('form-submit-invalid', params, params.$event)
     }
 
     const collapseEvent: VxeFormEvents.Collapse = (params) => {
       const { $event } = params
-      gridMethods.dispatchEvent('form-toggle-collapse', params, $event)
-      gridMethods.dispatchEvent('form-collapse', params, $event)
+      $xeGrid.dispatchEvent('form-toggle-collapse', params, $event)
+      $xeGrid.dispatchEvent('form-collapse', params, $event)
     }
 
     const handleZoom = (isMax?: boolean) => {
@@ -464,9 +473,9 @@ export default defineVxeComponent({
         }
       }
       return nextTick()
-        .then(() => gridExtendTableMethods.recalculate(true))
+        .then(() => $xeGrid.recalculate(true))
         .then(() => {
-          setTimeout(() => gridExtendTableMethods.recalculate(true), 15)
+          setTimeout(() => $xeGrid.recalculate(true), 15)
           return reactData.isZMax
         })
     }
@@ -520,8 +529,8 @@ export default defineVxeComponent({
         } else {
           if (formOpts.items) {
             const formSlots: { [key: string]: () => VNode[] } = {}
-            if (!formOpts.inited) {
-              formOpts.inited = true
+            if (!(formOpts as any).inited) {
+              (formOpts as any).inited = true
               const beforeItem = proxyOpts.beforeItem
               if (proxyOpts && beforeItem) {
                 formOpts.items.forEach((item) => {
@@ -631,12 +640,13 @@ export default defineVxeComponent({
      * 渲染表格顶部区域
      */
     const renderTop = () => {
-      if (slots.top) {
+      const topSlot = slots.top
+      if (topSlot) {
         return h('div', {
           ref: refTopWrapper,
           key: 'top',
           class: 'vxe-grid--top-wrapper'
-        }, slots.top({ $grid: $xeGrid }))
+        }, topSlot({ $grid: $xeGrid }))
       }
       return renderEmptyElement($xeGrid)
     }
@@ -830,6 +840,30 @@ export default defineVxeComponent({
       tableCompEvents[type] = (...args: any[]) => emit(name, ...args)
     })
 
+    const getDefaultFormData = () => {
+      const formOpts = computeFormOpts.value
+      if (formOpts.items) {
+        const fData: any = {}
+        formOpts.items.forEach(item => {
+          const { field, itemRender } = item
+          if (field) {
+            let itemValue: any = null
+            if (itemRender) {
+              const { defaultValue } = itemRender
+              if (XEUtils.isFunction(defaultValue)) {
+                itemValue = defaultValue({ item })
+              } else if (!XEUtils.isUndefined(defaultValue)) {
+                itemValue = defaultValue
+              }
+            }
+            fData[field] = itemValue
+          }
+        })
+        return fData
+      }
+      return {}
+    }
+
     const initProxy = () => {
       const { proxyConfig, formConfig } = props
       const { proxyInited } = reactData
@@ -837,40 +871,24 @@ export default defineVxeComponent({
       const formOpts = computeFormOpts.value
       if (proxyConfig && isEnableConf(proxyOpts)) {
         if (formConfig && isEnableConf(formOpts) && proxyOpts.form && formOpts.items) {
-          const fData: any = {}
-          formOpts.items.forEach(item => {
-            const { field, itemRender } = item
-            if (field) {
-              let itemValue: any = null
-              if (itemRender) {
-                const { defaultValue } = itemRender
-                if (XEUtils.isFunction(defaultValue)) {
-                  itemValue = defaultValue({ item })
-                } else if (!XEUtils.isUndefined(defaultValue)) {
-                  itemValue = defaultValue
-                }
-              }
-              fData[field] = itemValue
-            }
-          })
-          reactData.formData = fData
+          reactData.formData = getDefaultFormData()
         }
         if (!proxyInited) {
           reactData.proxyInited = true
           if (proxyOpts.autoLoad !== false) {
-            nextTick().then(() => gridMethods.commitProxy('_init')).then((rest) => {
-              gridMethods.dispatchEvent('proxy-query', { ...rest, isInited: true }, new Event('init'))
+            nextTick().then(() => gridMethods.commitProxy('initial')).then((rest) => {
+              gridMethods.dispatchEvent('proxy-query', { ...rest, isInited: true }, new Event('initial'))
             })
           }
         }
       }
     }
 
-    const handleGlobalKeydownEvent = (evnt: any) => {
+    const handleGlobalKeydownEvent = (evnt: KeyboardEvent) => {
       const zoomOpts = computeZoomOpts.value
       const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE)
       if (isEsc && reactData.isZMax && zoomOpts.escRestore !== false) {
-        gridPrivateMethods.triggerZoomEvent(evnt)
+        $xeGrid.triggerZoomEvent(evnt)
       }
     }
 
@@ -888,7 +906,7 @@ export default defineVxeComponent({
        * @param {String/Object} code 字符串或对象
        */
       commitProxy (proxyTarget: string | VxeToolbarPropTypes.ButtonConfig, ...args: any[]) {
-        const { toolbarConfig, pagerConfig, editRules, validConfig } = props
+        const { proxyConfig, toolbarConfig, pagerConfig, editRules, validConfig } = props
         const { tablePage } = reactData
         const isActiveMsg = computeIsActiveMsg.value
         const isRespMsg = computeIsRespMsg.value
@@ -898,7 +916,7 @@ export default defineVxeComponent({
         const { beforeQuery, afterQuery, beforeDelete, afterDelete, beforeSave, afterSave, ajax = {} } = proxyOpts
         const resConfigs = proxyOpts.response || proxyOpts.props || {}
         const $xeTable = refTable.value
-        const formData = getFormData()
+        let formData = getFormData()
         let button: VxeToolbarPropTypes.ButtonConfig | null = null
         let code: string | null = null
         if (XEUtils.isString(proxyTarget)) {
@@ -915,11 +933,11 @@ export default defineVxeComponent({
           case 'insert':
             return $xeTable.insert({})
           case 'insert_edit':
-            return $xeTable.insert({}).then(({ row }) => $xeTable.setEditRow(row))
+            return $xeTable.insert({}).then(({ row }) => $xeTable.setEditRow(row, true))
 
             // 已废弃
           case 'insert_actived':
-            return $xeTable.insert({}).then(({ row }) => $xeTable.setEditRow(row))
+            return $xeTable.insert({}).then(({ row }) => $xeTable.setEditRow(row, true))
             // 已废弃
 
           case 'mark_cancel':
@@ -941,14 +959,14 @@ export default defineVxeComponent({
             break
           case 'reset_custom':
             return $xeTable.resetCustom(true)
-          case '_init':
+          case 'initial':
           case 'reload':
           case 'query': {
             const ajaxMethods = ajax.query
             const querySuccessMethods = ajax.querySuccess
             const queryErrorMethods = ajax.queryError
             if (ajaxMethods) {
-              const isInited = code === '_init'
+              const isInited = code === 'initial'
               const isReload = code === 'reload'
               if (!isInited && reactData.tableLoading) {
                 return nextTick()
@@ -958,6 +976,7 @@ export default defineVxeComponent({
               let pageParams: any = {}
               if (pagerConfig) {
                 if (isInited || isReload) {
+                  // 重置分页
                   tablePage.currentPage = 1
                 }
                 if (isEnableConf(pagerOpts)) {
@@ -965,26 +984,41 @@ export default defineVxeComponent({
                 }
               }
               if (isInited) {
-                let defaultSort = null
+                // 重置代理表单数据
+                if (proxyConfig && isEnableConf(proxyOpts) && proxyOpts.form) {
+                  formData = getDefaultFormData()
+                  reactData.formData = formData
+                }
                 if ($xeTable) {
+                  const tableInternalData = $xeTable.internalData
+                  const { tableFullColumn, fullColumnFieldData } = tableInternalData
                   const { computeSortOpts } = $xeTable.getComputeMaps()
                   const sortOpts = computeSortOpts.value
-                  defaultSort = sortOpts.defaultSort
-                }
-                // 如果使用默认排序
-                if (defaultSort) {
-                  if (!XEUtils.isArray(defaultSort)) {
-                    defaultSort = [defaultSort]
-                  }
-                  sortList = defaultSort.map((item) => {
-                    return {
-                      field: item.field,
-                      property: item.field,
-                      order: item.order
-                    }
+                  let defaultSort = sortOpts.defaultSort
+                  tableFullColumn.forEach((column) => {
+                    column.order = null
                   })
-                }
-                if ($xeTable) {
+                  // 如果使用默认排序
+                  if (defaultSort) {
+                    if (!XEUtils.isArray(defaultSort)) {
+                      defaultSort = [defaultSort]
+                    }
+                    sortList = defaultSort.map((item) => {
+                      const { field, order } = item
+                      const colRest = fullColumnFieldData[field]
+                      if (colRest) {
+                        const column = colRest.column
+                        if (column) {
+                          column.order = order
+                        }
+                      }
+                      return {
+                        field,
+                        property: field,
+                        order
+                      }
+                    })
+                  }
                   filterList = $xeTable.getCheckedFilters()
                 }
               } else {
@@ -1310,23 +1344,23 @@ export default defineVxeComponent({
       },
       triggerToolbarCommitEvent (params, evnt) {
         const { code } = params
-        return gridMethods.commitProxy(params, evnt).then((rest) => {
+        return $xeGrid.commitProxy(params, evnt).then((rest) => {
           if (code && rest && rest.status && ['query', 'reload', 'delete', 'save'].includes(code)) {
-            gridMethods.dispatchEvent(code === 'delete' || code === 'save' ? `proxy-${code as 'delete' | 'save'}` : 'proxy-query', { ...rest, isReload: code === 'reload' }, evnt)
+            $xeGrid.dispatchEvent(code === 'delete' || code === 'save' ? `proxy-${code as 'delete' | 'save'}` : 'proxy-query', { ...rest, isReload: code === 'reload' }, evnt)
           }
         })
       },
       triggerToolbarBtnEvent (button, evnt) {
-        gridPrivateMethods.triggerToolbarCommitEvent(button, evnt)
-        gridMethods.dispatchEvent('toolbar-button-click', { code: button.code, button }, evnt)
+        $xeGrid.triggerToolbarCommitEvent(button, evnt)
+        $xeGrid.dispatchEvent('toolbar-button-click', { code: button.code, button }, evnt)
       },
       triggerToolbarTolEvent (tool, evnt) {
-        gridPrivateMethods.triggerToolbarCommitEvent(tool, evnt)
-        gridMethods.dispatchEvent('toolbar-tool-click', { code: tool.code, tool }, evnt)
+        $xeGrid.triggerToolbarCommitEvent(tool, evnt)
+        $xeGrid.dispatchEvent('toolbar-tool-click', { code: tool.code, tool }, evnt)
       },
       triggerZoomEvent (evnt) {
-        gridMethods.zoom()
-        gridMethods.dispatchEvent('zoom', { type: reactData.isZMax ? 'max' : 'revert' }, evnt)
+        $xeGrid.zoom()
+        $xeGrid.dispatchEvent('zoom', { type: reactData.isZMax ? 'max' : 'revert' }, evnt)
       }
     }
 
@@ -1356,6 +1390,23 @@ export default defineVxeComponent({
       }
     })
 
+    const renderVN = () => {
+      const vSize = computeSize.value
+      const styles = computeStyles.value
+      const isLoading = computeIsLoading.value
+      return h('div', {
+        ref: refElem,
+        class: ['vxe-grid', {
+          [`size--${vSize}`]: vSize,
+          'is--animat': !!props.animat,
+          'is--round': props.round,
+          'is--maximize': reactData.isZMax,
+          'is--loading': isLoading
+        }],
+        style: styles
+      }, renderLayout())
+    }
+
     const columnFlag = ref(0)
     watch(() => props.columns ? props.columns.length : -1, () => {
       columnFlag.value++
@@ -1402,6 +1453,7 @@ export default defineVxeComponent({
     onMounted(() => {
       nextTick(() => {
         const { columns } = props
+        const proxyOpts = computeProxyOpts.value
 
         if (props.formConfig) {
           if (!VxeUIFormComponent) {
@@ -1415,15 +1467,14 @@ export default defineVxeComponent({
         }
 
         // const { data, columns, proxyConfig } = props
-        // const proxyOpts = computeProxyOpts.value
         // const formOpts = computeFormOpts.value
         // if (isEnableConf(proxyConfig) && (data || (proxyOpts.form && formOpts.data))) {
         //   errLog('vxe.error.errConflicts', ['grid.data', 'grid.proxy-config'])
         // }
 
-        //   if (proxyOpts.props) {
-        //     warnLog('vxe.error.delProp', ['proxy-config.props', 'proxy-config.response'])
-        //   }
+        if (proxyOpts.props) {
+          warnLog('vxe.error.delProp', ['proxy-config.props', 'proxy-config.response'])
+        }
 
         if (columns && columns.length) {
           $xeGrid.loadColumn(columns)
@@ -1438,22 +1489,6 @@ export default defineVxeComponent({
       globalEvents.off($xeGrid, 'keydown')
     })
 
-    const renderVN = () => {
-      const vSize = computeSize.value
-      const styles = computeStyles.value
-      return h('div', {
-        ref: refElem,
-        class: ['vxe-grid', {
-          [`size--${vSize}`]: vSize,
-          'is--animat': !!props.animat,
-          'is--round': props.round,
-          'is--maximize': reactData.isZMax,
-          'is--loading': props.loading || reactData.tableLoading
-        }],
-        style: styles
-      }, renderLayout())
-    }
-
     $xeGrid.renderVN = renderVN
 
     provide('$xeGrid', $xeGrid)

package/packages/index.ts

@@ -1,4 +1,4 @@
-import * as VxeTableExport from './components'
+import * as VxeUITableExport from './components'
 
 export * from './components'
-export default VxeTableExport
+export default VxeUITableExport

package/packages/locale/lang/ar-EG.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: 'التوجيه العالمي "{0}" غير موجود',
       notSlot: 'الفتحة "{0}" غير موجودة',
       noTree: '"{0}" غير مدعوم في بنية الشجرة',
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: 'المعلمة غير المدعومة "{0}"',
       checkProp: 'عندما يكون حجم البيانات كبيرًا جدًا ، قد يتم تعثر خانة الاختيار. يوصى بتعيين المعلمة "{0}" لتحسين سرعة التقديم',
       coverProp: 'يتم تعريف المعلمة "{1}" من "{0}" مرارًا وتكرارًا ، والتي قد تسبب خطأً',
@@ -336,6 +337,7 @@ export default {
       overCountErr: 'يمكن تحديد ملفات {0} فقط على الأكثر!',
       overCountExtraErr: 'تم تجاوز الحد الأقصى لعدد {0} ، وسيتم تجاهل الملفات الزائدة {1}!',
       overSizeErr: 'لا يمكن أن يتجاوز حجم الملف الأقصى {0}!',
+      manualUpload: '点击上传',
       reUpload: 'إعادة التحميل',
       uploadProgress: 'تحميل {0} ٪',
       uploadErr: 'فشل التحميل',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'واضح',
       confirm: 'يتأكد',
-      copySuccess: 'نسخ إلى الحافظة: {0}'
+      copySuccess: 'نسخ إلى الحافظة: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'اسم النموذج',

package/packages/locale/lang/de-DE.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: 'Die globale Richtlinie "{0}" existiert nicht',
       notSlot: 'Slot "{0}" existiert nicht',
       noTree: '"{0}" wird in der Baumstruktur nicht unterstützt',
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: 'Nicht unterstützter Parameter "{0}"',
       checkProp: 'Wenn das Datenvolumen zu groß ist, kann das Kontrollkästchen stottern. Es wird empfohlen, den Parameter "{0}" festzulegen, um die Rendering -Geschwindigkeit zu verbessern',
       coverProp: 'Der Parameter "{1}" von "{0}" wird wiederholt definiert, was einen Fehler verursachen kann',
@@ -336,6 +337,7 @@ export default {
       overCountErr: 'Nur {0} -Dateien können höchstens ausgewählt werden!',
       overCountExtraErr: 'Die maximale Anzahl von {0} wurde überschritten, und die überschüssigen {1} -Dateien werden ignoriert!',
       overSizeErr: 'Die maximale Dateigröße darf {0} nicht überschreiten!',
+      manualUpload: '点击上传',
       reUpload: 'Wiederbelastung',
       uploadProgress: 'Hochladen {0}%',
       uploadErr: 'Upload fehlgeschlagen',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'Klar',
       confirm: 'bestätigen',
-      copySuccess: 'Kopieren Sie in Zwischenablage: {0}'
+      copySuccess: 'Kopieren Sie in Zwischenablage: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'Formname',

package/packages/locale/lang/en-US.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: 'The global directive "{0}" does not exist',
       notSlot: 'Slot "{0}" does not exist',
       noTree: '"{0}" is not supported in the tree structure',
+      noGroup: '"{0}" is not supported in the aggregation grouping',
       notProp: 'Unsupported parameter "{0}"',
       checkProp: 'When the data volume is too large, the check box may be stuttered. It is recommended to set the parameter "{0}" to improve rendering speed',
       coverProp: 'The parameter "{1}" of "{0}" is repeatedly defined, which may cause an error',
@@ -336,6 +337,7 @@ export default {
       overCountErr: 'Only {0} files can be selected at most!',
       overCountExtraErr: 'The maximum number of {0} has been exceeded, and the excess {1} files will be ignored!',
       overSizeErr: 'The maximum file size cannot exceed {0}!',
+      manualUpload: '点击上传',
       reUpload: 'Re-upload',
       uploadProgress: 'Uploading {0}%',
       uploadErr: 'Upload failed',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'Clear',
       confirm: 'confirm',
-      copySuccess: 'Copyed to clipboard: {0}'
+      copySuccess: 'Copyed to clipboard: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'Form name',

package/packages/locale/lang/es-ES.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: 'La directiva global "{0}" no existe',
       notSlot: 'La ranura "{0}" no existe',
       noTree: '"{0}" no es compatible con la estructura del árbol',
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: 'Parámetro no compatible "{0}"',
       checkProp: 'Cuando el volumen de datos es demasiado grande, la casilla de verificación puede tartamudear. Se recomienda establecer el parámetro "{0}" para mejorar la velocidad de renderización',
       coverProp: 'El parámetro "{1}" de "{0}" se define repetidamente, lo que puede causar un error',
@@ -336,6 +337,7 @@ export default {
       overCountErr: '¡Solo los archivos {0} se pueden seleccionar como máximo!',
       overCountExtraErr: 'Se ha excedido el número máximo de {0}, ¡y los archivos de exceso {1} se ignorarán!',
       overSizeErr: '¡El tamaño máximo del archivo no puede exceder {0}!',
+      manualUpload: '点击上传',
       reUpload: 'Volver a cargar',
       uploadProgress: 'Cargando {0}%',
       uploadErr: 'Carga falló',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'Claro',
       confirm: 'confirmar',
-      copySuccess: 'Copiado al portapapeles: {0}'
+      copySuccess: 'Copiado al portapapeles: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'Nombre del formulario',

package/packages/locale/lang/fr-FR.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: "La directive globale \"{0}\" n'existe pas",
       notSlot: "Slot \"{0}\" n'existe pas",
       noTree: "\"{0}\" n'est pas pris en charge dans la structure de l'arbre",
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: 'Paramètre non pris en charge "{0}"',
       checkProp: 'Lorsque le volume de données est trop grand, la case peut être bégayée. Il est recommandé de définir le paramètre "{0}" pour améliorer la vitesse de rendu',
       coverProp: 'Le paramètre "{1}" de "{0}" est défini à plusieurs reprises, ce qui peut provoquer une erreur',
@@ -336,6 +337,7 @@ export default {
       overCountErr: 'Seuls les fichiers {0} peuvent être sélectionnés au maximum!',
       overCountExtraErr: 'Le nombre maximum de {0} a été dépassé et les fichiers excédentaires {1} seront ignorés!',
       overSizeErr: 'La taille maximale du fichier ne peut pas dépasser {0}!',
+      manualUpload: '点击上传',
       reUpload: 'Télécharger à nouveau',
       uploadProgress: 'Téléchargement {0}%',
       uploadErr: 'Le téléchargement a échoué',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'Clair',
       confirm: 'confirmer',
-      copySuccess: 'Copie dans le presse-papiers: {0}'
+      copySuccess: 'Copie dans le presse-papiers: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'Nom de formulaire',

package/packages/locale/lang/hu-HU.ts

@@ -36,6 +36,7 @@ export default {
       notCommands: 'A "{0}" globális irányelv nem létezik',
       notSlot: 'A "{0}" rés nem létezik',
       noTree: 'A "{0}" nem támogatott a faszerkezetben',
+      noGroup: '数据分组后不支持 "{0}"',
       notProp: 'Nem támogatott paraméter "{0}"',
       checkProp: 'Ha az adatmennyiség túl nagy, akkor a jelölőnégyzet dadoghat. Javasoljuk, hogy állítsa be a "{0}" paramétert a megjelenítési sebesség javítása érdekében',
       coverProp: 'A "{1}" paramétert a "{0}" paramétere többször meghatározza, ami hibát okozhat',
@@ -336,6 +337,7 @@ export default {
       overCountErr: 'Csak a {0} fájlok választhatók legfeljebb!',
       overCountExtraErr: 'A {0} maximális számát túllépték, és a {1} felesleges fájlokat figyelmen kívül hagyják!',
       overSizeErr: 'A maximális fájlméret nem haladhatja meg a {0}!',
+      manualUpload: '点击上传',
       reUpload: 'Újból feltölt',
       uploadProgress: 'Feltöltés {0}%',
       uploadErr: 'A feltöltés sikertelen',
@@ -354,7 +356,8 @@ export default {
     colorPicker: {
       clear: 'Világos',
       confirm: 'megerősít',
-      copySuccess: 'Másolva a vágólapra: {0}'
+      copySuccess: 'Másolva a vágólapra: {0}',
+      hex: 'HEX'
     },
     formDesign: {
       formName: 'Forma neve',