@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/select/Select.mjs

@@ -1,139 +1,228 @@
-import VarIcon from '../icon/index.mjs';
-import VarMenu from '../menu/index.mjs';
-import VarChip from '../chip/index.mjs';
-import VarFieldDecorator from '../field-decorator/FieldDecorator.mjs';
-import VarFormDetails from '../form-details/index.mjs';
-import { computed, defineComponent, ref, watch, nextTick } from 'vue';
-import { isArray, isEmpty } from '@varlet/shared';
-import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
-import { useOptions } from './provide.mjs';
-import { useForm } from '../form/provide.mjs';
-import { toPxNum } from '../utils/elements.mjs';
-import { error } from '../utils/logger.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('select');
+import VarIcon from "../icon/index.mjs";
+import VarMenu from "../menu/index.mjs";
+import VarChip from "../chip/index.mjs";
+import VarFieldDecorator from "../field-decorator/FieldDecorator.mjs";
+import VarFormDetails from "../form-details/index.mjs";
+import { computed, defineComponent, ref, watch, nextTick } from "vue";
+import { isArray, isEmpty } from "@varlet/shared";
+import { props } from "./props.mjs";
+import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useOptions } from "./provide.mjs";
+import { useForm } from "../form/provide.mjs";
+import { toPxNum } from "../utils/elements.mjs";
+import { error } from "../utils/logger.mjs";
+const { name, n, classes } = createNamespace("select");
 import { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createVNode as _createVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, createSlots as _createSlots, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = {
-  key: 1
-};
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = { key: 1 };
 function __render__(_ctx, _cache) {
-  var _component_var_chip = _resolveComponent("var-chip");
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_field_decorator = _resolveComponent("var-field-decorator");
-  var _component_var_menu = _resolveComponent("var-menu");
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n()),
-    onClick: _cache[3] || (_cache[3] = function () {
-      return _ctx.handleFocus && _ctx.handleFocus(...arguments);
-    })
-  }, [_createVNode(_component_var_menu, {
-    "var-select-cover": "",
-    "same-width": "",
-    "close-on-click-reference": "",
-    show: _ctx.showMenu,
-    "onUpdate:show": _cache[1] || (_cache[1] = $event => _ctx.showMenu = $event),
-    class: _normalizeClass(_ctx.n('menu')),
-    "popover-class": _ctx.variant === 'standard' && _ctx.hint ? _ctx.n('--standard-menu-margin') : undefined,
-    "offset-y": _ctx.offsetY,
-    disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
-    placement: _ctx.placement,
-    "default-style": false,
-    onClickOutside: _ctx.handleBlur
-  }, {
-    menu: _withCtx(() => [_createElementVNode("div", {
-      ref: "menuEl",
-      class: _normalizeClass(_ctx.classes(_ctx.n('scroller'), _ctx.n('$-elevation--3')))
-    }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
-
-    default: _withCtx(() => [_createVNode(_component_var_field_decorator, _normalizeProps(_guardReactiveProps({
-      value: _ctx.modelValue,
-      size: _ctx.size,
-      variant: _ctx.variant,
-      placeholder: _ctx.placeholder,
-      line: _ctx.line,
-      hint: _ctx.hint,
-      textColor: _ctx.textColor,
-      focusColor: _ctx.focusColor,
-      blurColor: _ctx.blurColor,
-      isFocus: _ctx.isFocus,
-      errorMessage: _ctx.errorMessage,
-      formDisabled: _ctx.formDisabled,
-      disabled: _ctx.disabled,
-      clearable: _ctx.clearable,
-      cursor: _ctx.cursor,
-      onClick: _ctx.handleClick,
-      onClear: _ctx.handleClear
-    })), _createSlots({
-      "append-icon": _withCtx(() => [_renderSlot(_ctx.$slots, "append-icon")]),
-      default: _withCtx(() => [_createElementVNode("div", {
-        class: _normalizeClass(_ctx.classes(_ctx.n('select'), [_ctx.errorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
-        style: _normalizeStyle({
-          textAlign: _ctx.textAlign,
-          color: _ctx.textColor
-        })
-      }, [_createElementVNode("div", {
-        class: _normalizeClass(_ctx.n('label'))
-      }, [!_ctx.isEmptyModelValue ? _renderSlot(_ctx.$slots, "selected", {
-        key: 0
-      }, () => [_ctx.multiple ? (_openBlock(), _createElementBlock(_Fragment, {
-        key: 0
-      }, [_ctx.chip ? (_openBlock(), _createElementBlock("div", {
-        key: 0,
-        class: _normalizeClass(_ctx.n('chips'))
-      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.labels, l => {
-        return _openBlock(), _createBlock(_component_var_chip, {
-          class: _normalizeClass(_ctx.n('chip')),
-          "var-select-cover": "",
-          closable: "",
-          size: "small",
-          type: _ctx.errorMessage ? 'danger' : undefined,
-          key: l,
-          onClick: _cache[0] || (_cache[0] = _withModifiers(() => {}, ["stop"])),
-          onClose: () => _ctx.handleClose(l)
-        }, {
-          default: _withCtx(() => [_createTextVNode(_toDisplayString(l), 1 /* TEXT */)]),
-
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "type", "onClose"]);
-      }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : (_openBlock(), _createElementBlock("div", {
-        key: 1,
-        class: _normalizeClass(_ctx.n('values'))
-      }, _toDisplayString(_ctx.labels.join(_ctx.separator)), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(_ctx.label), 1 /* TEXT */))]) : _createCommentVNode("v-if", true)], 2 /* CLASS */), _ctx.enableCustomPlaceholder ? (_openBlock(), _createElementBlock("span", {
-        key: 0,
-        class: _normalizeClass(_ctx.classes(_ctx.n('placeholder'), _ctx.n('$--ellipsis'))),
-        style: _normalizeStyle({
-          color: _ctx.placeholderColor
-        })
-      }, _toDisplayString(_ctx.placeholder), 7 /* TEXT, CLASS, STYLE */)) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "arrow-icon", {
-        focus: _ctx.showMenu
-      }, () => [_createVNode(_component_var_icon, {
-        class: _normalizeClass(_ctx.classes(_ctx.n('arrow'), [_ctx.showMenu, _ctx.n('--arrow-rotate')])),
+  const _component_var_chip = _resolveComponent("var-chip");
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_field_decorator = _resolveComponent("var-field-decorator");
+  const _component_var_menu = _resolveComponent("var-menu");
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n()),
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
+    },
+    [
+      _createVNode(_component_var_menu, {
         "var-select-cover": "",
-        name: "menu-down",
-        transition: 300
-      }, null, 8 /* PROPS */, ["class"])])], 6 /* CLASS, STYLE */)]),
-
-      _: 2 /* DYNAMIC */
-    }, [_ctx.$slots['prepend-icon'] ? {
-      name: "prepend-icon",
-      fn: _withCtx(() => [_renderSlot(_ctx.$slots, "prepend-icon")]),
-      key: "0"
-    } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["show", "class", "popover-class", "offset-y", "disabled", "placement", "onClickOutside"]), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage,
-    onClick: _cache[2] || (_cache[2] = _withModifiers(() => {}, ["stop"]))
-  }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
+        "same-width": "",
+        "close-on-click-reference": "",
+        show: _ctx.showMenu,
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.showMenu = $event),
+        class: _normalizeClass(_ctx.n("menu")),
+        "popover-class": _ctx.variant === "standard" && _ctx.hint ? _ctx.n("--standard-menu-margin") : void 0,
+        "offset-y": _ctx.offsetY,
+        disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
+        placement: _ctx.placement,
+        "default-style": false,
+        onClickOutside: _ctx.handleBlur
+      }, {
+        menu: _withCtx(() => [
+          _createElementVNode(
+            "div",
+            {
+              ref: "menuEl",
+              class: _normalizeClass(_ctx.classes(_ctx.n("scroller"), _ctx.n("$-elevation--3")))
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        default: _withCtx(() => [
+          _createVNode(
+            _component_var_field_decorator,
+            _normalizeProps(_guardReactiveProps({
+              value: _ctx.modelValue,
+              size: _ctx.size,
+              variant: _ctx.variant,
+              placeholder: _ctx.placeholder,
+              line: _ctx.line,
+              hint: _ctx.hint,
+              textColor: _ctx.textColor,
+              focusColor: _ctx.focusColor,
+              blurColor: _ctx.blurColor,
+              isFocus: _ctx.isFocus,
+              errorMessage: _ctx.errorMessage,
+              formDisabled: _ctx.formDisabled,
+              disabled: _ctx.disabled,
+              clearable: _ctx.clearable,
+              cursor: _ctx.cursor,
+              onClick: _ctx.handleClick,
+              onClear: _ctx.handleClear
+            })),
+            _createSlots({
+              "append-icon": _withCtx(() => [
+                _renderSlot(_ctx.$slots, "append-icon")
+              ]),
+              default: _withCtx(() => [
+                _createElementVNode(
+                  "div",
+                  {
+                    class: _normalizeClass(_ctx.classes(_ctx.n("select"), [_ctx.errorMessage, _ctx.n("--error")], [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")])),
+                    style: _normalizeStyle({
+                      textAlign: _ctx.textAlign,
+                      color: _ctx.textColor
+                    })
+                  },
+                  [
+                    _createElementVNode(
+                      "div",
+                      {
+                        class: _normalizeClass(_ctx.n("label"))
+                      },
+                      [
+                        !_ctx.isEmptyModelValue ? _renderSlot(_ctx.$slots, "selected", { key: 0 }, () => [
+                          _ctx.multiple ? (_openBlock(), _createElementBlock(
+                            _Fragment,
+                            { key: 0 },
+                            [
+                              _ctx.chip ? (_openBlock(), _createElementBlock(
+                                "div",
+                                {
+                                  key: 0,
+                                  class: _normalizeClass(_ctx.n("chips"))
+                                },
+                                [
+                                  (_openBlock(true), _createElementBlock(
+                                    _Fragment,
+                                    null,
+                                    _renderList(_ctx.labels, (l) => {
+                                      return _openBlock(), _createBlock(_component_var_chip, {
+                                        class: _normalizeClass(_ctx.n("chip")),
+                                        "var-select-cover": "",
+                                        closable: "",
+                                        size: "small",
+                                        type: _ctx.errorMessage ? "danger" : void 0,
+                                        key: l,
+                                        onClick: _cache[0] || (_cache[0] = _withModifiers(() => {
+                                        }, ["stop"])),
+                                        onClose: () => _ctx.handleClose(l)
+                                      }, {
+                                        default: _withCtx(() => [
+                                          _createTextVNode(
+                                            _toDisplayString(l),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      }, 1032, ["class", "type", "onClose"]);
+                                    }),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  ))
+                                ],
+                                2
+                                /* CLASS */
+                              )) : (_openBlock(), _createElementBlock(
+                                "div",
+                                {
+                                  key: 1,
+                                  class: _normalizeClass(_ctx.n("values"))
+                                },
+                                _toDisplayString(_ctx.labels.join(_ctx.separator)),
+                                3
+                                /* TEXT, CLASS */
+                              ))
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          )) : (_openBlock(), _createElementBlock(
+                            "span",
+                            _hoisted_1,
+                            _toDisplayString(_ctx.label),
+                            1
+                            /* TEXT */
+                          ))
+                        ]) : _createCommentVNode("v-if", true)
+                      ],
+                      2
+                      /* CLASS */
+                    ),
+                    _ctx.enableCustomPlaceholder ? (_openBlock(), _createElementBlock(
+                      "span",
+                      {
+                        key: 0,
+                        class: _normalizeClass(_ctx.classes(_ctx.n("placeholder"), _ctx.n("$--ellipsis"))),
+                        style: _normalizeStyle({
+                          color: _ctx.placeholderColor
+                        })
+                      },
+                      _toDisplayString(_ctx.placeholder),
+                      7
+                      /* TEXT, CLASS, STYLE */
+                    )) : _createCommentVNode("v-if", true),
+                    _renderSlot(_ctx.$slots, "arrow-icon", { focus: _ctx.showMenu }, () => [
+                      _createVNode(_component_var_icon, {
+                        class: _normalizeClass(_ctx.classes(_ctx.n("arrow"), [_ctx.showMenu, _ctx.n("--arrow-rotate")])),
+                        "var-select-cover": "",
+                        name: "menu-down",
+                        transition: 300
+                      }, null, 8, ["class"])
+                    ])
+                  ],
+                  6
+                  /* CLASS, STYLE */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.$slots["prepend-icon"] ? {
+                name: "prepend-icon",
+                fn: _withCtx(() => [
+                  _renderSlot(_ctx.$slots, "prepend-icon")
+                ]),
+                key: "0"
+              } : void 0
+            ]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["show", "class", "popover-class", "offset-y", "disabled", "placement", "onClickOutside"]),
+      _createVNode(_component_var_form_details, {
+        "error-message": _ctx.errorMessage,
+        onClick: _cache[2] || (_cache[2] = _withModifiers(() => {
+        }, ["stop"]))
+      }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarIcon,
@@ -143,53 +232,42 @@ var __sfc__ = defineComponent({
     VarFormDetails
   },
   props,
-  setup(props) {
-    var isFocus = ref(false);
-    var showMenu = ref(false);
-    var multiple = computed(() => props.multiple);
-    var focusColor = computed(() => props.focusColor);
-    var label = ref('');
-    var labels = ref([]);
-    var isEmptyModelValue = computed(() => isEmpty(props.modelValue));
-    var cursor = computed(() => props.disabled || props.readonly ? '' : 'pointer');
-    var offsetY = ref(0);
-    var {
-      bindForm,
-      form
-    } = useForm();
-    var {
-      length,
-      options,
-      bindOptions
-    } = useOptions();
-    var {
+  setup(props2) {
+    const isFocus = ref(false);
+    const showMenu = ref(false);
+    const multiple = computed(() => props2.multiple);
+    const focusColor = computed(() => props2.focusColor);
+    const label = ref("");
+    const labels = ref([]);
+    const isEmptyModelValue = computed(() => isEmpty(props2.modelValue));
+    const cursor = computed(() => props2.disabled || props2.readonly ? "" : "pointer");
+    const offsetY = ref(0);
+    const { bindForm, form } = useForm();
+    const { length, options, bindOptions } = useOptions();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var menuEl = ref(null);
-    var placement = computed(() => props.variant === 'outlined' ? 'bottom' : 'cover-top');
-    var placeholderColor = computed(() => {
-      var {
-        hint,
-        blurColor,
-        focusColor
-      } = props;
+    const menuEl = ref(null);
+    const placement = computed(() => props2.variant === "outlined" ? "bottom" : "cover-top");
+    const placeholderColor = computed(() => {
+      const { hint, blurColor, focusColor: focusColor2 } = props2;
       if (hint) {
-        return undefined;
+        return void 0;
       }
       if (errorMessage.value) {
-        return 'var(--field-decorator-error-color)';
+        return "var(--field-decorator-error-color)";
       }
       if (isFocus.value) {
-        return focusColor || 'var(--field-decorator-focus-color)';
+        return focusColor2 || "var(--field-decorator-focus-color)";
       }
-      return blurColor || 'var(--field-decorator-blur-color)';
+      return blurColor || "var(--field-decorator-blur-color)";
     });
-    var enableCustomPlaceholder = computed(() => !props.hint && isEmpty(props.modelValue));
-    var selectProvider = {
+    const enableCustomPlaceholder = computed(() => !props2.hint && isEmpty(props2.modelValue));
+    const selectProvider = {
       multiple,
       focusColor,
       computeLabel,
@@ -198,212 +276,141 @@ var __sfc__ = defineComponent({
       validate,
       resetValidation
     };
-    watch(() => props.multiple, () => {
-      var {
-        multiple,
-        modelValue
-      } = props;
-      if (multiple && !isArray(modelValue)) {
-        error('Select', 'The modelValue must be an array when multiple is true');
+    watch(
+      () => props2.multiple,
+      () => {
+        const { multiple: multiple2, modelValue } = props2;
+        if (multiple2 && !isArray(modelValue)) {
+          error("Select", "The modelValue must be an array when multiple is true");
+        }
       }
-    });
-    watch(() => props.modelValue, syncOptions, {
-      deep: true
-    });
+    );
+    watch(() => props2.modelValue, syncOptions, { deep: true });
     watch(() => length.value, syncOptions);
     bindOptions(selectProvider);
     call(bindForm, selectProvider);
     function computeLabel() {
-      var {
-        multiple,
-        modelValue
-      } = props;
-      if (multiple) {
-        var rawModelValue = modelValue;
+      const { multiple: multiple2, modelValue } = props2;
+      if (multiple2) {
+        const rawModelValue = modelValue;
         labels.value = rawModelValue.map(findLabel);
       }
-      if (!multiple && !isEmpty(modelValue)) {
+      if (!multiple2 && !isEmpty(modelValue)) {
         label.value = findLabel(modelValue);
       }
-      if (!multiple && isEmpty(modelValue)) {
-        label.value = '';
+      if (!multiple2 && isEmpty(modelValue)) {
+        label.value = "";
       }
     }
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue);
       });
     }
-    function findValueOrLabel(_ref) {
-      var {
-        value,
-        label
-      } = _ref;
+    function findValueOrLabel({ value, label: label2 }) {
       if (value.value != null) {
         return value.value;
       }
-      return label.value;
+      return label2.value;
     }
     function findLabel(modelValue) {
-      var _option$label$value, _option;
-      var option = options.find(_ref2 => {
-        var {
-          value
-        } = _ref2;
-        return value.value === modelValue;
-      });
+      var _a;
+      let option = options.find(({ value }) => value.value === modelValue);
       if (!option) {
-        option = options.find(_ref3 => {
-          var {
-            label
-          } = _ref3;
-          return label.value === modelValue;
-        });
+        option = options.find(({ label: label2 }) => label2.value === modelValue);
       }
-      return (_option$label$value = (_option = option) == null ? void 0 : _option.label.value) != null ? _option$label$value : '';
+      return (_a = option == null ? void 0 : option.label.value) != null ? _a : "";
     }
     function handleFocus() {
-      var {
-        disabled,
-        readonly,
-        onFocus
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+      const { disabled, readonly, onFocus } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
-      offsetY.value = toPxNum(props.offsetY);
+      offsetY.value = toPxNum(props2.offsetY);
       isFocus.value = true;
       call(onFocus);
-      validateWithTrigger('onFocus');
+      validateWithTrigger("onFocus");
     }
     function handleBlur() {
-      var {
-        disabled,
-        readonly,
-        onBlur
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+      const { disabled, readonly, onBlur } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
       blur();
       call(onBlur);
-      validateWithTrigger('onBlur');
+      validateWithTrigger("onBlur");
     }
     function onSelect(option) {
-      var {
-        disabled,
-        readonly,
-        multiple,
-        onChange
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+      const { disabled, readonly, multiple: multiple2, onChange } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
-      var selectedValue = multiple ? options.filter(_ref4 => {
-        var {
-          selected
-        } = _ref4;
-        return selected.value;
-      }).map(findValueOrLabel) : findValueOrLabel(option);
-      call(props['onUpdate:modelValue'], selectedValue);
+      const selectedValue = multiple2 ? options.filter(({ selected }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option);
+      call(props2["onUpdate:modelValue"], selectedValue);
       call(onChange, selectedValue);
-      validateWithTrigger('onChange');
-      if (!multiple) {
+      validateWithTrigger("onChange");
+      if (!multiple2) {
         blur();
       }
     }
     function handleClear() {
-      var {
-        disabled,
-        readonly,
-        multiple,
-        clearable,
-        onClear
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly || !clearable) {
+      const { disabled, readonly, multiple: multiple2, clearable, onClear } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly || !clearable) {
         return;
       }
-      var changedModelValue = multiple ? [] : undefined;
-      call(props['onUpdate:modelValue'], changedModelValue);
+      const changedModelValue = multiple2 ? [] : void 0;
+      call(props2["onUpdate:modelValue"], changedModelValue);
       call(onClear, changedModelValue);
-      validateWithTrigger('onClear');
+      validateWithTrigger("onClear");
     }
     function handleClick(e) {
-      var {
-        disabled,
-        onClick
-      } = props;
-      if (form != null && form.disabled.value || disabled) {
+      const { disabled, onClick } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || disabled) {
         return;
       }
       call(onClick, e);
-      validateWithTrigger('onClick');
+      validateWithTrigger("onClick");
     }
     function handleClose(text) {
-      var {
-        disabled,
-        readonly,
-        modelValue,
-        onClose
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
+      const { disabled, readonly, modelValue, onClose } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value) || disabled || readonly) {
         return;
       }
-      var rawModelValue = modelValue;
-      var option = options.find(_ref5 => {
-        var {
-          label
-        } = _ref5;
-        return label.value === text;
-      });
-      var currentModelValue = rawModelValue.filter(value => {
-        var _value$value;
-        return value !== ((_value$value = option.value.value) != null ? _value$value : option.label.value);
+      const rawModelValue = modelValue;
+      const option = options.find(({ label: label2 }) => label2.value === text);
+      const currentModelValue = rawModelValue.filter((value) => {
+        var _a;
+        return value !== ((_a = option.value.value) != null ? _a : option.label.value);
       });
-      call(props['onUpdate:modelValue'], currentModelValue);
+      call(props2["onUpdate:modelValue"], currentModelValue);
       call(onClose, currentModelValue);
-      validateWithTrigger('onClose');
+      validateWithTrigger("onClose");
     }
     function syncOptions() {
-      var {
-        multiple,
-        modelValue
-      } = props;
-      if (multiple) {
-        var rawModelValue = modelValue;
-        options.forEach(option => option.sync(rawModelValue.includes(findValueOrLabel(option))));
+      const { multiple: multiple2, modelValue } = props2;
+      if (multiple2) {
+        const rawModelValue = modelValue;
+        options.forEach((option) => option.sync(rawModelValue.includes(findValueOrLabel(option))));
       } else {
-        options.forEach(option => option.sync(modelValue === findValueOrLabel(option)));
+        options.forEach((option) => option.sync(modelValue === findValueOrLabel(option)));
       }
       computeLabel();
     }
-
-    // expose
     function focus() {
-      offsetY.value = toPxNum(props.offsetY);
+      offsetY.value = toPxNum(props2.offsetY);
       isFocus.value = true;
       showMenu.value = true;
     }
-
-    // expose
     function blur() {
       isFocus.value = false;
       showMenu.value = false;
     }
-
-    // expose
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
-
-    // expose
     function reset() {
-      call(props['onUpdate:modelValue'], props.multiple ? [] : undefined);
+      call(props2["onUpdate:modelValue"], props2.multiple ? [] : void 0);
       resetValidation();
     }
     return {
@@ -437,4 +444,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};