docs(style): [result] use new display tag (element-plus#12661)

* refactor(components): [result] updated doc and code to new display tag

* style(components): [result] undo redundant changes

* docs(components): [result] update default

Author: wzc520pyfm

docs/en-US/component/result.md

@@ -23,19 +23,21 @@ result/customized-content
 
 :::
 
-## Result Attributes
-
-| Name      | Description | Type   | Accepted Values                  | Default |
-| --------- | ----------- | ------ | -------------------------------- | ------- |
-| title     | title       | string | —                                | —       |
-| sub-title | sub title   | string | —                                | —       |
-| icon      | icon type   | string | success / warning / info / error | info    |
-
-## Result Slots
-
-| Name      | Description       |
-| --------- | ----------------- |
-| icon      | custom icon       |
-| title     | custom title      |
-| sub-title | custom sub title  |
-| extra     | custom extra area |
+## API
+
+### Attributes
+
+| Name      | Description         | Type                                                 | Default  |
+| --------- | ------------------- | ---------------------------------------------------- | -------- |
+| title     | title of result     | ^[string]                                            | ''       |
+| sub-title | sub title of result | ^[string]                                            | ''       |
+| icon      | icon type of result | ^[enum]`'success' \| 'warning' \| 'info' \| 'error'` | info     |
+
+### Slots
+
+| Name      | Description                  |
+| --------- | ---------------------------- |
+| icon      | content as result icon       |
+| title     | content as result title      |
+| sub-title | content as result sub title  |
+| extra     | content as result extra area |

packages/components/result/src/result.ts

@@ -26,14 +26,23 @@ export const IconComponentMap: Record<
 }
 
 export const resultProps = buildProps({
+  /**
+   * @description title of result
+   */
   title: {
     type: String,
     default: '',
   },
+  /**
+   * @description sub title of result
+   */
   subTitle: {
     type: String,
     default: '',
   },
+  /**
+   * @description icon type of result
+   */
   icon: {
     type: String,
     values: ['success', 'warning', 'info', 'error'],