yuang-framework-ui-pc 1.1.41 → 1.1.42

package/es/ele-count-up/index.d.ts

@@ -1,37 +0,0 @@
-import { CountUp } from 'countup.js';
-
-declare const _default: import('vue').DefineComponent<{
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endVal: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    options: import('vue').PropType<import('countup.js').CountUpOptions>;
-}, {
-    rootRef: import('vue').Ref<HTMLDivElement | null>;
-    printValue: (value: number) => void;
-    start: (callback?: (args?: any) => any) => void;
-    pauseResume: () => void;
-    reset: () => void;
-    update: (newEndVal?: string | number) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    ready: (_instance?: CountUp | null) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endVal: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    options: import('vue').PropType<import('countup.js').CountUpOptions>;
-}>> & {
-    onReady?: ((_instance?: CountUp | null | undefined) => any) | undefined;
-}, {
-    delay: number;
-}, {}>;
-export default _default;

package/es/ele-count-up/index.js

@@ -1,108 +0,0 @@
-import { defineComponent, ref, watch, onMounted, onBeforeUnmount, unref, openBlock, createElementBlock } from "vue";
-import { CountUp } from "countup.js";
-import { countUpProps, countUpEmits } from "./props";
-const isFunction = (value) => typeof value === "function";
-const _sfc_main = defineComponent({
-  name: "EleCountUp",
-  props: countUpProps,
-  emits: countUpEmits,
-  setup(props, { emit }) {
-    let instance;
-    const rootRef = ref(null);
-    const create = () => {
-      const elem = unref(rootRef);
-      if (instance || !elem) {
-        return;
-      }
-      const ins = new CountUp(elem, props.endVal ?? 0, props.options);
-      if (ins.error) {
-        console.warn(ins);
-        return;
-      }
-      instance = ins;
-    };
-    const printValue = (value) => {
-      if (instance && isFunction(instance.printValue)) {
-        return instance.printValue(value);
-      }
-    };
-    const start = (callback) => {
-      if (instance && isFunction(instance.start)) {
-        return instance.start(callback);
-      }
-    };
-    const pauseResume = () => {
-      if (instance && isFunction(instance.pauseResume)) {
-        return instance.pauseResume();
-      }
-    };
-    const reset = () => {
-      if (instance && isFunction(instance.reset)) {
-        return instance.reset();
-      }
-    };
-    const update = (newEndVal) => {
-      if (instance && isFunction(instance.update)) {
-        return instance.update(newEndVal ?? 0);
-      }
-    };
-    const destroy = () => {
-      reset();
-      instance = null;
-    };
-    watch(
-      () => props.endVal,
-      (value) => {
-        update(value);
-      }
-    );
-    watch(
-      () => props.options,
-      () => {
-        destroy();
-        create();
-        emit("ready", instance);
-      }
-    );
-    onMounted(() => {
-      create();
-      if (props.delay < 0) {
-        emit("ready", instance);
-        return;
-      }
-      setTimeout(() => {
-        if (instance && isFunction(instance.start)) {
-          instance.start(() => {
-            emit("ready", instance);
-          });
-        }
-      }, props.delay);
-    });
-    onBeforeUnmount(() => {
-      destroy();
-    });
-    return {
-      rootRef,
-      printValue,
-      start,
-      pauseResume,
-      reset,
-      update
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { ref: "rootRef" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, null, 512);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-count-up/props.d.ts

@@ -1,28 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { CountUpOptions, CountUp } from 'countup.js';
-
-/**
- * 属性
- */
-export declare const countUpProps: {
-    /** 首次动画延迟时间 */
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 结束值 */
-    endVal: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    /** 参数配置 */
-    options: PropType<CountUpOptions>;
-};
-export type CountUpProps = ExtractPropTypes<typeof countUpProps>;
-/**
- * 事件
- */
-export declare const countUpEmits: {
-    /** 渲染完成事件 */
-    ready: (_instance?: CountUp | null) => boolean;
-};

package/es/ele-count-up/props.js

@@ -1,22 +0,0 @@
-const countUpProps = {
-  /** 首次动画延迟时间 */
-  delay: {
-    type: Number,
-    default: 300
-  },
-  /** 结束值 */
-  endVal: {
-    type: Number,
-    required: true
-  },
-  /** 参数配置 */
-  options: Object
-};
-const countUpEmits = {
-  /** 渲染完成事件 */
-  ready: (_instance) => true
-};
-export {
-  countUpEmits,
-  countUpProps
-};

package/es/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/es/ele-cropper/components/cropper-preview.js

@@ -1,74 +0,0 @@
-import { defineComponent, ref, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, createCommentVNode } from "vue";
-const _sfc_main = defineComponent({
-  name: "CropperPreview",
-  props: {
-    /** 组件宽度 */
-    previewWidth: {
-      type: Number,
-      required: true
-    },
-    /** 裁剪比例 */
-    aspectRatio: Number
-  },
-  setup() {
-    const rootRef = 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 openBlock(), createElementBlock("div", {
-    ref: "rootRef",
-    class: "ele-cropper-previews",
-    style: normalizeStyle({ width: `${_ctx.previewWidth + 14}px` })
-  }, [
-    createElementVNode("div", {
-      class: "ele-cropper-preview",
-      style: normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / (_ctx.aspectRatio || 1)}px`,
-        marginTop: "0px"
-      })
-    }, null, 4),
-    _ctx.aspectRatio === 1 ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "ele-cropper-preview is-circle",
-      style: normalizeStyle({
-        width: `${_ctx.previewWidth}px`,
-        height: `${_ctx.previewWidth / _ctx.aspectRatio}px`
-      })
-    }, null, 4)) : _ctx.aspectRatio ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${(_ctx.previewWidth / 3 * 2 - 10) / _ctx.aspectRatio}px`
-        })
-      }, null, 4),
-      createElementVNode("div", {
-        class: "ele-cropper-preview",
-        style: normalizeStyle({
-          width: `${_ctx.previewWidth}px`,
-          height: `${_ctx.previewWidth / 3 / _ctx.aspectRatio}px`,
-          marginLeft: "10px"
-        })
-      }, null, 4)
-    ], 64)) : createCommentVNode("", true)
-  ], 4);
-}
-const cropperPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  cropperPreview as default
-};

package/es/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/es/ele-cropper/components/cropper-tools.js

@@ -1,218 +0,0 @@
-import { defineComponent, ref, shallowRef, watch, markRaw, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, mergeProps } from "vue";
-import { ElButtonGroup, ElButton, ElUpload } from "element-plus";
-import { ZoomInOutlined, ZoomOutOutlined, ArrowLeftOutlined, ArrowRightOutlined, ArrowUpOutlined, ArrowDownOutlined, UndoOutlined, ReloadOutlined, SwapOutlined, SortOutlined, SyncOutlined, UploadOutlined, CheckOutlined } from "../../icons";
-import { useTimer } from "../../utils/hook";
-import { useLocale } from "../../ele-config-provider/receiver";
-import EleTooltip from "../../ele-tooltip/index";
-const TOOL_ICONS = {
-  zoomIn: ZoomInOutlined,
-  zoomOut: ZoomOutOutlined,
-  moveLeft: ArrowLeftOutlined,
-  moveRight: ArrowRightOutlined,
-  moveUp: ArrowUpOutlined,
-  moveDown: ArrowDownOutlined,
-  rotateLeft: UndoOutlined,
-  rotateRight: ReloadOutlined,
-  flipX: SwapOutlined,
-  flipY: SortOutlined,
-  reset: SyncOutlined,
-  upload: UploadOutlined,
-  ok: CheckOutlined
-};
-const _sfc_main = defineComponent({
-  name: "CropperTools",
-  components: { ElButtonGroup, ElButton, ElUpload, EleTooltip },
-  props: {
-    /** 操作按钮布局 */
-    tools: String,
-    /** 允许上传的图片类型 */
-    accept: String,
-    /** 是否需要提示组件 */
-    tooltip: Boolean,
-    /** 提示组件属性 */
-    tooltipProps: Object,
-    /** 上传按钮点击前的钩子 */
-    beforeUploadClick: Function,
-    /** 国际化 */
-    locale: Object
-  },
-  emits: {
-    zoomIn: () => true,
-    zoomOut: () => true,
-    moveLeft: () => true,
-    moveRight: () => true,
-    moveUp: () => true,
-    moveDown: () => true,
-    rotateLeft: () => true,
-    rotateRight: () => true,
-    flipX: () => true,
-    flipY: () => true,
-    reset: () => true,
-    upload: (_option) => true,
-    ok: () => true
-  },
-  setup(props, { emit }) {
-    const { lang } = useLocale("cropper", props);
-    const [startHideTipTimer, stopHideTipTimer] = useTimer(200);
-    const tooltipRef = ref(null);
-    const groups = shallowRef([]);
-    const tooltipContent = ref("");
-    const virtualRef = ref();
-    const emitUpload = (data, type) => {
-      emit("upload", { data, type });
-    };
-    const handleUpload = (file) => {
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        var _a;
-        const url = (_a = e.target) == null ? void 0 : _a.result;
-        if (url != null) {
-          emitUpload(url, file.type);
-        }
-      };
-      reader.readAsDataURL(file);
-      return false;
-    };
-    const hideTooltip = () => {
-      tooltipRef.value && tooltipRef.value.hide();
-    };
-    const handleItemHover = (item, e) => {
-      const title = lang.value[item.name];
-      if (props.tooltip && item.name !== "ok" && title) {
-        stopHideTipTimer();
-        virtualRef.value = e.currentTarget;
-        tooltipContent.value = title;
-      }
-    };
-    const handleClick = (name) => {
-      startHideTipTimer(() => {
-        hideTooltip();
-      });
-      emit(name);
-    };
-    const handleUploadButtonClick = (e) => {
-      startHideTipTimer(() => {
-        hideTooltip();
-      });
-      if (props.beforeUploadClick && props.beforeUploadClick(e, emitUpload) === false) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    };
-    watch(
-      () => props.tools,
-      (tools) => {
-        if (!tools) {
-          groups.value = [];
-          return;
-        }
-        const names = Object.keys(TOOL_ICONS);
-        groups.value = tools.split("|").filter((g) => !!g.trim()).map((g, i) => {
-          const items = g.split(",").filter((t) => {
-            const name = t.trim();
-            return name && names.includes(name);
-          }).map((t, j) => {
-            const name = t.trim();
-            return {
-              key: i + "-" + j + name,
-              name,
-              icon: markRaw(TOOL_ICONS[name]),
-              className: `ele-cropper-${name}`
-            };
-          });
-          return { key: i + g, items };
-        });
-      },
-      { immediate: true }
-    );
-    return {
-      lang,
-      tooltipRef,
-      groups,
-      tooltipContent,
-      virtualRef,
-      handleUpload,
-      handleClick,
-      handleItemHover,
-      handleUploadButtonClick
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-cropper-tools" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElUpload = resolveComponent("ElUpload");
-  const _component_ElButtonGroup = resolveComponent("ElButtonGroup");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.groups, (group) => {
-      return openBlock(), createBlock(_component_ElButtonGroup, {
-        key: group.key,
-        class: "ele-cropper-tool-item"
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: item.key
-            }, [
-              item.name === "upload" ? (openBlock(), createBlock(_component_ElUpload, {
-                key: 0,
-                action: "",
-                accept: _ctx.accept,
-                showFileList: false,
-                beforeUpload: _ctx.handleUpload,
-                style: { "display": "inline-block", "line-height": "0" }
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_ElButton, {
-                    type: "primary",
-                    icon: item.icon,
-                    class: normalizeClass(["ele-cropper-tool", item.className]),
-                    onMouseover: (e) => _ctx.handleItemHover(item, e),
-                    onClick: _ctx.handleUploadButtonClick
-                  }, null, 8, ["icon", "class", "onMouseover", "onClick"])
-                ]),
-                _: 2
-              }, 1032, ["accept", "beforeUpload"])) : (openBlock(), createBlock(_component_ElButton, {
-                key: 1,
-                type: "primary",
-                icon: item.icon,
-                class: normalizeClass(["ele-cropper-tool", item.className]),
-                onMouseover: (e) => _ctx.handleItemHover(item, e),
-                onClick: ($event) => _ctx.handleClick(item.name)
-              }, {
-                default: withCtx(() => [
-                  item.name === "ok" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createTextVNode(toDisplayString(_ctx.lang.ok), 1)
-                  ], 64)) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["icon", "class", "onMouseover", "onClick"]))
-            ], 64);
-          }), 128))
-        ]),
-        _: 2
-      }, 1024);
-    }), 128)),
-    createVNode(_component_EleTooltip, mergeProps({
-      placement: "top",
-      offset: 6
-    }, _ctx.tooltipProps || {}, {
-      content: _ctx.tooltipContent,
-      virtualRef: _ctx.virtualRef,
-      virtualTriggering: true,
-      ref: "tooltipRef"
-    }), null, 16, ["content", "virtualRef"])
-  ]);
-}
-const cropperTools = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  cropperTools as default
-};

package/es/ele-cropper/style/index.scss

@@ -1,108 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-.ele-cropper {
-  .ele-cropper-main {
-    display: flex;
-  }
-
-  .ele-cropper-image {
-    flex: 1;
-    height: 300px;
-    box-sizing: border-box;
-    position: relative;
-    overflow: hidden;
-
-    & > img {
-      width: auto;
-      height: auto;
-      max-width: 100%;
-      max-height: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-  }
-
-  .ele-cropper-image,
-  .ele-cropper-image > .cropper-container,
-  .ele-cropper-image > .cropper-container > .cropper-wrap-box,
-  .ele-cropper-image > .cropper-container > .cropper-drag-box {
-    border-radius: elVar('border-radius', 'base');
-  }
-
-  .ele-cropper-previews {
-    flex-shrink: 0;
-    text-align: right;
-    font-size: 0;
-  }
-
-  .ele-cropper-preview {
-    margin-top: 16px;
-    display: inline-block;
-    box-sizing: border-box;
-    border-radius: elVar('border-radius', 'base');
-    border: 1px solid elVar('border-color', 'light');
-    vertical-align: top;
-    overflow: hidden;
-
-    &.is-circle {
-      border-radius: 50%;
-    }
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .ele-cropper.is-responsive .ele-cropper-previews {
-    display: none;
-  }
-}
-
-/* 操作按钮 */
-.ele-cropper-tools {
-  margin-top: 6px;
-
-  .el-upload-list {
-    display: none;
-  }
-}
-
-.ele-cropper-tool-item {
-  margin: 10px 14px 0 0;
-  vertical-align: top;
-
-  &:last-child {
-    margin-right: 0;
-  }
-}
-
-.ele-cropper-tool {
-  padding: 0 10px;
-
-  &:not(.ele-cropper-ok) > i + span {
-    display: none;
-  }
-
-  &.ele-cropper-ok > .el-icon + span {
-    margin-left: 4px;
-  }
-}
-
-.ele-cropper-ok {
-  padding-left: 10px;
-  padding-right: 10px;
-  border-left: none;
-  border-right: none;
-}
-
-.ele-cropper-upload {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-right: none;
-}
-
-@media screen and (max-width: 768px) {
-  .ele-cropper.is-responsive .ele-cropper-tool-item:not(:last-child) {
-    margin-right: 6px;
-  }
-}