@element-plus/nightly 0.0.20220122 → 0.0.20220123

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220122 */
+/*! Element Plus v0.0.20220123 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4544,7 +4544,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220122";
+	const version$1 = "0.0.20220123";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -10019,6 +10019,7 @@
 	    "select"
 	  ],
 	  setup(props, ctx) {
+	    const ns = useNamespace("autocomplete");
 	    const attrs = useAttrs();
 	    const suggestions = vue.ref([]);
 	    const highlightedIndex = vue.ref(-1);
@@ -10030,7 +10031,7 @@
 	    const regionRef = vue.ref(null);
 	    const popper = vue.ref(null);
 	    const id = vue.computed(() => {
-	      return `el-autocomplete-${generateId()}`;
+	      return ns.b(String(generateId()));
 	    });
 	    const suggestionVisible = vue.computed(() => {
 	      const isValidData = isArray$9(suggestions.value) && suggestions.value.length > 0;
@@ -10137,8 +10138,8 @@
 	      if (index >= suggestions.value.length) {
 	        index = suggestions.value.length - 1;
 	      }
-	      const suggestion = regionRef.value.querySelector(".el-autocomplete-suggestion__wrap");
-	      const suggestionList = suggestion.querySelectorAll(".el-autocomplete-suggestion__list li");
+	      const suggestion = regionRef.value.querySelector(`.${ns.be("suggestion", "wrap")}`);
+	      const suggestionList = suggestion.querySelectorAll(`.${ns.be("suggestion", "list")} li`);
 	      const highlightItem = suggestionList[index];
 	      const scrollTop = suggestion.scrollTop;
 	      const { offsetTop, scrollHeight } = highlightItem;
@@ -10176,7 +10177,8 @@
 	      focus,
 	      select,
 	      highlight,
-	      onSuggestionShow
+	      onSuggestionShow,
+	      ns
 	    };
 	  }
 	});
@@ -10196,32 +10198,29 @@
 	    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.suggestionVisible = $event),
 	    placement: _ctx.placement,
 	    "fallback-placements": ["bottom-start", "top-start"],
-	    "popper-class": `el-autocomplete__popper ${_ctx.popperClass}`,
+	    "popper-class": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
 	    "append-to-body": _ctx.popperAppendToBody,
 	    "gpu-acceleration": false,
 	    pure: "",
 	    "manual-mode": "",
 	    effect: "light",
 	    trigger: "click",
-	    transition: "el-zoom-in-top",
+	    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
 	    persistent: "",
 	    onShow: _ctx.onSuggestionShow
 	  }, {
 	    content: vue.withCtx(() => [
 	      vue.createElementVNode("div", {
 	        ref: "regionRef",
-	        class: vue.normalizeClass([
-	          "el-autocomplete-suggestion",
-	          _ctx.suggestionLoading && "is-loading"
-	        ]),
+	        class: vue.normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
 	        style: vue.normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
 	        role: "region"
 	      }, [
 	        vue.createVNode(_component_el_scrollbar, {
 	          id: _ctx.id,
 	          tag: "ul",
-	          "wrap-class": "el-autocomplete-suggestion__wrap",
-	          "view-class": "el-autocomplete-suggestion__list",
+	          "wrap-class": _ctx.ns.be("suggestion", "wrap"),
+	          "view-class": _ctx.ns.be("suggestion", "list"),
 	          role: "listbox"
 	        }, {
 	          default: vue.withCtx(() => [
@@ -10248,12 +10247,12 @@
 	            }), 128))
 	          ]),
 	          _: 3
-	        }, 8, ["id"])
+	        }, 8, ["id", "wrap-class", "view-class"])
 	      ], 6)
 	    ]),
 	    default: vue.withCtx(() => [
 	      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-	        class: vue.normalizeClass(["el-autocomplete", _ctx.$attrs.class]),
+	        class: vue.normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
 	        style: vue.normalizeStyle(_ctx.$attrs.style),
 	        role: "combobox",
 	        "aria-haspopup": "listbox",
@@ -10304,7 +10303,7 @@
 	      ])
 	    ]),
 	    _: 3
-	  }, 8, ["visible", "placement", "popper-class", "append-to-body", "onShow"]);
+	  }, 8, ["visible", "placement", "popper-class", "append-to-body", "transition", "onShow"]);
 	}
 	var Autocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$1X, [["render", _sfc_render$1S]]);
 
@@ -10449,6 +10448,7 @@
 	  props: backtopProps,
 	  emits: backtopEmits,
 	  setup(props, { emit }) {
+	    const ns = useNamespace("backtop");
 	    const el = vue.shallowRef(document.documentElement);
 	    const container = vue.shallowRef(document);
 	    const visible = vue.ref(false);
@@ -10495,14 +10495,17 @@
 	      visible,
 	      styleBottom,
 	      styleRight,
-	      handleClick
+	      handleClick,
+	      ns
 	    };
 	  }
 	});
 	function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_caret_top = vue.resolveComponent("caret-top");
 	  const _component_el_icon = vue.resolveComponent("el-icon");
-	  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-fade-in" }, {
+	  return vue.openBlock(), vue.createBlock(vue.Transition, {
+	    name: `${_ctx.ns.namespace.value}-fade-in`
+	  }, {
 	    default: vue.withCtx(() => [
 	      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
 	        key: 0,
@@ -10510,21 +10513,23 @@
 	          right: _ctx.styleRight,
 	          bottom: _ctx.styleBottom
 	        }),
-	        class: "el-backtop",
+	        class: vue.normalizeClass(_ctx.ns.b()),
 	        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
 	      }, [
 	        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-	          vue.createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
+	          vue.createVNode(_component_el_icon, {
+	            class: vue.normalizeClass(_ctx.ns.e("icon"))
+	          }, {
 	            default: vue.withCtx(() => [
 	              vue.createVNode(_component_caret_top)
 	            ]),
 	            _: 1
-	          })
+	          }, 8, ["class"])
 	        ])
-	      ], 4)) : vue.createCommentVNode("v-if", true)
+	      ], 6)) : vue.createCommentVNode("v-if", true)
 	    ]),
 	    _: 3
-	  });
+	  }, 8, ["name"]);
 	}
 	var Backtop = /* @__PURE__ */ _export_sfc$1(_sfc_main$1V, [["render", _sfc_render$1Q]]);