@tplc/wot 1.0.6 → 1.0.8

package/types/components/wd-select-picker/types.d.ts

@@ -1,19 +1,6 @@
 import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
 import type { FormItemRule } from '../wd-form/types'
-export type SelectPickerType = 'checkbox' | 'radio' | 'button'
-export type SelectPickerRemote = {
-  action: (
-    search: string,
-    params: {
-      pageSearch: {
-        page: number
-        limit: number
-      }
-    },
-  ) => Promise<Record<string, any>[]>
-  pageSize?: number
-  isPage?: boolean
-}
+export type SelectPickerType = 'checkbox' | 'radio'
 export declare const selectPickerProps: {
   /** 选择器左侧文案 */
   label: StringConstructor
@@ -48,18 +35,31 @@ export declare const selectPickerProps: {
     type: BooleanConstructor
     default: boolean
   }
-  /** 使用 label 插槽时设置该选项 */
+  /**
+   * 使用 label 插槽时设置该选项
+   * @deprecated 可以直接使用标签插槽，无需配置此选项
+   */
   useLabelSlot: {
     type: BooleanConstructor
     default: boolean
   }
-  /** 使用默认插槽时设置该选项 */
+  /**
+   * 使用默认插槽时设置该选项
+   * @deprecated 可以直接使用默认插槽，无需配置此选项
+   */
   useDefaultSlot: {
     type: BooleanConstructor
     default: boolean
   }
   /** 设置选择器大小 */
   size: StringConstructor
+  /**
+   * 是否垂直居中
+   */
+  center: {
+    type: BooleanConstructor
+    default: boolean
+  }
   /** 选中的颜色（单/复选框） */
   checkedColor: StringConstructor
   /** 最小选中的数量（仅在复选框类型下生效，`type`类型为`checkbox`） */
@@ -135,10 +135,6 @@ export declare const selectPickerProps: {
     type: BooleanConstructor
     default: boolean
   }
-  /** 远程搜索配置 */
-  remoteConfig: {
-    type: PropType<SelectPickerRemote>
-  }
   /** 搜索框占位符 */
   filterPlaceholder: StringConstructor
   /** 是否超出隐藏 */
@@ -178,8 +174,27 @@ export declare const selectPickerProps: {
     type: BooleanConstructor
     default: boolean
   }
-  /** 默认展示文案 */
-  defaultLabel: StringConstructor
+  /**
+   * 显示清空按钮
+   */
+  clearable: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 是否从页面中脱离出来，用于解决各种 fixed 失效问题 (H5: teleport, APP: renderjs, 小程序: root-portal)
+   */
+  rootPortal: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 必填标记位置，可选值：before、after
+   */
+  markerSide: {
+    type: PropType<'before' | 'after'>
+    default: 'before' | 'after'
+  }
   customStyle: {
     type: PropType<string>
     default: string

package/types/components/wd-select-picker/wd-select-picker.vue.d.ts

@@ -1,4 +1,3 @@
-import { type FormItemRule } from '../wd-form/types'
 declare const _default: __VLS_WithTemplateSlots<
   import('vue').DefineComponent<
     {
@@ -35,6 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<
         default: boolean
       }
       size: StringConstructor
+      center: {
+        type: BooleanConstructor
+        default: boolean
+      }
       checkedColor: StringConstructor
       min: {
         type: NumberConstructor
@@ -92,9 +95,6 @@ declare const _default: __VLS_WithTemplateSlots<
         type: BooleanConstructor
         default: boolean
       }
-      remoteConfig: {
-        type: import('vue').PropType<import('./types').SelectPickerRemote>
-      }
       filterPlaceholder: StringConstructor
       ellipsis: {
         type: BooleanConstructor
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<
       }
       prop: StringConstructor
       rules: {
-        type: import('vue').PropType<FormItemRule[]>
+        type: import('vue').PropType<import('../wd-form/types.js').FormItemRule[]>
         default: () => never[]
       }
       customContentClass: {
@@ -125,7 +125,18 @@ declare const _default: __VLS_WithTemplateSlots<
         type: BooleanConstructor
         default: boolean
       }
-      defaultLabel: StringConstructor
+      clearable: {
+        type: BooleanConstructor
+        default: boolean
+      }
+      rootPortal: {
+        type: BooleanConstructor
+        default: boolean
+      }
+      markerSide: {
+        type: import('vue').PropType<'before' | 'after'>
+        default: 'before' | 'after'
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -145,11 +156,12 @@ declare const _default: __VLS_WithTemplateSlots<
     import('vue').ComponentOptionsMixin,
     import('vue').ComponentOptionsMixin,
     {
-      cancel: (...args: any[]) => void
+      'update:modelValue': (...args: any[]) => void
       close: (...args: any[]) => void
+      cancel: (...args: any[]) => void
       open: (...args: any[]) => void
-      'update:modelValue': (...args: any[]) => void
       change: (...args: any[]) => void
+      clear: (...args: any[]) => void
       confirm: (...args: any[]) => void
     },
     string,
@@ -189,6 +201,10 @@ declare const _default: __VLS_WithTemplateSlots<
           default: boolean
         }
         size: StringConstructor
+        center: {
+          type: BooleanConstructor
+          default: boolean
+        }
         checkedColor: StringConstructor
         min: {
           type: NumberConstructor
@@ -246,9 +262,6 @@ declare const _default: __VLS_WithTemplateSlots<
           type: BooleanConstructor
           default: boolean
         }
-        remoteConfig: {
-          type: import('vue').PropType<import('./types').SelectPickerRemote>
-        }
         filterPlaceholder: StringConstructor
         ellipsis: {
           type: BooleanConstructor
@@ -260,7 +273,7 @@ declare const _default: __VLS_WithTemplateSlots<
         }
         prop: StringConstructor
         rules: {
-          type: import('vue').PropType<FormItemRule[]>
+          type: import('vue').PropType<import('../wd-form/types.js').FormItemRule[]>
           default: () => never[]
         }
         customContentClass: {
@@ -279,7 +292,18 @@ declare const _default: __VLS_WithTemplateSlots<
           type: BooleanConstructor
           default: boolean
         }
-        defaultLabel: StringConstructor
+        clearable: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        rootPortal: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        markerSide: {
+          type: import('vue').PropType<'before' | 'after'>
+          default: 'before' | 'after'
+        }
         customStyle: {
           type: import('vue').PropType<string>
           default: string
@@ -290,49 +314,54 @@ declare const _default: __VLS_WithTemplateSlots<
         }
       }>
     > & {
-      onCancel?: ((...args: any[]) => any) | undefined
+      onChange?: ((...args: any[]) => any) | undefined
+      'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
       onClose?: ((...args: any[]) => any) | undefined
+      onCancel?: ((...args: any[]) => any) | undefined
       onOpen?: ((...args: any[]) => any) | undefined
-      'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
-      onChange?: ((...args: any[]) => any) | undefined
+      onClear?: ((...args: any[]) => any) | undefined
       onConfirm?: ((...args: any[]) => any) | undefined
     },
     {
-      closeOnClickModal: boolean
-      zIndex: number
-      safeAreaInsetBottom: boolean
       customStyle: string
       customClass: string
-      readonly: boolean
       type: import('./types').SelectPickerType
       required: boolean
+      zIndex: number
+      rootPortal: boolean
+      center: boolean
+      closeOnClickModal: boolean
+      safeAreaInsetBottom: boolean
+      readonly: boolean
       max: number
       error: boolean
       disabled: boolean
       loading: boolean
       loadingColor: string
       scrollIntoView: boolean
-      rules: FormItemRule[]
+      valueKey: string
+      labelKey: string
+      columns: Record<string, any>[]
+      rules: import('../wd-form/types.js').FormItemRule[]
+      customLabelClass: string
+      customValueClass: string
+      ellipsis: boolean
+      markerSide: 'before' | 'after'
       labelWidth: string
-      useLabelSlot: boolean
-      useDefaultSlot: boolean
       alignRight: boolean
       showConfirm: boolean
-      ellipsis: boolean
-      customLabelClass: string
-      customValueClass: string
-      columns: Record<string, any>[]
+      clearable: boolean
       customContentClass: string
       min: number
-      valueKey: string
-      labelKey: string
+      useLabelSlot: boolean
+      useDefaultSlot: boolean
       filterable: boolean
     },
     {}
   >,
   {
-    default?(_: {}): any
     label?(_: {}): any
+    default?(_: {}): any
   }
 >
 export default _default

package/types/components/wd-sidebar/types.d.ts

@@ -1,9 +1,21 @@
-import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey, type PropType } from 'vue'
 export type SidebarProvide = {
   props: Partial<SidebarProps>
   setChange: (value: number | string, label: string) => void
 }
 export declare const SIDEBAR_KEY: InjectionKey<SidebarProvide>
+/**
+ * Sidebar切换前的选项接口
+ */
+export type SidebarBeforeChangeOption = {
+  value: number | string
+  resolve: (pass: boolean) => void
+}
+/**
+ * Sidebar切换前的钩子函数类型
+ * @param option 切换选项
+ */
+export type SidebarBeforeChange = (option: SidebarBeforeChangeOption) => void
 export declare const sidebarProps: {
   /**
    * 当前导航项的索引
@@ -12,12 +24,16 @@ export declare const sidebarProps: {
     type: (NumberConstructor | StringConstructor)[]
     default: number
   }
+  /**
+   * 在改变前执行的函数
+   */
+  beforeChange: PropType<SidebarBeforeChange>
   customStyle: {
-    type: import('vue').PropType<string>
+    type: PropType<string>
     default: string
   }
   customClass: {
-    type: import('vue').PropType<string>
+    type: PropType<string>
     default: string
   }
 }

package/types/components/wd-sidebar/wd-sidebar.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<
         type: (NumberConstructor | StringConstructor)[]
         default: number
       }
+      beforeChange: import('vue').PropType<import('./types').SidebarBeforeChange>
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -32,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<
           type: (NumberConstructor | StringConstructor)[]
           default: number
         }
+        beforeChange: import('vue').PropType<import('./types').SidebarBeforeChange>
         customStyle: {
           type: import('vue').PropType<string>
           default: string
@@ -42,13 +44,13 @@ declare const _default: __VLS_WithTemplateSlots<
         }
       }>
     > & {
-      'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
       onChange?: ((...args: any[]) => any) | undefined
+      'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
     },
     {
-      modelValue: string | number
       customStyle: string
       customClass: string
+      modelValue: string | number
     },
     {}
   >,

package/types/components/wd-signature/types.d.ts

@@ -0,0 +1,252 @@
+import type { ComponentPublicInstance, ExtractPropTypes } from 'vue'
+export declare const signatureProps: {
+  /**
+   * 签名笔颜色
+   * 类型：string
+   * 默认值：#000
+   */
+  penColor: {
+    type: StringConstructor
+    default: string
+  }
+  /**
+   * 签名笔宽度
+   * 类型：number
+   * 默认值：3
+   */
+  lineWidth: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 清空按钮的文本
+   * 类型：string
+   */
+  clearText: StringConstructor
+  /**
+   * 撤回按钮的文本
+   * 类型：string
+   */
+  revokeText: StringConstructor
+  /**
+   * 恢复按钮的文本
+   * 类型：string
+   */
+  restoreText: StringConstructor
+  /**
+   * 确认按钮的文本
+   * 类型：string
+   */
+  confirmText: StringConstructor
+  /**
+   * 目标文件的类型
+   * 类型：string
+   * 默认值：png
+   */
+  fileType: {
+    type: StringConstructor
+    default: string
+  }
+  /**
+   * 目标文件的质量
+   * 类型：number
+   * 默认值：1
+   */
+  quality: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 导出图片的缩放比例
+   * 类型：number
+   * 默认值：1
+   */
+  exportScale: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 是否禁用签名板
+   * 类型：boolean
+   * 默认值：false
+   */
+  disabled: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 画布的高度
+   * 类型：number
+   */
+  height: (NumberConstructor | StringConstructor)[]
+  /**
+   * 画布的宽度
+   * 类型：number
+   */
+  width: (NumberConstructor | StringConstructor)[]
+  /**
+   * 画板的背景色
+   * 类型：string
+   */
+  backgroundColor: StringConstructor
+  /**
+   * 是否禁用画布滚动
+   * 类型：boolean
+   * 默认值：true
+   */
+  disableScroll: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 是否开启历史记录
+   * 类型：boolean
+   * 默认值：false
+   */
+  enableHistory: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 撤回和恢复的步长
+   * 类型：number
+   * 默认值：1
+   */
+  step: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 撤回按钮的文本
+   * 类型：string
+   * 默认值：撤销
+   */
+  undoText: StringConstructor
+  /**
+   * 恢复按钮的文本
+   * 类型：string
+   * 默认值：恢复
+   */
+  redoText: StringConstructor
+  /**
+   * 是否启用压感模式(笔锋)
+   * 类型：boolean
+   * 默认值：false
+   */
+  pressure: {
+    type: BooleanConstructor
+    default: boolean
+  }
+  /**
+   * 压感模式下笔画最小宽度
+   * 类型：number
+   * 默认值：2
+   */
+  minWidth: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 压感模式下笔画最大宽度
+   * 类型：number
+   * 默认值：6
+   */
+  maxWidth: {
+    type: NumberConstructor
+    default: number
+  }
+  /**
+   * 最小速度阈值，影响压感模式下的笔画宽度变化
+   * 类型：number
+   * 默认值：1.5
+   */
+  minSpeed: {
+    type: NumberConstructor
+    default: number
+  }
+  customStyle: {
+    type: import('vue').PropType<string>
+    default: string
+  }
+  customClass: {
+    type: import('vue').PropType<string>
+    default: string
+  }
+}
+/**
+ * 签名结果类型
+ * @property tempFilePath - 生成图片的临时路径
+ * @property success - 是否成功生成图片
+ * @property width - 生成图片的宽度
+ * @property height - 生成图片的高度
+ */
+export type SignatureResult = {
+  tempFilePath: string
+  success: boolean
+  width: number
+  height: number
+}
+/**
+ * 签名线条类型
+ * @property points - 线条所包含的所有点的数组
+ * @property color - 线条颜色
+ * @property width - 线条宽度
+ * @property backgroundColor - 线条背景色 (可选)
+ * @property isPressure - 是否为笔锋模式的线条 (可选)
+ */
+export interface Line {
+  points: Point[]
+  color: string
+  width: number
+  backgroundColor?: string
+  isPressure?: boolean
+}
+/**
+ * 签名点位类型
+ * @property x - 点的横坐标
+ * @property y - 点的纵坐标
+ * @property t - 点的时间戳
+ * @property speed - 当前点的绘制速度 (可选)
+ * @property distance - 与上一个点的距离 (可选)
+ * @property lineWidth - 当前点的线宽 (可选，用于笔锋模式)
+ * @property lastX1 - 贝塞尔曲线第一个控制点的x坐标 (可选)
+ * @property lastY1 - 贝塞尔曲线第一个控制点的y坐标 (可选)
+ * @property lastX2 - 贝塞尔曲线第二个控制点的x坐标 (可选)
+ * @property lastY2 - 贝塞尔曲线第二个控制点的y坐标 (可选)
+ * @property isFirstPoint - 是否为线条的第一个点 (可选)
+ */
+export interface Point {
+  x: number
+  y: number
+  t: number
+  speed?: number
+  distance?: number
+  lineWidth?: number
+  lastX1?: number
+  lastY1?: number
+  lastX2?: number
+  lastY2?: number
+  isFirstPoint?: boolean
+}
+/**
+ * 签名组件暴露的方法类型
+ * @property init - 初始化签名板
+ * @property clear - 清除签名
+ * @property confirm - 确认签名并生成图片
+ * @property restore - 恢复上一步操作
+ * @property revoke - 撤销上一步操作
+ */
+export type SignatureExpose = {
+  /** 初始化签名板
+   * @param forceUpdate - 是否强制更新
+   */
+  init: (forceUpdate?: boolean) => void
+  /** 点击清除按钮清除签名 */
+  clear: () => void
+  /** 点击确定按钮 */
+  confirm: () => void
+  restore: () => void
+  revoke: () => void
+}
+export type SignatureProps = ExtractPropTypes<typeof signatureProps>
+export type SignatureInstance = ComponentPublicInstance<SignatureExpose, SignatureProps>