vue-tianditu2
Version:
1 lines • 4.16 kB
Source Map (JSON)
{"version":3,"file":"watch.mjs","sources":["../../../../packages/map/use/watch.ts"],"sourcesContent":["import { watch } from \"vue\";\nimport { toBounds, toLngLat } from \"~/utils/converter\";\nimport type { Props } from \"./\";\n\nexport function useWatch({ props, instance }: { props: Props; instance: T.Map }) {\n watch(\n () => ({ center: props.center, zoom: props.zoom }),\n val => {\n if (!val.center || !val.zoom) return;\n instance.panTo(toLngLat(val.center), val.zoom);\n }\n );\n watch(\n () => props.drag,\n val => (val ? instance.enableDrag() : instance.disableDrag()),\n { immediate: true }\n );\n watch(\n () => props.scrollWheelZoom,\n val => (val ? instance.enableScrollWheelZoom() : instance.disableScrollWheelZoom()),\n { immediate: true }\n );\n watch(\n () => props.doubleClickZoom,\n val => (val ? instance.enableDoubleClickZoom() : instance.disableDoubleClickZoom()),\n { immediate: true }\n );\n watch(\n () => props.keyboard,\n val => (val ? instance.enableKeyboard() : instance.disableKeyboard()),\n { immediate: true }\n );\n watch(\n () => props.inertia,\n val => (val ? instance.enableInertia() : instance.disableInertia()),\n { immediate: true }\n );\n watch(\n () => props.continuousZoom,\n val => (val ? instance.enableContinuousZoom() : instance.disableContinuousZoom()),\n { immediate: true }\n );\n watch(\n () => props.pinchToZoom,\n val => (val ? instance.enablePinchToZoom() : instance.disablePinchToZoom()),\n { immediate: true }\n );\n watch(\n () => props.autoResize,\n val => (val ? instance.enableAutoResize() : instance.disableAutoResize()),\n { immediate: true }\n );\n watch(\n () => props.minZoom,\n val => val && instance.setMinZoom(val)\n );\n watch(\n () => props.maxZoom,\n val => val && instance.setMaxZoom(val),\n { immediate: true }\n );\n watch(\n () => props.maxBounds,\n val => val && instance.setMaxBounds(toBounds(val)),\n { immediate: true }\n );\n watch(\n () => props.viewport,\n val => val && instance.setViewport(val?.map(lnglat => toLngLat(lnglat))),\n { immediate: true }\n );\n watch(\n () => props.mapStyle,\n val => (val ? instance.setStyle(val) : instance.removeStyle()),\n { immediate: true }\n );\n}\n"],"names":["useWatch","props","instance","watch","val","toLngLat","toBounds","lnglat"],"mappings":";;AAIO,SAASA,EAAS,EAAE,OAAAC,GAAO,UAAAC,KAA+C;AAC/E,EAAAC;AAAA,IACE,OAAO,EAAE,QAAQF,EAAM,QAAQ,MAAMA,EAAM;IAC3C,CAAOG,MAAA;AACL,MAAI,CAACA,EAAI,UAAU,CAACA,EAAI,QACxBF,EAAS,MAAMG,EAASD,EAAI,MAAM,GAAGA,EAAI,IAAI;AAAA,IAAA;AAAA,EAEjD,GACAD;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,WAAW,IAAIA,EAAS,YAAY;AAAA,IAC3D,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,sBAAsB,IAAIA,EAAS,uBAAuB;AAAA,IACjF,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,sBAAsB,IAAIA,EAAS,uBAAuB;AAAA,IACjF,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,eAAe,IAAIA,EAAS,gBAAgB;AAAA,IACnE,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,cAAc,IAAIA,EAAS,eAAe;AAAA,IACjE,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,qBAAqB,IAAIA,EAAS,sBAAsB;AAAA,IAC/E,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,kBAAkB,IAAIA,EAAS,mBAAmB;AAAA,IACzE,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,iBAAiB,IAAIA,EAAS,kBAAkB;AAAA,IACvE,EAAE,WAAW,GAAK;AAAA,EACpB,GACAC;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,CAAOG,MAAAA,KAAOF,EAAS,WAAWE,CAAG;AAAA,EACvC,GACAD;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,CAAOG,MAAAA,KAAOF,EAAS,WAAWE,CAAG;AAAA,IACrC,EAAE,WAAW,GAAK;AAAA,EACpB,GACAD;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAOG,KAAOF,EAAS,aAAaI,EAASF,CAAG,CAAC;AAAA,IACjD,EAAE,WAAW,GAAK;AAAA,EACpB,GACAD;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,CAAAG,MAAOA,KAAOF,EAAS,YAAYE,KAAA,gBAAAA,EAAK,IAAI,CAAUG,MAAAF,EAASE,CAAM,EAAE;AAAA,IACvE,EAAE,WAAW,GAAK;AAAA,EACpB,GACAJ;AAAA,IACE,MAAMF,EAAM;AAAA,IACZ,OAAQG,IAAMF,EAAS,SAASE,CAAG,IAAIF,EAAS,YAAY;AAAA,IAC5D,EAAE,WAAW,GAAK;AAAA,EACpB;AACF;"}