fix: alert dialog leastDestructiveRef prop type

Cynthiafan · Cynthiafan · commit 89fd2a225f10 · 2022-10-11T18:04:45.000+08:00
diff --git a/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js b/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js
@@ -55,7 +55,7 @@ const CAlertDialog = {
       type: Function,
       default: () => null
     },
-    leastDestructiveRef: [HTMLElement, Object]
+    leastDestructiveRef: [HTMLElement, Object, String, Function]
   },
   render (h, { slots, props, data }) {
     return h(CModal, {
diff --git a/website/pages/alertdialog.mdx b/website/pages/alertdialog.mdx
@@ -120,4 +120,4 @@ exception is that it requires a `leastDestructiveRef` which is similar to the
 
 | Name                           | Type                              | Default | Description                                                   |
 | ------------------------------ | --------------------------------- | ------- | ------------------------------------------------------------- |
-| leastDestructiveRef (required) | `ref`, `selector` `Function: ref` |         | The least destructive action to get focus when dialog is open |
+| leastDestructiveRef (required) | `vm.$ref`, `() => vm.ref` or `CSS selector` |         | The least destructive action to get focus when dialog is open |
