beyond-webui 1.0.77 → 1.0.79

package/dist/index.full.js

@@ -18717,10 +18717,12 @@
       const inputRef = vue.ref();
       const pickerVisible = vue.ref(false);
       const pickerActualVisible = vue.ref(false);
+      const isError = vue.ref(false);
       const endInput = vue.ref();
       const startInput = vue.ref();
       const memoStartPlaceholder = vue.ref(props.floatLabel);
       const valueOnOpen = vue.ref(null);
+      const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
       let hasJustTabExitedInput = false;
       let ignoreFocusEvent = false;
       vue.watch(pickerVisible, (val) => {
@@ -19120,6 +19122,10 @@
       const onCalendarChange = (e) => {
         emit("calendar-change", e);
       };
+      vue.watch(() => validateState.value, (val) => {
+        isError.value = val === "error";
+        memoStartPlaceholder.value = isError.value ? props.startPlaceholder : props.floatLabel;
+      }, { immediate: true });
       const onPanelChange = (value, mode, view) => {
         emit("panel-change", value, mode, view);
       };
@@ -19256,7 +19262,7 @@
                   ]),
                   _: 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.floatLabel), 1)) : vue.createCommentVNode("v-if", true),
+                pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 || isError.value ? (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],
@@ -19269,7 +19275,9 @@
                   disabled: vue.unref(pickerDisabled),
                   readonly: !_ctx.editable || _ctx.readonly,
                   class: vue.normalizeClass([vue.unref(nsRange).b("input"), "start-input"]),
-                  style: vue.normalizeStyle({ width: !pickerVisible.value ? "78%" : "39%" }),
+                  style: vue.normalizeStyle({
+                    width: !pickerVisible.value && !vue.unref(displayValue)[0] ? "78%" : "39%"
+                  }),
                   onMousedown: onMouseDownInput,
                   onInput: handleStartInput,
                   onChange: handleStartChange,
@@ -19285,10 +19293,12 @@
                   id: _ctx.id && _ctx.id[1],
                   ref_key: "endInput",
                   ref: endInput,
-                  style: vue.normalizeStyle({ width: !pickerVisible.value ? 0 : "39%" }),
+                  style: vue.normalizeStyle({
+                    width: !(pickerVisible.value || isError.value) && !vue.unref(displayValue)[1] ? 0 : "39%"
+                  }),
                   autocomplete: "off",
                   name: _ctx.name && _ctx.name[1],
-                  placeholder: pickerVisible.value ? _ctx.endPlaceholder : "",
+                  placeholder: pickerVisible.value || isError.value ? _ctx.endPlaceholder : "",
                   value: vue.unref(displayValue) && vue.unref(displayValue)[1],
                   disabled: vue.unref(pickerDisabled),
                   readonly: !_ctx.editable || _ctx.readonly,