@hbdlzy/ui-core 0.1.5 → 0.1.6

package/dist/index.js

@@ -179,20 +179,20 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$3 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "base-card__header"
 };
-const _hoisted_2$1 = { class: "base-card__header-left" };
-const _hoisted_3$1 = {
+const _hoisted_2$8 = { class: "base-card__header-left" };
+const _hoisted_3$3 = {
   key: 0,
   class: "base-card__title-wrap"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 0,
   class: "base-card__title-marker"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 2,
   class: "base-card__title"
 };
@@ -307,11 +307,11 @@ const _sfc_main$a = defineComponent({
         class: "base-card",
         style: normalizeStyle(cardStyles.value)
       }, [
-        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          createElementVNode("div", _hoisted_2$1, [
-            hasTitleBlock.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              __props.showTitleMarker ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("", true),
-              _ctx.$slots["title-label"] ? renderSlot(_ctx.$slots, "title-label", { key: 1 }, void 0, true) : (openBlock(), createElementBlock("h4", _hoisted_5$1, toDisplayString(__props.title), 1))
+        shouldRenderHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+          createElementVNode("div", _hoisted_2$8, [
+            hasTitleBlock.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              __props.showTitleMarker ? (openBlock(), createElementBlock("span", _hoisted_4$2)) : createCommentVNode("", true),
+              _ctx.$slots["title-label"] ? renderSlot(_ctx.$slots, "title-label", { key: 1 }, void 0, true) : (openBlock(), createElementBlock("h4", _hoisted_5$2, toDisplayString(__props.title), 1))
             ])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "title", {}, void 0, true)
           ]),
@@ -341,17 +341,17 @@ const _sfc_main$a = defineComponent({
 });
 var BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6bfddf1c"]]);
 var BaseTable_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$2 = { class: "base-table" };
-const _hoisted_2 = {
+const _hoisted_1$7 = { class: "base-table" };
+const _hoisted_2$7 = {
   key: 0,
   class: "base-table__toolbar"
 };
-const _hoisted_3 = { class: "base-table__toolbar-left" };
-const _hoisted_4 = {
+const _hoisted_3$2 = { class: "base-table__toolbar-left" };
+const _hoisted_4$1 = {
   key: 0,
   class: "base-table__toolbar-right"
 };
-const _hoisted_5 = { class: "base-table__header" };
+const _hoisted_5$1 = { class: "base-table__header" };
 const _hoisted_6 = { class: "base-table__header-label" };
 const _hoisted_7 = { class: "base-table__header-actions" };
 const _hoisted_8 = { class: "base-table__header-search-footer" };
@@ -1058,12 +1058,12 @@ const _sfc_main$9 = defineComponent({
       const _component_el_tag = resolveComponent("el-tag");
       const _component_el_table = resolveComponent("el-table");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        shouldRenderToolbar.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        shouldRenderToolbar.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_3$2, [
             renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
           ]),
-          __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
             createVNode(_component_el_pagination, {
               small: "",
               background: "",
@@ -1198,7 +1198,7 @@ const _sfc_main$9 = defineComponent({
                 } : shouldRenderBuiltInHeader(column) ? {
                   name: "header",
                   fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_5, [
+                    createElementVNode("div", _hoisted_5$1, [
                       createElementVNode("span", _hoisted_6, toDisplayString(column.label), 1),
                       createElementVNode("div", _hoisted_7, [
                         createVNode(_component_el_dropdown, {
@@ -1877,7 +1877,15 @@ const _sfc_main$7 = defineComponent({
   }
 });
 var OutlinedInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$1 = { class: "outlined-input__suffix-text" };
+const _hoisted_1$6 = { class: "outlined-input__suffix-text" };
+const _hoisted_2$6 = {
+  key: 0,
+  class: "outlined-input__required"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "outlined-input__error"
+};
 const _sfc_main$6 = defineComponent({
   ...{
     name: "OutlinedInput",
@@ -1902,7 +1910,10 @@ const _sfc_main$6 = defineComponent({
     clearable: { type: Boolean, default: false },
     showWordLimit: { type: Boolean, default: true },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "warning", "focus", "blur", "change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1934,6 +1945,7 @@ const _sfc_main$6 = defineComponent({
     });
     const containerClasses = computed(() => ({
       "outlined-input--bordered": props.isBorder,
+      "outlined-input--error": hasError.value,
       "outlined-input--textarea-default": resolvedType.value === "textarea" && !hasTextareaAutosize.value
     }));
     const containerStyle = computed(() => ({
@@ -1949,6 +1961,9 @@ const _sfc_main$6 = defineComponent({
       };
     });
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => hasFilledValue(inputValue.value));
     const labelClasses = computed(() => ({
       "outlined-input__label--floating": focused.value || hasContent.value,
@@ -2006,6 +2021,15 @@ const _sfc_main$6 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a2;
@@ -2037,7 +2061,7 @@ const _sfc_main$6 = defineComponent({
         }, inputAttrs.value, {
           "model-value": inputValue.value,
           type: resolvedType.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           maxlength: __props.maxlength,
           max: __props.max,
@@ -2046,6 +2070,7 @@ const _sfc_main$6 = defineComponent({
           "show-word-limit": __props.showWordLimit,
           clearable: __props.clearable,
           style: inputStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -2077,22 +2102,34 @@ const _sfc_main$6 = defineComponent({
             name: "suffix",
             fn: withCtx(() => [
               renderSlot(_ctx.$slots, "suffix", {}, () => [
-                createElementVNode("span", _hoisted_1$1, toDisplayString(__props.suffixText), 1)
+                createElementVNode("span", _hoisted_1$6, toDisplayString(__props.suffixText), 1)
               ], true)
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["model-value", "type", "placeholder", "disabled", "maxlength", "max", "min", "show-password", "show-word-limit", "clearable", "style"]),
+        ]), 1040, ["model-value", "type", "placeholder", "disabled", "maxlength", "max", "min", "show-password", "show-word-limit", "clearable", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-input__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$6, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2bf89ccd"]]);
+var OutlinedInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3c232c9a"]]);
 var OutlinedSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$5 = {
+  key: 0,
+  class: "outlined-select__required"
+};
+const _hoisted_2$5 = {
+  key: 1,
+  class: "outlined-select__error"
+};
 const _sfc_main$5 = defineComponent({
   ...{
     name: "OutlinedSelect",
@@ -2119,7 +2156,10 @@ const _sfc_main$5 = defineComponent({
     noCheck: { type: Boolean, default: false },
     maxCollapseTags: { default: 5 },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2146,7 +2186,8 @@ const _sfc_main$5 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-select--bordered": props.isBorder
+      "outlined-select--bordered": props.isBorder,
+      "outlined-select--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -2157,6 +2198,9 @@ const _sfc_main$5 = defineComponent({
       height: props.multiple ? "auto" : `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasCustomOptionsSlot = computed(() => Boolean(slots.default));
     const hasContent = computed(() => {
       if (props.multiple) {
@@ -2240,6 +2284,15 @@ const _sfc_main$5 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -2283,7 +2336,7 @@ const _sfc_main$5 = defineComponent({
         }, selectAttrs.value, {
           class: "outlined-select__control",
           "model-value": selectValue.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           multiple: __props.multiple,
           filterable: __props.filterable,
@@ -2292,6 +2345,7 @@ const _sfc_main$5 = defineComponent({
           "collapse-tags-tooltip": __props.collapseTagsTooltip,
           "max-collapse-tags": __props.maxCollapseTags,
           style: selectStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -2322,17 +2376,29 @@ const _sfc_main$5 = defineComponent({
             }), 128))
           ]),
           _: 3
-        }, 16, ["model-value", "placeholder", "disabled", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "style"]),
+        }, 16, ["model-value", "placeholder", "disabled", "multiple", "filterable", "clearable", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-select__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$5, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7bd2b5f2"]]);
+var OutlinedSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2a354461"]]);
 var OutlinedDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$4 = {
+  key: 0,
+  class: "outlined-date-picker__required"
+};
+const _hoisted_2$4 = {
+  key: 1,
+  class: "outlined-date-picker__error"
+};
 const _sfc_main$4 = defineComponent({
   ...{
     name: "OutlinedDatePicker",
@@ -2354,7 +2420,10 @@ const _sfc_main$4 = defineComponent({
     isBorder: { type: Boolean, default: false },
     disabledDate: { type: [String, Number, Date, Function], default: void 0 },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2428,7 +2497,8 @@ const _sfc_main$4 = defineComponent({
       };
     });
     const containerClasses = computed(() => ({
-      "outlined-date-picker--bordered": props.isBorder
+      "outlined-date-picker--bordered": props.isBorder,
+      "outlined-date-picker--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -2438,6 +2508,9 @@ const _sfc_main$4 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => hasFilledValue(pickerValue.value));
     const labelClasses = computed(() => ({
       "outlined-date-picker__label--floating": focused.value || hasContent.value,
@@ -2518,6 +2591,15 @@ const _sfc_main$4 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a2, _b;
@@ -2552,24 +2634,29 @@ const _sfc_main$4 = defineComponent({
           type: __props.typeDate,
           format: __props.format,
           "value-format": resolvedValueFormat.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           style: pickerStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange
-        }), null, 16, ["model-value", "type", "format", "value-format", "placeholder", "disabled", "style"]),
+        }), null, 16, ["model-value", "type", "format", "value-format", "placeholder", "disabled", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-date-picker__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$4, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c95a293c"]]);
+var OutlinedDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-47219caf"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dayjs_min = { exports: {} };
 (function(module, exports) {
@@ -2863,7 +2950,20 @@ var dayjs_min = { exports: {} };
 })(dayjs_min);
 var dayjs = dayjs_min.exports;
 var OutlinedDateTimePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = { class: "outlined-date-time-picker__separator" };
+const _hoisted_1$3 = { class: "outlined-date-time-picker__inner" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "outlined-date-time-picker__required"
+};
+const _hoisted_3 = { class: "outlined-date-time-picker__separator" };
+const _hoisted_4 = {
+  key: 0,
+  class: "outlined-date-time-picker__required"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "outlined-date-time-picker__error"
+};
 const _sfc_main$3 = defineComponent({
   ...{
     name: "OutlinedDateTimePicker",
@@ -2881,7 +2981,10 @@ const _sfc_main$3 = defineComponent({
     timePlaceholder: { default: "\u65F6\u95F4" },
     clearable: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -2908,16 +3011,24 @@ const _sfc_main$3 = defineComponent({
     const rootClass = computed(() => attrs.class);
     const rootStyle = computed(() => attrs.style);
     const floatingLabel = computed(() => props.label || props.placeholder || "");
-    const fieldClasses = computed(() => ({
-      "outlined-date-time-picker__field--bordered": props.isBorder
+    const containerClasses = computed(() => ({
+      "outlined-date-time-picker--error": hasError.value
     }));
-    const fieldStyle = computed(() => ({
+    const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
       paddingTop: toCssValue(props.paddingTop)
     }));
+    const fieldClasses = computed(() => ({
+      "outlined-date-time-picker__field--bordered": props.isBorder,
+      "outlined-date-time-picker__field--error": hasError.value
+    }));
     const controlStyle = computed(() => ({
       height: `${props.inputHeight}px`
     }));
+    const datePlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const timeControlPlaceholder = computed(() => addRequiredMark(props.timePlaceholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const resolvedDisabledDate = computed(() => createDisabledDateHandler(props.disabledDate));
     const resolvedDisabledHours = computed(() => {
       if (!shouldLimitCurrentTime()) {
@@ -3051,6 +3162,15 @@ const _sfc_main$3 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focusDate: () => {
         var _a, _b;
@@ -3083,70 +3203,87 @@ const _sfc_main$3 = defineComponent({
       const _component_el_date_picker = resolveComponent("el-date-picker");
       const _component_el_time_picker = resolveComponent("el-time-picker");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["outlined-date-time-picker", [rootClass.value]]),
-        style: normalizeStyle(rootStyle.value)
+        class: normalizeClass(["outlined-date-time-picker", [containerClasses.value, rootClass.value]]),
+        style: normalizeStyle([containerStyle.value, rootStyle.value])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value]),
-          style: normalizeStyle(fieldStyle.value)
-        }, [
-          createVNode(_component_el_date_picker, {
-            ref_key: "datePickerRef",
-            ref: datePickerRef,
-            class: "outlined-date-time-picker__control",
-            "model-value": dateValue.value,
-            type: "date",
-            format: "YYYY-MM-DD",
-            "value-format": "YYYY-MM-DD",
-            placeholder: __props.placeholder,
-            clearable: __props.clearable,
-            "disabled-date": resolvedDisabledDate.value,
-            style: normalizeStyle(controlStyle.value),
-            "onUpdate:modelValue": handleDateUpdate,
-            onFocus: _cache[0] || (_cache[0] = ($event) => handleFocus("date")),
-            onBlur: _cache[1] || (_cache[1] = ($event) => handleBlur("date", $event)),
-            onChange: handleDateChange,
-            onVisibleChange: _cache[2] || (_cache[2] = ($event) => handleVisibleChange("date", $event))
-          }, null, 8, ["model-value", "placeholder", "clearable", "disabled-date", "style"]),
-          floatingLabel.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["outlined-date-time-picker__label", dateLabelClasses.value])
-          }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
-        ], 6),
-        createElementVNode("span", _hoisted_1, toDisplayString(__props.separatorText), 1),
-        createElementVNode("div", {
-          class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value]),
-          style: normalizeStyle(fieldStyle.value)
-        }, [
-          createVNode(_component_el_time_picker, {
-            ref_key: "timePickerRef",
-            ref: timePickerRef,
-            class: "outlined-date-time-picker__control",
-            "model-value": timeValue.value,
-            format: "HH:mm",
-            "value-format": "HH:mm",
-            placeholder: __props.timePlaceholder,
-            clearable: __props.clearable,
-            disabled: !dateValue.value,
-            "disabled-hours": resolvedDisabledHours.value,
-            "disabled-minutes": resolvedDisabledMinutes.value,
-            style: normalizeStyle(controlStyle.value),
-            "onUpdate:modelValue": handleTimeUpdate,
-            onFocus: _cache[3] || (_cache[3] = ($event) => handleFocus("time")),
-            onBlur: _cache[4] || (_cache[4] = ($event) => handleBlur("time", $event)),
-            onChange: handleTimeChange,
-            onVisibleChange: _cache[5] || (_cache[5] = ($event) => handleVisibleChange("time", $event))
-          }, null, 8, ["model-value", "placeholder", "clearable", "disabled", "disabled-hours", "disabled-minutes", "style"]),
+        createElementVNode("div", _hoisted_1$3, [
+          createElementVNode("div", {
+            class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value])
+          }, [
+            createVNode(_component_el_date_picker, {
+              ref_key: "datePickerRef",
+              ref: datePickerRef,
+              class: "outlined-date-time-picker__control",
+              "model-value": dateValue.value,
+              type: "date",
+              format: "YYYY-MM-DD",
+              "value-format": "YYYY-MM-DD",
+              placeholder: datePlaceholder.value,
+              clearable: __props.clearable,
+              "disabled-date": resolvedDisabledDate.value,
+              style: normalizeStyle(controlStyle.value),
+              "aria-invalid": hasError.value ? "true" : void 0,
+              "onUpdate:modelValue": handleDateUpdate,
+              onFocus: _cache[0] || (_cache[0] = ($event) => handleFocus("date")),
+              onBlur: _cache[1] || (_cache[1] = ($event) => handleBlur("date", $event)),
+              onChange: handleDateChange,
+              onVisibleChange: _cache[2] || (_cache[2] = ($event) => handleVisibleChange("date", $event))
+            }, null, 8, ["model-value", "placeholder", "clearable", "disabled-date", "style", "aria-invalid"]),
+            floatingLabel.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["outlined-date-time-picker__label", dateLabelClasses.value])
+            }, [
+              __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$3, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+            ], 2)) : createCommentVNode("", true)
+          ], 2),
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.separatorText), 1),
           createElementVNode("div", {
-            class: normalizeClass(["outlined-date-time-picker__label", timeLabelClasses.value])
-          }, toDisplayString(__props.timePlaceholder), 3)
-        ], 6)
+            class: normalizeClass(["outlined-date-time-picker__field", fieldClasses.value])
+          }, [
+            createVNode(_component_el_time_picker, {
+              ref_key: "timePickerRef",
+              ref: timePickerRef,
+              class: "outlined-date-time-picker__control",
+              "model-value": timeValue.value,
+              format: "HH:mm",
+              "value-format": "HH:mm",
+              placeholder: timeControlPlaceholder.value,
+              clearable: __props.clearable,
+              disabled: !dateValue.value,
+              "disabled-hours": resolvedDisabledHours.value,
+              "disabled-minutes": resolvedDisabledMinutes.value,
+              style: normalizeStyle(controlStyle.value),
+              "aria-invalid": hasError.value ? "true" : void 0,
+              "onUpdate:modelValue": handleTimeUpdate,
+              onFocus: _cache[3] || (_cache[3] = ($event) => handleFocus("time")),
+              onBlur: _cache[4] || (_cache[4] = ($event) => handleBlur("time", $event)),
+              onChange: handleTimeChange,
+              onVisibleChange: _cache[5] || (_cache[5] = ($event) => handleVisibleChange("time", $event))
+            }, null, 8, ["model-value", "placeholder", "clearable", "disabled", "disabled-hours", "disabled-minutes", "style", "aria-invalid"]),
+            createElementVNode("div", {
+              class: normalizeClass(["outlined-date-time-picker__label", timeLabelClasses.value])
+            }, [
+              __props.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(__props.timePlaceholder), 1)
+            ], 2)
+          ], 2)
+        ]),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedDateTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f2fefd22"]]);
+var OutlinedDateTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ee2ef524"]]);
 var OutlinedTimePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$2 = {
+  key: 0,
+  class: "outlined-time-picker__required"
+};
+const _hoisted_2$2 = {
+  key: 1,
+  class: "outlined-time-picker__error"
+};
 const _sfc_main$2 = defineComponent({
   ...{
     name: "OutlinedTimePicker",
@@ -3169,7 +3306,10 @@ const _sfc_main$2 = defineComponent({
     inputHeight: { default: 40 },
     isBorder: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3196,7 +3336,8 @@ const _sfc_main$2 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-time-picker--bordered": props.isBorder
+      "outlined-time-picker--bordered": props.isBorder,
+      "outlined-time-picker--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3206,6 +3347,11 @@ const _sfc_main$2 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const controlStartPlaceholder = computed(() => addRequiredMark(props.startPlaceholder));
+    const controlEndPlaceholder = computed(() => addRequiredMark(props.endPlaceholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => {
       if (Array.isArray(pickerValue.value)) {
         return pickerValue.value.length > 0;
@@ -3275,6 +3421,15 @@ const _sfc_main$2 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3316,31 +3471,44 @@ const _sfc_main$2 = defineComponent({
           "is-range": __props.isRange,
           format: __props.format,
           "value-format": resolvedValueFormat.value,
-          placeholder: __props.placeholder,
-          "start-placeholder": __props.startPlaceholder,
-          "end-placeholder": __props.endPlaceholder,
+          placeholder: controlPlaceholder.value,
+          "start-placeholder": controlStartPlaceholder.value,
+          "end-placeholder": controlEndPlaceholder.value,
           "range-separator": __props.rangeSeparator,
           disabled: __props.disabled,
           clearable: __props.clearable,
           "arrow-control": __props.arrowControl,
           style: pickerStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange,
           onClear: handleClear
-        }), null, 16, ["model-value", "is-range", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "disabled", "clearable", "arrow-control", "style"]),
+        }), null, 16, ["model-value", "is-range", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "disabled", "clearable", "arrow-control", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-time-picker__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$2, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6a467b88"]]);
+var OutlinedTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0257087e"]]);
 var OutlinedCascader_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "outlined-cascader__required"
+};
+const _hoisted_2$1 = {
+  key: 1,
+  class: "outlined-cascader__error"
+};
 const _sfc_main$1 = defineComponent({
   ...{
     name: "OutlinedCascader",
@@ -3361,7 +3529,10 @@ const _sfc_main$1 = defineComponent({
     filterable: { type: Boolean, default: true },
     levels: { type: Boolean, default: true },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3387,7 +3558,8 @@ const _sfc_main$1 = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-cascader--bordered": props.isBorder
+      "outlined-cascader--bordered": props.isBorder,
+      "outlined-cascader--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3398,6 +3570,9 @@ const _sfc_main$1 = defineComponent({
       height: `${props.inputHeight}px`
     }));
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => cascaderValue.value.length > 0);
     const labelClasses = computed(() => ({
       "outlined-cascader__label--floating": focused.value || hasContent.value,
@@ -3447,6 +3622,15 @@ const _sfc_main$1 = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3482,28 +3666,41 @@ const _sfc_main$1 = defineComponent({
           options: __props.options,
           props: __props.propsValue,
           clearable: __props.clearable,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           filterable: __props.filterable,
           "show-all-levels": __props.levels,
           disabled: __props.disabled,
           "popper-class": __props.popperClass,
           style: cascaderStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
           onChange: handleChange,
           onVisibleChange: handleVisibleChange
-        }), null, 16, ["model-value", "options", "props", "clearable", "placeholder", "filterable", "show-all-levels", "disabled", "popper-class", "style"]),
+        }), null, 16, ["model-value", "options", "props", "clearable", "placeholder", "filterable", "show-all-levels", "disabled", "popper-class", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-cascader__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$1, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedCascader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2c93c0e4"]]);
+var OutlinedCascader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-033e3fab"]]);
 var OutlinedTreeSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1 = {
+  key: 0,
+  class: "outlined-tree-select__required"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "outlined-tree-select__error"
+};
 const _sfc_main = defineComponent({
   ...{
     name: "OutlinedTreeSelect",
@@ -3538,7 +3735,10 @@ const _sfc_main = defineComponent({
     inputHeight: { default: 40 },
     isBorder: { type: Boolean, default: false },
     marginBottom: { default: 20 },
-    paddingTop: { default: 20 }
+    paddingTop: { default: 20 },
+    required: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    errorMessage: { default: "" }
   },
   emits: ["input", "update:value", "change", "focus", "blur", "visible-change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3564,7 +3764,8 @@ const _sfc_main = defineComponent({
       return rest;
     });
     const containerClasses = computed(() => ({
-      "outlined-tree-select--bordered": props.isBorder
+      "outlined-tree-select--bordered": props.isBorder,
+      "outlined-tree-select--error": hasError.value
     }));
     const containerStyle = computed(() => ({
       marginBottom: toCssValue(props.marginBottom),
@@ -3586,6 +3787,9 @@ const _sfc_main = defineComponent({
       };
     });
     const floatingLabel = computed(() => props.label || props.placeholder || "");
+    const controlPlaceholder = computed(() => addRequiredMark(props.placeholder));
+    const hasError = computed(() => Boolean(props.error));
+    const resolvedErrorMessage = computed(() => props.errorMessage || createRequiredMessage(floatingLabel.value));
     const hasContent = computed(() => {
       if (isArrayMode()) {
         return Array.isArray(treeSelectValue.value) && treeSelectValue.value.length > 0;
@@ -3658,6 +3862,15 @@ const _sfc_main = defineComponent({
       }
       return value;
     }
+    function addRequiredMark(value) {
+      if (!props.required || !value || value.startsWith("*")) {
+        return value;
+      }
+      return `*${value}`;
+    }
+    function createRequiredMessage(label) {
+      return label ? `${label}\u4E3A\u5FC5\u586B\u9879` : "\u8BE5\u9879\u4E3A\u5FC5\u586B\u9879";
+    }
     __expose({
       focus: () => {
         var _a, _b;
@@ -3696,7 +3909,7 @@ const _sfc_main = defineComponent({
           "model-value": treeSelectValue.value,
           data: __props.data,
           props: resolvedTreeProps.value,
-          placeholder: __props.placeholder,
+          placeholder: controlPlaceholder.value,
           disabled: __props.disabled,
           clearable: __props.clearable,
           filterable: __props.filterable,
@@ -3713,6 +3926,7 @@ const _sfc_main = defineComponent({
           "popper-class": __props.popperClass,
           "node-key": __props.nodeKey,
           style: treeSelectStyle.value,
+          "aria-invalid": hasError.value ? "true" : void 0,
           "onUpdate:modelValue": handleModelValueUpdate,
           onFocus: handleFocus,
           onBlur: handleBlur,
@@ -3730,15 +3944,19 @@ const _sfc_main = defineComponent({
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ]),
           _: 3
-        }, 16, ["model-value", "data", "props", "placeholder", "disabled", "clearable", "filterable", "multiple", "show-checkbox", "check-strictly", "check-on-click-node", "default-expand-all", "expand-on-click-node", "render-after-expand", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "popper-class", "node-key", "style"]),
+        }, 16, ["model-value", "data", "props", "placeholder", "disabled", "clearable", "filterable", "multiple", "show-checkbox", "check-strictly", "check-on-click-node", "default-expand-all", "expand-on-click-node", "render-after-expand", "collapse-tags", "collapse-tags-tooltip", "max-collapse-tags", "popper-class", "node-key", "style", "aria-invalid"]),
         floatingLabel.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["outlined-tree-select__label", labelClasses.value])
-        }, toDisplayString(floatingLabel.value), 3)) : createCommentVNode("", true)
+        }, [
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(floatingLabel.value), 1)
+        ], 2)) : createCommentVNode("", true),
+        hasError.value ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(resolvedErrorMessage.value), 1)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8403e6ea"]]);
+var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30d7dee0"]]);
 installRipple();
 export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, normalizeExportFileName, uninstallRipple };