ele-admin-plus 1.0.2 → 1.1.0

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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
+};
+exports.checkCardEmits = checkCardEmits;
+exports.checkCardProps = checkCardProps;

package/lib/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/lib/ele-check-card/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+require("element-plus/es/components/row/style/index");
+require("element-plus/es/components/col/style/index");
+require("./index.scss");

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/ele-config-provider/receiver.js

@@ -1,200 +1,2 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const props = require("./props");
-const defaultLocale = require("../lang/zh_CN");
-const KEY_ENCRYPT = "BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C";
-const VERSION_TIMESTAMP = 1686851682;
-const VERSION_NAME = "1.0";
-function useReceiver() {
-  return vue.inject(props.PROVIDE_KEY, {});
-}
-function useGlobalProps(name) {
-  const globalConfig = useReceiver();
-  return vue.computed(() => globalConfig[name] ?? {});
-}
-function useLocale(name, props2) {
-  const globalConfig = useReceiver();
-  const lang = vue.computed(() => {
-    const temp = globalConfig.locale ?? defaultLocale;
-    if (name) {
-      return Object.assign({}, temp[name] ?? {}, props2 == null ? void 0 : props2.locale);
-    }
-    return temp;
-  });
-  return { lang, globalConfig };
-}
-function useLicense() {
-  const globalConfig = useReceiver();
-  const license = vue.computed(() => globalConfig.license);
-  const authenticated = vue.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;
-  };
-  vue.watch(
-    license,
-    (value) => {
-      var _a;
-      if (typeof value !== "string" || !value) {
-        return printError();
-      }
-      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);
-            }
-          }
-        }
-      } catch (e) {
-        console.error(e);
-        return printError();
-      }
-      authenticated.value = true;
-    },
-    { immediate: true }
-  );
-  return { authenticated, globalConfig };
-}
-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;
-      }
-    }
-    return string;
-  })(output);
-  return output;
-}
-function useLayoutState(defaultValue) {
-  return vue.inject(
-    props.LAYOUT_KEY,
-    defaultValue ?? vue.ref({})
-  );
-}
-function useResponsive(props2) {
-  const state = useLayoutState();
-  return vue.computed(() => {
-    var _a;
-    return props2.responsive ?? ((_a = vue.unref(state)) == null ? void 0 : _a.responsive) ?? true;
-  });
-}
-Object.defineProperty(exports, "LAYOUT_KEY", {
-  enumerable: true,
-  get: () => props.LAYOUT_KEY
-});
-exports.useGlobalProps = useGlobalProps;
-exports.useLayoutState = useLayoutState;
-exports.useLicense = useLicense;
-exports.useLocale = useLocale;
-exports.useReceiver = useReceiver;
-exports.useResponsive = useResponsive;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),T=require("./props"),_=require("../lang/zh_CN"),Y="\u6388\u6743\u7801\u68C0\u9A8C\u5931\u8D25, \u8BF7\u524D\u5F80 https://eleadmin.com \u83B7\u53D6\u6388\u6743\u7801.",N="BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C",U=1691081914,R="1.1";function w(){return f.inject(T.PROVIDE_KEY,{})}function K(t){const o=w();return f.computed(()=>o[t]??{})}function x(t,o){const n=w();return{lang:f.computed(()=>{const s=n.locale??_;return t?Object.assign({},s[t]??{},o==null?void 0:o.locale):s}),globalConfig:n}}function B(){const t=w(),o=f.computed(()=>t.license),n=f.ref(!1),i=(s,O,u,l)=>{const e=[new Array(60).join("*")];e.push(Y),s&&e.push(`\u6388\u6743\u7248\u672C\u53F7\u4E0D\u5339\u914D, \u8BF7\u4F7F\u7528: ${s}, \u5F53\u524D\u7248\u672C: ${R}`),typeof O=="number"&&e.push(`\u6388\u6743\u5DF2\u5931\u6548, \u5230\u671F\u65F6\u95F4: ${new Date(O*1e3).toLocaleString()}`),u&&e.push(`\u57DF\u540D\u4E0D\u5339\u914D, \u8BF7\u90E8\u7F72\u5728: ${u} \u4E0B, \u5F53\u524D\u57DF\u540D: ${l}`),e.push(new Array(60).join("*")),console.error(e.join(`
+`)),n.value=!1};return f.watch(o,s=>{var O;if(typeof s!="string"||!s)return i();try{const u=JSON.parse(y(s));if(u.product!=="EleAdminPlus")return i();const{version:l,expiration:e,domain:d}=u;if(l&&l!==R)return i(l);if(e&&e<U)return i(void 0,e);if(d){const h=(O=window==null?void 0:window.location)==null?void 0:O.hostname;if(!h)return i(void 0,void 0,d,"");if(h!=="localhost"&&h!=="127.0.0.1"){const p=d.split("."),m=h.split(".");for(let g=p.length-1;g>=0;g--)if(p[g]!==m[g])return i(void 0,void 0,d,h);if(m.length>p.length&&m[m.length-p.length-1]!=="www")return i(void 0,void 0,d,h)}}}catch(u){return console.error(u),i()}n.value=!0},{immediate:!0}),{authenticated:n,globalConfig:t}}function y(t){const o=(C,b,a)=>{const r=((c,F)=>{const P=c.length-F;if(P<=0)return c;const L=new Array(c.length);for(let D=0;D<c.length;D++)D<F?L[D]=c[P+D]:L[D]=c[D-F];return L})(C.split(""),a).join(""),A=[];let E=0;for(;E<r.length;){let c=E+b;c>r.length&&(c=r.length);const F=r.substring(E,c);A.push(F.split("").reverse().join("")),E=c}return A.join("")},n=t.indexOf("="),i=n===-1?t:t.substring(0,n),s=n===-1?"":t.substring(n),u=(o(i,12,3)+s).replace(/[^A-Za-z0-9\+\/\=]/g,""),l=o(N,3,1)+"=";let e="",d,h,p,m,g,S,j,v=0;for(;v<u.length;)m=l.indexOf(u.charAt(v++)),g=l.indexOf(u.charAt(v++)),S=l.indexOf(u.charAt(v++)),j=l.indexOf(u.charAt(v++)),d=m<<2|g>>4,h=(g&15)<<4|S>>2,p=(S&3)<<6|j,e=e+String.fromCharCode(d),S!=64&&(e=e+String.fromCharCode(h)),j!=64&&(e=e+String.fromCharCode(p));return e=(C=>{let b="",a=0,r=0,A=0,E=0;for(;a<C.length;)r=C.charCodeAt(a),r<128?(b+=String.fromCharCode(r),a++):r>191&&r<224?(A=C.charCodeAt(a+1),b+=String.fromCharCode((r&31)<<6|A&63),a+=2):(A=C.charCodeAt(a+1),E=C.charCodeAt(a+2),b+=String.fromCharCode((r&15)<<12|(A&63)<<6|E&63),a+=3);return b})(e),e}function I(t){return f.inject(T.LAYOUT_KEY,t??f.ref({}))}function M(t){const o=I();return f.computed(()=>{var n;return t.responsive??((n=f.unref(o))==null?void 0:n.responsive)??!0})}Object.defineProperty(exports,"LAYOUT_KEY",{enumerable:!0,get:()=>T.LAYOUT_KEY});exports.UNAUTHORIZED_TIP=Y;exports.useGlobalProps=K;exports.useLayoutState=I;exports.useLicense=B;exports.useLocale=x;exports.useReceiver=w;exports.useResponsive=M;

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

@@ -1,7 +1,8 @@
 "use strict";
 const vue = require("vue");
-const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const EleTooltip = require("../../ele-tooltip/index");
 const receiver = require("../../ele-config-provider/receiver");
 const TOOL_ICONS = {
   zoomIn: iconsVue.ZoomIn,
@@ -20,7 +21,7 @@ const TOOL_ICONS = {
 };
 const _sfc_main = vue.defineComponent({
   name: "CropperTools",
-  components: { ElButtonGroup: elementPlus.ElButtonGroup, ElButton: elementPlus.ElButton, ElUpload: elementPlus.ElUpload, ElTooltip: elementPlus.ElTooltip },
+  components: { ElButtonGroup: elementPlus.ElButtonGroup, ElButton: elementPlus.ElButton, ElUpload: elementPlus.ElUpload, EleTooltip },
   props: {
     // 操作按钮布局
     tools: String,
@@ -124,7 +125,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = vue.resolveComponent("ElButton");
   const _component_ElUpload = vue.resolveComponent("ElUpload");
   const _component_ElButtonGroup = vue.resolveComponent("ElButtonGroup");
-  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.groups, (group) => {
       return vue.openBlock(), vue.createBlock(_component_ElButtonGroup, {
@@ -174,7 +175,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1024);
     }), 128)),
-    vue.createVNode(_component_ElTooltip, vue.mergeProps({ placement: "top" }, _ctx.tooltipProps, {
+    vue.createVNode(_component_EleTooltip, vue.mergeProps({
+      placement: "top",
+      offset: 6
+    }, _ctx.tooltipProps || {}, {
       content: _ctx.tooltipContent,
       virtualRef: _ctx.virtualRef,
       virtualTriggering: true

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

@@ -2,7 +2,7 @@ import type { Ref } from 'vue';
 import type { CropperOptions } from './types';
 import type PreviewType from "./components/cropper-preview";
 export type PreviewInstance = InstanceType<typeof PreviewType> | null;
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     height: StringConstructor;
     src: StringConstructor;
     imageType: {
@@ -32,7 +32,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -40,7 +40,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     locale: import("vue").PropType<import("./types").CropperLocale>;
 }, {
     imageRef: Ref<HTMLImageElement | null>;
-    previewRef: Ref<any>;
+    previewRef: Ref<PreviewInstance>;
     isResponsive: import("vue").ComputedRef<boolean>;
     onZoomIn: () => void;
     onZoomOut: () => void;
@@ -90,7 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -99,13 +99,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
 }, {
-    preview: boolean;
-    responsive: boolean;
     tooltip: boolean;
-    imageType: string;
-    accept: string;
     tools: string;
+    responsive: boolean;
     previewWidth: number;
+    accept: string;
+    preview: boolean;
+    imageType: string;
     toBlob: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElTooltipProps } from 'element-plus';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import type { CropperOptions, CroppedOptions, CropperLocale } from './types';
 /**
  * 属性
@@ -34,7 +34,7 @@ export declare const cropperProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/lib/ele-cropper/style/index.js

@@ -2,6 +2,6 @@
 require("element-plus/es/components/button-group/style/index");
 require("element-plus/es/components/button/style/index");
 require("element-plus/es/components/upload/style/index");
-require("element-plus/es/components/tooltip/style/index");
 require("cropperjs/dist/cropper.min.css");
+require("../../ele-tooltip/style/index");
 require("./index.scss");

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

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-cropper {
   .ele-cropper-main {
@@ -32,7 +33,7 @@
     margin-top: 16px;
     display: inline-block;
     box-sizing: border-box;
-    border: 1px solid elVar('border-color', 'lighter');
+    border: 1px solid elVar('border-color', 'light');
     vertical-align: top;
     overflow: hidden;
 

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

@@ -1,5 +1,5 @@
 import type { CropperLocale } from '../ele-cropper/types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     modalProps: import("vue").PropType<Partial<Omit<import("../ele-modal/props").ModalProps, "modelValue">>>;
     height: StringConstructor;
@@ -31,7 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -76,24 +76,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
     locale: import("vue").PropType<CropperLocale>;
 }>> & {
-    onDone?: ((_result: string | Blob | null) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    onDone?: ((_result: string | Blob | null) => any) | undefined;
 }, {
-    preview: boolean;
-    responsive: boolean;
-    tooltip: boolean;
     modelValue: boolean;
-    imageType: string;
-    accept: string;
+    tooltip: boolean;
     tools: string;
+    responsive: boolean;
     previewWidth: number;
+    accept: string;
+    preview: boolean;
+    imageType: string;
     toBlob: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;