tg-map-vue3 3.0.1 → 3.0.2

package/README.md

@@ -1,26 +1,12 @@
-# @tg/map
+# tg-map-vue3
 
-封装 百度地图, Google地图, Here地图 的Vue2组件库
+封装 百度地图, Google地图, Here地图(未完成) 的Vue3组件库
 
 ## 使用
 
-1. 项目根目录的`.npmrc`中添加如下内容, 让`@transcodegroup`下的包都从github中获取：
-
-    ```config
-    @transcodegroup:registry=https://npm.pkg.github.com
-    ```
-
-2. 用户文件根目录的`~/.npmrc`中添加如下内容, 其中`TOKEN`在[这里](https://github.com/settings/tokens/new)创建, 记得勾选`package`相关权限:
-
-    ```config
-    //npm.pkg.github.com/:_authToken=TOKEN
-    ```
-
-3. 安装/更新
-
-    ```sh
-    npm install @transcodegroup/tg-map
-    ```
+```sh
+pnpm install tg-map-vue3
+```
 
 ## 发布
 
@@ -36,13 +22,13 @@ git clone https://github.com/TranscodeGroup/tg-map.git
 # 进入本地仓库目录
 cd tg-map
 # 安装依赖
-npm install
+pnpm install
 # 往npm中注册@@transcodegroup\tg-map
-npm link
+pnpm link
 # 进入需要依赖@transcodegroup\tg-map的仓库目录($REPO_MAIN_PATH替换成你自己的路径)
 cd $REPO_MAIN_PATH
 # 链接之前注册的@tg/map到该仓库
-npm link @transcodegroup\tg-map
+pnpm link @transcodegroup\tg-map
 ```
 
 ### 修改一些第三方库的package.json
@@ -66,8 +52,8 @@ TypeScript/VSCode默认只会读取package.json中的main字段, 而webpack默
 
 ```jsonc
 {
-    // 项目中使用的最新版TS, 需要让Vetur也使用这个版本
-    "vetur.useWorkspaceDependencies": true,
+    // 统一使用项目中的TS版本
+    "typescript.tsdk": "node_modules/typescript/lib",
 }
 ```
 
@@ -75,33 +61,31 @@ TypeScript/VSCode默认只会读取package.json中的main字段, 而webpack默
 
 ```sh
 # 修改代码后要重新构建
-npm run build:lib
-# 或者使用watch模式, 自动重新构建
-npm run build:lib:watch
+pnpm run build
 ```
 
 ## 其他
 
 ```sh
-npm install
+pnpm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-npm run dev
+pnpm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-npm run build
+pnpm run build
 ```
 
 ### Lint with [ESLint](https://eslint.org/)
 
 ```sh
-npm run lint
+pnpm run lint
 ```
 
 ### Customize configuration

package/dist/src/components/controls/TgMapTypeControl.vue.d.ts

@@ -8,7 +8,7 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<MapTypeCo
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<MapTypeControlOptions>>>, {
     type?: any;
-    position?: any;
     mapTypes?: any;
+    position?: any;
 }>;
 export default _sfc_main;

package/dist/src/components/index.d.ts

@@ -3,12 +3,26 @@ import type { App } from './@vue/compat';
 import { type PartialTgMapConfig, setTgMapConfig, type TgMapConfig, getTgMapConfig } from '../map/map-config';
 import MapMixin, { MIXIN_HOOK_DESTROY, MIXIN_HOOK_CREATE, MIXIN_MAP_NAME } from './map-mixin';
 import LifecycleLogPlugin, { type LifecycleLogOptions } from '../utils/lifecycle-log';
-import TgMap from './TgMap.vue';
-import TgInfoBox from './overlays/TgInfoBox.vue';
 declare const TgMapPlugin: {
     install(app: App, config?: PartialTgMapConfig): void;
 };
 export default TgMapPlugin;
+export { default as TgMap } from './TgMap.vue';
+export { default as TgMapWidget } from './TgMapWidget.vue';
+export { default as TgCustomControl } from './controls/TgCustomControl.vue';
+export { default as TgMapTypeControl } from './controls/TgMapTypeControl.vue';
+export { default as TgScaleControl } from './controls/TgScaleControl.vue';
+export { default as TgZoomControl } from './controls/TgZoomControl.vue';
+export { default as TgMarkerClusterer } from './extra/TgMarkerClusterer.vue';
+export { default as TgTrafficLayer } from './layers/TgTrafficLayer.vue';
+export { default as TgCircle } from './overlays/TgCircle.vue';
+export { default as TgElementOverlay } from './overlays/TgElementOverlay.vue';
+export { default as TgInfoBox } from './overlays/TgInfoBox.vue';
+export { default as TgInfoWindow } from './overlays/TgInfoWindow.vue';
+export { default as TgLabel } from './overlays/TgLabel.vue';
+export { default as TgMarker } from './overlays/TgMarker.vue';
+export { default as TgPolygon } from './overlays/TgPolygon.vue';
+export { default as TgPolyline } from './overlays/TgPolyline.vue';
 export * from '../map/lat-lng';
 export * from '../map/map/map';
 export * from '../map/map-factory';
@@ -33,4 +47,4 @@ export { Objects } from '../utils/objects';
 export * from '../utils/arrays';
 export * from '../utils/strings';
 export * from '../utils/values';
-export { TgMap, TgInfoBox, TgMapConfig, PartialTgMapConfig, getTgMapConfig, setTgMapConfig, LifecycleLogPlugin, LifecycleLogOptions, MapMixin, MIXIN_HOOK_CREATE, MIXIN_HOOK_DESTROY, MIXIN_MAP_NAME, };
+export { TgMapConfig, PartialTgMapConfig, getTgMapConfig, setTgMapConfig, LifecycleLogPlugin, LifecycleLogOptions, MapMixin, MIXIN_HOOK_CREATE, MIXIN_HOOK_DESTROY, MIXIN_MAP_NAME, };

package/dist/src/components/overlays/TgCircle.vue.d.ts

@@ -8,14 +8,14 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<CircleOpt
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<CircleOptions>>>, {
     center: any;
-    clickable?: any;
-    visible?: any;
     fillColor?: any;
     fillOpacity?: any;
+    clickable?: any;
     editable?: any;
     strokeColor?: any;
     strokeOpacity?: any;
     strokeWeight?: any;
+    visible?: any;
     radius: any;
 }>;
 export default _sfc_main;

package/dist/src/components/overlays/TgInfoBox.vue.d.ts

@@ -19,11 +19,11 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<Omit<Info
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<Omit<InfoBoxOptions, "content"> & {
     show: boolean;
 }>>>, {
+    maxWidth?: any;
+    zIndex?: any;
     show: any;
     position?: any;
     offset?: any;
-    zIndex?: any;
-    maxWidth?: any;
     borderClass?: any;
 }>;
 export default _sfc_main;

package/dist/src/components/overlays/TgInfoWindow.vue.d.ts

@@ -16,10 +16,10 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<Omit<Info
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<Omit<InfoWindowOptions, "content"> & {
     show: boolean;
 }>>>, {
+    maxWidth?: any;
+    disableAutoPan?: any;
     show: any;
     position?: any;
     offset?: any;
-    maxWidth?: any;
-    disableAutoPan?: any;
 }>;
 export default _sfc_main;

package/dist/src/components/overlays/TgLabel.vue.d.ts

@@ -14,8 +14,8 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<Omit<Labe
 }, import('./@vue/compat').DefineComponent<{}, {}, {}, {}, {
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<Omit<LabelOptions, "content">>>>, {
+    zIndex?: any;
     position?: any;
     offset?: any;
-    zIndex?: any;
 }>;
 export default _sfc_main;

package/dist/src/components/overlays/TgMarker.vue.d.ts

@@ -24,15 +24,15 @@ declare const TgMarker: import('./@vue/compat').DefineComponent<Props<MarkerOpti
 }, import('./@vue/compat').DefineComponent<{}, {}, {}, {}, {
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<MarkerOptions>>>, {
-    position: any;
     zIndex?: any;
+    clickable?: any;
+    visible?: any;
+    position: any;
     title?: any;
     icon?: any;
-    clickable?: any;
     draggable?: any;
     crossOnDrag?: any;
     cursor?: any;
-    visible?: any;
 }>;
 declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<MarkerOptions>, {
     marker: MarkerOverlay;
@@ -46,15 +46,15 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<MarkerOpt
 }, import('./@vue/compat').DefineComponent<{}, {}, {}, {}, {
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<MarkerOptions>>>, {
-    position: any;
     zIndex?: any;
+    clickable?: any;
+    visible?: any;
+    position: any;
     title?: any;
     icon?: any;
-    clickable?: any;
     draggable?: any;
     crossOnDrag?: any;
     cursor?: any;
-    visible?: any;
 }>;
 export type TgMarkerInstanceType = InstanceType<typeof TgMarker>;
 export default _sfc_main;

package/dist/src/components/overlays/TgPolygon.vue.d.ts

@@ -7,14 +7,14 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<PolygonOp
 }, unknown, {}, {}, import('./@vue/compat').DefineComponent<{}, {}, {}, {}, {
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<PolygonOptions>>>, {
-    clickable?: any;
-    visible?: any;
     fillColor?: any;
     fillOpacity?: any;
+    clickable?: any;
     editable?: any;
     strokeColor?: any;
     strokeOpacity?: any;
     strokeWeight?: any;
+    visible?: any;
     paths: any;
 }>;
 export default _sfc_main;

package/dist/src/components/overlays/TgPolyline.vue.d.ts

@@ -8,11 +8,11 @@ declare const _sfc_main: import('./@vue/compat').DefineComponent<Props<PolylineO
     recreate(): void;
 }, import('./@vue/compat').ComponentOptionsMixin, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<{}>>, {}>, import('./@vue/compat').ComponentOptionsMixin, {}, string, import('./@vue/compat').VNodeProps & import('./@vue/compat').AllowedComponentProps & import('./@vue/compat').ComponentCustomProps, Readonly<import('./@vue/compat').ExtractPropTypes<Props<PolylineOptions>>>, {
     clickable?: any;
-    visible?: any;
     editable?: any;
     strokeColor?: any;
     strokeOpacity?: any;
     strokeWeight?: any;
+    visible?: any;
     path: any;
 }>;
 export default _sfc_main;

package/dist/src/map/map/overlay/overlay.d.ts

@@ -30,7 +30,7 @@ export declare class GoogleOverlay<T extends UnionGoogleOverlay = UnionGoogleOve
 export declare class BaiduOverlay<T extends UnionBaiduOverlay = UnionBaiduOverlay> extends Overlay<T> {
     constructor(innerOverlay: T, coordType: CoordType, map: AbstractMap);
     /** 仅限内部使用; 设为private时, 生成的d.ts文件中, 方法返回值会变成any, 故改成了public */
-    get overlay(): Required<Pick<UnionBaiduOverlay, "show" | "isVisible" | "hide">>;
+    get overlay(): Required<Pick<UnionBaiduOverlay, "isVisible" | "show" | "hide">>;
     isVisible(): boolean;
     setVisible(visible: boolean): void;
     /** 在创建BaiduOverlay时, 设置options.visible, 仅内部使用 */

package/dist/tg-map.js

@@ -4838,10 +4838,24 @@ export {
   Pt as Overlay,
   ce as Point,
   ye as Strings,
+  ui as TgCircle,
+  Jr as TgCustomControl,
+  vi as TgElementOverlay,
   Zt as TgInfoBox,
+  Dt as TgInfoWindow,
+  Rt as TgLabel,
   Nt as TgMap,
   ze as TgMapFactory,
   $ as TgMapType,
+  Qr as TgMapTypeControl,
+  Kr as TgMapWidget,
+  de as TgMarker,
+  Gt as TgMarkerClusterer,
+  _i as TgPolygon,
+  Mi as TgPolyline,
+  ei as TgScaleControl,
+  pi as TgTrafficLayer,
+  ti as TgZoomControl,
   ue as callHook,
   xi as computedSaveOnThis,
   rr as createEmptyVNode,