vxe-pc-ui 4.20.32 → 4.20.34

package/styles/components/timeline.scss

@@ -0,0 +1,133 @@
+// 局部变量
+.vxe-timeline {
+  --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-default);
+  &.size--xlarge {
+    --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-large);
+  }
+  &.size--medium {
+    --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-medium);
+  }
+  &.size--small {
+    --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-small);
+  }
+  &.size--mini {
+    --vxe-ui-timeline-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-timeline-current-padding: var(--vxe-ui-form-item-padding-mini);
+  }
+}
+
+.vxe-timeline {
+  display: flex;
+  flex-direction: column;
+  padding: var(--vxe-ui-timeline-current-padding) 0;
+  font-size: var(--vxe-ui-timeline-current-font-size);
+  color: var(--vxe-ui-font-color);
+  .vxe-timeline--body {
+    display: flex;
+    flex-direction: column;
+  }
+  .vxe-timeline--item {
+    position: relative;
+    display: flex;
+    padding-bottom: 1.25em;
+    &:last-child {
+      padding-bottom: 0;
+    }
+    &.is--last {
+      .vxe-timeline--item-line {
+        display: none;
+      }
+    }
+  }
+
+  // 竖线
+  .vxe-timeline--item-line {
+    position: absolute;
+    left: calc(0.5em - 0.0625em);
+    top: 1.125em;
+    bottom: 0;
+    width: 0.125em;
+    background-color: var(--vxe-ui-base-border-color);
+  }
+
+  // 节点圆点
+  .vxe-timeline--item-node {
+    position: relative;
+    z-index: 1;
+    flex-shrink: 0;
+    width: 1em;
+    height: 1em;
+    margin-top: 0.25em;
+    margin-right: 0.75em;
+    border: 0.125em solid var(--vxe-ui-font-primary-color);
+    border-radius: 50%;
+    background-color: var(--vxe-ui-layout-background-color);
+    box-sizing: border-box;
+  }
+  .vxe-timeline--item-wrapper {
+    flex: 1;
+    min-width: 0;
+    padding-top: 0.0625em;
+  }
+  .vxe-timeline--item-title {
+    font-weight: 600;
+    line-height: 1.4;
+    color: var(--vxe-ui-font-color);
+  }
+  .vxe-timeline--item-content {
+    margin-top: 0.25em;
+    line-height: 1.5;
+    color: var(--vxe-ui-font-lighten-color);
+    word-break: break-word;
+  }
+
+  // 横向
+  &.is--horizontal {
+    .vxe-timeline--body {
+      flex-direction: row;
+      align-items: flex-start;
+    }
+    .vxe-timeline--item {
+      flex: 1;
+      flex-direction: column;
+      align-items: center;
+      padding-bottom: 0;
+      padding-right: 1.25em;
+      text-align: center;
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+    .vxe-timeline--item-line {
+      left: 50%;
+      top: calc(0.5em - 0.0625em);
+      right: -50%;
+      bottom: auto;
+      width: 100%;
+      height: 0.125em;
+    }
+    .vxe-timeline--item-node {
+      margin-top: 0;
+      margin-right: 0;
+      margin-bottom: 0.5em;
+    }
+    .vxe-timeline--item-wrapper {
+      padding-top: 0;
+    }
+    .vxe-timeline--item-content {
+      margin-top: 0.125em;
+    }
+  }
+}
+
+.vxe-timeline--slots {
+  display: none;
+}

package/styles/theme/dark.scss

@@ -49,6 +49,7 @@
   --vxe-ui-status-error-disabled-color: #f5a8a8;
   
   /*base*/
+  --vxe-ui-base-border-color: #424242;
   --vxe-ui-base-popup-border-color: #424242;
   --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
   --vxe-ui-base-drag-background-color: #2e3741;
@@ -59,7 +60,7 @@
   --vxe-ui-layout-background-color: #121212;
 
   /*input*/
-  --vxe-ui-input-border-color: #424242;
+  --vxe-ui-input-border-color: var(--vxe-ui-base-border-color);
   --vxe-ui-input-placeholder-color: #3c3d3e;
   --vxe-ui-input-disabled-background-color: #262727;
 

package/styles/theme/light.scss

@@ -48,6 +48,7 @@
   --vxe-ui-status-error-disabled-color: #{light_variable.$vxe-ui-status-error-disabled-color};
 
   /*base*/
+  --vxe-ui-base-border-color: #{light_variable.$vxe-ui-base-border-color};
   --vxe-ui-base-popup-border-color: #{light_variable.$vxe-ui-base-popup-border-color};
   --vxe-ui-base-popup-box-shadow: #{light_variable.$vxe-ui-base-popup-box-shadow};
   --vxe-ui-base-drag-background-color: #{light_variable.$vxe-ui-base-drag-background-color};

package/styles/variable.scss

@@ -44,6 +44,7 @@ $vxe-ui-status-error-disabled-color: #f5a8a8 !default;
 $vxe-ui-status-danger-disabled-color: $vxe-ui-status-error-disabled-color !default;
 
 /*base*/
+$vxe-ui-base-border-color: #dcdfe6 !default;
 $vxe-ui-base-popup-border-color: #DADCE0 !default;
 $vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16) !default;
 $vxe-ui-base-drag-background-color: #dde9fd !default;
@@ -54,7 +55,7 @@ $vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.06) !default;
 $vxe-ui-layout-background-color: #ffffff !default;
 
 /*input*/
-$vxe-ui-input-border-color: #dcdfe6 !default;
+$vxe-ui-input-border-color: $vxe-ui-base-border-color !default;
 $vxe-ui-input-placeholder-color: #C0C4CC !default;
 $vxe-ui-input-disabled-background-color: #f3f3f3 !default;
 

package/types/components/modal.d.ts

@@ -116,6 +116,7 @@ export namespace VxeModalPropTypes {
   export type AppendTo = string | HTMLElement | ((params: {}) => string | HTMLElement)
   export type IsWithinAppendTo = boolean
   export type Storage = boolean
+  export type StoreDriver = 'indexedDB' | 'localStorage'
   export type StorageKey = string
   export type Animat = boolean
   export type Padding = boolean
@@ -196,6 +197,7 @@ export interface VxeModalProps {
    */
   isWithinAppendTo?: VxeModalPropTypes.IsWithinAppendTo
   storage?: VxeModalPropTypes.Storage
+  storeDriver?: VxeModalPropTypes.StoreDriver
   storageKey?: VxeModalPropTypes.StorageKey
   animat?: VxeModalPropTypes.Animat
   padding?: VxeModalPropTypes.Padding

package/types/components/optgroup.d.ts

@@ -12,7 +12,6 @@ export type VxeOptgroupInstance = DefineVxeComponentInstance<VxeOptgroupProps, V
 export interface VxeOptgroupConstructor extends VxeComponentBaseOptions, VxeOptgroupMethods {
   props: VxeOptgroupProps
   context: SetupContext<VxeOptgroupEmits>
-  reactData: OptgroupReactData
   getRefMaps(): OptgroupPrivateRef
   getComputeMaps(): OptgroupPrivateComputed
   renderVN: RenderFunction

package/types/components/option.d.ts

@@ -12,7 +12,6 @@ export type VxeOptionInstance = DefineVxeComponentInstance<VxeOptionProps, VxeOp
 export interface VxeOptionConstructor extends VxeComponentBaseOptions, VxeOptionMethods {
   props: VxeOptionProps
   context: SetupContext<VxeOptionEmits>
-  reactData: OptionReactData
   getRefMaps(): OptionPrivateRef
   getComputeMaps(): OptionPrivateComputed
   renderVN: RenderFunction

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

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams } from '@vxe-ui/core'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -11,9 +11,8 @@ export type VxeTimelineItemInstance = DefineVxeComponentInstance<VxeTimelineItem
 export interface VxeTimelineItemConstructor extends VxeComponentBaseOptions, VxeTimelineItemMethods {
   props: VxeTimelineItemProps
   context: SetupContext<VxeTimelineItemEmits>
-  reactData: TimelineItemReactData
   getRefMaps(): TimelineItemPrivateRef
-  getComputeMaps(): TimelineItemPrivateComputed
+  getComputeMaps(): VxeTimelineItemPrivateComputed
   renderVN: RenderFunction
 }
 
@@ -22,18 +21,20 @@ export interface TimelineItemPrivateRef {
 }
 export interface VxeTimelineItemPrivateRef extends TimelineItemPrivateRef {}
 
-export namespace VxeTimelineItemPropTypes {}
+export namespace VxeTimelineItemPropTypes {
+  export type Title = string | number
+  export type Content = string | number
+}
 
-export type VxeTimelineItemProps = {}
+export interface VxeTimelineItemProps {
+  title?: VxeTimelineItemPropTypes.Title
+  content?: VxeTimelineItemPropTypes.Content
+}
 
 export interface TimelineItemPrivateComputed {}
 export interface VxeTimelineItemPrivateComputed extends TimelineItemPrivateComputed {}
 
-export interface TimelineItemReactData {}
-
-export interface TimelineItemMethods {
-  dispatchEvent(type: ValueOf<VxeTimelineItemEmits>, params: Record<string, any>, evnt: Event | null): void
-}
+export interface TimelineItemMethods {}
 export interface VxeTimelineItemMethods extends TimelineItemMethods {}
 
 export interface TimelineItemPrivateMethods {}
@@ -45,22 +46,25 @@ export namespace VxeTimelineItemDefines {
   export interface TimelineItemEventParams extends VxeComponentEventParams {
     $timelineItem: VxeTimelineItemConstructor
   }
-
-  export interface ClickEventParams extends TimelineItemEventParams {}
-  export interface CloseEventParams extends TimelineItemEventParams {}
 }
 
 export type VxeTimelineItemEventProps = {}
 
 export interface VxeTimelineItemListeners {}
 
-export namespace VxeTimelineItemEvents {}
-
 export namespace VxeTimelineItemSlotTypes {
-  export interface DefaultSlotParams {}
+  export interface DefaultSlotParams {
+    item: any
+  }
+  export interface TitleSlotParams {
+    item: any
+  }
 }
 
-export interface VxeTimelineItemSlots {}
+export interface VxeTimelineItemSlots {
+  default?: (params: VxeTimelineItemSlotTypes.DefaultSlotParams) => any
+  title?: (params: VxeTimelineItemSlotTypes.TitleSlotParams) => any
+}
 
 export const TimelineItem: typeof VxeTimelineItem
 export default VxeTimelineItem

package/types/components/timeline.d.ts

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, ValueOf, DefineVxeComponentInstance, VxeComponentSizeType, VxeComponentBaseOptions, VxeComponentEventParams } from '@vxe-ui/core'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -12,6 +12,7 @@ export interface VxeTimelineConstructor extends VxeComponentBaseOptions, VxeTime
   props: VxeTimelineProps
   context: SetupContext<VxeTimelineEmits>
   reactData: TimelineReactData
+  internalData: TimelineInternalData
   getRefMaps(): TimelinePrivateRef
   getComputeMaps(): TimelinePrivateComputed
   renderVN: RenderFunction
@@ -24,16 +25,35 @@ export interface VxeTimelinePrivateRef extends TimelinePrivateRef {}
 
 export namespace VxeTimelinePropTypes {
   export type Size = VxeComponentSizeType
+  export type Reverse = boolean
+  export type Vertical = boolean
+  export interface OptionProps {
+    title?: string
+    content?: string
+  }
+  type Option = Record<string, any>
+  export type Options = Option[]
 }
 
-export type VxeTimelineProps = {
+export interface VxeTimelineProps {
   size?: VxeTimelinePropTypes.Size
+  options?: VxeTimelinePropTypes.Options
+  reverse?: VxeTimelinePropTypes.Reverse
+  vertical?: VxeTimelinePropTypes.Vertical
+  optionProps?: VxeTimelinePropTypes.OptionProps
 }
 
 export interface TimelinePrivateComputed {}
 export interface VxeTimelinePrivateComputed extends TimelinePrivateComputed {}
 
-export interface TimelineReactData {}
+export interface TimelineReactData {
+  itemList: any[]
+  staticItems: VxeTimelineDefines.ItemInfo[]
+  isOptConf: boolean
+}
+export interface TimelineInternalData {
+  fullData: any[]
+}
 
 export interface TimelineMethods {
   dispatchEvent(type: ValueOf<VxeTimelineEmits>, params: Record<string, any>, evnt: Event | null): void
@@ -46,12 +66,16 @@ export interface VxeTimelinePrivateMethods extends TimelinePrivateMethods {}
 export type VxeTimelineEmits = []
 
 export namespace VxeTimelineDefines {
+  export interface ItemInfo {
+    id: string
+    title?: string | number
+    content?: string | number
+    [key: string]: any
+  }
+
   export interface TimelineEventParams extends VxeComponentEventParams {
     $timeline: VxeTimelineConstructor
   }
-
-  export interface ClickEventParams extends TimelineEventParams {}
-  export interface CloseEventParams extends TimelineEventParams {}
 }
 
 export type VxeTimelineEventProps = {}
@@ -61,10 +85,19 @@ export interface VxeTimelineListeners {}
 export namespace VxeTimelineEvents {}
 
 export namespace VxeTimelineSlotTypes {
-  export interface DefaultSlotParams {}
+  export interface TitleSlotParams {
+    item: any
+  }
+  export interface ContentSlotParams {
+    item: any
+  }
 }
 
-export interface VxeTimelineSlots {}
+export interface VxeTimelineSlots {
+  default?: (params: Record<string, any>) => any
+  title?: (params: VxeTimelineSlotTypes.TitleSlotParams) => any
+  content?: (params: VxeTimelineSlotTypes.ContentSlotParams) => any
+}
 
 export const Timeline: typeof VxeTimeline
 export default VxeTimeline