vft 0.0.375 → 0.0.376

package/lib/components/select/select.vue.cjs

@@ -1,348 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const select_vue_vue_type_script_lang = require("./select.vue2.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = ["id", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { key: 1 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_tag = vue.resolveComponent("tag");
-  const _component_tooltip = vue.resolveComponent("tooltip");
-  const _component_icon = vue.resolveComponent("icon");
-  const _component_select_menu = vue.resolveComponent("select-menu");
-  const _directive_click_outside = vue.resolveDirective("click-outside");
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-    ref: "selectRef",
-    class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-    onMouseenter: _cache[13] || (_cache[13] = ($event) => _ctx.states.inputHovering = true),
-    onMouseleave: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = false)
-  }, [
-    vue.createVNode(_component_tooltip, {
-      ref: "tooltipRef",
-      visible: _ctx.dropdownMenuVisible,
-      teleported: _ctx.teleported,
-      "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
-      "gpu-acceleration": false,
-      "stop-popper-mouse-event": false,
-      "popper-options": _ctx.popperOptions,
-      "fallback-placements": _ctx.fallbackPlacements,
-      effect: _ctx.effect,
-      placement: _ctx.placement,
-      pure: "",
-      transition: `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
-      trigger: "click",
-      persistent: _ctx.persistent,
-      "append-to": _ctx.appendTo,
-      "show-arrow": _ctx.showArrow,
-      offset: _ctx.offset,
-      onBeforeShow: _ctx.handleMenuEnter,
-      onHide: _cache[12] || (_cache[12] = ($event) => _ctx.states.isBeforeHide = false)
-    }, {
-      default: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          ref: "wrapperRef",
-          class: vue.normalizeClass([
-            _ctx.nsSelect.e("wrapper"),
-            _ctx.nsSelect.is("focused", _ctx.isFocused),
-            _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
-            _ctx.nsSelect.is("filterable", _ctx.filterable),
-            _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-          ]),
-          onClick: _cache[11] || (_cache[11] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent"]))
-        }, [
-          _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref: "prefixRef",
-            class: vue.normalizeClass(_ctx.nsSelect.e("prefix"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "prefix")
-          ], 2)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
-            ref: "selectionRef",
-            class: vue.normalizeClass([
-              _ctx.nsSelect.e("selection"),
-              _ctx.nsSelect.is(
-                "near",
-                _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length
-              )
-            ])
-          }, [
-            _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", {
-              key: 0,
-              data: _ctx.states.cachedOptions,
-              deleteTag: _ctx.deleteTag,
-              selectDisabled: _ctx.selectDisabled
-            }, () => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: _ctx.getValueKey(_ctx.getValue(item)),
-                  class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                }, [
-                  vue.createVNode(_component_tag, {
-                    closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
-                    size: _ctx.collapseTagSize,
-                    type: _ctx.tagType,
-                    effect: _ctx.tagEffect,
-                    "disable-transitions": "",
-                    style: vue.normalizeStyle(_ctx.tagStyle),
-                    onClose: ($event) => _ctx.deleteTag($event, item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("span", {
-                        class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                      }, [
-                        vue.renderSlot(_ctx.$slots, "label", {
-                          label: _ctx.getLabel(item),
-                          value: _ctx.getValue(item)
-                        }, () => [
-                          vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
-                        ])
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
-                ], 2);
-              }), 128)),
-              _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_tooltip, {
-                key: 0,
-                ref: "tagTooltipRef",
-                disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-                "fallback-placements": ["bottom", "top", "right", "left"],
-                effect: _ctx.effect,
-                placement: "bottom",
-                "popper-class": _ctx.popperClass,
-                teleported: _ctx.teleported
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    ref: "collapseItemRef",
-                    class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                  }, [
-                    vue.createVNode(_component_tag, {
-                      closable: false,
-                      size: _ctx.collapseTagSize,
-                      type: _ctx.tagType,
-                      effect: _ctx.tagEffect,
-                      style: vue.normalizeStyle(_ctx.collapseTagStyle),
-                      "disable-transitions": ""
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", {
-                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "type", "effect", "style"])
-                  ], 2)
-                ]),
-                content: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    ref: "tagMenuRef",
-                    class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
-                  }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (selected) => {
-                      return vue.openBlock(), vue.createElementBlock("div", {
-                        key: _ctx.getValueKey(_ctx.getValue(selected)),
-                        class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                      }, [
-                        vue.createVNode(_component_tag, {
-                          class: "in-tooltip",
-                          closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
-                          size: _ctx.collapseTagSize,
-                          type: _ctx.tagType,
-                          effect: _ctx.tagEffect,
-                          "disable-transitions": "",
-                          onClose: ($event) => _ctx.deleteTag($event, selected)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("span", {
-                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                            }, [
-                              vue.renderSlot(_ctx.$slots, "label", {
-                                label: _ctx.getLabel(selected),
-                                value: _ctx.getValue(selected)
-                              }, () => [
-                                vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(selected)), 1)
-                              ])
-                            ], 2)
-                          ]),
-                          _: 2
-                        }, 1032, ["closable", "size", "type", "effect", "onClose"])
-                      ], 2);
-                    }), 128))
-                  ], 2)
-                ]),
-                _: 3
-              }, 8, ["disabled", "effect", "popper-class", "teleported"])) : vue.createCommentVNode("", true)
-            ]) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-                _ctx.nsSelect.e("selected-item"),
-                _ctx.nsSelect.e("input-wrapper"),
-                _ctx.nsSelect.is("hidden", !_ctx.filterable)
-              ])
-            }, [
-              vue.withDirectives(vue.createElementVNode("input", {
-                id: _ctx.inputId,
-                ref: "inputRef",
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
-                style: vue.normalizeStyle(_ctx.inputStyle),
-                autocomplete: _ctx.autocomplete,
-                tabindex: _ctx.tabindex,
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                autocapitalize: "off",
-                "aria-expanded": _ctx.expanded,
-                "aria-label": _ctx.ariaLabel,
-                class: vue.normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
-                disabled: _ctx.selectDisabled,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                name: _ctx.name,
-                onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                onCompositionstart: _cache[2] || (_cache[2] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                onCompositionupdate: _cache[3] || (_cache[3] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                onCompositionend: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                onKeydown: [
-                  _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                  _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                  _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-                ],
-                onClick: _cache[10] || (_cache[10] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-              }, null, 46, _hoisted_1), [
-                [vue.vModelText, _ctx.states.inputValue]
-              ]),
-              _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                ref: "calculatorRef",
-                "aria-hidden": "true",
-                class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
-                textContent: vue.toDisplayString(_ctx.states.inputValue)
-              }, null, 10, _hoisted_2)) : vue.createCommentVNode("", true)
-            ], 2),
-            _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: vue.normalizeClass([
-                _ctx.nsSelect.e("selected-item"),
-                _ctx.nsSelect.e("placeholder"),
-                _ctx.nsSelect.is(
-                  "transparent",
-                  !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue
-                )
-              ])
-            }, [
-              _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
-                key: 0,
-                label: _ctx.currentPlaceholder,
-                value: _ctx.modelValue
-              }, () => [
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
-              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(_ctx.currentPlaceholder), 1))
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 2),
-          vue.createElementVNode("div", {
-            ref: "suffixRef",
-            class: vue.normalizeClass(_ctx.nsSelect.e("suffix"))
-          }, [
-            _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_icon, {
-              key: 0,
-              icon: _ctx.iconComponent,
-              class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
-            }, null, 8, ["icon", "class"])), [
-              [vue.vShow, !_ctx.showClearBtn]
-            ]) : vue.createCommentVNode("", true),
-            _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_icon, {
-              key: 1,
-              class: vue.normalizeClass([
-                _ctx.nsSelect.e("caret"),
-                _ctx.nsInput.e("icon"),
-                _ctx.nsSelect.e("clear")
-              ]),
-              icon: _ctx.clearIcon,
-              onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
-            }, null, 8, ["class", "icon", "onClick"])) : vue.createCommentVNode("", true),
-            _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_icon, {
-              key: 2,
-              icon: _ctx.validateIcon,
-              class: vue.normalizeClass([
-                _ctx.nsInput.e("icon"),
-                _ctx.nsInput.e("validateIcon"),
-                _ctx.nsInput.is("loading", _ctx.validateState === "validating")
-              ])
-            }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
-          ], 2)
-        ], 2)
-      ]),
-      content: vue.withCtx(() => [
-        vue.createVNode(_component_select_menu, {
-          ref: "menuRef",
-          data: _ctx.filteredOptions,
-          width: _ctx.popperSize,
-          "hovering-index": _ctx.states.hoveringIndex,
-          "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-        }, vue.createSlots({
-          default: vue.withCtx((scope) => [
-            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.header ? {
-            name: "header",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "header")
-              ], 2)
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.$slots.loading && _ctx.loading ? {
-            name: "loading",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "loading")
-              ], 2)
-            ]),
-            key: "1"
-          } : _ctx.loading || _ctx.filteredOptions.length === 0 ? {
-            name: "empty",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.emptyText), 1)
-                ])
-              ], 2)
-            ]),
-            key: "2"
-          } : void 0,
-          _ctx.$slots.footer ? {
-            name: "footer",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "footer")
-              ], 2)
-            ]),
-            key: "3"
-          } : void 0
-        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
-      ]),
-      _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
-  ], 34)), [
-    [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
-  ]);
-}
-const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(select_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
-exports.default = Select;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./select.vue2.cjs"),l=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.cjs"),m=["id","autocomplete","tabindex","aria-expanded","aria-label","disabled","readonly","name"],f=["textContent"],g={key:1};function S(e,s,v,b,y,w){const n=l.resolveComponent("tag"),i=l.resolveComponent("tooltip"),a=l.resolveComponent("icon"),r=l.resolveComponent("select-menu"),d=l.resolveDirective("click-outside");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{ref:"selectRef",class:l.normalizeClass([e.nsSelect.b(),e.nsSelect.m(e.selectSize)]),onMouseenter:s[13]||(s[13]=o=>e.states.inputHovering=!0),onMouseleave:s[14]||(s[14]=o=>e.states.inputHovering=!1)},[l.createVNode(i,{ref:"tooltipRef",visible:e.dropdownMenuVisible,teleported:e.teleported,"popper-class":[e.nsSelect.e("popper"),e.popperClass],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"popper-options":e.popperOptions,"fallback-placements":e.fallbackPlacements,effect:e.effect,placement:e.placement,pure:"",transition:`${e.nsSelect.namespace.value}-zoom-in-top`,trigger:"click",persistent:e.persistent,"append-to":e.appendTo,"show-arrow":e.showArrow,offset:e.offset,onBeforeShow:e.handleMenuEnter,onHide:s[12]||(s[12]=o=>e.states.isBeforeHide=!1)},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([e.nsSelect.e("wrapper"),e.nsSelect.is("focused",e.isFocused),e.nsSelect.is("hovering",e.states.inputHovering),e.nsSelect.is("filterable",e.filterable),e.nsSelect.is("disabled",e.selectDisabled)]),onClick:s[11]||(s[11]=l.withModifiers((...o)=>e.toggleMenu&&e.toggleMenu(...o),["prevent"]))},[e.$slots.prefix?(l.openBlock(),l.createElementBlock("div",{key:0,ref:"prefixRef",class:l.normalizeClass(e.nsSelect.e("prefix"))},[l.renderSlot(e.$slots,"prefix")],2)):l.createCommentVNode("",!0),l.createElementVNode("div",{ref:"selectionRef",class:l.normalizeClass([e.nsSelect.e("selection"),e.nsSelect.is("near",e.multiple&&!e.$slots.prefix&&!!e.modelValue.length)])},[e.multiple?l.renderSlot(e.$slots,"tag",{key:0,data:e.states.cachedOptions,deleteTag:e.deleteTag,selectDisabled:e.selectDisabled},()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.showTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(e.getValue(o)),class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{closable:!e.selectDisabled&&!e.getDisabled(o),size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",style:l.normalizeStyle(e.tagStyle),onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))},[l.renderSlot(e.$slots,"label",{label:e.getLabel(o),value:e.getValue(o)},()=>[l.createTextVNode(l.toDisplayString(e.getLabel(o)),1)])],2)]),_:2},1032,["closable","size","type","effect","style","onClose"])],2))),128)),e.collapseTags&&e.modelValue.length>e.maxCollapseTags?(l.openBlock(),l.createBlock(i,{key:0,ref:"tagTooltipRef",disabled:e.dropdownMenuVisible||!e.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom","popper-class":e.popperClass,teleported:e.teleported},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"collapseItemRef",class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{closable:!1,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,style:l.normalizeStyle(e.collapseTagStyle),"disable-transitions":""},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))}," + "+l.toDisplayString(e.modelValue.length-e.maxCollapseTags),3)]),_:1},8,["size","type","effect","style"])],2)]),content:l.withCtx(()=>[l.createElementVNode("div",{ref:"tagMenuRef",class:l.normalizeClass(e.nsSelect.e("selection"))},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.collapseTagList,o=>(l.openBlock(),l.createElementBlock("div",{key:e.getValueKey(e.getValue(o)),class:l.normalizeClass(e.nsSelect.e("selected-item"))},[l.createVNode(n,{class:"in-tooltip",closable:!e.selectDisabled&&!e.getDisabled(o),size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",onClose:t=>e.deleteTag(t,o)},{default:l.withCtx(()=>[l.createElementVNode("span",{class:l.normalizeClass(e.nsSelect.e("tags-text"))},[l.renderSlot(e.$slots,"label",{label:e.getLabel(o),value:e.getValue(o)},()=>[l.createTextVNode(l.toDisplayString(e.getLabel(o)),1)])],2)]),_:2},1032,["closable","size","type","effect","onClose"])],2))),128))],2)]),_:3},8,["disabled","effect","popper-class","teleported"])):l.createCommentVNode("",!0)]):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("input-wrapper"),e.nsSelect.is("hidden",!e.filterable)])},[l.withDirectives(l.createElementVNode("input",{id:e.inputId,ref:"inputRef","onUpdate:modelValue":s[0]||(s[0]=o=>e.states.inputValue=o),style:l.normalizeStyle(e.inputStyle),autocomplete:e.autocomplete,tabindex:e.tabindex,"aria-autocomplete":"list","aria-haspopup":"listbox",autocapitalize:"off","aria-expanded":e.expanded,"aria-label":e.ariaLabel,class:l.normalizeClass([e.nsSelect.e("input"),e.nsSelect.is(e.selectSize)]),disabled:e.selectDisabled,role:"combobox",readonly:!e.filterable,spellcheck:"false",type:"text",name:e.name,onInput:s[1]||(s[1]=(...o)=>e.onInput&&e.onInput(...o)),onCompositionstart:s[2]||(s[2]=(...o)=>e.handleCompositionStart&&e.handleCompositionStart(...o)),onCompositionupdate:s[3]||(s[3]=(...o)=>e.handleCompositionUpdate&&e.handleCompositionUpdate(...o)),onCompositionend:s[4]||(s[4]=(...o)=>e.handleCompositionEnd&&e.handleCompositionEnd(...o)),onKeydown:[s[5]||(s[5]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("backward"),["stop","prevent"]),["up"])),s[6]||(s[6]=l.withKeys(l.withModifiers(o=>e.onKeyboardNavigate("forward"),["stop","prevent"]),["down"])),s[7]||(s[7]=l.withKeys(l.withModifiers((...o)=>e.onKeyboardSelect&&e.onKeyboardSelect(...o),["stop","prevent"]),["enter"])),s[8]||(s[8]=l.withKeys(l.withModifiers((...o)=>e.handleEsc&&e.handleEsc(...o),["stop","prevent"]),["esc"])),s[9]||(s[9]=l.withKeys(l.withModifiers((...o)=>e.handleDel&&e.handleDel(...o),["stop"]),["delete"]))],onClick:s[10]||(s[10]=l.withModifiers((...o)=>e.toggleMenu&&e.toggleMenu(...o),["stop"]))},null,46,m),[[l.vModelText,e.states.inputValue]]),e.filterable?(l.openBlock(),l.createElementBlock("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:l.normalizeClass(e.nsSelect.e("input-calculator")),textContent:l.toDisplayString(e.states.inputValue)},null,10,f)):l.createCommentVNode("",!0)],2),e.shouldShowPlaceholder?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("placeholder"),e.nsSelect.is("transparent",!e.hasModelValue||e.expanded&&!e.states.inputValue)])},[e.hasModelValue?l.renderSlot(e.$slots,"label",{key:0,label:e.currentPlaceholder,value:e.modelValue},()=>[l.createElementVNode("span",null,l.toDisplayString(e.currentPlaceholder),1)]):(l.openBlock(),l.createElementBlock("span",g,l.toDisplayString(e.currentPlaceholder),1))],2)):l.createCommentVNode("",!0)],2),l.createElementVNode("div",{ref:"suffixRef",class:l.normalizeClass(e.nsSelect.e("suffix"))},[e.iconComponent?l.withDirectives((l.openBlock(),l.createBlock(a,{key:0,icon:e.iconComponent,class:l.normalizeClass([e.nsSelect.e("caret"),e.nsInput.e("icon"),e.iconReverse])},null,8,["icon","class"])),[[l.vShow,!e.showClearBtn]]):l.createCommentVNode("",!0),e.showClearBtn&&e.clearIcon?(l.openBlock(),l.createBlock(a,{key:1,class:l.normalizeClass([e.nsSelect.e("caret"),e.nsInput.e("icon"),e.nsSelect.e("clear")]),icon:e.clearIcon,onClick:l.withModifiers(e.handleClear,["prevent","stop"])},null,8,["class","icon","onClick"])):l.createCommentVNode("",!0),e.validateState&&e.validateIcon&&e.needStatusIcon?(l.openBlock(),l.createBlock(a,{key:2,icon:e.validateIcon,class:l.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon"),e.nsInput.is("loading",e.validateState==="validating")])},null,8,["icon","class"])):l.createCommentVNode("",!0)],2)],2)]),content:l.withCtx(()=>[l.createVNode(r,{ref:"menuRef",data:e.filteredOptions,width:e.popperSize,"hovering-index":e.states.hoveringIndex,"scrollbar-always-on":e.scrollbarAlwaysOn},l.createSlots({default:l.withCtx(o=>[l.renderSlot(e.$slots,"default",l.normalizeProps(l.guardReactiveProps(o)))]),_:2},[e.$slots.header?{name:"header",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","header"))},[l.renderSlot(e.$slots,"header")],2)]),key:"0"}:void 0,e.$slots.loading&&e.loading?{name:"loading",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","loading"))},[l.renderSlot(e.$slots,"loading")],2)]),key:"1"}:e.loading||e.filteredOptions.length===0?{name:"empty",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","empty"))},[l.renderSlot(e.$slots,"empty",{},()=>[l.createElementVNode("span",null,l.toDisplayString(e.emptyText),1)])],2)]),key:"2"}:void 0,e.$slots.footer?{name:"footer",fn:l.withCtx(()=>[l.createElementVNode("div",{class:l.normalizeClass(e.nsSelect.be("dropdown","footer"))},[l.renderSlot(e.$slots,"footer")],2)]),key:"3"}:void 0]),1032,["data","width","hovering-index","scrollbar-always-on"])]),_:3},8,["visible","teleported","popper-class","popper-options","fallback-placements","effect","placement","transition","persistent","append-to","show-arrow","offset","onBeforeShow"])],34)),[[d,e.handleClickOutside,e.popperRef]])}const C=u.default(p.default,[["render",S]]);exports.default=C;

package/lib/components/select/select.vue2.cjs

@@ -1,76 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("../icon/index.cjs");
-const index$2 = require("../tag/index.cjs");
-const index$1 = require("../tooltip/index.cjs");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-const vue = require("vue");
-require("lodash-es");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const index$3 = require("../../hooks/use-calc-input-width/index.cjs");
-const directives = require("@vft/directives");
-const defaults = require("./defaults.cjs");
-const selectDropdown = require("./select-dropdown.cjs");
-const token = require("./token.cjs");
-const useSelect = require("./useSelect.cjs");
-const _sfc_main = vue.defineComponent({
-  name: "VftSelect",
-  components: {
-    SelectMenu: selectDropdown.default,
-    Tag: index$2.VftTag,
-    Tooltip: index$1.VftTooltip,
-    Icon: index.VftIcon
-  },
-  directives: { ClickOutside: directives.ClickOutside },
-  props: defaults.selectV2Props,
-  emits: defaults.selectV2Emits,
-  setup(props, { emit }) {
-    const modelValue = vue.computed(() => {
-      const { modelValue: rawModelValue, multiple } = props;
-      const fallback = multiple ? [] : void 0;
-      if (utils.isArray(rawModelValue)) {
-        return multiple ? rawModelValue : fallback;
-      }
-      return multiple ? fallback : rawModelValue;
-    });
-    const API = useSelect.default(
-      vue.reactive({
-        ...vue.toRefs(props),
-        modelValue
-      }),
-      emit
-    );
-    const { calculatorRef, inputStyle } = index$3.useCalcInputWidth();
-    vue.provide(token.selectV2InjectionKey, {
-      props: vue.reactive({
-        ...vue.toRefs(props),
-        height: API.popupHeight,
-        modelValue
-      }),
-      expanded: API.expanded,
-      tooltipRef: API.tooltipRef,
-      onSelect: API.onSelect,
-      onHover: API.onHover,
-      onKeyboardNavigate: API.onKeyboardNavigate,
-      onKeyboardSelect: API.onKeyboardSelect
-    });
-    const selectedLabel = vue.computed(() => {
-      if (!props.multiple) {
-        return API.states.selectedLabel;
-      }
-      return API.states.cachedOptions.map((i) => i.label);
-    });
-    return {
-      ...API,
-      modelValue,
-      selectedLabel,
-      calculatorRef,
-      inputStyle
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../icon/index.cjs"),f=require("../tag/index.cjs"),q=require("../tooltip/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=require("../../hooks/use-calc-input-width/index.cjs"),b=require("@vft/directives"),u=require("./defaults.cjs"),S=require("./select-dropdown.cjs"),V=require("./token.cjs"),g=require("./useSelect.cjs"),y=t.defineComponent({name:"VftSelect",components:{SelectMenu:S.default,Tag:f.VftTag,Tooltip:q.VftTooltip,Icon:p.VftIcon},directives:{ClickOutside:b.ClickOutside},props:u.selectV2Props,emits:u.selectV2Emits,setup(r,{emit:l}){const i=t.computed(()=>{const{modelValue:o,multiple:n}=r,c=n?[]:void 0;return m.isArray(o)?n?o:c:n?c:o}),e=g.default(t.reactive({...t.toRefs(r),modelValue:i}),l),{calculatorRef:s,inputStyle:a}=v.useCalcInputWidth();t.provide(V.selectV2InjectionKey,{props:t.reactive({...t.toRefs(r),height:e.popupHeight,modelValue:i}),expanded:e.expanded,tooltipRef:e.tooltipRef,onSelect:e.onSelect,onHover:e.onHover,onKeyboardNavigate:e.onKeyboardNavigate,onKeyboardSelect:e.onKeyboardSelect});const d=t.computed(()=>r.multiple?e.states.cachedOptions.map(o=>o.label):e.states.selectedLabel);return{...e,modelValue:i,selectedLabel:d,calculatorRef:s,inputStyle:a}}});exports.default=y;

package/lib/components/select/style/css.cjs

@@ -1,8 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-input.css");
-require("vft/theme-style/vft-tag.css");
-require("vft/theme-style/vft-scrollbar.css");
-require("vft/theme-style/vft-popper.css");
-require("vft/theme-style/vft-virtual-list.css");
-require("vft/theme-style/vft-select.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select.css");

package/lib/components/select/style/index.cjs

@@ -1,8 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/input.scss");
-require("vft/theme-style/src/tag.scss");
-require("vft/theme-style/src/scrollbar.scss");
-require("vft/theme-style/src/popper.scss");
-require("vft/theme-style/src/virtual-list.scss");
-require("vft/theme-style/src/select.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select.scss");

package/lib/components/select/token.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const selectV2InjectionKey = Symbol(
-  "ElSelectV2Injection"
-);
-exports.selectV2InjectionKey = selectV2InjectionKey;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("ElSelectV2Injection");exports.selectV2InjectionKey=e;

package/lib/components/select/useAllowCreate.cjs

@@ -1,81 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const useProps = require("./useProps.cjs");
-function useAllowCreate(props, states) {
-  const { aliasProps, getLabel, getValue } = useProps.useProps(props);
-  const createOptionCount = vue.ref(0);
-  const cachedSelectedOption = vue.ref();
-  const enableAllowCreateMode = vue.computed(() => {
-    return props.allowCreate && props.filterable;
-  });
-  function hasExistingOption(query) {
-    const hasOption = (option) => getLabel(option) === query;
-    return props.options && props.options.some(hasOption) || states.createdOptions.some(hasOption);
-  }
-  function selectNewOption(option) {
-    if (!enableAllowCreateMode.value) {
-      return;
-    }
-    if (props.multiple && option.created) {
-      createOptionCount.value++;
-    } else {
-      cachedSelectedOption.value = option;
-    }
-  }
-  function createNewOption(query) {
-    if (enableAllowCreateMode.value) {
-      if (query && query.length > 0) {
-        if (hasExistingOption(query)) {
-          return;
-        }
-        const newOption = {
-          [aliasProps.value.value]: query,
-          [aliasProps.value.label]: query,
-          created: true,
-          [aliasProps.value.disabled]: false
-        };
-        if (states.createdOptions.length >= createOptionCount.value) {
-          states.createdOptions[createOptionCount.value] = newOption;
-        } else {
-          states.createdOptions.push(newOption);
-        }
-      } else {
-        if (props.multiple) {
-          states.createdOptions.length = createOptionCount.value;
-        } else {
-          const selectedOption = cachedSelectedOption.value;
-          states.createdOptions.length = 0;
-          if (selectedOption && selectedOption.created) {
-            states.createdOptions.push(selectedOption);
-          }
-        }
-      }
-    }
-  }
-  function removeNewOption(option) {
-    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === getLabel(option)) {
-      return;
-    }
-    const idx = states.createdOptions.findIndex(
-      (it) => getValue(it) === getValue(option)
-    );
-    if (~idx) {
-      states.createdOptions.splice(idx, 1);
-      createOptionCount.value--;
-    }
-  }
-  function clearAllNewOption() {
-    if (enableAllowCreateMode.value) {
-      states.createdOptions.length = 0;
-      createOptionCount.value = 0;
-    }
-  }
-  return {
-    createNewOption,
-    removeNewOption,
-    selectNewOption,
-    clearAllNewOption
-  };
-}
-exports.useAllowCreate = useAllowCreate;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),h=require("./useProps.cjs");function w(l,n){const{aliasProps:u,getLabel:o,getValue:d}=h.useProps(l),i=r.ref(0),f=r.ref(),a=r.computed(()=>l.allowCreate&&l.filterable);function s(e){const t=c=>o(c)===e;return l.options&&l.options.some(t)||n.createdOptions.some(t)}function O(e){a.value&&(l.multiple&&e.created?i.value++:f.value=e)}function v(e){if(a.value)if(e&&e.length>0){if(s(e))return;const t={[u.value.value]:e,[u.value.label]:e,created:!0,[u.value.disabled]:!1};n.createdOptions.length>=i.value?n.createdOptions[i.value]=t:n.createdOptions.push(t)}else if(l.multiple)n.createdOptions.length=i.value;else{const t=f.value;n.createdOptions.length=0,t&&t.created&&n.createdOptions.push(t)}}function p(e){if(!a.value||!e||!e.created||e.created&&l.reserveKeyword&&n.inputValue===o(e))return;const t=n.createdOptions.findIndex(c=>d(c)===d(e));~t&&(n.createdOptions.splice(t,1),i.value--)}function g(){a.value&&(n.createdOptions.length=0,i.value=0)}return{createNewOption:v,removeNewOption:p,selectNewOption:O,clearAllNewOption:g}}exports.useAllowCreate=w;

package/lib/components/select/useOption.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function useOption(props, { emit }) {
-  return {
-    hoverItem: () => {
-      if (!props.disabled) {
-        emit("hover", props.index);
-      }
-    },
-    selectOptionClick: () => {
-      if (!props.disabled) {
-        emit("select", props.item, props.index);
-      }
-    }
-  };
-}
-exports.useOption = useOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,{emit:i}){return{hoverItem:()=>{e.disabled||i("hover",e.index)},selectOptionClick:()=>{e.disabled||i("select",e.item,e.index)}}}exports.useOption=t;

package/lib/components/select/useProps.cjs

@@ -1,26 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const lodashEs = require("lodash-es");
-const defaultProps = {
-  label: "label",
-  value: "value",
-  disabled: "disabled",
-  options: "options"
-};
-function useProps(props) {
-  const aliasProps = vue.computed(() => ({ ...defaultProps, ...props.props }));
-  const getLabel = (option) => lodashEs.get(option, aliasProps.value.label);
-  const getValue = (option) => lodashEs.get(option, aliasProps.value.value);
-  const getDisabled = (option) => lodashEs.get(option, aliasProps.value.disabled);
-  const getOptions = (option) => lodashEs.get(option, aliasProps.value.options);
-  return {
-    aliasProps,
-    getLabel,
-    getValue,
-    getDisabled,
-    getOptions
-  };
-}
-exports.defaultProps = defaultProps;
-exports.useProps = useProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("lodash-es"),l={label:"label",value:"value",disabled:"disabled",options:"options"};function u(o){const t=a.computed(()=>({...l,...o.props}));return{aliasProps:t,getLabel:e=>s.get(e,t.value.label),getValue:e=>s.get(e,t.value.value),getDisabled:e=>s.get(e,t.value.disabled),getOptions:e=>s.get(e,t.value.options)}}exports.defaultProps=l;exports.useProps=u;