feat: add sortable market metric columns

src/content/market/plugin-toolbar.ts

@@ -1,4 +1,46 @@
-import type { MarketExportScope, MarketExportTarget } from "./types";
+import type {
+  MarketExportScope,
+  MarketExportTarget,
+  MarketSortState
+} from "./types";
+
+const SORT_FIELD_OPTIONS = [
+  {
+    label: "单视频看后搜率",
+    value: "singleVideoAfterSearchRate"
+  },
+  {
+    label: "个人视频看后搜率",
+    value: "personalVideoAfterSearchRate"
+  },
+  {
+    label: "看后搜率",
+    value: "afterViewSearchRate"
+  },
+  {
+    label: "看后搜数",
+    value: "afterViewSearchCount"
+  },
+  {
+    label: "新增A3数",
+    value: "a3IncreaseCount"
+  },
+  {
+    label: "新增A3率",
+    value: "newA3Rate"
+  },
+  {
+    label: "CPA3",
+    value: "cpa3"
+  },
+  {
+    label: "cp_search",
+    value: "cpSearch"
+  }
+] as const satisfies Array<{
+  label: string;
+  value: NonNullable<MarketSortState["field"]>;
+}>;
 
 export interface PluginToolbarHandlers {
   onApplyFilter(): Promise<void> | void;
@@ -54,8 +96,9 @@ export function ensurePluginToolbar(
   const sortFieldSelect = document.createElement("select");
   sortFieldSelect.dataset.pluginSortField = "select";
   appendOption(sortFieldSelect, "", "不排序");
-  appendOption(sortFieldSelect, "singleVideoAfterSearchRate", "单视频看后搜率");
-  appendOption(sortFieldSelect, "personalVideoAfterSearchRate", "个人视频看后搜率");
+  SORT_FIELD_OPTIONS.forEach(({ label, value }) => {
+    appendOption(sortFieldSelect, value, label);
+  });
 
   const sortDirectionSelect = document.createElement("select");
   sortDirectionSelect.dataset.pluginSortDirection = "select";
@@ -293,6 +336,14 @@ export function setToolbarExportStatus(
   toolbar.exportStatusText.textContent = text;
 }
 
+export function setToolbarSortState(
+  toolbar: PluginToolbarDom,
+  sort: MarketSortState | undefined
+): void {
+  toolbar.sortFieldSelect.value = sort?.field ?? "";
+  toolbar.sortDirectionSelect.value = sort?.direction ?? "desc";
+}
+
 function syncCustomPagesInputVisibility(toolbar: PluginToolbarDom): void {
   toolbar.exportCustomPagesInput.hidden =
     toolbar.exportRangeSelect.value !== "custom";