@xingm/vmap-cesium-toolbar 0.0.6 → 1.0.0

package/dist/libs/toolBar/MapLayersService.d.ts

@@ -1,6 +1,6 @@
 import { Viewer } from '../../../node_modules/cesium';
 import { MapType } from '../CesiumMapModel';
-import { I18nLike } from '../../libs/i18n';
+import { I18nLike } from '../../i18n';
 /**
  * 图层服务配置接口
  */
@@ -17,73 +17,22 @@ export interface MapLayersServiceConfig {
     onNoFlyZoneToggle?: (isChecked: boolean) => void;
 }
 /**
- * 图层服务类
- * 负责处理地图图层切换相关的所有逻辑
+ * 图层服务 - 存根实现
+ * 为了保持向后兼容性
  */
 export declare class MapLayersService {
-    private static readonly PLACE_NAME_LAYER_TAG;
     private viewer;
     private toolbarElement;
     private config;
-    private currentGeoWTFS;
-    private currentMapTypeConfig;
-    private currentMapLayers;
-    private currentPlaceNameProvider;
-    private currentPlaceNameLayer;
-    private isPlaceNameChecked;
-    private i18n;
-    private useI18n;
+    private menuElement;
     constructor(viewer: Viewer, toolbarElement: HTMLElement, config: MapLayersServiceConfig);
-    /**
-     * 初始化当前地图上下文：用于“初始底图不是通过 switchMapType 加载”时的路网层识别。
-     */
-    private bootstrapCurrentMapContext;
-    /**
-     * 更新配置
-     */
-    updateConfig(config: Partial<MapLayersServiceConfig>): void;
-    adjustMenuPosition: (menu: HTMLElement) => void;
-    /**
-     * 切换图层菜单
-     */
-    toggleLayers(buttonElement: HTMLElement): void;
-    /**
-     * 创建地图类型部分
-     */
-    private createMapTypeSection;
-    /**
-     * 创建地图类型项
-     */
-    private createMapTypeItem;
-    /**
-     * 创建叠加图层部分
-     */
-    private createOverlaySection;
-    /**
-     * 创建叠加图层项
-     */
-    private createOverlayItem;
-    /**
-     * 切换地图类型
-     */
+    bootstrapCurrentMapContext(): void;
     switchMapType(mapTypeId: string): void;
-    /**
-     * 获取当前地图类型
-     */
-    getCurrentMapType(): string;
-    private setPlaceNameChecked;
-    private shouldEnablePlaceName;
-    private isSameProvider;
-    private resolveExistingPlaceNameLayer;
-    private ensurePlaceNameProvider;
-    private addPlaceNameLayer;
-    private removePlaceNameLayer;
-    /**
-     * 关闭图层菜单
-     */
+    togglePlaceName(): void;
+    showNoFlyZones(): void;
+    toggleNoFlyZoneVisibility(): void;
     closeLayersMenu(): void;
-    /**
-     * 销毁图层服务
-     */
+    toggleLayers(buttonElement: HTMLElement): void;
+    updateConfig(config: Partial<MapLayersServiceConfig>): void;
     destroy(): void;
 }

package/dist/libs/toolBar/MapSearchService.d.ts

@@ -1,47 +1,26 @@
 import { Viewer } from '../../../node_modules/cesium';
-import { SearchResult, SearchCallback } from '../CesiumMapModel';
-import { I18nLike } from '../../libs/i18n';
+import { SearchCallback } from '../CesiumMapModel';
+import { I18nLike } from '../../i18n';
 /**
- * 搜索服务类
- * 负责处理地图搜索相关的所有逻辑
+ * 搜索服务 - 存根实现
+ * 为了保持向后兼容性
  */
 export declare class SearchService {
     private viewer;
     private toolbarElement;
     private searchCallback?;
-    private searchContainer;
     private i18n;
     private useI18n;
+    private searchContainer;
+    private static readonly fallbackI18n;
     constructor(viewer: Viewer, toolbarElement: HTMLElement, searchCallback?: SearchCallback, options?: {
         i18n?: I18nLike;
         useI18n?: boolean;
     });
-    /**
-     * 设置搜索回调
-     */
     setSearchCallback(callback: SearchCallback): void;
-    /**
-     * 切换搜索功能
-     */
     toggleSearch(buttonElement: HTMLElement): void;
-    /**
-     * 执行默认搜索（使用天地图 API）
-     */
-    private performDefaultSearch;
-    /**
-     * 显示搜索结果
-     */
-    displaySearchResults(results: SearchResult[], container: HTMLElement): void;
-    /**
-     * 选择搜索结果
-     */
-    selectSearchResult(result: SearchResult): void;
-    /**
-     * 关闭搜索框
-     */
+    hideSearch(): void;
     closeSearchContainer(): void;
-    /**
-     * 销毁搜索服务
-     */
     destroy(): void;
+    private flyToResult;
 }

package/dist/libs/toolBar/MapToolBarConfig.d.ts

@@ -1,10 +1,38 @@
-import { ButtonConfig, ToolbarConfig } from '../CesiumMapModel';
-export declare const defaultButtonSorts: Record<string, number>;
-export declare const defaultButtons: ButtonConfig[];
+import { CustomButtonConfig } from '../CesiumMapModel';
+/**
+ * 旧版默认按钮配置。
+ * 从 core/constants 映射导出，避免重复维护。
+ */
+export declare const defaultButtons: CustomButtonConfig[];
+/**
+ * 旧版默认测量菜单项。
+ */
 export declare const defaultMeasureItems: {
     id: string;
     text: string;
-    textKey: string;
+    textKey?: string;
     icon: string;
 }[];
-export declare const defaultToolBarStyle: ToolbarConfig;
+/**
+ * 旧版默认工具栏样式配置。
+ */
+export declare const defaultToolBarStyle: {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    direction?: "row" | "column";
+    buttonSize?: number;
+    buttonSpacing?: number;
+    padding?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    boxShadow?: string;
+    zIndex?: number;
+    offsetTop?: number;
+    offsetRight?: number;
+    offsetBottom?: number;
+    offsetLeft?: number;
+    buttons?: CustomButtonConfig[];
+    useI18n?: boolean;
+    i18n?: import('../..').I18nLike;
+};

package/dist/libs/toolBar/MeasurementService.d.ts

@@ -1,16 +1,24 @@
 import { Viewer } from '../../../node_modules/cesium';
-import { default as DrawHelper } from '../CesiumMapDraw';
 import { MeasurementCallback } from '../CesiumMapModel';
+import { MeasurementCompleteEvent } from '../../core/services/toolbar/types';
 export type MeasureMode = 'none' | 'distance' | 'area';
+/**
+ * 测量服务 - 存根实现
+ * 为了保持向后兼容性
+ */
 export declare class MeasurementService {
-    private viewer;
     private drawHelper;
     private measurementCallback?;
     private currentMode;
-    constructor(viewer: Viewer, drawHelper: DrawHelper, measurementCallback?: MeasurementCallback);
+    private completionListeners;
+    private clearListeners;
+    constructor(viewer: Viewer, drawHelper: any, measurementCallback?: MeasurementCallback);
     getMeasureMode(): MeasureMode;
     setupDrawHelperCallbacks(): void;
-    startAreaMeasurement(): void;
-    startDistanceMeasurement(): void;
+    onMeasurementComplete(callback: (event: MeasurementCompleteEvent) => void): void;
+    onClearComplete(callback: () => void): void;
+    startDistanceMeasurement(_drawOptions?: any): void;
+    startAreaMeasurement(_drawOptions?: any): void;
     clearMeasurements(): void;
+    private emitMeasurementComplete;
 }

package/dist/libs/toolBar/NotFlyZonesService.d.ts

@@ -1,51 +1,16 @@
 import { Viewer } from '../../../node_modules/cesium';
-import { I18nLike } from '../../libs/i18n';
 /**
- * 禁飞区服务配置接口
- */
-export interface NotFlyZonesServiceConfig {
-    extrudedHeight?: number;
-    autoLoad?: boolean;
-    i18n?: I18nLike;
-    useI18n?: boolean;
-}
-/**
- * 禁飞区服务类
- * 负责处理机场禁飞区相关的所有逻辑
+ * 禁飞区服务 - 存根实现
+ * 为了保持向后兼容性
  */
 export declare class NotFlyZonesService {
     private viewer;
-    private noFlyZoneEntities;
-    private isNoFlyZoneVisible;
-    private isNoFlyZoneLoading;
-    private readonly extrudedHeight;
-    private i18n;
-    private useI18n;
-    constructor(viewer: Viewer, config?: NotFlyZonesServiceConfig);
-    /**
-     * 加载并显示机场禁飞区
-     */
+    private visible;
+    constructor(viewer: Viewer, config?: any);
     showNoFlyZones(): Promise<void>;
-    /**
-     * 隐藏机场禁飞区
-     */
     hideNoFlyZones(): void;
-    /**
-     * 切换机场禁飞区显示状态
-     */
-    toggleNoFlyZones(): Promise<void>;
-    /**
-     * 获取禁飞区显示状态
-     */
+    toggleVisibility(): void;
     getNoFlyZoneVisible(): boolean;
-    /**
-     * 创建禁飞区多边形配置选项
-     * @param positions - 多边形的顶点坐标数组，使用笛卡尔坐标系
-     * @returns 返回一个包含多边形图形配置选项的对象
-     */
-    private createNoFlyZonePolygonOptions;
-    /**
-     * 销毁禁飞区服务
-     */
+    toggleNoFlyZones(): Promise<void>;
     destroy(): void;
 }

package/dist/package.json

@@ -1,29 +1,42 @@
 {
   "name": "@xingm/vmap-cesium-toolbar",
-  "version": "0.0.5",
+  "version": "1.0.0",
   "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
   "type": "module",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",
   "files": [
-    "index.es.js",
-    "index.umd.js",
+    "adapters",
+    "components",
+    "core",
+    "geojson",
+    "i18n",
     "index.d.ts",
-    "style.css",
+    "index.es.js",
+    "index.es.js.map",
+    "libs",
     "README.md",
-    "geojson"
+    "style.css",
+    "styles",
+    "utils"
   ],
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./index.es.js",
       "default": "./index.es.js"
     },
-    "./style": "./style.css"
+    "./style": "./style.css",
+    "./package.json": "./package.json"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
   },
+  "dependencies": {
+    "cesium": "^1.134.1",
+    "vue": "^3.5.18"
+  },
   "keywords": [
     "cesium",
     "map",

package/dist/styles/ComponentStyles.d.ts

@@ -0,0 +1,82 @@
+import { StyleConfig } from '../core/types';
+/**
+ * 组件样式工具
+ * 提供组件样式的创建、管理和应用功能
+ */
+export interface ComponentStyleOptions {
+    baseClass?: string;
+    variants?: Record<string, Record<string, string>>;
+    defaultVariant?: string;
+}
+/**
+ * 组件样式类
+ */
+export declare class ComponentStyles {
+    private componentName;
+    private options;
+    private styleId;
+    /**
+     * 构造函数
+     * @param componentName 组件名称
+     * @param options 样式选项
+     */
+    constructor(componentName: string, options?: ComponentStyleOptions);
+    /**
+     * 生成基础样式
+     */
+    private generateBaseStyles;
+    /**
+     * 生成变体样式
+     */
+    private generateVariantStyles;
+    /**
+     * 生成状态样式
+     */
+    private generateStateStyles;
+    /**
+     * 注入样式
+     */
+    inject(): string;
+    /**
+     * 移除样式
+     */
+    remove(): void;
+    /**
+     * 获取样式配置
+     * @param variant 变体名称
+     */
+    getStyleConfig(variant?: string): StyleConfig;
+    /**
+     * 应用样式到元素
+     * @param element 目标元素
+     * @param variant 变体名称
+     */
+    applyToElement(element: HTMLElement, variant?: string): void;
+    /**
+     * 添加变体
+     * @param variantName 变体名称
+     * @param styles 样式对象
+     */
+    addVariant(variantName: string, styles: Record<string, string>): void;
+    /**
+     * 移除变体
+     * @param variantName 变体名称
+     */
+    removeVariant(variantName: string): void;
+}
+/**
+ * 预定义组件样式
+ */
+export declare const predefinedComponentStyles: {
+    toolbar: ComponentStyles;
+    button: ComponentStyles;
+    searchBox: ComponentStyles;
+};
+/**
+ * 创建组件样式的工厂函数
+ */
+export declare function createComponentStyles(componentName: string, options?: ComponentStyleOptions): ComponentStyles;
+/**
+ * 获取预定义组件样式
+ */
+export declare function getPredefinedComponentStyles(componentName: keyof typeof predefinedComponentStyles): ComponentStyles;

package/dist/styles/StyleManager.d.ts

@@ -0,0 +1,142 @@
+/**
+ * 样式管理器
+ * 负责管理组件样式，支持样式隔离、主题切换和动态样式注入
+ */
+export interface StyleRule {
+    selector: string;
+    properties: Record<string, string>;
+}
+export interface Theme {
+    name: string;
+    variables: Record<string, string>;
+    rules: StyleRule[];
+}
+export interface StyleManagerConfig {
+    prefix?: string;
+    isolateStyles?: boolean;
+    defaultTheme?: string;
+}
+/**
+ * 样式管理器类
+ */
+export declare class StyleManager {
+    private static instance;
+    private styleElement;
+    private styles;
+    private themes;
+    private config;
+    private currentTheme;
+    /**
+     * 私有构造函数（单例模式）
+     */
+    private constructor();
+    /**
+     * 获取单例实例
+     */
+    static getInstance(config?: StyleManagerConfig): StyleManager;
+    /**
+     * 初始化样式管理器
+     */
+    private init;
+    /**
+     * 添加默认主题
+     */
+    private addDefaultTheme;
+    /**
+     * 转换颜色变量（将十六进制转换为RGB）
+     */
+    private convertColorVariables;
+    /**
+     * 十六进制颜色转换为RGB
+     */
+    private hexToRgb;
+    /**
+     * 添加样式规则
+     * @param id 样式ID
+     * @param cssText CSS文本
+     */
+    addStyle(id: string, cssText: string): void;
+    /**
+     * 移除样式规则
+     * @param id 样式ID
+     */
+    removeStyle(id: string): boolean;
+    /**
+     * 添加主题
+     * @param theme 主题配置
+     */
+    addTheme(theme: Theme): void;
+    /**
+     * 移除主题
+     * @param name 主题名称
+     */
+    removeTheme(name: string): boolean;
+    /**
+     * 应用主题
+     * @param name 主题名称
+     */
+    applyTheme(name: string): boolean;
+    /**
+     * 获取当前主题
+     */
+    getCurrentTheme(): string;
+    /**
+     * 获取主题配置
+     * @param name 主题名称
+     */
+    getTheme(name: string): Theme | undefined;
+    /**
+     * 获取所有主题名称
+     */
+    getThemeNames(): string[];
+    /**
+     * 更新样式变量
+     * @param variables 变量映射
+     */
+    updateVariables(variables: Record<string, string>): void;
+    /**
+     * 获取CSS变量值
+     * @param name 变量名
+     */
+    getVariable(name: string): string | undefined;
+    /**
+     * 设置CSS变量值
+     * @param name 变量名
+     * @param value 变量值
+     */
+    setVariable(name: string, value: string): void;
+    /**
+     * 生成作用域选择器
+     * @param selector 原始选择器
+     */
+    scopedSelector(selector: string): string;
+    /**
+     * 更新样式元素内容
+     */
+    private updateStyleElement;
+    /**
+     * 生成组件样式
+     * @param componentName 组件名称
+     * @param styles 样式对象
+     */
+    generateComponentStyles(componentName: string, styles: Record<string, string>): string;
+    /**
+     * 注入组件样式
+     * @param componentName 组件名称
+     * @param styles 样式对象
+     * @returns 样式ID
+     */
+    injectComponentStyles(componentName: string, styles: Record<string, string>): string;
+    /**
+     * 销毁样式管理器
+     */
+    destroy(): void;
+}
+/**
+ * 创建样式管理器的工厂函数
+ */
+export declare function createStyleManager(config?: StyleManagerConfig): StyleManager;
+/**
+ * 默认导出样式管理器实例
+ */
+export declare const styleManager: StyleManager;

package/dist/styles/index.d.ts

@@ -0,0 +1,128 @@
+import { StyleManager, StyleManagerConfig } from './StyleManager';
+import { ComponentStyles, createComponentStyles } from './ComponentStyles';
+export { StyleManager, createStyleManager, styleManager, type StyleRule, type Theme, type StyleManagerConfig, } from './StyleManager';
+export { ComponentStyles, createComponentStyles, getPredefinedComponentStyles, predefinedComponentStyles, type ComponentStyleOptions, } from './ComponentStyles';
+/**
+ * 样式模块版本信息
+ */
+export declare const VERSION = "1.0.0";
+/**
+ * 样式模块描述
+ */
+export declare const DESCRIPTION = "VMap Cesium Tool \u6837\u5F0F\u6A21\u5757 - \u63D0\u4F9B\u6837\u5F0F\u7BA1\u7406\u3001\u4E3B\u9898\u5207\u6362\u548C\u7EC4\u4EF6\u6837\u5F0F\u529F\u80FD";
+/**
+ * 预定义主题
+ */
+export declare const predefinedThemes: {
+    light: {
+        name: string;
+        variables: {
+            '--primary-color': string;
+            '--primary-hover-color': string;
+            '--primary-active-color': string;
+            '--background-color': string;
+            '--border-color': string;
+            '--text-color': string;
+            '--text-secondary-color': string;
+        };
+        rules: never[];
+    };
+    dark: {
+        name: string;
+        variables: {
+            '--primary-color': string;
+            '--primary-hover-color': string;
+            '--primary-active-color': string;
+            '--background-color': string;
+            '--border-color': string;
+            '--text-color': string;
+            '--text-secondary-color': string;
+        };
+        rules: never[];
+    };
+    blue: {
+        name: string;
+        variables: {
+            '--primary-color': string;
+            '--primary-hover-color': string;
+            '--primary-active-color': string;
+            '--background-color': string;
+            '--border-color': string;
+            '--text-color': string;
+            '--text-secondary-color': string;
+        };
+        rules: never[];
+    };
+};
+/**
+ * 初始化样式系统
+ */
+export declare function initStyleSystem(config?: StyleManagerConfig): StyleManager;
+/**
+ * 应用主题
+ */
+export declare function applyTheme(themeName: string): boolean;
+/**
+ * 获取当前主题
+ */
+export declare function getCurrentTheme(): string;
+/**
+ * 获取所有可用主题
+ */
+export declare function getAvailableThemes(): string[];
+/**
+ * 默认导出样式模块
+ */
+declare const stylesModule: {
+    VERSION: string;
+    DESCRIPTION: string;
+    styleManager: StyleManager;
+    initStyleSystem: typeof initStyleSystem;
+    applyTheme: typeof applyTheme;
+    getCurrentTheme: typeof getCurrentTheme;
+    getAvailableThemes: typeof getAvailableThemes;
+    predefinedThemes: {
+        light: {
+            name: string;
+            variables: {
+                '--primary-color': string;
+                '--primary-hover-color': string;
+                '--primary-active-color': string;
+                '--background-color': string;
+                '--border-color': string;
+                '--text-color': string;
+                '--text-secondary-color': string;
+            };
+            rules: never[];
+        };
+        dark: {
+            name: string;
+            variables: {
+                '--primary-color': string;
+                '--primary-hover-color': string;
+                '--primary-active-color': string;
+                '--background-color': string;
+                '--border-color': string;
+                '--text-color': string;
+                '--text-secondary-color': string;
+            };
+            rules: never[];
+        };
+        blue: {
+            name: string;
+            variables: {
+                '--primary-color': string;
+                '--primary-hover-color': string;
+                '--primary-active-color': string;
+                '--background-color': string;
+                '--border-color': string;
+                '--text-color': string;
+                '--text-secondary-color': string;
+            };
+            rules: never[];
+        };
+    };
+    ComponentStyles: typeof ComponentStyles;
+    createComponentStyles: typeof createComponentStyles;
+};
+export default stylesModule;

package/dist/utils/common.d.ts

@@ -12,3 +12,7 @@ export declare function heightToZoomLevel(height: number): number;
  * @returns 相机高度（米）
  */
 export declare function zoomLevelToHeight(zoomLevel: number): number;
+/**
+  * 深度合并对象
+  */
+export declare function deepMerge<T>(target: T, source: Partial<T>): T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xingm/vmap-cesium-toolbar",
-  "version": "0.0.6",
+  "version": "1.0.0",
   "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
   "type": "module",
   "main": "dist/index.es.js",