@veltra/desktop 1.0.11 → 1.0.13

package/src/install.ts

@@ -0,0 +1,27 @@
+import { vClickOutside, vFocus, vRipple } from '@veltra/directives'
+import type { App, Component, Plugin } from 'vue'
+
+import * as components from './components'
+import { vLoading } from './components/loading'
+import './style'
+
+function isComponentExport(name: string, value: unknown): value is Component {
+  return name.startsWith('U') && (typeof value === 'object' || typeof value === 'function')
+}
+
+export function install(app: App): void {
+  for (const [name, component] of Object.entries(components)) {
+    if (isComponentExport(name, component)) {
+      app.component(name, component)
+    }
+  }
+
+  app.directive('ripple', vRipple)
+  app.directive('click-outside', vClickOutside)
+  app.directive('focus', vFocus)
+  app.directive('loading', vLoading)
+}
+
+export const UltraUI: Plugin = { install }
+
+export default UltraUI

package/src/style.ts

@@ -0,0 +1,73 @@
+import './components/action/style'
+import './components/auto-complete/style'
+import './components/badge/style'
+import './components/batch-edit/style'
+import './components/breadcrumb/style'
+import './components/button/style'
+import './components/calendar/style'
+import './components/card/style'
+import './components/cascade/style'
+import './components/check-tag/style'
+import './components/checkbox-group/style'
+import './components/checkbox/style'
+import './components/code-editor/style'
+import './components/collapse/style'
+import './components/condition-editor/style'
+import './components/context-menu/style'
+import './components/date-panel/style'
+import './components/date-picker/style'
+import './components/date-range-picker/style'
+import './components/dialog/style'
+import './components/drawer/style'
+import './components/dropdown/style'
+import './components/empty/style'
+import './components/expression-editor/style'
+import './components/file-picker/style'
+import './components/file-viewer/style'
+import './components/float-button/style'
+import './components/form-item/style'
+import './components/form/style'
+import './components/gantt-chart/style'
+import './components/grid-input/style'
+import './components/grid/style'
+import './components/group-input/style'
+import './components/icon/style'
+import './components/input/style'
+import './components/layout/style'
+import './components/list/style'
+import './components/loading/style'
+import './components/menu/style'
+import './components/message-confirm/style'
+import './components/message/style'
+import './components/multi-select/style'
+import './components/multi-tree-select/style'
+import './components/node-render/style'
+import './components/notification/style'
+import './components/number-input/style'
+import './components/number-range-input/style'
+import './components/number/style'
+import './components/paginator/style'
+import './components/palette/style'
+import './components/password-input/style'
+import './components/pop-confirm/style'
+import './components/progress-nodes/style'
+import './components/progress/style'
+import './components/radio-group/style'
+import './components/radio/style'
+import './components/rich-text-editor/style'
+import './components/scroll/style'
+import './components/select/style'
+import './components/slider/style'
+import './components/steps/style'
+import './components/switch/style'
+import './components/table-editor/style'
+import './components/table/style'
+import './components/tabs/style'
+import './components/tag/style'
+import './components/text/style'
+import './components/textarea/style'
+import './components/theme/style'
+import './components/tip/style'
+import './components/tree-select/style'
+import './components/tree/style'
+import './components/watermark/style'

package/src/types/collapse.ts

@@ -0,0 +1,78 @@
+import type { ComponentProps, DeconstructValue } from '@veltra/utils'
+import type { Component } from 'vue'
+
+/** Collapse 项的唯一标识 */
+export type CollapseValue = string | number
+
+/** Collapse modelValue：手风琴模式为单值，普通模式为数组（也兼容传入单值） */
+export type CollapseModelValue = CollapseValue | CollapseValue[]
+
+/** 展开图标位置 */
+export type CollapseIconPosition = 'left' | 'right'
+
+/** Collapse 组件属性 */
+export interface CollapseProps extends ComponentProps {
+  /** 当前展开项的 value（单个或多个） */
+  modelValue?: CollapseModelValue
+
+  /**
+   * 是否手风琴模式（一次只能展开一项）
+   * @default false
+   */
+  accordion?: boolean
+
+  /**
+   * 是否显示外层与项之间的分隔线（设为 false 时为 ghost 风格）
+   * @default true
+   */
+  bordered?: boolean
+
+  /**
+   * 展开/收起图标位置
+   * @default 'right'
+   */
+  iconPosition?: CollapseIconPosition
+
+  /**
+   * 自定义展开图标组件，活动态会自动旋转 90°。
+   * 接受任意 Vue 组件（SFC、Functional Component 等）。
+   */
+  expandIcon?: Component
+}
+
+export interface CollapseEmits {
+  (e: 'update:modelValue', value: CollapseModelValue): void
+  /** 当前展开项变更时触发 */
+  (e: 'change', value: CollapseModelValue): void
+}
+
+/** Collapse 暴露的实例方法 */
+export interface _CollapseExposed {
+  /** 切换某项的展开状态 */
+  toggle: (value: CollapseValue) => void
+  /** 展开某项 */
+  expand: (value: CollapseValue) => void
+  /** 收起某项 */
+  collapse: (value: CollapseValue) => void
+  /** 展开全部（accordion 模式下展开第一个传入的 value） */
+  expandAll: (values: CollapseValue[]) => void
+  /** 全部收起 */
+  collapseAll: () => void
+}
+
+export type CollapseExposed = DeconstructValue<_CollapseExposed>
+
+/** CollapseItem 组件属性 */
+export interface CollapseItemProps {
+  /** 唯一标识 */
+  value: CollapseValue
+
+  /** 标题文本（也可使用 #title 插槽） */
+  title?: string
+
+  /** 是否禁用 */
+  disabled?: boolean
+
+  /** 是否隐藏展开图标 */
+  hideIcon?: boolean
+}

package/src/types/index.ts

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