ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.2

package/es/utils/hook.d.ts

@@ -28,6 +28,24 @@ export type UseMediaQueryResult = [MediaQueryList, () => void, () => void];
  * @param onChange 改变回调
  */
 export declare function useMediaQuery(query: string, onChange?: () => void): UseMediaQueryResult;
+/**
+ * useMobile 返回结果
+ */
+export type UseMobileResult = [Ref<boolean>, () => void, () => void];
+/**
+ * 获取是否是移动端小屏幕
+ * @param onChange 值改变回调
+ */
+export declare function useMobile(onChange?: (isMobile: boolean) => void): UseMobileResult;
+/**
+ * useMobileDevice 返回结果
+ */
+export type UseMobileDeviceResult = [Ref<boolean>, () => void, () => void];
+/**
+ * 获取是否是移动端触摸设备
+ * @param onChange 值改变回调
+ */
+export declare function useMobileDevice(onChange?: (isMobile: boolean) => void): UseMobileDeviceResult;
 /**
  * 窗口事件监听
  * @param event 事件
@@ -115,3 +133,9 @@ export declare function useMoveEvent(option?: UseTouchEventOption<MoveEvent>): {
     handleMousedown: (e: MouseEvent) => void;
     handleTouchstart: (e: TouchEvent) => void;
 };
+/**
+ * 二次封装组件事件处理 hook
+ */
+export declare function useComponentEvents(events: string[] | Record<string, any>, emit: any): {
+    emitMethods: Record<string, (...params: any) => void>;
+};

package/es/utils/hook.js

@@ -54,6 +54,34 @@ function useMediaQuery(query, onChange) {
   });
   return [mediaQuery, startWatch, stopWatch];
 }
+function useMobile(onChange) {
+  const mobile = ref(false);
+  const [media, startMedia, stopMedia] = useMediaQuery(
+    "(max-width: 768px)",
+    () => {
+      const isMobile = media.matches;
+      if (mobile.value !== isMobile) {
+        mobile.value = isMobile;
+        onChange && onChange(isMobile);
+      }
+    }
+  );
+  return [mobile, startMedia, stopMedia];
+}
+function useMobileDevice(onChange) {
+  const mobileDevice = ref(false);
+  const [media, startMedia, stopMedia] = useMediaQuery(
+    "(pointer: coarse)",
+    () => {
+      const isMobileDevice = media.matches;
+      if (mobileDevice.value !== isMobileDevice) {
+        mobileDevice.value = isMobileDevice;
+        onChange && onChange(isMobileDevice);
+      }
+    }
+  );
+  return [mobileDevice, startMedia, stopMedia];
+}
 function useWindowListener(event, listener) {
   const eventName = typeof event === "string" ? event : "resize";
   const callback = typeof event === "function" ? event : listener;
@@ -265,10 +293,22 @@ function useMoveEvent(option) {
     handleTouchstart
   };
 }
+function useComponentEvents(events, emit) {
+  const emitMethods = {};
+  (Array.isArray(events) ? events : Object.keys(events)).forEach((name) => {
+    emitMethods[name] = (...params) => {
+      emit(name, ...params);
+    };
+  });
+  return { emitMethods };
+}
 export {
   useCollapseAnim,
+  useComponentEvents,
   useFormItemRest,
   useMediaQuery,
+  useMobile,
+  useMobileDevice,
   useMousewheel,
   useMoveEvent,
   useTimer,

package/es/utils/menu-util.js

@@ -10,7 +10,7 @@ function pathIsAdd(path, data) {
   return findTree(data, (d) => path === d.path) != null;
 }
 function getRoutePath(path) {
-  if (!path || !path.includes("?")) {
+  if (!path || !path.includes("?") || path.endsWith("?")) {
     return path;
   }
   return path.substring(0, path.indexOf("?"));
@@ -52,7 +52,7 @@ function menuToRoutes(menus, getComponent, added) {
   const addedRoutes = added ? [...added] : [];
   menus.forEach((item) => {
     const meta = { ...item.meta };
-    const path = getRoutePath(meta.routePath || item.path);
+    const path = meta.routePath || getRoutePath(item.path);
     if (path && !isExternalLink(path) && !pathIsAdd(path, addedRoutes)) {
       const name = item.name || camelCase(path);
       const { component, link } = getRouteComponent(item, name, getComponent);

package/lib/components.cjs

@@ -6,13 +6,17 @@ const index$1 = require("./ele-count-up/index");
 const index$2 = require("./ele-cropper/index");
 const index$3 = require("./ele-cropper-modal/index");
 const index$4 = require("./ele-map-picker/index");
-const index$5 = require("./ele-xg-player/index");
+const index$5 = require("./ele-pro-form/index");
+const index$6 = require("./ele-pro-form-builder/index");
+const index$7 = require("./ele-xg-player/index");
 exports.EleBarCode = index;
 exports.EleCountUp = index$1;
 exports.EleCropper = index$2;
 exports.EleCropperModal = index$3;
 exports.EleMapPicker = index$4;
-exports.EleXgPlayer = index$5;
+exports.EleProForm = index$5;
+exports.EleProFormBuilder = index$6;
+exports.EleXgPlayer = index$7;
 Object.keys(coreComponents).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/lib/components.d.ts

@@ -4,4 +4,6 @@ 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 EleMapPicker } from './ele-map-picker/index';
+export { default as EleProForm } from './ele-pro-form/index';
+export { default as EleProFormBuilder } from './ele-pro-form-builder/index';
 export { default as EleXgPlayer } from './ele-xg-player/index';

package/lib/core-components.cjs

@@ -9,49 +9,52 @@ const index$5 = require("./ele-basic-select/index");
 const index$6 = require("./ele-bottom-bar/index");
 const index$7 = require("./ele-breadcrumb/index");
 const index$8 = require("./ele-card/index");
-const index$9 = require("./ele-check-card/index");
-const index$a = require("./ele-config-provider/index");
-const index$b = require("./ele-copyable/index");
-const index$c = require("./ele-dashboard/index");
-const index$d = require("./ele-data-table/index");
-const index$e = require("./ele-dot/index");
-const index$f = require("./ele-drawer/index");
-const index$g = require("./ele-dropdown/index");
-const index$h = require("./ele-edit-tag/index");
-const index$i = require("./ele-ellipsis/index");
-const index$j = require("./ele-file-list/index");
-const index$k = require("./ele-file-list-tool/index");
-const index$l = require("./ele-icon-select/index");
-const index$m = require("./ele-image-viewer/index");
-const index$n = require("./ele-loading/index");
-const index$o = require("./ele-menus/index");
-const index$p = require("./ele-modal/index");
-const index$q = require("./ele-page/index");
-const index$r = require("./ele-pagination/index");
-const index$s = require("./ele-popconfirm/index");
-const index$t = require("./ele-popover/index");
-const index$u = require("./ele-printer/index");
-const index$v = require("./ele-pro-layout/index");
-const index$w = require("./ele-pro-table/index");
-const index$x = require("./ele-qr-code/index");
-const index$y = require("./ele-qr-code-svg/index");
-const index$z = require("./ele-segmented/index");
-const index$A = require("./ele-split-panel/index");
-const index$B = require("./ele-steps/index");
-const index$C = require("./ele-tabs/index");
-const index$D = require("./ele-tab-tool/index");
-const index$E = require("./ele-tab-wrap/index");
-const index$F = require("./ele-table/index");
-const index$G = require("./ele-table-select/index");
-const index$H = require("./ele-text/index");
-const index$I = require("./ele-tool/index");
-const index$J = require("./ele-toolbar/index");
-const index$K = require("./ele-tooltip/index");
-const index$L = require("./ele-tour/index");
-const index$M = require("./ele-tree-select/index");
-const index$N = require("./ele-upload-list/index");
-const index$O = require("./ele-virtual-table/index");
-const index$P = require("./ele-watermark/index");
+const index$9 = require("./ele-cascader/index");
+const index$a = require("./ele-check-card/index");
+const index$b = require("./ele-config-provider/index");
+const index$c = require("./ele-copyable/index");
+const index$d = require("./ele-dashboard/index");
+const index$e = require("./ele-data-table/index");
+const index$f = require("./ele-dot/index");
+const index$g = require("./ele-drawer/index");
+const index$h = require("./ele-dropdown/index");
+const index$i = require("./ele-edit-tag/index");
+const index$j = require("./ele-ellipsis/index");
+const index$k = require("./ele-file-list/index");
+const index$l = require("./ele-file-list-tool/index");
+const index$m = require("./ele-icon/index");
+const index$n = require("./ele-icon-select/index");
+const index$o = require("./ele-image-viewer/index");
+const index$p = require("./ele-loading/index");
+const index$q = require("./ele-menus/index");
+const index$r = require("./ele-modal/index");
+const index$s = require("./ele-page/index");
+const index$t = require("./ele-pagination/index");
+const index$u = require("./ele-popconfirm/index");
+const index$v = require("./ele-popover/index");
+const index$w = require("./ele-printer/index");
+const index$x = require("./ele-pro-layout/index");
+const index$y = require("./ele-pro-table/index");
+const index$z = require("./ele-qr-code/index");
+const index$A = require("./ele-qr-code-svg/index");
+const index$B = require("./ele-segmented/index");
+const index$C = require("./ele-select/index");
+const index$D = require("./ele-split-panel/index");
+const index$E = require("./ele-steps/index");
+const index$F = require("./ele-tabs/index");
+const index$G = require("./ele-tab-tool/index");
+const index$H = require("./ele-tab-wrap/index");
+const index$I = require("./ele-table/index");
+const index$J = require("./ele-table-select/index");
+const index$K = require("./ele-text/index");
+const index$L = require("./ele-tool/index");
+const index$M = require("./ele-toolbar/index");
+const index$N = require("./ele-tooltip/index");
+const index$O = require("./ele-tour/index");
+const index$P = require("./ele-tree-select/index");
+const index$Q = require("./ele-upload-list/index");
+const index$R = require("./ele-virtual-table/index");
+const index$S = require("./ele-watermark/index");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -61,46 +64,49 @@ exports.EleBasicSelect = index$5;
 exports.EleBottomBar = index$6;
 exports.EleBreadcrumb = index$7;
 exports.EleCard = index$8;
-exports.EleCheckCard = index$9;
-exports.EleConfigProvider = index$a;
-exports.EleCopyable = index$b;
-exports.EleDashboard = index$c;
-exports.EleDataTable = index$d;
-exports.EleDot = index$e;
-exports.EleDrawer = index$f;
-exports.EleDropdown = index$g;
-exports.EleEditTag = index$h;
-exports.EleEllipsis = index$i;
-exports.EleFileList = index$j;
-exports.EleFileListTool = index$k;
-exports.EleIconSelect = index$l;
-exports.EleImageViewer = index$m;
-exports.EleLoading = index$n;
-exports.EleMenus = index$o;
-exports.EleModal = index$p;
-exports.ElePage = index$q;
-exports.ElePagination = index$r;
-exports.ElePopconfirm = index$s;
-exports.ElePopover = index$t;
-exports.ElePrinter = index$u;
-exports.EleProLayout = index$v;
-exports.EleProTable = index$w;
-exports.EleQrCode = index$x;
-exports.EleQrCodeSvg = index$y;
-exports.EleSegmented = index$z;
-exports.EleSplitPanel = index$A;
-exports.EleSteps = index$B;
-exports.EleTabs = index$C;
-exports.EleTabTool = index$D;
-exports.EleTabWrap = index$E;
-exports.EleTable = index$F;
-exports.EleTableSelect = index$G;
-exports.EleText = index$H;
-exports.EleTool = index$I;
-exports.EleToolbar = index$J;
-exports.EleTooltip = index$K;
-exports.EleTour = index$L;
-exports.EleTreeSelect = index$M;
-exports.EleUploadList = index$N;
-exports.EleVirtualTable = index$O;
-exports.EleWatermark = index$P;
+exports.EleCascader = index$9;
+exports.EleCheckCard = index$a;
+exports.EleConfigProvider = index$b;
+exports.EleCopyable = index$c;
+exports.EleDashboard = index$d;
+exports.EleDataTable = index$e;
+exports.EleDot = index$f;
+exports.EleDrawer = index$g;
+exports.EleDropdown = index$h;
+exports.EleEditTag = index$i;
+exports.EleEllipsis = index$j;
+exports.EleFileList = index$k;
+exports.EleFileListTool = index$l;
+exports.EleIcon = index$m;
+exports.EleIconSelect = index$n;
+exports.EleImageViewer = index$o;
+exports.EleLoading = index$p;
+exports.EleMenus = index$q;
+exports.EleModal = index$r;
+exports.ElePage = index$s;
+exports.ElePagination = index$t;
+exports.ElePopconfirm = index$u;
+exports.ElePopover = index$v;
+exports.ElePrinter = index$w;
+exports.EleProLayout = index$x;
+exports.EleProTable = index$y;
+exports.EleQrCode = index$z;
+exports.EleQrCodeSvg = index$A;
+exports.EleSegmented = index$B;
+exports.EleSelect = index$C;
+exports.EleSplitPanel = index$D;
+exports.EleSteps = index$E;
+exports.EleTabs = index$F;
+exports.EleTabTool = index$G;
+exports.EleTabWrap = index$H;
+exports.EleTable = index$I;
+exports.EleTableSelect = index$J;
+exports.EleText = index$K;
+exports.EleTool = index$L;
+exports.EleToolbar = index$M;
+exports.EleTooltip = index$N;
+exports.EleTour = index$O;
+exports.EleTreeSelect = index$P;
+exports.EleUploadList = index$Q;
+exports.EleVirtualTable = index$R;
+exports.EleWatermark = index$S;

package/lib/core-components.d.ts

@@ -7,6 +7,7 @@ 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 EleCascader } from './ele-cascader/index';
 export { default as EleCheckCard } from './ele-check-card/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
 export { default as EleCopyable } from './ele-copyable/index';
@@ -19,6 +20,7 @@ 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 EleIcon } from './ele-icon/index';
 export { default as EleIconSelect } from './ele-icon-select/index';
 export { default as EleImageViewer } from './ele-image-viewer/index';
 export { default as EleLoading } from './ele-loading/index';
@@ -34,6 +36,7 @@ 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 EleSegmented } from './ele-segmented/index';
+export { default as EleSelect } from './ele-select/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';

package/lib/ele-app/el.d.ts

@@ -35,6 +35,8 @@ import type {
   ElFormItem,
   FormItemProps,
   FormItemRule,
+  FormInstance,
+  FormItemProp,
   // ElIcon
   IconProps,
   // ElImage
@@ -179,6 +181,17 @@ export type ElFormItemProps = ComponentProps<FormItemProps>;
 
 export type ElFormItemRule = Partial<FormItemRule>;
 
+export type ElFormInstanceMethods = Pick<
+  FormInstance,
+  | 'validate'
+  | 'validateField'
+  | 'resetFields'
+  | 'scrollToField'
+  | 'clearValidate'
+>;
+
+export type ElFormItemProp = FormItemProp;
+
 /**
  * ElIcon
  */

package/lib/ele-app/plus.d.ts

@@ -19,6 +19,7 @@ import type { PaginationProps } from '../ele-pagination/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
+import type EleProForm from '../ele-pro-form/index';
 import type EleProTable from '../ele-pro-table/index';
 import type { ProTableProps } from '../ele-pro-table/props';
 import type { TableProps } from '../ele-table/props';
@@ -125,6 +126,11 @@ export type ElePopoverProps = Partial<PopoverProps>;
  */
 export type ElePrinterProps = ComponentProps<PrinterProps>;
 
+/**
+ * EleProForm
+ */
+export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
 /**
  * EleProTable
  */

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

@@ -1,5 +1,4 @@
-import type { Component } from 'vue';
-import type { StyleValue } from '../ele-app/types';
+import type { StyleValue, UserComponent } from '../ele-app/types';
 import type {
   ElIconProps,
   ElBreadcrumbProps,
@@ -22,7 +21,7 @@ export interface BreadcrumbItem extends ElBreadcrumbItemProps {
   /** 标题 */
   title?: string;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */

package/lib/ele-cascader/index.cjs

@@ -0,0 +1,94 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const hook = require("../utils/hook");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleCascader",
+  components: { ElCascader: elementPlus.ElCascader },
+  props: props.cascaderProps,
+  emits: props.cascaderEmits,
+  setup(props$1, { emit }) {
+    var _a;
+    const { emitMethods } = hook.useComponentEvents(props.cascaderEmits, emit);
+    const cascaderProps2 = vue.reactive({
+      ...props$1.props || {},
+      multiple: !!(props$1.multiple || ((_a = props$1.props) == null ? void 0 : _a.multiple))
+    });
+    vue.watch(
+      [() => props$1.multiple, () => props$1.props],
+      () => {
+        const cProps = props$1.props || {};
+        [
+          "expandTrigger",
+          "checkStrictly",
+          "emitPath",
+          "lazy",
+          "lazyLoad",
+          "value",
+          "label",
+          "children",
+          "disabled",
+          "leaf",
+          "hoverThreshold"
+        ].forEach((k) => {
+          if (cascaderProps2[k] == null && cProps[k] == null) {
+            return;
+          }
+          if (cascaderProps2[k] !== cProps[k]) {
+            cascaderProps2[k] = cProps[k];
+          }
+        });
+        if (props$1.multiple) {
+          if (!cascaderProps2.multiple) {
+            cascaderProps2.multiple = true;
+          }
+        } else if (!!cascaderProps2.multiple !== !!cProps.multiple) {
+          cascaderProps2.multiple = cProps.multiple;
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return {
+      omit: core.omit,
+      emitMethods,
+      cascaderProps: cascaderProps2
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCascader = vue.resolveComponent("ElCascader");
+  return vue.openBlock(), vue.createBlock(_component_ElCascader, vue.mergeProps(_ctx.omit(_ctx.$props, ["props", "multiple"]), {
+    props: _ctx.cascaderProps,
+    "onUpdate:modelValue": _ctx.emitMethods["update:modelValue"],
+    onChange: _ctx.emitMethods["change"],
+    onFocus: _ctx.emitMethods["focus"],
+    onBlur: _ctx.emitMethods["blur"],
+    onClear: _ctx.emitMethods["clear"],
+    onVisibleChange: _ctx.emitMethods["visibleChange"],
+    onExpandChange: _ctx.emitMethods["expandChange"],
+    onRemoveTag: _ctx.emitMethods["removeTag"]
+  }), vue.createSlots({ _: 2 }, [
+    vue.renderList(Object.keys(_ctx.$slots), (name) => {
+      return {
+        name,
+        fn: vue.withCtx((slotProps) => [
+          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+        ])
+      };
+    })
+  ]), 1040, ["props", "onUpdate:modelValue", "onChange", "onFocus", "onBlur", "onClear", "onVisibleChange", "onExpandChange", "onRemoveTag"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;