beyond-webui 1.1.24 → 1.1.26

package/dist/index.full.js

@@ -13432,6 +13432,10 @@
       type: Boolean,
       default: true
     },
+    isHoverSuffix: {
+      type: Boolean,
+      default: false
+    },
     inputState: {
       type: Boolean,
       default: false
@@ -13985,20 +13989,8 @@
                   class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner")),
                   onClick: focus
                 }, [
-                  (!vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible)) && isShowFix.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.renderSlot(_ctx.$slots, "suffix"),
-                    _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(nsInput).e("icon"))
-                    }, {
-                      default: vue.withCtx(() => [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon)))
-                      ]),
-                      _: 1
-                    }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-                  ], 64)) : vue.createCommentVNode("v-if", true),
                   vue.unref(showClear) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                    key: 1,
+                    key: 0,
                     color: "#697386",
                     class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("clear")]),
                     onMousedown: vue.withModifiers(vue.unref(NOOP), ["prevent"]),
@@ -14011,7 +14003,7 @@
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
                   vue.unref(showPwdVisible) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                    key: 2,
+                    key: 1,
                     class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsInput).e("password")]),
                     size: 18,
                     onClick: handlePasswordVisible
@@ -14022,6 +14014,18 @@
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                  (!vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible)) && isShowFix.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                    _ctx.isHoverSuffix && hovering.value || !_ctx.isHoverSuffix ? vue.renderSlot(_ctx.$slots, "suffix", { key: 0 }) : vue.createCommentVNode("v-if", true),
+                    _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                      key: 1,
+                      class: vue.normalizeClass(vue.unref(nsInput).e("icon"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon)))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                  ], 64)) : vue.createCommentVNode("v-if", true),
                   vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 3,
                     class: vue.normalizeClass(vue.unref(nsInput).e("count"))
@@ -16133,6 +16137,10 @@
       type: Boolean,
       default: true
     },
+    isHoverSuffix: {
+      type: Boolean,
+      default: false
+    },
     selectWhenUnmatched: {
       type: Boolean,
       default: false
@@ -16509,6 +16517,7 @@
                 clearable: _ctx.clearable,
                 disabled: vue.unref(disabled),
                 name: _ctx.name,
+                "is-hover-suffix": _ctx.isHoverSuffix,
                 "model-value": _ctx.modelValue,
                 onInput: handleInput,
                 onChange: handleChange,
@@ -16548,7 +16557,7 @@
                     vue.renderSlot(_ctx.$slots, "suffix")
                   ])
                 } : void 0
-              ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
+              ]), 1040, ["clearable", "disabled", "name", "is-hover-suffix", "model-value", "onKeydown"])
             ], 14, _hoisted_1$$)
           ]),
           _: 3
@@ -18701,16 +18710,26 @@
     _hoisted_7$2
   ];
   const _hoisted_9$2 = {
+    key: 1,
+    class: "el-input__preStar"
+  };
+  const _hoisted_10$2 = /* @__PURE__ */ vue.createElementVNode("span", null, "*", -1);
+  const _hoisted_11$2 = [
+    _hoisted_10$2
+  ];
+  const _hoisted_12$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_13$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_14$1 = {
     key: 0,
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_10$2 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
+  const _hoisted_15$1 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
     /* @__PURE__ */ vue.createElementVNode("path", { d: "M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM13 12.433L7.94701 15.6L6.88601 13.9L11 11.325V6H13V12.433Z" })
   ], -1);
-  const _hoisted_11$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  const _hoisted_16$1 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
     /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_307" }, [
       /* @__PURE__ */ vue.createElementVNode("rect", {
         width: "24",
@@ -18719,21 +18738,21 @@
       })
     ])
   ], -1);
-  const _hoisted_12$1 = [
-    _hoisted_10$2,
-    _hoisted_11$2
+  const _hoisted_17$1 = [
+    _hoisted_15$1,
+    _hoisted_16$1
   ];
-  const _hoisted_13$1 = {
+  const _hoisted_18$1 = {
     key: 1,
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   };
-  const _hoisted_14$1 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+  const _hoisted_19$1 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
     /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
   ], -1);
-  const _hoisted_15$1 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  const _hoisted_20$1 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
     /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_1022_276" }, [
       /* @__PURE__ */ vue.createElementVNode("rect", {
         width: "24",
@@ -18742,20 +18761,10 @@
       })
     ])
   ], -1);
-  const _hoisted_16$1 = [
-    _hoisted_14$1,
-    _hoisted_15$1
+  const _hoisted_21$1 = [
+    _hoisted_19$1,
+    _hoisted_20$1
   ];
-  const _hoisted_17$1 = {
-    key: 2,
-    class: "el-input__preStar"
-  };
-  const _hoisted_18$1 = /* @__PURE__ */ vue.createElementVNode("span", null, "*", -1);
-  const _hoisted_19$1 = [
-    _hoisted_18$1
-  ];
-  const _hoisted_20$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_21$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const __default__$1g = vue.defineComponent({
     name: "Picker"
   });
@@ -19267,10 +19276,20 @@
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                 }, ["stop"]))
               }, {
-                prefix: vue.withCtx(() => [
-                  vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                suffix: vue.withCtx(() => [
+                  showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 0,
-                    color: "#697386",
+                    class: vue.normalizeClass(`${vue.unref(nsInput).e("icon")} clear-icon`),
+                    onClick: vue.withModifiers(onClearIconClick, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
+                  vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: 1,
+                    color: "#2A3F4D",
                     size: "18px",
                     class: vue.normalizeClass(vue.unref(nsInput).e("icon")),
                     onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
@@ -19282,18 +19301,6 @@
                     _: 1
                   }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
                 ]),
-                suffix: vue.withCtx(() => [
-                  showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                    key: 0,
-                    class: vue.normalizeClass(`${vue.unref(nsInput).e("icon")} clear-icon`),
-                    onClick: vue.withModifiers(onClearIconClick, ["stop"])
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-                    ]),
-                    _: 1
-                  }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-                ]),
                 _: 1
               }, 8, ["id", "pre-star", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "label", "tabindex", "onKeydown"])) : (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
@@ -19316,24 +19323,11 @@
                 onTouchstart: onTouchStartInput,
                 onKeydown: handleKeydownInput
               }, [
-                vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 0,
-                  color: "#697386",
-                  size: "18px",
-                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")]),
-                  onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
-                  onTouchstart: onTouchStartInput
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$2, _hoisted_12$1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_13$1, _hoisted_16$1))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
                 pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 || isError.value ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 1,
+                  key: 0,
                   class: vue.normalizeClass({ "time-float": _ctx.floatLabel })
                 }, vue.toDisplayString(_ctx.floatLabel), 3)) : vue.createCommentVNode("v-if", true),
-                _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, _hoisted_19$1)) : vue.createCommentVNode("v-if", true),
+                _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, _hoisted_11$2)) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("input", {
                   id: _ctx.id && _ctx.id[0],
                   ref_key: "startInput",
@@ -19353,7 +19347,7 @@
                   onChange: handleStartChange,
                   onFocus: handleFocusInput,
                   onBlur: handleBlurInput
-                }, null, 46, _hoisted_20$1),
+                }, null, 46, _hoisted_12$1),
                 vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19378,9 +19372,9 @@
                   onBlur: handleBlurInput,
                   onInput: handleEndInput,
                   onChange: handleEndChange
-                }, null, 46, _hoisted_21$1),
+                }, null, 46, _hoisted_13$1),
                 _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                  key: 3,
+                  key: 2,
                   class: vue.normalizeClass([
                     vue.unref(nsInput).e("icon"),
                     vue.unref(nsRange).e("close-icon"),
@@ -19394,7 +19388,20 @@
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
                   ]),
                   _: 1
-                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+                vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 3,
+                  color: "#2A3F4D",
+                  size: "18px",
+                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")]),
+                  onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
+                  onTouchstart: onTouchStartInput
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_14$1, _hoisted_17$1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_18$1, _hoisted_21$1))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
               ], 38))
             ], 64))
           ]),