zs_library 0.4.25 → 0.5.0

package/dist/components/desktop/context/config/context.d.ts

@@ -6,7 +6,7 @@ import { SortItem } from '../../types';
  * 需要跨多个组件传递的配置，使用 context 传递
  */
 export interface SortableConfig<D, C> {
-    theme?: Theme;
+    theme: Theme;
     /**
      * 是否不显示名称
      */
@@ -18,7 +18,8 @@ export interface SortableConfig<D, C> {
     /**
      * 自定义分页点容器
      */
-    pagingDotsBuilder?: (dots: React.ReactNode) => React.JSX.Element; /**
+    pagingDotsBuilder?: (dots: React.ReactNode) => React.JSX.Element;
+    /**
      * 自定义分页点
      * @param item 分页项数据
      * @param index 分页项索引

package/dist/components/desktop/items/group-item.d.ts

@@ -1,6 +1,6 @@
 import { SortItem } from '../types';
 import { SortableItemProps } from './sortable-item';
-interface SortableGroupItemProps<D, C> extends SortableItemProps<D, C> {
+export interface SortableGroupItemProps<D, C> extends SortableItemProps<D, C> {
     data: SortItem<D, C>;
 }
 declare const SortableGroupItem: <D, C>(props: SortableGroupItemProps<D, C>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop/sortable.d.ts

@@ -26,6 +26,10 @@ export interface SortableProps<D, C> {
      * 点击 item 事件
      */
     onItemClick?: (item: SortItem<D, C>) => void;
+    /**
+     * 自定义额外项目，将显示在子项列表末尾
+     */
+    extraItems?: (listItem: SortItem<D, C>) => React.ReactNode;
 }
 declare const Sortable: <D, C>(props: SortableProps<D, C>) => import("react/jsx-runtime").JSX.Element;
 export default Sortable;

package/dist/components/desktop/utils.d.ts

@@ -1,34 +1,7 @@
-import { Theme } from './theme';
 import { SortItem } from './types';
 declare class SortableUtils {
     /** 清理重复id */
     static uniqueArray: (array: SortItem[]) => SortItem<any, any>[];
-    static getTheme: (theme?: Theme) => {
-        light: {
-            itemNameColor?: string;
-            itemIconBackgroundColor?: string;
-            itemIconShadowColor?: string;
-            groupItemIconBackgroundColor?: string;
-            groupItemIconShadowColor?: string;
-            groupItemModalBackgroundColor?: string;
-            contextMenuTextColor?: string;
-            contextMenuActiveColor?: string;
-            contextMenuBackgroundColor?: string;
-            contextMenuShadowColor?: string;
-        };
-        dark: {
-            itemNameColor?: string;
-            itemIconBackgroundColor?: string;
-            itemIconShadowColor?: string;
-            groupItemIconBackgroundColor?: string;
-            groupItemIconShadowColor?: string;
-            groupItemModalBackgroundColor?: string;
-            contextMenuTextColor?: string;
-            contextMenuActiveColor?: string;
-            contextMenuBackgroundColor?: string;
-            contextMenuShadowColor?: string;
-        };
-    };
     static quickJSONCheck: (str: any) => boolean;
 }
 export default SortableUtils;

package/dist/components/index.d.ts

@@ -2,6 +2,10 @@ export { default as Desktop } from './desktop';
 export type { DesktopHandle, DesktopProps } from './desktop';
 export { default as DesktopSortable } from './desktop/sortable';
 export type { SortableProps as DesktopSortableProps } from './desktop/sortable';
+export { default as DesktopGroupItem } from './desktop/items/group-item';
+export type { SortableGroupItemProps as DesktopGroupItemProps } from './desktop/items/group-item';
+export { default as DesktopAppItem } from './desktop/items/sortable-item';
+export type { SortableItemProps as DesktopAppItemProps } from './desktop/items/sortable-item';
 export { SortableConfigProvider as DesktopSortableConfigProvider } from './desktop/context/config/context';
 export type { SortableConfigProviderProps as DesktopSortableConfigProviderProps } from './desktop/context/config/context';
 export { SortableStateProvider as DesktopSortableStateProvider } from './desktop/context/state/context';
@@ -20,3 +24,5 @@ export { useMotionValue as useDockDesktopMouseX } from 'framer-motion';
 export type { DesktopIconContainerProps as DockDesktopItemProps } from './dock/dock-desktop';
 export type { MobileIconContainerProps as DockMobileItemProps } from './dock/dock-mobile';
 export { default as Editor } from './editor';
+export { default as GeoMap } from './map-view';
+export type { GeoMapProps } from './map-view';

package/dist/components/map-view/calculateVisibleAreas.d.ts

@@ -0,0 +1,17 @@
+import { MapRef } from 'react-map-gl/maplibre';
+import { FeatureCollection } from 'geojson';
+/**
+ * 计算当前视图范围内的省份
+ * 即使省份只有一小部分在可视范围内也会被计入
+ */
+export declare const calculateVisibleAreas: (mapRef: MapRef | null, geoData: FeatureCollection | null, areaCenters: Array<{
+    name: string;
+    longitude: number;
+    latitude: number;
+    code: string;
+}>) => Array<{
+    name: string;
+    longitude: number;
+    latitude: number;
+    code: string;
+}>;

package/dist/components/map-view/index.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { FeatureCollection } from 'geojson';
+export interface GeoMapProps {
+    /** 初始缩放级别 */
+    initialZoom?: number;
+    /** 初始中心点经度 */
+    initialLongitude?: number;
+    /** 初始中心点纬度 */
+    initialLatitude?: number;
+    /** 自定义样式 */
+    className?: string;
+    /** 区域ID长度与缩放级别的映射关系 */
+    zoomLevels?: {
+        [key: number]: number;
+    };
+    /** 地图样式 URL */
+    mapStyle?: string;
+    /** 地图容器样式 */
+    style?: React.CSSProperties;
+    /** 视图范围内省份变化时的回调函数 */
+    onVisibleAreasChanged?: (visibleAreas: Array<{
+        name: string;
+        longitude: number;
+        latitude: number;
+        code: string;
+    }>) => void;
+    /** 显示区级数据的最小缩放级别 */
+    districtMinZoom?: number;
+    /** 显示市级数据的最小缩放级别 */
+    cityMinZoom?: number;
+    /** 自定义请求地理数据的方法 */
+    fetchGeoData?: (areaId: string) => Promise<FeatureCollection>;
+    /** 其他子组件 */
+    children?: React.ReactNode;
+}
+/**
+ * GeoMap 组件 - 基于react-map-gl和maplibre-gl的地理数据可视化组件
+ *
+ * 根据缩放级别自动加载和卸载不同级别的地理数据
+ */
+declare const GeoMap: React.FC<GeoMapProps>;
+export default GeoMap;