@veltra/desktop 1.6.6 → 1.7.0

package/src/components/theme/theme.vue

@@ -234,7 +234,9 @@ watch(
   (theme) => {
     if (!props.theme && theme === editorTheme.value) return
 
-    const nextTheme = props.theme ? theme : new UITheme(createThemeSnapshot(theme.theme))
+    const nextTheme = props.theme
+      ? theme
+      : new UITheme(createThemeSnapshot(theme.theme), { series: theme.series })
 
     editorTheme.value = nextTheme
     baselineTheme.value = createThemeSnapshot(nextTheme.theme)
@@ -415,6 +417,9 @@ function applySnapshot(snapshot: Theme, label?: string) {
 }
 
 function applyPreset(type: 'light' | 'dark') {
+  if (editorTheme.value) {
+    editorTheme.value.series = type
+  }
   applySnapshot(
     type === 'dark' ? darkPreset : lightPreset,
     type === 'dark' ? '深色预设' : '浅色预设'

package/src/style.ts

@@ -60,6 +60,7 @@ import './components/radio/style'
 import './components/rich-text-editor/style'
 import './components/scroll/style'
 import './components/select/style'
+import './components/segment/style'
 import './components/slider/style'
 import './components/steps/style'
 import './components/switch/style'

package/src/types/index.ts

@@ -81,3 +81,4 @@ export * from './steps'
 export * from './rich-text-editor'
 export * from './file-viewer'
 export * from './collapse'
+export * from './segment'

package/src/types/segment.ts

@@ -0,0 +1,42 @@
+import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
+
+/** 分段单选选项 */
+export type SegmentItem = Record<string, any>
+
+/** 分段单选组件属性 */
+export interface SegmentProps extends FormComponentProps {
+  /** 绑定值 */
+  modelValue?: any
+  /** 选项列表 */
+  items: SegmentItem[]
+  /**
+   * 选项值 key
+   * @default 'value'
+   */
+  valueKey?: string
+  /**
+   * 选项标签 key
+   * @default 'label'
+   */
+  labelKey?: string
+  /** 是否禁用整组 */
+  disabled?: boolean
+  /** 禁用的选项判断函数 */
+  disabledItem?: (item: SegmentItem) => boolean
+  /** 是否撑满容器宽度 */
+  block?: boolean
+}
+
+/** 分段单选组件事件 */
+export interface SegmentEmits {
+  /** 绑定值更新 */
+  (e: 'update:modelValue', modelValue: any): void
+  /** 选中项切换事件 */
+  (e: 'change', item: SegmentItem): void
+}
+
+/** 分段单选组件暴露的属性和方法(组件内部使用) */
+export interface _SegmentExposed {}
+
+/** 分段单选组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type SegmentExposed = DeconstructValue<_SegmentExposed>