vxe-pc-ui 3.14.24 → 3.14.26

package/packages/textarea/src/textarea.ts

@@ -3,6 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, createEvent, globalMixins } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
+import { warnLog } from '../../ui/src/log'
 
 import type { VxeTextareaPropTypes, TextareaReactData, VxeComponentSizeType, VxeTextareaEmits, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
@@ -53,7 +54,18 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     showWordCount: Boolean as PropType<VxeTextareaPropTypes.ShowWordCount>,
     countMethod: Function as PropType<VxeTextareaPropTypes.CountMethod>,
-    autosize: [Boolean, Object] as PropType<VxeTextareaPropTypes.Autosize>,
+    /**
+     * 已废弃，被 auto-size 替换
+     * @deprecated
+     */
+    autosize: {
+      type: [Boolean, Object] as PropType<VxeTextareaPropTypes.Autosize>,
+      default: null
+    },
+    autoSize: {
+      type: [Boolean, Object] as PropType<VxeTextareaPropTypes.AutoSize>,
+      default: null
+    },
     form: String as PropType<VxeTextareaPropTypes.Form>,
     resize: {
       type: String as PropType<VxeTextareaPropTypes.Resize>,
@@ -81,7 +93,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
     return {
       xID: XEUtils.uniqueId(),
-      reactData
+      reactData,
+
+      reFlag: 0
     }
   },
   computed: {
@@ -163,7 +177,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTextarea = this
       const props = $xeTextarea
 
-      return Object.assign({ minRows: 1, maxRows: 10 }, getConfig().textarea.autosize, props.autosize)
+      const { autosize, autoSize } = props
+      if (autosize || getConfig().textarea.autosize) {
+        return Object.assign({ minRows: 1, maxRows: 10 }, getConfig().textarea.autosize, autosize)
+      }
+      return Object.assign({ minRows: 1, maxRows: 10 }, getConfig().textarea.autoSize, autoSize)
     }
   },
   methods: {
@@ -203,16 +221,22 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeTextarea
       const reactData = $xeTextarea.reactData
 
-      const { size, autosize } = props
+      const { size, autosize, autoSize } = props
       const { inputValue } = reactData
-      if (autosize) {
+      if (autosize || autoSize) {
+        const formReadonly = $xeTextarea.computeFormReadonly
         if (!autoTxtElem) {
           autoTxtElem = document.createElement('div')
         }
         if (!autoTxtElem.parentNode) {
           document.body.appendChild(autoTxtElem)
         }
-        const textElem = $xeTextarea.$refs.refTextarea as HTMLTextAreaElement
+        const taElem = $xeTextarea.$refs.refTextarea as HTMLTextAreaElement
+        const ctElem = $xeTextarea.$refs.refContent as HTMLDivElement
+        const textElem = formReadonly ? ctElem : taElem
+        if (!textElem) {
+          return
+        }
         if (!textElem) {
           return
         }
@@ -227,11 +251,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTextarea = this
       const props = $xeTextarea
 
-      if (props.autosize) {
+      const { autosize, autoSize } = props
+      if (autosize || autoSize) {
         $xeTextarea.$nextTick(() => {
           const sizeOpts = $xeTextarea.computeSizeOpts
+          const formReadonly = $xeTextarea.computeFormReadonly
           const { minRows, maxRows } = sizeOpts
-          const textElem = $xeTextarea.$refs.refTextarea as HTMLTextAreaElement
+          const taElem = $xeTextarea.$refs.refTextarea as HTMLTextAreaElement
+          const ctElem = $xeTextarea.$refs.refContent as HTMLDivElement
+          const textElem = formReadonly ? ctElem : taElem
           if (!textElem) {
             return
           }
@@ -331,7 +359,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeTextarea
       const reactData = $xeTextarea.reactData
 
-      const { className, resize, autosize, showWordCount, countMethod, rows, cols } = props
+      const { className, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props
       const { inputValue } = reactData
       const vSize = $xeTextarea.computeSize
       const isDisabled = $xeTextarea.computeIsDisabled
@@ -345,13 +373,18 @@ export default /* define-vxe-component start */ defineVxeComponent({
         return h('div', {
           ref: 'refElem',
           class: ['vxe-textarea--readonly', className]
-        }, inputValue)
+        }, [
+          h('div', {
+            ref: 'refContent',
+            class: 'vxe-textarea--content'
+          }, inputValue)
+        ])
       }
       return h('div', {
         ref: 'refElem',
         class: ['vxe-textarea', className, {
           [`size--${vSize}`]: vSize,
-          'is--autosize': autosize,
+          'is--autosize': autosize || autoSize,
           'is--count': showWordCount,
           'is--disabled': isDisabled,
           'is--rows': !XEUtils.eqNull(rows),
@@ -409,9 +442,29 @@ export default /* define-vxe-component start */ defineVxeComponent({
       reactData.inputValue = val
       $xeTextarea.updateAutoTxt()
     },
+    computeFormReadonly () {
+      const $xeTextarea = this
+
+      $xeTextarea.reFlag++
+    },
     computeSizeOpts () {
       const $xeTextarea = this
 
+      $xeTextarea.reFlag++
+    },
+    autoSize () {
+      const $xeTextarea = this
+
+      $xeTextarea.reFlag++
+    },
+    autosize () {
+      const $xeTextarea = this
+
+      $xeTextarea.reFlag++
+    },
+    reFlag () {
+      const $xeTextarea = this
+
       $xeTextarea.updateAutoTxt()
       $xeTextarea.handleResize()
     }
@@ -423,8 +476,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
     reactData.inputValue = props.value
     $xeTextarea.$nextTick(() => {
-      const { autosize } = props
+      const { autosize, autoSize } = props
       if (autosize) {
+        warnLog('vxe.error.delProp', ['autosize', 'auto-size'])
+      }
+      if (autosize || autoSize) {
         $xeTextarea.updateAutoTxt()
         $xeTextarea.handleResize()
       }

package/styles/components/textarea.scss

@@ -10,14 +10,20 @@
   }
 }
 .vxe-textarea--readonly {
-  color: var(--vxe-ui-font-color);
-  display: inline-flex;
+  display: flex;
+}
+.vxe-textarea--content {
+  width: 100%;
+  padding: 0.3em 0.6em;
+  overflow: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
+
 .vxe-textarea--inner {
   border-radius: var(--vxe-ui-base-border-radius);
   outline: 0;
   font-size: inherit;
-  padding: 0 0.6em;
   color: var(--vxe-ui-font-color);
   line-height: inherit;
   border: 1px solid var(--vxe-ui-input-border-color);
@@ -38,7 +44,8 @@
 }
 
 .vxe-textarea--inner,
-.vxe-textarea--autosize {
+.vxe-textarea--autosize,
+.vxe-textarea--content {
   line-height: 1.5715;
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);

package/types/components/column.d.ts

@@ -231,6 +231,7 @@ export namespace VxeColumnPropTypes {
      * 多目标渲染
      */
     children?: any[]
+    enabled?: boolean
 
     startField?: string
     endField?: string

package/types/components/table-plugins/extend-cell-area.d.ts

@@ -498,6 +498,10 @@ export namespace VxeTableExtendCellAreaDefines {
   }
   export interface CellAreaArrowsEndEventParams<D = any> extends EventParams<D>, CellAreaArrowsEndParams<D> { }
 
+  export interface CellAreaFillCopyEventParams<D = any> extends EventParams<D> {
+    cellAreas: VxeTableExtendCellAreaDefines.MouseCellArea<D>[]
+  }
+
   export interface ActiveCellChangeStartParams<D = any> {
     activeArea: VxeTableExtendCellAreaDefines.MouseActiveCellArea
     row: D
@@ -547,6 +551,7 @@ export type VxeTableExtendCellAreaEmits = [
   'cell-area-selection-all-end',
   'cell-area-arrows-start',
   'cell-area-arrows-end',
+  'cell-area-fill-copy',
   'active-cell-change-start',
   'active-cell-change-end'
 ]
@@ -578,6 +583,7 @@ declare module '../table' {
     onCellAreaSelectionAllEnd?: VxeTableEvents.CellAreaSelectionAllEnd<D>
     onCellAreaArrowsStart?: VxeTableEvents.CellAreaArrowsStart<D>
     onCellAreaArrowsEnd?: VxeTableEvents.CellAreaArrowsEnd<D>
+    onCellAreaFillCopy?: VxeTableEvents.CellAreaFillCopy<D>
     onActiveCellChangeStart?: VxeTableEvents.ActiveCellChangeStart<D>
     onActiveCellChangeEnd?: VxeTableEvents.ActiveCellChangeEnd<D>
   }
@@ -625,6 +631,7 @@ declare module '../table' {
     cellAreaSelectionAllEnd?: VxeTableEvents.CellAreaSelectionAllEnd<D>
     cellAreaArrowsStart?: VxeTableEvents.CellAreaArrowsStart<D>
     cellAreaArrowsEnd?: VxeTableEvents.CellAreaArrowsEnd<D>
+    cellAreaFillCopy?: VxeTableEvents.CellAreaFillCopy<D>
     activeCellChangeStart?: VxeTableEvents.ActiveCellChangeStart<D>
     activeCellChangeEnd?: VxeTableEvents.ActiveCellChangeEnd<D>
   }
@@ -654,6 +661,7 @@ declare module '../table' {
     export type CellAreaSelectionAllEnd<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaSelectionAllEndEventParams<D>) => void
     export type CellAreaArrowsStart<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaArrowsStartEventParams<D>) => void
     export type CellAreaArrowsEnd<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaArrowsEndEventParams<D>) => void
+    export type CellAreaFillCopy<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaFillCopyEventParams<D>) => void
     export type ActiveCellChangeStart<D = any> = (params: VxeTableExtendCellAreaDefines.ActiveCellChangeStartEventParams<D>) => void
     export type ActiveCellChangeEnd<D = any> = (params: VxeTableExtendCellAreaDefines.ActiveCellChangeEndEventParams<D>) => void
   }
@@ -686,6 +694,7 @@ declare module '../grid' {
     onCellAreaSelectionAllEnd?: VxeGridEvents.CellAreaSelectionAllEnd<D>
     onCellAreaArrowsStart?: VxeGridEvents.CellAreaArrowsStart<D>
     onCellAreaArrowsEnd?: VxeGridEvents.CellAreaArrowsEnd<D>
+    onCellAreaFillCopy?: VxeGridEvents.CellAreaFillCopy<D>
     onActiveCellChangeStart?: VxeGridEvents.ActiveCellChangeStart<D>
     onActiveCellChangeEnd?: VxeGridEvents.ActiveCellChangeEnd<D>
   }
@@ -733,6 +742,7 @@ declare module '../grid' {
     cellAreaSelectionAllEnd?: VxeGridEvents.CellAreaSelectionAllEnd<D>
     cellAreaArrowsStart?: VxeGridEvents.CellAreaArrowsStart<D>
     cellAreaArrowsEnd?: VxeGridEvents.CellAreaArrowsEnd<D>
+    cellAreaFillCopy?: VxeGridEvents.CellAreaFillCopy<D>
     activeCellChangeStart?: VxeGridEvents.ActiveCellChangeStart<D>
     activeCellChangeEnd?: VxeGridEvents.ActiveCellChangeEnd<D>
   }
@@ -762,6 +772,7 @@ declare module '../grid' {
     export type CellAreaSelectionAllStart<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaSelectionAllStartEventParams<D>) => void
     export type CellAreaSelectionAllEnd<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaSelectionAllEndEventParams<D>) => void
     export type CellAreaArrowsEnd<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaArrowsEndEventParams<D>) => void
+    export type CellAreaFillCopy<D = any> = (params: VxeTableExtendCellAreaDefines.CellAreaFillCopyEventParams<D>) => void
     export type ActiveCellChangeStart<D = any> = (params: VxeTableExtendCellAreaDefines.ActiveCellChangeStartEventParams<D>) => void
     export type ActiveCellChangeEnd<D = any> = (params: VxeTableExtendCellAreaDefines.ActiveCellChangeEndEventParams<D>) => void
   }

package/types/components/table.d.ts

@@ -1843,6 +1843,10 @@ export namespace VxeTablePropTypes {
      * 只对 mouse-config.area 启用后有效，选择单元格后显示行状态
      */
     showRowStatus?: boolean
+    /**
+     * 是否启用选中复制填充功能，自动把上面的单元格内容填到下面
+     */
+    isFillByCopy?: boolean
     /**
      * 只对 mouse-config.extension 启用后有效，将被选取区域的值复制到扩展区域中
      */
@@ -4155,6 +4159,7 @@ export interface TableInternalData<D = any> {
 
   keepUpdateFieldMaps: Record<string, number>
 
+  headerFullDataColData: Record<string, VxeTableDefines.HeaderColCacheItem>
   footerFullDataRowData: Record<string, VxeTableDefines.FooterRowCacheItem>
 
   sourceDataRowIdData: Record<string, D>
@@ -4461,6 +4466,18 @@ export interface TableMethods<DT = any> {
    * 清除单元格格式化缓存
    */
   clearFormatterCache(isUpdate?: boolean): Promise<void>
+  /**
+   * 获取表头单元格显示值
+   */
+  getHeaderCellLabel(fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo<any> | null): string
+  /**
+   * 更新表头单元格显示值
+   */
+  updateHeaderCellLabel(fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo<any> | null): string
+  /**
+   * 清除表头单元格格式化缓存
+   */
+  clearHeaderFormatterCache(isUpdate?: boolean): Promise<void>
   /**
    * 获取表尾单元格显示值
    */
@@ -6103,6 +6120,9 @@ export namespace VxeTableDefines {
     formatData?: Record<string, RowCacheFormatObj>
   }
 
+  export interface HeaderColCacheItem {
+    formatObj?: RowCacheFormatObj
+  }
   export interface FooterRowCacheItem {
     formatData?: Record<string, RowCacheFormatObj>
   }

package/types/components/textarea.d.ts

@@ -33,7 +33,23 @@ export namespace VxeTextareaPropTypes {
   export type CountMethod = (params: {
     value: string
   }) => number
+  /**
+   * 已废弃，被 AutoSize 替换
+     * @deprecated
+   */
   export type Autosize = {
+    /**
+     * 已废弃，被 autoSize.minRows 替换
+     * @deprecated
+     */
+    minRows?: number | null
+    /**
+     * 已废弃，被 autoSize.maxRows 替换
+     * @deprecated
+     */
+    maxRows?: number | null
+  }
+  export type AutoSize = {
     minRows?: number | null
     maxRows?: number | null
   }
@@ -100,6 +116,10 @@ export interface VxeTextareaProps {
    * 自适应文本高度
    */
   autosize?: VxeTextareaPropTypes.Autosize
+  /**
+   * 自适应文本高度
+   */
+  autoSize?: VxeTextareaPropTypes.AutoSize
   /**
    * 原生 form 属性
    */