@varlet/ui 3.3.15 → 3.4.0

package/es/auto-complete/AutoComplete.mjs

@@ -0,0 +1,352 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarInput from "../input/index.mjs";
+import VarMenuSelect from "../menu-select/index.mjs";
+import VarMenuOption from "../menu-option/index.mjs";
+import VarFormDetails from "../form-details/index.mjs";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace, useValidation } from "../utils/components.mjs";
+import { useClickOutside, useEventListener, useVModel } from "@varlet/use";
+import { call, isEmpty, preventDefault, raf, toNumber } from "@varlet/shared";
+import { useForm } from "../form/provide.mjs";
+const { name, n } = createNamespace("auto-complete");
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["tabindex"];
+function __render__(_ctx, _cache) {
+  const _component_var_input = _resolveComponent("var-input");
+  const _component_var_menu_option = _resolveComponent("var-menu-option");
+  const _component_var_menu_select = _resolveComponent("var-menu-select");
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  return _openBlock(), _createElementBlock("div", {
+    ref: "root",
+    class: _normalizeClass(_ctx.n()),
+    tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+    onFocusin: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
+    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _createVNode(_component_var_menu_select, {
+      "same-width": "",
+      "auto-complete-cover": "",
+      scrollable: "",
+      trigger: "manual",
+      placement: "bottom",
+      disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
+      class: _normalizeClass(_ctx.n("menu-select")),
+      "popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") : void 0,
+      show: _ctx.isShowMenuSelect,
+      "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.isShowMenuSelect = $event),
+      "onUpdate:modelValue": _ctx.handleAutoComplete
+    }, {
+      options: _withCtx(() => [
+        _createElementVNode(
+          "div",
+          {
+            class: _normalizeClass(_ctx.n("options"))
+          },
+          [
+            (_openBlock(true), _createElementBlock(
+              _Fragment,
+              null,
+              _renderList(_ctx.viewOptions, (option) => {
+                return _openBlock(), _createBlock(_component_var_menu_option, {
+                  key: option[_ctx.valueKey],
+                  label: option[_ctx.labelKey],
+                  value: option[_ctx.valueKey],
+                  option,
+                  disabled: option.disabled
+                }, null, 8, ["label", "value", "option", "disabled"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      default: _withCtx(() => [
+        _createVNode(_component_var_input, _mergeProps({ ref: "input" }, {
+          maxlength: _ctx.maxlength,
+          enterkeyhint: _ctx.enterkeyhint,
+          placeholder: _ctx.placeholder,
+          size: _ctx.size,
+          variant: _ctx.variant,
+          line: _ctx.line,
+          hint: _ctx.hint,
+          textColor: _ctx.textColor,
+          focusColor: _ctx.focusColor,
+          blurColor: _ctx.blurColor,
+          readonly: _ctx.readonly,
+          disabled: _ctx.disabled,
+          clearable: _ctx.clearable
+        }, {
+          autocomplete: "off",
+          "is-force-focusing-effect": _ctx.isFocusing,
+          "is-force-error-effect": !!_ctx.errorMessage,
+          "is-show-form-details": false,
+          onInput: _ctx.handleInput,
+          onBlur: _ctx.handleBlur,
+          onClear: _ctx.handleClear,
+          onChange: _ctx.handleChange,
+          modelValue: _ctx.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event)
+        }), _createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots["prepend-icon"] ? {
+            name: "prepend-icon",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "prepend-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["append-icon"] ? {
+            name: "append-icon",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "append-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots["clear-icon"] ? {
+            name: "clear-icon",
+            fn: _withCtx(({ clear }) => [
+              _renderSlot(_ctx.$slots, "clear-icon", { clear })
+            ]),
+            key: "2"
+          } : void 0,
+          _ctx.$slots["extra-message"] ? {
+            name: "extra-message",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "extra-message")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1040, ["is-force-focusing-effect", "is-force-error-effect", "onInput", "onBlur", "onClear", "onChange", "modelValue"])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue"]),
+    _createVNode(_component_var_form_details, {
+      "error-message": _ctx.errorMessage,
+      "extra-message": _ctx.maxlengthText
+    }, null, 8, ["error-message", "extra-message"])
+  ], 42, _hoisted_1);
+}
+const __sfc__ = defineComponent({
+  name,
+  components: {
+    VarInput,
+    VarMenuSelect,
+    VarMenuOption,
+    VarFormDetails
+  },
+  props,
+  setup(props2) {
+    const root = ref();
+    const input = ref();
+    const isFocusing = ref(false);
+    const value = useVModel(props2, "modelValue");
+    const viewOptions = ref([]);
+    const isShowMenuSelect = ref(false);
+    const maxlengthText = computed(() => {
+      const { maxlength } = props2;
+      if (!maxlength) {
+        return "";
+      }
+      if (isEmpty(value.value)) {
+        return `0 / ${maxlength}`;
+      }
+      return `${String(value.value).length}/${maxlength}`;
+    });
+    const {
+      errorMessage,
+      validateWithTrigger: vt,
+      validate: v,
+      // expose
+      resetValidation
+    } = useValidation();
+    const { bindForm, form } = useForm();
+    let clearing = false;
+    const autoCompleteProvider = {
+      reset,
+      resetValidation,
+      validate
+    };
+    useClickOutside(
+      () => root.value,
+      "click",
+      () => {
+        if (clearing) {
+          clearing = false;
+          return;
+        }
+        blur();
+      }
+    );
+    watch(() => [props2.options, isFocusing.value], changeMenuState);
+    call(bindForm, autoCompleteProvider);
+    useEventListener(() => window, "keydown", handleKeydown);
+    function reset() {
+      call(props2["onUpdate:modelValue"], "");
+      resetValidation();
+    }
+    function validate() {
+      return v(props2.rules, props2.modelValue);
+    }
+    function focus() {
+      if (isFocusing.value || props2.disabled || (form == null ? void 0 : form.disabled.value)) {
+        return;
+      }
+      isFocusing.value = true;
+      input.value.focus();
+      call(props2.onFocus);
+      validateWithTrigger("onFocus");
+    }
+    function blur() {
+      if (!isFocusing.value) {
+        return;
+      }
+      isFocusing.value = false;
+      isShowMenuSelect.value = false;
+      input.value.blur();
+      call(props2.onBlur);
+      validateWithTrigger("onBlur");
+    }
+    function handleBlur() {
+      if (isShowMenuSelect.value) {
+        return;
+      }
+      blur();
+    }
+    function validateWithTrigger(trigger) {
+      nextTick(() => {
+        const { validateTrigger, rules, modelValue } = props2;
+        vt(validateTrigger, trigger, rules, modelValue);
+      });
+    }
+    function handleKeydown(event) {
+      return __async(this, null, function* () {
+        var _a;
+        if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || props2.disabled || props2.readonly || !isFocusing.value || !isShowMenuSelect.value) {
+          return;
+        }
+        const { key } = event;
+        if (key === "Tab") {
+          preventDefault(event);
+          root.value.focus();
+          isShowMenuSelect.value = false;
+          return;
+        }
+        if (!["ArrowUp", "ArrowDown", "Enter"].includes(key)) {
+          input.value.focus();
+          return;
+        }
+        if (key === "Enter") {
+          yield raf();
+          (_a = input.value) == null ? void 0 : _a.focus();
+        }
+      });
+    }
+    function changeMenuState() {
+      return __async(this, null, function* () {
+        if (isFocusing.value) {
+          isShowMenuSelect.value = getShowMenuSelect(value.value);
+        }
+        if (isShowMenuSelect.value) {
+          viewOptions.value = props2.options;
+        }
+      });
+    }
+    function handleInput(newValue, event) {
+      return __async(this, null, function* () {
+        changeMenuState();
+        call(props2.onInput, newValue, event);
+        validateWithTrigger("onInput");
+      });
+    }
+    function handleClear() {
+      clearing = true;
+      changeMenuState();
+      call(props2.onClear, value.value);
+      validateWithTrigger("onClear");
+    }
+    function handleClick(event) {
+      if (props2.disabled || (form == null ? void 0 : form.disabled.value)) {
+        return;
+      }
+      call(props2.onClick, event);
+      validateWithTrigger("onClick");
+    }
+    function handleChange(newValue) {
+      call(props2.onChange, newValue);
+      validateWithTrigger("onChange");
+    }
+    function handleAutoComplete(newValue) {
+      if (props2.maxlength != null) {
+        newValue = newValue.slice(0, toNumber(props2.maxlength));
+      }
+      if (newValue === value.value) {
+        return;
+      }
+      value.value = newValue;
+      call(props2.onChange, newValue);
+      validateWithTrigger("onChange");
+    }
+    function getShowMenuSelect(newValue) {
+      if (props2.disabled || props2.readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
+        return false;
+      }
+      return props2.options.length > 0 && (props2.getShow != null ? props2.getShow(newValue) : newValue.length > 0);
+    }
+    return {
+      root,
+      input,
+      value,
+      isShowMenuSelect,
+      viewOptions,
+      isFocusing,
+      formDisabled: form == null ? void 0 : form.disabled,
+      formReadonly: form == null ? void 0 : form.readonly,
+      errorMessage,
+      maxlengthText,
+      n,
+      handleInput,
+      handleClear,
+      handleClick,
+      handleChange,
+      handleBlur,
+      handleAutoComplete,
+      reset,
+      validate,
+      resetValidation,
+      blur,
+      focus
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/auto-complete/autoComplete.css

@@ -0,0 +1 @@
+:root { --auto-complete-options-padding: 6px 0;}.var-auto-complete { outline: none;}.var-auto-complete__menu-select[auto-complete-cover] { display: block;}.var-auto-complete__options { padding: var(--auto-complete-options-padding);}.var-auto-complete--standard-menu-margin { margin-top: var(--field-decorator-line-focus-size) !important;}

package/es/auto-complete/index.mjs

@@ -0,0 +1,11 @@
+import AutoComplete from "./AutoComplete.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as autoCompleteProps } from "./props.mjs";
+withInstall(AutoComplete);
+withPropsDefaultsSetter(AutoComplete, autoCompleteProps);
+const _AutoCompleteComponent = AutoComplete;
+var stdin_default = AutoComplete;
+export {
+  _AutoCompleteComponent,
+  stdin_default as default
+};

package/es/auto-complete/props.mjs

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { inputProps } from "../input/index.mjs";
+const props = __spreadValues({
+  modelValue: String,
+  options: {
+    type: Array,
+    default: () => []
+  },
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  maxlength: [String, Number],
+  readonly: Boolean,
+  disabled: Boolean,
+  validateTrigger: {
+    type: Array,
+    default: () => ["onInput", "onClear", "onChange"]
+  },
+  getShow: Function,
+  rules: Array,
+  onFocus: defineListenerProp(),
+  onBlur: defineListenerProp(),
+  onInput: defineListenerProp(),
+  onChange: defineListenerProp(),
+  onClear: defineListenerProp(),
+  onClick: defineListenerProp(),
+  "onUpdate:modelValue": defineListenerProp()
+}, pickProps(inputProps, [
+  "size",
+  "variant",
+  "placeholder",
+  "enterkeyhint",
+  "line",
+  "hint",
+  "textColor",
+  "focusColor",
+  "blurColor",
+  "clearable"
+]));
+export {
+  props
+};

package/es/auto-complete/style/index.mjs

@@ -0,0 +1,11 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../../icon/icon.css'
+import '../../field-decorator/fieldDecorator.css'
+import '../../form-details/formDetails.css'
+import '../../input/input.css'
+import '../../menu/menu.css'
+import '../../menu-option/menuOption.css'
+import '../../menu-select/menuSelect.css'
+import '../autoComplete.css'
+import '../AutoCompleteSfc.css'

package/es/checkbox-group/CheckboxGroup.mjs

@@ -5,7 +5,7 @@ import { props } from "./props.mjs";
 import { useValidation, createNamespace, MaybeVNode } from "../utils/components.mjs";
 import { useCheckboxes } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
-import { uniq, call, isArray, isFunction } from "@varlet/shared";
+import { uniq, call, isFunction } from "@varlet/shared";
 const { name, n, classes } = createNamespace("checkbox-group");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 function __render__(_ctx, _cache) {
@@ -24,10 +24,10 @@ function __render__(_ctx, _cache) {
           class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
         },
         [
-          _ctx.checkboxGroupOptions.length ? (_openBlock(true), _createElementBlock(
+          _ctx.options.length ? (_openBlock(true), _createElementBlock(
             _Fragment,
             { key: 0 },
-            _renderList(_ctx.checkboxGroupOptions, (option) => {
+            _renderList(_ctx.options, (option) => {
               return _openBlock(), _createBlock(_component_var_checkbox, {
                 key: option[_ctx.valueKey],
                 "checked-value": option[_ctx.valueKey],
@@ -63,7 +63,6 @@ const __sfc__ = defineComponent({
   setup(props2) {
     const max = computed(() => props2.max);
     const checkedCount = computed(() => props2.modelValue.length);
-    const checkboxGroupOptions = computed(() => isArray(props2.options) ? props2.options : []);
     const { length, checkboxes, bindCheckboxes } = useCheckboxes();
     const { bindForm } = useForm();
     const {
@@ -141,7 +140,6 @@ const __sfc__ = defineComponent({
     }
     return {
       errorMessage,
-      checkboxGroupOptions,
       n,
       classes,
       checkAll,

package/es/checkbox-group/props.mjs

@@ -5,7 +5,10 @@ const props = {
     default: () => []
   },
   max: [String, Number],
-  options: Array,
+  options: {
+    type: Array,
+    default: () => []
+  },
   labelKey: {
     type: String,
     default: "label"

package/es/field-decorator/FieldDecorator.mjs

@@ -45,7 +45,7 @@ function __render__(_ctx, _cache) {
             _ctx.classes(
               _ctx.n("controller"),
               [_ctx.isFocusing, _ctx.n("--focus")],
-              [_ctx.errorMessage, _ctx.n("--error")],
+              [_ctx.isError, _ctx.n("--error")],
               [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
             )
           ),
@@ -91,7 +91,7 @@ function __render__(_ctx, _cache) {
                 [_ctx.isFocusing, _ctx.n("--focus")],
                 [_ctx.hintCenter, _ctx.n("--hint-center")],
                 [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
-                [_ctx.errorMessage, _ctx.n("--error")],
+                [_ctx.isError, _ctx.n("--error")],
                 [_ctx.transitionDisabled, _ctx.n("--transition-disabled")],
                 _ctx.computePlaceholderState()
               )
@@ -147,7 +147,7 @@ function __render__(_ctx, _cache) {
                 _ctx.classes(
                   _ctx.n("line"),
                   [_ctx.isFocusing, _ctx.n("--line-focus")],
-                  [_ctx.errorMessage, _ctx.n("--line-error")],
+                  [_ctx.isError, _ctx.n("--line-error")],
                   [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")]
                 )
               ),
@@ -189,8 +189,8 @@ function __render__(_ctx, _cache) {
             "div",
             {
               key: 1,
-              class: _normalizeClass(_ctx.classes(_ctx.n("line"), [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")], [_ctx.errorMessage, _ctx.n("--line-error")])),
-              style: _normalizeStyle({ background: !_ctx.errorMessage ? _ctx.blurColor : void 0 })
+              class: _normalizeClass(_ctx.classes(_ctx.n("line"), [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")], [_ctx.isError, _ctx.n("--line-error")])),
+              style: _normalizeStyle({ background: !_ctx.isError ? _ctx.blurColor : void 0 })
             },
             [
               _createElementVNode(
@@ -201,10 +201,10 @@ function __render__(_ctx, _cache) {
                       _ctx.n("dot"),
                       [_ctx.isFocusing, _ctx.n("--line-focus")],
                       [_ctx.formDisabled || _ctx.disabled, _ctx.n("--line-disabled")],
-                      [_ctx.errorMessage, _ctx.n("--line-error")]
+                      [_ctx.isError, _ctx.n("--line-error")]
                     )
                   ),
-                  style: _normalizeStyle({ background: !_ctx.errorMessage ? _ctx.focusColor : void 0 })
+                  style: _normalizeStyle({ background: !_ctx.isError ? _ctx.focusColor : void 0 })
                 },
                 null,
                 6
@@ -238,7 +238,7 @@ const __sfc__ = defineComponent({
     const isFloating = computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
     const { popup, bindPopup } = usePopup();
     const color = computed(
-      () => !props2.errorMessage ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
+      () => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
     );
     onWindowResize(resize);
     onSmartMounted(() => {

package/es/field-decorator/props.mjs

@@ -33,7 +33,7 @@ const props = {
   textColor: String,
   focusColor: String,
   blurColor: String,
-  errorMessage: String,
+  isError: Boolean,
   formDisabled: Boolean,
   disabled: Boolean,
   clearable: Boolean,

package/es/index.bundle.mjs

@@ -1,5 +1,6 @@
 import ActionSheet from './action-sheet/index.mjs'
 import AppBar from './app-bar/index.mjs'
+import AutoComplete from './auto-complete/index.mjs'
 import Avatar from './avatar/index.mjs'
 import AvatarGroup from './avatar-group/index.mjs'
 import BackTop from './back-top/index.mjs'
@@ -89,6 +90,7 @@ import Watermark from './watermark/index.mjs'
 
 export * from './action-sheet/index.mjs'
 export * from './app-bar/index.mjs'
+export * from './auto-complete/index.mjs'
 export * from './avatar/index.mjs'
 export * from './avatar-group/index.mjs'
 export * from './back-top/index.mjs'
@@ -178,6 +180,7 @@ export * from './watermark/index.mjs'
 
 import './action-sheet/style/index.mjs'
 import './app-bar/style/index.mjs'
+import './auto-complete/style/index.mjs'
 import './avatar/style/index.mjs'
 import './avatar-group/style/index.mjs'
 import './back-top/style/index.mjs'
@@ -265,11 +268,12 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.3.15'
+const version = '3.4.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
   AppBar.install && app.use(AppBar)
+  AutoComplete.install && app.use(AutoComplete)
   Avatar.install && app.use(Avatar)
   AvatarGroup.install && app.use(AvatarGroup)
   BackTop.install && app.use(BackTop)
@@ -363,6 +367,7 @@ export {
   install,
   ActionSheet,
   AppBar,
+  AutoComplete,
   Avatar,
   AvatarGroup,
   BackTop,
@@ -456,6 +461,7 @@ export default {
   install,
   ActionSheet,
   AppBar,
+  AutoComplete,
   Avatar,
   AvatarGroup,
   BackTop,

package/es/index.mjs

@@ -1,5 +1,6 @@
 import ActionSheet from './action-sheet/index.mjs'
 import AppBar from './app-bar/index.mjs'
+import AutoComplete from './auto-complete/index.mjs'
 import Avatar from './avatar/index.mjs'
 import AvatarGroup from './avatar-group/index.mjs'
 import BackTop from './back-top/index.mjs'
@@ -89,6 +90,7 @@ import Watermark from './watermark/index.mjs'
 
 export * from './action-sheet/index.mjs'
 export * from './app-bar/index.mjs'
+export * from './auto-complete/index.mjs'
 export * from './avatar/index.mjs'
 export * from './avatar-group/index.mjs'
 export * from './back-top/index.mjs'
@@ -176,11 +178,12 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.3.15'
+const version = '3.4.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
   AppBar.install && app.use(AppBar)
+  AutoComplete.install && app.use(AutoComplete)
   Avatar.install && app.use(Avatar)
   AvatarGroup.install && app.use(AvatarGroup)
   BackTop.install && app.use(BackTop)
@@ -274,6 +277,7 @@ export {
   install,
   ActionSheet,
   AppBar,
+  AutoComplete,
   Avatar,
   AvatarGroup,
   BackTop,
@@ -367,6 +371,7 @@ export default {
   install,
   ActionSheet,
   AppBar,
+  AutoComplete,
   Avatar,
   AvatarGroup,
   BackTop,