feat: 排序添加 禁用操作

 ---
 ---
-title: 组件
+nav:
+  path: /component
+  title: 组件
+  order: 1
+group:
+  path: /sort
+  title: 排序
+  order: 0
 ---
 ---
 
 
 ### 排序规则
 ### 排序规则

@@ -18,7 +18,7 @@ interface OptionItemProps {
   code: string | number;
   code: string | number;
   extract?: {
   extract?: {
     widget?: string;
     widget?: string;
-  }
+  };
 }
 }
 
 
 interface SortItemProps {
 interface SortItemProps {
@@ -44,6 +44,7 @@ interface QxSortConditionProps {
   optionList: OptionItemProps[];
   optionList: OptionItemProps[];
   sortList?: SortItemProps[];
   sortList?: SortItemProps[];
   extraClassName?: string; // 定义额外 标签类名 覆盖排序原有样式
   extraClassName?: string; // 定义额外 标签类名 覆盖排序原有样式
+  disabled?: boolean; // 是否整体禁用
 }
 }
 
 
 const defaultSortList = [
 const defaultSortList = [
@@ -176,6 +177,7 @@ export const QxSortCondition: React.FC<QxSortConditionProps> = (props) => {
         >
         >
           {columns && (
           {columns && (
             <Select
             <Select
+              disabled={props?.disabled}
               defaultValue={v.key}
               defaultValue={v.key}
               getPopupContainer={(triggerNode) => triggerNode}
               getPopupContainer={(triggerNode) => triggerNode}
               value={v.key}
               value={v.key}
@@ -209,6 +211,7 @@ export const QxSortCondition: React.FC<QxSortConditionProps> = (props) => {
             </Select>
             </Select>
           )}
           )}
           <Select
           <Select
+            disabled={props?.disabled}
             defaultValue={String(v.asc)}
             defaultValue={String(v.asc)}
             getPopupContainer={(triggerNode) => triggerNode}
             getPopupContainer={(triggerNode) => triggerNode}
             value={String(v.asc)}
             value={String(v.asc)}
@@ -238,7 +241,7 @@ export const QxSortCondition: React.FC<QxSortConditionProps> = (props) => {
               className={'operate-button'}
               className={'operate-button'}
               size="small"
               size="small"
               icon={<QxBaseIcon type={'qx-icon-minus'} />}
               icon={<QxBaseIcon type={'qx-icon-minus'} />}
-              disabled={sorts.length <= 1}
+              disabled={props?.disabled || sorts.length <= 1}
               onClick={() => removeSort(k)}
               onClick={() => removeSort(k)}
             />
             />
             <Button
             <Button
@@ -246,8 +249,8 @@ export const QxSortCondition: React.FC<QxSortConditionProps> = (props) => {
               size="small"
               size="small"
               icon={<QxBaseIcon type={'qx-icon-plus'} />}
               icon={<QxBaseIcon type={'qx-icon-plus'} />}
               disabled={
               disabled={
-                sorts.length >=
-                ((columns || []).length > 3 ? 3 : (columns || []).length)
+                props?.disabled || (sorts.length >=
+                ((columns || []).length > 3 ? 3 : (columns || []).length))
               }
               }
               onClick={addSort}
               onClick={addSort}
             />
             />