style: vSlots to v-slots

Author: tangjinzhou

components/date-picker/RangePicker.tsx

@@ -374,7 +374,7 @@ export default defineComponent({
       onInputSelect: this.handleCalendarInputSelect,
       class: calendarClassName,
     };
-    const calendar = <RangeCalendar {...rangeCalendarProps} vSlots={$slots} />;
+    const calendar = <RangeCalendar {...rangeCalendarProps} v-slots={$slots} />;
 
     // default width for showTime
     const pickerStyle: CSSProperties = {};
@@ -438,7 +438,7 @@ export default defineComponent({
         onMouseleave={this.onMouseLeave}
         {...getDataAndAriaProps(props)}
       >
-        <VcDatePicker {...vcDatePickerProps} vSlots={{ default: input, ...$slots }}></VcDatePicker>
+        <VcDatePicker {...vcDatePickerProps} v-slots={{ default: input, ...$slots }}></VcDatePicker>
       </span>
     );
   },

components/date-picker/createPicker.tsx

@@ -197,7 +197,7 @@ export default function createPicker<P>(
         onChange: this.handleCalendarChange,
         class: calendarClassName,
       };
-      const calendar = <TheCalendar {...theCalendarProps} vSlots={$slots} />;
+      const calendar = <TheCalendar {...theCalendarProps} v-slots={$slots} />;
 
       const clearIcon =
         !props.disabled && props.allowClear && value ? (

components/date-picker/wrapPicker.tsx

@@ -226,7 +226,7 @@ export default function wrapPicker<P>(
           onCalendarChange: this.handleCalendarChange,
           ref: this.savePicker,
         };
-        return <Picker {...pickerProps} vSlots={this.$slots} />;
+        return <Picker {...pickerProps} v-slots={this.$slots} />;
       },
     },
 

components/tree-select/index.tsx

@@ -190,7 +190,7 @@ const TreeSelect = defineComponent({
     return (
       <VcTreeSelect
         {...VcTreeSelectProps}
-        vSlots={omit(this.$slots, ['default'])}
+        v-slots={omit(this.$slots, ['default'])}
         __propsSymbol__={[]}
       />
     );

components/vc-select/examples/multiple.jsx

@@ -10,7 +10,7 @@ for (let i = 10; i < 36; i += 1) {
       key={i.toString(36) + i}
       disabled={i === 10}
       title={`中文${i}`}
-      vSlots={{ default: () => `中文${i}` }}
+      v-slots={{ default: () => `中文${i}` }}
     ></Option>,
   );
 }

components/vc-slick/src/slider.js

@@ -195,6 +195,6 @@ export default defineComponent({
       children: newChildren,
       ref: this.innerSliderRefHandler,
     };
-    return <InnerSlider {...sliderProps} vSlots={this.$slots} __propsSymbol__={[]} />;
+    return <InnerSlider {...sliderProps} v-slots={this.$slots} __propsSymbol__={[]} />;
   },
 });

components/vc-table/src/BaseTable.jsx

@@ -101,7 +101,7 @@ const BaseTable = {
         const row = (
           <ExpandableRow
             {...expandableRowProps}
-            vSlots={{
+            v-slots={{
               default: expandableRow => {
                 const tableRowProps = {
                   fixed,

components/vc-table/src/Table.jsx

@@ -565,7 +565,7 @@ export default defineComponent({
       <Provider store={this.store}>
         <ExpandableTable
           {...expandableTableProps}
-          vSlots={{
+          v-slots={{
             default: expander => {
               this.expander = expander;
               return (

components/vc-tree-select/src/SelectNode.jsx

@@ -6,7 +6,7 @@ import VcTree from '../../vc-tree';
  */
 const TreeNode = VcTree.TreeNode;
 function SelectNode(_, { attrs, slots }) {
-  return <TreeNode {...attrs} vSlots={slots} />;
+  return <TreeNode {...attrs} v-slots={slots} />;
 }
 
 SelectNode.isTreeNode = true;