beyond-webui 1.0.74 → 1.0.76

package/dist/index.full.js

@@ -18525,6 +18525,7 @@
     },
     format: String,
     valueFormat: String,
+    floatLabel: String,
     type: {
       type: String,
       default: ""
@@ -18716,19 +18717,23 @@
       const inputRef = vue.ref();
       const pickerVisible = vue.ref(false);
       const pickerActualVisible = vue.ref(false);
-      const memoStartPlaceholder = vue.ref(props.startPlaceholder);
+      const endInput = vue.ref();
+      const startInput = vue.ref();
+      const memoStartPlaceholder = vue.ref(props.floatLabel);
       const valueOnOpen = vue.ref(null);
       let hasJustTabExitedInput = false;
       let ignoreFocusEvent = false;
       vue.watch(pickerVisible, (val) => {
         if (!val) {
-          memoStartPlaceholder.value = props.startPlaceholder;
+          memoStartPlaceholder.value = props.floatLabel;
           userInput.value = null;
           vue.nextTick(() => {
             emitChange(props.modelValue);
           });
         } else {
-          memoStartPlaceholder.value = "";
+          memoStartPlaceholder.value = props.startPlaceholder;
+          endInput.value.blur();
+          startInput.value.blur();
           vue.nextTick(() => {
             if (val) {
               valueOnOpen.value = props.modelValue;
@@ -19253,23 +19258,26 @@
                   ]),
                   _: 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),
+                pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(_ctx.floatLabel), 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],
+                  ref_key: "startInput",
+                  ref: startInput,
                   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")),
+                  class: vue.normalizeClass([vue.unref(nsRange).b("input"), "start-input"]),
+                  style: vue.normalizeStyle({ width: !pickerVisible.value ? "78%" : "39%" }),
                   onMousedown: onMouseDownInput,
                   onInput: handleStartInput,
                   onChange: handleStartChange,
                   onFocus: handleFocusInput,
                   onBlur: handleBlurInput
-                }, null, 42, _hoisted_13$1),
+                }, null, 46, _hoisted_13$1),
                 vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19277,19 +19285,22 @@
                 ]),
                 vue.createElementVNode("input", {
                   id: _ctx.id && _ctx.id[1],
+                  ref_key: "endInput",
+                  ref: endInput,
+                  style: vue.normalizeStyle({ width: !pickerVisible.value ? 0 : "39%" }),
                   autocomplete: "off",
                   name: _ctx.name && _ctx.name[1],
-                  placeholder: _ctx.endPlaceholder,
+                  placeholder: pickerVisible.value ? _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")),
+                  class: vue.normalizeClass([vue.unref(nsRange).b("input"), "end-input"]),
                   onMousedown: onMouseDownInput,
                   onFocus: handleFocusInput,
                   onBlur: handleBlurInput,
                   onInput: handleEndInput,
                   onChange: handleEndChange
-                }, null, 42, _hoisted_14$1),
+                }, null, 46, _hoisted_14$1),
                 _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 3,
                   class: vue.normalizeClass([