@qynpm/ui 1.0.33 → 1.0.34

package/index.d.ts

@@ -12,6 +12,7 @@ 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 QyPopconfirmComponent from './qy-popconfirm'
 import type QySkeletonComponent from './qy-skeleton'
 import type QySkeletonItemComponent from './qy-skeleton-item'
 import type QyTabsComponent from './qy-tabs'
@@ -22,6 +23,7 @@ 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 QyColorPickerComponent from './qy-color-picker'
 import type QyRowComponent from './qy-row'
 import type QyColComponent from './qy-col'
 import type QyContainerComponent from './qy-container'
@@ -32,11 +34,13 @@ 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 QyIframeComponent from './qy-iframe'
 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 QyResultComponent from './qy-result'
+import type QyWatermarkComponent from './qy-watermark'
 import type QyDialogComponent from './qy-dialog'
 import type QyScrollbarComponent from './qy-scrollbar'
 import type QyProgressComponent from './qy-progress'
@@ -177,6 +181,13 @@ export type {
   QyPopoverProps,
   QyPopoverTrigger
 } from './qy-popover'
+export type {
+  QyPopconfirmCloseReason,
+  QyPopconfirmConfirmType,
+  QyPopconfirmEmits,
+  QyPopconfirmProps,
+  QyPopconfirmVariant
+} from './qy-popconfirm'
 export type {
   QyDialogCloseReason,
   QyDialogEmits,
@@ -266,6 +277,13 @@ export type {
   QyIconPickerSize,
   QyIconPickerSlots
 } from './qy-icon-picker'
+export type {
+  QyColorPickerEmits,
+  QyColorPickerFormat,
+  QyColorPickerModelValue,
+  QyColorPickerProps,
+  QyColorPickerSize
+} from './qy-color-picker'
 export {
   QY_ICON_REGISTRY_KEY,
   createQyIconPlugin,
@@ -338,6 +356,13 @@ export type {
   QyLinkType,
   QyLinkUnderline
 } from './qy-link'
+export type {
+  QyIframeAttrs,
+  QyIframeEmits,
+  QyIframeLoading,
+  QyIframeProps,
+  QyIframeReferrerPolicy
+} from './qy-iframe'
 export type {
   QyDividerAttrs,
   QyDividerBorderStyle,
@@ -372,6 +397,12 @@ export type {
   QyResultSlots,
   QyResultStatus
 } from './qy-result'
+export type {
+  QyWatermarkAttrs,
+  QyWatermarkFont,
+  QyWatermarkProps,
+  QyWatermarkSlots
+} from './qy-watermark'
 export type {
   QyScrollbarAttrs,
   QyScrollbarDirection,
@@ -476,6 +507,7 @@ export const QyBadge: typeof QyBadgeComponent
 export const QyCascader: typeof QyCascaderComponent
 export const QyTooltip: typeof QyTooltipComponent
 export const QyPopover: typeof QyPopoverComponent
+export const QyPopconfirm: typeof QyPopconfirmComponent
 export const QySkeleton: typeof QySkeletonComponent
 export const QySkeletonItem: typeof QySkeletonItemComponent
 export const QyTabs: typeof QyTabsComponent
@@ -489,6 +521,7 @@ 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 QyColorPicker: typeof QyColorPickerComponent
 export const QyRow: typeof QyRowComponent
 export const QyCol: typeof QyColComponent
 export const QyContainer: typeof QyContainerComponent
@@ -499,11 +532,13 @@ export const QyDescriptionsItem: typeof QyDescriptionsItemComponent
 export const QyCollapse: typeof QyCollapseComponent
 export const QyCollapseItem: typeof QyCollapseItemComponent
 export const QyLink: typeof QyLinkComponent
+export const QyIframe: typeof QyIframeComponent
 export const QyDivider: typeof QyDividerComponent
 export const QyEmpty: typeof QyEmptyComponent
 export const QyAlert: typeof QyAlertComponent
 export const QyCard: typeof QyCardComponent
 export const QyResult: typeof QyResultComponent
+export const QyWatermark: typeof QyWatermarkComponent
 export const QyScrollbar: typeof QyScrollbarComponent
 export const QyProgress: typeof QyProgressComponent
 export const QyStatistic: typeof QyStatisticComponent
@@ -561,6 +596,7 @@ declare const _default: Plugin & {
   QyCascader: typeof QyCascader
   QyTooltip: typeof QyTooltip
   QyPopover: typeof QyPopover
+  QyPopconfirm: typeof QyPopconfirm
   QySkeleton: typeof QySkeletonComponent
   QySkeletonItem: typeof QySkeletonItemComponent
   QyTabs: typeof QyTabsComponent
@@ -574,6 +610,7 @@ declare const _default: Plugin & {
   openQyLoading: typeof openQyLoading
   QyIcon: typeof QyIconComponent
   QyIconPicker: typeof QyIconPickerComponent
+  QyColorPicker: typeof QyColorPickerComponent
   QyRow: typeof QyRowComponent
   QyCol: typeof QyColComponent
   QyContainer: typeof QyContainerComponent
@@ -584,11 +621,13 @@ declare const _default: Plugin & {
   QyCollapse: typeof QyCollapseComponent
   QyCollapseItem: typeof QyCollapseItemComponent
   QyLink: typeof QyLinkComponent
+  QyIframe: typeof QyIframeComponent
   QyDivider: typeof QyDividerComponent
   QyEmpty: typeof QyEmptyComponent
   QyAlert: typeof QyAlertComponent
   QyCard: typeof QyCardComponent
   QyResult: typeof QyResultComponent
+  QyWatermark: typeof QyWatermarkComponent
   QyScrollbar: typeof QyScrollbarComponent
   QyProgress: typeof QyProgressComponent
   QyStatistic: typeof QyStatisticComponent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qynpm/ui",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "description": "起印公共 UI 组件包。",
   "author": "qy",
   "license": "MIT",
@@ -108,11 +108,21 @@
       "import": "./dist/qy-result/index.mjs",
       "require": "./dist/qy-result/index.cjs"
     },
+    "./qy-watermark": {
+      "types": "./qy-watermark/index.d.ts",
+      "import": "./dist/qy-watermark/index.mjs",
+      "require": "./dist/qy-watermark/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-color-picker": {
+      "types": "./qy-color-picker/index.d.ts",
+      "import": "./dist/qy-color-picker/index.mjs",
+      "require": "./dist/qy-color-picker/index.cjs"
+    },
     "./qy-row": {
       "types": "./qy-row/index.d.ts",
       "import": "./dist/qy-row/index.mjs",
@@ -163,6 +173,11 @@
       "import": "./dist/qy-link/index.mjs",
       "require": "./dist/qy-link/index.cjs"
     },
+    "./qy-iframe": {
+      "types": "./qy-iframe/index.d.ts",
+      "import": "./dist/qy-iframe/index.mjs",
+      "require": "./dist/qy-iframe/index.cjs"
+    },
     "./qy-divider": {
       "types": "./qy-divider/index.d.ts",
       "import": "./dist/qy-divider/index.mjs",
@@ -208,6 +223,11 @@
       "import": "./dist/qy-popover/index.mjs",
       "require": "./dist/qy-popover/index.cjs"
     },
+    "./qy-popconfirm": {
+      "types": "./qy-popconfirm/index.d.ts",
+      "import": "./dist/qy-popconfirm/index.mjs",
+      "require": "./dist/qy-popconfirm/index.cjs"
+    },
     "./qy-image": {
       "types": "./qy-image/index.d.ts",
       "import": "./dist/qy-image/index.mjs",
@@ -367,7 +387,9 @@
     "qy-loading/index.d.ts",
     "qy-drawer/index.d.ts",
     "qy-result/index.d.ts",
+    "qy-watermark/index.d.ts",
     "qy-icon-picker/index.d.ts",
+    "qy-color-picker/index.d.ts",
     "qy-row/index.d.ts",
     "qy-col/index.d.ts",
     "qy-container/index.d.ts",
@@ -378,6 +400,7 @@
     "qy-collapse/index.d.ts",
     "qy-collapse-item/index.d.ts",
     "qy-link/index.d.ts",
+    "qy-iframe/index.d.ts",
     "qy-divider/index.d.ts",
     "qy-empty/index.d.ts",
     "qy-alert/index.d.ts",
@@ -387,6 +410,7 @@
     "qy-statistic/index.d.ts",
     "qy-avatar/index.d.ts",
     "qy-popover/index.d.ts",
+    "qy-popconfirm/index.d.ts",
     "qy-image/index.d.ts",
     "qy-image-preview/index.d.ts",
     "qy-image-upload/index.d.ts",

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

@@ -0,0 +1,36 @@
+import type { ComponentOptionsMixin, DefineComponent, Plugin } from 'vue'
+
+export type QyColorPickerModelValue = string | null | undefined
+export type QyColorPickerFormat = 'hex' | 'rgb'
+export type QyColorPickerSize = 'small' | 'default' | 'large'
+
+export interface QyColorPickerProps {
+  modelValue?: QyColorPickerModelValue
+  format?: QyColorPickerFormat
+  showAlpha?: boolean
+  predefine?: string[]
+  size?: QyColorPickerSize
+  disabled?: boolean
+  clearable?: boolean
+}
+
+export type QyColorPickerEmits = {
+  'update:modelValue': (value: string | null) => void
+  'active-change': (value: string | null) => void
+  change: (value: string | null) => void
+  'visible-change': (visible: boolean) => void
+}
+
+declare const QyColorPicker: DefineComponent<
+  QyColorPickerProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyColorPickerEmits
+> & Plugin
+
+export { QyColorPicker }
+export default QyColorPicker

package/qy-iframe/index.d.ts

@@ -0,0 +1,66 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps
+} from 'vue'
+import type { StyleValue } from 'vue'
+
+export type QyIframeLoading = 'eager' | 'lazy'
+export type QyIframeReferrerPolicy =
+  | 'no-referrer'
+  | 'no-referrer-when-downgrade'
+  | 'origin'
+  | 'origin-when-cross-origin'
+  | 'same-origin'
+  | 'strict-origin'
+  | 'strict-origin-when-cross-origin'
+  | 'unsafe-url'
+
+export interface QyIframeProps {
+  src: string
+  title: string
+  reloadKey?: string | number
+  loading?: QyIframeLoading
+  sandbox?: string
+  allow?: string
+  referrerPolicy?: QyIframeReferrerPolicy
+  allowFullscreen?: boolean
+}
+
+export interface QyIframeAttrs {
+  tabindex?: string | number
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  role?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export type QyIframeEmits = {
+  load: () => unknown
+  error: () => unknown
+}
+
+type QyIframeComponentProps = QyIframeProps & QyIframeAttrs & {
+  onLoad?: QyIframeEmits['load']
+  onError?: QyIframeEmits['error']
+}
+
+declare const QyIframe: DefineComponent<
+  QyIframeProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyIframeEmits,
+  string,
+  PublicProps,
+  QyIframeComponentProps
+> & Plugin
+
+export { QyIframe }
+export default QyIframe

package/qy-popconfirm/index.d.ts

@@ -0,0 +1,55 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin
+} from 'vue'
+import type { QyPopoverPlacement } from '../qy-popover'
+
+export type QyPopconfirmVariant = 'warning' | 'danger' | 'info'
+export type QyPopconfirmConfirmType = 'primary' | 'danger'
+export type QyPopconfirmCloseReason =
+  | 'confirm'
+  | 'cancel'
+  | 'outside'
+  | 'escape'
+  | 'trigger'
+  | 'external'
+  | 'disabled'
+
+export interface QyPopconfirmProps {
+  title: string
+  open?: boolean
+  disabled?: boolean
+  placement?: QyPopoverPlacement
+  width?: number | string
+  confirmText?: string
+  cancelText?: string
+  variant?: QyPopconfirmVariant
+  confirmType?: QyPopconfirmConfirmType
+  showIcon?: boolean
+  confirmLoading?: boolean
+  closeOnConfirm?: boolean
+}
+
+export type QyPopconfirmEmits = {
+  'update:open': (value: boolean) => void
+  'open-change': (value: boolean) => void
+  confirm: () => void
+  cancel: () => void
+  close: (reason: QyPopconfirmCloseReason) => void
+}
+
+declare const QyPopconfirm: DefineComponent<
+  QyPopconfirmProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  QyPopconfirmEmits
+> &
+  Plugin
+
+export { QyPopconfirm }
+export default QyPopconfirm

package/qy-watermark/index.d.ts

@@ -0,0 +1,72 @@
+import type {
+  ComponentOptionsMixin,
+  DefineComponent,
+  Plugin,
+  PublicProps,
+  SlotsType
+} from 'vue'
+import type { StyleValue } from 'vue'
+
+export interface QyWatermarkFont {
+  color?: string
+  fontSize?: number | string
+  fontWeight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number
+  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'
+  fontFamily?: string
+  fontGap?: number
+  textAlign?: 'start' | 'end' | 'left' | 'right' | 'center'
+  textBaseline?:
+    | 'top'
+    | 'hanging'
+    | 'middle'
+    | 'alphabetic'
+    | 'ideographic'
+    | 'bottom'
+}
+
+export interface QyWatermarkProps {
+  content?: string | string[]
+  image?: string
+  zIndex?: number
+  rotate?: number
+  width?: number
+  height?: number
+  gap?: [number, number]
+  offset?: [number, number]
+  font?: QyWatermarkFont
+}
+
+export interface QyWatermarkAttrs {
+  class?: unknown
+  style?: StyleValue
+  id?: string
+  title?: string
+  role?: string
+  [key: `data-${string}`]: unknown
+  [key: `aria-${string}`]: unknown
+}
+
+export interface QyWatermarkSlots {
+  default?: () => unknown
+}
+
+type QyWatermarkComponentProps = QyWatermarkProps & QyWatermarkAttrs
+
+declare const QyWatermark: DefineComponent<
+  QyWatermarkComponentProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  QyWatermarkComponentProps,
+  {},
+  SlotsType<QyWatermarkSlots>
+> & Plugin
+
+export { QyWatermark }
+export default QyWatermark