@element-plus/nightly 0.0.20230625 → 0.0.20230626

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230625 */
+/*! Element Plus v0.0.20230626 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11208,7 +11208,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230625";
+  const version$1 = "0.0.20230626";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -33151,6 +33151,14 @@
     },
     setup(props) {
       const ns = useNamespace("select");
+      const containerKls = vue.computed(() => [
+        ns.be("dropdown", "item"),
+        ns.is("disabled", vue.unref(isDisabled)),
+        {
+          selected: vue.unref(itemSelected),
+          hover: vue.unref(hover)
+        }
+      ]);
       const states = vue.reactive({
         index: -1,
         groupDisabled: false,
@@ -33183,6 +33191,7 @@
       }
       return {
         ns,
+        containerKls,
         currentLabel,
         itemSelected,
         isDisabled,
@@ -33197,14 +33206,7 @@
   });
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
-      class: vue.normalizeClass([
-        _ctx.ns.be("dropdown", "item"),
-        _ctx.ns.is("disabled", _ctx.isDisabled),
-        {
-          selected: _ctx.itemSelected,
-          hover: _ctx.hover
-        }
-      ]),
+      class: vue.normalizeClass(_ctx.containerKls),
       onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
       onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
     }, [
@@ -34235,6 +34237,27 @@
         }
         return classList;
       });
+      const tagsKls = vue.computed(() => [
+        nsSelect.e("tags"),
+        nsSelect.is("disabled", vue.unref(selectDisabled))
+      ]);
+      const tagWrapperKls = vue.computed(() => [
+        nsSelect.b("tags-wrapper"),
+        { "has-prefix": vue.unref(prefixWidth) && vue.unref(selected).length }
+      ]);
+      const inputKls = vue.computed(() => [
+        nsSelect.e("input"),
+        nsSelect.is(vue.unref(selectSize)),
+        nsSelect.is("disabled", vue.unref(selectDisabled))
+      ]);
+      const iOSInputKls = vue.computed(() => [
+        nsSelect.e("input"),
+        nsSelect.is(vue.unref(selectSize)),
+        nsSelect.em("input", "iOS")
+      ]);
+      const scrollbarKls = vue.computed(() => [
+        nsSelect.is("empty", !props.allowCreate && Boolean(vue.unref(query)) && vue.unref(filteredOptionsCount) === 0)
+      ]);
       const selectTagsStyle = vue.computed(() => ({
         maxWidth: `${vue.unref(inputWidth) - 32}px`,
         width: "100%"
@@ -34243,6 +34266,12 @@
         const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
         return { maxWidth: `${maxWidth}px` };
       });
+      const inputStyle = vue.computed(() => ({
+        marginLeft: `${vue.unref(prefixWidth)}px`,
+        flexGrow: 1,
+        width: `${vue.unref(inputLength) / (vue.unref(inputWidth) - 32)}%`,
+        maxWidth: `${vue.unref(inputWidth) - 42}px`
+      }));
       vue.provide(selectKey, vue.reactive({
         props,
         options,
@@ -34355,9 +34384,15 @@
         selectWrapper,
         scrollbar,
         wrapperKls,
+        tagsKls,
+        tagWrapperKls,
+        inputKls,
+        iOSInputKls,
+        scrollbarKls,
         selectTagsStyle,
         nsSelect,
         tagTextStyle,
+        inputStyle,
         handleMouseEnter,
         handleMouseLeave,
         showTagList,
@@ -34411,10 +34446,7 @@
             _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               ref: "tags",
-              class: vue.normalizeClass([
-                _ctx.nsSelect.e("tags"),
-                _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-              ]),
+              class: vue.normalizeClass(_ctx.tagsKls),
               style: vue.normalizeStyle(_ctx.selectTagsStyle)
             }, [
               _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -34423,10 +34455,7 @@
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      _ctx.nsSelect.b("tags-wrapper"),
-                      { "has-prefix": _ctx.prefixWidth && _ctx.selected.length }
-                    ])
+                    class: vue.normalizeClass(_ctx.tagWrapperKls)
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
                       return vue.openBlock(), vue.createBlock(_component_el_tag, {
@@ -34519,10 +34548,7 @@
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass([
-                      _ctx.nsSelect.b("tags-wrapper"),
-                      { "has-prefix": _ctx.prefixWidth && _ctx.selected.length }
-                    ]),
+                    class: vue.normalizeClass(_ctx.tagWrapperKls),
                     style: vue.normalizeStyle(_ctx.prefixWidth && _ctx.selected.length ? { marginLeft: `${_ctx.prefixWidth}px` } : "")
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
@@ -34553,19 +34579,10 @@
                 ref: "input",
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
                 type: "text",
-                class: vue.normalizeClass([
-                  _ctx.nsSelect.e("input"),
-                  _ctx.nsSelect.is(_ctx.selectSize),
-                  _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-                ]),
+                class: vue.normalizeClass(_ctx.inputKls),
                 disabled: _ctx.selectDisabled,
                 autocomplete: _ctx.autocomplete,
-                style: vue.normalizeStyle({
-                  marginLeft: `${_ctx.prefixWidth}px`,
-                  flexGrow: 1,
-                  width: `${_ctx.inputLength / (_ctx.inputWidth - 32)}%`,
-                  maxWidth: `${_ctx.inputWidth - 42}px`
-                }),
+                style: vue.normalizeStyle(_ctx.inputStyle),
                 onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
                 onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                 onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
@@ -34590,11 +34607,7 @@
             _ctx.isIOS && !_ctx.multiple && _ctx.filterable && _ctx.readonly ? (vue.openBlock(), vue.createElementBlock("input", {
               key: 1,
               ref: "iOSInput",
-              class: vue.normalizeClass([
-                _ctx.nsSelect.e("input"),
-                _ctx.nsSelect.is(_ctx.selectSize),
-                _ctx.nsSelect.em("input", "iOS")
-              ]),
+              class: vue.normalizeClass(_ctx.iOSInputKls),
               disabled: _ctx.selectDisabled,
               type: "text"
             }, null, 10, _hoisted_2$f)) : vue.createCommentVNode("v-if", true),
@@ -34670,9 +34683,7 @@
                 tag: "ul",
                 "wrap-class": _ctx.nsSelect.be("dropdown", "wrap"),
                 "view-class": _ctx.nsSelect.be("dropdown", "list"),
-                class: vue.normalizeClass([
-                  _ctx.nsSelect.is("empty", !_ctx.allowCreate && Boolean(_ctx.query) && _ctx.filteredOptionsCount === 0)
-                ])
+                class: vue.normalizeClass(_ctx.scrollbarKls)
               }, {
                 default: vue.withCtx(() => [
                   _ctx.showNewOption ? (vue.openBlock(), vue.createBlock(_component_el_option, {