@1money/component-ui 0.0.94-alpha.0 → 0.0.94-alpha.1

package/es/components/ProForm/interface.d.ts

@@ -119,6 +119,20 @@ export interface ProFormContextValue<Values = Record<string, any>> extends ProFo
 export interface ProFormTypedFieldProps<Values = Record<string, any>, Name extends ProFormFieldName<Values> = ProFormFieldName<Values>, FieldProps = Record<string, any>, FieldParams = Record<string, any>> {
     name?: Name;
     label?: ReactNode;
+    /**
+     * Defaults to `true`. No marker is drawn for a required field — instead,
+     * `required={false}` appends the italic `(Optional)` suffix to the label,
+     * matching the Input/Select/Calendar field shells.
+     *
+     * This is label copy only; it does NOT add or remove validation. Keep it in
+     * step with `rules` yourself — a field with `rules: [{ required: true }]`
+     * should not also say `(Optional)`.
+     *
+     * Note this is a field-level prop, not `fieldProps.required`: the label is
+     * rendered by `ProFormItem`, so a `required` buried in `fieldProps` reaches
+     * a control that has no label and shows nothing.
+     */
+    required?: boolean;
     rules?: FormRule<Values>[];
     description?: ReactNode;
     feedback?: ReactNode;
@@ -168,6 +182,12 @@ export interface ProFormItemProps<Values = Record<string, any>, Name extends Pro
     prefixCls?: string;
     label?: ReactNode;
     name?: Name;
+    /**
+     * Defaults to `true`. `required={false}` appends the italic `(Optional)`
+     * suffix to the label — there is no required marker. Label copy only; it
+     * does not affect validation.
+     */
+    required?: boolean;
     rules?: FormRule<Values>[];
     description?: ReactNode;
     feedback?: ReactNode;

package/es/components/ProForm/style/ProForm.css

@@ -37,6 +37,10 @@
   padding: 0;
 }
 
+.om-component-ui-form-item-optional {
+  margin-inline-start: var(--om-spacing-100, 4px);
+}
+
 .om-component-ui-form-item-label-wrapper-left {
   text-align: left;
 }