beyond-webui 1.0.54 → 1.0.56

package/dist/index.full.js

@@ -13553,7 +13553,7 @@
   const _hoisted_1$12 = ["role"];
   const _hoisted_2$G = { class: "el-input__preStar" };
   const _hoisted_3$n = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-  const _hoisted_4$f = {
+  const _hoisted_4$g = {
     key: 0,
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -13974,7 +13974,7 @@
                   }, {
                     default: vue.withCtx(() => [
                       vue.createCommentVNode('              <component :is="passwordIcon" />'),
-                      passwordVisible.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$f, _hoisted_6$4)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$3, _hoisted_9$3))
+                      passwordVisible.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$g, _hoisted_6$4)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$3, _hoisted_9$3))
                     ]),
                     _: 1
                   }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
@@ -16117,7 +16117,11 @@
       type: Boolean,
       default: false
     },
-    name: String
+    name: String,
+    minValue: {
+      type: Number,
+      default: 0
+    }
   });
   const autocompleteEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
@@ -16132,6 +16136,10 @@
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$m = ["id", "aria-selected", "onClick"];
+  const _hoisted_4$f = {
+    key: 1,
+    class: "no-data"
+  };
   const COMPONENT_NAME$i = "ElAutocomplete";
   const __default__$1o = vue.defineComponent({
     name: COMPONENT_NAME$i,
@@ -16160,10 +16168,11 @@
       const activated = vue.ref(false);
       const suggestionDisabled = vue.ref(false);
       const loading = vue.ref(false);
+      const emptyTip = vue.ref("No result match");
       const listboxId = vue.computed(() => ns.b(String(generateId())));
       const styles = vue.computed(() => rawAttrs.style);
       const suggestionVisible = vue.computed(() => {
-        const isValidData = suggestions.value.length > 0;
+        const isValidData = props.minValue > 0 ? isArray$1(suggestions.value) : suggestions.value.length > 0;
         return (isValidData || loading.value) && activated.value;
       });
       const suggestionLoading = vue.computed(() => !props.hideLoading && loading.value);
@@ -16185,6 +16194,7 @@
       const getData = async (queryString) => {
         if (suggestionDisabled.value)
           return;
+        loading.value = true;
         const cb = (suggestionList) => {
           loading.value = false;
           if (suggestionDisabled.value)
@@ -16192,11 +16202,13 @@
           if (isArray$1(suggestionList)) {
             suggestions.value = suggestionList;
             highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+            if (suggestionList.length === 0) {
+              emptyTip.value = `No result match`;
+            }
           } else {
             throwError(COMPONENT_NAME$i, "autocomplete suggestions must be an array");
           }
         };
-        loading.value = true;
         if (isArray$1(props.fetchSuggestions)) {
           cb(props.fetchSuggestions);
         } else {
@@ -16210,6 +16222,13 @@
         const valuePresented = !!value;
         emit(INPUT_EVENT, value);
         emit(UPDATE_MODEL_EVENT, value);
+        emptyTip.value = "";
+        if (value.length < props.minValue) {
+          emptyTip.value = `Type ${props.minValue} characters to start search.`;
+          suggestionDisabled.value = true;
+          suggestions.value = [];
+          return;
+        }
         suggestionDisabled.value = false;
         isSelect.value = false;
         activated.value || (activated.value = valuePresented);
@@ -16232,11 +16251,12 @@
         emit(CHANGE_EVENT, value);
       };
       const handleFocus = (evt) => {
+        const str = String(props.modelValue);
         if (!ignoreFocusEvent) {
           activated.value = true;
           emit("focus", evt);
-          if (props.triggerOnFocus && !readonly) {
-            debouncedGetData(String(props.modelValue));
+          if (props.triggerOnFocus && !readonly && str.length >= props.minValue) {
+            debouncedGetData(str);
           }
         } else {
           ignoreFocusEvent = false;
@@ -16337,6 +16357,7 @@
         inputRef,
         popperRef,
         suggestions,
+        emptyTip,
         handleSelect,
         handleKeyEnter,
         focus,
@@ -16401,20 +16422,22 @@
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(suggestions.value, (item, index) => {
-                    return vue.openBlock(), vue.createElementBlock("li", {
-                      id: `${vue.unref(listboxId)}-item-${index}`,
-                      key: index,
-                      class: vue.normalizeClass({ highlighted: highlightedIndex.value === index }),
-                      role: "option",
-                      "aria-selected": highlightedIndex.value === index,
-                      onClick: ($event) => handleSelect(item)
-                    }, [
-                      vue.renderSlot(_ctx.$slots, "default", { item }, () => [
-                        vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
-                      ])
-                    ], 10, _hoisted_3$m);
-                  }), 128))
+                  ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    suggestions.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(suggestions.value, (item, index) => {
+                      return vue.openBlock(), vue.createElementBlock("li", {
+                        id: `${vue.unref(listboxId)}-item-${index}`,
+                        key: index,
+                        class: vue.normalizeClass({ highlighted: highlightedIndex.value === index }),
+                        role: "option",
+                        "aria-selected": highlightedIndex.value === index,
+                        onClick: ($event) => handleSelect(item)
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "default", { item }, () => [
+                          vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
+                        ])
+                      ], 10, _hoisted_3$m);
+                    }), 128)) : (vue.openBlock(), vue.createElementBlock("li", _hoisted_4$f, vue.toDisplayString(emptyTip.value), 1))
+                  ], 64))
                 ]),
                 _: 3
               }, 8, ["id", "wrap-class", "view-class"])
@@ -19098,152 +19121,159 @@
           onHide
         }), {
           default: vue.withCtx(() => [
-            !vue.unref(isRangeInput) ? (vue.openBlock(), vue.createBlock(vue.unref(ElInput), {
+            _ctx.$slots.open ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
-              id: _ctx.id,
-              ref_key: "inputRef",
-              ref: inputRef,
-              "pre-star": _ctx.preStar,
-              "container-role": "combobox",
-              "model-value": vue.unref(displayValue),
-              name: _ctx.name,
-              size: vue.unref(pickerSize),
-              disabled: vue.unref(pickerDisabled),
-              placeholder: _ctx.placeholder,
-              class: vue.normalizeClass([vue.unref(nsDate).b("editor"), vue.unref(nsDate).bm("editor", _ctx.type), _ctx.$attrs.class]),
-              style: vue.normalizeStyle(_ctx.$attrs.style),
-              readonly: !_ctx.editable || _ctx.readonly || vue.unref(isDatesPicker) || _ctx.type === "week",
-              label: _ctx.label,
-              tabindex: _ctx.tabindex,
-              "validate-event": false,
-              onInput: onUserInput,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput,
-              onKeydown: handleKeydownInput,
-              onChange: handleChange,
-              onMousedown: onMouseDownInput,
-              onMouseenter: onMouseEnter,
-              onMouseleave: onMouseLeave,
-              onTouchstart: onTouchStartInput,
-              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-              }, ["stop"]))
-            }, {
-              prefix: vue.withCtx(() => [
+              onClick: handleFocusInput
+            }, [
+              vue.renderSlot(_ctx.$slots, "open")
+            ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              !vue.unref(isRangeInput) ? (vue.openBlock(), vue.createBlock(vue.unref(ElInput), {
+                key: 0,
+                id: _ctx.id,
+                ref_key: "inputRef",
+                ref: inputRef,
+                "pre-star": _ctx.preStar,
+                "container-role": "combobox",
+                "model-value": vue.unref(displayValue),
+                name: _ctx.name,
+                size: vue.unref(pickerSize),
+                disabled: vue.unref(pickerDisabled),
+                placeholder: _ctx.placeholder,
+                class: vue.normalizeClass([vue.unref(nsDate).b("editor"), vue.unref(nsDate).bm("editor", _ctx.type), _ctx.$attrs.class]),
+                style: vue.normalizeStyle(_ctx.$attrs.style),
+                readonly: !_ctx.editable || _ctx.readonly || vue.unref(isDatesPicker) || _ctx.type === "week",
+                label: _ctx.label,
+                tabindex: _ctx.tabindex,
+                "validate-event": false,
+                onInput: onUserInput,
+                onFocus: handleFocusInput,
+                onBlur: handleBlurInput,
+                onKeydown: handleKeydownInput,
+                onChange: handleChange,
+                onMousedown: onMouseDownInput,
+                onMouseenter: onMouseEnter,
+                onMouseleave: onMouseLeave,
+                onTouchstart: onTouchStartInput,
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                prefix: vue.withCtx(() => [
+                  vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: 0,
+                    color: "#697386",
+                    size: "18px",
+                    class: vue.normalizeClass(vue.unref(nsInput).e("icon")),
+                    onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
+                    onTouchstart: onTouchStartInput
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e))
+                    ]),
+                    _: 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,
+                ref_key: "inputRef",
+                ref: inputRef,
+                class: vue.normalizeClass([
+                  vue.unref(nsDate).b("editor"),
+                  vue.unref(nsDate).bm("editor", _ctx.type),
+                  vue.unref(nsInput).e("wrapper"),
+                  vue.unref(nsDate).is("disabled", vue.unref(pickerDisabled)),
+                  vue.unref(nsDate).is("active", pickerVisible.value),
+                  vue.unref(nsRange).b("editor"),
+                  vue.unref(pickerSize) ? vue.unref(nsRange).bm("editor", vue.unref(pickerSize)) : "",
+                  _ctx.$attrs.class
+                ]),
+                style: vue.normalizeStyle(_ctx.$attrs.style),
+                onClick: handleFocusInput,
+                onMouseenter: onMouseEnter,
+                onMouseleave: onMouseLeave,
+                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")),
+                  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.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e))
+                    vue.unref(isTimeLikePicker) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
                   ]),
                   _: 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"])
+                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
+                pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(_ctx.startPlaceholder), 1)) : vue.createCommentVNode("v-if", true),
+                _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, _hoisted_12$1)) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("input", {
+                  id: _ctx.id && _ctx.id[0],
+                  autocomplete: "off",
+                  name: _ctx.name && _ctx.name[0],
+                  placeholder: memoStartPlaceholder.value,
+                  value: vue.unref(displayValue) && vue.unref(displayValue)[0],
+                  disabled: vue.unref(pickerDisabled),
+                  readonly: !_ctx.editable || _ctx.readonly,
+                  class: vue.normalizeClass(vue.unref(nsRange).b("input")),
+                  onMousedown: onMouseDownInput,
+                  onInput: handleStartInput,
+                  onChange: handleStartChange,
+                  onFocus: handleFocusInput,
+                  onBlur: handleBlurInput
+                }, null, 42, _hoisted_13$1),
+                vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
+                  }, vue.toDisplayString(_ctx.rangeSeparator), 3)
+                ]),
+                vue.createElementVNode("input", {
+                  id: _ctx.id && _ctx.id[1],
+                  autocomplete: "off",
+                  name: _ctx.name && _ctx.name[1],
+                  placeholder: _ctx.endPlaceholder,
+                  value: vue.unref(displayValue) && vue.unref(displayValue)[1],
+                  disabled: vue.unref(pickerDisabled),
+                  readonly: !_ctx.editable || _ctx.readonly,
+                  class: vue.normalizeClass(vue.unref(nsRange).b("input")),
+                  onMousedown: onMouseDownInput,
+                  onFocus: handleFocusInput,
+                  onBlur: handleBlurInput,
+                  onInput: handleEndInput,
+                  onChange: handleEndChange
+                }, null, 42, _hoisted_14$1),
+                _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 3,
+                  class: vue.normalizeClass([
+                    vue.unref(nsInput).e("icon"),
+                    vue.unref(nsRange).e("close-icon"),
+                    {
+                      [vue.unref(nsRange).e("close-icon--hidden")]: !showClose.value
+                    }
+                  ]),
+                  onClick: onClearIconClick
                 }, {
                   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,
-              ref_key: "inputRef",
-              ref: inputRef,
-              class: vue.normalizeClass([
-                vue.unref(nsDate).b("editor"),
-                vue.unref(nsDate).bm("editor", _ctx.type),
-                vue.unref(nsInput).e("wrapper"),
-                vue.unref(nsDate).is("disabled", vue.unref(pickerDisabled)),
-                vue.unref(nsDate).is("active", pickerVisible.value),
-                vue.unref(nsRange).b("editor"),
-                vue.unref(pickerSize) ? vue.unref(nsRange).bm("editor", vue.unref(pickerSize)) : "",
-                _ctx.$attrs.class
-              ]),
-              style: vue.normalizeStyle(_ctx.$attrs.style),
-              onClick: handleFocusInput,
-              onMouseenter: onMouseEnter,
-              onMouseleave: onMouseLeave,
-              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.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
-                ]),
-                _: 1
-              }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
-              pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(_ctx.startPlaceholder), 1)) : vue.createCommentVNode("v-if", true),
-              _ctx.preStar && !pickerVisible.value && (!vue.unref(displayValue) || vue.unref(displayValue).length === 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, _hoisted_12$1)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("input", {
-                id: _ctx.id && _ctx.id[0],
-                autocomplete: "off",
-                name: _ctx.name && _ctx.name[0],
-                placeholder: memoStartPlaceholder.value,
-                value: vue.unref(displayValue) && vue.unref(displayValue)[0],
-                disabled: vue.unref(pickerDisabled),
-                readonly: !_ctx.editable || _ctx.readonly,
-                class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-                onMousedown: onMouseDownInput,
-                onInput: handleStartInput,
-                onChange: handleStartChange,
-                onFocus: handleFocusInput,
-                onBlur: handleBlurInput
-              }, null, 42, _hoisted_13$1),
-              vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
-                }, vue.toDisplayString(_ctx.rangeSeparator), 3)
-              ]),
-              vue.createElementVNode("input", {
-                id: _ctx.id && _ctx.id[1],
-                autocomplete: "off",
-                name: _ctx.name && _ctx.name[1],
-                placeholder: _ctx.endPlaceholder,
-                value: vue.unref(displayValue) && vue.unref(displayValue)[1],
-                disabled: vue.unref(pickerDisabled),
-                readonly: !_ctx.editable || _ctx.readonly,
-                class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-                onMousedown: onMouseDownInput,
-                onFocus: handleFocusInput,
-                onBlur: handleBlurInput,
-                onInput: handleEndInput,
-                onChange: handleEndChange
-              }, null, 42, _hoisted_14$1),
-              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 3,
-                class: vue.normalizeClass([
-                  vue.unref(nsInput).e("icon"),
-                  vue.unref(nsRange).e("close-icon"),
-                  {
-                    [vue.unref(nsRange).e("close-icon--hidden")]: !showClose.value
-                  }
-                ]),
-                onClick: onClearIconClick
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ], 38))
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              ], 38))
+            ], 64))
           ]),
           content: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default", {
@@ -28543,7 +28573,8 @@
           "onUpdate:modelValue": onModelValueUpdated
         }), {
           default: (scopedProps) => vue.createVNode(Component, scopedProps, null),
-          "range-separator": slots["range-separator"]
+          "range-separator": slots["range-separator"],
+          "open": slots["open"]
         });
       };
     }
@@ -43685,6 +43716,7 @@
         this.bodyWidth.value = Math.max(bodyMinWidth, bodyWidth);
         this.table.state.resizeState.value.width = this.bodyWidth.value;
       } else {
+        const len = flattenColumns.length;
         flattenColumns.forEach((column, index) => {
           if (column.type === "expand") {
             column.realWidth = 35;
@@ -43692,7 +43724,7 @@
             column.realWidth = 80;
           } else {
             const tempWidth = this.isPercentageWidth && width && column.isCalPercentage ? Number.parseInt((width - this.percentageWidth) * Number(column.width) / 100) : Number(column.width || column.minWidth);
-            column.realWidth = index === flattenColumns.length - (this.isLastFixed ? 2 : 1) ? width - bodyMinWidth - this.percentageWidth : tempWidth;
+            column.realWidth = index === len - (this.isLastFixed ? 2 : 1) ? width - bodyMinWidth - (this.isLastFixed ? flattenColumns[len - 1].width : this.percentageWidth) : tempWidth;
           }
           bodyMinWidth += column.realWidth;
         });