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

package/es/utils/hook.js

@@ -1,5 +1,6 @@
-import { provide, ref, onBeforeUnmount } from "vue";
+import { provide, ref, onBeforeUnmount, computed, watch } from "vue";
 import { formItemContextKey } from "element-plus";
+import { getValue } from "./core";
 function useFormItemRest() {
   provide(formItemContextKey, null);
 }
@@ -54,6 +55,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,12 +294,59 @@ 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 };
+}
+function useProOptions(props, name = "options") {
+  const optionData = ref([]);
+  const optionsProp = computed(() => 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 = [];
+  };
+  watch(
+    () => optionsProp,
+    () => {
+      reloadOptions();
+    },
+    {
+      deep: true,
+      immediate: true
+    }
+  );
+  return {
+    optionData,
+    reloadOptions
+  };
+}
 export {
   useCollapseAnim,
+  useComponentEvents,
   useFormItemRest,
   useMediaQuery,
+  useMobile,
+  useMobileDevice,
   useMousewheel,
   useMoveEvent,
+  useProOptions,
   useTimer,
   useTouchEvent,
   useWindowListener

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

@@ -3,104 +3,128 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./ele-admin-layout/index");
 const index$1 = require("./ele-alert/index");
 const index$2 = require("./ele-app/index");
-const index$3 = require("./ele-avatar-group/index");
-const index$4 = require("./ele-backtop/index");
-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$3 = require("./ele-autocomplete/index");
+const index$4 = require("./ele-avatar-group/index");
+const index$5 = require("./ele-backtop/index");
+const index$6 = require("./ele-basic-select/index");
+const index$7 = require("./ele-bottom-bar/index");
+const index$8 = require("./ele-breadcrumb/index");
+const index$9 = require("./ele-card/index");
+const index$a = require("./ele-cascader/index");
+const index$b = require("./ele-check-card/index");
+const index$c = require("./ele-checkbox-group/index");
+const index$d = require("./ele-config-provider/index");
+const index$e = require("./ele-copyable/index");
+const index$f = require("./ele-dashboard/index");
+const index$g = require("./ele-data-table/index");
+const index$h = require("./ele-dot/index");
+const index$i = require("./ele-drawer/index");
+const index$j = require("./ele-dropdown/index");
+const index$k = require("./ele-edit-tag/index");
+const index$l = require("./ele-ellipsis/index");
+const index$m = require("./ele-file-list/index");
+const index$n = require("./ele-file-list-tool/index");
+const index$o = require("./ele-icon/index");
+const index$p = require("./ele-icon-select/index");
+const index$q = require("./ele-image-viewer/index");
+const index$r = require("./ele-loading/index");
+const index$s = require("./ele-mention/index");
+const index$t = require("./ele-menus/index");
+const index$u = require("./ele-modal/index");
+const index$v = require("./ele-page/index");
+const index$w = require("./ele-pagination/index");
+const index$x = require("./ele-popconfirm/index");
+const index$y = require("./ele-popover/index");
+const index$z = require("./ele-printer/index");
+const index$A = require("./ele-pro-layout/index");
+const index$B = require("./ele-pro-table/index");
+const index$C = require("./ele-qr-code/index");
+const index$D = require("./ele-qr-code-svg/index");
+const index$E = require("./ele-radio-group/index");
+const index$F = require("./ele-segmented/index");
+const index$G = require("./ele-select/index");
+const index$H = require("./ele-select-tree/index");
+const index$I = require("./ele-split-panel/index");
+const index$J = require("./ele-steps/index");
+const index$K = require("./ele-tab-bar/index");
+const index$L = require("./ele-tabs/index");
+const index$M = require("./ele-tab-tool/index");
+const index$N = require("./ele-tab-wrap/index");
+const index$O = require("./ele-table/index");
+const index$P = require("./ele-table-select/index");
+const index$Q = require("./ele-text/index");
+const index$R = require("./ele-timeline/index");
+const index$S = require("./ele-tool/index");
+const index$T = require("./ele-toolbar/index");
+const index$U = require("./ele-tooltip/index");
+const index$V = require("./ele-tour/index");
+const index$W = require("./ele-transfer/index");
+const index$X = require("./ele-tree-select/index");
+const index$Y = require("./ele-tree-table/index");
+const index$Z = require("./ele-upload-list/index");
+const index$_ = require("./ele-virtual-table/index");
+const index$$ = require("./ele-watermark/index");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
-exports.EleAvatarGroup = index$3;
-exports.EleBacktop = index$4;
-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.EleAutocomplete = index$3;
+exports.EleAvatarGroup = index$4;
+exports.EleBacktop = index$5;
+exports.EleBasicSelect = index$6;
+exports.EleBottomBar = index$7;
+exports.EleBreadcrumb = index$8;
+exports.EleCard = index$9;
+exports.EleCascader = index$a;
+exports.EleCheckCard = index$b;
+exports.EleCheckboxGroup = index$c;
+exports.EleConfigProvider = index$d;
+exports.EleCopyable = index$e;
+exports.EleDashboard = index$f;
+exports.EleDataTable = index$g;
+exports.EleDot = index$h;
+exports.EleDrawer = index$i;
+exports.EleDropdown = index$j;
+exports.EleEditTag = index$k;
+exports.EleEllipsis = index$l;
+exports.EleFileList = index$m;
+exports.EleFileListTool = index$n;
+exports.EleIcon = index$o;
+exports.EleIconSelect = index$p;
+exports.EleImageViewer = index$q;
+exports.EleLoading = index$r;
+exports.EleMention = index$s;
+exports.EleMenus = index$t;
+exports.EleModal = index$u;
+exports.ElePage = index$v;
+exports.ElePagination = index$w;
+exports.ElePopconfirm = index$x;
+exports.ElePopover = index$y;
+exports.ElePrinter = index$z;
+exports.EleProLayout = index$A;
+exports.EleProTable = index$B;
+exports.EleQrCode = index$C;
+exports.EleQrCodeSvg = index$D;
+exports.EleRadioGroup = index$E;
+exports.EleSegmented = index$F;
+exports.EleSelect = index$G;
+exports.EleSelectTree = index$H;
+exports.EleSplitPanel = index$I;
+exports.EleSteps = index$J;
+exports.EleTabBar = index$K;
+exports.EleTabs = index$L;
+exports.EleTabTool = index$M;
+exports.EleTabWrap = index$N;
+exports.EleTable = index$O;
+exports.EleTableSelect = index$P;
+exports.EleText = index$Q;
+exports.EleTimeline = index$R;
+exports.EleTool = index$S;
+exports.EleToolbar = index$T;
+exports.EleTooltip = index$U;
+exports.EleTour = index$V;
+exports.EleTransfer = index$W;
+exports.EleTreeSelect = index$X;
+exports.EleTreeTable = index$Y;
+exports.EleUploadList = index$Z;
+exports.EleVirtualTable = index$_;
+exports.EleWatermark = index$$;

package/lib/core-components.d.ts

@@ -1,13 +1,16 @@
 export { default as EleAdminLayout } from './ele-admin-layout/index';
 export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';
+export { default as EleAutocomplete } from './ele-autocomplete/index';
 export { default as EleAvatarGroup } from './ele-avatar-group/index';
 export { default as EleBacktop } from './ele-backtop/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 EleCascader } from './ele-cascader/index';
 export { default as EleCheckCard } from './ele-check-card/index';
+export { default as EleCheckboxGroup } from './ele-checkbox-group/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
 export { default as EleCopyable } from './ele-copyable/index';
 export { default as EleDashboard } from './ele-dashboard/index';
@@ -19,9 +22,11 @@ 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';
+export { default as EleMention } from './ele-mention/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';
@@ -33,20 +38,27 @@ 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 EleRadioGroup } from './ele-radio-group/index';
 export { default as EleSegmented } from './ele-segmented/index';
+export { default as EleSelect } from './ele-select/index';
+export { default as EleSelectTree } from './ele-select-tree/index';
 export { default as EleSplitPanel } from './ele-split-panel/index';
 export { default as EleSteps } from './ele-steps/index';
+export { default as EleTabBar } from './ele-tab-bar/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 EleTimeline } from './ele-timeline/index';
 export { default as EleTool } from './ele-tool/index';
 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 EleTransfer } from './ele-transfer/index';
 export { default as EleTreeSelect } from './ele-tree-select/index';
+export { default as EleTreeTable } from './ele-tree-table/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';

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-autocomplete/index.cjs

@@ -0,0 +1,72 @@
+"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: "EleAutocomplete",
+  components: { ElAutocomplete: elementPlus.ElAutocomplete },
+  props: props.autocompleteProps,
+  emits: props.autocompleteEmits,
+  setup(props$1, { emit }) {
+    const { emitMethods } = hook.useComponentEvents(props.autocompleteEmits, emit);
+    const handleFetchSuggestions = (keyword, callback) => {
+      if (props$1.fetchSuggestions == null) {
+        callback([]);
+        return;
+      }
+      if (typeof props$1.fetchSuggestions === "function") {
+        const result2 = props$1.fetchSuggestions(keyword, callback);
+        if (result2 != null && typeof result2 === "object" && typeof result2.then === "function") {
+          result2.then((data) => {
+            callback(data || []);
+          });
+        }
+        return;
+      }
+      const kw = (keyword ?? "").toLowerCase();
+      const options = props$1.fetchSuggestions || [];
+      const result = options.filter(
+        (d) => !kw || (d.value ?? "").toLowerCase().includes(kw)
+      );
+      callback(result);
+    };
+    return {
+      omit: core.omit,
+      emitMethods,
+      handleFetchSuggestions
+    };
+  }
+});
+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_ElAutocomplete = vue.resolveComponent("ElAutocomplete");
+  return vue.openBlock(), vue.createBlock(_component_ElAutocomplete, vue.mergeProps(_ctx.omit(_ctx.$props, ["fetchSuggestions"]), {
+    fetchSuggestions: _ctx.handleFetchSuggestions,
+    "onUpdate:modelValue": _ctx.emitMethods["update:modelValue"],
+    onInput: _ctx.emitMethods["input"],
+    onChange: _ctx.emitMethods["change"],
+    onFocus: _ctx.emitMethods["focus"],
+    onBlur: _ctx.emitMethods["blur"],
+    onClear: _ctx.emitMethods["clear"],
+    onSelect: _ctx.emitMethods["select"]
+  }), 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, ["fetchSuggestions", "onUpdate:modelValue", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onSelect"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-autocomplete/index.d.ts

@@ -0,0 +1,81 @@
+import { omit } from '../utils/core';
+import { ElFetchSuggestionsCallback } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    fetchSuggestions: import('vue').PropType<import('./types').AutocompleteDataItem[] | import('./types').AutocompleteDataFunction>;
+    ariaLabel: StringConstructor;
+    valueKey: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    debounce: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
+    popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    triggerOnFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    selectWhenUnmatched: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    hideLoading: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    highlightFirstItem: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    fitInputWidth: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    clearable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    name: StringConstructor;
+}, {
+    omit: typeof omit;
+    emitMethods: {
+        input: (value: string) => void;
+        select: (item: Record<string, any>) => void;
+        blur: (evt: FocusEvent) => void;
+        change: (value: string) => void;
+        focus: (evt: FocusEvent) => void;
+        clear: () => void;
+        "update:modelValue": (value: string) => void;
+    };
+    handleFetchSuggestions: (keyword: string, callback: ElFetchSuggestionsCallback) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => boolean;
+    select: (item: Record<string, any>) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fetchSuggestions: import('vue').PropType<import('./types').AutocompleteDataItem[] | import('./types').AutocompleteDataFunction>;
+    ariaLabel: StringConstructor;
+    valueKey: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
+    modelValue: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    debounce: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
+    popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    triggerOnFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    selectWhenUnmatched: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    hideLoading: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    highlightFirstItem: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    fitInputWidth: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    clearable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    name: StringConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSelect?: ((item: Record<string, any>) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}, {
+    valueKey: string;
+    modelValue: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    debounce: number;
+    placement: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown>;
+    popperClass: string;
+    triggerOnFocus: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    selectWhenUnmatched: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideLoading: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    highlightFirstItem: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fitInputWidth: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    clearable: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;