@qynpm/ui 1.0.28 → 1.0.32

package/dist/shared/index.vue_vue_type_style_index_0_lang-lmRmXLwB.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),f=require("element-plus"),n=["success","warning","info","error"],a=["401","403","404","500"],m=t=>t==="class"||t==="style"||t==="id"||t==="role"||t==="title"||t.startsWith("data-")||t.startsWith("aria-"),o={status:{type:String,default:"info",validator:t=>[...n,...a].includes(t)},title:{type:String,default:""},description:{type:String,default:""},image:{type:String,default:""},imageAlt:{type:String,default:""}},v=i.defineComponent({name:"QyResult",inheritAttrs:!1,props:o,setup(t,{attrs:r,slots:e}){const u=i.computed(()=>Object.fromEntries(Object.entries(r).filter(([s])=>m(s)))),l=i.computed(()=>["qy-result",`qy-result--${t.status}`,u.value.class]),c=i.computed(()=>["qy-result__renderer",`qy-result--${t.status}`]),d=()=>{if(e.visual)return e.visual();if(t.image)return i.h("img",{class:"qy-result__image",src:t.image,alt:t.imageAlt});if(a.includes(t.status))return i.h("div",{class:"qy-result__http-visual","aria-hidden":"true"},t.status)};return()=>{const s={};return(e.visual||t.image||a.includes(t.status))&&(s.icon=d),e.title&&(s.title=e.title),e.description&&(s["sub-title"]=e.description),e.actions&&(s.extra=e.actions),i.h("div",{...u.value,class:l.value,title:t.title},[i.h(f.ElResult,{class:c.value,icon:n.includes(t.status)?t.status:void 0,title:e.title?"":t.title,subTitle:e.description?"":t.description},s)])}}});exports._sfc_main=v;

package/index.d.ts

@@ -18,17 +18,28 @@ 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 QyFullscreenComponent from './qy-fullscreen'
+import type QyDrawerComponent from './qy-drawer'
+import type QyIconComponent from './qy-icon'
+import type QyIconPickerComponent from './qy-icon-picker'
+import type QyRowComponent from './qy-row'
+import type QyColComponent from './qy-col'
+import type QyContainerComponent from './qy-container'
+import type QyAsideComponent from './qy-aside'
+import type QyMainComponent from './qy-main'
 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 QyEmptyComponent from './qy-empty'
+import type QyAlertComponent from './qy-alert'
+import type QyCardComponent from './qy-card'
+import type QyResultComponent from './qy-result'
+import type QyScrollbarComponent from './qy-scrollbar'
 import type QyProgressComponent from './qy-progress'
+import type QyStatisticComponent from './qy-statistic'
 import type QyAvatarComponent from './qy-avatar'
 import type QyTreeComponent from './qy-tree'
 import type QyInputComponent from './qy-input'
@@ -204,6 +215,88 @@ export type {
   QyStepProps,
   QyStepSlots
 } from './qy-step'
+export type {
+  QyIconAlias,
+  QyIconAliases,
+  QyIconAttrs,
+  QyIconDefinition,
+  QyIconDefinitionInput,
+  QyIconFallbackSlotProps,
+  QyIconProps,
+  QyIconRegistry,
+  QyIconRegistryOptions,
+  QyIconSlots,
+  QyIconSource
+} from './qy-icon'
+export type {
+  QyFullscreenAction,
+  QyFullscreenEmits,
+  QyFullscreenErrorCode,
+  QyFullscreenErrorSnapshot,
+  QyFullscreenExposed,
+  QyFullscreenProps,
+  QyFullscreenSize,
+  QyFullscreenSlots
+} from './qy-fullscreen'
+export type {
+  QyLoadingDirectiveOptions,
+  QyLoadingDirectiveValue,
+  QyLoadingHandle,
+  QyLoadingServiceOptions
+} from './qy-loading'
+export type {
+  QyDrawerCloseReason,
+  QyDrawerEmits,
+  QyDrawerPlacement,
+  QyDrawerProps,
+  QyDrawerSlotProps,
+  QyDrawerSlots
+} from './qy-drawer'
+export type {
+  QyIconPickerEmits,
+  QyIconPickerExposed,
+  QyIconPickerModelValue,
+  QyIconPickerProps,
+  QyIconPickerSize,
+  QyIconPickerSlots
+} from './qy-icon-picker'
+export {
+  QY_ICON_REGISTRY_KEY,
+  createQyIconPlugin,
+  createQyIconRegistry,
+  mergeQyIconRegistries,
+  normalizeQyIconName
+} from './qy-icon'
+export type {
+  QyRowAlign,
+  QyRowAttrs,
+  QyRowJustify,
+  QyRowProps,
+  QyRowSlots
+} from './qy-row'
+export type {
+  QyColAttrs,
+  QyColProps,
+  QyColSize,
+  QyColSizeObject,
+  QyColSlots
+} from './qy-col'
+export type {
+  QyContainerAttrs,
+  QyContainerDirection,
+  QyContainerProps,
+  QyContainerSlots
+} from './qy-container'
+export type {
+  QyAsideAttrs,
+  QyAsideProps,
+  QyAsideSlots
+} from './qy-aside'
+export type {
+  QyMainAttrs,
+  QyMainProps,
+  QyMainSlots
+} from './qy-main'
 export type {
   QyDescriptionsDirection,
   QyDescriptionsEmits,
@@ -260,14 +353,20 @@ export type {
   QyAlertSlots,
   QyAlertType
 } from './qy-alert'
-export type {
-  QyCardAttrs,
-  QyCardEmits,
-  QyCardProps,
-  QyCardShadow,
-  QyCardSlots
-} from './qy-card'
-export type {
+export type {
+  QyCardAttrs,
+  QyCardEmits,
+  QyCardProps,
+  QyCardShadow,
+  QyCardSlots
+} from './qy-card'
+export type {
+  QyResultAttrs,
+  QyResultProps,
+  QyResultSlots,
+  QyResultStatus
+} from './qy-result'
+export type {
   QyScrollbarAttrs,
   QyScrollbarDirection,
   QyScrollbarEmits,
@@ -288,6 +387,12 @@ export type {
   QyProgressStrokeLinecap,
   QyProgressType
 } from './qy-progress'
+export type {
+  QyStatisticAttrs,
+  QyStatisticFormatter,
+  QyStatisticProps,
+  QyStatisticSlots
+} from './qy-statistic'
 export type {
   QyAvatarAttrs,
   QyAvatarEmits,
@@ -370,18 +475,32 @@ 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 QyStep: typeof QyStepComponent
+export const QyFullscreen: typeof QyFullscreenComponent
+export const QyDrawer: typeof QyDrawerComponent
+export const QyLoading: Plugin
+export const vQyLoading: typeof import('./qy-loading').vQyLoading
+export const openQyLoading: typeof import('./qy-loading').openQyLoading
+export const QyIcon: typeof QyIconComponent
+export const QyIconPicker: typeof QyIconPickerComponent
+export const QyRow: typeof QyRowComponent
+export const QyCol: typeof QyColComponent
+export const QyContainer: typeof QyContainerComponent
+export const QyAside: typeof QyAsideComponent
+export const QyMain: typeof QyMainComponent
 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 QyEmpty: typeof QyEmptyComponent
+export const QyAlert: typeof QyAlertComponent
+export const QyCard: typeof QyCardComponent
+export const QyResult: typeof QyResultComponent
+export const QyScrollbar: typeof QyScrollbarComponent
 export const QyProgress: typeof QyProgressComponent
+export const QyStatistic: typeof QyStatisticComponent
 export const QyAvatar: typeof QyAvatarComponent
 export const QyTree: typeof QyTreeComponent
 export const QyRemarkImage: Plugin
@@ -440,19 +559,33 @@ declare const _default: Plugin & {
   QySkeletonItem: typeof QySkeletonItemComponent
   QyTabs: typeof QyTabsComponent
   QyTabPane: typeof QyTabPaneComponent
-  QySteps: typeof QyStepsComponent
-  QyStep: typeof QyStepComponent
+  QySteps: typeof QyStepsComponent
+  QyStep: typeof QyStepComponent
+  QyFullscreen: typeof QyFullscreenComponent
+  QyDrawer: typeof QyDrawerComponent
+  QyLoading: typeof QyLoading
+  vQyLoading: typeof vQyLoading
+  openQyLoading: typeof openQyLoading
+  QyIcon: typeof QyIconComponent
+  QyIconPicker: typeof QyIconPickerComponent
+  QyRow: typeof QyRowComponent
+  QyCol: typeof QyColComponent
+  QyContainer: typeof QyContainerComponent
+  QyAside: typeof QyAsideComponent
+  QyMain: typeof QyMainComponent
   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
+  QyEmpty: typeof QyEmptyComponent
+  QyAlert: typeof QyAlertComponent
+  QyCard: typeof QyCardComponent
+  QyResult: typeof QyResultComponent
+  QyScrollbar: typeof QyScrollbarComponent
   QyProgress: typeof QyProgressComponent
+  QyStatistic: typeof QyStatisticComponent
   QyAvatar: typeof QyAvatarComponent
   QyTree: typeof QyTreeComponent
   QyRemarkImage: typeof QyRemarkImage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.28",
+  "version": "1.0.32",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -83,6 +83,61 @@
       "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-loading": {
+      "types": "./qy-loading/index.d.ts",
+      "import": "./dist/qy-loading/index.mjs",
+      "require": "./dist/qy-loading/index.cjs"
+    },
+    "./qy-drawer": {
+      "types": "./qy-drawer/index.d.ts",
+      "import": "./dist/qy-drawer/index.mjs",
+      "require": "./dist/qy-drawer/index.cjs"
+    },
+    "./qy-result": {
+      "types": "./qy-result/index.d.ts",
+      "import": "./dist/qy-result/index.mjs",
+      "require": "./dist/qy-result/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 +193,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 +362,17 @@
     "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-loading/index.d.ts",
+    "qy-drawer/index.d.ts",
+    "qy-result/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 +384,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",
@@ -354,6 +426,7 @@
     "clsx": ">=2.0.0"
   },
   "dependencies": {
+    "@qynpm/hooks": "^1.0.4",
     "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1"

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

@@ -0,0 +1,55 @@
+import type { DefineComponent, Plugin } from 'vue'
+
+export type QyDrawerPlacement = 'left' | 'right' | 'top' | 'bottom'
+export type QyDrawerCloseReason = 'close-button' | 'mask' | 'escape'
+
+export interface QyDrawerProps {
+  modelValue: boolean
+  placement?: QyDrawerPlacement
+  size?: string | number
+  title?: string
+  showHeader?: boolean
+  showClose?: boolean
+  showOverlay?: boolean
+  closeOnMask?: boolean
+  closeOnEscape?: boolean
+  destroyOnClose?: boolean
+  lockScroll?: boolean
+  autoFocus?: boolean
+  restoreFocus?: boolean
+  closeDisabled?: boolean
+  teleportTo?: string | HTMLElement
+  bodyPadding?: 'default' | 'none'
+  overlayVariant?: 'default' | 'transparent'
+}
+
+export interface QyDrawerEmits {
+  'update:modelValue': (value: boolean) => void
+  close: (reason: QyDrawerCloseReason) => void
+  opened: () => void
+  closed: () => void
+}
+
+export interface QyDrawerSlotProps {
+  close: () => void
+  titleId?: string
+}
+
+export interface QyDrawerSlots {
+  header?: (props: QyDrawerSlotProps) => unknown
+  default?: (props: QyDrawerSlotProps) => unknown
+  footer?: (props: QyDrawerSlotProps) => unknown
+}
+
+declare const QyDrawer: DefineComponent<
+  QyDrawerProps,
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  QyDrawerEmits
+> & Plugin
+
+export default QyDrawer

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