refactor: 🎨add type

demo/demo.vue

@@ -46,7 +46,7 @@
         ellipsis
       />
 
-      <x-gantt-slider prop="name"></x-gantt-slider>
+      <x-gantt-slider prop="name" :move="onMove"></x-gantt-slider>
     </x-gantt>
   </div>
 
@@ -120,6 +120,11 @@ function onReduce() {
 const onClickRow = (data: any) => {
   console.log('click row', data);
 };
+
+function onMove(data: any) {
+  console.log('move', data);
+  return true;
+}
 </script>
 
 <style scoped></style>

src/components/slider/props.ts

@@ -64,7 +64,9 @@ export default {
    * 允许移动
    */
   move: {
-    type: [Function, Boolean],
+    type: [Function, Boolean] as PropType<
+      boolean | ((data: RowData) => boolean)
+    >,
     default: () => false
   },
 

src/composables/useData.ts

@@ -31,7 +31,7 @@ export default () => {
     );
   }
 
-  function toRowData(data?: RowItem) {
+  function toRowData(data?: RowItem): RowData {
     return {
       row: data?.data,
       $index: data?.flatIndex

src/composables/useSlotsBox.ts

@@ -13,7 +13,7 @@ export default () => {
   const { toRowData } = useData();
 
   function isMerge(
-    m: boolean | undefined | ((data: any) => boolean),
+    m: boolean | undefined | ((data: RowData) => boolean),
     data: RowItem
   ) {
     return typeof m === 'function' ? m(toRowData(data)) : !!m;

src/typings/data.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 事件抛出的数据
+ */
+declare interface RowData {
+  row?: any;
+  $index?: number;
+}