vxe-pc-ui 4.5.5 → 4.5.7

package/styles/components/split.scss

@@ -5,7 +5,7 @@
   &.is--vertical {
     & > .vxe-split-wrapper {
       flex-direction: column;
-      & > .vxe-split-item {
+      & > .vxe-split-pane {
         width: 100%;
       }
     }
@@ -13,8 +13,8 @@
   &.is--drag {
     user-select: none;
     & > .vxe-split-wrapper {
-      & > .vxe-split-item {
-        & > .vxe-split-item--wrapper {
+      & > .vxe-split-pane {
+        & > .vxe-split-pane--wrapper {
           &::after {
             content: "";
             position: absolute;
@@ -41,19 +41,19 @@
   display: none;
 }
 
-.vxe-split-item-handle {
+.vxe-split-pane-handle {
   position: relative;
   flex-shrink: 0;
   user-select: none;
 }
 
-.vxe-split-item--wrapper {
+.vxe-split-pane--wrapper {
   position: relative;
   word-break: break-word;
   overflow: hidden;
   flex-grow: 1;
 }
-.vxe-split-item--inner {
+.vxe-split-pane--inner {
   height: 100%;
   width: 100%;
   overflow: auto;
@@ -61,10 +61,10 @@
     height: 100%;
   }
 }
-.vxe-split-item-handle-bar {
+.vxe-split-pane-handle-bar {
   background-color: var(--vxe-split-handle-bar-background-color);
 }
-.vxe-split-item-action-btn {
+.vxe-split-pane-action-btn {
   display: block;
   position: absolute;
   z-index: 2;
@@ -74,7 +74,7 @@
   @include baseMixin.createAnimationTransition(transform, 0.1s);
 }
 
-.vxe-split-item {
+.vxe-split-pane {
   display: flex;
   position: relative;
   overflow: hidden;
@@ -82,7 +82,7 @@
     width: 0;
   }
   &.is--padding {
-    & > .vxe-split-item--wrapper {
+    & > .vxe-split-pane--wrapper {
       padding: var(--vxe-ui-layout-padding-default);
     }
   }
@@ -94,28 +94,28 @@
     flex-shrink: 0;
   }
   &.is--border {
-    & > .vxe-split-item--wrapper,
-    & > .vxe-split-item-handle {
+    & > .vxe-split-pane--wrapper,
+    & > .vxe-split-pane-handle {
       border: 1px solid var(--vxe-ui-base-popup-border-color);
     }
   }
   &.is--expand {
     &.is--horizontal {
-      & > .vxe-split-item-handle {
-        .vxe-split-item-handle-bar {
+      & > .vxe-split-pane-handle {
+        .vxe-split-pane-handle-bar {
           cursor: w-resize;
         }
       }
     }
     &.is--vertical {
-      & > .vxe-split-item-handle {
-        .vxe-split-item-handle-bar {
+      & > .vxe-split-pane-handle {
+        .vxe-split-pane-handle-bar {
           cursor: n-resize;
         }
       }
     }
-    & > .vxe-split-item-handle {
-      & > .vxe-split-item-handle-bar {
+    & > .vxe-split-pane-handle {
+      & > .vxe-split-pane-handle-bar {
         background-color: var(--vxe-split-handle-bar-background-color);
         &:hover {
           background-color: var(--vxe-ui-font-primary-lighten-color);
@@ -128,22 +128,22 @@
   }
   &.is--horizontal {
     flex-direction: row;
-    & > .vxe-split-item-handle {
+    & > .vxe-split-pane-handle {
       &.to--prev {
-        .vxe-split-item-action-btn {
+        .vxe-split-pane-action-btn {
           left: 0;
         }
       }
       &.to--next {
-        .vxe-split-item-action-btn {
+        .vxe-split-pane-action-btn {
           right: 0;
         }
       }
-      .vxe-split-item-handle-bar {
+      .vxe-split-pane-handle-bar {
         width: var(--vxe-split-handle-bar-width);
         height: 100%;
       }
-      .vxe-split-item-action-btn {
+      .vxe-split-pane-action-btn {
         top: 50%;
         transform: translateY(-50%);
         padding: 1em 0;
@@ -156,29 +156,29 @@
       }
     }
     &.is--border {
-      & > .vxe-split-item-handle {
+      & > .vxe-split-pane-handle {
         border-width: 1px 0 1px 0;
       }
     }
   }
   &.is--vertical {
     flex-direction: column;
-    & > .vxe-split-item-handle {
+    & > .vxe-split-pane-handle {
       &.to--prev {
-        .vxe-split-item-action-btn {
+        .vxe-split-pane-action-btn {
           top: 0;
         }
       }
       &.to--next {
-        .vxe-split-item-action-btn {
+        .vxe-split-pane-action-btn {
           bottom: 0;
         }
       }
-      .vxe-split-item-handle-bar {
+      .vxe-split-pane-handle-bar {
         height: var(--vxe-split-handle-bar-height);
         width: 100%;
       }
-      .vxe-split-item-action-btn {
+      .vxe-split-pane-action-btn {
         left: 50%;
         transform: translateX(-50%);
         padding: 0 1em;
@@ -191,7 +191,7 @@
       }
     }
     &.is--border {
-      & > .vxe-split-item-handle {
+      & > .vxe-split-pane-handle {
         border-width: 0 1px 0 1px;
       }
     }

package/styles/components/upload.scss

@@ -321,7 +321,7 @@
   user-select: none;
 }
 .vxe-upload--image-action-hint {
-  font-size: 12px;
+  font-size: 0.8em;
   word-break: break-all;
   color: var(--vxe-ui-input-placeholder-color);
 }

package/types/all.d.ts

@@ -66,7 +66,7 @@ import VxeResult from './components/result'
 import VxeRow from './components/row'
 import VxeSelect from './components/select'
 import VxeSplit from './components/split'
-import VxeSplitItem from './components/split-item'
+import VxeSplitPane from './components/split-pane'
 import VxeSlider from './components/slider'
 import VxeRate from './components/rate'
 import VxeSteps from './components/steps'
@@ -161,7 +161,7 @@ interface AllComponents {
   VxeRow: typeof VxeRow
   VxeSelect: typeof VxeSelect
   VxeSplit: typeof VxeSplit
-  VxeSplitItem: typeof VxeSplitItem
+  VxeSplitPane: typeof VxeSplitPane
   VxeSlider: typeof VxeSlider
   VxeSteps: typeof VxeSteps
   VxeSwitch: typeof VxeSwitch
@@ -264,7 +264,7 @@ export * from './components/result'
 export * from './components/row'
 export * from './components/select'
 export * from './components/split'
-export * from './components/split-item'
+export * from './components/split-pane'
 export * from './components/slider'
 export * from './components/steps'
 export * from './components/switch'

package/types/components/split-pane.d.ts

@@ -0,0 +1,96 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSlotType } from '@vxe-ui/core'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeSplitPane: DefineVxeComponentApp<VxeSplitPaneProps, VxeSplitPaneEventProps, VxeSplitPaneSlots>
+export type VxeSplitPaneComponent = DefineVxeComponentOptions<VxeSplitPaneProps, VxeSplitPaneEventProps>
+
+export type VxeSplitPaneInstance = DefineVxeComponentInstance<VxeSplitPaneProps, VxeSplitPaneConstructor>
+
+export interface VxeSplitPaneConstructor extends VxeComponentBaseOptions, VxeSplitPaneMethods {
+  props: VxeSplitPaneProps
+  context: SetupContext<VxeSplitPaneEmits>
+  reactData: SplitItemReactData
+  getRefMaps(): SplitItemPrivateRef
+  getComputeMaps(): SplitItemPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface SplitItemPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeSplitPanePrivateRef extends SplitItemPrivateRef { }
+
+export namespace VxeSplitPanePropTypes {
+  export type Name = string | number
+  export type Width = string | number
+  export type Height = string | number
+  export type MinWidth = string | number
+  export type MinHeight = string | number
+  export type ShowAction = boolean
+}
+
+export interface VxeSplitPaneProps {
+  name?: VxeSplitPanePropTypes.Name
+  width?: VxeSplitPanePropTypes.Width
+  height?: VxeSplitPanePropTypes.Height
+  minWidth?: VxeSplitPanePropTypes.MinWidth
+  minHeight?: VxeSplitPanePropTypes.MinHeight
+  showAction?: VxeSplitPanePropTypes.ShowAction
+
+  slots?: {
+    default?: string | ((params: VxeSplitPaneSlotTypes.DefaultSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
+  }
+}
+
+export interface SplitItemPrivateComputed {
+}
+export interface VxeSplitPanePrivateComputed extends SplitItemPrivateComputed { }
+
+export interface SplitItemReactData {
+}
+
+export interface SplitItemInternalData {
+}
+
+export interface SplitItemMethods {
+  dispatchEvent(type: ValueOf<VxeSplitPaneEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeSplitPaneMethods extends SplitItemMethods { }
+
+export interface SplitItemPrivateMethods { }
+export interface VxeSplitPanePrivateMethods extends SplitItemPrivateMethods { }
+
+export type VxeSplitPaneEmits = [
+]
+
+export namespace VxeSplitPaneDefines {
+  export interface SplitItemEventParams extends VxeComponentEventParams {
+    $splitPane: VxeSplitPaneConstructor
+  }
+}
+
+export type VxeSplitPaneEventProps = {
+}
+
+export interface VxeSplitPaneListeners {
+}
+
+export namespace VxeSplitPaneEvents {
+}
+
+export namespace VxeSplitPaneSlotTypes {
+  export interface DefaultSlotParams {
+    name: VxeSplitPanePropTypes.Name
+    isVisible: boolean
+    isExpand: boolean
+  }
+}
+
+export interface VxeSplitPaneSlots {
+  default?: (params: VxeSplitPaneSlotTypes.DefaultSlotParams) => any
+}
+
+export const SplitItem: typeof VxeSplitPane
+export default VxeSplitPane

package/types/components/split.d.ts

@@ -1,6 +1,6 @@
 import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
-import { VxeSplitItemProps, VxeSplitItemPropTypes } from './split-item'
+import { VxeSplitPaneProps, VxeSplitPanePropTypes } from './split-pane'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -29,7 +29,7 @@ export namespace VxeSplitPropTypes {
   export type Padding = boolean
   export type Vertical = boolean
   export type Border = boolean
-  export type Items = VxeSplitItemProps[]
+  export type Items = VxeSplitPaneProps[]
   export interface ItemConfig {
     minWidth?: string | number
     minHeight?: string | number
@@ -111,8 +111,8 @@ export interface SplitPrivateComputed {
 export interface VxeSplitPrivateComputed extends SplitPrivateComputed { }
 
 export interface SplitReactData {
-  staticItems: VxeSplitDefines.ChunkConfig[]
-  itemList: VxeSplitDefines.ChunkConfig[]
+  staticItems: VxeSplitDefines.PaneConfig[]
+  itemList: VxeSplitDefines.PaneConfig[]
 }
 
 export interface SplitInternalData {
@@ -131,11 +131,11 @@ export interface SplitMethods {
   /**
    * 加载面板配置
    */
-  loadItem(list: VxeSplitItemProps[]): Promise<void>
+  loadItem(list: VxeSplitPaneProps[]): Promise<void>
   /**
    * 重新加载面板配置，区别就是会重置
    */
-  reloadItem(list: VxeSplitItemProps[]): Promise<void>
+  reloadItem(list: VxeSplitPaneProps[]): Promise<void>
 }
 export interface VxeSplitMethods extends SplitMethods { }
 
@@ -156,7 +156,7 @@ export namespace VxeSplitDefines {
     $split: VxeSplitConstructor
   }
 
-  export interface ChunkConfig extends VxeSplitItemProps {
+  export interface PaneConfig extends VxeSplitPaneProps {
     id: string
     isVisible: boolean
     isExpand: boolean
@@ -169,32 +169,32 @@ export namespace VxeSplitDefines {
   }
 
   export interface ActionClickEventParams extends SplitEventParams {
-    item: ChunkConfig
-    name: VxeSplitItemPropTypes.Name
+    item: PaneConfig
+    name: VxeSplitPanePropTypes.Name
   }
   export interface ActionDblclickEventParams extends ActionClickEventParams {}
   export interface ToggleExpandEventParams extends SplitEventParams {
-    item: ChunkConfig
-    name: VxeSplitItemPropTypes.Name
-    targetItem: ChunkConfig
-    targetName: VxeSplitItemPropTypes.Name
+    item: PaneConfig
+    name: VxeSplitPanePropTypes.Name
+    targetItem: PaneConfig
+    targetName: VxeSplitPanePropTypes.Name
     expanded: boolean
   }
   export interface ResizeStartEventParams extends SplitEventParams {
-    item: ChunkConfig
-    name: VxeSplitItemPropTypes.Name
+    item: PaneConfig
+    name: VxeSplitPanePropTypes.Name
   }
   export interface ResizeDragEventParams extends SplitEventParams {
-    item: ChunkConfig
-    name: VxeSplitItemPropTypes.Name
+    item: PaneConfig
+    name: VxeSplitPanePropTypes.Name
     offsetHeight: number
     resizeHeight: number
     offsetWidth: number
     resizeWidth: number
   }
   export interface ResizeEndEventParams extends SplitEventParams {
-    item: ChunkConfig
-    name: VxeSplitItemPropTypes.Name
+    item: PaneConfig
+    name: VxeSplitPanePropTypes.Name
     resizeHeight: number
     resizeWidth: number
   }
@@ -237,7 +237,7 @@ export interface VxeSplitSlots {
    * 自定义插槽模板
    */
   [key: string]: ((params: {
-    name: VxeSplitItemPropTypes.Name
+    name: VxeSplitPanePropTypes.Name
     isVisible: boolean
     isExpand: boolean
   }) => any) | undefined

package/types/ui/global-config.d.ts

@@ -63,7 +63,7 @@ import { VxeResultProps } from '../components/result'
 import { VxeRowProps } from '../components/row'
 import { VxeSelectProps } from '../components/select'
 import { VxeSplitProps } from '../components/split'
-import { VxeSplitItemProps } from '../components/split-item'
+import { VxeSplitPaneProps } from '../components/split-pane'
 import { VxeSliderProps } from '../components/slider'
 import { VxeStepsProps } from '../components/steps'
 import { VxeSwitchProps } from '../components/switch'
@@ -154,7 +154,7 @@ declare module '@vxe-ui/core' {
     row?: VxeRowProps
     select?: VxeSelectProps
     split?: VxeSplitProps
-    splitItem?: VxeSplitItemProps
+    splitPane?: VxeSplitPaneProps
     slider?: VxeSliderProps
     steps?: VxeStepsProps
     switch?: VxeSwitchProps

package/es/split-item/index.js

@@ -1,12 +0,0 @@
-import { VxeUI } from '@vxe-ui/core';
-import VxeSplitItemComponent from '../split/src/split-item';
-import { dynamicApp } from '../dynamics';
-export const VxeSplitItem = Object.assign({}, VxeSplitItemComponent, {
-    install(app) {
-        app.component(VxeSplitItemComponent.name, VxeSplitItemComponent);
-    }
-});
-dynamicApp.use(VxeSplitItem);
-VxeUI.component(VxeSplitItemComponent);
-export const SplitItem = VxeSplitItem;
-export default VxeSplitItem;

package/es/vxe-split-item/index.js

@@ -1,3 +0,0 @@
-import VxeSplitItem from '../split-item';
-export * from '../split-item';
-export default VxeSplitItem;

package/lib/split-item/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VxeSplitItem = exports.SplitItem = void 0;
-var _core = require("@vxe-ui/core");
-var _splitItem = _interopRequireDefault(require("../split/src/split-item"));
-var _dynamics = require("../dynamics");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VxeSplitItem = exports.VxeSplitItem = Object.assign({}, _splitItem.default, {
-  install(app) {
-    app.component(_splitItem.default.name, _splitItem.default);
-  }
-});
-_dynamics.dynamicApp.use(VxeSplitItem);
-_core.VxeUI.component(_splitItem.default);
-const SplitItem = exports.SplitItem = VxeSplitItem;
-var _default = exports.default = VxeSplitItem;

package/lib/split-item/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSplitItem=exports.SplitItem=void 0;var _core=require("@vxe-ui/core"),_splitItem=_interopRequireDefault(require("../split/src/split-item")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeSplitItem=exports.VxeSplitItem=Object.assign({},_splitItem.default,{install(e){e.component(_splitItem.default.name,_splitItem.default)}}),SplitItem=(_dynamics.dynamicApp.use(VxeSplitItem),_core.VxeUI.component(_splitItem.default),exports.SplitItem=VxeSplitItem);var _default=exports.default=VxeSplitItem;

package/lib/vxe-split-item/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_splitItem=(exports.default=void 0,_interopRequireWildcard(require("../split-item")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,i={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=n?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(i,r,o):i[r]=e[r]);return i.default=e,t&&t.set(e,i),i}Object.keys(_splitItem).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_splitItem[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _splitItem[e]}})});var _default=exports.default=_splitItem.default;

package/packages/split-item/index.ts

@@ -1,16 +0,0 @@
-import { App } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeSplitItemComponent from '../split/src/split-item'
-import { dynamicApp } from '../dynamics'
-
-export const VxeSplitItem = Object.assign({}, VxeSplitItemComponent, {
-  install (app: App) {
-    app.component(VxeSplitItemComponent.name as string, VxeSplitItemComponent)
-  }
-})
-
-dynamicApp.use(VxeSplitItem)
-VxeUI.component(VxeSplitItemComponent)
-
-export const SplitItem = VxeSplitItem
-export default VxeSplitItem

package/types/components/split-item.d.ts

@@ -1,96 +0,0 @@
-import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSlotType } from '@vxe-ui/core'
-
-/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
-
-export declare const VxeSplitItem: DefineVxeComponentApp<VxeSplitItemProps, VxeSplitItemEventProps, VxeSplitItemSlots>
-export type VxeSplitItemComponent = DefineVxeComponentOptions<VxeSplitItemProps, VxeSplitItemEventProps>
-
-export type VxeSplitItemInstance = DefineVxeComponentInstance<VxeSplitItemProps, VxeSplitItemConstructor>
-
-export interface VxeSplitItemConstructor extends VxeComponentBaseOptions, VxeSplitItemMethods {
-  props: VxeSplitItemProps
-  context: SetupContext<VxeSplitItemEmits>
-  reactData: SplitItemReactData
-  getRefMaps(): SplitItemPrivateRef
-  getComputeMaps(): SplitItemPrivateComputed
-  renderVN: RenderFunction
-}
-
-export interface SplitItemPrivateRef {
-  refElem: Ref<HTMLDivElement | undefined>
-}
-export interface VxeSplitItemPrivateRef extends SplitItemPrivateRef { }
-
-export namespace VxeSplitItemPropTypes {
-  export type Name = string | number
-  export type Width = string | number
-  export type Height = string | number
-  export type MinWidth = string | number
-  export type MinHeight = string | number
-  export type ShowAction = boolean
-}
-
-export interface VxeSplitItemProps {
-  name?: VxeSplitItemPropTypes.Name
-  width?: VxeSplitItemPropTypes.Width
-  height?: VxeSplitItemPropTypes.Height
-  minWidth?: VxeSplitItemPropTypes.MinWidth
-  minHeight?: VxeSplitItemPropTypes.MinHeight
-  showAction?: VxeSplitItemPropTypes.ShowAction
-
-  slots?: {
-    default?: string | ((params: VxeSplitItemSlotTypes.DefaultSlotParams) => VxeComponentSlotType | VxeComponentSlotType[])
-  }
-}
-
-export interface SplitItemPrivateComputed {
-}
-export interface VxeSplitItemPrivateComputed extends SplitItemPrivateComputed { }
-
-export interface SplitItemReactData {
-}
-
-export interface SplitItemInternalData {
-}
-
-export interface SplitItemMethods {
-  dispatchEvent(type: ValueOf<VxeSplitItemEmits>, params: Record<string, any>, evnt: Event | null): void
-}
-export interface VxeSplitItemMethods extends SplitItemMethods { }
-
-export interface SplitItemPrivateMethods { }
-export interface VxeSplitItemPrivateMethods extends SplitItemPrivateMethods { }
-
-export type VxeSplitItemEmits = [
-]
-
-export namespace VxeSplitItemDefines {
-  export interface SplitItemEventParams extends VxeComponentEventParams {
-    $splitItem: VxeSplitItemConstructor
-  }
-}
-
-export type VxeSplitItemEventProps = {
-}
-
-export interface VxeSplitItemListeners {
-}
-
-export namespace VxeSplitItemEvents {
-}
-
-export namespace VxeSplitItemSlotTypes {
-  export interface DefaultSlotParams {
-    name: VxeSplitItemPropTypes.Name
-    isVisible: boolean
-    isExpand: boolean
-  }
-}
-
-export interface VxeSplitItemSlots {
-  default?: (params: VxeSplitItemSlotTypes.DefaultSlotParams) => any
-}
-
-export const SplitItem: typeof VxeSplitItem
-export default VxeSplitItem