@qynpm/ui 1.0.35 → 1.0.36

package/qy-file-picker/index.d.ts

@@ -33,7 +33,10 @@ export type QyFilePickerEmits = {
   invalid: (detail: QyFilePickerInvalidDetail) => void
 }
 
-declare const QyFilePicker: DefineComponent<
+/**
+ * @deprecated 请使用 QyUpload 的 `variant="file-list"` 与 `autoUpload=false`。
+ */
+declare const QyFilePicker: DefineComponent<
   QyFilePickerProps,
   QyFilePickerExposed,
   {},

package/qy-image-preview/index.d.ts

@@ -17,5 +17,4 @@ export function openQyImagePreview(options: {
   close(): void
 }
 
-
 export default QyImagePreview

package/qy-image-upload/index.d.ts

@@ -1,12 +1,69 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-/**
- * QyImageUpload 单组件入口类型声明。
- *
- * 这里同时声明 DefineComponent 和 Plugin：
- * - DefineComponent 用于模板、TSX 或局部 components 注册时获得组件类型。
- * - Plugin 用于 app.use(QyImageUpload) 时通过 Vue 插件类型校验。
- */
-declare const QyImageUpload: DefineComponent<any, any, any> & Plugin
-
-export default QyImageUpload
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+import type { QyUploadRequest, QyUploadValue } from '../qy-upload'
+
+export type QyImageUploadMode = 'default' | 'voucher'
+
+export interface QyImageUploadProps {
+  modelValue?: string | string[]
+  api?: string
+  name?: string
+  disabled?: boolean
+  multiple?: boolean
+  /** @deprecated 旧 CopyImgUpload 凭证桥接；新页面使用普通图片配置。 */
+  mode?: QyImageUploadMode
+  /** @deprecated 旧 CopyImgUpload 凭证桥接；新页面使用普通图片配置。 */
+  voucher?: boolean
+  fileType?: string[]
+  fileSize?: number
+  isShowTip?: boolean
+  limit?: number
+  tokenKey?: string
+  supportVideo?: boolean
+  size?: string
+  disableDrag?: boolean
+  showPasteInput?: boolean
+  pastePlaceholder?: string
+  callBack?: (value: QyUploadValue) => void
+  extraData?: Record<string, unknown>
+  uploadRequest?: QyUploadRequest
+}
+
+export interface QyImageUploadExposed {
+  openFileDialog(): void
+  clearFiles(): void
+  getPathList(): string[]
+  /** @deprecated 旧 CopyImgUpload 读值桥接。 */
+  getFullPathList(): string[]
+  /** @deprecated 旧 CopyImgUpload 读值桥接。 */
+  readonly fullPathList: string[]
+  readonly pathList: string[]
+  getValue(): string | string[]
+}
+
+export type QyImageUploadEmits = {
+  'update:modelValue': (value: string | string[]) => void
+  change: (value: string | string[]) => void
+  success: (value: string | string[], response: unknown) => void
+  error: (error: unknown) => void
+  remove: (file: unknown, files: unknown[]) => void
+  /** @deprecated 旧 CopyImgUpload 成功通知桥接。 */
+  updateImg: (url: string) => void
+}
+
+declare const QyImageUpload: DefineComponent<
+  QyImageUploadProps,
+  QyImageUploadExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyImageUploadEmits
+> &
+  Plugin
+
+export default QyImageUpload

package/qy-input/index.d.ts

@@ -1,21 +1,79 @@
-import type { InputAutoSize, InputProps, InputType } from 'element-plus'
-import type { DefineComponent, Plugin } from 'vue'
-
-export type QyInputValue = string
-export type QyInputModelValue = string | number | null | undefined
-export type QyInputType = InputType
-export type QyInputSize = 'small' | 'default' | 'large'
-export type QyInputTrimMode = 'none' | 'blur' | 'change'
-
-export interface QyInputProps
-  extends Omit<InputProps, 'modelValue' | 'type' | 'size' | 'autosize'> {
-  modelValue?: QyInputModelValue
-  type?: QyInputType
-  size?: QyInputSize
-  autosize?: InputAutoSize
-  removeSpace?: boolean
-  trimMode?: QyInputTrimMode
-}
+import type { Component, DefineComponent, Plugin, StyleValue } from 'vue'
+
+export type QyInputValue = string
+export type QyInputModelValue = string | number | null | undefined
+export type QyInputType =
+  | 'text'
+  | 'textarea'
+  | 'number'
+  | 'password'
+  | 'email'
+  | 'search'
+  | 'tel'
+  | 'url'
+  | (string & {})
+export type QyInputSize = 'small' | 'default' | 'large'
+export type QyInputTrimMode = 'none' | 'blur' | 'change'
+export type QyInputAutoSize =
+  | {
+      minRows?: number
+      maxRows?: number
+    }
+  | boolean
+export type QyInputIcon = string | Component
+export type QyInputInputMode =
+  | 'none'
+  | 'text'
+  | 'tel'
+  | 'url'
+  | 'email'
+  | 'numeric'
+  | 'decimal'
+  | 'search'
+export type QyInputModelModifiers = {
+  lazy?: true
+  number?: true
+  trim?: true
+}
+export type QyInputStyle = StyleValue
+
+export interface QyInputProps {
+  id?: string
+  disabled?: boolean
+  modelValue?: QyInputModelValue
+  modelModifiers?: QyInputModelModifiers
+  maxlength?: string | number
+  minlength?: string | number
+  type?: QyInputType
+  size?: QyInputSize
+  resize?: 'none' | 'both' | 'horizontal' | 'vertical'
+  autosize?: QyInputAutoSize
+  autocomplete?: string
+  formatter?: (value: string) => string
+  parser?: (value: string) => string
+  placeholder?: string
+  form?: string
+  readonly?: boolean
+  clearable?: boolean
+  clearIcon?: QyInputIcon
+  showPassword?: boolean
+  showWordLimit?: boolean
+  wordLimitPosition?: 'inside' | 'outside'
+  suffixIcon?: QyInputIcon
+  prefixIcon?: QyInputIcon
+  containerRole?: string
+  tabindex?: string | number
+  validateEvent?: boolean
+  inputStyle?: QyInputStyle
+  autofocus?: boolean
+  rows?: number
+  ariaLabel?: string
+  inputmode?: QyInputInputMode
+  name?: string
+  countGraphemes?: (value: string) => number
+  removeSpace?: boolean
+  trimMode?: QyInputTrimMode
+}
 
 export type QyInputEmits = {
   'update:modelValue': (value: QyInputValue) => void

package/qy-input-number/index.d.ts

@@ -1,21 +1,35 @@
-import type { InputNumberProps } from 'element-plus'
-import type { DefineComponent, Plugin } from 'vue'
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType
+} from 'vue'
 
 export type QyInputNumberValue = number | null | undefined
 export type QyInputNumberClearValue = 'min' | 'max' | number | null
-export type QyInputNumberControlsPosition = '' | 'right'
-export type QyInputNumberSize = 'small' | 'default' | 'large'
-
-export interface QyInputNumberProps
-  extends Omit<
-    InputNumberProps,
-    'modelValue' | 'valueOnClear' | 'controlsPosition' | 'size'
-  > {
-  modelValue?: QyInputNumberValue
-  valueOnClear?: QyInputNumberClearValue
-  controlsPosition?: QyInputNumberControlsPosition
-  size?: QyInputNumberSize
-}
+export type QyInputNumberControlsPosition = '' | 'right'
+export type QyInputNumberSize = 'small' | 'default' | 'large'
+
+export interface QyInputNumberProps {
+  id?: string
+  step?: number
+  stepStrictly?: boolean
+  max?: number
+  min?: number
+  modelValue?: QyInputNumberValue
+  readonly?: boolean
+  disabled?: boolean
+  size?: QyInputNumberSize
+  controls?: boolean
+  controlsPosition?: QyInputNumberControlsPosition
+  valueOnClear?: QyInputNumberClearValue
+  name?: string
+  placeholder?: string
+  precision?: number
+  validateEvent?: boolean
+  ariaLabel?: string
+}
 
 export type QyInputNumberEmits = {
   'update:modelValue': (value: QyInputNumberValue) => void
@@ -25,21 +39,41 @@ export type QyInputNumberEmits = {
   blur: (event: FocusEvent) => void
 }
 
-export interface QyInputNumberExposed {
-  focus(): void
-  blur(): void
-}
-
-declare const QyInputNumber: DefineComponent<
-  QyInputNumberProps,
-  QyInputNumberExposed,
-  {},
-  {},
-  {},
-  {},
-  {},
-  QyInputNumberEmits
-> & Plugin
+export interface QyInputNumberExposed {
+  focus(): void
+  blur(): void
+}
+
+export interface QyInputNumberSlots {
+  prefix?: () => unknown
+  suffix?: () => unknown
+  'increase-icon'?: () => unknown
+  'decrease-icon'?: () => unknown
+}
+
+type QyInputNumberComponentProps = QyInputNumberProps & {
+  'onUpdate:modelValue'?: QyInputNumberEmits['update:modelValue']
+  onInput?: QyInputNumberEmits['input']
+  onChange?: QyInputNumberEmits['change']
+  onFocus?: QyInputNumberEmits['focus']
+  onBlur?: QyInputNumberEmits['blur']
+}
+
+declare const QyInputNumber: DefineComponent<
+  QyInputNumberProps,
+  QyInputNumberExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyInputNumberEmits,
+  string,
+  PublicProps,
+  QyInputNumberComponentProps,
+  {},
+  SlotsType<QyInputNumberSlots>
+> & Plugin
 
 export { QyInputNumber }
 export default QyInputNumber

package/qy-input-tag/index.d.ts

@@ -0,0 +1,69 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+import type { QyTagEffect, QyTagTone } from '../qy-tag'
+
+export type QyInputTagModelValue = string[]
+export type QyInputTagTone = QyTagTone
+export type QyInputTagEffect = QyTagEffect
+export type QyInputTagSize = 'small' | 'default' | 'large'
+export type QyInputTagTrigger = 'enter' | 'space'
+
+export interface QyInputTagProps {
+  modelValue?: QyInputTagModelValue
+  max?: number
+  trigger?: QyInputTagTrigger
+  tagTone?: QyInputTagTone
+  tagEffect?: QyInputTagEffect
+  size?: QyInputTagSize
+  clearable?: boolean
+  disabled?: boolean
+  readonly?: boolean
+  placeholder?: string
+  autofocus?: boolean
+  validateEvent?: boolean
+  id?: string
+  tabindex?: string | number
+  maxlength?: string | number
+  minlength?: string | number
+  autocomplete?: string
+  ariaLabel?: string
+}
+
+export interface QyInputTagSlots {
+  tag?: (props: { value: string; index: number }) => unknown
+  prefix?: () => unknown
+  suffix?: () => unknown
+}
+
+export type QyInputTagEmits = {
+  'update:modelValue': (value: QyInputTagModelValue) => void
+  change: (value: QyInputTagModelValue) => void
+  input: (value: string) => void
+  add: (value: string) => void
+  remove: (value: string, index: number) => void
+  clear: () => void
+  focus: (event: FocusEvent) => void
+  blur: (event: FocusEvent) => void
+}
+
+export interface QyInputTagExposed {
+  focus(): void
+  blur(): void
+}
+
+declare const QyInputTag: DefineComponent<
+  QyInputTagProps,
+  QyInputTagExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyInputTagEmits
+> & Plugin
+
+export { QyInputTag }
+export default QyInputTag

package/qy-money-input/index.d.ts

@@ -1,12 +1,87 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-/**
- * QyMoneyInput 单组件入口类型声明。
- *
- * 这里同时声明 DefineComponent 和 Plugin：
- * - DefineComponent 用于模板、TSX 或局部 components 注册时获得组件类型。
- * - Plugin 用于 app.use(QyMoneyInput) 时通过 Vue 插件类型校验。
- */
-declare const QyMoneyInput: DefineComponent<any, any, any> & Plugin
-
-export default QyMoneyInput
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType
+} from 'vue'
+
+export type QyMoneyInputValue = string | number | null | undefined
+export type QyMoneyInputFormatTrigger = 'blur' | 'change' | 'none'
+export type QyMoneyInputSize = 'small' | 'default' | 'large'
+
+export interface QyMoneyInputProps {
+  modelValue?: QyMoneyInputValue
+  precision?: number
+  min?: number
+  max?: number
+  allowNegative?: boolean
+  formatTrigger?: QyMoneyInputFormatTrigger
+  emptyValue?: string | number
+  placeholder?: string
+  clearable?: boolean
+  disabled?: boolean
+  readonly?: boolean
+  size?: QyMoneyInputSize
+  name?: string
+  id?: string
+  autocomplete?: string
+  autofocus?: boolean
+  maxlength?: string | number
+  minlength?: string | number
+  tabindex?: string | number
+  ariaLabel?: string
+}
+
+export type QyMoneyInputEmits = {
+  'update:modelValue': (value: string) => void
+  input: (value: string) => void
+  change: (value: string) => void
+  focus: (event: FocusEvent) => void
+  blur: (event: FocusEvent) => void
+  clear: () => void
+  enter: (event: KeyboardEvent) => void
+}
+
+export interface QyMoneyInputExposed {
+  focus(): void
+  blur(): void
+  select(): void
+  clear(): void
+}
+
+export interface QyMoneyInputSlots {
+  prefix?: () => unknown
+  suffix?: () => unknown
+  prepend?: () => unknown
+  append?: () => unknown
+}
+
+type QyMoneyInputComponentProps = QyMoneyInputProps & {
+  'onUpdate:modelValue'?: QyMoneyInputEmits['update:modelValue']
+  onInput?: QyMoneyInputEmits['input']
+  onChange?: QyMoneyInputEmits['change']
+  onFocus?: QyMoneyInputEmits['focus']
+  onBlur?: QyMoneyInputEmits['blur']
+  onClear?: QyMoneyInputEmits['clear']
+  onEnter?: QyMoneyInputEmits['enter']
+}
+
+declare const QyMoneyInput: DefineComponent<
+  QyMoneyInputProps,
+  QyMoneyInputExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyMoneyInputEmits,
+  string,
+  PublicProps,
+  QyMoneyInputComponentProps,
+  {},
+  SlotsType<QyMoneyInputSlots>
+> & Plugin
+
+export { QyMoneyInput }
+export default QyMoneyInput

package/qy-upload/index.d.ts

@@ -1,5 +1,99 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-declare const QyUpload: DefineComponent<any, any, any> & Plugin
-
-export default QyUpload
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+
+export type QyUploadVariant = 'media-card' | 'file-list'
+export type QyUploadValueFormat = 'object' | 'array' | 'string'
+export type QyUploadInvalidCode = 'extension' | 'size'
+
+export interface QyUploadValue {
+  files: string[]
+  text: string
+}
+
+export interface QyUploadResult {
+  url: string
+  name?: string
+}
+
+export interface QyUploadRequestContext {
+  file: File
+  formData: FormData
+  api: string
+  name: string
+  tokenKey: string
+  extraData: Record<string, unknown>
+}
+
+export type QyUploadRequest = (
+  context: QyUploadRequestContext
+) => Promise<QyUploadResult>
+
+export interface QyUploadInvalidDetail {
+  code: QyUploadInvalidCode
+  file: File
+  message: string
+}
+
+export interface QyUploadProps {
+  modelValue?: QyUploadValue | string[] | string
+  selectedFiles?: File[]
+  autoUpload?: boolean
+  variant?: QyUploadVariant
+  defaultValue?: { files?: string | string[]; text?: string }
+  valueFormat?: QyUploadValueFormat
+  showText?: boolean
+  showPasteInput?: boolean
+  pastePlaceholder?: string
+  multiple?: boolean
+  disabled?: boolean
+  fileType?: string[]
+  fileSize?: number
+  limit?: number
+  isShowTip?: boolean
+  api?: string
+  name?: string
+  tokenKey?: string
+  supportVideo?: boolean
+  size?: string
+  disableDrag?: boolean
+  callBack?: (value: QyUploadValue) => void
+  extraData?: Record<string, unknown>
+  uploadRequest?: QyUploadRequest
+}
+
+export interface QyUploadExposed {
+  openFileDialog(): void
+  clearFiles(): void
+  getPathList(): string[]
+  getValue(): QyUploadValue
+  getModelValue(): QyUploadValue | string[] | string
+}
+
+export type QyUploadEmits = {
+  'update:modelValue': (value: QyUploadValue | string[] | string) => void
+  'update:selectedFiles': (files: File[]) => void
+  selectedFilesChange: (files: File[]) => void
+  change: (value: QyUploadValue) => void
+  success: (result: QyUploadResult) => void
+  error: (error: unknown) => void
+  remove: (file: unknown, files: unknown[]) => void
+  invalid: (detail: QyUploadInvalidDetail) => void
+}
+
+declare const QyUpload: DefineComponent<
+  QyUploadProps,
+  QyUploadExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyUploadEmits
+> &
+  Plugin
+
+export { QyUpload }
+export default QyUpload