ele-admin-plus 1.1.9-beta.10 → 1.1.9-beta.11

package/lib/ele-tabs/types.d.ts

@@ -27,7 +27,8 @@ export type TabType =
   | 'plain'
   | 'simple'
   | 'indicator'
-  | 'button';
+  | 'button'
+  | 'tag';
 
 /**
  * 页签事件参数

package/lib/ele-tooltip/index.cjs

@@ -16,8 +16,11 @@ const _sfc_main = vue.defineComponent({
         "bodyStyle",
         "bg",
         "arrowBg",
+        "width",
         "isPopover",
         "onUpdate:visible",
+        "onBeforeShow",
+        "onBeforeHide",
         "onBefore-show",
         "onBefore-hide",
         "onShow",

package/lib/ele-tooltip/props.cjs

@@ -30,5 +30,7 @@ const tooltipProps = {
   isPopover: Boolean
 };
 const tooltipEmits = elementPlus.tooltipEmits;
+const tooltipPropKeys = Object.keys(tooltipProps);
 exports.tooltipEmits = tooltipEmits;
+exports.tooltipPropKeys = tooltipPropKeys;
 exports.tooltipProps = tooltipProps;

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

@@ -67,3 +67,8 @@ export type TooltipEmits = {
     close: (e: any) => boolean;
 };
 export declare const tooltipEmits: TooltipEmits;
+/**
+ * 属性名
+ */
+export type TooltipPropKeys = Array<keyof typeof tooltipProps>;
+export declare const tooltipPropKeys: TooltipPropKeys;

package/lib/ele-virtual-table/style/index.scss

@@ -653,7 +653,7 @@
 }
 
 /* 移动端支持触摸滚动 */
-@media (hover: none) and (pointer: coarse) {
+@media (pointer: coarse) {
   .ele-virtual-table > .el-table-v2 > .el-table-v2__main {
     & > .el-table-v2__body > div:not(.el-virtual-scrollbar) {
       overflow: auto !important;

package/lib/icons/ResizeOutlined.cjs

@@ -0,0 +1,29 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "ResizeOutlined"
+});
+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",
+  stroke: "currentColor",
+  "stroke-width": "4"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M44 10 10 44" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M44 28 28 44" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const ResizeOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = ResizeOutlined;

package/lib/icons/ResizeOutlined.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/icons/index.cjs

@@ -83,6 +83,7 @@ const ProtectOutlined = require("./ProtectOutlined");
 const QuestionCircleFilled = require("./QuestionCircleFilled");
 const QuestionCircleOutlined = require("./QuestionCircleOutlined");
 const ReloadOutlined = require("./ReloadOutlined");
+const ResizeOutlined = require("./ResizeOutlined");
 const SearchOutlined = require("./SearchOutlined");
 const SettingOutlined = require("./SettingOutlined");
 const ShoppingOutlined = require("./ShoppingOutlined");
@@ -190,6 +191,7 @@ exports.ProtectOutlined = ProtectOutlined;
 exports.QuestionCircleFilled = QuestionCircleFilled;
 exports.QuestionCircleOutlined = QuestionCircleOutlined;
 exports.ReloadOutlined = ReloadOutlined;
+exports.ResizeOutlined = ResizeOutlined;
 exports.SearchOutlined = SearchOutlined;
 exports.SettingOutlined = SettingOutlined;
 exports.ShoppingOutlined = ShoppingOutlined;

package/lib/icons/index.d.ts

@@ -81,6 +81,7 @@ export { default as ProtectOutlined } from "./ProtectOutlined";
 export { default as QuestionCircleFilled } from "./QuestionCircleFilled";
 export { default as QuestionCircleOutlined } from "./QuestionCircleOutlined";
 export { default as ReloadOutlined } from "./ReloadOutlined";
+export { default as ResizeOutlined } from "./ResizeOutlined";
 export { default as SearchOutlined } from "./SearchOutlined";
 export { default as SettingOutlined } from "./SettingOutlined";
 export { default as ShoppingOutlined } from "./ShoppingOutlined";

package/lib/style/themes/dark.scss

@@ -12,11 +12,9 @@ $ele-dark: map.deep-merge(
     'header': (
       'shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
       'tool-hover-bg': rgba(255, 255, 255, 0.05),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      'bg': #1f1f1f,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-bg': #1f1f1f,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6)
     ),
     'logo': (
       'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
@@ -51,16 +49,12 @@ $ele-dark: map.deep-merge(
     ),
     '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-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'tab-indicator': (
-      'color': #434343
-    ),
-    'tab-button': (
-      'bg': hsla(0, 0%, 100%, 0.04)
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'simple-hover-bg': rgba(255, 255, 255, 0.05),
+      'indicator-dot-color': #434343,
+      'indicator-dot-hover-color': #5a5a5a,
+      'button-bg': hsla(0, 0%, 100%, 0.03),
+      'button-hover-bg': hsla(0, 0%, 100%, 0.04)
     ),
     'table': (
       'icon-hover-bg': rgba(255, 255, 255, 0.12),

package/lib/style/themes/default.scss

@@ -34,21 +34,17 @@ $ele: map.deep-merge(
       'bg': elVar('bg-color'),
       'shadow': 0 1px 4px rgba(0, 21, 41, 0.08),
       'line-color': elVar('border-color', 'extra-light'),
-      'menu-height': 54px,
-      'tool-height': 100%,
+      'menu-height': eleVar('header', 'height'),
+      'tools-padding': 12px,
+      'tool-padding': 12px,
+      'tool-height': eleVar('header', 'height'),
       'tool-radius': 0,
-      'tool-hover-bg': rgba(0, 0, 0, 0.025),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05)
-    ),
-    'header-dark': (
-      // 暗色顶栏
-      'bg': #001529,
-      'shadow': 0 1px 4px rgba(0, 0, 0, 0.1)
-    ),
-    'header-primary': (
-      // 主色顶栏
-      'hover-bg': transparent,
-      'active-bg': transparent
+      'tool-hover-bg': rgba(0, 0, 0, 0.04),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12),
+      'dark-color': #fff,
+      'dark-bg': #001529,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
+      'primary-active-bg': transparent
     ),
     'logo': (
       // Logo
@@ -206,8 +202,7 @@ $ele: map.deep-merge(
       'icon-radius': elVar('border-radius', 'small'),
       'body-padding': 20px,
       'footer-padding': 10px 16px,
-      'footer-border': 1px solid elVar('border-color', 'light'),
-      'inner-shadow': 0 0.8px 0 elVar('border-color', 'light') inset
+      'footer-border': 1px solid elVar('border-color', 'light')
     ),
     'dropdown': (
       // 下拉菜单
@@ -441,18 +436,6 @@ $ele: map.deep-merge(
       'form-body-padding': 24px 22px 12px 20px,
       'footer-padding': 10px 20px,
       'footer-border': 1px solid elVar('border-color', 'light'),
-      'resize-bg':
-        linear-gradient(
-          135deg,
-          transparent 45%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 55%,
-          transparent 0,
-          transparent 75%,
-          hsla(0, 0%, 60%, 0.88) 0,
-          hsla(0, 0%, 60%, 0.88) 85%,
-          transparent 0
-        ),
       'fullscreen-border': 1px solid elVar('border-color', 'light'),
       'mobile-space': 16px
     ),
@@ -576,6 +559,9 @@ $ele: map.deep-merge(
       'close-radius': 50%,
       'close-hover-color': #fff,
       'close-hover-bg': elVar('color-error'),
+      'active-close-color': elVar('text-color', 'secondary'),
+      'active-close-hover-color': #fff,
+      'active-close-hover-bg': elVar('color-error'),
       'icon-font-size': 15px,
       'tool-color': elVar('text-color', 'secondary'),
       'tool-font-size': elVar('font-size', 'base'),
@@ -584,58 +570,48 @@ $ele: map.deep-merge(
       'active-index': 3,
       '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': (
-      // 标签页小号
-      'height': 32px,
-      'padding': 12px,
-      'font-size': elVar('font-size', 'small'),
-      'close-size': elVar('font-size', 'small'),
-      'close-font-size': elVar('font-size', 'small'),
-      'icon-font-size': 14px,
-      'tool-font-size': elVar('font-size', 'small')
-    ),
-    'tab-lg': (
-      // 标签页大号
-      'height': 52px,
-      'padding': 22px,
-      'font-size': elVar('font-size', 'medium'),
-      'close-size': elVar('font-size', 'medium'),
-      'close-font-size': elVar('font-size', 'medium'),
-      'icon-font-size': 17px,
-      'tool-font-size': elVar('font-size', 'medium')
-    ),
-    'tab-simple': (
-      // 标签页简约风格
-      'radius': 0,
-      'hover-color': elVar('text-color', 'primary'),
-      'hover-bg': rgba(0, 0, 0, 0.025),
-      'active-color': elVar('color-primary'),
-      'active-bg': elVar('color-primary', 'light-9'),
-      'active-weight': normal,
-      'active-line': 2px,
-      'line-display': block,
-      'angle-size': 0px,
-      'angle-display': none,
-      'tool-hover-bg': eleVar('tab-simple', 'hover-bg')
-    ),
-    'tab-indicator': (
-      // 标签页指示器风格
-      'size': 8px,
-      'color': #d9d9d9,
-      'hover-color': #d9d9d9,
-      'margin': 6px
-    ),
-    'tab-button': (
-      // 标签页按钮风格
-      'space': 8px,
-      'radius': 4px,
-      'bg': hsla(0, 0%, 100%, 0.68),
-      'hover-bg': elVar('bg-color'),
-      'active-bg': elVar('bg-color', 'overlay'),
-      'active-shadow': none,
-      'active-weight': normal
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.15),
+      'sm-height': 32px,
+      'sm-padding': 12px,
+      'sm-font-size': elVar('font-size', 'small'),
+      'sm-close-size': elVar('font-size', 'small'),
+      'sm-close-font-size': elVar('font-size', 'small'),
+      'sm-icon-font-size': 14px,
+      'sm-tool-font-size': elVar('font-size', 'small'),
+      'lg-height': 52px,
+      'lg-padding': 22px,
+      'lg-font-size': elVar('font-size', 'medium'),
+      'lg-close-size': elVar('font-size', 'medium'),
+      'lg-close-font-size': elVar('font-size', 'medium'),
+      'lg-icon-font-size': 17px,
+      'lg-tool-font-size': elVar('font-size', 'medium'),
+      'simple-radius': 0,
+      'simple-hover-color': elVar('text-color', 'primary'),
+      'simple-hover-bg': rgba(0, 0, 0, 0.025),
+      'simple-active-color': elVar('color-primary'),
+      'simple-active-bg': elVar('color-primary', 'light-9'),
+      'simple-active-weight': normal,
+      'simple-active-line': 2px,
+      'simple-line-display': block,
+      'simple-angle-size': 0px,
+      'simple-angle-display': none,
+      'simple-tool-hover-bg': eleVar('tab', 'simple-hover-bg'),
+      'indicator-dot-size': 8px,
+      'indicator-dot-color': #d9d9d9,
+      'indicator-dot-hover-color': #c8c8c8,
+      'indicator-dot-active-color': elVar('color-primary'),
+      'indicator-margin': 6px,
+      'tag-space': 4px,
+      'tag-radius': elVar('border-radius', 'base'),
+      'button-space': 8px,
+      'button-radius': 4px,
+      'button-bg': hsla(0, 0%, 100%, 0.66),
+      'button-hover-color': elVar('color-primary'),
+      'button-hover-bg': elVar('bg-color'),
+      'button-active-color': elVar('color-primary'),
+      'button-active-bg': elVar('bg-color', 'overlay'),
+      'button-active-shadow': none,
+      'button-active-weight': normal
     ),
     'text': (
       // 文本

package/lib/style/themes/rounded.scss

@@ -10,12 +10,7 @@ $ele-rounded: map.deep-merge(
       'menu-height': 38px,
       'tool-height': 38px,
       'tool-radius': elVar('border-radius', 'base'),
-      'tool-hover-bg': elVar('fill-color', 'light'),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12)
-    ),
-    'header-primary': (
-      'hover-bg': rgba(255, 255, 255, 0.12),
-      'active-bg': rgba(255, 255, 255, 0.24)
+      'primary-active-bg': rgba(255, 255, 255, 0.24)
     ),
     'sidebar': (
       'tool-height': 38px
@@ -135,30 +130,21 @@ $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, box-shadow)
-    ),
-    'tab-sm': (
-      'close-size': 14px
-    ),
-    'tab-lg': (
-      'close-size': 20px
-    ),
-    'tab-simple': (
-      'radius': 8px 8px 0px 0px,
-      'active-weight': bold,
-      'active-line': 0px,
-      'line-display': none,
-      'angle-size': 10px,
-      'angle-display': block,
-      'tool-hover-bg': transparent
-    ),
-    'tab-indicator': (
-      'hover-color': elVar('color-primary')
-    ),
-    'tab-button': (
-      'radius': $radius-large,
-      'active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
-      'active-weight': bold
+      'active-close-hover-color': elVar('text-color', 'primary'),
+      'active-close-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'transition': (color, box-shadow),
+      'sm-close-size': 14px,
+      'lg-close-size': 20px,
+      'simple-radius': 8px 8px 0px 0px,
+      'simple-active-weight': bold,
+      'simple-active-line': 0px,
+      'simple-line-display': none,
+      'simple-angle-size': 10px,
+      'simple-angle-display': block,
+      'simple-tool-hover-bg': transparent,
+      'button-radius': $radius-large,
+      'button-active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
+      'button-active-weight': bold
     ),
     'text': (
       'heading-weight': bold

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.1.9-beta.10",
+  "version": "1.1.9-beta.11",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
@@ -24,7 +24,7 @@
     "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.12.2",
+    "@types/node": "^20.12.5",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^7.5.0",
@@ -56,23 +56,23 @@
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "rimraf": "^5.0.5",
-    "sass": "^1.72.0",
+    "sass": "^1.74.1",
     "sortablejs": "^1.15.2",
     "tinymce": "^5.10.9",
     "typescript": "5.3.3",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.2.7",
+    "vite": "^5.2.8",
     "vite-plugin-dts": "^3.8.1",
     "vue": "^3.4.21",
     "vue-echarts": "^6.6.9",
     "vue-eslint-parser": "^9.4.2",
-    "vue-i18n": "^9.10.2",
+    "vue-i18n": "^9.11.0",
     "vue-router": "^4.3.0",
-    "vue-tsc": "^2.0.7",
+    "vue-tsc": "^2.0.10",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.15",
-    "xgplayer-hls": "^3.0.15",
-    "xgplayer-music": "^3.0.15",
+    "xgplayer": "^3.0.16",
+    "xgplayer-hls": "^3.0.16",
+    "xgplayer-music": "^3.0.16",
     "xlsx": "^0.18.5"
   },
   "main": "lib/index.cjs",