vxe-pc-ui 4.4.5 → 4.4.7

package/styles/components/date-picker.scss

@@ -325,7 +325,11 @@
   margin-right: 0.5em;
 }
 .vxe-date-picker--time-picker-btn {
+  display: flex;
   flex-shrink: 0;
+  &:active {
+    transform: scale(0.9);
+  }
 }
 .vxe-date-picker--time-picker-confirm,
 .vxe-date-picker--date-picker-confirm {
@@ -391,6 +395,7 @@
   &:not(.is--disabled) {
     cursor: pointer;
     &:hover {
+      color: var(--vxe-ui-font-primary-color);
       background-color: #fff;
     }
     &:active {
@@ -398,6 +403,14 @@
     }
   }
 }
+.vxe-date-picker--date-picker-btns {
+  .vxe-date-picker--date-picker-btn {
+    margin-left: 0.6em;
+    &:first-child {
+      margin-left: 0;
+    }
+  }
+}
 .vxe-date-picker--date-picker-body {
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -523,6 +536,8 @@
 
 .vxe-date-picker--date-label {
   position: relative;
+  font-size: 1.1em;
+  line-height: 1em;
   &.is-notice {
     &:before {
       content: "";
@@ -541,8 +556,8 @@
   position: absolute;
   right: 0.1em;
   top: -0.2em;
-  font-size: 0.86em;
-  transform: scale(0.85);
+  font-size: 12px;
+  transform: scale(0.9);
   color: var(--vxe-ui-input-date-extra-color);
   &.is-important {
     color: var(--vxe-ui-input-date-extra-important-color);
@@ -551,7 +566,8 @@
 
 .vxe-date-picker--date-festival {
   color: var(--vxe-ui-input-date-festival-color);
-  height: 14px;
+  height: 1.2em;
+  line-height: 1.1em;
   overflow: hidden;
   &.is-important {
     color: var(--vxe-ui-input-date-festival-important-color);
@@ -559,8 +575,8 @@
 }
 .vxe-date-picker--date-festival--label {
   display: block;
-  font-size: 0.86em;
-  transform: scale(0.9);
+  font-size: 1em;
+  transform: scale(0.8);
 }
 
 @keyframes festivalOverlap2 {
@@ -760,6 +776,9 @@
   .vxe-date-picker--date-picker-btn-wrapper {
     .vxe-date-picker--date-picker-btn {
       margin-left: 9px - $sizeIndex;
+      &:active {
+        transform: scale(0.9);
+      }
     }
     .vxe-date-picker--date-picker-prev-btn,
     .vxe-date-picker--date-picker-current-btn,
@@ -771,7 +790,7 @@
   }
   .vxe-date-picker--date-picker-type-wrapper {
     .vxe-date-picker--date-picker-label,
-    .vxe-date-picker--date-picker-btn {
+    .vxe-date-picker--date-picker-btns {
       padding: 0 10px - $sizeIndex;
     }
   }
@@ -831,9 +850,6 @@
   .vxe-date-picker--date-picker-confirm {
     height: 31px - $sizeIndex;
   }
-  .vxe-date-picker--date-label {
-    line-height: calc(list.nth($fontSizeList, $sizeIndex) + 1px);
-  }
 }
 
 .vxe-date-picker--panel {

package/styles/theme/base.scss

@@ -43,7 +43,7 @@
   /*input*/
   --vxe-ui-input-disabled-color: #dcdfe6;
   --vxe-ui-input-number-disabled-color: #e4e7ed;
-  --vxe-ui-input-date-festival-color: #999999;
+  --vxe-ui-input-date-festival-color: #abaaaa;
   --vxe-ui-input-date-festival-important-color: var(--vxe-ui-font-primary-color);
   --vxe-ui-input-date-notice-background-color: #FF0000;
   --vxe-ui-input-date-picker-hover-background-color: #f2f6fc;

package/types/components/grid.d.ts

@@ -277,6 +277,10 @@ export interface GridMethods<D = any> {
    * @param code 指令编码
    */
   commitProxy(code: string | VxeToolbarPropTypes.ButtonConfig, ...args: any[]): Promise<any>
+  /**
+   * 获取根元素
+   */
+  getEl(): HTMLDivElement
   /**
    * 获取表单数据
    */

package/types/components/table.d.ts

@@ -3320,6 +3320,10 @@ export interface TableInternalData<D = any> {
 
 export interface TableMethods<DT = any> {
   dispatchEvent(type: ValueOf<VxeTableEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 获取根元素
+   */
+  getEl(): HTMLDivElement
   /**
    * 手动清除表格所有条件，还原到初始状态
    * 对于增删改查的场景中可能会用到，比如在数据保存之后清除表格缓存
@@ -3531,6 +3535,50 @@ export interface TableMethods<DT = any> {
     visibleColumn: VxeTableDefines.ColumnInfo<DT>[]
     tableColumn: VxeTableDefines.ColumnInfo<DT>[]
   }
+  /**
+   * 移动列到指定列的位置
+   * @param fieldOrColumn
+   * @param targetFieldOrColumn 列对象、列字段、移动偏移量
+   * @param options
+   */
+  moveColumnTo(fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo, targetFieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo | number, options?: {
+    /**
+     * 只对 row-drag-config.isCrossDrag 有效，允许跨层级移动
+     */
+    isCrossDrag?: boolean
+    /**
+     * 只对 column-drag-config.isToChildDrag 有效，移动成子级
+     */
+    dragToChild?: boolean
+    /**
+     * 移动到目标列的左边或右边位置
+     */
+    dragPos?: 'left' | 'right' | '' | null
+  }): Promise<{
+    status: boolean
+  }>
+  /**
+   * 移动行到指定行的位置
+   * @param rowidOrRow
+   * @param targetRowidOrRow 行对象、行主键、移动偏移量
+   * @param options
+   */
+  moveRowTo(rowidOrRow: any, targetRowidOrRow: any, options?: {
+    /**
+     * 只对 row-drag-config.isCrossDrag 有效，允许跨层级移动
+     */
+    isCrossDrag?: boolean
+    /**
+     * 只对 row-drag-config.isToChildDrag 有效，移动成子级
+     */
+    dragToChild?: boolean
+    /**
+     * 移动到目标行的上方或下方位置
+     */
+    dragPos?: 'top' | 'bottom' | '' | null
+  }): Promise<{
+    status: boolean
+  }>
   /**
    * 获取表格的全量列
    */
@@ -4199,7 +4247,7 @@ export interface TablePrivateMethods<D = any> {
   triggerHeaderCellMousedownEvent(evnt: any, params: any): void
   triggerCellMousedownEvent(evnt: MouseEvent, params: any): void
   triggerCellMouseupEvent(evnt: MouseEvent): void
-  handleRowDragSwapEvent (evnt: DragEvent, isSyncRow: boolean | undefined, dragRow: any, prevDragRow: any, prevDragPos: '' | 'top' | 'bottom' | 'left' | 'right' | undefined, prevDragToChild: boolean | undefined): Promise<void>
+  handleRowDragSwapEvent (evnt: DragEvent | null, isSyncRow: boolean | undefined, dragRow: any, prevDragRow: any, prevDragPos: '' | 'top' | 'bottom' | 'left' | 'right' | undefined, prevDragToChild: boolean | undefined): Promise<{ status: boolean }>
   handleRowDragDragstartEvent (evnt: DragEvent): void
   handleRowDragDragendEvent(evnt: DragEvent): void
   handleRowDragDragoverEvent(evnt: DragEvent,): void
@@ -4210,7 +4258,7 @@ export interface TablePrivateMethods<D = any> {
   handleCellDragMouseupEvent (evnt: MouseEvent): void
   handleHeaderCellDragDragstartEvent (evnt: DragEvent): void
   handleColDragSwapColumn(): void
-  handleColDragSwapEvent (evnt: DragEvent, isSyncColumn: boolean | undefined, dragCol: VxeTableDefines.ColumnInfo | null | undefined, prevDragCol: VxeTableDefines.ColumnInfo | undefined, prevDragPos: '' | 'top' | 'bottom' | 'left' | 'right' | undefined, prevDragToChild: boolean | undefined): Promise<void>
+  handleColDragSwapEvent (evnt: DragEvent | null, isSyncColumn: boolean | undefined, dragCol: VxeTableDefines.ColumnInfo | null | undefined, prevDragCol: VxeTableDefines.ColumnInfo | null | undefined, prevDragPos: '' | 'top' | 'bottom' | 'left' | 'right' | undefined, prevDragToChild: boolean | undefined): Promise<{ status: boolean }>
   handleHeaderCellDragDragendEvent(evnt: DragEvent): void
   handleHeaderCellDragDragoverEvent(evnt: DragEvent,): void
   handleHeaderCellDragMousedownEvent (evnt: MouseEvent, params: {