@qynpm/ui 1.0.25 → 1.0.27

package/index.d.ts

@@ -4,11 +4,33 @@ 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 QySelectComponent from './qy-select'
+import type QyTreeSelectComponent from './qy-tree-select'
+import type QySwitchComponent from './qy-switch'
+import type QyTagComponent from './qy-tag'
+import type QyBadgeComponent from './qy-badge'
+import type QyCascaderComponent from './qy-cascader'
+import type QyTooltipComponent from './qy-tooltip'
+import type QyPopoverComponent from './qy-popover'
+import type QySkeletonComponent from './qy-skeleton'
+import type QySkeletonItemComponent from './qy-skeleton-item'
+import type QyTabsComponent from './qy-tabs'
+import type QyTabPaneComponent from './qy-tab-pane'
+import type QyStepsComponent from './qy-steps'
+import type QyStepComponent from './qy-step'
+import type QyDescriptionsComponent from './qy-descriptions'
+import type QyDescriptionsItemComponent from './qy-descriptions-item'
+import type QyCollapseComponent from './qy-collapse'
+import type QyCollapseItemComponent from './qy-collapse-item'
+import type QyLinkComponent from './qy-link'
+import type QyDividerComponent from './qy-divider'
+import type QyEmptyComponent from './qy-empty'
+import type QyAlertComponent from './qy-alert'
+import type QyCardComponent from './qy-card'
+import type QyScrollbarComponent from './qy-scrollbar'
+import type QyProgressComponent from './qy-progress'
+import type QyAvatarComponent from './qy-avatar'
+import type QyTreeComponent from './qy-tree'
 import type QyInputComponent from './qy-input'
 import type QyDatePickerComponent from './qy-date-picker'
 
@@ -76,34 +98,218 @@ export type {
   QySelectProps,
   QySelectSize,
   QySelectValue
-} from './qy-select'
+} from './qy-select'
+export type {
+  QyTreeSelectEmits,
+  QyTreeSelectExposed,
+  QyTreeSelectKey,
+  QyTreeSelectModelValue,
+  QyTreeSelectNodeData,
+  QyTreeSelectNodeProps,
+  QyTreeSelectNodeSnapshot,
+  QyTreeSelectObjectValue,
+  QyTreeSelectPrimitive,
+  QyTreeSelectProps,
+  QyTreeSelectSlots,
+  QyTreeSelectTagSnapshot,
+  QyTreeSelectValue
+} from './qy-tree-select'
 export type {
   QySwitchEmits,
   QySwitchProps,
   QySwitchSize,
   QySwitchValue
 } from './qy-switch'
-export type {
-  QyTagEffect,
+export type {
+  QyTagEffect,
   QyTagEmits,
   QyTagProps,
   QyTagSize,
-  QyTagTone
-} from './qy-tag'
+  QyTagTone
+} from './qy-tag'
+export type {
+  QyBadgeAttrs,
+  QyBadgeExposes,
+  QyBadgeProps,
+  QyBadgeSlots,
+  QyBadgeType
+} from './qy-badge'
+export type {
+  QyCascaderConfig,
+  QyCascaderEmits,
+  QyCascaderExposes,
+  QyCascaderLazyLoad,
+  QyCascaderNodePathValue,
+  QyCascaderNodeSnapshot,
+  QyCascaderNodeValue,
+  QyCascaderOption,
+  QyCascaderPlacement,
+  QyCascaderProps,
+  QyCascaderResolve,
+  QyCascaderSize,
+  QyCascaderSlots,
+  QyCascaderTagData,
+  QyCascaderValue
+} from './qy-cascader'
 export type {
   QyTooltipEffect,
   QyTooltipEmits,
   QyTooltipPlacement,
   QyTooltipProps
 } from './qy-tooltip'
-export type {
-  QyPopoverEffect,
+export type {
+  QyPopoverEffect,
   QyPopoverEmits,
   QyPopoverExposed,
   QyPopoverPlacement,
   QyPopoverProps,
-  QyPopoverTrigger
-} from './qy-popover'
+  QyPopoverTrigger
+} from './qy-popover'
+export type {
+  QySkeletonAttrs,
+  QySkeletonProps,
+  QySkeletonSlots,
+  QySkeletonThrottle
+} from './qy-skeleton'
+export type {
+  QySkeletonItemAttrs,
+  QySkeletonItemProps,
+  QySkeletonItemVariant
+} from './qy-skeleton-item'
+export type {
+  QyTabName,
+  QyTabPaneSnapshot,
+  QyTabsBeforeLeave,
+  QyTabsEmits,
+  QyTabsPosition,
+  QyTabsProps,
+  QyTabsSlots,
+  QyTabsType
+} from './qy-tabs'
+export type {
+  QyTabPaneProps,
+  QyTabPaneSlots
+} from './qy-tab-pane'
+export type {
+  QyStepStatus,
+  QyStepsAttrs,
+  QyStepsDirection,
+  QyStepsEmits,
+  QyStepsProps,
+  QyStepsSlots
+} from './qy-steps'
+export type {
+  QyStepAttrs,
+  QyStepIcon,
+  QyStepProps,
+  QyStepSlots
+} from './qy-step'
+export type {
+  QyDescriptionsDirection,
+  QyDescriptionsEmits,
+  QyDescriptionsProps,
+  QyDescriptionsSize,
+  QyDescriptionsSlots
+} from './qy-descriptions'
+export type {
+  QyDescriptionsItemAlign,
+  QyDescriptionsItemProps,
+  QyDescriptionsItemSlots
+} from './qy-descriptions-item'
+export type {
+  QyCollapseActiveName,
+  QyCollapseBeforeCollapse,
+  QyCollapseEmits,
+  QyCollapseExposes,
+  QyCollapseIconPosition,
+  QyCollapseModelValue,
+  QyCollapseProps,
+  QyCollapseSlots
+} from './qy-collapse'
+export type {
+  QyCollapseItemExposes,
+  QyCollapseItemProps,
+  QyCollapseItemSlots
+} from './qy-collapse-item'
+export type {
+  QyLinkAttrs,
+  QyLinkEmits,
+  QyLinkProps,
+  QyLinkSlots,
+  QyLinkType,
+  QyLinkUnderline
+} from './qy-link'
+export type {
+  QyDividerAttrs,
+  QyDividerBorderStyle,
+  QyDividerContentPosition,
+  QyDividerDirection,
+  QyDividerProps,
+  QyDividerSlots
+} from './qy-divider'
+export type {
+  QyEmptyAttrs,
+  QyEmptyProps,
+  QyEmptySlots
+} from './qy-empty'
+export type {
+  QyAlertAttrs,
+  QyAlertEffect,
+  QyAlertEmits,
+  QyAlertProps,
+  QyAlertSlots,
+  QyAlertType
+} from './qy-alert'
+export type {
+  QyCardAttrs,
+  QyCardEmits,
+  QyCardProps,
+  QyCardShadow,
+  QyCardSlots
+} from './qy-card'
+export type {
+  QyScrollbarAttrs,
+  QyScrollbarDirection,
+  QyScrollbarEmits,
+  QyScrollbarExposed,
+  QyScrollbarProps,
+  QyScrollbarScrollPosition,
+  QyScrollbarSlots
+} from './qy-scrollbar'
+export type {
+  QyProgressAttrs,
+  QyProgressColor,
+  QyProgressColorFunction,
+  QyProgressFormat,
+  QyProgressProps,
+  QyProgressSlotProps,
+  QyProgressSlots,
+  QyProgressStatus,
+  QyProgressStrokeLinecap,
+  QyProgressType
+} from './qy-progress'
+export type {
+  QyAvatarAttrs,
+  QyAvatarEmits,
+  QyAvatarFit,
+  QyAvatarIcon,
+  QyAvatarProps,
+  QyAvatarShape,
+  QyAvatarSize,
+  QyAvatarSlots
+} from './qy-avatar'
+export type {
+  QyTreeCheckedInfo,
+  QyTreeDropPosition,
+  QyTreeEmits,
+  QyTreeKey,
+  QyTreeNodeData,
+  QyTreeNodeProps,
+  QyTreeNodeSnapshot,
+  QyTreeProps,
+  QyTreeRef,
+  QyTreeSlots
+} from './qy-tree'
 export type {
   QyDatePickerCalendarChangeValue,
   QyDatePickerDateCell,
@@ -147,17 +353,38 @@ export const QyRemoteSelect: Plugin
 export const QySearchInput: Plugin
 export const QyRecordQuoteSearch: Plugin
 export const QySelect: typeof QySelectComponent
-export const QyTreeSelect: Plugin
+export const QyTreeSelect: typeof QyTreeSelectComponent
 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 const QyTag: typeof QyTagComponent
+export const QyBadge: typeof QyBadgeComponent
+export const QyCascader: typeof QyCascaderComponent
+export const QyTooltip: typeof QyTooltipComponent
+export const QyPopover: typeof QyPopoverComponent
+export const QySkeleton: typeof QySkeletonComponent
+export const QySkeletonItem: typeof QySkeletonItemComponent
+export const QyTabs: typeof QyTabsComponent
+export const QyTabPane: typeof QyTabPaneComponent
+export const QySteps: typeof QyStepsComponent
+export const QyStep: typeof QyStepComponent
+export const QyDescriptions: typeof QyDescriptionsComponent
+export const QyDescriptionsItem: typeof QyDescriptionsItemComponent
+export const QyCollapse: typeof QyCollapseComponent
+export const QyCollapseItem: typeof QyCollapseItemComponent
+export const QyLink: typeof QyLinkComponent
+export const QyDivider: typeof QyDividerComponent
+export const QyEmpty: typeof QyEmptyComponent
+export const QyAlert: typeof QyAlertComponent
+export const QyCard: typeof QyCardComponent
+export const QyScrollbar: typeof QyScrollbarComponent
+export const QyProgress: typeof QyProgressComponent
+export const QyAvatar: typeof QyAvatarComponent
+export const QyTree: typeof QyTreeComponent
+export const QyRemarkImage: Plugin
 export function parseRemarkText(remarkText: string): {
   imageUrl: string
   text: string
@@ -204,10 +431,31 @@ declare const _default: Plugin & {
   QyActionBar: typeof QyActionBar
   QyFilePicker: typeof QyFilePicker
   QySwitch: typeof QySwitch
-  QyTag: typeof QyTag
-  QyTooltip: typeof QyTooltip
-  QyPopover: typeof QyPopover
-  QyRemarkImage: typeof QyRemarkImage
-}
+  QyTag: typeof QyTag
+  QyBadge: typeof QyBadgeComponent
+  QyCascader: typeof QyCascader
+  QyTooltip: typeof QyTooltip
+  QyPopover: typeof QyPopover
+  QySkeleton: typeof QySkeletonComponent
+  QySkeletonItem: typeof QySkeletonItemComponent
+  QyTabs: typeof QyTabsComponent
+  QyTabPane: typeof QyTabPaneComponent
+  QySteps: typeof QyStepsComponent
+  QyStep: typeof QyStepComponent
+  QyDescriptions: typeof QyDescriptionsComponent
+  QyDescriptionsItem: typeof QyDescriptionsItemComponent
+  QyCollapse: typeof QyCollapseComponent
+  QyCollapseItem: typeof QyCollapseItemComponent
+  QyLink: typeof QyLinkComponent
+  QyDivider: typeof QyDividerComponent
+  QyEmpty: typeof QyEmptyComponent
+  QyAlert: typeof QyAlertComponent
+  QyCard: typeof QyCardComponent
+  QyScrollbar: typeof QyScrollbarComponent
+  QyProgress: typeof QyProgressComponent
+  QyAvatar: typeof QyAvatarComponent
+  QyTree: typeof QyTreeComponent
+  QyRemarkImage: typeof QyRemarkImage
+}
 
 export default _default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -33,11 +33,116 @@
       "import": "./dist/qy-tag/index.mjs",
       "require": "./dist/qy-tag/index.cjs"
     },
+    "./qy-badge": {
+      "types": "./qy-badge/index.d.ts",
+      "import": "./dist/qy-badge/index.mjs",
+      "require": "./dist/qy-badge/index.cjs"
+    },
+    "./qy-cascader": {
+      "types": "./qy-cascader/index.d.ts",
+      "import": "./dist/qy-cascader/index.mjs",
+      "require": "./dist/qy-cascader/index.cjs"
+    },
+    "./qy-tree": {
+      "types": "./qy-tree/index.d.ts",
+      "import": "./dist/qy-tree/index.mjs",
+      "require": "./dist/qy-tree/index.cjs"
+    },
     "./qy-tooltip": {
       "types": "./qy-tooltip/index.d.ts",
       "import": "./dist/qy-tooltip/index.mjs",
       "require": "./dist/qy-tooltip/index.cjs"
     },
+    "./qy-skeleton": {
+      "types": "./qy-skeleton/index.d.ts",
+      "import": "./dist/qy-skeleton/index.mjs",
+      "require": "./dist/qy-skeleton/index.cjs"
+    },
+    "./qy-skeleton-item": {
+      "types": "./qy-skeleton-item/index.d.ts",
+      "import": "./dist/qy-skeleton-item/index.mjs",
+      "require": "./dist/qy-skeleton-item/index.cjs"
+    },
+    "./qy-tabs": {
+      "types": "./qy-tabs/index.d.ts",
+      "import": "./dist/qy-tabs/index.mjs",
+      "require": "./dist/qy-tabs/index.cjs"
+    },
+    "./qy-tab-pane": {
+      "types": "./qy-tab-pane/index.d.ts",
+      "import": "./dist/qy-tab-pane/index.mjs",
+      "require": "./dist/qy-tab-pane/index.cjs"
+    },
+    "./qy-steps": {
+      "types": "./qy-steps/index.d.ts",
+      "import": "./dist/qy-steps/index.mjs",
+      "require": "./dist/qy-steps/index.cjs"
+    },
+    "./qy-step": {
+      "types": "./qy-step/index.d.ts",
+      "import": "./dist/qy-step/index.mjs",
+      "require": "./dist/qy-step/index.cjs"
+    },
+    "./qy-descriptions": {
+      "types": "./qy-descriptions/index.d.ts",
+      "import": "./dist/qy-descriptions/index.mjs",
+      "require": "./dist/qy-descriptions/index.cjs"
+    },
+    "./qy-descriptions-item": {
+      "types": "./qy-descriptions-item/index.d.ts",
+      "import": "./dist/qy-descriptions-item/index.mjs",
+      "require": "./dist/qy-descriptions-item/index.cjs"
+    },
+    "./qy-collapse": {
+      "types": "./qy-collapse/index.d.ts",
+      "import": "./dist/qy-collapse/index.mjs",
+      "require": "./dist/qy-collapse/index.cjs"
+    },
+    "./qy-collapse-item": {
+      "types": "./qy-collapse-item/index.d.ts",
+      "import": "./dist/qy-collapse-item/index.mjs",
+      "require": "./dist/qy-collapse-item/index.cjs"
+    },
+    "./qy-link": {
+      "types": "./qy-link/index.d.ts",
+      "import": "./dist/qy-link/index.mjs",
+      "require": "./dist/qy-link/index.cjs"
+    },
+    "./qy-divider": {
+      "types": "./qy-divider/index.d.ts",
+      "import": "./dist/qy-divider/index.mjs",
+      "require": "./dist/qy-divider/index.cjs"
+    },
+    "./qy-empty": {
+      "types": "./qy-empty/index.d.ts",
+      "import": "./dist/qy-empty/index.mjs",
+      "require": "./dist/qy-empty/index.cjs"
+    },
+    "./qy-alert": {
+      "types": "./qy-alert/index.d.ts",
+      "import": "./dist/qy-alert/index.mjs",
+      "require": "./dist/qy-alert/index.cjs"
+    },
+    "./qy-card": {
+      "types": "./qy-card/index.d.ts",
+      "import": "./dist/qy-card/index.mjs",
+      "require": "./dist/qy-card/index.cjs"
+    },
+    "./qy-scrollbar": {
+      "types": "./qy-scrollbar/index.d.ts",
+      "import": "./dist/qy-scrollbar/index.mjs",
+      "require": "./dist/qy-scrollbar/index.cjs"
+    },
+    "./qy-progress": {
+      "types": "./qy-progress/index.d.ts",
+      "import": "./dist/qy-progress/index.mjs",
+      "require": "./dist/qy-progress/index.cjs"
+    },
+    "./qy-avatar": {
+      "types": "./qy-avatar/index.d.ts",
+      "import": "./dist/qy-avatar/index.mjs",
+      "require": "./dist/qy-avatar/index.cjs"
+    },
     "./qy-popover": {
       "types": "./qy-popover/index.d.ts",
       "import": "./dist/qy-popover/index.mjs",
@@ -187,7 +292,28 @@
     "qy-file-picker/index.d.ts",
     "qy-switch/index.d.ts",
     "qy-tag/index.d.ts",
+    "qy-badge/index.d.ts",
+    "qy-cascader/index.d.ts",
+    "qy-tree/index.d.ts",
     "qy-tooltip/index.d.ts",
+    "qy-skeleton/index.d.ts",
+    "qy-skeleton-item/index.d.ts",
+    "qy-tabs/index.d.ts",
+    "qy-tab-pane/index.d.ts",
+    "qy-steps/index.d.ts",
+    "qy-step/index.d.ts",
+    "qy-descriptions/index.d.ts",
+    "qy-descriptions-item/index.d.ts",
+    "qy-collapse/index.d.ts",
+    "qy-collapse-item/index.d.ts",
+    "qy-link/index.d.ts",
+    "qy-divider/index.d.ts",
+    "qy-empty/index.d.ts",
+    "qy-alert/index.d.ts",
+    "qy-card/index.d.ts",
+    "qy-scrollbar/index.d.ts",
+    "qy-progress/index.d.ts",
+    "qy-avatar/index.d.ts",
     "qy-popover/index.d.ts",
     "qy-image/index.d.ts",
     "qy-image-preview/index.d.ts",
@@ -253,7 +379,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "test": "vitest run --config vitest.config.ts",
+    "test": "vitest run --config vitest.config.ts --maxWorkers=1",
     "preview": "vite preview",
     "release": "node scripts/publish.js"
   }

package/qy-alert/index.d.ts

@@ -0,0 +1,64 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType
+} from 'vue'
+import type { StyleValue } from 'vue'
+
+export type QyAlertType = 'primary' | 'success' | 'warning' | 'info' | 'error'
+export type QyAlertEffect = 'light' | 'dark'
+
+export interface QyAlertProps {
+  title?: string
+  description?: string
+  type?: QyAlertType
+  closable?: boolean
+  closeText?: string
+  showIcon?: boolean
+  center?: boolean
+  effect?: QyAlertEffect
+}
+
+export interface QyAlertAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyAlertSlots {
+  icon?: () => unknown
+  title?: () => unknown
+  default?: () => unknown
+}
+
+export type QyAlertEmits = {
+  close: () => void
+}
+
+type QyAlertComponentProps = QyAlertProps & QyAlertAttrs & {
+  onClose?: QyAlertEmits['close']
+}
+
+declare const QyAlert: DefineComponent<
+  QyAlertProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyAlertEmits,
+  string,
+  PublicProps,
+  QyAlertComponentProps,
+  {},
+  SlotsType<QyAlertSlots>
+> & Plugin
+
+export { QyAlert }
+export default QyAlert

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-avatar/index.d.ts

@@ -0,0 +1,67 @@
+import type {
+  Component,
+  ComponentOptionsMixin,
+  CSSProperties,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export type QyAvatarSize = number | 'small' | 'default' | 'large'
+export type QyAvatarShape = 'circle' | 'square'
+export type QyAvatarIcon = string | Component
+export type QyAvatarFit = CSSProperties['objectFit']
+
+export interface QyAvatarProps {
+  size?: QyAvatarSize
+  shape?: QyAvatarShape
+  icon?: QyAvatarIcon
+  src?: string
+  alt?: string
+  srcSet?: string
+  fit?: QyAvatarFit
+}
+
+export interface QyAvatarAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  tabindex?: string | number
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyAvatarSlots {
+  default?: () => unknown
+}
+
+export type QyAvatarEmits = {
+  error: (event: Event) => void
+}
+
+type QyAvatarComponentProps = QyAvatarProps & QyAvatarAttrs & {
+  onError?: QyAvatarEmits['error']
+}
+
+declare const QyAvatar: DefineComponent<
+  QyAvatarComponentProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyAvatarEmits,
+  string,
+  PublicProps,
+  QyAvatarComponentProps,
+  {},
+  SlotsType<QyAvatarSlots>
+> & Plugin
+
+export { QyAvatar }
+export default QyAvatar