vxe-pc-ui 4.17.21 → 4.17.23

package/styles/components/input.scss

@@ -103,7 +103,6 @@
   border-radius: var(--vxe-ui-base-border-radius);
   width: 180px;
   border: 1px solid var(--vxe-ui-input-border-color);
-  overflow: hidden;
   &.is--active {
     border: 1px solid var(--vxe-ui-font-primary-color);
   }
@@ -167,6 +166,16 @@
   }
 }
 
+.vxe-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 0.2em;
+  color: var(--vxe-ui-input-placeholder-color);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
 .vxe-input--number-btn {
   height: 50%;
   display: flex;

package/styles/components/number-input.scss

@@ -100,7 +100,6 @@
   border-radius: var(--vxe-ui-base-border-radius);
   width: 180px;
   border: 1px solid var(--vxe-ui-input-border-color);
-  overflow: hidden;
   &.is--active {
     border: 1px solid var(--vxe-ui-font-primary-color);
   }
@@ -157,6 +156,16 @@
   }
 }
 
+.vxe-number-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 0.2em;
+  color: var(--vxe-ui-input-placeholder-color);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
 // 统计字数
 .vxe-number-input--count {
   flex-shrink: 0;
@@ -234,13 +243,27 @@
   }
 }
 .vxe-number-input {
-  &.is--controls {
+  &.ctl--default {
     & > .vxe-number-input--input-wrapper {
       .vxe-number-input--input {
         border-radius: 0;
       }
     }
   }
+  &.ctl--left {
+    & > .vxe-number-input--input-wrapper {
+      .vxe-number-input--input {
+        border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
+      }
+    }
+  }
+  &.ctl--right {
+    & > .vxe-number-input--input-wrapper {
+      .vxe-number-input--input {
+        border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
+      }
+    }
+  }
   &.ctl--default {
     & > .vxe-number-input--minus-btn {
       border-right: 1px solid var(--vxe-ui-input-border-color);

package/styles/components/password-input.scss

@@ -142,6 +142,16 @@
   }
 }
 
+.vxe-password-input--float-wrapper {
+  position: absolute;
+  left: 1em;
+  top: -0.5em;
+  line-height: 1;
+  padding: 0 0.2em;
+  color: var(--vxe-ui-input-placeholder-color);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
 .vxe-password-input--number-btn {
   height: 50%;
   display: flex;

package/styles/theme/base.scss

@@ -125,12 +125,12 @@
   --vxe-ui-tooltip-dark-background-color: #303133;
 
   /*form*/
-  --vxe-ui-space-margin-xlarge: 64px;
-  --vxe-ui-space-margin-large: 60px;
-  --vxe-ui-space-margin-default: 56px;
-  --vxe-ui-space-margin-medium: 52px;
-  --vxe-ui-space-margin-small: 48px;
-  --vxe-ui-space-margin-mini: 44px;
+  --vxe-ui-form-item-min-height-xlarge: 64px;
+  --vxe-ui-form-item-min-height-large: 60px;
+  --vxe-ui-form-item-min-height-default: 56px;
+  --vxe-ui-form-item-min-height-medium: 52px;
+  --vxe-ui-form-item-min-height-small: 48px;
+  --vxe-ui-form-item-min-height-mini: 44px;
   --vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);
   --vxe-ui-form-item-padding-xlarge: 10px;
   --vxe-ui-form-item-padding-large: 9px;

package/types/components/input.d.ts

@@ -38,6 +38,7 @@ export namespace VxeInputPropTypes {
   export type Readonly = boolean
   export type Disabled = boolean
   export type Placeholder = string
+  export type FloatContent = string
   export type MaxLength = string | number | null
   export type Multiple = boolean
   export type ShowWordCount = boolean
@@ -110,6 +111,7 @@ export interface VxeInputProps {
   readonly?: VxeInputPropTypes.Readonly
   disabled?: VxeInputPropTypes.Disabled
   placeholder?: VxeInputPropTypes.Placeholder
+  floatContent?: VxeInputPropTypes.FloatContent
   maxLength?: VxeInputPropTypes.MaxLength
   multiple?: VxeInputPropTypes.Multiple
   /**
@@ -437,6 +439,7 @@ export interface VxeInputSlots {
   default: (params: VxeInputSlotTypes.DefaultSlotParams) => any
   prefix: (params: VxeInputSlotTypes.DefaultSlotParams) => any
   suffix: (params: VxeInputSlotTypes.DefaultSlotParams) => any
+  float: (params: VxeInputSlotTypes.DefaultSlotParams) => any
 }
 
 export const Input: typeof VxeInput

package/types/components/number-input.d.ts

@@ -34,6 +34,7 @@ export namespace VxeNumberInputPropTypes {
   export type Readonly = boolean
   export type Disabled = boolean
   export type Placeholder = string
+  export type FloatContent = string
   export type MaxLength = string | number | null
   export type Multiple = boolean
   export type AutoComplete = string
@@ -122,6 +123,7 @@ export interface VxeNumberInputProps {
   readonly?: VxeNumberInputPropTypes.Readonly
   disabled?: VxeNumberInputPropTypes.Disabled
   placeholder?: VxeNumberInputPropTypes.Placeholder
+  floatContent?: VxeNumberInputPropTypes.FloatContent
   maxLength?: VxeNumberInputPropTypes.MaxLength
   multiple?: VxeNumberInputPropTypes.Multiple
   autoComplete?: VxeNumberInputPropTypes.AutoComplete
@@ -321,6 +323,7 @@ export interface VxeNumberInputSlots {
   default?: (params: VxeNumberInputSlotTypes.DefaultSlotParams) => any
   prefix: (params: VxeNumberInputSlotTypes.DefaultSlotParams) => any
   suffix: (params: VxeNumberInputSlotTypes.DefaultSlotParams) => any
+  float: (params: VxeNumberInputSlotTypes.DefaultSlotParams) => any
 }
 
 export const NumberInput: typeof VxeNumberInput

package/types/components/password-input.d.ts

@@ -34,6 +34,7 @@ export namespace VxePasswordInputPropTypes {
   export type Disabled = boolean
   export type MaxLength = string | number
   export type Placeholder = string
+  export type FloatContent = string
   export type AutoComplete = string
   export type PrefixIcon = string
   export type SuffixIcon = string
@@ -59,6 +60,7 @@ export interface VxePasswordInputProps {
   maxLength?: VxePasswordInputPropTypes.MaxLength
   autoComplete?: VxePasswordInputPropTypes.AutoComplete
   placeholder?: VxePasswordInputPropTypes.Placeholder
+  floatContent?: VxePasswordInputPropTypes.FloatContent
   prefixIcon?: VxePasswordInputPropTypes.PrefixIcon
   suffixIcon?: VxePasswordInputPropTypes.SuffixIcon
   controls?: VxePasswordInputPropTypes.Controls
@@ -140,6 +142,7 @@ export interface VxePasswordInputSlots {
   default?: (params: VxePasswordInputSlotTypes.DefaultSlotParams) => any
   prefix: (params: VxePasswordInputSlotTypes.DefaultSlotParams) => any
   suffix: (params: VxePasswordInputSlotTypes.DefaultSlotParams) => any
+  float: (params: VxePasswordInputSlotTypes.DefaultSlotParams) => any
 }
 
 export const PasswordInput: typeof VxePasswordInput

package/types/components/table-module/filter.d.ts

@@ -128,6 +128,10 @@ export interface TableFilterPrivateMethods<D = any> {
    * @private
    */
   handleFilterResetFilter (evnt: Event | null, column: VxeTableDefines.ColumnInfo | null): void
+  /**
+   * @private
+   */
+  handleFilterStyle(): Promise<any>
 }
 
 declare module '../grid' {

package/types/components/table-module/menu.d.ts

@@ -10,11 +10,29 @@ export interface TableMenuMethods<D = any> {
 }
 
 export interface TableMenuPrivateMethods<D = any> {
+  /**
+   * @private
+   */
   moveCtxMenu(evnt: KeyboardEvent, ctxMenuStore: any, property: 'selectChild' | 'selected', hasOper: boolean, operRest: any, menuList: any[]): void
+  /**
+   * @private
+   */
   handleOpenMenuEvent(evnt: Event, type: 'header' | 'body' | 'footer', params: any): void
+  /**
+   * @private
+   */
   handleGlobalContextmenuEvent(evnt: Event): void
+  /**
+   * @private
+   */
   ctxMenuMouseoverEvent(evnt: Event, item: VxeTableDefines.MenuFirstOption | VxeTableDefines.MenuChildOption, child?: any): void
+  /**
+   * @private
+   */
   ctxMenuMouseoutEvent(evnt: Event, item: VxeTableDefines.MenuFirstOption | VxeTableDefines.MenuChildOption): void
+  /**
+   * @private
+   */
   ctxMenuLinkEvent(evnt: Event, menu: VxeTableDefines.MenuFirstOption | VxeTableDefines.MenuChildOption): void
 }
 

package/types/components/table.d.ts

@@ -402,6 +402,10 @@ export namespace VxeTablePropTypes {
      * 当鼠标点击行时，是否要高亮当前行
      */
     isCurrent?: boolean
+    /**
+     * 当鼠标点击的行存在合并时，是否合并高亮显示
+     */
+    // isMergeCurrent?: boolean
     /**
      * 已废弃，请使用 current-row-config.beforeSelectMethod
      * @deprecated
@@ -413,6 +417,10 @@ export namespace VxeTablePropTypes {
      * 当鼠标移到行时，是否要高亮当前行
      */
     isHover?: boolean
+    /**
+     * 当鼠标移到行存在合并时，是否合并高亮显示
+     */
+    // isMergeHover?: boolean
     /**
      * 每一行开启调整行高度
      */
@@ -3200,6 +3208,13 @@ export namespace VxeTablePropTypes {
      * 排除列
      */
     excludeFields?: string[]
+    /**
+     * 是否允许列选中的方法，该方法的返回值用来决定这一列的 checkbox 是否可以选中
+     */
+    checkMethod?(params: {
+      $table: VxeTableConstructor<D>
+      column: VxeTableDefines.ColumnInfo<D>
+    }): boolean
     /**
      * 列过滤方法
      */
@@ -6194,6 +6209,7 @@ export namespace VxeTableDefines {
   }
 
   export interface FilterStoreObj {
+    targetEl: HTMLDivElement | null
     isAllSelected: boolean
     isIndeterminate: boolean
     style: any