tangweijie
5099f2e87e
- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
1 line
1.4 KiB
Plaintext
1 line
1.4 KiB
Plaintext
{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-calc-input-width/index.ts"],"sourcesContent":["import { computed, ref, shallowRef } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { MINIMUM_INPUT_WIDTH } from '@element-plus/constants'\n\nexport function useCalcInputWidth() {\n const calculatorRef = shallowRef<HTMLElement>()\n const calculatorWidth = ref(0)\n\n const inputStyle = computed(() => ({\n minWidth: `${Math.max(calculatorWidth.value, MINIMUM_INPUT_WIDTH)}px`,\n }))\n\n const resetCalculatorWidth = () => {\n calculatorWidth.value =\n calculatorRef.value?.getBoundingClientRect().width ?? 0\n }\n\n useResizeObserver(calculatorRef, resetCalculatorWidth)\n\n return {\n calculatorRef,\n calculatorWidth,\n inputStyle,\n }\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,iBAAoB,GAAA;AAClC,EAAA,MAAM,gBAAgB,UAAwB,EAAA,CAAA;AAC9C,EAAM,MAAA,eAAA,GAAkB,IAAI,CAAC,CAAA,CAAA;AAE7B,EAAM,MAAA,UAAA,GAAa,SAAS,OAAO;AAAA,IACjC,UAAU,CAAG,EAAA,IAAA,CAAK,GAAI,CAAA,eAAA,CAAgB,OAAO,mBAAmB,CAAA,CAAA,EAAA,CAAA;AAAA,GAChE,CAAA,CAAA,CAAA;AAEF,EAAA,MAAM,uBAAuB,MAAM;AAZrC,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAaI,IAAA,eAAA,CAAgB,SACd,EAAc,GAAA,CAAA,EAAA,GAAA,aAAA,CAAA,KAAA,KAAd,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAA,EAAA,CAAwB,UAA7C,IAAsD,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,GAC1D,CAAA;AAEA,EAAA,iBAAA,CAAkB,eAAe,oBAAoB,CAAA,CAAA;AAErD,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AACF;;;;"} |