feat(Picker): add toolbar slot (#8968)

src/picker/Picker.tsx

@@ -94,11 +94,7 @@ export default defineComponent({
   setup(props, { emit, slots }) {
     const formattedColumns = ref<PickerObjectColumn[]>([]);
 
-    const {
-      text: textKey,
-      values: valuesKey,
-      children: childrenKey,
-    } = extend(
+    const { text: textKey, values: valuesKey, children: childrenKey } = extend(
       {
         // compatible with valueKey prop
         text: props.valueKey,
@@ -108,8 +104,9 @@ export default defineComponent({
       props.columnsFieldNames
     );
 
-    const { children, linkChildren } =
-      useChildren<ComponentInstance>(PICKER_KEY);
+    const { children, linkChildren } = useChildren<ComponentInstance>(
+      PICKER_KEY
+    );
 
     linkChildren();
 
@@ -322,11 +319,12 @@ export default defineComponent({
 
     const renderToolbar = () => {
       if (props.showToolbar) {
+        // default slot is deprecated
+        // should be removed in next major version
+        const slot = slots.toolbar || slots.default;
         return (
           <div class={bem('toolbar')}>
-            {slots.default
-              ? slots.default()
-              : [renderCancel(), renderTitle(), renderConfirm()]}
+            {slot ? slot() : [renderCancel(), renderTitle(), renderConfirm()]}
           </div>
         );
       }