@veltra/desktop 1.3.1 → 1.3.3

package/dist/types/message.d.ts

@@ -1,12 +1,13 @@
 import { AppContext, DefineComponent } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/message.d.ts
 /** 消息类型 */
 type MessageType = 'success' | 'warn' | 'info' | 'error' | 'default';
 /** 消息选项 */
 type MessageOptions = MessageProps & {
-  /** 关闭回调 */onClose?: () => void; /** 关闭结束后回调 */
+  /** 关闭回调 */
+  onClose?: () => void;
+  /** 关闭结束后回调 */
   onClosed?: () => void;
 };
 type MsgAliasConf = Omit<MessageOptions, 'type' | 'message'>;

package/dist/types/multi-auto-complete.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/multi-auto-complete.d.ts
 /** 多量自动完成组件组件属性 */
 interface MultiAutoCompleteProps {

package/dist/types/multi-select.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/multi-select.d.ts
 /** multi-select组件属性 */
 interface MultiSelectProps extends FormComponentProps {

package/dist/types/multi-tree-select.d.ts

@@ -1,7 +1,6 @@
 import { TreeProps } from "./tree.js";
 import { CSSProperties } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/multi-tree-select.d.ts
 /** 树形多选组件组件属性 */
 interface MultiTreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable'> {

package/dist/types/nav.d.ts

@@ -1,6 +1,5 @@
 import { DefineComponent } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/nav.d.ts
 /** 导航项 */
 interface NavItem {

package/dist/types/node-render.d.ts

@@ -1,5 +1,4 @@
 import { VNode } from "vue";
-
 //#region src/types/node-render.d.ts
 /** 虚拟dom渲染组件属性 */
 interface NodeRenderProps {

package/dist/types/notification.d.ts

@@ -1,33 +1,83 @@
-import { DefineComponent, RendererElement } from "vue";
-import { ColorType, DeconstructValue } from "@veltra/utils";
-
+import { AppContext, DefineComponent } from "vue";
+import { ColorType, ComponentSize, DeconstructValue } from "@veltra/utils";
 //#region src/types/notification.d.ts
-/** 通知组件组件属性 */
+/** 通知弹出位置 */
+type NotificationPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/** 通知组件属性 */
 interface NotificationProps {
-  modelValue?: string;
+  /** 标题 */
   title?: string;
+  /** 内容 */
   message?: string;
+  /** 类型 */
   type?: ColorType;
+  /** 是否显示关闭按钮 */
   closable?: boolean;
+  /**
+   * 自动关闭时长, 单位ms, 0 表示常驻
+   * @default 4500
+   */
   duration?: number;
-  offset?: number;
-  onClose?: (vm: RendererElement) => void;
-  onClick?: (e: MouseEvent) => void;
-  id?: string;
+  /** 图标 */
   icon?: DefineComponent;
-  zIndex?: number;
+  /** 操作按钮文字，为空则不显示 */
   buttonText?: string;
-  width?: number;
-  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+  /** 尺寸 */
+  size?: ComponentSize;
+}
+/** 通知调用选项 */
+interface NotificationOptions extends NotificationProps {
+  /** 弹出位置 */
+  position?: NotificationPosition;
+  /** 距离屏幕边缘的偏移, 单位px */
+  offset?: number;
+  /** 层级，默认由 API 创建时自增分配 */
+  zIndex?: number;
+  /** 点击操作按钮时回调 */
+  onClick?: (e: MouseEvent) => void;
+  /** 触发关闭时回调 */
+  onClose?: () => void;
+  /** 关闭动画结束后回调 */
+  onClosed?: () => void;
+}
+/** 通知实例 */
+interface NotificationInstance {
+  /** 唯一标识 */
+  id: string;
+  /** 手动关闭 */
+  close(): void;
+  /** 彻底关闭（含动画结束）后的 Promise */
+  onClosed: Promise<void>;
+}
+type NotificationShortcutConfig = Omit<NotificationOptions, 'type' | 'message'>;
+/** 通知函数式 API */
+interface Notification {
+  /** 创建通知 */
+  (options: NotificationOptions | string): NotificationInstance;
+  /** 主要通知 */
+  primary(message: string, config?: NotificationShortcutConfig): NotificationInstance;
+  /** 成功通知 */
+  success(message: string, config?: NotificationShortcutConfig): NotificationInstance;
+  /** 信息通知 */
+  info(message: string, config?: NotificationShortcutConfig): NotificationInstance;
+  /** 警告通知 */
+  warning(message: string, config?: NotificationShortcutConfig): NotificationInstance;
+  /** 危险通知 */
+  danger(message: string, config?: NotificationShortcutConfig): NotificationInstance;
+  /** 关闭所有通知，可指定位置 */
+  closeAll(position?: NotificationPosition): void;
+  /** 设置全局渲染上下文 */
+  _context: AppContext | null;
 }
-/** 通知组件组件定义的事件 */
+/** 通知组件定义的事件 */
 interface NotificationEmits {
-  (e: 'update:modelValue', value: string): void;
+  (e: 'close'): void;
+  (e: 'action', evt: MouseEvent): void;
 }
-/** 通知组件组件暴露的属性和方法(组件内部使用) */
+/** 通知组件暴露的属性和方法(组件内部使用) */
 interface _NotificationExposed {}
-/** 通知组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+/** 通知组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
 type NotificationExposed = DeconstructValue<_NotificationExposed>;
 //#endregion
-export { NotificationEmits, NotificationExposed, NotificationProps, _NotificationExposed };
+export { Notification, NotificationEmits, NotificationExposed, NotificationInstance, NotificationOptions, NotificationPosition, NotificationProps, _NotificationExposed };
 //# sourceMappingURL=notification.d.ts.map

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

@@ -1,5 +1,4 @@
 import { InputProps } from "./input.js";
-
 //#region src/types/number-input.d.ts
 /** 数字输入组件属性 */
 interface NumberInputProps extends Omit<InputProps, 'modelValue'> {

package/dist/types/number-range-input.d.ts

@@ -1,5 +1,4 @@
 import { NumberInputProps } from "./number-input.js";
-
 //#region src/types/number-range-input.d.ts
 /** 数字范围 [起始, 结束] */
 type NumberRangeTuple = [number | undefined, number | undefined];

package/dist/types/paginator.d.ts

@@ -1,6 +1,5 @@
 import { ShallowRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/paginator.d.ts
 /** 分页器组件组件属性 */
 interface PaginatorProps {

package/dist/types/palette.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/palette.d.ts
 /** 色调 */
 interface PaletteRGB {

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

@@ -1,6 +1,5 @@
 import { InputProps } from "./input.js";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/password-input.d.ts
 /** 密码输入组件属性 */
 interface PasswordInputProps extends InputProps {

package/dist/types/pop-confirm.d.ts

@@ -1,7 +1,6 @@
 import { TipProps } from "./tip.js";
 import { Component } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/pop-confirm.d.ts
 /** 气泡确认框组件属性 */
 interface PopConfirmProps extends Pick<TipProps, 'alignment' | 'direction' | 'trigger' | 'contentTag'> {

package/dist/types/pop.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/pop.d.ts
 /** 气泡弹框组件属性 */
 interface PopProps {

package/dist/types/progress-nodes.d.ts

@@ -1,5 +1,4 @@
 import { ColorType, DeconstructValue } from "@veltra/utils";
-
 //#region src/types/progress-nodes.d.ts
 /** 进度节点组件属性 */
 interface ProgressNodesProps {

package/dist/types/progress.d.ts

@@ -1,5 +1,4 @@
 import { ColorType, DeconstructValue } from "@veltra/utils";
-
 //#region src/types/progress.d.ts
 /** progress组件属性 */
 interface ProgressProps {

package/dist/types/quick-batch-edit.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/quick-batch-edit.d.ts
 /** 快速批量编辑组件属性 */
 interface QuickBatchEditProps {

package/dist/types/radio-group.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/radio-group.d.ts
 /** 单选框默认父组件组件属性 */
 interface RadioGroupProps extends FormComponentProps {

package/dist/types/radio.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/radio.d.ts
 /** 单选框组件属性 */
 interface RadioProps extends FormComponentProps {

package/dist/types/rich-text-editor.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/rich-text-editor.d.ts
 /** 富文本数据格式 */
 type RichTextFormat = 'html' | 'json';

package/dist/types/scroll.d.ts

@@ -1,13 +1,18 @@
 import { CSSProperties, ShallowRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/scroll.d.ts
 type ScrollPosition = {
-  /** 横向位置 */x?: number; /** 纵向位置 */
-  y?: number; /** 横向滚动宽度 */
-  sw?: number; /** 纵向滚动高度 */
-  sh?: number; /** 横向可视宽度 */
-  cw?: number; /** 纵向可视高度 */
+  /** 横向位置 */
+  x?: number;
+  /** 纵向位置 */
+  y?: number;
+  /** 横向滚动宽度 */
+  sw?: number;
+  /** 纵向滚动高度 */
+  sh?: number;
+  /** 横向可视宽度 */
+  cw?: number;
+  /** 纵向可视高度 */
   ch?: number;
 };
 /** 滚动条组件属性 */

package/dist/types/select.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties, ShallowRef } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/select.d.ts
 /** 选择器组件属性 */
 interface SelectProps extends FormComponentProps {

package/dist/types/slider.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/slider.d.ts
 /** 滑块组件属性 */
 interface SliderProps<T extends number | [number, number]> extends FormComponentProps {

package/dist/types/steps.d.ts

@@ -1,5 +1,4 @@
 import { ColorType, ComponentSize, DeconstructValue } from "@veltra/utils";
-
 //#region src/types/steps.d.ts
 /** 步骤组件组件属性 */
 interface StepsProps {

package/dist/types/switch.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/switch.d.ts
 /** 开关组件属性 */
 interface SwitchProps extends FormComponentProps {

package/dist/types/table-editor.d.ts

@@ -1,6 +1,5 @@
 import { TableProps } from "./table.js";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/table-editor.d.ts
 /** 表格型编辑器组件属性 */
 interface TableEditorProps extends Omit<TableProps, 'data'> {

package/dist/types/table.d.ts

@@ -1,7 +1,6 @@
 import { ShallowRef, Slots, VNode } from "vue";
 import { ComponentSize, DeconstructValue, RenderReturn } from "@veltra/utils";
 import { Forest, TreeNode } from "@cat-kit/core";
-
 //#region src/types/table.d.ts
 type TableColumnAlign = 'left' | 'center' | 'right';
 /**

package/dist/types/tabs.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps, ComponentSize } from "@veltra/utils";
-
 //#region src/types/tabs.d.ts
 type TabItem = {
   /**
@@ -10,7 +9,8 @@ type TabItem = {
   /**
    * 标签页唯一标识
    */
-  key: string; /** 是否禁用 */
+  key: string;
+  /** 是否禁用 */
   disabled?: boolean;
   /**
    * 单个标签是否可关闭

package/dist/types/tag.d.ts

@@ -1,5 +1,4 @@
 import { ColorType, ComponentSize } from "@veltra/utils";
-
 //#region src/types/tag.d.ts
 /** 标签组件属性 */
 interface TagProps {

package/dist/types/text-editor.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/text-editor.d.ts
 /** text-editor组件属性 */
 interface BarType {

package/dist/types/textarea.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/textarea.d.ts
 /** textarea组件属性 */
 interface TextareaProps extends FormComponentProps {

package/dist/types/theme.d.ts

@@ -1,6 +1,5 @@
 import { DeconstructValue } from "@veltra/utils";
 import { UITheme } from "@veltra/styles/theme";
-
 //#region src/types/theme.d.ts
 /** 主题组件属性 */
 interface ThemeProps {

package/dist/types/tip.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties } from "vue";
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/tip.d.ts
 type TipDirection = 'top' | 'bottom' | 'left' | 'right';
 type TipAlign = 'center' | 'start' | 'end';
@@ -39,6 +38,11 @@ interface TipProps {
   contentTag?: string;
   /** 禁用tip */
   disabled?: boolean;
+  /**
+   * 弹出延时（毫秒），仅 `trigger="hover"` 时生效
+   * @default 0
+   */
+  showDelay?: number;
 }
 /** tip提示组件组件定义的事件 */
 interface TipEmits {

package/dist/types/tree-select.d.ts

@@ -1,7 +1,6 @@
 import { TreeProps } from "./tree.js";
 import { CSSProperties } from "vue";
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
-
 //#region src/types/tree-select.d.ts
 /** 树形选择器组件属性 */
 interface TreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable'> {

package/dist/types/tree.d.ts

@@ -1,7 +1,6 @@
 import { ComputedRef, ShallowRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
 import { Forest, ITreeNode } from "@cat-kit/core";
-
 //#region src/types/tree.d.ts
 interface TreeNode$1<Data extends Record<string, any> = Record<string, any>> extends ITreeNode<Data, TreeNode$1<Data>> {
   parent?: TreeNode$1<Data>;

package/dist/types/watermark.d.ts

@@ -1,5 +1,4 @@
 import { DeconstructValue } from "@veltra/utils";
-
 //#region src/types/watermark.d.ts
 /** watermark组件属性 */
 interface WatermarkProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "files": [
     "dist",
     "src"
@@ -42,27 +42,27 @@
     "@embedpdf/plugin-scroll": "^2.14.4",
     "@embedpdf/plugin-viewport": "^2.14.4",
     "@embedpdf/plugin-zoom": "^2.14.4",
-    "@lexical/history": "^0.45.0",
-    "@lexical/html": "^0.45.0",
-    "@lexical/link": "^0.45.0",
-    "@lexical/list": "^0.45.0",
-    "@lexical/rich-text": "^0.45.0",
-    "@lexical/selection": "^0.45.0",
-    "@lexical/utils": "^0.45.0",
-    "@visactor/vtable": "^1.26.3",
-    "docx-preview": "^0.3.7",
-    "lexical": "^0.45.0"
+    "@lexical/history": "^0.48.0",
+    "@lexical/html": "^0.48.0",
+    "@lexical/link": "^0.48.0",
+    "@lexical/list": "^0.48.0",
+    "@lexical/rich-text": "^0.48.0",
+    "@lexical/selection": "^0.48.0",
+    "@lexical/utils": "^0.48.0",
+    "@visactor/vtable": "^1.26.5",
+    "docx-preview": "^0.4.0",
+    "lexical": "^0.48.0"
   },
   "peerDependencies": {
     "@cat-kit/core": ">=1.1.8",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.8",
-    "@veltra/compositions": "1.3.1",
-    "@veltra/directives": "1.3.1",
-    "@veltra/icons": "1.3.1",
-    "@veltra/styles": "1.3.1",
-    "@veltra/utils": "1.3.1",
-    "vue": ">=3.5.39"
+    "@veltra/compositions": "1.3.3",
+    "@veltra/directives": "1.3.3",
+    "@veltra/icons": "1.3.3",
+    "@veltra/styles": "1.3.3",
+    "@veltra/utils": "1.3.3",
+    "vue": ">=3.5.40"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "6.20.3",
@@ -76,8 +76,8 @@
     "@codemirror/legacy-modes": "6.5.3",
     "@codemirror/lint": "6.9.7",
     "@codemirror/search": "6.7.1",
-    "@codemirror/state": "6.7.0",
+    "@codemirror/state": "6.7.1",
     "@codemirror/theme-one-dark": "6.1.3",
-    "@codemirror/view": "6.43.4"
+    "@codemirror/view": "6.43.6"
   }
 }

package/src/components/form-item/form-item.vue

@@ -5,7 +5,7 @@
       :class="[cls.e('label'), bem.is('required', !!rules?.required)]"
       :style="labelStyles"
     >
-      <u-tip v-if="tips" :content="tips" :class="cls.e('tips')">
+      <u-tip v-if="tips" :content="tips" :class="cls.e('tips')" :show-delay="500">
         <span :class="cls.e('tip-label')">
           <slot name="label">{{ label }}:</slot>
         </span>

package/src/components/message-confirm/index.ts

@@ -1,3 +1,3 @@
 export { default as UMessageConfirm } from './message-confirm.vue'
 
-export { default as MessageConfirm } from './message-confirm'
+export { messageConfirm } from './message-confirm'

package/src/components/message-confirm/message-confirm-box.vue

@@ -0,0 +1,36 @@
+<template>
+  <transition-group name="message-confirm" appear @after-leave="handleAfterLeave">
+    <UMessageConfirm
+      v-for="{ onClose, onClosed, ...confirm } of confirms"
+      v-bind="confirm"
+      :key="confirm.key"
+      :data-key="confirm.key"
+      @close="handleClose(confirm.key, onClose, $event)"
+    />
+  </transition-group>
+</template>
+
+<script lang="ts" setup>
+import type { MessageConfirmAction, MessageConfirmOptions } from '../../types'
+import UMessageConfirm from './message-confirm.vue'
+
+defineOptions({ name: 'UMessageConfirmBox' })
+
+type ConfirmItem = MessageConfirmOptions & { key: string }
+
+defineProps<{ confirms: ConfirmItem[] }>()
+
+const emit = defineEmits<{
+  (e: 'closed', key: string): void
+  (e: 'close', key: string, action: MessageConfirmAction): void
+}>()
+
+function handleAfterLeave(el: Element) {
+  emit('closed', (el as HTMLElement).dataset.key as string)
+}
+
+function handleClose(key: string, onClose: ConfirmItem['onClose'], action: MessageConfirmAction) {
+  emit('close', key, action)
+  onClose?.(action)
+}
+</script>