ele-admin-plus 1.0.2 → 1.1.0

package/es/ele-check-card/props.js

@@ -0,0 +1,38 @@
+const checkCardProps = {
+  // 选中值
+  modelValue: [Array, String, Number, Boolean],
+  // 数据
+  items: Array,
+  // 是否多选
+  multiple: Boolean,
+  // 是否禁用
+  disabled: Boolean,
+  // 是否显示边框
+  bordered: {
+    type: Boolean,
+    default: true
+  },
+  // 是否需要选中箭头
+  arrow: {
+    type: Boolean,
+    default: true
+  },
+  // 选中箭头样式
+  arrowStyle: Object,
+  // 自定义卡片类名
+  itemClass: String,
+  // 自定义卡片样式
+  itemStyle: Object,
+  // 是否使用栅格布局
+  row: [Boolean, Object]
+};
+const checkCardEmits = {
+  // 更新选中值
+  "update:modelValue": (_value) => true,
+  // 选中改变事件
+  change: (_value) => true
+};
+export {
+  checkCardEmits,
+  checkCardProps
+};

package/es/ele-check-card/style/css-var.scss

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-check-card-var($var) {
+  .ele-check-card {
+    @include set-ele-var('check-card', $var);
+  }
+}

package/es/ele-check-card/style/index.js

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/row/style/index';
+import 'element-plus/es/components/col/style/index';
+import './index.scss';

package/es/ele-check-card/style/index.scss

@@ -0,0 +1,68 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-check-card-var($ele);
+
+.ele-check-card {
+  box-sizing: border-box;
+  transition: color $ele-transition, border-color $ele-transition,
+    border-width $ele-transition, box-shadow $ele-transition;
+  position: relative;
+  cursor: pointer;
+
+  // 选中箭头
+  .ele-check-card-arrow {
+    position: absolute;
+    top: 3px;
+    right: 3px;
+    width: 0;
+    height: 0;
+    border: eleVar('check-card', 'arrow-size') solid transparent;
+    border-top-color: eleVar('check-card', 'arrow-color');
+    border-right-color: eleVar('check-card', 'arrow-color');
+    border-top-right-radius: eleVar('check-card', 'arrow-radius');
+    box-sizing: border-box;
+    display: none;
+  }
+
+  // 边框
+  &.is-bordered {
+    border: 1px solid eleVar('check-card', 'border-color');
+    border-radius: eleVar('check-card', 'radius');
+
+    &:not(.is-disabled):not(.is-checked):hover {
+      border-color: eleVar('check-card', 'hover-border-color');
+      background: eleVar('check-card', 'hover-bg');
+    }
+
+    &.is-checked {
+      border-color: eleVar('check-card', 'active-border-color');
+    }
+  }
+
+  // 选中
+  &.is-checked {
+    background: eleVar('check-card', 'active-bg');
+
+    & > .ele-check-card-arrow {
+      display: block;
+    }
+  }
+
+  // 禁用
+  &.is-disabled {
+    background: eleVar('check-card', 'disabled-bg');
+    opacity: eleVar('check-card', 'disabled-opacity');
+    cursor: not-allowed;
+
+    &.is-bordered.is-checked {
+      border-color: eleVar('check-card', 'disabled-border-color');
+    }
+
+    &.is-checked > .ele-check-card-arrow {
+      border-top-color: eleVar('check-card', 'arrow-disabled-color');
+      border-right-color: eleVar('check-card', 'arrow-disabled-color');
+    }
+  }
+}

package/es/ele-check-card/types/index.d.ts

@@ -0,0 +1,32 @@
+import type { StyleValue, ElColProps } from '../../ele-app/types';
+/**
+ * 单选值
+ */
+export type SingleValue = string | number | boolean;
+/**
+ * 多选值
+ */
+export type MultipleValue = Array<SingleValue>;
+/**
+ * 值
+ */
+export type CheckedValue = SingleValue | MultipleValue | undefined | null;
+/**
+ * 多选卡片数据
+ */
+export interface CheckCardItem extends Record<keyof any, any> {
+    /** 循环的 key */
+    key?: string | number | symbol;
+    /** 值 */
+    value?: string | number | boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义样式 */
+    style?: StyleValue;
+    /** 栅格属性 */
+    col?: ElColProps;
+}

package/es/ele-config-provider/index.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
-    table: import("vue").PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination">>>;
+    table: import("vue").PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination" | "emptyProps">>>;
     mapKey: StringConstructor;
     license: StringConstructor;
     locale: import("vue").PropType<import("./types").EleLocale>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    table: import("vue").PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination">>>;
+    table: import("vue").PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination" | "emptyProps">>>;
     mapKey: StringConstructor;
     license: StringConstructor;
     locale: import("vue").PropType<import("./types").EleLocale>;

package/es/ele-config-provider/props.d.ts

@@ -4,7 +4,7 @@ import type { EleLocale } from './types';
  * 属性
  */
 export declare const configProviderProps: {
-    table: PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination">>>;
+    table: PropType<Partial<Pick<import("../ele-pro-table/props").ProTableProps, "size" | "stripe" | "border" | "request" | "response" | "parseData" | "tools" | "maximizedIndex" | "pagination" | "emptyProps">>>;
     mapKey: StringConstructor;
     license: StringConstructor;
     locale: PropType<EleLocale>;

package/es/ele-config-provider/receiver.d.ts

@@ -1,6 +1,7 @@
 import type { Ref } from 'vue';
 import { LAYOUT_KEY } from './props';
 import type { EleGlobalProvide, LocaleProps, UseLicenseResult, UseLocaleResult, LayoutProvide, ResponsiveProps } from './types';
+export declare const UNAUTHORIZED_TIP = "\u6388\u6743\u7801\u68C0\u9A8C\u5931\u8D25, \u8BF7\u524D\u5F80 https://eleadmin.com \u83B7\u53D6\u6388\u6743\u7801.";
 /**
  * 获取全局配置
  */

package/es/ele-config-provider/receiver.js

@@ -1,198 +1,116 @@
-import { inject, computed, ref, watch, unref } from "vue";
-import { PROVIDE_KEY, LAYOUT_KEY } from "./props";
-import { LAYOUT_KEY as LAYOUT_KEY2 } from "./props";
-import defaultLocale from "../lang/zh_CN";
-const KEY_ENCRYPT = "BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C";
-const VERSION_TIMESTAMP = 1686851682;
-const VERSION_NAME = "1.0";
-function useReceiver() {
-  return inject(PROVIDE_KEY, {});
+import { inject as R, computed as v, ref as T, watch as I, unref as N } from "vue";
+import { PROVIDE_KEY as P, LAYOUT_KEY as _ } from "./props";
+import { LAYOUT_KEY as W } from "./props";
+import B from "../lang/zh_CN";
+const K = "\u6388\u6743\u7801\u68C0\u9A8C\u5931\u8D25, \u8BF7\u524D\u5F80 https://eleadmin.com \u83B7\u53D6\u6388\u6743\u7801.", U = "BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C", $ = 1691081914, L = "1.1";
+function Y() {
+  return R(P, {});
 }
-function useGlobalProps(name) {
-  const globalConfig = useReceiver();
-  return computed(() => globalConfig[name] ?? {});
+function H(t) {
+  const r = Y();
+  return v(() => r[t] ?? {});
 }
-function useLocale(name, props) {
-  const globalConfig = useReceiver();
-  const lang = computed(() => {
-    const temp = globalConfig.locale ?? defaultLocale;
-    if (name) {
-      return Object.assign({}, temp[name] ?? {}, props == null ? void 0 : props.locale);
-    }
-    return temp;
-  });
-  return { lang, globalConfig };
+function J(t, r) {
+  const n = Y();
+  return { lang: v(() => {
+    const s = n.locale ?? B;
+    return t ? Object.assign({}, s[t] ?? {}, r == null ? void 0 : r.locale) : s;
+  }), globalConfig: n };
 }
-function useLicense() {
-  const globalConfig = useReceiver();
-  const license = computed(() => globalConfig.license);
-  const authenticated = ref(false);
-  const printError = (v, e, d, h) => {
-    const tips = [new Array(60).join("*")];
-    tips.push("授权码检验失败, 请前往 https://eleadmin.com 获取授权码.");
-    if (v) {
-      tips.push(`授权版本号不匹配, 请使用: ${v}, 当前版本: ${VERSION_NAME}`);
-    }
-    if (typeof e === "number") {
-      tips.push(`授权已失效, 到期时间: ${new Date(e * 1e3).toLocaleString()}`);
-    }
-    if (d) {
-      tips.push(`域名不匹配, 请部署在: ${d} 下, 当前域名: ${h}`);
-    }
-    tips.push(new Array(60).join("*"));
-    console.error(tips.join("\n"));
-    authenticated.value = false;
+function k() {
+  const t = Y(), r = v(() => t.license), n = T(!1), i = (s, D, o, l) => {
+    const e = [new Array(60).join("*")];
+    e.push(K), s && e.push(`\u6388\u6743\u7248\u672C\u53F7\u4E0D\u5339\u914D, \u8BF7\u4F7F\u7528: ${s}, \u5F53\u524D\u7248\u672C: ${L}`), typeof D == "number" && e.push(`\u6388\u6743\u5DF2\u5931\u6548, \u5230\u671F\u65F6\u95F4: ${new Date(D * 1e3).toLocaleString()}`), o && e.push(`\u57DF\u540D\u4E0D\u5339\u914D, \u8BF7\u90E8\u7F72\u5728: ${o} \u4E0B, \u5F53\u524D\u57DF\u540D: ${l}`), e.push(new Array(60).join("*")), console.error(e.join(`
+`)), n.value = !1;
   };
-  watch(
-    license,
-    (value) => {
-      var _a;
-      if (typeof value !== "string" || !value) {
-        return printError();
-      }
+  return I(
+    r,
+    (s) => {
+      var D;
+      if (typeof s != "string" || !s)
+        return i();
       try {
-        const certificate = JSON.parse(decodeCode(value));
-        if (certificate.product !== "EleAdminPlus") {
-          return printError();
-        }
-        const { version, expiration, domain } = certificate;
-        if (version && version !== VERSION_NAME) {
-          return printError(version);
-        }
-        if (expiration && expiration < VERSION_TIMESTAMP) {
-          return printError(void 0, expiration);
-        }
-        if (domain) {
-          const hostname = (_a = window == null ? void 0 : window.location) == null ? void 0 : _a.hostname;
-          if (!hostname) {
-            return printError(void 0, void 0, domain, "");
-          }
-          if ("localhost" !== hostname && "127.0.0.1" !== hostname) {
-            const t1 = domain.split(".");
-            const t2 = hostname.split(".");
-            for (let i = t1.length - 1; i >= 0; i--) {
-              if (t1[i] !== t2[i]) {
-                return printError(void 0, void 0, domain, hostname);
-              }
-            }
-            if (t2.length > t1.length && t2[t2.length - t1.length - 1] !== "www") {
-              return printError(void 0, void 0, domain, hostname);
-            }
+        const o = JSON.parse(M(s));
+        if (o.product !== "EleAdminPlus")
+          return i();
+        const { version: l, expiration: e, domain: a } = o;
+        if (l && l !== L)
+          return i(l);
+        if (e && e < $)
+          return i(void 0, e);
+        if (a) {
+          const h = (D = window == null ? void 0 : window.location) == null ? void 0 : D.hostname;
+          if (!h)
+            return i(void 0, void 0, a, "");
+          if (h !== "localhost" && h !== "127.0.0.1") {
+            const g = a.split("."), m = h.split(".");
+            for (let d = g.length - 1; d >= 0; d--)
+              if (g[d] !== m[d])
+                return i(void 0, void 0, a, h);
+            if (m.length > g.length && m[m.length - g.length - 1] !== "www")
+              return i(void 0, void 0, a, h);
           }
         }
-      } catch (e) {
-        console.error(e);
-        return printError();
+      } catch (o) {
+        return console.error(o), i();
       }
-      authenticated.value = true;
+      n.value = !0;
     },
-    { immediate: true }
-  );
-  return { authenticated, globalConfig };
+    { immediate: !0 }
+  ), { authenticated: n, globalConfig: t };
 }
-function decodeCode(encrypt) {
-  const format = (encrypt2, length, offset) => {
-    const content = ((array, offset2) => {
-      const max = array.length - offset2;
-      if (max <= 0) {
-        return array;
-      }
-      const result = new Array(array.length);
-      for (let i2 = 0; i2 < array.length; i2++) {
-        if (i2 < offset2) {
-          result[i2] = array[max + i2];
-        } else {
-          result[i2] = array[i2 - offset2];
-        }
-      }
-      return result;
-    })(encrypt2.split(""), offset).join("");
-    const sb = [];
-    let start = 0;
-    while (start < content.length) {
-      let end = start + length;
-      if (end > content.length) {
-        end = content.length;
-      }
-      const item = content.substring(start, end);
-      sb.push(item.split("").reverse().join(""));
-      start = end;
-    }
-    return sb.join("");
-  };
-  const index = encrypt.indexOf("=");
-  const body = index === -1 ? encrypt : encrypt.substring(0, index);
-  const suffix = index === -1 ? "" : encrypt.substring(index);
-  const temp = format(body, 12, 3) + suffix;
-  const input = temp.replace(/[^A-Za-z0-9\+\/\=]/g, "");
-  const KEYS = format(KEY_ENCRYPT, 3, 1) + "=";
-  let output = "";
-  let chr1, chr2, chr3;
-  let enc1, enc2, enc3, enc4;
-  let i = 0;
-  while (i < input.length) {
-    enc1 = KEYS.indexOf(input.charAt(i++));
-    enc2 = KEYS.indexOf(input.charAt(i++));
-    enc3 = KEYS.indexOf(input.charAt(i++));
-    enc4 = KEYS.indexOf(input.charAt(i++));
-    chr1 = enc1 << 2 | enc2 >> 4;
-    chr2 = (enc2 & 15) << 4 | enc3 >> 2;
-    chr3 = (enc3 & 3) << 6 | enc4;
-    output = output + String.fromCharCode(chr1);
-    if (enc3 != 64) {
-      output = output + String.fromCharCode(chr2);
-    }
-    if (enc4 != 64) {
-      output = output + String.fromCharCode(chr3);
-    }
-  }
-  output = ((utftext) => {
-    let string = "";
-    let i2 = 0;
-    let c = 0;
-    let c2 = 0;
-    let c3 = 0;
-    while (i2 < utftext.length) {
-      c = utftext.charCodeAt(i2);
-      if (c < 128) {
-        string += String.fromCharCode(c);
-        i2++;
-      } else if (c > 191 && c < 224) {
-        c2 = utftext.charCodeAt(i2 + 1);
-        string += String.fromCharCode((c & 31) << 6 | c2 & 63);
-        i2 += 2;
-      } else {
-        c2 = utftext.charCodeAt(i2 + 1);
-        c3 = utftext.charCodeAt(i2 + 2);
-        string += String.fromCharCode(
-          (c & 15) << 12 | (c2 & 63) << 6 | c3 & 63
-        );
-        i2 += 3;
-      }
+function M(t) {
+  const r = (C, F, f) => {
+    const u = ((c, O) => {
+      const x = c.length - O;
+      if (x <= 0)
+        return c;
+      const j = new Array(c.length);
+      for (let E = 0; E < c.length; E++)
+        E < O ? j[E] = c[x + E] : j[E] = c[E - O];
+      return j;
+    })(C.split(""), f).join(""), p = [];
+    let A = 0;
+    for (; A < u.length; ) {
+      let c = A + F;
+      c > u.length && (c = u.length);
+      const O = u.substring(A, c);
+      p.push(O.split("").reverse().join("")), A = c;
     }
-    return string;
-  })(output);
-  return output;
+    return p.join("");
+  }, n = t.indexOf("="), i = n === -1 ? t : t.substring(0, n), s = n === -1 ? "" : t.substring(n), o = (r(i, 12, 3) + s).replace(/[^A-Za-z0-9\+\/\=]/g, ""), l = r(U, 3, 1) + "=";
+  let e = "", a, h, g, m, d, S, b, w = 0;
+  for (; w < o.length; )
+    m = l.indexOf(o.charAt(w++)), d = l.indexOf(o.charAt(w++)), S = l.indexOf(o.charAt(w++)), b = l.indexOf(o.charAt(w++)), a = m << 2 | d >> 4, h = (d & 15) << 4 | S >> 2, g = (S & 3) << 6 | b, e = e + String.fromCharCode(a), S != 64 && (e = e + String.fromCharCode(h)), b != 64 && (e = e + String.fromCharCode(g));
+  return e = ((C) => {
+    let F = "", f = 0, u = 0, p = 0, A = 0;
+    for (; f < C.length; )
+      u = C.charCodeAt(f), u < 128 ? (F += String.fromCharCode(u), f++) : u > 191 && u < 224 ? (p = C.charCodeAt(f + 1), F += String.fromCharCode((u & 31) << 6 | p & 63), f += 2) : (p = C.charCodeAt(f + 1), A = C.charCodeAt(f + 2), F += String.fromCharCode(
+        (u & 15) << 12 | (p & 63) << 6 | A & 63
+      ), f += 3);
+    return F;
+  })(e), e;
 }
-function useLayoutState(defaultValue) {
-  return inject(
-    LAYOUT_KEY,
-    defaultValue ?? ref({})
+function V(t) {
+  return R(
+    _,
+    t ?? T({})
   );
 }
-function useResponsive(props) {
-  const state = useLayoutState();
-  return computed(() => {
-    var _a;
-    return props.responsive ?? ((_a = unref(state)) == null ? void 0 : _a.responsive) ?? true;
+function q(t) {
+  const r = V();
+  return v(() => {
+    var n;
+    return t.responsive ?? ((n = N(r)) == null ? void 0 : n.responsive) ?? !0;
   });
 }
 export {
-  LAYOUT_KEY2 as LAYOUT_KEY,
-  useGlobalProps,
-  useLayoutState,
-  useLicense,
-  useLocale,
-  useReceiver,
-  useResponsive
+  W as LAYOUT_KEY,
+  K as UNAUTHORIZED_TIP,
+  H as useGlobalProps,
+  V as useLayoutState,
+  k as useLicense,
+  J as useLocale,
+  Y as useReceiver,
+  q as useResponsive
 };

package/es/ele-config-provider/types/index.d.ts

@@ -24,7 +24,7 @@ export interface EleGlobalProvide {
 /**
  * 表格配置
  */
-export type TableGlobalConfig = Partial<Pick<ProTableProps, 'stripe' | 'border' | 'request' | 'response' | 'parseData' | 'size' | 'tools' | 'maximizedIndex' | 'pagination'>>;
+export type TableGlobalConfig = Partial<Pick<ProTableProps, 'stripe' | 'border' | 'request' | 'response' | 'parseData' | 'size' | 'tools' | 'maximizedIndex' | 'pagination' | 'emptyProps'>>;
 /**
  * 国际化
  */
@@ -64,7 +64,7 @@ export interface UseLocaleResult<T> {
  * 带国际化的组件属性
  */
 export interface LocaleProps<T> extends Record<keyof any, any> {
-    locale?: T;
+    locale?: Partial<T>;
 }
 /**
  * 带响应式的组件属性

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

@@ -1,5 +1,5 @@
 import { CountUp } from 'countup.js';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     delay: {
         type: NumberConstructor;
         default: number;
@@ -33,4 +33,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     delay: number;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     previewWidth: {
         type: NumberConstructor;
         required: true;
@@ -14,4 +14,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     aspectRatio: NumberConstructor;
 }>>, {}, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,11 +1,11 @@
 import type { PropType } from 'vue';
-import type { ElTooltipProps } from 'element-plus';
+import type { EleTooltipProps } from '../../ele-avatar-group/types';
 import type { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     tools: StringConstructor;
     accept: StringConstructor;
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     locale: PropType<CropperLocale>;
 }, {
     lang: import("vue").ComputedRef<CropperLocale>;
@@ -33,9 +33,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     tools: StringConstructor;
     accept: StringConstructor;
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     locale: PropType<CropperLocale>;
 }>> & {
+    onReset?: (() => any) | undefined;
     onZoomIn?: (() => any) | undefined;
     onZoomOut?: (() => any) | undefined;
     onMoveLeft?: (() => any) | undefined;
@@ -46,10 +47,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onRotateRight?: (() => any) | undefined;
     onFlipX?: (() => any) | undefined;
     onFlipY?: (() => any) | undefined;
-    onReset?: (() => any) | undefined;
     onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onOk?: (() => any) | undefined;
 }, {
     tooltip: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-cropper/components/cropper-tools.js

@@ -1,6 +1,7 @@
 import { defineComponent, shallowRef, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, mergeProps } from "vue";
-import { ElButtonGroup, ElButton, ElUpload, ElTooltip } from "element-plus";
 import { ZoomIn, ZoomOut, Back, Right, Top, Bottom, RefreshLeft, RefreshRight, Switch, Sort, Refresh, Upload, Check } from "@element-plus/icons-vue";
+import { ElButtonGroup, ElButton, ElUpload } from "element-plus";
+import EleTooltip from "../../ele-tooltip/index";
 import { useLocale } from "../../ele-config-provider/receiver";
 const TOOL_ICONS = {
   zoomIn: ZoomIn,
@@ -19,7 +20,7 @@ const TOOL_ICONS = {
 };
 const _sfc_main = defineComponent({
   name: "CropperTools",
-  components: { ElButtonGroup, ElButton, ElUpload, ElTooltip },
+  components: { ElButtonGroup, ElButton, ElUpload, EleTooltip },
   props: {
     // 操作按钮布局
     tools: String,
@@ -123,7 +124,7 @@ 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_ElTooltip = resolveComponent("ElTooltip");
+  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, {
@@ -173,7 +174,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1024);
     }), 128)),
-    createVNode(_component_ElTooltip, mergeProps({ placement: "top" }, _ctx.tooltipProps, {
+    createVNode(_component_EleTooltip, mergeProps({
+      placement: "top",
+      offset: 6
+    }, _ctx.tooltipProps || {}, {
       content: _ctx.tooltipContent,
       virtualRef: _ctx.virtualRef,
       virtualTriggering: true