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

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,54 @@
   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-slide-enter-from,
+.ele-card-slide-leave-active {
+  max-height: 0 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.ele-card-slide-enter-active,
+.ele-card-slide-leave-active {
+  overflow: hidden !important;
+}
+
 /* 内部表格高度铺满 */
 .ele-card.is-flex-table {
   flex: 1;

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/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

@@ -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,5 +1,4 @@
-import { GlobalProvide, UseLocaleResult, LocaleProps, ResponsiveProps, LayoutProvide } from './types';
-import { LAYOUT_KEY } from './props';
+import { GlobalProvide, UseLocaleResult, LocaleProps } from './types';
 import { Ref } from 'vue';
 
 /**
@@ -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

@@ -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/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/style/index.js

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

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

@@ -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;
 }, {}>;

package/es/ele-cropper/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, createCommentVNode, createVNode } from "vue";
 import Cropper from "cropperjs";
-import { useResponsive } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import CropperPreview from "./components/cropper-preview";
 import CropperTools from "./components/cropper-tools";
 import { cropperProps, cropperEmits } from "./props";

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

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/button-group/style/index';
-import 'element-plus/es/components/button/style/index';
-import 'element-plus/es/components/upload/style/index';
-import 'cropperjs/dist/cropper.min.css';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/button-group/style/index";
+import "element-plus/es/components/button/style/index";
+import "element-plus/es/components/upload/style/index";
+import "cropperjs/dist/cropper.min.css";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

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

@@ -88,8 +88,8 @@ declare const _default: import('vue').DefineComponent<{
     onDone?: ((_result: string | Blob | null) => any) | undefined;
 }, {
     modelValue: boolean;
-    tooltip: boolean;
     preview: boolean;
+    tooltip: boolean;
     responsive: boolean;
     imageType: string;
     accept: string;

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

@@ -0,0 +1 @@
+

package/es/ele-cropper-modal/style/index.js

@@ -1,2 +1,2 @@
-import '../../ele-modal/style/index';
-import '../../ele-cropper/style/index';
+import "../../ele-modal/style/index";
+import "../../ele-cropper/style/index";

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

@@ -0,0 +1 @@
+

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

@@ -1 +1 @@
-import './index.scss';
+import "./index.scss";