@vxe-ui/plugin-render-element 4.4.1 → 4.4.4

package/src/table/index.ts

@@ -234,9 +234,69 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     }
   }
 
-  function handleSelectCellValue (cellValue: any, renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, renderParams: VxeGlobalRendererHandles.RenderCellParams) {
+  function handleFormatSelect (renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, renderParams: VxeGlobalRendererHandles.TableCellFormatterParams | VxeGlobalRendererHandles.TableCellCopyMethodParams) {
+    const { cellValue } = renderParams
+    return handleSelectCellValue(cellValue, renderOpts, renderParams)
+  }
+
+  function handleSetSelectValue (renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, renderParams: VxeGlobalRendererHandles.TableCellFormatterParams | VxeGlobalRendererHandles.TableCellCopyMethodParams) {
+    const { row, column, cellValue } = renderParams
+    const { field } = column
+    if (field) {
+      const { options, optionGroups, optionProps = {}, optionGroupProps = {}, props } = renderOpts
+      if (isEmptyValue(cellValue)) {
+        XEUtils.set(row, field, props && props.multiple ? [] : null)
+        return
+      }
+      const isMultiVal = XEUtils.indexOf(`${cellValue}`, ',') > -1
+      const labelProp = optionProps.label || 'label'
+      const valueProp = optionProps.value || 'value'
+      const labelMpas: Record<string, any> = {}
+      if (optionGroups && optionGroups.length) {
+        const groupOptions = optionGroupProps.options || 'options'
+        for (let i = 0; i < optionGroups.length; i++) {
+          const opts = optionGroups[i][groupOptions] || {}
+          for (let j = 0; j < opts.length; j++) {
+            const item = opts[j]
+            if (isMultiVal) {
+              labelMpas[item[labelProp]] = item
+            /* eslint-disable eqeqeq */
+            } else if (item[labelProp] == cellValue) {
+              XEUtils.set(row, field, item[valueProp])
+              return
+            }
+          }
+        }
+      } else {
+        if (options) {
+          for (let i = 0; i < options.length; i++) {
+            const item = options[i]
+            if (isMultiVal) {
+              labelMpas[item[labelProp]] = item
+            /* eslint-disable eqeqeq */
+            } else if (item[labelProp] == cellValue) {
+              XEUtils.set(row, field, item[valueProp])
+              return
+            }
+          }
+        }
+      }
+      if (isMultiVal) {
+        XEUtils.set(row, field, (isMultiVal
+          ? cellValue.split(',')
+          : [cellValue]).map((label: any) => {
+          const item = labelMpas[label]
+          return item ? item[valueProp] : label
+        }))
+      } else {
+        XEUtils.set(row, field, cellValue)
+      }
+    }
+  }
+
+  function handleSelectCellValue (cellValue: any, renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, renderParams: VxeGlobalRendererHandles.RenderTableCellParams | VxeGlobalRendererHandles.TableCellFormatterParams | VxeGlobalRendererHandles.TableCellCopyMethodParams) {
     const { options = [], optionGroups, props = {}, optionProps = {}, optionGroupProps = {} } = renderOpts
-    const { $table, rowid, column } = renderParams
+    const { $table, row, column } = renderParams
     const { filterable, multiple } = props
     const labelProp = optionProps.label || 'label'
     const valueProp = optionProps.value || 'value'
@@ -246,6 +306,7 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     if (filterable) {
       const { internalData } = $table
       const { fullAllDataRowIdData } = internalData
+      const rowid = (renderParams as any).rowid || $table.getRowid(row)
       const rest: any = fullAllDataRowIdData[rowid]
       if (rest) {
         cellData = rest.cellData
@@ -475,11 +536,18 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     ]
   }
 
+  function handleDefaultCellValue (renderOpts: VxeGlobalRendererHandles.RenderTableCellOptions, renderParams: VxeGlobalRendererHandles.RenderTableCellParams) {
+    const { row, column } = renderParams
+    const cellValue = XEUtils.get(row, column.field)
+    return formatText(cellValue)
+  }
+
   VxeUI.renderer.mixin({
     ElAutocomplete: {
       tableAutoFocus: 'input',
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       createTableFilterOptions: defaultFilterOptions,
       renderTableFilter: createFilterRender(),
       tableFilterDefaultMethod: defaultExactFilterMethod
@@ -488,6 +556,7 @@ export function defineTableRender (VxeUI: VxeUIExport) {
       tableAutoFocus: 'input',
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       createTableFilterOptions: defaultFilterOptions,
       renderTableFilter: createFilterRender(),
       renderTableFloatingFilter: createFloatingFilterRender(),
@@ -497,6 +566,7 @@ export function defineTableRender (VxeUI: VxeUIExport) {
       tableAutoFocus: 'input',
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       createTableFilterOptions: defaultFilterOptions,
       renderTableFilter: createFilterRender(),
       renderTableFloatingFilter: createFloatingFilterRender(),
@@ -623,6 +693,9 @@ export function defineTableRender (VxeUI: VxeUIExport) {
             }))
         ]
       },
+      tableCellFormatter: handleFormatSelect,
+      tableCellCopyMethod: handleFormatSelect,
+      tableCellPasteMethod: handleSetSelectValue,
       tableFilterDefaultMethod (params) {
         const { option, row, column } = params
         const { data } = option
@@ -708,11 +781,13 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     },
     ElTimeSelect: {
       tableAutoFocus: 'input',
-      renderTableEdit: createEditRender()
+      renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue
     },
     ElRate: {
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       createTableFilterOptions: defaultFilterOptions,
       renderTableFilter: createFilterRender(),
       tableFilterDefaultMethod: defaultExactFilterMethod
@@ -720,6 +795,7 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     ElSwitch: {
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       renderTableFilter (renderOpts, params) {
         const { column } = params
         const { name, attrs } = renderOpts
@@ -745,6 +821,7 @@ export function defineTableRender (VxeUI: VxeUIExport) {
     ElSlider: {
       renderTableDefault: createEditRender(),
       renderTableEdit: createEditRender(),
+      renderTableCell: handleDefaultCellValue,
       createTableFilterOptions: defaultFilterOptions,
       renderTableFilter: createFilterRender(),
       tableFilterDefaultMethod: defaultExactFilterMethod