@qynpm/ui 1.0.28 → 1.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -83,6 +83,46 @@
       "import": "./dist/qy-step/index.mjs",
       "require": "./dist/qy-step/index.cjs"
     },
+    "./qy-icon": {
+      "types": "./qy-icon/index.d.ts",
+      "import": "./dist/qy-icon/index.mjs",
+      "require": "./dist/qy-icon/index.cjs"
+    },
+    "./qy-fullscreen": {
+      "types": "./qy-fullscreen/index.d.ts",
+      "import": "./dist/qy-fullscreen/index.mjs",
+      "require": "./dist/qy-fullscreen/index.cjs"
+    },
+    "./qy-icon-picker": {
+      "types": "./qy-icon-picker/index.d.ts",
+      "import": "./dist/qy-icon-picker/index.mjs",
+      "require": "./dist/qy-icon-picker/index.cjs"
+    },
+    "./qy-row": {
+      "types": "./qy-row/index.d.ts",
+      "import": "./dist/qy-row/index.mjs",
+      "require": "./dist/qy-row/index.cjs"
+    },
+    "./qy-col": {
+      "types": "./qy-col/index.d.ts",
+      "import": "./dist/qy-col/index.mjs",
+      "require": "./dist/qy-col/index.cjs"
+    },
+    "./qy-container": {
+      "types": "./qy-container/index.d.ts",
+      "import": "./dist/qy-container/index.mjs",
+      "require": "./dist/qy-container/index.cjs"
+    },
+    "./qy-aside": {
+      "types": "./qy-aside/index.d.ts",
+      "import": "./dist/qy-aside/index.mjs",
+      "require": "./dist/qy-aside/index.cjs"
+    },
+    "./qy-main": {
+      "types": "./qy-main/index.d.ts",
+      "import": "./dist/qy-main/index.mjs",
+      "require": "./dist/qy-main/index.cjs"
+    },
     "./qy-descriptions": {
       "types": "./qy-descriptions/index.d.ts",
       "import": "./dist/qy-descriptions/index.mjs",
@@ -138,6 +178,11 @@
       "import": "./dist/qy-progress/index.mjs",
       "require": "./dist/qy-progress/index.cjs"
     },
+    "./qy-statistic": {
+      "types": "./qy-statistic/index.d.ts",
+      "import": "./dist/qy-statistic/index.mjs",
+      "require": "./dist/qy-statistic/index.cjs"
+    },
     "./qy-avatar": {
       "types": "./qy-avatar/index.d.ts",
       "import": "./dist/qy-avatar/index.mjs",
@@ -302,6 +347,14 @@
     "qy-tab-pane/index.d.ts",
     "qy-steps/index.d.ts",
     "qy-step/index.d.ts",
+    "qy-icon/index.d.ts",
+    "qy-fullscreen/index.d.ts",
+    "qy-icon-picker/index.d.ts",
+    "qy-row/index.d.ts",
+    "qy-col/index.d.ts",
+    "qy-container/index.d.ts",
+    "qy-aside/index.d.ts",
+    "qy-main/index.d.ts",
     "qy-descriptions/index.d.ts",
     "qy-descriptions-item/index.d.ts",
     "qy-collapse/index.d.ts",
@@ -313,6 +366,7 @@
     "qy-card/index.d.ts",
     "qy-scrollbar/index.d.ts",
     "qy-progress/index.d.ts",
+    "qy-statistic/index.d.ts",
     "qy-avatar/index.d.ts",
     "qy-popover/index.d.ts",
     "qy-image/index.d.ts",

package/qy-aside/index.d.ts

@@ -0,0 +1,47 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export interface QyAsideProps {
+  width?: string
+}
+
+export interface QyAsideAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyAsideSlots {
+  default?: () => unknown
+}
+
+type QyAsideComponentProps = QyAsideProps & QyAsideAttrs
+
+declare const QyAside: DefineComponent<
+  QyAsideProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyAsideComponentProps,
+  {},
+  SlotsType<QyAsideSlots>
+> & Plugin
+
+export { QyAside }
+export default QyAside

package/qy-col/index.d.ts

@@ -0,0 +1,65 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export interface QyColSizeObject {
+  span?: number
+  offset?: number
+  pull?: number
+  push?: number
+}
+
+export type QyColSize = number | QyColSizeObject
+
+export interface QyColProps {
+  tag?: string
+  span?: number
+  offset?: number
+  pull?: number
+  push?: number
+  xs?: QyColSize
+  sm?: QyColSize
+  md?: QyColSize
+  lg?: QyColSize
+  xl?: QyColSize
+}
+
+export interface QyColAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyColSlots {
+  default?: () => unknown
+}
+
+type QyColComponentProps = QyColProps & QyColAttrs
+
+declare const QyCol: DefineComponent<
+  QyColProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyColComponentProps,
+  {},
+  SlotsType<QyColSlots>
+> & Plugin
+
+export { QyCol }
+export default QyCol

package/qy-container/index.d.ts

@@ -0,0 +1,49 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export type QyContainerDirection = 'horizontal' | 'vertical'
+
+export interface QyContainerProps {
+  direction?: QyContainerDirection
+}
+
+export interface QyContainerAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyContainerSlots {
+  default?: () => unknown
+}
+
+type QyContainerComponentProps = QyContainerProps & QyContainerAttrs
+
+declare const QyContainer: DefineComponent<
+  QyContainerProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyContainerComponentProps,
+  {},
+  SlotsType<QyContainerSlots>
+> & Plugin
+
+export { QyContainer }
+export default QyContainer

package/qy-fullscreen/index.d.ts

@@ -0,0 +1,72 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType
+} from 'vue'
+
+export type QyFullscreenSize = 'small' | 'default' | 'large'
+
+export type QyFullscreenAction = 'enter' | 'exit'
+
+export type QyFullscreenErrorCode =
+  | 'unsupported'
+  | 'target-unavailable'
+  | 'request-rejected'
+
+export interface QyFullscreenErrorSnapshot {
+  readonly action: QyFullscreenAction
+  readonly code: QyFullscreenErrorCode
+  readonly message: string
+}
+
+export interface QyFullscreenProps {
+  target?: HTMLElement | null
+  disabled?: boolean
+  size?: QyFullscreenSize
+  enterLabel?: string
+  exitLabel?: string
+  enterIcon?: string | number
+  exitIcon?: string | number
+}
+
+export interface QyFullscreenExposed {
+  enter(): Promise<boolean>
+  exit(): Promise<boolean>
+  toggle(): Promise<boolean>
+}
+
+export type QyFullscreenEmits = {
+  change: (isFullscreen: boolean) => void
+  error: (snapshot: QyFullscreenErrorSnapshot) => void
+}
+
+export interface QyFullscreenSlots {
+  'enter-icon'?: () => unknown
+  'exit-icon'?: () => unknown
+}
+
+type QyFullscreenComponentProps = QyFullscreenProps & {
+  onChange?: QyFullscreenEmits['change']
+  onError?: QyFullscreenEmits['error']
+}
+
+declare const QyFullscreen: DefineComponent<
+  QyFullscreenProps,
+  QyFullscreenExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyFullscreenEmits,
+  string,
+  PublicProps,
+  QyFullscreenComponentProps,
+  {},
+  SlotsType<QyFullscreenSlots>
+> & Plugin
+
+export { QyFullscreen }
+export default QyFullscreen

package/qy-icon/index.d.ts

@@ -0,0 +1,105 @@
+import type { Component, DefineComponent, InjectionKey, Plugin, StyleValue } from 'vue'
+
+export type QyIconSource = 'symbol' | 'component' | 'class'
+
+export type QyIconDefinition =
+  | Readonly<{
+      name: string
+      source: 'symbol'
+      value: string
+      label?: string
+      keywords?: readonly string[]
+    }>
+  | Readonly<{
+      name: string
+      source: 'component'
+      value: Component
+      label?: string
+      keywords?: readonly string[]
+    }>
+  | Readonly<{
+      name: string
+      source: 'class'
+      value: string
+      label?: string
+      keywords?: readonly string[]
+    }>
+
+export type QyIconDefinitionInput =
+  | {
+      name: string | number
+      source: 'symbol'
+      value: string
+      label?: string
+      keywords?: readonly string[]
+    }
+  | {
+      name: string | number
+      source: 'component'
+      value: Component
+      label?: string
+      keywords?: readonly string[]
+    }
+  | {
+      name: string | number
+      source: 'class'
+      value: string
+      label?: string
+      keywords?: readonly string[]
+    }
+
+export type QyIconAlias = Readonly<{
+  name: string | number
+  target: string | number
+}>
+
+export type QyIconAliases =
+  | Readonly<Record<string, string | number>>
+  | readonly QyIconAlias[]
+
+export type QyIconRegistryOptions = Readonly<{
+  icons: readonly QyIconDefinitionInput[]
+  aliases?: QyIconAliases
+}>
+
+export interface QyIconRegistry {
+  resolve(name: string | number): QyIconDefinition | undefined
+  has(name: string | number): boolean
+  list(): readonly QyIconDefinition[]
+}
+
+export interface QyIconAttrs {
+  class?: string
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyIconProps {
+  name?: string | number
+  icon?: Component
+  size?: number | string
+  color?: string
+  spin?: boolean
+  label?: string
+}
+
+export interface QyIconFallbackSlotProps {
+  readonly name: string
+}
+
+export interface QyIconSlots {
+  fallback?: (props: QyIconFallbackSlotProps) => unknown
+}
+
+export const QY_ICON_REGISTRY_KEY: InjectionKey<QyIconRegistry>
+export function createQyIconRegistry(options: QyIconRegistryOptions): QyIconRegistry
+export function mergeQyIconRegistries(...registries: readonly QyIconRegistry[]): QyIconRegistry
+export function createQyIconPlugin(registry: QyIconRegistry): Plugin
+export function normalizeQyIconName(value: string | number): string
+
+export const QyIcon: DefineComponent<QyIconProps & QyIconAttrs, any, any> & Plugin
+export default QyIcon

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

@@ -0,0 +1,56 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+
+export type QyIconPickerSize = 'small' | 'default' | 'large'
+export type QyIconPickerModelValue = string | null | undefined
+
+export interface QyIconPickerProps {
+  modelValue?: QyIconPickerModelValue
+  allowedNames?: readonly (string | number)[]
+  disabled?: boolean
+  clearable?: boolean
+  size?: QyIconPickerSize
+  placeholder?: string
+  searchPlaceholder?: string
+  emptyText?: string
+  panelWidth?: number | string
+  open?: boolean
+  id?: string
+  ariaLabel?: string
+}
+
+export type QyIconPickerEmits = {
+  'update:modelValue': (value: string) => void
+  change: (value: string) => void
+  clear: () => void
+  'update:open': (value: boolean) => void
+  'open-change': (value: boolean) => void
+}
+
+export interface QyIconPickerExposed {
+  focus: () => void
+  blur: () => void
+  open: () => void
+  close: () => void
+}
+
+export interface QyIconPickerSlots {
+  empty?: () => unknown
+}
+
+declare const QyIconPicker: DefineComponent<
+  QyIconPickerProps,
+  QyIconPickerExposed,
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyIconPickerEmits
+> & Plugin
+
+export { QyIconPicker }
+export default QyIconPicker

package/qy-main/index.d.ts

@@ -0,0 +1,45 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export interface QyMainProps {}
+
+export interface QyMainAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyMainSlots {
+  default?: () => unknown
+}
+
+type QyMainComponentProps = QyMainProps & QyMainAttrs
+
+declare const QyMain: DefineComponent<
+  QyMainProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyMainComponentProps,
+  {},
+  SlotsType<QyMainSlots>
+> & Plugin
+
+export { QyMain }
+export default QyMain

package/qy-row/index.d.ts

@@ -0,0 +1,59 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export type QyRowJustify =
+  | 'start'
+  | 'center'
+  | 'end'
+  | 'space-around'
+  | 'space-between'
+  | 'space-evenly'
+export type QyRowAlign = 'top' | 'middle' | 'bottom'
+
+export interface QyRowProps {
+  tag?: string
+  gutter?: number
+  justify?: QyRowJustify
+  align?: QyRowAlign
+}
+
+export interface QyRowAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  title?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyRowSlots {
+  default?: () => unknown
+}
+
+type QyRowComponentProps = QyRowProps & QyRowAttrs
+
+declare const QyRow: DefineComponent<
+  QyRowProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyRowComponentProps,
+  {},
+  SlotsType<QyRowSlots>
+> & Plugin
+
+export { QyRow }
+export default QyRow

package/qy-statistic/index.d.ts

@@ -0,0 +1,61 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType,
+  StyleValue
+} from 'vue'
+
+export type QyStatisticFormatter = (value: number) => string | number
+
+export interface QyStatisticProps {
+  value?: number
+  precision?: number
+  decimalSeparator?: string
+  groupSeparator?: string
+  formatter?: QyStatisticFormatter
+  valueStyle?: StyleValue
+  title?: string
+  prefix?: string
+  suffix?: string
+  animated?: boolean
+  duration?: number
+  startValue?: number
+}
+
+export interface QyStatisticAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyStatisticSlots {
+  title?: () => unknown
+  prefix?: () => unknown
+  suffix?: () => unknown
+}
+
+type QyStatisticComponentProps = QyStatisticProps & QyStatisticAttrs
+
+declare const QyStatistic: DefineComponent<
+  QyStatisticComponentProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyStatisticComponentProps,
+  {},
+  SlotsType<QyStatisticSlots>
+> & Plugin
+
+export { QyStatistic }
+export default QyStatistic