ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

package/es/ele-card/index.js

@@ -1,8 +1,52 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { cardProps } from "./props";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withModifiers, createVNode, withCtx, Transition, withDirectives, vShow } from "vue";
+import { ElIcon } from "element-plus";
+import { ArrowUp } from "../icons";
+import { useCollapseAnim } from "../utils/hook";
+import { cardProps, cardEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleCard",
-  props: cardProps
+  components: { ElIcon, ArrowUp },
+  props: cardProps,
+  emits: cardEmits,
+  setup(props, { emit }) {
+    const {
+      handleBeforeEnter,
+      handleEnter,
+      handleAfterEnter,
+      handleBeforeLeave,
+      handleLeave,
+      handleAfterLeave
+    } = useCollapseAnim();
+    const isCollapse = ref(!!props.collapse);
+    const handleCollapseClick = () => {
+      isCollapse.value = !isCollapse.value;
+      emit("collapseChange", isCollapse.value);
+    };
+    const handleHeaderClick = () => {
+      if (props.collapsable === "header") {
+        handleCollapseClick();
+      }
+    };
+    watch(
+      () => props.collapse,
+      (collapse) => {
+        if (isCollapse.value !== !!collapse) {
+          isCollapse.value = !!collapse;
+        }
+      }
+    );
+    return {
+      isCollapse,
+      handleBeforeLeave,
+      handleLeave,
+      handleAfterLeave,
+      handleBeforeEnter,
+      handleEnter,
+      handleAfterEnter,
+      handleCollapseClick,
+      handleHeaderClick
+    };
+  }
 });
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -12,19 +56,23 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowUp = resolveComponent("ArrowUp");
+  const _component_ElIcon = resolveComponent("ElIcon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-card",
       { "is-border": _ctx.bordered },
       { "is-shadow": _ctx.shadow === "always" },
       { "is-hover-shadow": _ctx.shadow === "hover" },
+      { "is-collapse": _ctx.isCollapse },
       { "is-flex-table": _ctx.flexTable }
     ])
   }, [
     _ctx.header || _ctx.$slots.header || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "ele-card-header",
-      style: normalizeStyle(_ctx.headerStyle)
+      style: normalizeStyle(_ctx.headerStyle),
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args))
     }, [
       createElementVNode("div", {
         class: "ele-card-title",
@@ -34,14 +82,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(_ctx.header), 1)
         ])
       ], 4),
-      _ctx.$slots.extra ? renderSlot(_ctx.$slots, "extra", { key: 0 }) : createCommentVNode("", true)
+      _ctx.$slots.extra ? renderSlot(_ctx.$slots, "extra", { key: 0 }) : createCommentVNode("", true),
+      _ctx.collapsable ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        style: normalizeStyle(_ctx.collapseIconStyle),
+        class: "ele-card-collapse-icon",
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleCollapseClick && _ctx.handleCollapseClick(...args), ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "collapseIcon", {}, () => [
+          createVNode(_component_ElIcon, null, {
+            default: withCtx(() => [
+              createVNode(_component_ArrowUp)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : createCommentVNode("", true)
     ], 4)) : createCommentVNode("", true),
-    createElementVNode("div", {
-      class: normalizeClass(["ele-card-body", _ctx.bodyClass]),
-      style: normalizeStyle(_ctx.bodyStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 6),
+    createVNode(Transition, {
+      name: "ele-card-slide",
+      onBeforeLeave: _ctx.handleBeforeLeave,
+      onLeave: _ctx.handleLeave,
+      onAfterLeave: _ctx.handleAfterLeave,
+      onBeforeEnter: _ctx.handleBeforeEnter,
+      onEnter: _ctx.handleEnter,
+      onAfterEnter: _ctx.handleAfterEnter
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(["ele-card-body", _ctx.bodyClass]),
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 6), [
+          [vShow, !_ctx.isCollapse]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave", "onLeave", "onAfterLeave", "onBeforeEnter", "onEnter", "onAfterEnter"]),
     _ctx.footer || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "ele-card-footer",

package/es/ele-card/props.d.ts

@@ -13,7 +13,7 @@ export declare const cardProps: {
     /** 主体类名 */
     bodyClass: StringConstructor;
     /** 阴影 */
-    shadow: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
+    shadow: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
     /** 边框 */
     bordered: BooleanConstructor;
     /** 标题栏样式 */
@@ -22,7 +22,20 @@ export declare const cardProps: {
     titleStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 页脚样式 */
     footerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 是否可折叠 */
+    collapsable: PropType<boolean | "header">;
+    /** 是否折叠 */
+    collapse: BooleanConstructor;
+    /** 折叠按钮样式 */
+    collapseIconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 内部表格是否弹性布局 */
     flexTable: BooleanConstructor;
 };
 export type CardProps = ExtractPropTypes<typeof cardProps>;
+/**
+ * 事件
+ */
+export declare const cardEmits: {
+    /** 折叠展开事件 */
+    collapseChange: (_collapse: boolean) => boolean;
+};

package/es/ele-card/props.js

@@ -17,9 +17,20 @@ const cardProps = {
   titleStyle: Object,
   /** 页脚样式 */
   footerStyle: Object,
+  /** 是否可折叠 */
+  collapsable: [Boolean, String],
+  /** 是否折叠 */
+  collapse: Boolean,
+  /** 折叠按钮样式 */
+  collapseIconStyle: Object,
   /** 内部表格是否弹性布局 */
   flexTable: Boolean
 };
+const cardEmits = {
+  /** 折叠展开事件 */
+  collapseChange: (_collapse) => true
+};
 export {
+  cardEmits,
   cardProps
 };

package/es/ele-card/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -1 +1,2 @@
-import './index.scss';
+import "element-plus/es/components/icon/style/index";
+import "./index.scss";

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

@@ -9,9 +9,9 @@
   background: eleVar('card', 'bg');
   border-radius: eleVar('card', 'radius');
   transition: (
-    border-color $ele-transition,
-    background-color $ele-transition,
-    box-shadow $ele-transition
+    border-color $transition-base,
+    background-color $transition-base,
+    box-shadow $transition-base
   );
 
   &.is-border {
@@ -29,6 +29,11 @@
 
 .ele-card-body {
   padding: eleVar('card', 'padding');
+  transition: (
+    max-height $transition-base,
+    padding-top $transition-base,
+    padding-bottom $transition-base
+  );
   box-sizing: border-box;
 }
 
@@ -56,6 +61,41 @@
   box-sizing: border-box;
 }
 
+/* 折叠按钮 */
+.ele-card-collapse-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: eleVar('card', 'collapse-size');
+  height: eleVar('card', 'collapse-size');
+  color: eleVar('card', 'collapse-color');
+  font-size: eleVar('card', 'collapse-font-size');
+  border-radius: eleVar('card', 'collapse-radius');
+  margin: eleVar('card', 'collapse-margin');
+  transition: all $transition-base;
+  box-sizing: border-box;
+  user-select: none;
+  cursor: pointer;
+
+  svg.ele-arrow-up path {
+    transition: d $transition-base;
+  }
+
+  &:hover {
+    color: eleVar('card', 'collapse-hover-color');
+    background: eleVar('card', 'collapse-hover-bg');
+  }
+}
+
+/* 折叠状态 */
+.ele-card.is-collapse > .ele-card-header {
+  border-bottom: none;
+
+  & > .ele-card-collapse-icon svg.ele-arrow-up path {
+    #{'d'}: path('M10 17 24 31 38 17');
+  }
+}
+
 /* 内部表格高度铺满 */
 .ele-card.is-flex-table {
   flex: 1;

package/es/ele-check-card/components/card-item.d.ts

@@ -1,5 +1,5 @@
-import { CheckCardItem } from '../types';
 import { PropType } from 'vue';
+import { CheckCardItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 数据 */

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

@@ -50,8 +50,8 @@ declare const _default: import('vue').DefineComponent<{
     onChange?: ((_value: CheckedValue) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
 }, {
-    disabled: boolean;
     modelValue: CheckedValue;
+    disabled: boolean;
     multiple: boolean;
     bordered: boolean;
     arrow: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, normalizeProps, mergeProps, withCtx, Fragment, renderList, createVNode, normalizeStyle, normalizeClass, renderSlot, guardReactiveProps, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, normalizeProps, mergeProps, withCtx, Fragment, renderList, createVNode, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { ElRow, ElCol } from "element-plus";
 import CardItem from "./components/card-item";
 import { checkCardProps, checkCardEmits } from "./props";
@@ -70,7 +70,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
           return openBlock(), createBlock(_component_ElCol, mergeProps({
-            key: index2 + "-" + item.value
+            key: index2 + "-" + item.value,
+            ref_for: true
           }, item.col || {}), {
             default: withCtx(() => [
               createVNode(_component_CardItem, {
@@ -85,7 +86,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: ($event) => _ctx.onItemClick(item)
               }, {
                 default: withCtx((slotProps) => [
-                  renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps || {})), () => [
+                  renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, slotProps || {}), () => [
                     createTextVNode(toDisplayString(item.value), 1)
                   ])
                 ]),
@@ -111,7 +112,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: ($event) => _ctx.onItemClick(item)
       }, {
         default: withCtx((slotProps) => [
-          renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps || {})), () => [
+          renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, slotProps || {}), () => [
             createTextVNode(toDisplayString(item.value), 1)
           ])
         ]),

package/es/ele-check-card/props.d.ts

@@ -1,6 +1,6 @@
-import { CheckCardItem, CheckedValue } from './types';
-import { ElRowProps } from '../ele-app/el';
 import { ExtractPropTypes, PropType } from 'vue';
+import { ElRowProps } from '../ele-app/el';
+import { CheckCardItem, CheckedValue } from './types';
 
 /**
  * 属性

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

@@ -0,0 +1 @@
+

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

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/row/style/index';
-import 'element-plus/es/components/col/style/index';
-import './index.scss';
+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

@@ -7,10 +7,10 @@
 .ele-check-card {
   box-sizing: border-box;
   transition: (
-    color $ele-transition,
-    border-color $ele-transition,
-    border-width $ele-transition,
-    box-shadow $ele-transition
+    color $transition-base,
+    border-color $transition-base,
+    border-width $transition-base,
+    box-shadow $transition-base
   );
   position: relative;
   cursor: pointer;

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

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
+    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;
@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<{
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     locale: import('vue').PropType<import('./types').EleLocale>;
-    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
-    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
+    table: import('vue').PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
+    message: import('vue').PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
     messageBox: import('vue').PropType<Partial<import('../utils/message-box').MessageBoxOptions>>;
     license: StringConstructor;
     mapKey: StringConstructor;

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

@@ -1,6 +1,6 @@
-import { EleLocale } from './types';
-import { MessageBoxOptions } from '../utils/message-box';
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { MessageBoxOptions } from '../utils/message-box';
+import { EleLocale } from './types';
 
 /**
  * 属性
@@ -9,9 +9,9 @@ export declare const configProviderProps: {
     /** 国际化 */
     locale: PropType<EleLocale>;
     /** 表格全局配置 */
-    table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination" | "exportConfig" | "printConfig">>>;
+    table: PropType<Partial<Pick<import('../ele-app/plus').EleProTableProps, "size" | "stripe" | "border" | "tools" | "emptyProps" | "exportConfig" | "printConfig" | "request" | "response" | "parseData" | "maximizedIndex" | "pagination">>>;
     /** 消息提示全局配置 */
-    message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "mask" | "center" | "duration" | "showClose" | "plain" | "offset" | "grouping" | "appendTo" | "inner" | "original" | "centered">>>;
+    message: PropType<Partial<Pick<import('../utils/message').MessageOptions, "center" | "offset" | "plain" | "appendTo" | "showClose" | "duration" | "grouping" | "mask" | "inner" | "original" | "centered">>>;
     /** 消息弹窗全局配置 */
     messageBox: PropType<Partial<MessageBoxOptions>>;
     /** license */
@@ -24,7 +24,3 @@ export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
  * 全局配置键名
  */
 export declare const CONFIG_KEY: InjectionKey<ConfigProviderProps>;
-/**
- * 布局状态共享键名
- */
-export declare const LAYOUT_KEY = "EleLayoutState";

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

@@ -13,9 +13,7 @@ const configProviderProps = {
   mapKey: String
 };
 const CONFIG_KEY = Symbol("config");
-const LAYOUT_KEY = "EleLayoutState";
 export {
   CONFIG_KEY,
-  LAYOUT_KEY,
   configProviderProps
 };

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

@@ -1,6 +1,5 @@
-import { GlobalProvide, UseLocaleResult, LocaleProps, ResponsiveProps, LayoutProvide } from './types';
-import { LAYOUT_KEY } from './props';
 import { Ref } from 'vue';
+import { GlobalProvide, UseLocaleResult, LocaleProps } from './types';
 
 /**
  * 获取全局配置
@@ -14,12 +13,3 @@ export declare function useGlobalProps<T>(name: string): Ref<T>;
  * 获取国际化
  */
 export declare function useLocale<T>(name?: string, props?: LocaleProps<T>): UseLocaleResult<T>;
-/**
- * 获取布局状态
- */
-export declare function useLayoutState(): LayoutProvide;
-/**
- * 获取是否开启布局响应
- */
-export declare function useResponsive(props: ResponsiveProps): import('vue').ComputedRef<boolean>;
-export { LAYOUT_KEY };

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

@@ -1,6 +1,5 @@
 import { inject, computed } from "vue";
-import { CONFIG_KEY, LAYOUT_KEY } from "./props";
-import { LAYOUT_KEY as LAYOUT_KEY2 } from "./props";
+import { CONFIG_KEY } from "./props";
 import defaultLocale from "../lang/zh_CN";
 function useReceiver() {
   return inject(CONFIG_KEY, {});
@@ -20,20 +19,8 @@ function useLocale(name, props) {
   });
   return { lang, globalConfig };
 }
-function useLayoutState() {
-  return inject(LAYOUT_KEY, {});
-}
-function useResponsive(props) {
-  const state = useLayoutState();
-  return computed(() => {
-    return props.responsive ?? state.responsive ?? true;
-  });
-}
 export {
-  LAYOUT_KEY2 as LAYOUT_KEY,
   useGlobalProps,
-  useLayoutState,
   useLocale,
-  useReceiver,
-  useResponsive
+  useReceiver
 };

package/es/ele-config-provider/style/index.js

@@ -1 +1 @@
-//
+

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

@@ -100,22 +100,3 @@ export interface UseLocaleResult<T> {
 export interface LocaleProps<T> extends Record<keyof any, any> {
   locale?: Partial<T>;
 }
-
-/**
- * 带响应式的组件属性
- */
-export interface ResponsiveProps extends Record<keyof any, any> {
-  responsive?: boolean;
-}
-
-/**
- * 布局共享数据
- */
-export interface LayoutProvide {
-  /** 是否支持内链缓存 */
-  keepAlive?: boolean;
-  /** 是否开启响应式 */
-  responsive?: boolean;
-  /** 弹窗容器 */
-  modalsEl?: HTMLElement | null;
-}

package/es/ele-copyable/index.d.ts

@@ -1,5 +1,5 @@
-import { CopyableLocale } from './types';
 import { EleTooltipInstance } from '../ele-app/plus';
+import { CopyableLocale } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     text: StringConstructor;
@@ -12,9 +12,9 @@ declare const _default: import('vue').DefineComponent<{
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
+        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
         default: boolean;
-    }; /** 是否拷贝完成 */
+    };
     resetAfter: {
         type: NumberConstructor;
         default: number;
@@ -41,9 +41,9 @@ declare const _default: import('vue').DefineComponent<{
     copiedIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
     copiedIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tooltip: {
-        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
+        type: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>; /** 提示单例目标 */
         default: boolean;
-    }; /** 是否拷贝完成 */
+    };
     resetAfter: {
         type: NumberConstructor;
         default: number;

package/es/ele-copyable/index.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, onDeactivated, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, createBlock, normalizeProps, mergeProps, withCtx, resolveDynamicComponent, createVNode } from "vue";
 import { ElIcon } from "element-plus";
 import { CopyOutlined, CheckOutlined } from "../icons";
+import { copyText } from "../utils/core";
 import { useLocale } from "../ele-config-provider/receiver";
 import EleTooltip from "../ele-tooltip/index";
 import { copyableProps, copyableEmits } from "./props";
@@ -26,31 +27,6 @@ const _sfc_main = defineComponent({
       }
       return ((_a = innerRef.value) == null ? void 0 : _a.innerText) || "";
     };
-    const copyText = (text) => {
-      var _a;
-      if (typeof ((_a = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a.writeText) === "function") {
-        return navigator.clipboard.writeText(text);
-      }
-      return new Promise((resolve, reject) => {
-        const el = document.createElement("textarea");
-        el.value = text;
-        el.style.position = "fixed";
-        el.style.top = "-200px";
-        el.style.left = "-200px";
-        el.style.width = "100px";
-        el.style.height = "100px";
-        document.body.appendChild(el);
-        el.focus();
-        el.select();
-        if (document.execCommand("copy")) {
-          el.remove();
-          resolve();
-        } else {
-          el.remove();
-          reject(new Error("浏览器不支持复制"));
-        }
-      });
-    };
     const onCopyClick = () => {
       copyText(getText()).then(() => {
         copied.value = true;

package/es/ele-copyable/props.d.ts

@@ -1,6 +1,6 @@
-import { CopyableIcon, CopyableLocale } from './types';
-import { ElIconProps } from '../ele-app/el';
 import { PropType, ExtractPropTypes } from 'vue';
+import { ElIconProps } from '../ele-app/el';
+import { CopyableIcon, CopyableLocale } from './types';
 
 /**
  * 属性

package/es/ele-copyable/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-copyable/style/index.js

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/icon/style/index';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/icon/style/index";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

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

@@ -1,5 +1,5 @@
-import { CountUpOptions, CountUp } from 'countup.js';
 import { PropType, ExtractPropTypes } from 'vue';
+import { CountUpOptions, CountUp } from 'countup.js';
 
 /**
  * 属性

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

@@ -1 +1 @@
-//
+

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

@@ -1,5 +1,5 @@
-import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
 import { PropType } from 'vue';
+import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 操作按钮布局 */

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

@@ -1,6 +1,6 @@
-import { default as PreviewType } from "./components/cropper-preview";
-import { CropperOptions } from './types';
 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<{
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>; /** 渲染 */
+    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
 }, {
     imageRef: Ref<HTMLImageElement | null>;
     previewRef: Ref<PreviewInstance>;
@@ -96,16 +96,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>; /** 渲染 */
+    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
 }>> & {
     onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
 }, {
-    tooltip: boolean;
     preview: boolean;
+    tooltip: boolean;
     responsive: boolean;
+    tools: string;
     imageType: string;
     accept: string;
-    tools: string;
     previewWidth: number;
     toBlob: boolean;
 }, {}>;