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

package/lib/ele-card/index.cjs

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

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

@@ -3,24 +3,45 @@ declare const _default: import('vue').DefineComponent<{
     footer: StringConstructor;
     bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
+    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
     bordered: BooleanConstructor;
     headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    collapsable: import('vue').PropType<boolean | "header">;
+    collapse: BooleanConstructor;
+    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    flexTable: BooleanConstructor; /** 顶栏点击 */
+}, {
+    isCollapse: import('vue').Ref<boolean>;
+    handleBeforeLeave: (el: HTMLElement) => void;
+    handleLeave: (el: HTMLElement) => void;
+    handleAfterLeave: (el: HTMLElement) => void;
+    handleBeforeEnter: (el: HTMLElement) => void;
+    handleEnter: (el: HTMLElement) => void;
+    handleAfterEnter: (el: HTMLElement) => void;
+    handleCollapseClick: () => void;
+    handleHeaderClick: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    collapseChange: (_collapse: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     header: StringConstructor;
     footer: StringConstructor;
     bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     bodyClass: StringConstructor;
-    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "always" | "never", unknown> | undefined>;
+    shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
     bordered: BooleanConstructor;
     headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor;
-}>>, {
+    collapsable: import('vue').PropType<boolean | "header">;
+    collapse: BooleanConstructor;
+    collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    flexTable: BooleanConstructor; /** 顶栏点击 */
+}>> & {
+    onCollapseChange?: ((_collapse: boolean) => any) | undefined;
+}, {
+    collapse: boolean;
     bordered: boolean;
     flexTable: boolean;
 }, {}>;

package/lib/ele-card/props.cjs

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

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

@@ -1,2 +1,3 @@
 "use strict";
+require("element-plus/es/components/icon/style/index");
 require("./index.scss");

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

@@ -0,0 +1 @@
+

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

@@ -71,7 +71,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
           return vue.openBlock(), vue.createBlock(_component_ElCol, vue.mergeProps({
-            key: index2 + "-" + item.value
+            key: index2 + "-" + item.value,
+            ref_for: true
           }, item.col || {}), {
             default: vue.withCtx(() => [
               vue.createVNode(_component_CardItem, {
@@ -86,7 +87,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: ($event) => _ctx.onItemClick(item)
               }, {
                 default: vue.withCtx((slotProps) => [
-                  vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})), () => [
+                  vue.renderSlot(_ctx.$slots, "item", vue.mergeProps({ ref_for: true }, slotProps || {}), () => [
                     vue.createTextVNode(vue.toDisplayString(item.value), 1)
                   ])
                 ]),
@@ -112,7 +113,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: ($event) => _ctx.onItemClick(item)
       }, {
         default: vue.withCtx((slotProps) => [
-          vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})), () => [
+          vue.renderSlot(_ctx.$slots, "item", vue.mergeProps({ ref_for: true }, slotProps || {}), () => [
             vue.createTextVNode(vue.toDisplayString(item.value), 1)
           ])
         ]),

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

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/lib/components/row/style/index");
-require("element-plus/lib/components/col/style/index");
+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.d.ts

@@ -0,0 +1 @@
+

package/lib/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/lib/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/lib/ele-config-provider/props.cjs

@@ -15,7 +15,5 @@ const configProviderProps = {
   mapKey: String
 };
 const CONFIG_KEY = Symbol("config");
-const LAYOUT_KEY = "EleLayoutState";
 exports.CONFIG_KEY = CONFIG_KEY;
-exports.LAYOUT_KEY = LAYOUT_KEY;
 exports.configProviderProps = configProviderProps;

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

@@ -21,21 +21,6 @@ function useLocale(name, props2) {
   });
   return { lang, globalConfig };
 }
-function useLayoutState() {
-  return vue.inject(props.LAYOUT_KEY, {});
-}
-function useResponsive(props2) {
-  const state = useLayoutState();
-  return vue.computed(() => {
-    return props2.responsive ?? state.responsive ?? true;
-  });
-}
-Object.defineProperty(exports, "LAYOUT_KEY", {
-  enumerable: true,
-  get: () => props.LAYOUT_KEY
-});
 exports.useGlobalProps = useGlobalProps;
-exports.useLayoutState = useLayoutState;
 exports.useLocale = useLocale;
 exports.useReceiver = useReceiver;
-exports.useResponsive = useResponsive;

package/lib/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/lib/ele-config-provider/style/index.cjs

@@ -1,2 +1 @@
 "use strict";
-//

package/lib/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/lib/ele-copyable/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../icons");
+const core = require("../utils/core");
 const receiver = require("../ele-config-provider/receiver");
 const EleTooltip = require("../ele-tooltip/index");
 const props = require("./props");
@@ -27,33 +28,8 @@ const _sfc_main = vue.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(() => {
+      core.copyText(getText()).then(() => {
         copied.value = true;
         updateTooltip();
         state.timer && clearTimeout(state.timer);

package/lib/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/lib/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/lib/ele-copyable/style/index.cjs

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/lib/components/icon/style/index");
+require("element-plus/es/components/icon/style/index");
 require("../../ele-tooltip/style/index");
 require("./index.scss");

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

@@ -0,0 +1 @@
+

package/lib/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/lib/ele-count-up/style/index.cjs

@@ -1,2 +1 @@
 "use strict";
-//