Function ScriptTable

src/pages/options/routes/ScriptList/ScriptTable.tsx:502–1083

({
  loadingList,
  scriptList,
  scriptListSortOrderMove,
  // scriptListSortOrderSwap,
  sidebarOpen,
  setSidebarOpen,
  setViewMode,
  updateScripts,
  setUserConfig,
  setCloudScript,
  handleDelete,
  handleConfig,
  handleRunStop,
}: ScriptTableProps)

}

const ScriptTable = ({
  loadingList,
  scriptList,
  scriptListSortOrderMove,
  // scriptListSortOrderSwap,
  sidebarOpen,
  setSidebarOpen,
  setViewMode,
  updateScripts,
  setUserConfig,
  setCloudScript,
  handleDelete,
  handleConfig,
  handleRunStop,
}: ScriptTableProps) => {
  const { t } = useTranslation();
  const [showAction, setShowAction] = useState(false);
  const [action, setAction] = useState("");
  const [select, setSelect] = useState<Script[]>([]);
  const [selectColumn, setSelectColumn] = useState(0);
  const navigate = useNavigate();

  const columns: ColumnProps<ListType>[] = useMemo(
    () => [
      {
        title: "#",
        dataIndex: "sort",
        width: 60,
        key: "#",
        sorter: (a: ListType, b: ListType) => a.sort - b.sort,
        render: (col: number) => <SortRender col={col} />,
      },
      {
        key: "title",
        title: t("enable"),
        width: t("script_list_enable_width"),
        dataIndex: "status",
        className: "script-enable",
        sorter: (a: ListType, b: ListType) => a.status - b.status,
        filters: [
          {
            text: t("enable"),
            value: SCRIPT_STATUS_ENABLE,
          },
          {
            text: t("disable"),
            value: SCRIPT_STATUS_DISABLE,
          },
        ],
        onFilter: (value: any, row: any) => row.status === value,
        render: (col: any, item: ListType) => <EnableSwitchCell item={item} updateScripts={updateScripts} />,
      },
      {
        key: "name",
        title: t("name"),
        dataIndex: "name",
        sorter: (a: ListType, b: ListType) => a.name.localeCompare(b.name),
        filterIcon: <IconSearch />,