chore: reorganize code for better readability

Author: 小豪

examples/panel.tsx

@@ -101,7 +101,7 @@ export default () => {
         disabled={disabled}
       />
 
-      <Cascader.Panel options={addressOptions} direction="rtl" />
+      <Cascader.Panel options={addressOptions} disabled={disabled} direction="rtl" />
 
       <Cascader.Panel notFoundContent="Empty!!!" />
     </>

src/OptionList/Column.tsx

@@ -23,7 +23,7 @@ export interface ColumnProps<OptionType extends DefaultOptionType = DefaultOptio
   halfCheckedSet: Set<React.Key>;
   loadingKeys: React.Key[];
   isSelectable: (option: DefaultOptionType) => boolean;
-  panelDisabled?: boolean;
+  disabled?: boolean;
 }
 
 export default function Column<OptionType extends DefaultOptionType = DefaultOptionType>({
@@ -39,7 +39,7 @@ export default function Column<OptionType extends DefaultOptionType = DefaultOpt
   halfCheckedSet,
   loadingKeys,
   isSelectable,
-  panelDisabled,
+  disabled,
 }: ColumnProps<OptionType>) {
   const menuPrefixCls = `${prefixCls}-menu`;
   const menuItemPrefixCls = `${prefixCls}-menu-item`;
@@ -56,7 +56,7 @@ export default function Column<OptionType extends DefaultOptionType = DefaultOpt
 
   const hoverOpen = expandTrigger === 'hover';
 
-  const isOptionDisabled = (optionDisabled?: boolean) => panelDisabled || optionDisabled;
+  const isOptionDisabled = (optionDisabled?: boolean) => disabled || optionDisabled;
 
   // ============================ Option ============================
   const optionInfoList = React.useMemo(

src/OptionList/List.tsx

@@ -40,7 +40,7 @@ const RawOptionList = React.forwardRef<RefOptionListProps, RawOptionListProps>((
     notFoundContent,
     direction,
     open,
-    disabled: panelDisabled,
+    disabled,
   } = props;
 
   const containerRef = React.useRef<HTMLDivElement>(null);
@@ -116,10 +116,11 @@ const RawOptionList = React.forwardRef<RefOptionListProps, RawOptionListProps>((
   };
 
   const isSelectable = (option: DefaultOptionType) => {
-    if (panelDisabled) return false;
+    if (disabled) return false;
 
     const { disabled: optionDisabled } = option;
     const isMergedLeaf = isLeaf(option, fieldNames);
+
     return !optionDisabled && (isMergedLeaf || changeOnSelect || multiple);
   };
 
@@ -220,7 +221,6 @@ const RawOptionList = React.forwardRef<RefOptionListProps, RawOptionListProps>((
     halfCheckedSet,
     loadingKeys,
     isSelectable,
-    panelDisabled,
   };
 
   // >>>>> Columns
@@ -238,7 +238,6 @@ const RawOptionList = React.forwardRef<RefOptionListProps, RawOptionListProps>((
         options={col.options}
         prevValuePath={prevValuePath}
         activeValue={activeValue}
-        panelDisabled={panelDisabled}
       />
     );
   });