feat(form-item): default feedback color

src/form/demos/enUS/custom-validation.demo.md

@@ -37,7 +37,7 @@ You may need to manually custom the timing and the effect of a validation. Use `
 function createStatus (value) {
   switch (value) {
     case '10: 30':
-      return 'success'
+      return undefined
     case '10: 29':
       return 'warning'
     default:
@@ -48,7 +48,7 @@ function createStatus (value) {
 function createFeedback (value) {
   switch (value) {
     case '10: 30':
-      return null
+      return 'The plane of 10:30 has arrived.'
     case '10: 29':
       return 'Almost there, please set the time to 10: 30'
     default:

src/form/demos/zhCN/custom-validation.demo.md

@@ -32,7 +32,7 @@
 function createStatus (value) {
   switch (value) {
     case '10: 30':
-      return 'success'
+      return undefined
     case '10: 29':
       return 'warning'
     default:
@@ -43,7 +43,7 @@ function createStatus (value) {
 function createFeedback (value) {
   switch (value) {
     case '10: 30':
-      return null
+      return '十点半的飞机已经到了'
     case '10: 29':
       return '虽然差不多了，请把时间调到 10: 30'
     default:

src/form/src/FormItem.vue

@@ -35,10 +35,7 @@
       :key="feedbackId"
       class="n-form-item-feedback-wrapper"
     >
-      <transition
-        name="n-fade-down-transition"
-        :mode="mergedValidationStatus ? 'out-in' : undefined"
-      >
+      <transition name="n-fade-down-transition" mode="out-in">
         <template v-if="hasFeedback">
           <div
             v-if="mergedValidationStatus === 'warning'"
@@ -226,6 +223,7 @@ export default defineComponent({
             labelTextColor,
             asteriskColor,
             lineHeight,
+            feedbackTextColor,
             feedbackTextColorWarning,
             feedbackTextColorError,
             feedbackPadding,
@@ -250,6 +248,7 @@ export default defineComponent({
           '--feedback-padding': feedbackPadding,
           '--feedback-font-size': feedbackFontSize,
           '--feedback-height': feedbackHeight,
+          '--feedback-text-color': feedbackTextColor,
           '--feedback-text-color-warning': feedbackTextColorWarning,
           '--feedback-text-color-error': feedbackTextColorError,
           '--label-text-align': labelTextAlign

src/form/src/styles/form-item.cssr.js

@@ -13,6 +13,7 @@ import fadeDownTranstion from '../../../_styles/transitions/fade-down'
 // --asterisk-color
 // --label-text-color
 // --bezier
+// --feedback-text-color
 // --feedback-text-color-warning
 // --feedback-text-color-error
 // --label-text-align
@@ -85,7 +86,8 @@ export default cB('form-item', {
     transform-origin: top left;
   `, [
     cB('form-item-feedback', {
-      transition: 'color .3s var(--bezier)'
+      transition: 'color .3s var(--bezier)',
+      color: 'var(--feedback-text-color)'
     }, [
       cM('warning', {
         color: 'var(--feedback-text-color-warning)'

src/form/styles/dark.js

@@ -5,14 +5,21 @@ export default {
   name: 'Form',
   common: commonDark,
   self (vars) {
-    const { textColor1Overlay, errorColor, warningColor, lineHeight } = vars
+    const {
+      textColor1Overlay,
+      errorColor,
+      warningColor,
+      lineHeight,
+      textColor3Overlay
+    } = vars
     return {
       ...commonVariables,
       lineHeight,
       labelTextColor: textColor1Overlay,
       asteriskColor: errorColor,
       feedbackTextColorError: errorColor,
-      feedbackTextColorWarning: warningColor
+      feedbackTextColorWarning: warningColor,
+      feedbackTextColor: textColor3Overlay
     }
   }
 }

src/form/styles/light.js

@@ -5,14 +5,21 @@ export default {
   name: 'Form',
   common: commonLight,
   self (vars) {
-    const { textColor1, errorColor, warningColor, lineHeight } = vars
+    const {
+      textColor1,
+      errorColor,
+      warningColor,
+      lineHeight,
+      textColor3
+    } = vars
     return {
       ...commonVariables,
       lineHeight,
       labelTextColor: textColor1,
       asteriskColor: errorColor,
       feedbackTextColorError: errorColor,
-      feedbackTextColorWarning: warningColor
+      feedbackTextColorWarning: warningColor,
+      feedbackTextColor: textColor3
     }
   }
 }

vue3.md

@@ -398,14 +398,15 @@
   - [x] treemate activePath includeGroup: false
   - [ ] select menu multiple, when show=true, checkmark transiton not working
   - [ ] menu + dropdown collapsed 时候 menu item 不更新
-  - [ ] 拆分 dateFns locale
+  - [x] 拆分 dateFns locale => dateLocale
   - [ ] 更新一波文档 props
   - [ ] 更新样式的文档
   - [x] 试图把组件的 demo 放到 src 里面
   - [x] 去掉仅存的 mixin
-  - [ ] form item default type explain
+  - [x] form item default type explain
   - [x] selection focus style
-  - [ ] refactor site use store!!! singleton
+  - [x] refactor site use store!!! singleton
+  - [ ] vooks without life cycle hooks
 
 ## Info