ele-admin-plus 1.1.4 → 1.1.5-beta.2

package/es/icons/HomeOutlined.js

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _sfc_main = defineComponent({
+  name: "HomeOutlined"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M9 18V42H39V18L24 6L9 18Z",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M19 29V42H29V29H19Z",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M9 42H39",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const HomeOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  HomeOutlined as default
+};

package/es/icons/index.d.ts

@@ -6,9 +6,11 @@ export { default as ColumnHeightOutlined } from "./ColumnHeightOutlined";
 export { default as CompressOutlined } from "./CompressOutlined";
 export { default as EllipsisOutlined } from "./EllipsisOutlined";
 export { default as ExpandOutlined } from "./ExpandOutlined";
+export { default as FilterFilled } from "./FilterFilled";
 export { default as FullscreenOutlined } from "./FullscreenOutlined";
 export { default as FullscreenExitOutlined } from "./FullscreenExitOutlined";
 export { default as HolderOutlined } from "./HolderOutlined";
+export { default as HomeOutlined } from "./HomeOutlined";
 export { default as LoadingOutlined } from "./LoadingOutlined";
 export { default as VerticalLeftOutlined } from "./VerticalLeftOutlined";
 export { default as VerticalRightOutlined } from "./VerticalRightOutlined";

package/es/icons/index.js

@@ -6,12 +6,14 @@ import { default as default6 } from "./ColumnHeightOutlined";
 import { default as default7 } from "./CompressOutlined";
 import { default as default8 } from "./EllipsisOutlined";
 import { default as default9 } from "./ExpandOutlined";
-import { default as default10 } from "./FullscreenOutlined";
-import { default as default11 } from "./FullscreenExitOutlined";
-import { default as default12 } from "./HolderOutlined";
-import { default as default13 } from "./LoadingOutlined";
-import { default as default14 } from "./VerticalLeftOutlined";
-import { default as default15 } from "./VerticalRightOutlined";
+import { default as default10 } from "./FilterFilled";
+import { default as default11 } from "./FullscreenOutlined";
+import { default as default12 } from "./FullscreenExitOutlined";
+import { default as default13 } from "./HolderOutlined";
+import { default as default14 } from "./HomeOutlined";
+import { default as default15 } from "./LoadingOutlined";
+import { default as default16 } from "./VerticalLeftOutlined";
+import { default as default17 } from "./VerticalRightOutlined";
 export {
   default2 as ArrowDown,
   default3 as ArrowLeft,
@@ -21,10 +23,12 @@ export {
   default7 as CompressOutlined,
   default8 as EllipsisOutlined,
   default9 as ExpandOutlined,
-  default11 as FullscreenExitOutlined,
-  default10 as FullscreenOutlined,
-  default12 as HolderOutlined,
-  default13 as LoadingOutlined,
-  default14 as VerticalLeftOutlined,
-  default15 as VerticalRightOutlined
+  default10 as FilterFilled,
+  default12 as FullscreenExitOutlined,
+  default11 as FullscreenOutlined,
+  default13 as HolderOutlined,
+  default14 as HomeOutlined,
+  default15 as LoadingOutlined,
+  default16 as VerticalLeftOutlined,
+  default17 as VerticalRightOutlined
 };

package/es/lang/zh_TW.js

@@ -1,5 +1,4 @@
 const localeValues = {
-  // 图片裁剪
   cropper: {
     zoomIn: "放大",
     zoomOut: "縮小",

package/es/style/index.scss

@@ -9,6 +9,7 @@
 @use '../ele-check-card/style/index.scss' as checkCard;
 @use '../ele-cropper/style/index.scss' as cropper;
 @use '../ele-dashboard/style/index.scss' as dashboard;
+@use '../ele-data-table/style/index.scss' as dataTable;
 @use '../ele-dot/style/index.scss' as dot;
 @use '../ele-drawer/style/index.scss' as drawer;
 @use '../ele-dropdown/style/index.scss' as dropdown;
@@ -39,3 +40,4 @@
 @use '../ele-tooltip/style/index.scss' as tooltip;
 @use '../ele-tour/style/index.scss' as tour;
 @use '../ele-upload-list/style/index.scss' as uploadList;
+@use '../ele-virtual-table/style/index.scss' as virtualTable;

package/es/style/themes/dark.scss

@@ -49,14 +49,23 @@ $ele-dark: map.deep-merge(
       'bg': elVar('bg-color', 'page'),
       'hover-bg': rgba(255, 255, 255, 0.05)
     ),
+    'tab': (
+      'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
+    ),
     'tab-simple': (
-      'hover': rgba(255, 255, 255, 0.05)
+      'hover-bg': rgba(255, 255, 255, 0.05)
     ),
     'tab-indicator': (
       'color': #434343
     ),
+    'tab-button': (
+      'bg': hsla(0, 0%, 100%, 0.04)
+    ),
     'table': (
-      'filter-hover-bg': rgba(255, 255, 255, 0.12)
+      'icon-hover-bg': rgba(255, 255, 255, 0.12),
+      'fixed-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'fixed-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
     ),
     'tool': (
       'hover-bg': rgba(255, 255, 255, 0.05)

package/es/style/themes/default.scss

@@ -496,10 +496,11 @@ $ele: map.deep-merge(
       'font-size': 14px,
       'item-padding': 12px,
       'color': elVar('text-color', 'secondary'),
+      'hover-color': elVar('text-color', 'primary'),
+      'hover-bg': rgba(0, 0, 0, 0.04),
       'active-color': elVar('text-color', 'primary'),
       'active-bg': elVar('bg-color', 'overlay'),
       'active-shadow': 0 1px 3px 0 rgba(0, 0, 0, 0.08),
-      'hover-bg': rgba(0, 0, 0, 0.04),
       'disabled-color': elVar('text-color', 'placeholder')
     ),
     'segmented-large': (
@@ -575,7 +576,9 @@ $ele: map.deep-merge(
       'tool-hover-color': elVar('text-color', 'primary'),
       'hover-index': 2,
       'active-index': 3,
-      'transition': (color, background-color, border-color, font-weight)
+      'transition': (color, background-color, border-color, box-shadow),
+      'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15)
     ),
     'tab-sm': (
       // 标签页小号
@@ -606,7 +609,8 @@ $ele: map.deep-merge(
       'active-line': 2px,
       'line-display': block,
       'angle-size': 0px,
-      'angle-display': none
+      'angle-display': none,
+      'tool-hover-bg': eleVar('tab-simple', 'hover-bg')
     ),
     'tab-indicator': (
       // 标签页指示器风格
@@ -619,13 +623,21 @@ $ele: map.deep-merge(
       // 标签页按钮风格
       'space': 8px,
       'radius': 4px,
-      'bg': elVar('bg-color'),
-      'active-weight': bold
+      'bg': hsla(0, 0%, 100%, 0.68),
+      'hover-bg': elVar('bg-color'),
+      'active-bg': elVar('bg-color', 'overlay'),
+      'active-shadow': none,
+      'active-weight': normal
+    ),
+    'text': (
+      // 文本
+      'heading-weight': normal,
+      'xxl': calc(#{elVar('font-size', 'extra-large')} + 6px),
+      'xxxl': calc(#{elVar('font-size', 'extra-large')} + 34px)
     ),
     'table': (
       // 表格
       'radius': 0,
-      'bg': elVar('bg-color'),
       'color': elVar('text-color', 'regular'),
       'border-color': elVar('border-color', 'light'),
       'font-szie': elVar('font-size', 'base'),
@@ -639,31 +651,48 @@ $ele: map.deep-merge(
       'tr-active-bg': elVar('color-primary', 'light-9'),
       'tr-active-hover-bg': elVar('color-primary', 'light-8'),
       'even-bg': elVar('fill-color', 'lighter'),
-      'icon-color': elVar('text-color', 'disabled'),
-      'filter-size': elVar('font-size', 'base'),
-      'filter-padding': 4px 2px,
-      'filter-hover-bg': rgba(0, 0, 0, 0.04),
-      'filter-radius': elVar('border-radius', 'small'),
-      'filter-margin': 0 -6px 0 6px,
       'lg-size': elVar('font-size', 'base'),
       'lg-padding': 13px 16px,
       'lg-radius': 0,
       'sm-size': elVar('font-size', 'extra-small'),
       'sm-padding': 4px 8px,
       'sm-radius': 0,
+      'icon-color': elVar('text-color', 'disabled'),
+      'icon-hover-color': elVar('text-color', 'secondary'),
+      'icon-hover-bg': rgba(0, 0, 0, 0.08),
+      'icon-radius': elVar('border-radius', 'small'),
+      'icon-margin': 6px,
+      'sort-size': 5px,
+      'sort-space': 4px,
+      'sort-hover-bg': elVar('fill-color'),
+      'filter-size': 14px,
+      'filter-padding': 4px 2px,
+      'filter-margin': 0 -6px 0 4px,
+      'expand-margin': 0 4px 0 -2px,
+      'fixed-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'fixed-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
       'sticky-top': 0,
       'fixed-header-sticky-top': 94px,
       'maximized-sticky-top': 40px,
-      'fix-height': 0.45px,
-      'fix-border': 0.65px
+      'fix-height': 0.45px
     ),
-    'table-select': (
-      // 下拉表格选择
-      'padding': 10px,
-      'th-bg': elVar('fill-color', 'light'),
-      'tr-bg': elVar('bg-color', 'overlay'),
-      'even-bg': elVar('fill-color', 'light'),
-      'mobile-space': 16px
+    'table-filter': (
+      // 表格筛选框
+      'max-height': 386px,
+      'padding': 6px 0,
+      'item-height': 32px,
+      'item-margin': 0,
+      'item-padding': 0 16px,
+      'item-radius': 0,
+      'item-color': elVar('text-color', 'regular'),
+      'item-hover-color': elVar('text-color', 'primary'),
+      'item-hover-bg': elVar('fill-color', 'light'),
+      'item-active-color': elVar('color-primary'),
+      'item-active-bg': elVar('color-primary', 'light-9'),
+      'item-active-hover-bg': elVar('color-primary', 'light-8'),
+      'item-active-font-weight': bold,
+      'footer-padding': 6px 10px,
+      'footer-border': 1px solid elVar('border-color', 'light')
     ),
     'tool-column': (
       // 高级表格列配置
@@ -685,12 +714,6 @@ $ele: map.deep-merge(
       'btn-active-color': elVar('color-primary'),
       'btn-active-bg': transparent
     ),
-    'text': (
-      // 文本
-      'heading-weight': normal,
-      'xxl': calc(#{elVar('font-size', 'extra-large')} + 6px),
-      'xxxl': calc(#{elVar('font-size', 'extra-large')} + 34px)
-    ),
     'toolbar': (
       // 工具栏
       'padding': 0 16px,
@@ -715,6 +738,14 @@ $ele: map.deep-merge(
       // 工具栏按钮朴素风格
       'font-size': 16px
     ),
+    'table-select': (
+      // 下拉表格选择
+      'padding': 10px,
+      'th-bg': elVar('fill-color', 'light'),
+      'tr-bg': elVar('bg-color', 'overlay'),
+      'even-bg': elVar('fill-color', 'light'),
+      'mobile-space': 16px
+    ),
     'popper': (
       // 底层气泡
       'bg': elVar('bg-color', 'overlay'),
@@ -728,11 +759,11 @@ $ele: map.deep-merge(
     ),
     'tooltip': (
       // 文字提示
-      'color': '#fff',
+      'color': #fff,
       'font-size': elVar('font-size', 'small'),
-      'line-height': '22px',
-      'padding': '6px 12px',
-      'bg': '#000',
+      'line-height': 22px,
+      'padding': 6px 12px,
+      'bg': #000,
       'border': none,
       'radius': elVar('border-radius', 'base'),
       'shadow': 0 0 8px 0 rgba(0, 0, 0, 0.06),
@@ -803,22 +834,6 @@ $ele: map.deep-merge(
       'item-active-hover-bg': elVar('color-primary', 'light-8'),
       'item-active-font-weight': bold
     ),
-    'table-filter': (
-      // 表格筛选框
-      'max-height': none,
-      'padding': 6px 0,
-      'item-height': 32px,
-      'item-margin': 0,
-      'item-padding': 0 16px,
-      'item-radius': 0,
-      'item-color': elVar('text-color', 'regular'),
-      'item-hover-color': elVar('text-color', 'primary'),
-      'item-hover-bg': elVar('fill-color', 'light'),
-      'item-active-color': elVar('color-primary'),
-      'item-active-bg': elVar('color-primary', 'light-9'),
-      'item-active-hover-bg': elVar('color-primary', 'light-8'),
-      'item-active-font-weight': bold
-    ),
     'message-box': (
       // 消息弹出框
       'width': 380px,

package/es/style/themes/rounded.scss

@@ -136,7 +136,7 @@ $ele-rounded: map.deep-merge(
       'close-radius': elVar('border-radius', 'small'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': hsla(0, 0%, 60%, 0.15),
-      'transition': (color, border-color, font-weight)
+      'transition': (color, border-color, box-shadow)
     ),
     'tab-sm': (
       'close-size': 14px
@@ -146,19 +146,23 @@ $ele-rounded: map.deep-merge(
     ),
     'tab-simple': (
       'radius': 8px 8px 0px 0px,
-      'hover-color': elVar('color-primary'),
-      'hover-bg': transparent,
       'active-weight': bold,
       'active-line': 0px,
       'line-display': none,
       'angle-size': 10px,
-      'angle-display': block
+      'angle-display': block,
+      'tool-hover-bg': transparent
     ),
     'tab-indicator': (
       'hover-color': elVar('color-primary')
     ),
     'tab-button': (
-      'radius': 16px
+      'radius': $radius-large,
+      'active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
+      'active-weight': bold
+    ),
+    'text': (
+      'heading-weight': bold
     ),
     'table': (
       'radius': elVar('border-radius', 'base'),
@@ -166,6 +170,12 @@ $ele-rounded: map.deep-merge(
       'lg-radius': $radius-large,
       'sm-radius': elVar('border-radius', 'small')
     ),
+    'table-filter': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
     'tool-column': (
       'body-padding': 6px 4px,
       'item-padding': 8px,
@@ -173,9 +183,6 @@ $ele-rounded: map.deep-merge(
       'btn-hover-bg': elVar('color-primary', 'light-8'),
       'btn-active-bg': elVar('color-primary', 'light-7')
     ),
-    'text': (
-      'heading-weight': bold
-    ),
     'toolbar': (
       'radius': $radius-large
     ),
@@ -204,12 +211,6 @@ $ele-rounded: map.deep-merge(
       'item-padding': 0 12px,
       'item-radius': elVar('border-radius', 'small')
     ),
-    'table-filter': (
-      'padding': 6px 4px,
-      'item-margin': 2px,
-      'item-padding': 0 12px,
-      'item-radius': elVar('border-radius', 'small')
-    ),
     'message-box': (
       'radius': $radius-large,
       'header-font-size': elVar('font-size', 'medium'),

package/es/style/themes/theme-util.scss

@@ -3,6 +3,7 @@
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
 @use '../../ele-card/style/css-var.scss' as *;
 @use '../../ele-check-card/style/css-var.scss' as *;
+@use '../../ele-data-table/style/css-var.scss' as *;
 @use '../../ele-drawer/style/css-var.scss' as *;
 @use '../../ele-dropdown/style/css-var.scss' as *;
 @use '../../ele-file-list/style/css-var.scss' as *;
@@ -26,6 +27,7 @@
 @use '../../ele-tool/style/css-var.scss' as *;
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-virtual-table/style/css-var.scss' as *;
 
 /* 生成主题的 css 变量 */
 @mixin set-theme-var($selector, $var) {
@@ -37,6 +39,7 @@
     @include set-bottom-bar-var($var);
     @include set-card-var($var);
     @include set-check-card-var($var);
+    @include set-data-table-var($var);
     @include set-drawer-var($var);
     @include set-dropdown-var($var);
     @include set-file-var($var);
@@ -60,5 +63,6 @@
     @include set-tool-var($var);
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);
+    @include set-virtual-table-var($var);
   }
 }

package/es/style/util.scss

@@ -1,7 +1,7 @@
 @use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
 @use 'sass:map';
 
-// 生成 css 变量名
+/* 生成 css 变量名 */
 @function eleJoinVar($list) {
   $name: '--ele';
   @each $item in $list {
@@ -12,7 +12,7 @@
   @return $name;
 }
 
-// 获取 css 变量值
+/* 获取 css 变量值 */
 @function eleVar($arg1, $arg2: '', $arg3: '') {
   $args: $arg1, $arg2;
   @if $arg3 != '' {
@@ -22,12 +22,12 @@
   }
 }
 
-// 获取 css 变量名
+/* 获取 css 变量名 */
 @function eleVarName($args...) {
   @return eleJoinVar($args);
 }
 
-// 生成组件 css 变量
+/* 生成组件 css 变量 */
 @mixin set-ele-var($name, $variables) {
   @if map.has-key($variables, $name) {
     @each $attribute, $value in map.get($variables, $name) {
@@ -36,12 +36,12 @@
   }
 }
 
-// 获取 element 的 css 变量值
+/* 获取 element 的 css 变量值 */
 @function elVar($args...) {
   @return getCssVar($args...);
 }
 
-// 获取 element 的 css 变量名
+/* 获取 element 的 css 变量名 */
 @function elVarName($args...) {
   @return getCssVarName($args...);
 }

package/es/utils/core.d.ts

@@ -3,13 +3,21 @@
  * toTree 方法参数
  */
 export interface ToTreeOption<T> {
+    /** 数据 */
     data?: T[] | null;
+    /** id 字段名称 */
     idField?: string | null;
+    /** parentId 字段名称 */
     parentIdField?: string | null;
+    /** 生成的 children 字段名称 */
     childrenField?: string | null;
+    /** 最顶级的 parentId 值 */
     parentId?: number | string | Array<number | string> | null;
+    /** 是否添加包含所有父级 id 的字段 */
     addParentIds?: boolean | null;
+    /** 包含所有父级 id 字段的名称 */
     parentIdsField?: string | null;
+    /** 所有父级的 id */
     parentIds?: Array<number | string> | null;
 }
 /**
@@ -73,7 +81,9 @@ export declare function checkFullscreen(): boolean;
  * 经纬度坐标
  */
 export interface Point {
+    /** 经度 */
     lng: number;
+    /** 纬度 */
     lat: number;
 }
 /**

package/es/utils/core.js

@@ -67,12 +67,11 @@ function eachTree(data, callback, childrenField = "children", parent) {
 }
 function mapTree(data, formatter, childrenField = "children", resultChildrenField = "children", parent) {
   const result = [];
-  if (data) {
+  if (data && data.length) {
     data.forEach((d, i) => {
-      var _a;
       const item = formatter(d, i, parent);
       if (item) {
-        if ((_a = d[childrenField]) == null ? void 0 : _a.length) {
+        if (d[childrenField] != null) {
           item[resultChildrenField] = mapTree(
             d[childrenField],
             formatter,

package/es/utils/theme-util.js

@@ -1,6 +1,6 @@
 import { generate } from "@ant-design/colors";
 function changeColor(color, dark) {
-  const $html = document.querySelector("html");
+  const $html = document.documentElement;
   if (!$html) {
     return;
   }

package/es/utils/validate.js

@@ -99,7 +99,7 @@ function isIdentityStrong(value) {
     return "身份证号码出生日期无效";
   }
   const now = /* @__PURE__ */ new Date();
-  if (now.getFullYear() - parseInt(year) > 150 || now.getTime() - new Date(birthday).getTime() < 0) {
+  if (now.getFullYear() - Number.parseInt(year) > 150 || now.getTime() - new Date(birthday).getTime() < 0) {
     return "身份证号码出生日期不在有效范围";
   }
   const areaCodes = [
@@ -147,7 +147,7 @@ function isIdentityStrong(value) {
     const wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
     let totalMulAiWi = 0;
     for (let i = 0; i < 17; i++) {
-      totalMulAiWi += parseInt(ai.charAt(i)) * wi[i];
+      totalMulAiWi += Number.parseInt(ai.charAt(i)) * wi[i];
     }
     if (value !== ai + valCode[totalMulAiWi % 11]) {
       return "身份证号码最后一位错误";

package/lib/components.d.ts

@@ -13,6 +13,7 @@ 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 EleDataTable } from './ele-data-table/index';
 export { default as EleDot } from "./ele-dot/index";
 export { default as EleDrawer } from "./ele-drawer/index";
 export { default as EleDropdown } from "./ele-dropdown/index";
@@ -48,5 +49,6 @@ export { default as EleToolbar } from "./ele-toolbar/index";
 export { default as EleTooltip } from "./ele-tooltip/index";
 export { default as EleTour } from "./ele-tour/index";
 export { default as EleUploadList } from "./ele-upload-list/index";
+export { default as EleVirtualTable } from "./ele-virtual-table/index";
 export { default as EleWatermark } from "./ele-watermark/index";
 export { default as EleXgPlayer } from "./ele-xg-player/index";