ele-admin-plus 1.0.0-beta.1

package/README.md

@@ -0,0 +1,37 @@
+# EleAdminPlus
+
+https://eleadmin.com
+
+## 安装
+
+```bash
+npm i --registry=https://registry.npmmirror.com
+```
+
+## 运行
+
+全局引入方式运行：
+
+```
+npm run dev
+```
+
+按需引入方式运行：
+
+```bash
+npm run dev:needed
+```
+
+## 打包
+
+全部打包：
+
+```bash
+npm run build
+```
+
+打包指定组件：
+
+```bash
+npm run build --src /ele-avatar-group
+```

package/es/components.d.ts

@@ -0,0 +1,43 @@
+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";
+export { default as EleBasicSelect } from "./ele-basic-select/index";
+export { default as EleBottomBar } from "./ele-bottom-bar/index";
+export { default as EleBreadcrumb } from "./ele-breadcrumb/index";
+export { default as EleCard } from "./ele-card/index";
+export { default as EleConfigProvider } from './ele-config-provider/index';
+export { default as EleCountUp } from "./ele-count-up/index";
+export { default as EleCropper } from "./ele-cropper/index";
+export { default as EleCropperModal } from "./ele-cropper-modal/index";
+export { default as EleDashboard } from "./ele-dashboard/index";
+export { default as EleDot } from "./ele-dot/index";
+export { default as EleDrawer } from "./ele-drawer/index";
+export { default as EleEditTag } from "./ele-edit-tag/index";
+export { default as EleEllipsis } from "./ele-ellipsis/index";
+export { default as EleFileList } from "./ele-file-list/index";
+export { default as EleFileListTool } from "./ele-file-list-tool/index";
+export { default as EleIconSelect } from "./ele-icon-select/index";
+export { default as EleLoading } from "./ele-loading/index";
+export { default as EleMapPicker } from "./ele-map-picker/index";
+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 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 EleSplitPanel } from "./ele-split-panel/index";
+export { default as EleSteps } from "./ele-steps/index";
+export { default as EleTabs } from "./ele-tabs/index";
+export { default as EleTabTool } from "./ele-tab-tool/index";
+export { default as EleTabWrap } from "./ele-tab-wrap/index";
+export { default as EleTable } from "./ele-table/index";
+export { default as EleTableSelect } from "./ele-table-select/index";
+export { default as EleText } from "./ele-text/index";
+export { default as EleTool } from "./ele-tool/index";
+export { default as EleToolbar } from "./ele-toolbar/index";
+export { default as EleTour } from "./ele-tour/index";
+export { default as EleUploadList } from "./ele-upload-list/index";
+export { default as EleWatermark } from "./ele-watermark/index";
+export { default as EleXgPlayer } from "./ele-xg-player/index";

package/es/components.js

@@ -0,0 +1,88 @@
+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";
+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
+};

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

@@ -0,0 +1,4 @@
+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<{}>>, {}, {}>;
+export default _default;

package/es/ele-app/index.js

@@ -0,0 +1,13 @@
+import { defineComponent } from "vue";
+const index = defineComponent({
+  name: "EleApp",
+  setup(_props, { slots }) {
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+export {
+  index as default
+};

package/es/ele-app/style/common.js

@@ -0,0 +1 @@
+import "./common.scss";

package/es/ele-app/style/common.scss

@@ -0,0 +1,116 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-common-var($ele);
+
+body {
+  margin: 0;
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  font-family: elVar('font-family');
+  line-height: 1.58;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  overflow-x: hidden;
+}
+
+/* 表单组件宽度撑满 */
+.ele-fluid {
+  width: 100%;
+  box-sizing: border-box;
+
+  // 日期选择
+  &.el-date-editor {
+    width: 100%;
+
+    &.el-input__wrapper {
+      width: 100%;
+      box-sizing: border-box;
+    }
+
+    .el-range-input {
+      flex: 1;
+      width: 100%;
+    }
+
+    .el-range-separator {
+      flex: 0;
+    }
+
+    .el-range__icon {
+      padding-right: 5px;
+    }
+  }
+
+  // 数字输入框
+  &.el-input-number .el-input__inner {
+    text-align: left;
+  }
+}
+
+/* 下拉菜单 */
+.el-dropdown-menu__item:not(.is-disabled).is-active {
+  color: elVar('dropdown', 'menuItem-hover-color');
+  background-color: elVar('dropdown', 'menuItem-hover-fill');
+}
+
+/* 文字提示 */
+div.el-popper {
+  font-size: eleVar('tooltip', 'size');
+  line-height: eleVar('tooltip', 'line-height');
+  border-radius: eleVar('tooltip', 'radius');
+  padding: eleVar('tooltip', 'padding');
+  box-sizing: border-box;
+
+  &.is-dark {
+    color: eleVar('tooltip-dark', 'color');
+    background: eleVar('tooltip-dark', 'bg');
+    border: eleVar('tooltip-dark', 'border');
+
+    .el-popper__arrow::before {
+      background: eleVar('tooltip-dark', 'bg');
+      border: eleVar('tooltip-dark', 'border');
+    }
+  }
+
+  &.is-danger,
+  &.is-warning,
+  &.is-success {
+    color: #fff;
+  }
+
+  &.is-danger,
+  &.is-danger .el-popper__arrow::before {
+    background: elVar('color-danger');
+  }
+
+  &.is-warning,
+  &.is-warning .el-popper__arrow::before {
+    background: elVar('color-warning');
+  }
+
+  &.is-success,
+  &.is-success .el-popper__arrow::before {
+    background: elVar('color-success');
+  }
+}
+
+/* 图片预览 */
+.el-image-viewer__wrapper {
+  #{elVarName('text-color', 'regular')}: eleVar('image-viewer', 'tool-bg');
+}
+
+/* 下拉选择 */
+.el-select .el-select__tags .el-tag {
+  #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
+  border-color: elVar('border-color', 'light');
+
+  .el-tag__close {
+    #{elVarName('tag', 'text-color')}: elVar('text-color', 'secondary');
+  }
+}
+
+/* echarts */
+.echarts > div {
+  max-width: 100%;
+  overflow: hidden;
+}

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

@@ -0,0 +1,29 @@
+@use '../../style/themes/default.scss' as *;
+
+@mixin set-common-var($var) {
+  .el-popper {
+    @include set-ele-var('tooltip', $var);
+  }
+
+  .el-popper.is-dark {
+    @include set-ele-var('tooltip-dark', $var);
+  }
+
+  .el-image-viewer__wrapper {
+    @include set-ele-var('image-viewer', $var);
+  }
+}
+
+@mixin set-message-var($var) {
+  .ele-message {
+    @include set-ele-var('message-plain', $var);
+  }
+
+  .ele-message-mask {
+    @include set-ele-var('message-mask', $var);
+  }
+}
+
+@mixin set-scrollbar-var($var) {
+  @include set-ele-var('scrollbar', $var);
+}

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

@@ -0,0 +1,5 @@
+import 'element-plus/es/components/message-box/style/index';
+import 'element-plus/es/components/notification/style/index';
+import './scrollbar';
+import './common';
+import './message';

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

@@ -0,0 +1,3 @@
+@use './scrollbar.scss';
+@use './common.scss';
+@use './message.scss';

package/es/ele-app/style/message.js

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

package/es/ele-app/style/message.scss

@@ -0,0 +1,101 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-message-var($ele);
+
+/* 消息提示 */
+.ele-message.el-message {
+  box-shadow: eleVar('message-plain', 'shadow');
+  border: none;
+
+  .el-message__content {
+    color: eleVar('message-plain', 'color');
+  }
+
+  .el-message__icon {
+    font-size: elVar('font-size', 'large');
+  }
+
+  .el-message__closeBtn {
+    right: 14px;
+  }
+
+  &.is-closable .el-message__content {
+    padding-right: 24px;
+  }
+
+  &.el-message--info {
+    #{elVarName('message', 'text-color')}: elVar('color-primary');
+    #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
+    #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
+  }
+
+  // 简约风格
+  &.is-plain {
+    #{elVarName('message', 'bg-color')}: eleVar('message-plain', 'bg');
+  }
+
+  // 加载框
+  &.ele-message-loading {
+    #{elVarName('message', 'text-color')}: elVar('color-primary');
+    #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
+    #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
+
+    // 简约风格
+    &.is-plain {
+      #{elVarName('message', 'bg-color')}: eleVar('message-plain', 'bg');
+    }
+  }
+}
+
+/* 加载框 */
+.ele-message-loading.el-message {
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  transform: none;
+  transition: opacity elVar('transition-duration'), margin 0.4s, top 0.4s;
+
+  &.el-message-fade-enter-from,
+  &.el-message-fade-leave-to {
+    margin-top: -62px;
+  }
+
+  &::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  & > .el-message__content {
+    position: relative;
+  }
+
+  & > .el-message__icon,
+  & > .el-message__content,
+  & > .el-message__closeBtn {
+    z-index: 1;
+  }
+
+  & > .el-message__icon > .el-icon {
+    font-size: 16px;
+    animation: rotating 1s linear infinite;
+  }
+
+  // 遮罩
+  &.ele-message-mask {
+    box-shadow: eleVar('message-plain', 'shadow'),
+      0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
+  }
+
+  // 居中
+  &.is-centered {
+    top: 0 !important;
+    bottom: 0;
+    height: max-content;
+    margin: auto;
+  }
+}

package/es/ele-app/style/scrollbar.js

@@ -0,0 +1 @@
+import "./scrollbar.scss";

package/es/ele-app/style/scrollbar.scss

@@ -0,0 +1,80 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+:root {
+  @include set-scrollbar-var($ele);
+}
+
+::-webkit-scrollbar {
+  width: eleVar('scrollbar', 'size');
+  height: eleVar('scrollbar', 'size');
+}
+
+::-webkit-scrollbar-thumb {
+  border: eleVar('scrollbar', 'padding') solid transparent;
+  border-radius: eleVar('scrollbar', 'radius');
+  background-color: eleVar('scrollbar', 'color');
+  background-clip: padding-box;
+
+  &:hover {
+    background-color: eleVar('scrollbar', 'hover-color');
+  }
+}
+
+::-webkit-scrollbar-track {
+  background: eleVar('scrollbar', 'bg');
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+// 小型滚动条
+.ele-scrollbar-mini {
+  &::-webkit-scrollbar {
+    width: eleVar('scrollbar', 'mini-size');
+    height: eleVar('scrollbar', 'mini-size');
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: eleVar('scrollbar', 'mini-radius');
+  }
+}
+
+// 隐藏滚动条
+.ele-scrollbar-hide::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.ele-scrollbar-hide,
+.ele-scrollbar-hover {
+  overflow: auto;
+  overflow: overlay;
+}
+
+// 鼠标滑入才显示滚动条
+@media (hover: hover) and (pointer: fine) {
+  .ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+}
+
+// 移动端小尺寸
+@media only screen and (max-width: 768px) {
+  ::-webkit-scrollbar {
+    width: eleVar('scrollbar', 'mini-size');
+    height: eleVar('scrollbar', 'mini-size');
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border-radius: eleVar('scrollbar', 'mini-radius');
+  }
+}
+
+// 火狐浏览器
+* {
+  scrollbar-width: thin;
+  scrollbar-color: eleVar('scrollbar', 'color') transparent;
+}

package/es/ele-avatar-group/index.d.ts

@@ -0,0 +1,70 @@
+import type { CSSProperties } from 'vue';
+import type { AvatarItem, AvatarErrorOption } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<AvatarItem[]>;
+        required: boolean;
+    };
+    maxCount: NumberConstructor;
+    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+    itemStyle: import("vue").PropType<CSSProperties>;
+    avatarStyle: import("vue").PropType<CSSProperties>;
+    moreStyle: import("vue").PropType<CSSProperties>;
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    overflowPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+}, {
+    tooltipContent: import("vue").Ref<string>;
+    virtualRef: import("vue").Ref<any>;
+    overflowVisible: import("vue").Ref<boolean>;
+    commonStyle: import("vue").ComputedRef<CSSProperties>;
+    isOverflow: import("vue").ComputedRef<boolean>;
+    avatarData: import("vue").ComputedRef<AvatarItem[]>;
+    overflowCount: import("vue").ComputedRef<number>;
+    overflowData: import("vue").ComputedRef<AvatarItem[]>;
+    onItemHover: (item: AvatarItem, e: MouseEvent) => void;
+    onItemClick: (item: AvatarItem) => void;
+    onMoreClick: () => void;
+    onError: (option: AvatarErrorOption) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    itemClick: (_item: AvatarItem) => boolean;
+    moreClick: () => boolean;
+    error: (_option: AvatarErrorOption) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<AvatarItem[]>;
+        required: boolean;
+    };
+    maxCount: NumberConstructor;
+    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+    itemStyle: import("vue").PropType<CSSProperties>;
+    avatarStyle: import("vue").PropType<CSSProperties>;
+    moreStyle: import("vue").PropType<CSSProperties>;
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    overflowPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+}>> & {
+    onItemClick?: ((_item: AvatarItem) => any) | undefined;
+    onMoreClick?: (() => any) | undefined;
+    onError?: ((_option: AvatarErrorOption) => any) | undefined;
+}, {
+    tooltip: boolean;
+    overflowPopover: boolean;
+}, {}>;
+export default _sfc_main;