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

package/lib/icons/ZoomOutOutlined.cjs

@@ -1,15 +1,5 @@
 "use strict";
 const vue = require("vue");
-const _sfc_main = vue.defineComponent({
-  name: "ZoomOutOutlined"
-});
-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",
@@ -17,14 +7,16 @@ const _hoisted_1 = {
   "stroke-width": "4",
   "stroke-linecap": "round"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M36.3 36.3 45.5 45.5M23 42C33 42 42 33 42 23 42 13 33 4 23 4 13 4 4 13 4 23 4 33 13 42 23 42Z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M16 23H30" }, 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 ZoomOutOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = ZoomOutOutlined;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ZoomOutOutlined" },
+  __name: "ZoomOutOutlined",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+        vue.createElementVNode("path", { d: "M36.3 36.3 45.5 45.5M23 42C33 42 42 33 42 23 42 13 33 4 23 4 13 4 4 13 4 23 4 33 13 42 23 42Z" }, null, -1),
+        vue.createElementVNode("path", { d: "M16 23H30" }, null, -1)
+      ]));
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/icons/ZoomOutOutlined.d.ts

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

package/lib/style/plus.scss

@@ -34,6 +34,7 @@
 @use '../ele-segmented/style/index.scss' as segmented;
 @use '../ele-split-panel/style/index.scss' as splitPanel;
 @use '../ele-steps/style/index.scss' as steps;
+@use '../ele-tab-bar/style/index.scss' as tabBar;
 @use '../ele-tabs/style/index.scss' as tabs;
 @use '../ele-table/style/index.scss' as table;
 @use '../ele-table-select/style/index.scss' as tableSelect;
@@ -44,5 +45,7 @@
 @use '../ele-tooltip/style/index.scss' as tooltip;
 @use '../ele-tour/style/index.scss' as tour;
 @use '../ele-tree-select/style/index.scss' as treeSelect;
+@use '../ele-tree-table/style/index.scss' as treeTable;
 @use '../ele-upload-list/style/index.scss' as uploadList;
+@use '../ele-viewer/style/index.scss' as viewer;
 @use '../ele-virtual-table/style/index.scss' as virtualTable;

package/lib/style/themes/default.scss

@@ -620,6 +620,24 @@ $ele: map.deep-merge(
       'finish-line-color': elVar('color-primary'),
       'vertical-margin': 16px
     ),
+    'tab-bar': (
+      // 标签栏
+      'padding': 0,
+      'line-color': elVar('border-color', 'light'),
+      'height': 40px,
+      'space': 16px,
+      'font-size': elVar('font-size', 'base'),
+      'color': elVar('text-color', 'regular'),
+      'hover-color': elVar('color-primary'),
+      'hover-bg': transparent,
+      'active-color': elVar('color-primary'),
+      'active-bg': transparent,
+      'active-font-weight': normal,
+      'active-line-size': 2px,
+      'active-line-color': elVar('color-primary'),
+      'item-padding': 0 2px,
+      'item-radius': 0
+    ),
     'tab': (
       // 标签页
       'bg': elVar('bg-color'),

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

@@ -24,6 +24,7 @@
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
 @use '../../ele-steps/style/css-var.scss' as *;
+@use '../../ele-tab-bar/style/css-var.scss' as *;
 @use '../../ele-table/style/css-var.scss' as *;
 @use '../../ele-table-select/style/css-var.scss' as *;
 @use '../../ele-tabs/style/css-var.scss' as *;
@@ -33,6 +34,7 @@
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
 @use '../../ele-tree-select/style/css-var.scss' as *;
+@use '../../ele-tree-table/style/css-var.scss' as *;
 @use '../../ele-upload-list/style/css-var.scss' as *;
 @use '../../ele-virtual-table/style/css-var.scss' as *;
 
@@ -65,6 +67,7 @@
     @include set-pro-table-var($var);
     @include set-segmented-var($var);
     @include set-step-var($var);
+    @include set-tab-bar-var($var);
     @include set-table-var($var);
     @include set-table-select-var($var);
     @include set-tab-var($var);
@@ -74,6 +77,7 @@
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);
     @include set-tree-select-var($var);
+    @include set-tree-table-var($var);
     @include set-upload-list-var($var);
     @include set-virtual-table-var($var);
   }

package/lib/utils/core.cjs

@@ -300,8 +300,12 @@ function pick(obj, fields) {
   }
   return result;
 }
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
 exports.assignObject = assignObject;
 exports.bd09ToGcj02 = bd09ToGcj02;
+exports.capitalize = capitalize;
 exports.checkFullscreen = checkFullscreen;
 exports.contentIsEllipsis = contentIsEllipsis;
 exports.copyText = copyText;

package/lib/utils/core.d.ts

@@ -166,3 +166,7 @@ export declare function omit<T extends {}, K extends keyof T>(obj: T | null | un
  * @param fields 摘选的属性
  */
 export declare function pick<T extends object, K extends keyof T>(obj: T, fields: K[]): Mutable<Pick<T, K>>;
+/**
+ * 首字母大写
+ */
+export declare function capitalize(str: string): string;

package/lib/utils/hook.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const core = require("./core");
 function useFormItemRest() {
   vue.provide(elementPlus.formItemContextKey, null);
 }
@@ -274,6 +275,9 @@ function useMoveEvent(option) {
     emitEnd(e);
   };
   const handleMousedown = (e) => {
+    if (e.button !== 0) {
+      return;
+    }
     emitStart(e.clientX, e.clientY, e);
     document.addEventListener("mousemove", mousemoveFn);
     document.addEventListener("mouseup", mouseupFn);
@@ -297,12 +301,53 @@ function useMoveEvent(option) {
 }
 function useComponentEvents(events, emit) {
   const emitMethods = {};
+  const emitProps = {};
   (Array.isArray(events) ? events : Object.keys(events)).forEach((name) => {
     emitMethods[name] = (...params) => {
       emit(name, ...params);
     };
+    emitProps[`on${core.capitalize(name)}`] = (...params) => {
+      emit(name, ...params);
+    };
   });
-  return { emitMethods };
+  return {
+    emitMethods,
+    emitProps
+  };
+}
+function useProOptions(props, name = "options") {
+  const optionData = vue.ref([]);
+  const optionsProp = vue.computed(() => core.getValue(props, name));
+  const reloadOptions = () => {
+    if (optionsProp.value != null) {
+      if (typeof optionsProp.value === "function") {
+        optionData.value = [];
+        optionsProp.value().then((data) => {
+          optionData.value = data || [];
+        });
+        return;
+      }
+      if (Array.isArray(optionsProp.value)) {
+        optionData.value = optionsProp.value;
+        return;
+      }
+    }
+    optionData.value = [];
+  };
+  vue.watch(
+    () => optionsProp,
+    () => {
+      reloadOptions();
+    },
+    {
+      deep: true,
+      immediate: true
+    }
+  );
+  return {
+    optionData,
+    reloadOptions
+  };
 }
 exports.useCollapseAnim = useCollapseAnim;
 exports.useComponentEvents = useComponentEvents;
@@ -312,6 +357,7 @@ exports.useMobile = useMobile;
 exports.useMobileDevice = useMobileDevice;
 exports.useMousewheel = useMousewheel;
 exports.useMoveEvent = useMoveEvent;
+exports.useProOptions = useProOptions;
 exports.useTimer = useTimer;
 exports.useTouchEvent = useTouchEvent;
 exports.useWindowListener = useWindowListener;

package/lib/utils/hook.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref, EmitsOptions, ObjectEmitsOptions, EmitsToProps } from 'vue';
 
 /**
  * 重置组件表单验证
@@ -133,9 +133,25 @@ export declare function useMoveEvent(option?: UseTouchEventOption<MoveEvent>): {
     handleMousedown: (e: MouseEvent) => void;
     handleTouchstart: (e: TouchEvent) => void;
 };
+/**
+ * 组件事件对应的方法类型
+ */
+export type EmitMethods<T extends EmitsOptions> = T extends string[] ? {
+    [K in T[number]]: (...args: any[]) => void;
+} : T extends ObjectEmitsOptions ? {
+    [K in string & keyof T]: (...args: T[K] extends (...args: infer P) => any ? P : T[K] extends null ? any[] : never) => void;
+} : {};
 /**
  * 二次封装组件事件处理 hook
  */
-export declare function useComponentEvents(events: string[] | Record<string, any>, emit: any): {
-    emitMethods: Record<string, (...params: any) => void>;
+export declare function useComponentEvents<T extends EmitsOptions>(events: T, emit: any): {
+    emitMethods: EmitMethods<T>;
+    emitProps: Required<EmitsToProps<T>>;
+};
+/**
+ * 高级选项数据 hook
+ */
+export declare function useProOptions<T>(props: Record<string, any>, name?: string): {
+    optionData: Ref<T[], T[]>;
+    reloadOptions: () => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0-beta.4",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
@@ -18,61 +18,61 @@
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
-    "@ant-design/colors": "^7.1.0",
-    "@babel/types": "^7.25.4",
+    "@ant-design/colors": "^7.2.0",
+    "@babel/types": "^7.26.3",
     "@bytemd/plugin-gfm": "^1.21.0",
     "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.5.0",
+    "@types/node": "^22.10.5",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-vue": "^5.1.2",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "@vue/compiler-sfc": "^3.4.38",
-    "@vueuse/core": "^11.0.3",
-    "axios": "^1.7.5",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vue/compiler-sfc": "^3.5.13",
+    "@vueuse/core": "^12.3.0",
+    "axios": "^1.7.9",
     "bytemd": "^1.21.0",
-    "chalk": "^5.3.0",
+    "chalk": "^5.4.1",
     "countup.js": "^2.8.0",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
-    "echarts": "^5.5.1",
+    "echarts": "^5.6.0",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.8.1",
-    "eslint": "^8.57.0",
+    "element-plus": "^2.9.2",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.27.0",
-    "esno": "^4.7.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "esno": "^4.8.0",
     "exceljs": "^4.4.0",
-    "execa": "^9.3.1",
-    "github-markdown-css": "^5.6.1",
-    "highlight.js": "^11.10.0",
+    "execa": "^9.5.2",
+    "github-markdown-css": "^5.8.1",
+    "highlight.js": "^11.11.1",
     "jsbarcode": "^3.11.6",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.51.0",
+    "monaco-editor": "^0.52.2",
     "nprogress": "^0.2.0",
-    "p-limit": "^6.1.0",
-    "pinia": "^2.2.2",
-    "postcss": "^8.4.41",
-    "prettier": "^3.3.3",
+    "p-limit": "^6.2.0",
+    "pinia": "^2.3.0",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "sass": "^1.77.8",
-    "sortablejs": "^1.15.2",
+    "sass": "^1.83.1",
+    "sortablejs": "^1.15.6",
     "tinymce": "^5.10.9",
-    "typescript": "^5.5.4",
-    "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.2",
+    "typescript": "^5.7.3",
+    "unplugin-vue-components": "^28.0.0",
+    "vite": "^6.0.7",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.4.38",
+    "vue": "^3.5.13",
     "vue-echarts": "^7.0.3",
     "vue-eslint-parser": "^9.4.3",
-    "vue-i18n": "^9.14.0",
-    "vue-router": "^4.4.3",
-    "vue-tsc": "^2.0.29",
+    "vue-i18n": "^11.0.1",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.2.0",
     "vuedraggable": "^4.1.0",
     "xgplayer": "^3.0.20",
     "xgplayer-hls": "^3.0.20",

package/typings/global.d.ts

@@ -4,6 +4,7 @@ declare module 'vue' {
     EleAdminLayout: (typeof import('ele-admin-plus'))['EleAdminLayout'];
     EleAlert: (typeof import('ele-admin-plus'))['EleAlert'];
     EleApp: (typeof import('ele-admin-plus'))['EleApp'];
+    EleAutocomplete: (typeof import('ele-admin-plus'))['EleAutocomplete'];
     EleAvatarGroup: (typeof import('ele-admin-plus'))['EleAvatarGroup'];
     EleBacktop: (typeof import('ele-admin-plus'))['EleBacktop'];
     EleBarCode: (typeof import('ele-admin-plus'))['EleBarCode'];
@@ -13,6 +14,7 @@ declare module 'vue' {
     EleCard: (typeof import('ele-admin-plus'))['EleCard'];
     EleCascader: (typeof import('ele-admin-plus'))['EleCascader'];
     EleCheckCard: (typeof import('ele-admin-plus'))['EleCheckCard'];
+    EleCheckboxGroup: (typeof import('ele-admin-plus'))['EleCheckboxGroup'];
     EleConfigProvider: (typeof import('ele-admin-plus'))['EleConfigProvider'];
     EleCopyable: (typeof import('ele-admin-plus'))['EleCopyable'];
     EleCountUp: (typeof import('ele-admin-plus'))['EleCountUp'];
@@ -32,6 +34,7 @@ declare module 'vue' {
     EleImageViewer: (typeof import('ele-admin-plus'))['EleImageViewer'];
     EleLoading: (typeof import('ele-admin-plus'))['EleLoading'];
     EleMapPicker: (typeof import('ele-admin-plus'))['EleMapPicker'];
+    EleMention: (typeof import('ele-admin-plus'))['EleMention'];
     EleMenus: (typeof import('ele-admin-plus'))['EleMenus'];
     EleModal: (typeof import('ele-admin-plus'))['EleModal'];
     ElePage: (typeof import('ele-admin-plus'))['ElePage'];
@@ -45,10 +48,13 @@ declare module 'vue' {
     EleProTable: (typeof import('ele-admin-plus'))['EleProTable'];
     EleQrCode: (typeof import('ele-admin-plus'))['EleQrCode'];
     EleQrCodeSvg: (typeof import('ele-admin-plus'))['EleQrCodeSvg'];
+    EleRadioGroup: (typeof import('ele-admin-plus'))['EleRadioGroup'];
     EleSegmented: (typeof import('ele-admin-plus'))['EleSegmented'];
     EleSelect: (typeof import('ele-admin-plus'))['EleSelect'];
+    EleSelectTree: (typeof import('ele-admin-plus'))['EleSelectTree'];
     EleSplitPanel: (typeof import('ele-admin-plus'))['EleSplitPanel'];
     EleSteps: (typeof import('ele-admin-plus'))['EleSteps'];
+    EleTabBar: (typeof import('ele-admin-plus'))['EleTabBar'];
     EleTabTool: (typeof import('ele-admin-plus'))['EleTabTool'];
     EleTabWrap: (typeof import('ele-admin-plus'))['EleTabWrap'];
     EleTable: (typeof import('ele-admin-plus'))['EleTable'];
@@ -60,8 +66,11 @@ declare module 'vue' {
     EleToolbar: (typeof import('ele-admin-plus'))['EleToolbar'];
     EleTooltip: (typeof import('ele-admin-plus'))['EleTooltip'];
     EleTour: (typeof import('ele-admin-plus'))['EleTour'];
+    EleTransfer: (typeof import('ele-admin-plus'))['EleTransfer'];
     EleTreeSelect: (typeof import('ele-admin-plus'))['EleTreeSelect'];
+    EleTreeTable: (typeof import('ele-admin-plus'))['EleTreeTable'];
     EleUploadList: (typeof import('ele-admin-plus'))['EleUploadList'];
+    EleViewer: (typeof import('ele-admin-plus'))['EleViewer'];
     EleVirtualTable: (typeof import('ele-admin-plus'))['EleVirtualTable'];
     EleWatermark: (typeof import('ele-admin-plus'))['EleWatermark'];
     EleXgPlayer: (typeof import('ele-admin-plus'))['EleXgPlayer'];