yuang-framework-ui-pc 1.1.45 → 1.1.47

package/lib/ele-admin-layout/style/index.scss

@@ -0,0 +1,313 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+@use './tabs.scss';
+@use './header.scss';
+@use './sidebar.scss';
+
+@include set-layout-var($ele);
+
+.ele-admin-layout {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  background: eleVar('layout', 'bg');
+  box-sizing: border-box;
+  position: relative;
+  min-height: 100vh;
+  min-height: 100dvh;
+
+  & > .ele-admin-header {
+    z-index: calc(#{eleVar('layout', 'index')} + 4);
+  }
+}
+
+.ele-admin-main,
+.ele-admin-body,
+.ele-admin-wrapper,
+.ele-admin-content {
+  flex: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.ele-admin-layout.is-row-direction,
+.ele-admin-main.is-row-direction {
+  flex-direction: row;
+}
+
+.ele-admin-wrapper {
+  position: relative;
+
+  & > .ele-backtop {
+    z-index: calc(#{eleVar('layout', 'index')} + 1);
+  }
+}
+
+/* 主体宽度 */
+.ele-admin-layout.is-row-direction > .ele-admin-main,
+.ele-admin-main.is-row-direction > .ele-admin-body {
+  flex: 0 1 auto;
+  transition: width $transition-base;
+  width: 100%;
+}
+
+.ele-admin-layout > .ele-admin-side + .ele-admin-main,
+.ele-admin-main > .ele-admin-side + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebar', 'width')});
+}
+
+.ele-admin-side.is-collapse + .ele-admin-main,
+.ele-admin-side.is-collapse + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebar', 'collapse-width')});
+}
+
+.ele-admin-side.is-mix + .ele-admin-main,
+.ele-admin-side.is-mix + .ele-admin-body {
+  $box-width: eleVar('sidebox', 'width');
+  width: calc(100% - #{eleVar('sidebar', 'mix-width')} - #{$box-width});
+}
+
+.ele-admin-side.is-mix.is-collapse + .ele-admin-main,
+.ele-admin-side.is-mix.is-collapse + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebox', 'width')});
+}
+
+.ele-admin-side.is-compact + .ele-admin-main,
+.ele-admin-side.is-compact + .ele-admin-body {
+  $box-width: eleVar('sidebar', 'collapse-width');
+  width: calc(100% - #{eleVar('sidebar', 'mix-width')} - #{$box-width});
+}
+
+.ele-admin-side.is-compact.is-collapse + .ele-admin-main,
+.ele-admin-side.is-compact.is-collapse + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebar', 'collapse-width')});
+}
+
+.ele-admin-side.is-box + .ele-admin-main,
+.ele-admin-side.is-box + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebox', 'width')});
+}
+
+.ele-admin-side.is-box.is-compact + .ele-admin-main,
+.ele-admin-side.is-box.is-compact + .ele-admin-body {
+  width: calc(100% - #{eleVar('sidebar', 'collapse-width')});
+}
+
+.ele-admin-layout.is-row-direction.is-mobile > .ele-admin-main,
+.ele-admin-layout.is-row-direction.is-fixed-body > .ele-admin-main,
+.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body,
+.ele-admin-layout.is-row-direction.is-maximized > .ele-admin-main,
+.ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-body {
+  width: 100%;
+}
+
+.ele-admin-layout {
+  /* 固定主体 */
+  &.is-fixed-body {
+    height: 100vh;
+    height: 100dvh;
+  }
+
+  &.is-fixed-body > .ele-admin-main,
+  &.is-fixed-body > .ele-admin-main > .ele-admin-body,
+  &.is-fixed-body > .ele-admin-main > .ele-admin-side,
+  &.is-fixed-body > .ele-admin-side {
+    height: 100%;
+  }
+
+  &.is-fixed-body > .ele-admin-main,
+  &.is-fixed-body > .ele-admin-main > .ele-admin-body,
+  &.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
+    overflow: auto;
+  }
+
+  &.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
+    & > .ele-admin-content {
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+
+    & > .ele-backtop {
+      z-index: eleVar('layout', 'index');
+    }
+  }
+
+  /* 内容全屏 */
+  &.is-maximized > .ele-admin-header,
+  &.is-maximized > .ele-admin-main > .ele-admin-header,
+  &.is-maximized > .ele-admin-main > .ele-admin-side,
+  &.is-maximized > .ele-admin-side,
+  &.is-expanded > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
+    display: none;
+  }
+
+  /* 移动端风格 */
+  &.is-mobile > .ele-admin-side {
+    width: 0;
+    z-index: calc(#{eleVar('layout', 'mask-index')} + 1);
+  }
+
+  &.is-collapse > .ele-admin-side {
+    & > .ele-admin-sidebar,
+    & > .ele-admin-sidebox {
+      visibility: hidden;
+    }
+
+    & > .ele-admin-sidebar {
+      transform: translateX(-100%);
+    }
+
+    & > .ele-admin-sidebar.is-mix,
+    & > .ele-admin-sidebox {
+      $mix-width: eleVar('sidebar', 'mix-width');
+      $box-width: eleVar('sidebox', 'width');
+      transform: translateX(calc(#{$box-width} * -1 - #{$mix-width}));
+    }
+  }
+
+  &.is-collapse > .ele-admin-mask,
+  &:not(.is-mobile) > .ele-admin-mask {
+    visibility: hidden;
+    opacity: 0;
+  }
+
+  /* 禁用过渡效果 */
+  &.is-transition-disabled {
+    & > .ele-admin-header,
+    & > .ele-admin-main > .ele-admin-header,
+    & > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar,
+    & > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox,
+    & > .ele-admin-side > .ele-admin-sidebar,
+    & > .ele-admin-side > .ele-admin-sidebox,
+    & > .ele-admin-main,
+    & > .ele-admin-main > .ele-admin-body {
+      transition: none !important;
+    }
+  }
+}
+
+/* logo */
+.ele-admin-logo,
+.ele-admin-logo-title {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: eleVar('logo', 'color');
+  font-size: eleVar('logo', 'size');
+  font-family: eleVar('logo', 'family');
+  height: eleVar('header', 'height');
+  position: relative;
+  overflow: hidden;
+
+  h1 {
+    margin: 0;
+    font-weight: 600;
+    font-size: inherit;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
+
+.ele-admin-logo > img {
+  width: 30px;
+  height: 30px;
+
+  & + h1 {
+    margin-left: 8px;
+  }
+}
+
+.ele-admin-sidebar.is-collapse > .ele-admin-logo > img + h1 {
+  display: none;
+}
+
+.ele-admin-header > .ele-admin-logo {
+  $tool-padding: eleVar('header', 'tool-padding');
+  margin-left: calc(#{eleVar('header', 'tools-padding')} + #{$tool-padding});
+}
+
+.ele-admin-header.is-dark > .ele-admin-logo,
+.ele-admin-header.is-primary > .ele-admin-logo,
+.ele-admin-sidebar.is-dark > .ele-admin-logo,
+.ele-admin-sidebar.is-dark > .ele-admin-logo-title,
+.ele-admin-sidebox.is-dark > .ele-admin-logo {
+  color: eleVar('logo', 'dark-color');
+}
+
+/* 操作按钮 */
+.ele-admin-tool {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: eleVar('header', 'tool-height');
+  padding: 0 eleVar('header', 'tool-padding');
+  border-radius: eleVar('header', 'tool-radius');
+  transition: (color $transition-base, background-color $transition-base);
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &:hover {
+    background: eleVar('header', 'tool-hover-bg');
+  }
+
+  & > .el-dropdown {
+    color: inherit;
+    cursor: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    align-items: center;
+    height: 100%;
+  }
+}
+
+.ele-admin-header.is-dark .ele-admin-tool:hover,
+.ele-admin-header.is-primary .ele-admin-tool:hover,
+.ele-admin-sidebar.is-dark .ele-admin-tool:hover,
+.ele-admin-sidebox.is-dark .ele-admin-tool:hover {
+  background: eleVar('header', 'dark-tool-hover-bg');
+}
+
+.ele-admin-sidebar .ele-admin-tool,
+.ele-admin-sidebox .ele-admin-tool {
+  height: eleVar('sidebar', 'tool-height');
+  padding: 0;
+}
+
+.ele-admin-sidebar.is-dark .ele-admin-tool,
+.ele-admin-sidebox.is-dark .ele-admin-tool {
+  color: eleVar('header', 'dark-color');
+}
+
+/* 模态框容器 */
+.ele-admin-modals {
+  flex-shrink: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: eleVar('layout', 'index');
+}
+
+/* 遮罩 */
+.ele-admin-mask {
+  flex-shrink: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: eleVar('layout', 'mask-index');
+  background: elVar('overlay-color', 'lighter');
+  transition: all $transition-base;
+}

package/lib/ele-admin-layout/types.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 布局类型
+ */
+export type Layout = 'default' | 'top' | 'mix' | 'side';
+
+/**
+ * 侧栏布局类型
+ */
+export type SidebarLayout = 'default' | 'mix' | 'box';
+
+/**
+ * 顶栏风格
+ */
+export type HeaderStyle = 'light' | 'dark' | 'primary';
+
+/**
+ * 侧栏风格
+ */
+export type SidebarStyle = 'light' | 'dark';
+
+/**
+ * 页签风格
+ */
+export type TabStyle = 'simple' | 'indicator' | 'button' | 'tag';
+
+/**
+ * 页签栏显示位置
+ */
+export type TabBar = boolean | 'header';
+
+/**
+ * 内容区最大化
+ */
+export type Maximized = boolean | 'expanded';
+
+/**
+ * 共享数据
+ */
+export interface LayoutProvide {
+  /** 布局类型 */
+  layout?: Layout;
+  /** 内容区是否最大化 */
+  maximized?: Maximized;
+  /** 是否固定顶栏 */
+  fixedHeader?: boolean;
+  /** 是否固定内容区 */
+  fixedBody?: boolean;
+  /** 模态框容器节点 */
+  modalsEl?: HTMLElement | null;
+  /** 获取模态框容器节点 */
+  getModalsEl?: () => HTMLElement | null;
+  /** 获取内容容器节点 */
+  getBodyWrapperEl?: () => HTMLElement | null | undefined;
+}

package/lib/ele-alert/index.cjs

@@ -0,0 +1,126 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleAlert",
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled
+  },
+  props: props.alertProps,
+  emits: props.alertEmits,
+  setup(props2, { emit, slots }) {
+    const visible = vue.ref(true);
+    const isRich = vue.computed(() => {
+      return props2.description !== false && (!!props2.description || !!slots.default);
+    });
+    const handleClose = (e) => {
+      if (!visible.value || !props2.closable) {
+        return;
+      }
+      visible.value = false;
+      emit("close", e);
+    };
+    const open = () => {
+      if (!visible.value) {
+        visible.value = true;
+      }
+    };
+    return { visible, isRich, handleClose, open };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
+    default: vue.withCtx(() => [
+      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ele-alert-icon",
+          style: vue.normalizeStyle(_ctx.iconStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps || {})), {
+              default: vue.withCtx(() => [
+                _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 0 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 1 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 2 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 3 }))
+              ]),
+              _: 1
+            }, 16)
+          ])
+        ], 4)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: "ele-alert-body",
+          style: vue.normalizeStyle(_ctx.bodyStyle)
+        }, [
+          _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "ele-alert-title",
+            style: vue.normalizeStyle(_ctx.titleStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 4)) : vue.createCommentVNode("", true),
+          _ctx.isRich ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "ele-alert-text",
+            style: vue.normalizeStyle(_ctx.descriptionStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.description === true ? "" : _ctx.description), 1)
+            ])
+          ], 4)) : vue.createCommentVNode("", true)
+        ], 4),
+        vue.renderSlot(_ctx.$slots, "action"),
+        _ctx.closable ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "ele-alert-close",
+          style: vue.normalizeStyle(_ctx.closeIconStyle),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+        }, [
+          vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+            _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_CloseOutlined)
+              ]),
+              _: 1
+            }, 16))
+          ])
+        ], 4)) : vue.createCommentVNode("", true)
+      ], 2)) : vue.createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,131 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
+    description: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: BooleanConstructor;
+    closeText: StringConstructor;
+    showIcon: BooleanConstructor;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    visible: import('vue').Ref<boolean, boolean>;
+    isRich: import('vue').ComputedRef<boolean>;
+    handleClose: (e: MouseEvent) => void;
+    open: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (_e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
+    description: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: BooleanConstructor;
+    closeText: StringConstructor;
+    showIcon: BooleanConstructor;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((_e: MouseEvent) => any) | undefined;
+}>, {
+    description: string | boolean;
+    closable: boolean;
+    showIcon: boolean;
+    center: boolean;
+    transitionName: string;
+}, {}, {
+    ElIcon: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        readonly size: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) & import('vue').Plugin;
+    CloseOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    InfoCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CheckCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ExclamationCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CloseCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,58 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElAlertProps, ElIconProps } from '../ele-app/el';
+
+/**
+ * 属性
+ */
+export declare const alertProps: {
+    /** 标题 */
+    title: StringConstructor;
+    /** 类型 */
+    type: PropType<ElAlertProps["type"]>;
+    /** 描述 */
+    description: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** 是否可关闭 */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否居中 */
+    center: BooleanConstructor;
+    /** 自定义关闭按钮文字 */
+    closeText: StringConstructor;
+    /** 是否显示图标 */
+    showIcon: BooleanConstructor;
+    /** 主题 */
+    effect: PropType<ElAlertProps["effect"]>;
+    /** 图标样式 */
+    iconStyle: PropType<StyleValue>;
+    /** 图标组件属性 */
+    iconProps: PropType<ElIconProps>;
+    /** 关闭图标样式 */
+    closeIconStyle: PropType<StyleValue>;
+    /** 关闭图标组件属性 */
+    closeIconProps: PropType<ElIconProps>;
+    /** 内容区样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 标题样式 */
+    titleStyle: PropType<StyleValue>;
+    /** 描述样式 */
+    descriptionStyle: PropType<StyleValue>;
+    /** 过渡动画名称 */
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type AlertProps = ExtractPropTypes<typeof alertProps>;
+/**
+ * 事件
+ */
+export declare const alertEmits: {
+    /** 关闭的事件 */
+    close: (_e: MouseEvent) => boolean;
+};

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

@@ -0,0 +1,12 @@
+@use '../../style/util.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);
+  }
+}