1

2026-03-02 18:12:32 +08:00 · 2026-03-02 18:12:32 +08:00 · 62546bc937
commit 62546bc937
parent a10359f7e0
5 changed files with 107 additions and 22 deletions
--- a/src/components/views/zxFw.vue
+++ b/src/components/views/zxFw.vue
@ -162,6 +162,7 @@ function handleSnapHostScroll() {
 const pickerOpen = ref(false)
 const pickerTempIds = ref<string[]>([])
 const pickerSearch = ref('')
+const pickerListScrollRef = ref<HTMLElement | null>(null)
 const clearConfirmOpen = ref(false)
 const pendingClearServiceId = ref<string | null>(null)
 const dragSelecting = ref(false)
@ -171,6 +172,61 @@ const dragBaseIds = ref<string[]>([])
 const dragStartPoint = ref({ x: 0, y: 0 })
 const dragCurrentPoint = ref({ x: 0, y: 0 })
 const pickerItemElMap = new Map<string, HTMLElement>()
+let dragTouchedIds = new Set<string>()
+let dragAutoScrollRafId: number | null = null
+
+const DRAG_AUTO_SCROLL_EDGE = 36
+const DRAG_AUTO_SCROLL_MAX_STEP = 16
+
+const stopDragAutoScroll = () => {
+  if (dragAutoScrollRafId !== null) {
+    cancelAnimationFrame(dragAutoScrollRafId)
+    dragAutoScrollRafId = null
+  }
+}
+
+const resolveDragAutoScrollStep = () => {
+  const scroller = pickerListScrollRef.value
+  if (!scroller) return 0
+  const rect = scroller.getBoundingClientRect()
+  const pointerY = dragCurrentPoint.value.y
+  let step = 0
+
+  if (pointerY > rect.bottom - DRAG_AUTO_SCROLL_EDGE) {
+    const ratio = Math.min(2, (pointerY - (rect.bottom - DRAG_AUTO_SCROLL_EDGE)) / DRAG_AUTO_SCROLL_EDGE)
+    step = Math.max(2, Math.round(ratio * DRAG_AUTO_SCROLL_MAX_STEP))
+  } else if (pointerY < rect.top + DRAG_AUTO_SCROLL_EDGE) {
+    const ratio = Math.min(2, ((rect.top + DRAG_AUTO_SCROLL_EDGE) - pointerY) / DRAG_AUTO_SCROLL_EDGE)
+    step = -Math.max(2, Math.round(ratio * DRAG_AUTO_SCROLL_MAX_STEP))
+  }
+  return step
+}
+
+const runDragAutoScroll = () => {
+  if (!dragSelecting.value) {
+    stopDragAutoScroll()
+    return
+  }
+
+  const scroller = pickerListScrollRef.value
+  if (scroller) {
+    const step = resolveDragAutoScrollStep()
+    if (step !== 0) {
+      const prev = scroller.scrollTop
+      scroller.scrollTop += step
+      if (scroller.scrollTop !== prev) {
+        applyDragSelectionByRect()
+      }
+    }
+  }
+
+  dragAutoScrollRafId = requestAnimationFrame(runDragAutoScroll)
+}
+
+const startDragAutoScroll = () => {
+  if (dragAutoScrollRafId !== null) return
+  dragAutoScrollRafId = requestAnimationFrame(runDragAutoScroll)
+}

 const selectedServiceText = computed(() => {
  if (selectedIds.value.length === 0) return ''
@ -642,11 +698,15 @@ const applyDragSelectionByRect = () => {
    const itemRect = el.getBoundingClientRect()
    const hit = isRectIntersect(rect, itemRect)
    if (hit) {
-      if (dragSelectChecked) {
-        nextSelectedSet.add(code)
-      } else {
-        nextSelectedSet.delete(code)
-      }
+      dragTouchedIds.add(code)
+    }
+  }
+
+  for (const code of dragTouchedIds) {
+    if (dragSelectChecked) {
+      nextSelectedSet.add(code)
+    } else {
+      nextSelectedSet.delete(code)
    }
  }

@ -659,6 +719,8 @@ const stopDragSelect = () => {
  dragSelecting.value = false
  dragMoved.value = false
  dragBaseIds.value = []
+  dragTouchedIds.clear()
+  stopDragAutoScroll()
  window.removeEventListener('mousemove', onDragSelectingMove)
  window.removeEventListener('mouseup', stopDragSelect)
 }
@ -679,10 +741,12 @@ const startDragSelect = (event: MouseEvent, code: string) => {
  dragSelecting.value = true
  dragMoved.value = false
  dragBaseIds.value = [...pickerTempIds.value]
+  dragTouchedIds = new Set([code])
  dragSelectChecked = !pickerTempIds.value.includes(code)
  dragStartPoint.value = { x: event.clientX, y: event.clientY }
  dragCurrentPoint.value = { x: event.clientX, y: event.clientY }
  applyTempChecked(code, dragSelectChecked)
+  startDragAutoScroll()
  window.addEventListener('mousemove', onDragSelectingMove)
  window.addEventListener('mouseup', stopDragSelect)
 }
@ -821,7 +885,7 @@ onBeforeUnmount(() => {
            </DialogClose>
          </div>

-          <div class="max-h-[420px] overflow-auto px-5 py-4">
+          <div ref="pickerListScrollRef" class="max-h-[420px] overflow-auto px-5 py-4">
            <div class="mb-3">
              <input v-model="pickerSearch" type="text" placeholder="输入编码或名称过滤"
                class="h-9 w-full rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring" />
--- a/src/main.ts
+++ b/src/main.ts
@ -2,7 +2,6 @@ import {
  CellStyleModule,
  ClientSideRowModelModule,
  ColumnAutoSizeModule,
-  CsvExportModule,
  LargeTextEditorModule,
  LocaleModule,
  ModuleRegistry,
@ -12,17 +11,15 @@ import {
  TextEditorModule,
  TooltipModule,
  UndoRedoEditModule,
-  ValidationModule
+  
 } from 'ag-grid-community'
 import {
  AggregationModule,
  CellSelectionModule,
  ClipboardModule,
-  ContextMenuModule,
  LicenseManager,
-  MenuModule,
  RowGroupingModule,
-  TreeDataModule
+  TreeDataModule,ContextMenuModule
 } from 'ag-grid-enterprise'
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
@ -37,10 +34,9 @@ LicenseManager.setLicenseKey(
 const AG_GRID_MODULES = [
  ClientSideRowModelModule,
  ColumnAutoSizeModule,
-  CsvExportModule,
  TextEditorModule,
  NumberEditorModule,
-  RowAutoHeightModule,
+  RowAutoHeightModule,ContextMenuModule,
  LargeTextEditorModule,
  UndoRedoEditModule,
  CellStyleModule,
@ -49,12 +45,9 @@ const AG_GRID_MODULES = [
  TreeDataModule,
  AggregationModule,
  RowGroupingModule,
-  MenuModule,
  CellSelectionModule,
-  ContextMenuModule,
  ClipboardModule,
  LocaleModule,
-  ValidationModule
 ]

 const pinia = createPinia()
--- a/src/style.css
+++ b/src/style.css
@ -5,6 +5,10 @@
  height: 100dvh;
 }

+html {
+  font-size: 16px;
+}
+
@custom-variant dark (&:is(.dark *));

@theme inline {
@ -126,6 +130,7 @@
  }
  body {
    @apply bg-background text-foreground;
+    margin: 0;
  }
  input,
  textarea,
@ -234,3 +239,10 @@
  height:100%;
  font-style: italic;
 }
+
+/* Laptop screens often need a slightly denser desktop layout. */
+@media (max-width: 1536px) {
+  html {
+    font-size: 14.4px;
+  }
+}
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@ -1 +1 @@
-{"root":["./src/main.ts","./src/sql.ts","./src/components/ui/button/index.ts","./src/components/ui/card/index.ts","./src/components/ui/scroll-area/index.ts","./src/components/ui/tooltip/index.ts","./src/lib/decimal.ts","./src/lib/diyaggridoptions.ts","./src/lib/numberformat.ts","./src/lib/pricingmethodtotals.ts","./src/lib/utils.ts","./src/lib/xmfactordefaults.ts","./src/lib/zwarchive.ts","./src/lib/zxfwpricingsync.ts","./src/pinia/pricingpanereload.ts","./src/pinia/tab.ts","./src/app.vue","./src/components/ui/button/button.vue","./src/components/ui/card/card.vue","./src/components/ui/card/cardaction.vue","./src/components/ui/card/cardcontent.vue","./src/components/ui/card/carddescription.vue","./src/components/ui/card/cardfooter.vue","./src/components/ui/card/cardheader.vue","./src/components/ui/card/cardtitle.vue","./src/components/ui/scroll-area/scrollarea.vue","./src/components/ui/scroll-area/scrollbar.vue","./src/components/ui/tooltip/tooltipcontent.vue","./src/components/views/contractdetailview.vue","./src/components/views/ht.vue","./src/components/views/xm.vue","./src/components/views/xmconsultcategoryfactor.vue","./src/components/views/xmfactorgrid.vue","./src/components/views/xmmajorfactor.vue","./src/components/views/zxfwview.vue","./src/components/views/htinfo.vue","./src/components/views/xminfo.vue","./src/components/views/zxfw.vue","./src/components/views/pricingview/hourlypricingpane.vue","./src/components/views/pricingview/investmentscalepricingpane.vue","./src/components/views/pricingview/landscalepricingpane.vue","./src/components/views/pricingview/workloadpricingpane.vue","./src/layout/tab.vue","./src/layout/typeline.vue"],"version":"5.9.3"}
+{"root":["./src/main.ts","./src/sql.ts","./src/components/ui/button/index.ts","./src/components/ui/card/index.ts","./src/components/ui/scroll-area/index.ts","./src/components/ui/tooltip/index.ts","./src/lib/decimal.ts","./src/lib/diyaggridoptions.ts","./src/lib/number.ts","./src/lib/numberformat.ts","./src/lib/pricingmethodtotals.ts","./src/lib/pricingscalefee.ts","./src/lib/utils.ts","./src/lib/xmfactordefaults.ts","./src/lib/zwarchive.ts","./src/lib/zxfwpricingsync.ts","./src/pinia/pricingpanereload.ts","./src/pinia/tab.ts","./src/app.vue","./src/components/ui/button/button.vue","./src/components/ui/card/card.vue","./src/components/ui/card/cardaction.vue","./src/components/ui/card/cardcontent.vue","./src/components/ui/card/carddescription.vue","./src/components/ui/card/cardfooter.vue","./src/components/ui/card/cardheader.vue","./src/components/ui/card/cardtitle.vue","./src/components/ui/scroll-area/scrollarea.vue","./src/components/ui/scroll-area/scrollbar.vue","./src/components/ui/tooltip/tooltipcontent.vue","./src/components/views/contractdetailview.vue","./src/components/views/ht.vue","./src/components/views/xm.vue","./src/components/views/xmconsultcategoryfactor.vue","./src/components/views/xmfactorgrid.vue","./src/components/views/xmmajorfactor.vue","./src/components/views/zxfwview.vue","./src/components/views/htinfo.vue","./src/components/views/xminfo.vue","./src/components/views/zxfw.vue","./src/components/views/pricingview/hourlypricingpane.vue","./src/components/views/pricingview/investmentscalepricingpane.vue","./src/components/views/pricingview/landscalepricingpane.vue","./src/components/views/pricingview/workloadpricingpane.vue","./src/layout/tab.vue","./src/layout/typeline.vue"],"version":"5.9.3"}
--- a/vite.config.ts
+++ b/vite.config.ts
@ -29,11 +29,27 @@ export default defineConfig({
        entryFileNames: 'static/js/[name]-[hash].js',
        // 自定义 css 文件名
        assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
-        // 拆分第三方依赖（如 vue、axios 单独打包）
-        manualChunks(id) {
-          if (id.includes('node_modules')) {
-            return id.toString().split('node_modules/')[1].split('/')[0].toString();
-          }
+        codeSplitting: {
+          minSize: 20 * 1024,
+          groups: [
+            {
+              name: 'vendor-ag-grid',
+              test: /node_modules[\\/](ag-grid-community|ag-grid-enterprise|ag-grid-vue3|@ag-grid-community)[\\/]/,
+              priority: 30,
+              entriesAware: true,
+              maxSize: 450 * 1024
+            },
+            {
+              name: 'vendor-vue',
+              test: /node_modules[\\/](vue|pinia|@vue|pinia-plugin-persistedstate)[\\/]/,
+              priority: 20
+            },
+            {
+              name: 'vendor-ui',
+              test: /node_modules[\\/](reka-ui|@floating-ui|lucide-vue-next|@iconify[\\/]vue)[\\/]/,
+              priority: 10
+            }
+          ]
        }
      }
    },