yuang-framework-ui-pc 1.1.40 → 1.1.42

package/lib/ele-cropper/components/cropper-preview.cjs

@@ -1,73 +0,0 @@
-"use strict";
-const vue = require("vue");
-const _sfc_main = vue.defineComponent({
-  name: "CropperPreview",
-  props: {
-    /** 组件宽度 */
-    previewWidth: {
-      type: Number,
-      required: true
-    },
-    /** 裁剪比例 */
-    aspectRatio: Number
-  },
-  setup() {
-    const rootRef = vue.ref(null);
-    const getPreviews = () => {
-      if (!rootRef.value) {
-        return;
-      }
-      return rootRef.value.querySelectorAll(".ele-cropper-preview");
-    };
-    return { rootRef, getPreviews };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "rootRef",
-    class: "ele-cropper-previews",
-    style: vue.normalizeStyle({ width: `${_ctx.previewWidth + 14}px` })
-  }, [
-    vue.createElementVNode("div", {
-      class: "ele-cropper-preview",
-      style: vue.normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / (_ctx.aspectRatio || 1)}px`,
-        marginTop: "0px"
-      })
-    }, null, 4),
-    _ctx.aspectRatio === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: "ele-cropper-preview is-circle",
-      style: vue.normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / _ctx.aspectRatio}px`
-      })
-    }, null, 4)) : _ctx.aspectRatio ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      vue.createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: vue.normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${(_ctx.previewWidth / 3 * 2 - 10) / _ctx.aspectRatio}px`
-        })
-      }, null, 4),
-      vue.createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: vue.normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${_ctx.previewWidth / 3 / _ctx.aspectRatio}px`,
-          marginLeft: "10px"
-        })
-      }, null, 4)
-    ], 64)) : vue.createCommentVNode("", true)
-  ], 4);
-}
-const cropperPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = cropperPreview;

package/lib/ele-cropper/components/cropper-preview.d.ts

@@ -1,21 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    /** 组件宽度 */
-    previewWidth: {
-        type: NumberConstructor;
-        required: true;
-    };
-    /** 裁剪比例 */
-    aspectRatio: NumberConstructor;
-}, {
-    rootRef: import('vue').Ref<HTMLDivElement | null>;
-    getPreviews: () => NodeListOf<HTMLElement> | undefined;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 组件宽度 */
-    previewWidth: {
-        type: NumberConstructor;
-        required: true;
-    };
-    /** 裁剪比例 */
-    aspectRatio: NumberConstructor;
-}>>, {}, {}>;
-export default _default;

package/lib/ele-cropper/components/cropper-tools.d.ts

@@ -1,72 +0,0 @@
-import { PropType } from 'vue';
-import { EleTooltipProps, EleTooltipInstance } from '../../ele-app/plus';
-import { UploadOption, ToolName, ToolGroup, ToolItem, BeforeUploadClick, CropperLocale } from '../types';
-
-declare const _default: import('vue').DefineComponent<{
-    /** 操作按钮布局 */
-    tools: StringConstructor;
-    /** 允许上传的图片类型 */
-    accept: StringConstructor;
-    /** 是否需要提示组件 */
-    tooltip: BooleanConstructor;
-    /** 提示组件属性 */
-    tooltipProps: PropType<EleTooltipProps>;
-    /** 上传按钮点击前的钩子 */
-    beforeUploadClick: PropType<BeforeUploadClick>;
-    /** 国际化 */
-    locale: PropType<Partial<CropperLocale>>;
-}, {
-    lang: import('vue').ComputedRef<CropperLocale>;
-    tooltipRef: import('vue').Ref<EleTooltipInstance>;
-    groups: import('vue').ShallowRef<ToolGroup[]>;
-    tooltipContent: import('vue').Ref<string>;
-    virtualRef: import('vue').Ref<any>;
-    handleUpload: (file: File) => boolean;
-    handleClick: (name: Omit<ToolName, "upload">) => void;
-    handleItemHover: (item: ToolItem, e: MouseEvent) => void;
-    handleUploadButtonClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    zoomIn: () => true;
-    zoomOut: () => true;
-    moveLeft: () => true;
-    moveRight: () => true;
-    moveUp: () => true;
-    moveDown: () => true;
-    rotateLeft: () => true;
-    rotateRight: () => true;
-    flipX: () => true;
-    flipY: () => true;
-    reset: () => true;
-    upload: (_option?: UploadOption) => true;
-    ok: () => true;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 操作按钮布局 */
-    tools: StringConstructor;
-    /** 允许上传的图片类型 */
-    accept: StringConstructor;
-    /** 是否需要提示组件 */
-    tooltip: BooleanConstructor;
-    /** 提示组件属性 */
-    tooltipProps: PropType<EleTooltipProps>;
-    /** 上传按钮点击前的钩子 */
-    beforeUploadClick: PropType<BeforeUploadClick>;
-    /** 国际化 */
-    locale: PropType<Partial<CropperLocale>>;
-}>> & {
-    onReset?: (() => any) | undefined;
-    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
-    onZoomIn?: (() => any) | undefined;
-    onZoomOut?: (() => any) | undefined;
-    onMoveLeft?: (() => any) | undefined;
-    onMoveRight?: (() => any) | undefined;
-    onMoveUp?: (() => any) | undefined;
-    onMoveDown?: (() => any) | undefined;
-    onRotateLeft?: (() => any) | undefined;
-    onRotateRight?: (() => any) | undefined;
-    onFlipX?: (() => any) | undefined;
-    onFlipY?: (() => any) | undefined;
-    onOk?: (() => any) | undefined;
-}, {
-    tooltip: boolean;
-}, {}>;
-export default _default;

package/lib/ele-cropper/index.d.ts

@@ -1,114 +0,0 @@
-import { Ref } from 'vue';
-import { CropperOptions } from './types';
-import { default as PreviewType } from './components/cropper-preview';
-
-export type PreviewInstance = InstanceType<typeof PreviewType> | null;
-declare const _default: import('vue').DefineComponent<{
-    height: StringConstructor;
-    src: StringConstructor;
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    toBlob: BooleanConstructor;
-    options: import('vue').PropType<CropperOptions>;
-    croppedOptions: import('vue').PropType<import('./types').CroppedOptions>;
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
-}, {
-    imageRef: Ref<HTMLImageElement | null>;
-    previewRef: Ref<PreviewInstance>;
-    isResponsive: import('vue').ComputedRef<boolean>;
-    handleZoomIn: () => void;
-    handleZoomOut: () => void;
-    handleMoveLeft: () => void;
-    handleMoveRight: () => void;
-    handleMoveUp: () => void;
-    handleMoveDown: () => void;
-    handleRotateLeft: () => void;
-    handleRotateRight: () => void;
-    handleFlipX: () => void;
-    handleFlipY: () => void;
-    handleReset: () => void;
-    handleUpload: ({ data, type }: {
-        data: string;
-        type: string;
-    }) => void;
-    handleOk: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    done: (_result?: Blob | string | null) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    height: StringConstructor;
-    src: StringConstructor;
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    toBlob: BooleanConstructor;
-    options: import('vue').PropType<CropperOptions>;
-    croppedOptions: import('vue').PropType<import('./types').CroppedOptions>;
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
-}>> & {
-    onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
-}, {
-    tooltip: boolean;
-    preview: boolean;
-    responsive: boolean;
-    imageType: string;
-    accept: string;
-    tools: string;
-    previewWidth: number;
-    toBlob: boolean;
-}, {}>;
-export default _default;

package/lib/ele-cropper/props.cjs

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const cropperProps = {
-  /** 图片高度 */
-  height: String,
-  /** 图片地址 */
-  src: String,
-  /** 图片地址对应的图片类型,如'image/jpeg' */
-  imageType: {
-    type: String,
-    default: "image/png"
-  },
-  /** 允许上传的图片类型 */
-  accept: {
-    type: String,
-    default: "image/*"
-  },
-  /** 操作按钮布局 */
-  tools: {
-    type: String,
-    default: "zoomIn,zoomOut | moveLeft,moveRight,moveUp,moveDown | rotateLeft,rotateRight | flipX,flipY | reset,upload | ok"
-  },
-  /** 是否需要预览组件 */
-  preview: {
-    type: Boolean,
-    default: true
-  },
-  /** 预览组件宽度 */
-  previewWidth: {
-    type: Number,
-    default: 98
-  },
-  /** 是否返回blob数据 */
-  toBlob: Boolean,
-  /** cropperjs的参数 */
-  options: Object,
-  /** cropperjs裁剪方法的参数 */
-  croppedOptions: Object,
-  /** 是否需要tooltip */
-  tooltip: {
-    type: Boolean,
-    default: true
-  },
-  /** tooltip属性 */
-  tooltipProps: Object,
-  /** 上传按钮点击前的钩子 */
-  beforeUploadClick: Function,
-  /** 是否开启响应式 */
-  responsive: {
-    type: Boolean,
-    default: null
-  },
-  /** 国际化 */
-  locale: Object
-};
-const cropperEmits = {
-  /** 裁剪完成事件 */
-  done: (_result) => true
-};
-exports.cropperEmits = cropperEmits;
-exports.cropperProps = cropperProps;

package/lib/ele-cropper/props.d.ts

@@ -1,68 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { EleTooltipProps } from '../ele-app/plus';
-import { CropperOptions, CroppedOptions, BeforeUploadClick, CropperLocale } from './types';
-
-/**
- * 属性
- */
-export declare const cropperProps: {
-    /** 图片高度 */
-    height: StringConstructor;
-    /** 图片地址 */
-    src: StringConstructor;
-    /** 图片地址对应的图片类型,如'image/jpeg' */
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 允许上传的图片类型 */
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 操作按钮布局 */
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 是否需要预览组件 */
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 预览组件宽度 */
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 是否返回blob数据 */
-    toBlob: BooleanConstructor;
-    /** cropperjs的参数 */
-    options: PropType<CropperOptions>;
-    /** cropperjs裁剪方法的参数 */
-    croppedOptions: PropType<CroppedOptions>;
-    /** 是否需要tooltip */
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** tooltip属性 */
-    tooltipProps: PropType<EleTooltipProps>;
-    /** 上传按钮点击前的钩子 */
-    beforeUploadClick: PropType<BeforeUploadClick>;
-    /** 是否开启响应式 */
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    /** 国际化 */
-    locale: PropType<Partial<CropperLocale>>;
-};
-export type CropperProps = ExtractPropTypes<typeof cropperProps>;
-/**
- * 事件
- */
-export declare const cropperEmits: {
-    /** 裁剪完成事件 */
-    done: (_result?: Blob | string | null) => boolean;
-};

package/lib/ele-cropper/style/index.d.ts

@@ -1 +0,0 @@
-

package/lib/ele-cropper/types.d.ts

@@ -1,114 +0,0 @@
-import type { Component } from 'vue';
-import type Cropper from 'cropperjs';
-
-/**
- * 上传事件参数
- */
-export interface UploadOption {
-  /** 文件数据 */
-  data?: string | ArrayBuffer | null;
-  /** 文件类型 */
-  type: string;
-}
-
-/**
- * 操作按钮名称
- */
-export type ToolName =
-  | 'zoomIn'
-  | 'zoomOut'
-  | 'moveLeft'
-  | 'moveRight'
-  | 'moveUp'
-  | 'moveDown'
-  | 'rotateLeft'
-  | 'rotateRight'
-  | 'flipX'
-  | 'flipY'
-  | 'reset'
-  | 'upload'
-  | 'ok';
-
-/**
- * 操作按钮
- */
-export interface ToolItem {
-  /** 标识 */
-  key: string;
-  /** 名称 */
-  name: ToolName;
-  /** 图标 */
-  icon?: Component;
-  /** 类名 */
-  className?: string;
-}
-
-/**
- * 操作按钮组
- */
-export interface ToolGroup {
-  /** 标识 */
-  key: string;
-  /** 操作按钮 */
-  items: ToolItem[];
-}
-
-/**
- * 裁剪组件参数
- */
-export type CropperOptions = Partial<Cropper.Options<HTMLImageElement>> | null;
-
-/**
- * 裁剪方法参数
- */
-export type CroppedOptions = Partial<Cropper.GetCroppedCanvasOptions> | null;
-
-/**
- * 实例状态
- */
-export interface CurrentState {
-  /** 裁剪组件实例 */
-  instance?: Cropper | null;
-  /** 当前图片类型 */
-  imageType?: string;
-  /** 水平翻转值 */
-  scaleXValue: number;
-  /** 垂直翻转值 */
-  scaleYValue: number;
-}
-
-/**
- * 上传按钮点击自定义处理的回调
- */
-export type BeforeUploadOnResult = (
-  data: string | ArrayBuffer,
-  type?: string
-) => void;
-
-/**
- * 上传按钮点击前的钩子
- */
-export type BeforeUploadClick = (
-  e: MouseEvent,
-  onResult: BeforeUploadOnResult
-) => boolean | undefined | void;
-
-/**
- * 国际化
- */
-export interface CropperLocale {
-  zoomIn: string;
-  zoomOut: string;
-  rotateLeft: string;
-  rotateRight: string;
-  moveLeft: string;
-  moveRight: string;
-  moveUp: string;
-  moveDown: string;
-  flipX: string;
-  flipY: string;
-  reset: string;
-  upload: string;
-  ok: string;
-  title: string;
-}

package/lib/ele-cropper-modal/index.d.ts

@@ -1,102 +0,0 @@
-import { CropperLocale } from '../ele-cropper/types';
-
-declare const _default: import('vue').DefineComponent<{
-    modelValue: BooleanConstructor;
-    modalProps: import('vue').PropType<Partial<Omit<import('../ele-app/plus').EleDialogProps, "modelValue">>>;
-    height: StringConstructor;
-    src: StringConstructor;
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    toBlob: BooleanConstructor;
-    options: import('vue').PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: import('vue').PropType<import('../ele-cropper/types').CroppedOptions>;
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    beforeUploadClick: import('vue').PropType<import('../ele-cropper/types').BeforeUploadClick>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    locale: import('vue').PropType<Partial<CropperLocale>>;
-}, {
-    lang: import('vue').ComputedRef<CropperLocale>;
-    updateModelValue: (value: boolean) => void;
-    handleDone: (result: Blob | string | null) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    done: (_result: Blob | string | null) => boolean;
-    'update:modelValue': (_value: boolean) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: BooleanConstructor;
-    modalProps: import('vue').PropType<Partial<Omit<import('../ele-app/plus').EleDialogProps, "modelValue">>>;
-    height: StringConstructor;
-    src: StringConstructor;
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    toBlob: BooleanConstructor;
-    options: import('vue').PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: import('vue').PropType<import('../ele-cropper/types').CroppedOptions>;
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    beforeUploadClick: import('vue').PropType<import('../ele-cropper/types').BeforeUploadClick>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    locale: import('vue').PropType<Partial<CropperLocale>>;
-}>> & {
-    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
-    onDone?: ((_result: string | Blob | null) => any) | undefined;
-}, {
-    modelValue: boolean;
-    tooltip: boolean;
-    preview: boolean;
-    responsive: boolean;
-    imageType: string;
-    accept: string;
-    tools: string;
-    previewWidth: number;
-    toBlob: boolean;
-}, {}>;
-export default _default;

package/lib/ele-cropper-modal/props.d.ts

@@ -1,58 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { EleDialogProps } from '../ele-app/plus';
-
-/**
- * 属性
- */
-export declare const cropperModalProps: {
-    /** 弹窗是否显示 */
-    modelValue: BooleanConstructor;
-    /** 弹窗参数 */
-    modalProps: PropType<Partial<Omit<EleDialogProps, "modelValue">>>;
-    height: StringConstructor;
-    src: StringConstructor;
-    imageType: {
-        type: StringConstructor;
-        default: string;
-    };
-    accept: {
-        type: StringConstructor;
-        default: string;
-    };
-    tools: {
-        type: StringConstructor;
-        default: string;
-    };
-    preview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    toBlob: BooleanConstructor;
-    options: PropType<import('../ele-cropper/types').CropperOptions>;
-    croppedOptions: PropType<import('../ele-cropper/types').CroppedOptions>;
-    tooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tooltipProps: PropType<import('../ele-app/plus').EleTooltipProps>;
-    beforeUploadClick: PropType<import('../ele-cropper/types').BeforeUploadClick>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    locale: PropType<Partial<import('../ele-cropper/types').CropperLocale>>;
-};
-export type CropperModalProps = ExtractPropTypes<typeof cropperModalProps>;
-/**
- * 事件
- */
-export declare const cropperModalEmits: {
-    /** 裁剪完成事件 */
-    done: (_result: Blob | string | null) => boolean;
-    /** 更新弹窗显示状态 */
-    'update:modelValue': (_value: boolean) => boolean;
-};

package/lib/ele-cropper-modal/style/index.d.ts

@@ -1 +0,0 @@
-