@qynpm/ui 1.0.23 → 1.0.25

package/index.d.ts

@@ -1,4 +1,128 @@
 import type { App, Plugin } from 'vue'
+import type QyFilePickerComponent from './qy-file-picker'
+import type QyCheckboxComponent from './qy-checkbox'
+import type QyCheckboxGroupComponent from './qy-checkbox-group'
+import type QyRadioComponent from './qy-radio'
+import type QyRadioGroupComponent from './qy-radio-group'
+import type QySelectComponent from './qy-select'
+import type QySwitchComponent from './qy-switch'
+import type QyTagComponent from './qy-tag'
+import type QyTooltipComponent from './qy-tooltip'
+import type QyPopoverComponent from './qy-popover'
+import type QyInputComponent from './qy-input'
+import type QyDatePickerComponent from './qy-date-picker'
+
+export type {
+  QyInputNumberClearValue,
+  QyInputNumberControlsPosition,
+  QyInputNumberEmits,
+  QyInputNumberExposed,
+  QyInputNumberProps,
+  QyInputNumberSize,
+  QyInputNumberValue
+} from './qy-input-number'
+
+export type {
+  QyInputEmits,
+  QyInputExposed,
+  QyInputModelValue,
+  QyInputProps,
+  QyInputSize,
+  QyInputTrimMode,
+  QyInputType,
+  QyInputValue
+} from './qy-input'
+
+export type {
+  QyFilePickerExposed,
+  QyFilePickerEmits,
+  QyFilePickerInvalidCode,
+  QyFilePickerInvalidDetail,
+  QyFilePickerProps
+} from './qy-file-picker'
+export type {
+  QyCheckboxEmits,
+  QyCheckboxProps,
+  QyCheckboxSize,
+  QyCheckboxValue
+} from './qy-checkbox'
+export type {
+  QyCheckboxGroupEmits,
+  QyCheckboxGroupOption,
+  QyCheckboxGroupProps,
+  QyCheckboxGroupSize
+} from './qy-checkbox-group'
+export type {
+  QyRadioEmits,
+  QyRadioProps,
+  QyRadioSize,
+  QyRadioValue
+} from './qy-radio'
+export type {
+  QyRadioGroupEmits,
+  QyRadioGroupExposed,
+  QyRadioGroupOption,
+  QyRadioGroupProps,
+  QyRadioGroupSize,
+  QyRadioGroupType
+} from './qy-radio-group'
+export type {
+  QySelectEmits,
+  QySelectExposed,
+  QySelectModelValue,
+  QySelectObjectValue,
+  QySelectOption,
+  QySelectPrimitive,
+  QySelectProps,
+  QySelectSize,
+  QySelectValue
+} from './qy-select'
+export type {
+  QySwitchEmits,
+  QySwitchProps,
+  QySwitchSize,
+  QySwitchValue
+} from './qy-switch'
+export type {
+  QyTagEffect,
+  QyTagEmits,
+  QyTagProps,
+  QyTagSize,
+  QyTagTone
+} from './qy-tag'
+export type {
+  QyTooltipEffect,
+  QyTooltipEmits,
+  QyTooltipPlacement,
+  QyTooltipProps
+} from './qy-tooltip'
+export type {
+  QyPopoverEffect,
+  QyPopoverEmits,
+  QyPopoverExposed,
+  QyPopoverPlacement,
+  QyPopoverProps,
+  QyPopoverTrigger
+} from './qy-popover'
+export type {
+  QyDatePickerCalendarChangeValue,
+  QyDatePickerDateCell,
+  QyDatePickerEmits,
+  QyDatePickerExposed,
+  QyDatePickerModelValue,
+  QyDatePickerPanelDate,
+  QyDatePickerPanelMode,
+  QyDatePickerPanelSlotProps,
+  QyDatePickerPanelView,
+  QyDatePickerProps,
+  QyDatePickerRangeValue,
+  QyDatePickerScalarValue,
+  QyDatePickerShortcut,
+  QyDatePickerShortcutValue,
+  QyDatePickerSize,
+  QyDatePickerSlots,
+  QyDatePickerType
+} from './qy-date-picker'
 
 // 根入口类型声明，对应 @qynpm/ui 的命名导出和 app.use(QyUI) 整包注册。
 export const QyUpload: Plugin
@@ -8,24 +132,31 @@ export const QyImageUpload: Plugin
 export const QyDialog: Plugin
 export const QyButton: Plugin
 export const QyDropdown: Plugin
-export const QyInput: Plugin
-export const QyInputNumber: Plugin
+export const QyInput: typeof QyInputComponent
+export { QyInputNumber } from './qy-input-number'
 export const QyMoneyInput: Plugin
-export const QyDatePicker: Plugin
-export const QyCheckbox: Plugin
+export const QyDatePicker: typeof QyDatePickerComponent
+export const QyCheckbox: typeof QyCheckboxComponent
+export const QyCheckboxGroup: typeof QyCheckboxGroupComponent
+export const QyRadio: typeof QyRadioComponent
 export const QyAutocomplete: Plugin
 export const QyMenuActions: Plugin
 export const QyTableColumnSettings: Plugin
-export const QyRadioGroup: Plugin
+export const QyRadioGroup: typeof QyRadioGroupComponent
 export const QyRemoteSelect: Plugin
 export const QySearchInput: Plugin
 export const QyRecordQuoteSearch: Plugin
-export const QySelect: Plugin
+export const QySelect: typeof QySelectComponent
 export const QyTreeSelect: Plugin
 export const QySelectionDialog: Plugin
 export const QyLegacySelectionDialog: Plugin
 export const QyFormSection: Plugin
 export const QyActionBar: Plugin
+export const QyFilePicker: typeof QyFilePickerComponent
+export const QySwitch: typeof QySwitchComponent
+export const QyTag: typeof QyTagComponent
+export const QyTooltip: typeof QyTooltipComponent
+export const QyPopover: typeof QyPopoverComponent
 export const QyRemarkImage: Plugin
 export function parseRemarkText(remarkText: string): {
   imageUrl: string
@@ -54,8 +185,10 @@ declare const _default: Plugin & {
   QyInput: typeof QyInput
   QyInputNumber: typeof QyInputNumber
   QyMoneyInput: typeof QyMoneyInput
-  QyDatePicker: typeof QyDatePicker
+  QyDatePicker: typeof QyDatePickerComponent
   QyCheckbox: typeof QyCheckbox
+  QyCheckboxGroup: typeof QyCheckboxGroup
+  QyRadio: typeof QyRadio
   QyAutocomplete: typeof QyAutocomplete
   QyMenuActions: typeof QyMenuActions
   QyTableColumnSettings: typeof QyTableColumnSettings
@@ -69,6 +202,11 @@ declare const _default: Plugin & {
   QyLegacySelectionDialog: typeof QyLegacySelectionDialog
   QyFormSection: typeof QyFormSection
   QyActionBar: typeof QyActionBar
+  QyFilePicker: typeof QyFilePicker
+  QySwitch: typeof QySwitch
+  QyTag: typeof QyTag
+  QyTooltip: typeof QyTooltip
+  QyPopover: typeof QyPopover
   QyRemarkImage: typeof QyRemarkImage
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -18,6 +18,31 @@
       "import": "./dist/qy-upload/index.mjs",
       "require": "./dist/qy-upload/index.cjs"
     },
+    "./qy-file-picker": {
+      "types": "./qy-file-picker/index.d.ts",
+      "import": "./dist/qy-file-picker/index.mjs",
+      "require": "./dist/qy-file-picker/index.cjs"
+    },
+    "./qy-switch": {
+      "types": "./qy-switch/index.d.ts",
+      "import": "./dist/qy-switch/index.mjs",
+      "require": "./dist/qy-switch/index.cjs"
+    },
+    "./qy-tag": {
+      "types": "./qy-tag/index.d.ts",
+      "import": "./dist/qy-tag/index.mjs",
+      "require": "./dist/qy-tag/index.cjs"
+    },
+    "./qy-tooltip": {
+      "types": "./qy-tooltip/index.d.ts",
+      "import": "./dist/qy-tooltip/index.mjs",
+      "require": "./dist/qy-tooltip/index.cjs"
+    },
+    "./qy-popover": {
+      "types": "./qy-popover/index.d.ts",
+      "import": "./dist/qy-popover/index.mjs",
+      "require": "./dist/qy-popover/index.cjs"
+    },
     "./qy-image": {
       "types": "./qy-image/index.d.ts",
       "import": "./dist/qy-image/index.mjs",
@@ -73,6 +98,16 @@
       "import": "./dist/qy-checkbox/index.mjs",
       "require": "./dist/qy-checkbox/index.cjs"
     },
+    "./qy-checkbox-group": {
+      "types": "./qy-checkbox-group/index.d.ts",
+      "import": "./dist/qy-checkbox-group/index.mjs",
+      "require": "./dist/qy-checkbox-group/index.cjs"
+    },
+    "./qy-radio": {
+      "types": "./qy-radio/index.d.ts",
+      "import": "./dist/qy-radio/index.mjs",
+      "require": "./dist/qy-radio/index.cjs"
+    },
     "./qy-autocomplete": {
       "types": "./qy-autocomplete/index.d.ts",
       "import": "./dist/qy-autocomplete/index.mjs",
@@ -149,6 +184,11 @@
     "dist",
     "README.md",
     "qy-upload/index.d.ts",
+    "qy-file-picker/index.d.ts",
+    "qy-switch/index.d.ts",
+    "qy-tag/index.d.ts",
+    "qy-tooltip/index.d.ts",
+    "qy-popover/index.d.ts",
     "qy-image/index.d.ts",
     "qy-image-preview/index.d.ts",
     "qy-image-upload/index.d.ts",
@@ -160,6 +200,8 @@
     "qy-money-input/index.d.ts",
     "qy-date-picker/index.d.ts",
     "qy-checkbox/index.d.ts",
+    "qy-checkbox-group/index.d.ts",
+    "qy-radio/index.d.ts",
     "qy-autocomplete/index.d.ts",
     "qy-menu-actions/index.d.ts",
     "qy-table-column-settings/index.d.ts",

package/qy-autocomplete/index.d.ts

@@ -1,5 +1,5 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-declare const QyAutocomplete: DefineComponent<any, any, any> & Plugin
-
-export default QyAutocomplete
+import type { DefineComponent, Plugin } from 'vue'
+
+declare const QyAutocomplete: DefineComponent<any, any, any> & Plugin
+
+export default QyAutocomplete

package/qy-checkbox/index.d.ts

@@ -1,5 +1,45 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-declare const QyCheckbox: DefineComponent<any, any, any> & Plugin
-
-export default QyCheckbox
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+
+export type QyCheckboxValue = boolean | string | number
+export type QyCheckboxSize = 'small' | 'default' | 'large'
+
+export interface QyCheckboxProps {
+  modelValue?: QyCheckboxValue
+  value?: QyCheckboxValue
+  indeterminate?: boolean
+  disabled?: boolean
+  size?: QyCheckboxSize
+  trueValue?: QyCheckboxValue
+  falseValue?: QyCheckboxValue
+  name?: string
+  id?: string
+  tabindex?: string | number
+  ariaLabel?: string
+  ariaControls?: string
+}
+
+export type QyCheckboxEmits = {
+  'update:modelValue': (value: QyCheckboxValue) => void
+  change: (value: QyCheckboxValue) => void
+  focus: (event: FocusEvent) => void
+  blur: (event: FocusEvent) => void
+}
+
+declare const QyCheckbox: DefineComponent<
+  QyCheckboxProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyCheckboxEmits
+> &
+  Plugin
+
+export { QyCheckbox }
+export default QyCheckbox

package/qy-checkbox-group/index.d.ts

@@ -0,0 +1,48 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+import type {
+  QyCheckboxSize,
+  QyCheckboxValue
+} from '../qy-checkbox'
+
+export type QyCheckboxGroupSize = QyCheckboxSize
+
+export interface QyCheckboxGroupOption {
+  label: string
+  value: QyCheckboxValue
+  disabled?: boolean
+}
+
+export interface QyCheckboxGroupProps {
+  modelValue?: QyCheckboxValue[]
+  options?: QyCheckboxGroupOption[]
+  disabled?: boolean
+  min?: number
+  max?: number
+  size?: QyCheckboxGroupSize
+  ariaLabel?: string
+}
+
+export type QyCheckboxGroupEmits = {
+  'update:modelValue': (value: QyCheckboxValue[]) => void
+  change: (value: QyCheckboxValue[]) => void
+}
+
+declare const QyCheckboxGroup: DefineComponent<
+  QyCheckboxGroupProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyCheckboxGroupEmits
+> &
+  Plugin
+
+export { QyCheckboxGroup }
+export type { QyCheckboxSize, QyCheckboxValue }
+export default QyCheckboxGroup

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

@@ -1,5 +1,140 @@
-import type { DefineComponent, Plugin } from 'vue'
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  VNodeChild
+} from 'vue'
 
-declare const QyDatePicker: DefineComponent<any, any, any> & Plugin
+export type QyDatePickerScalarValue = string | number | Date
+export type QyDatePickerRangeValue = QyDatePickerScalarValue[]
+export type QyDatePickerModelValue =
+  | QyDatePickerScalarValue
+  | QyDatePickerRangeValue
+  | null
+  | undefined
 
+export type QyDatePickerType =
+  | 'year'
+  | 'month'
+  | 'date'
+  | 'dates'
+  | 'datetime'
+  | 'week'
+  | 'daterange'
+  | 'datetimerange'
+  | 'monthrange'
+
+export type QyDatePickerSize = 'small' | 'default' | 'large'
+export type QyDatePickerShortcutValue = Date | [Date, Date]
+
+export interface QyDatePickerShortcut {
+  text: string
+  value:
+    | QyDatePickerShortcutValue
+    | (() => QyDatePickerShortcutValue)
+}
+
+export interface QyDatePickerDateCell {
+  date?: Date
+  text?: number
+  disabled?: boolean
+  inRange?: boolean
+  start?: boolean
+  end?: boolean
+  type?: 'normal' | 'today' | 'week' | 'next-month' | 'prev-month'
+}
+
+export interface QyDatePickerPanelSlotProps {
+  date?: Date
+  type?: QyDatePickerType
+}
+
+export interface QyDatePickerSlots {
+  default?: (props: QyDatePickerDateCell) => VNodeChild
+  'range-separator'?: (props: QyDatePickerPanelSlotProps) => VNodeChild
+  'prev-month'?: (props: QyDatePickerPanelSlotProps) => VNodeChild
+  'next-month'?: (props: QyDatePickerPanelSlotProps) => VNodeChild
+  'prev-year'?: (props: QyDatePickerPanelSlotProps) => VNodeChild
+  'next-year'?: (props: QyDatePickerPanelSlotProps) => VNodeChild
+}
+
+export type QyDatePickerPanelMode = 'month' | 'year'
+export type QyDatePickerPanelView = 'date' | 'month' | 'year'
+export type QyDatePickerPanelDate = Date | [Date, Date]
+export type QyDatePickerCalendarChangeValue = [Date, Date | null]
+
+export interface QyDatePickerProps {
+  modelValue?: QyDatePickerModelValue
+  type?: QyDatePickerType
+  placeholder?: string
+  startPlaceholder?: string
+  endPlaceholder?: string
+  rangeSeparator?: string
+  format?: string
+  valueFormat?: string
+  defaultTime?: Date | [Date, Date]
+  disabledDate?: (date: Date) => boolean
+  shortcuts?: QyDatePickerShortcut[]
+  clearable?: boolean
+  disabled?: boolean
+  readonly?: boolean
+  size?: QyDatePickerSize
+  teleported?: boolean
+  appendTo?: string | HTMLElement
+  popperClass?: string
+  normalizeRangeEndTime?: boolean
+}
+
+export type QyDatePickerEmits = {
+  'update:modelValue': (value: QyDatePickerModelValue) => void
+  change: (value: QyDatePickerModelValue) => void
+  clear: () => void
+  'calendar-change': (value: QyDatePickerCalendarChangeValue) => void
+  'panel-change': (
+    date: QyDatePickerPanelDate,
+    mode: QyDatePickerPanelMode,
+    view?: QyDatePickerPanelView
+  ) => void
+  'visible-change': (visible: boolean) => void
+  focus: (event: FocusEvent) => void
+  blur: (event: FocusEvent) => void
+}
+
+export interface QyDatePickerExposed {
+  focus(): void
+  blur(): void
+  open(): void
+  close(): void
+}
+
+type QyDatePickerComponentProps = QyDatePickerProps & {
+  'onUpdate:modelValue'?: QyDatePickerEmits['update:modelValue']
+  onChange?: QyDatePickerEmits['change']
+  onClear?: QyDatePickerEmits['clear']
+  'onCalendar-change'?: QyDatePickerEmits['calendar-change']
+  'onPanel-change'?: QyDatePickerEmits['panel-change']
+  'onVisible-change'?: QyDatePickerEmits['visible-change']
+  onFocus?: QyDatePickerEmits['focus']
+  onBlur?: QyDatePickerEmits['blur']
+}
+
+declare const QyDatePicker: DefineComponent<
+  QyDatePickerProps,
+  QyDatePickerExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyDatePickerEmits,
+  string,
+  PublicProps,
+  QyDatePickerComponentProps,
+  {},
+  SlotsType<QyDatePickerSlots>
+> & Plugin
+
+export { QyDatePicker }
 export default QyDatePicker

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

@@ -0,0 +1,49 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+
+export type QyFilePickerInvalidCode = 'extension' | 'size'
+
+export interface QyFilePickerInvalidDetail {
+  code: QyFilePickerInvalidCode
+  file: File
+  message: string
+}
+
+export interface QyFilePickerProps {
+  modelValue?: File | null
+  extensions?: string[]
+  maxSizeMb?: number
+  disabled?: boolean
+  drag?: boolean
+  placeholder?: string
+}
+
+export interface QyFilePickerExposed {
+  openFileDialog(): void
+  clear(): void
+}
+
+export type QyFilePickerEmits = {
+  'update:modelValue': (file: File | null) => void
+  change: (file: File | null) => void
+  clear: () => void
+  invalid: (detail: QyFilePickerInvalidDetail) => void
+}
+
+declare const QyFilePicker: DefineComponent<
+  QyFilePickerProps,
+  QyFilePickerExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyFilePickerEmits
+> &
+  Plugin
+
+export { QyFilePicker }
+export default QyFilePicker

package/qy-image/index.d.ts

@@ -1,28 +1,28 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-export type QyImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-
-export type QyImageCompressor =
-  | boolean
-  | {
-      w?: number
-      h?: number
-      q?: number
-    }
-
-declare const QyImage: DefineComponent<{
-  src?: string
-  width?: number | string
-  height?: number | string
-  size?: number
-  fit?: QyImageFit
-  placeholder?: boolean
-  lazy?: boolean
-  compressor?: QyImageCompressor
-  preview?: boolean
-  previewList?: string[]
-  initialIndex?: number
-}> &
-  Plugin
-
-export default QyImage
+import type { DefineComponent, Plugin } from 'vue'
+
+export type QyImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export type QyImageCompressor =
+  | boolean
+  | {
+      w?: number
+      h?: number
+      q?: number
+    }
+
+declare const QyImage: DefineComponent<{
+  src?: string
+  width?: number | string
+  height?: number | string
+  size?: number
+  fit?: QyImageFit
+  placeholder?: boolean
+  lazy?: boolean
+  compressor?: QyImageCompressor
+  preview?: boolean
+  previewList?: string[]
+  initialIndex?: number
+}> &
+  Plugin
+
+export default QyImage

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

@@ -1,20 +1,20 @@
-import type { DefineComponent, Plugin } from 'vue'
-
-declare const QyImagePreview: DefineComponent<{
-  open?: boolean
-  urlList?: string[]
-  initialIndex?: number
-  hideOnClickModal?: boolean
-}> &
-  Plugin
-
-export function openQyImagePreview(options: {
-  url?: string
-  urlList?: string[]
-  initialIndex?: number
-  hideOnClickModal?: boolean
-}): {
-  close(): void
-}
-
-export default QyImagePreview
+import type { DefineComponent, Plugin } from 'vue'
+
+declare const QyImagePreview: DefineComponent<{
+  open?: boolean
+  urlList?: string[]
+  initialIndex?: number
+  hideOnClickModal?: boolean
+}> &
+  Plugin
+
+export function openQyImagePreview(options: {
+  url?: string
+  urlList?: string[]
+  initialIndex?: number
+  hideOnClickModal?: boolean
+}): {
+  close(): void
+}
+
+export default QyImagePreview