@qynpm/ui 1.0.22 → 1.0.24

package/dist/shared/utils-DUntDntI.mjs

@@ -0,0 +1,112 @@
+import { h as d, createApp as m } from "vue";
+import { ElImageViewer as f } from "element-plus";
+const h = {
+  w: 200,
+  h: 200,
+  q: 50
+};
+function l(t) {
+  const r = String(t || "").trim();
+  return r ? r.includes("ys.diansan.com") ? r.replace(/^http:\/\//, "https://").replace("ys.diansan.com", "admin.qiyinbz.com") : r : "";
+}
+function w(t, r = !0) {
+  const n = String(t || "").trim();
+  if (!n) return "";
+  const e = l(n);
+  if (!r) return e;
+  const o = u(r);
+  return n.includes("ys.diansan.com") ? `${e}?small=true&style=image/resize,h_${o.h},w_${o.w}` : `${e}?w=${o.w}`;
+}
+async function S(t, r = {}) {
+  const n = l(t);
+  if (!n) throw new Error("图片地址不能为空");
+  const e = r.compressor ?? !0;
+  if (!e)
+    return {
+      src: n,
+      source: "original"
+    };
+  const o = w(t, e), i = r.loadBlob ?? g, a = r.compressBlob ?? b;
+  try {
+    return await i(o), {
+      src: o,
+      source: "thumbnail"
+    };
+  } catch {
+    const c = await i(n);
+    return {
+      src: await a(c, u(e)),
+      source: "fallback"
+    };
+  }
+}
+function _(t = {}) {
+  if (typeof document > "u") return { close() {
+  } };
+  const r = y(t.urlList, t.url);
+  if (!r.length) return { close() {
+  } };
+  const n = globalThis.__QY_IMAGE_PREVIEW_CREATE_APP__ ?? m, e = document.createElement("div"), o = document.body.style.overflow;
+  let i = !1, a;
+  const c = () => {
+    var s;
+    i || (i = !0, document.body.style.overflow = o, (s = a == null ? void 0 : a.unmount) == null || s.call(a), e.parentNode && e.parentNode.removeChild(e));
+  };
+  return document.body.appendChild(e), document.body.style.overflow = "hidden", a = n({
+    setup() {
+      return () => d(f, {
+        urlList: r,
+        initialIndex: t.initialIndex ?? 0,
+        hideOnClickModal: t.hideOnClickModal ?? !0,
+        teleport: "body",
+        onClose: c
+      });
+    }
+  }), a.mount(e), { close: c };
+}
+function u(t) {
+  return {
+    ...h,
+    ...typeof t == "object" ? t : {}
+  };
+}
+function y(t, r) {
+  return (Array.isArray(t) ? t : [r]).map((e) => l(e)).filter(Boolean);
+}
+async function g(t) {
+  const r = await fetch(t, { redirect: "follow" });
+  if (!r.ok) throw new Error(t);
+  return r.blob();
+}
+async function b(t, r) {
+  if (typeof document > "u" || typeof Image > "u")
+    return v(t);
+  const n = URL.createObjectURL(t);
+  try {
+    const e = await p(n), o = document.createElement("canvas"), i = I(e, r);
+    return o.width = Math.max(1, Math.round(e.naturalWidth * i)), o.height = Math.max(1, Math.round(e.naturalHeight * i)), o.getContext("2d").drawImage(e, 0, 0, o.width, o.height), o.toDataURL(t.type || "image/jpeg", r.q / 100);
+  } finally {
+    URL.revokeObjectURL(n);
+  }
+}
+function p(t) {
+  return new Promise((r, n) => {
+    const e = new Image();
+    e.onload = () => r(e), e.onerror = n, e.src = t;
+  });
+}
+function I(t, r) {
+  const n = r.w ? r.w / t.naturalWidth : 1, e = r.h ? r.h / t.naturalHeight : 1;
+  return Math.min(1, n, e);
+}
+function v(t) {
+  return new Promise((r, n) => {
+    const e = new FileReader();
+    e.onloadend = () => r(e.result), e.onerror = n, e.readAsDataURL(t);
+  });
+}
+export {
+  l as n,
+  _ as o,
+  S as r
+};

package/index.d.ts

@@ -1,4 +1,128 @@
-import type { App, Plugin } from 'vue'
+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,25 +132,32 @@ 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 QyMoneyInput: Plugin
-export const QyDatePicker: Plugin
-export const QyCheckbox: Plugin
+export const QyInput: typeof QyInputComponent
+export { QyInputNumber } from './qy-input-number'
+export const QyMoneyInput: 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 QyRemarkImage: 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
   text: string
@@ -52,10 +183,12 @@ declare const _default: Plugin & {
   QyButton: typeof QyButton
   QyDropdown: typeof QyDropdown
   QyInput: typeof QyInput
-  QyInputNumber: typeof QyInputNumber
-  QyMoneyInput: typeof QyMoneyInput
-  QyDatePicker: typeof QyDatePicker
-  QyCheckbox: typeof QyCheckbox
+  QyInputNumber: typeof QyInputNumber
+  QyMoneyInput: typeof QyMoneyInput
+  QyDatePicker: typeof QyDatePickerComponent
+  QyCheckbox: typeof QyCheckbox
+  QyCheckboxGroup: typeof QyCheckboxGroup
+  QyRadio: typeof QyRadio
   QyAutocomplete: typeof QyAutocomplete
   QyMenuActions: typeof QyMenuActions
   QyTableColumnSettings: typeof QyTableColumnSettings
@@ -68,8 +201,13 @@ declare const _default: Plugin & {
   QySelectionDialog: typeof QySelectionDialog
   QyLegacySelectionDialog: typeof QyLegacySelectionDialog
   QyFormSection: typeof QyFormSection
-  QyActionBar: typeof QyActionBar
-  QyRemarkImage: typeof QyRemarkImage
-}
+  QyActionBar: typeof QyActionBar
+  QyFilePicker: typeof QyFilePicker
+  QySwitch: typeof QySwitch
+  QyTag: typeof QyTag
+  QyTooltip: typeof QyTooltip
+  QyPopover: typeof QyPopover
+  QyRemarkImage: typeof QyRemarkImage
+}
 
 export default _default