ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.4

package/es/components.d.ts

@@ -1,3 +1,4 @@
+export { default as EleAlert } from "./ele-alert/index";
 export { default as EleApp } from './ele-app/index';
 export { default as EleAvatarGroup } from "./ele-avatar-group/index";
 export { default as EleBarCode } from "./ele-bar-code/index";
@@ -23,10 +24,12 @@ export { default as EleMenus } from './ele-menus/index';
 export { default as EleModal } from "./ele-modal/index";
 export { default as ElePage } from "./ele-page/index";
 export { default as ElePagination } from "./ele-pagination/index";
+export { default as ElePrinter } from "./ele-printer/index";
 export { default as EleProLayout } from "./ele-pro-layout/index";
 export { default as EleProTable } from "./ele-pro-table/index";
 export { default as EleQrCode } from "./ele-qr-code/index";
 export { default as EleQrCodeSvg } from "./ele-qr-code-svg/index";
+export { default as EleSegmented } from "./ele-segmented/index";
 export { default as EleSplitPanel } from "./ele-split-panel/index";
 export { default as EleSteps } from "./ele-steps/index";
 export { default as EleTabs } from "./ele-tabs/index";

package/es/components.js

@@ -1,88 +1,94 @@
-import { default as default2 } from "./ele-app/index";
-import { default as default3 } from "./ele-avatar-group/index";
-import { default as default4 } from "./ele-bar-code/index";
-import { default as default5 } from "./ele-basic-select/index";
-import { default as default6 } from "./ele-bottom-bar/index";
-import { default as default7 } from "./ele-breadcrumb/index";
-import { default as default8 } from "./ele-card/index";
-import { default as default9 } from "./ele-config-provider/index";
-import { default as default10 } from "./ele-count-up/index";
-import { default as default11 } from "./ele-cropper/index";
-import { default as default12 } from "./ele-cropper-modal/index";
-import { default as default13 } from "./ele-dashboard/index";
-import { default as default14 } from "./ele-dot/index";
-import { default as default15 } from "./ele-drawer/index";
-import { default as default16 } from "./ele-edit-tag/index";
-import { default as default17 } from "./ele-ellipsis/index";
-import { default as default18 } from "./ele-file-list/index";
-import { default as default19 } from "./ele-file-list-tool/index";
-import { default as default20 } from "./ele-icon-select/index";
-import { default as default21 } from "./ele-loading/index";
-import { default as default22 } from "./ele-map-picker/index";
-import { default as default23 } from "./ele-menus/index";
-import { default as default24 } from "./ele-modal/index";
-import { default as default25 } from "./ele-page/index";
-import { default as default26 } from "./ele-pagination/index";
-import { default as default27 } from "./ele-pro-layout/index";
-import { default as default28 } from "./ele-pro-table/index";
-import { default as default29 } from "./ele-qr-code/index";
-import { default as default30 } from "./ele-qr-code-svg/index";
-import { default as default31 } from "./ele-split-panel/index";
-import { default as default32 } from "./ele-steps/index";
-import { default as default33 } from "./ele-tabs/index";
-import { default as default34 } from "./ele-tab-tool/index";
-import { default as default35 } from "./ele-tab-wrap/index";
-import { default as default36 } from "./ele-table/index";
-import { default as default37 } from "./ele-table-select/index";
-import { default as default38 } from "./ele-text/index";
-import { default as default39 } from "./ele-tool/index";
-import { default as default40 } from "./ele-toolbar/index";
-import { default as default41 } from "./ele-tour/index";
-import { default as default42 } from "./ele-upload-list/index";
-import { default as default43 } from "./ele-watermark/index";
-import { default as default44 } from "./ele-xg-player/index";
+import { default as default2 } from "./ele-alert/index";
+import { default as default3 } from "./ele-app/index";
+import { default as default4 } from "./ele-avatar-group/index";
+import { default as default5 } from "./ele-bar-code/index";
+import { default as default6 } from "./ele-basic-select/index";
+import { default as default7 } from "./ele-bottom-bar/index";
+import { default as default8 } from "./ele-breadcrumb/index";
+import { default as default9 } from "./ele-card/index";
+import { default as default10 } from "./ele-config-provider/index";
+import { default as default11 } from "./ele-count-up/index";
+import { default as default12 } from "./ele-cropper/index";
+import { default as default13 } from "./ele-cropper-modal/index";
+import { default as default14 } from "./ele-dashboard/index";
+import { default as default15 } from "./ele-dot/index";
+import { default as default16 } from "./ele-drawer/index";
+import { default as default17 } from "./ele-edit-tag/index";
+import { default as default18 } from "./ele-ellipsis/index";
+import { default as default19 } from "./ele-file-list/index";
+import { default as default20 } from "./ele-file-list-tool/index";
+import { default as default21 } from "./ele-icon-select/index";
+import { default as default22 } from "./ele-loading/index";
+import { default as default23 } from "./ele-map-picker/index";
+import { default as default24 } from "./ele-menus/index";
+import { default as default25 } from "./ele-modal/index";
+import { default as default26 } from "./ele-page/index";
+import { default as default27 } from "./ele-pagination/index";
+import { default as default28 } from "./ele-printer/index";
+import { default as default29 } from "./ele-pro-layout/index";
+import { default as default30 } from "./ele-pro-table/index";
+import { default as default31 } from "./ele-qr-code/index";
+import { default as default32 } from "./ele-qr-code-svg/index";
+import { default as default33 } from "./ele-segmented/index";
+import { default as default34 } from "./ele-split-panel/index";
+import { default as default35 } from "./ele-steps/index";
+import { default as default36 } from "./ele-tabs/index";
+import { default as default37 } from "./ele-tab-tool/index";
+import { default as default38 } from "./ele-tab-wrap/index";
+import { default as default39 } from "./ele-table/index";
+import { default as default40 } from "./ele-table-select/index";
+import { default as default41 } from "./ele-text/index";
+import { default as default42 } from "./ele-tool/index";
+import { default as default43 } from "./ele-toolbar/index";
+import { default as default44 } from "./ele-tour/index";
+import { default as default45 } from "./ele-upload-list/index";
+import { default as default46 } from "./ele-watermark/index";
+import { default as default47 } from "./ele-xg-player/index";
 export {
-  default2 as EleApp,
-  default3 as EleAvatarGroup,
-  default4 as EleBarCode,
-  default5 as EleBasicSelect,
-  default6 as EleBottomBar,
-  default7 as EleBreadcrumb,
-  default8 as EleCard,
-  default9 as EleConfigProvider,
-  default10 as EleCountUp,
-  default11 as EleCropper,
-  default12 as EleCropperModal,
-  default13 as EleDashboard,
-  default14 as EleDot,
-  default15 as EleDrawer,
-  default16 as EleEditTag,
-  default17 as EleEllipsis,
-  default18 as EleFileList,
-  default19 as EleFileListTool,
-  default20 as EleIconSelect,
-  default21 as EleLoading,
-  default22 as EleMapPicker,
-  default23 as EleMenus,
-  default24 as EleModal,
-  default25 as ElePage,
-  default26 as ElePagination,
-  default27 as EleProLayout,
-  default28 as EleProTable,
-  default29 as EleQrCode,
-  default30 as EleQrCodeSvg,
-  default31 as EleSplitPanel,
-  default32 as EleSteps,
-  default34 as EleTabTool,
-  default35 as EleTabWrap,
-  default36 as EleTable,
-  default37 as EleTableSelect,
-  default33 as EleTabs,
-  default38 as EleText,
-  default39 as EleTool,
-  default40 as EleToolbar,
-  default41 as EleTour,
-  default42 as EleUploadList,
-  default43 as EleWatermark,
-  default44 as EleXgPlayer
+  default2 as EleAlert,
+  default3 as EleApp,
+  default4 as EleAvatarGroup,
+  default5 as EleBarCode,
+  default6 as EleBasicSelect,
+  default7 as EleBottomBar,
+  default8 as EleBreadcrumb,
+  default9 as EleCard,
+  default10 as EleConfigProvider,
+  default11 as EleCountUp,
+  default12 as EleCropper,
+  default13 as EleCropperModal,
+  default14 as EleDashboard,
+  default15 as EleDot,
+  default16 as EleDrawer,
+  default17 as EleEditTag,
+  default18 as EleEllipsis,
+  default19 as EleFileList,
+  default20 as EleFileListTool,
+  default21 as EleIconSelect,
+  default22 as EleLoading,
+  default23 as EleMapPicker,
+  default24 as EleMenus,
+  default25 as EleModal,
+  default26 as ElePage,
+  default27 as ElePagination,
+  default28 as ElePrinter,
+  default29 as EleProLayout,
+  default30 as EleProTable,
+  default31 as EleQrCode,
+  default32 as EleQrCodeSvg,
+  default33 as EleSegmented,
+  default34 as EleSplitPanel,
+  default35 as EleSteps,
+  default37 as EleTabTool,
+  default38 as EleTabWrap,
+  default39 as EleTable,
+  default40 as EleTableSelect,
+  default36 as EleTabs,
+  default41 as EleText,
+  default42 as EleTool,
+  default43 as EleToolbar,
+  default44 as EleTour,
+  default45 as EleUploadList,
+  default46 as EleWatermark,
+  default47 as EleXgPlayer
 };

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

@@ -0,0 +1,62 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: StringConstructor;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    description: StringConstructor;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: BooleanConstructor;
+    closeText: StringConstructor;
+    showIcon: BooleanConstructor;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
+    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    visible: import("vue").Ref<boolean>;
+    isRich: import("vue").ComputedRef<boolean>;
+    onClose: (e: MouseEvent) => void;
+    open: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (_e: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    description: StringConstructor;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: BooleanConstructor;
+    closeText: StringConstructor;
+    showIcon: BooleanConstructor;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    closeIconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    closeIconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    titleStyle: import("vue").PropType<import("vue").CSSProperties>;
+    descriptionStyle: import("vue").PropType<import("vue").CSSProperties>;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onClose?: ((_e: MouseEvent) => any) | undefined;
+}, {
+    closable: boolean;
+    showIcon: boolean;
+    center: boolean;
+    transitionName: string;
+}, {}>;
+export default _sfc_main;

package/es/ele-alert/index.js

@@ -0,0 +1,129 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, mergeProps } from "vue";
+import { ElIcon } from "element-plus";
+import { Close, CircleCheckFilled, InfoFilled, WarningFilled, CircleCloseFilled } from "@element-plus/icons-vue";
+import { useLicense } from "../ele-config-provider/receiver";
+import { alertProps, alertEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "EleAlert",
+  components: {
+    ElIcon,
+    Close,
+    CircleCheckFilled,
+    InfoFilled,
+    WarningFilled,
+    CircleCloseFilled
+  },
+  props: alertProps,
+  emits: alertEmits,
+  setup(props, { emit, slots }) {
+    const { authenticated } = useLicense();
+    const visible = ref(true);
+    const isRich = computed(() => {
+      return !!props.description || !!slots.default;
+    });
+    const onClose = (e) => {
+      if (!visible.value || !props.closable || !authenticated.value) {
+        return;
+      }
+      visible.value = false;
+      emit("close", e);
+    };
+    const open = () => {
+      if (!visible.value && authenticated.value) {
+        visible.value = true;
+      }
+    };
+    return { visible, isRich, onClose, open };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CircleCheckFilled = resolveComponent("CircleCheckFilled");
+  const _component_WarningFilled = resolveComponent("WarningFilled");
+  const _component_CircleCloseFilled = resolveComponent("CircleCloseFilled");
+  const _component_InfoFilled = resolveComponent("InfoFilled");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_Close = resolveComponent("Close");
+  return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
+    default: withCtx(() => [
+      _ctx.visible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          "ele-alert",
+          { "is-success": _ctx.type === "success" },
+          { "is-warning": _ctx.type === "warning" },
+          { "is-error": _ctx.type === "error" },
+          { "is-dark": _ctx.effect === "dark" },
+          { "is-center": _ctx.center },
+          { "is-rich": _ctx.isRich }
+        ])
+      }, [
+        _ctx.showIcon ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-alert-icon",
+          style: normalizeStyle(_ctx.iconStyle)
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(_component_ElIcon, normalizeProps(guardReactiveProps(_ctx.iconProps)), {
+              default: withCtx(() => [
+                _ctx.type === "success" ? (openBlock(), createBlock(_component_CircleCheckFilled, { key: 0 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_WarningFilled, { key: 1 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CircleCloseFilled, { key: 2 })) : (openBlock(), createBlock(_component_InfoFilled, { key: 3 }))
+              ]),
+              _: 1
+            }, 16)
+          ])
+        ], 4)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "ele-alert-body",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-alert-title",
+            style: normalizeStyle(_ctx.titleStyle)
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 4)) : createCommentVNode("", true),
+          _ctx.isRich ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "ele-alert-text",
+            style: normalizeStyle(_ctx.descriptionStyle)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ], 4)) : createCommentVNode("", true)
+        ], 4),
+        renderSlot(_ctx.$slots, "action"),
+        _ctx.closable ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "ele-alert-close",
+          style: normalizeStyle(_ctx.closeIconStyle),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+        }, [
+          renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+            _ctx.closeText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 1 }, _ctx.closeIconProps)), {
+              default: withCtx(() => [
+                createVNode(_component_Close)
+              ]),
+              _: 1
+            }, 16))
+          ])
+        ], 4)) : createCommentVNode("", true)
+      ], 2)) : createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,36 @@
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { IconProps } from 'element-plus';
+/**
+ * 属性
+ */
+export declare const alertProps: {
+    title: StringConstructor;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>>;
+    description: StringConstructor;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: BooleanConstructor;
+    closeText: StringConstructor;
+    showIcon: BooleanConstructor;
+    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    iconStyle: PropType<CSSProperties>;
+    iconProps: PropType<Partial<IconProps>>;
+    closeIconStyle: PropType<CSSProperties>;
+    closeIconProps: PropType<Partial<IconProps>>;
+    bodyStyle: PropType<CSSProperties>;
+    titleStyle: PropType<CSSProperties>;
+    descriptionStyle: PropType<CSSProperties>;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type AlertProps = ExtractPropTypes<typeof alertProps>;
+/**
+ * 事件
+ */
+export declare const alertEmits: {
+    close: (_e: MouseEvent) => boolean;
+};

package/es/ele-alert/props.js

@@ -0,0 +1,48 @@
+const alertProps = {
+  // 标题
+  title: String,
+  // 类型
+  type: String,
+  // 描述
+  description: String,
+  // 是否可关闭
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  // 是否居中
+  center: Boolean,
+  // 自定义关闭按钮文字
+  closeText: String,
+  // 是否显示图标
+  showIcon: Boolean,
+  // 主题
+  effect: String,
+  // 图标样式
+  iconStyle: Object,
+  // 图标组件属性
+  iconProps: Object,
+  // 关闭图标样式
+  closeIconStyle: Object,
+  // 关闭图标组件属性
+  closeIconProps: Object,
+  // 内容区样式
+  bodyStyle: Object,
+  // 标题样式
+  titleStyle: Object,
+  // 描述样式
+  descriptionStyle: Object,
+  // 过度动画名称
+  transitionName: {
+    type: String,
+    default: "ele-alert-fade"
+  }
+};
+const alertEmits = {
+  // 关闭的事件
+  close: (_e) => true
+};
+export {
+  alertEmits,
+  alertProps
+};

package/es/ele-alert/style/css-var.scss

@@ -0,0 +1,11 @@
+@use '../../style/themes/default.scss' as *;
+
+@mixin set-alert-var($var) {
+  .ele-alert {
+    @include set-ele-var('alert', $var);
+  }
+
+  .ele-alert.is-dark {
+    @include set-ele-var('alert-dark', $var);
+  }
+}

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

@@ -0,0 +1 @@
+import './index.scss';

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

@@ -0,0 +1,148 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-alert-var($ele);
+
+.ele-alert {
+  display: flex;
+  align-items: center;
+  padding: eleVar('alert', 'padding');
+  border-radius: eleVar('alert', 'radius');
+  background: elVar('color-primary', 'light-9');
+  border: 1px solid elVar('color-primary', 'light-7');
+  transition: opacity 0.2s;
+  box-sizing: border-box;
+  position: relative;
+
+  .ele-alert-icon {
+    flex-shrink: 0;
+    color: elVar('color-primary');
+    font-size: eleVar('alert', 'icon-size');
+    margin-right: 8px;
+    display: flex;
+  }
+
+  .ele-alert-body {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .ele-alert-title {
+    color: eleVar('alert', 'color');
+    font-size: eleVar('alert', 'title-size');
+    line-height: eleVar('alert', 'title-line-height');
+
+    & + .ele-alert-text {
+      margin-top: 4px;
+    }
+  }
+
+  .ele-alert-text {
+    color: eleVar('alert', 'color');
+    font-size: eleVar('alert', 'size');
+  }
+
+  .ele-alert-close {
+    flex-shrink: 0;
+    color: eleVar('alert', 'close-color');
+    font-size: eleVar('alert', 'close-size');
+    transition: color 0.2s;
+    margin-left: 8px;
+    cursor: pointer;
+    display: flex;
+
+    &:hover {
+      color: eleVar('alert', 'close-hover-color');
+    }
+  }
+
+  // 含有描述
+  &.is-rich {
+    align-items: flex-start;
+    padding: eleVar('alert', 'rich-padding');
+
+    .ele-alert-icon {
+      font-size: eleVar('alert', 'rich-icon-size');
+    }
+
+    .ele-alert-title {
+      color: eleVar('alert', 'title-color');
+    }
+  }
+
+  // 类型
+  &.is-success {
+    background: elVar('color-success', 'light-9');
+    border-color: elVar('color-success', 'light-7');
+
+    .ele-alert-icon {
+      color: elVar('color-success');
+    }
+  }
+
+  &.is-warning {
+    background: elVar('color-warning', 'light-9');
+    border-color: elVar('color-warning', 'light-7');
+
+    .ele-alert-icon {
+      color: elVar('color-warning');
+    }
+  }
+
+  &.is-error {
+    background: elVar('color-error', 'light-9');
+    border-color: elVar('color-error', 'light-7');
+
+    .ele-alert-icon {
+      color: elVar('color-error');
+    }
+  }
+
+  // 居中
+  &.is-center {
+    justify-content: center;
+
+    .ele-alert-body {
+      flex: initial;
+    }
+
+    .ele-alert-close {
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
+
+  // 主题
+  &.is-dark {
+    $hover-color: eleVar('alert-dark', 'close-hover-color');
+    #{eleVarName('alert', 'color')}: eleVar('alert-dark', 'color');
+    #{eleVarName('alert', 'title-color')}: eleVar('alert-dark', 'title-color');
+    #{eleVarName('alert', 'close-color')}: eleVar('alert-dark', 'close-color');
+    #{eleVarName('alert', 'close-hover-color')}: #{$hover-color};
+    background: elVar('color-primary');
+    border: none;
+
+    .ele-alert-icon {
+      color: eleVar('alert-dark', 'title-color');
+    }
+
+    &.is-success {
+      background: elVar('color-success');
+    }
+
+    &.is-warning {
+      background: elVar('color-warning');
+    }
+
+    &.is-error {
+      background: elVar('color-error');
+    }
+  }
+}
+
+.ele-alert-fade-enter-from,
+.ele-alert-fade-leave-active {
+  opacity: 0;
+}

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

@@ -1,3 +1,4 @@
+export type { ClassValue } from './types';
 declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;