sat-earth 0.0.14 → 0.0.17

package/README.md

@@ -121,7 +121,7 @@ export default defineConfig({
 - 开始使用，组件化调用`<SatGlobe></SatGlobe>`，或者调用 `sat-earth` 暴露的方法，例:
 ```ts
 <script setup lang="ts">
-import { SatUtil, type MenuItem } from 'sat-earth'
+import { SatMapTypes, type MenuItem } from 'sat-earth'
 /*
   初始化参数尽量保证了和mars3d的Map构造一致性,但是任然有一些地方进行了小改动，下面请看
   改动：
@@ -157,7 +157,7 @@ import { SatUtil, type MenuItem } from 'sat-earth'
       ）
 
 */
-const options: SatUtil.types.SatMapOptions = {
+const options: SatMapTypes.SatMapOptions = {
   map3d: {
     control: {
       baseLayerPicker: true,
@@ -252,42 +252,54 @@ const options: SatUtil.types.SatMapOptions = {
   },
 }
 
-// 使用内置菜单组件时候，可以添加自定义菜单项， icon的class对应font-awesome图标库的class
-const treeData = ref<MenuItem[]>([{
-  name: 'hello',
-  label: '你好',
-  icon: {
-    class: 'fa-commenting-o'
+const isSourceVisible = ref(true)
+
+const treeData = ref<MenuItem[]>([
+  {
+    name: 'hello',
+    label: '你好',
+    icon: {
+      class: 'fa-commenting-o',
+    },
+    enable: false,
+    active: false
   },
-  enable: false
-}])
+])
 const changeDataToEnable = (item: MenuItem) => {
   item.enable = true
+  item.active = true
+  console.log('do init...')
 }
 const changeDataToUnEnable = (item: MenuItem) => {
   item.enable = false
+  item.active = false
+  console.log('do destroy...')
 }
+
+const isMounted = ref(false)
+onMounted(() => {
+  isMounted.value = true
+})
 </script>
 ```
 ```html
 <template>
-  <SatGlobe :sat-map-options="options">
-    <!-- 嵌入内置菜单组件 -->
+  <SatGlobe
+    v-if="isMounted"
+    :sat-map-options="options"
+  >
     <SatMenu>
-      <!-- 在菜单组件中再嵌入内置数据源组件 -->
       <SatSource></SatSource>
       <!-- 自定义菜单项 -->
       <template #custom-enable>
-        <!-- 启用中 -->
         <SatMenuTree
           :custom="true"
           show-type="enabled"
-          :tree-data="treeData.filter(i => i.enable)"
+          :tree-data="treeData.filter((i) => i.enable)"
           @custom-click="changeDataToEnable"
           @custom-close-click="changeDataToUnEnable"
         ></SatMenuTree>
       </template>
-        <!-- 所有菜单项 -->
       <template #custom>
         <SatMenuTree
           :custom="true"
@@ -296,11 +308,23 @@ const changeDataToUnEnable = (item: MenuItem) => {
         ></SatMenuTree>
       </template>
     </SatMenu>
-    <!-- 不使用菜单组件 -->
-    <!-- <SatSource v-model:visible="isVisible"></SatSource> -->
+
+    <!-- 使用SatPanel 面板组件 配合自定义菜单项完成自定义功能面板的开发-->
+    <!-- <SatPanel
+      v-if="treeData.filter(item=>item.name=='hello')[0].enable"
+      v-show="treeData.filter(item=>item.name=='hello')[0].active"
+      title="你好啊"
+      :close="()=>{treeData.filter(item=>item.name=='hello')[0].enable = false}"
+      :shrink="()=>{treeData.filter(item=>item.name=='hello')[0].active = false}"
+    >
+      内容
+    </SatPanel> -->
+
+    <!-- 在内置的menu外部使用组件 -->
+    <!-- <SatSource v-model:visible="isSourceVisible"></SatSource> -->
   </SatGlobe>
   <!-- 在SatGlobe外部无法使用组件 -->
-  <!-- <SatSource v-model:visible="isVisible"></SatSource> -->
+  <!-- <SatSource v-model:visible="isSourceVisible"></SatSource> -->
 </template>
 <style>
 body {

package/dist/packages/components/globe/SatGlobe.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type SatMapOptions, type SatLayerDev } from '../../utils/map/types';
+import { type SatMapOptions, type SatLayerDev } from '../../utils/types';
 import { type TreeSatLayer } from '../../store/modules/layer';
 declare const _sfc_main: import("vue").DefineComponent<{
     eleId: {
@@ -20,11 +20,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 enable: boolean;
                 active: boolean;
                 ready?: boolean | undefined;
-                isUnDestroy?: boolean | undefined;
             } | undefined;
         } & import("pinia").PiniaCustomStateProperties<import('../../store/modules/compState').CompState>) => any;
     }, {
-        setSatSource(val: import('../../store/modules/compState').StateItem): void;
+        setSatSource(item: import('../../store/modules/compState').StateItem): void;
+        changeCompState(itemName: string, flag: boolean): void;
     }>;
     layerStore: import("pinia").Store<"SatLayerDev", import('../../store/modules/layer').LayerState, {}, {
         setLayerList(val: SatLayerDev[]): void;

package/dist/packages/components/globe/helpers.d.ts

@@ -1,5 +1,4 @@
-import { SatMapOptions } from '../../utils/map/types';
-import { type SatLayer } from '../../utils/map/types';
+import { type SatLayer, type SatMapOptions } from '../../utils/types';
 export declare const getMergedData: (propMapInitOptions: SatMapOptions) => SatMapOptions;
 export declare const setDeepUnChecked: (list: SatLayer[], rootid: string | number) => void;
 export declare const mapOptions: SatMapOptions;

package/dist/packages/components/globe/index.d.ts

@@ -4,8 +4,8 @@ export declare const SatGlobe: import('../../utils/installer').SFCWithInstall<im
         default: string;
     };
     satMapOptions: {
-        type: import("vue").PropType<import("../../utils/map/types").SatMapOptions>;
-        default: () => import("../../utils/map/types").SatMapOptions;
+        type: import("vue").PropType<import("../../utils/types").SatMapOptions>;
+        default: () => import("../../utils/types").SatMapOptions;
     };
 }, {
     compStore: import("pinia").Store<"SatCompState", import("../../store/modules/compState").CompState, {
@@ -17,14 +17,14 @@ export declare const SatGlobe: import('../../utils/installer').SFCWithInstall<im
                 enable: boolean;
                 active: boolean;
                 ready?: boolean | undefined;
-                isUnDestroy?: boolean | undefined;
             } | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../store/modules/compState").CompState>) => any;
     }, {
-        setSatSource(val: import("../../store/modules/compState").StateItem): void;
+        setSatSource(item: import("../../store/modules/compState").StateItem): void;
+        changeCompState(itemName: string, flag: boolean): void;
     }>;
     layerStore: import("pinia").Store<"SatLayerDev", import("../../store/modules/layer").LayerState, {}, {
-        setLayerList(val: import("../../utils/map/types").SatLayerDev[]): void;
+        setLayerList(val: import("../../utils/types").SatLayerDev[]): void;
         setLayerTree(val: import("../../store/modules/layer").TreeSatLayer[]): void;
     }>;
     layoutStore: import("pinia").Store<"SatLayout", import("../../store/modules/layout").LayoutState, {}, {
@@ -38,13 +38,13 @@ export declare const SatGlobe: import('../../utils/installer').SFCWithInstall<im
             default: string;
         };
         satMapOptions: {
-            type: import("vue").PropType<import("../../utils/map/types").SatMapOptions>;
-            default: () => import("../../utils/map/types").SatMapOptions;
+            type: import("vue").PropType<import("../../utils/types").SatMapOptions>;
+            default: () => import("../../utils/types").SatMapOptions;
         };
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
-    merged: import("../../utils/map/types").SatMapOptions;
+    merged: import("../../utils/types").SatMapOptions;
     isDark: import("vue").Ref<boolean>;
     DarkIcon: {
         name: string;
@@ -58,11 +58,11 @@ export declare const SatGlobe: import('../../utils/installer').SFCWithInstall<im
         default: string;
     };
     satMapOptions: {
-        type: import("vue").PropType<import("../../utils/map/types").SatMapOptions>;
-        default: () => import("../../utils/map/types").SatMapOptions;
+        type: import("vue").PropType<import("../../utils/types").SatMapOptions>;
+        default: () => import("../../utils/types").SatMapOptions;
     };
 }>>, {
     eleId: string;
-    satMapOptions: import("../../utils/map/types").SatMapOptions;
+    satMapOptions: import("../../utils/types").SatMapOptions;
 }>>;
 export default SatGlobe;

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

@@ -2,3 +2,4 @@ export * from './globe';
 export * from './menu';
 export * from './menu/tree';
 export * from './source';
+export * from './panel';

package/dist/packages/components/menu/MenuDrawer.vue.d.ts

@@ -1,12 +1,13 @@
+import { type Ref } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     isVisible: {
         type: BooleanConstructor;
         default: () => boolean;
     };
 }, {
-    emit: (event: "changeVisible", ...args: any[]) => void;
+    isShowDrawer: Ref<boolean> | undefined;
     handleClose: () => void;
-    isMobile: import("vue").Ref<boolean>;
+    isMobile: Ref<boolean>;
     defaultOpend: string[];
     SatMenuTree: import("vue").DefineComponent<{
         treeData: {
@@ -22,6 +23,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => boolean;
         };
     }, {
+        compStateStore: import("pinia").Store<"SatCompState", import("../../store/modules/compState").CompState, {
+            getComponents: (state: {
+                SatSource?: {
+                    label: string;
+                    name: string;
+                    parentName: string;
+                    enable: boolean;
+                    active: boolean;
+                    ready?: boolean | undefined;
+                } | undefined;
+            } & import("pinia").PiniaCustomStateProperties<import("../../store/modules/compState").CompState>) => any;
+        }, {
+            setSatSource(item: import("../../store/modules/compState").StateItem): void;
+            changeCompState(itemName: string, flag: boolean): void;
+        }>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             treeData: {
                 type: import("vue").PropType<import("./helpers").MenuItem[]>;
@@ -36,16 +52,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: () => boolean;
             };
         }>> & {
-            onChangeVisible?: ((...args: any[]) => any) | undefined;
             onCustomClick?: ((...args: any[]) => any) | undefined;
             onCustomCloseClick?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "changeVisible" | "customClick" | "customCloseClick", ...args: any[]) => void;
+        emit: (event: "customClick" | "customCloseClick", ...args: any[]) => void;
+        isShowDrawer: Ref<boolean> | undefined;
         handleClose: () => void;
         handleMenuClick: (item: import("./helpers").MenuItem) => void;
         handleCloseItemClick: (item: import("./helpers").MenuItem) => void;
-        getAssetsSource: typeof import("../../utils").getAssetsSource;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeVisible" | "customClick" | "customCloseClick")[], "changeVisible" | "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        getAssetsSource: typeof import("../../utils/getAssetsSource").getAssetsSource;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customClick" | "customCloseClick")[], "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         treeData: {
             type: import("vue").PropType<import("./helpers").MenuItem[]>;
             default: () => import("./helpers").MenuItem[];
@@ -59,7 +75,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => boolean;
         };
     }>> & {
-        onChangeVisible?: ((...args: any[]) => any) | undefined;
         onCustomClick?: ((...args: any[]) => any) | undefined;
         onCustomCloseClick?: ((...args: any[]) => any) | undefined;
     }, {
@@ -69,14 +84,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>;
     menuList: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
     menuListEnabled: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeVisible"[], "changeVisible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isVisible: {
         type: BooleanConstructor;
         default: () => boolean;
     };
-}>> & {
-    onChangeVisible?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     isVisible: boolean;
 }>;
 export default _sfc_main;

package/dist/packages/components/menu/SatMenu.vue.d.ts

@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             default: () => boolean;
         };
     }, {
-        emit: (event: "changeVisible", ...args: any[]) => void;
+        isShowDrawer: import("vue").Ref<boolean> | undefined;
         handleClose: () => void;
         isMobile: import("vue").Ref<boolean>;
         defaultOpend: string[];
@@ -25,6 +25,21 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 default: () => boolean;
             };
         }, {
+            compStateStore: import("pinia").Store<"SatCompState", import("../../store/modules/compState").CompState, {
+                getComponents: (state: {
+                    SatSource?: {
+                        label: string;
+                        name: string;
+                        parentName: string;
+                        enable: boolean;
+                        active: boolean;
+                        ready?: boolean | undefined;
+                    } | undefined;
+                } & import("pinia").PiniaCustomStateProperties<import("../../store/modules/compState").CompState>) => any;
+            }, {
+                setSatSource(item: import("../../store/modules/compState").StateItem): void;
+                changeCompState(itemName: string, flag: boolean): void;
+            }>;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 treeData: {
                     type: import("vue").PropType<import("./helpers").MenuItem[]>;
@@ -39,16 +54,16 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     default: () => boolean;
                 };
             }>> & {
-                onChangeVisible?: ((...args: any[]) => any) | undefined;
                 onCustomClick?: ((...args: any[]) => any) | undefined;
                 onCustomCloseClick?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "changeVisible" | "customClick" | "customCloseClick", ...args: any[]) => void;
+            emit: (event: "customClick" | "customCloseClick", ...args: any[]) => void;
+            isShowDrawer: import("vue").Ref<boolean> | undefined;
             handleClose: () => void;
             handleMenuClick: (item: import("./helpers").MenuItem) => void;
             handleCloseItemClick: (item: import("./helpers").MenuItem) => void;
-            getAssetsSource: typeof import("../../utils").getAssetsSource;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeVisible" | "customClick" | "customCloseClick")[], "changeVisible" | "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            getAssetsSource: typeof import("../../utils/getAssetsSource").getAssetsSource;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customClick" | "customCloseClick")[], "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             treeData: {
                 type: import("vue").PropType<import("./helpers").MenuItem[]>;
                 default: () => import("./helpers").MenuItem[];
@@ -62,7 +77,6 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 default: () => boolean;
             };
         }>> & {
-            onChangeVisible?: ((...args: any[]) => any) | undefined;
             onCustomClick?: ((...args: any[]) => any) | undefined;
             onCustomCloseClick?: ((...args: any[]) => any) | undefined;
         }, {
@@ -72,14 +86,12 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         }>;
         menuList: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
         menuListEnabled: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeVisible"[], "changeVisible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         isVisible: {
             type: BooleanConstructor;
             default: () => boolean;
         };
-    }>> & {
-        onChangeVisible?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>>, {
         isVisible: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/dist/packages/components/menu/helpers.d.ts

@@ -12,4 +12,3 @@ export declare type MenuItem = Partial<StateItem> & {
 export declare const menuTemplate: Array<MenuItem>;
 export declare const menuList: import("vue").ComputedRef<MenuItem[]>;
 export declare const menuListEnabled: import("vue").ComputedRef<MenuItem[]>;
-export declare const changeCompState: (item: MenuItem, flag: boolean) => void;

package/dist/packages/components/menu/index.d.ts

@@ -7,7 +7,7 @@ export declare const SatMenu: import('../../utils/installer').SFCWithInstall<imp
             default: () => boolean;
         };
     }, {
-        emit: (event: "changeVisible", ...args: any[]) => void;
+        isShowDrawer: import("vue").Ref<boolean> | undefined;
         handleClose: () => void;
         isMobile: import("vue").Ref<boolean>;
         defaultOpend: string[];
@@ -25,6 +25,21 @@ export declare const SatMenu: import('../../utils/installer').SFCWithInstall<imp
                 default: () => boolean;
             };
         }, {
+            compStateStore: import("pinia").Store<"SatCompState", import("../../store/modules/compState").CompState, {
+                getComponents: (state: {
+                    SatSource?: {
+                        label: string;
+                        name: string;
+                        parentName: string;
+                        enable: boolean;
+                        active: boolean;
+                        ready?: boolean | undefined;
+                    } | undefined;
+                } & import("pinia").PiniaCustomStateProperties<import("../../store/modules/compState").CompState>) => any;
+            }, {
+                setSatSource(item: import("../../store/modules/compState").StateItem): void;
+                changeCompState(itemName: string, flag: boolean): void;
+            }>;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 treeData: {
                     type: import("vue").PropType<import("./helpers").MenuItem[]>;
@@ -39,16 +54,16 @@ export declare const SatMenu: import('../../utils/installer').SFCWithInstall<imp
                     default: () => boolean;
                 };
             }>> & {
-                onChangeVisible?: ((...args: any[]) => any) | undefined;
                 onCustomClick?: ((...args: any[]) => any) | undefined;
                 onCustomCloseClick?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "changeVisible" | "customClick" | "customCloseClick", ...args: any[]) => void;
+            emit: (event: "customClick" | "customCloseClick", ...args: any[]) => void;
+            isShowDrawer: import("vue").Ref<boolean> | undefined;
             handleClose: () => void;
             handleMenuClick: (item: import("./helpers").MenuItem) => void;
             handleCloseItemClick: (item: import("./helpers").MenuItem) => void;
-            getAssetsSource: typeof import("../../utils").getAssetsSource;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeVisible" | "customClick" | "customCloseClick")[], "changeVisible" | "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            getAssetsSource: typeof import("../../utils/getAssetsSource").getAssetsSource;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customClick" | "customCloseClick")[], "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             treeData: {
                 type: import("vue").PropType<import("./helpers").MenuItem[]>;
                 default: () => import("./helpers").MenuItem[];
@@ -62,7 +77,6 @@ export declare const SatMenu: import('../../utils/installer').SFCWithInstall<imp
                 default: () => boolean;
             };
         }>> & {
-            onChangeVisible?: ((...args: any[]) => any) | undefined;
             onCustomClick?: ((...args: any[]) => any) | undefined;
             onCustomCloseClick?: ((...args: any[]) => any) | undefined;
         }, {
@@ -72,14 +86,12 @@ export declare const SatMenu: import('../../utils/installer').SFCWithInstall<imp
         }>;
         menuList: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
         menuListEnabled: import("vue").ComputedRef<import("./helpers").MenuItem[]>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeVisible"[], "changeVisible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         isVisible: {
             type: BooleanConstructor;
             default: () => boolean;
         };
-    }>> & {
-        onChangeVisible?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>>, {
         isVisible: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

package/dist/packages/components/menu/tree/SatMenuTree.vue.d.ts

@@ -1,5 +1,5 @@
-import { type PropType } from 'vue';
-import { getAssetsSource } from '../../../utils';
+import { type PropType, type Ref } from 'vue';
+import { getAssetsSource } from '../../../utils/getAssetsSource';
 import { type MenuItem } from '../helpers';
 declare const _sfc_main: import("vue").DefineComponent<{
     treeData: {
@@ -15,6 +15,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => boolean;
     };
 }, {
+    compStateStore: import("pinia").Store<"SatCompState", import('../../../store/modules/compState').CompState, {
+        getComponents: (state: {
+            SatSource?: {
+                label: string;
+                name: string;
+                parentName: string;
+                enable: boolean;
+                active: boolean;
+                ready?: boolean | undefined;
+            } | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import('../../../store/modules/compState').CompState>) => any;
+    }, {
+        setSatSource(item: import('../../../store/modules/compState').StateItem): void;
+        changeCompState(itemName: string, flag: boolean): void;
+    }>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         treeData: {
             type: PropType<MenuItem[]>;
@@ -29,16 +44,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: () => boolean;
         };
     }>> & {
-        onChangeVisible?: ((...args: any[]) => any) | undefined;
         onCustomClick?: ((...args: any[]) => any) | undefined;
         onCustomCloseClick?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "changeVisible" | "customClick" | "customCloseClick", ...args: any[]) => void;
+    emit: (event: "customClick" | "customCloseClick", ...args: any[]) => void;
+    isShowDrawer: Ref<boolean> | undefined;
     handleClose: () => void;
     handleMenuClick: (item: MenuItem) => void;
     handleCloseItemClick: (item: MenuItem) => void;
     getAssetsSource: typeof getAssetsSource;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeVisible" | "customClick" | "customCloseClick")[], "changeVisible" | "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customClick" | "customCloseClick")[], "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: PropType<MenuItem[]>;
         default: () => MenuItem[];
@@ -52,7 +67,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => boolean;
     };
 }>> & {
-    onChangeVisible?: ((...args: any[]) => any) | undefined;
     onCustomClick?: ((...args: any[]) => any) | undefined;
     onCustomCloseClick?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/packages/components/menu/tree/index.d.ts

@@ -12,6 +12,21 @@ export declare const SatMenuTree: import('../../../utils/installer').SFCWithInst
         default: () => boolean;
     };
 }, {
+    compStateStore: import("pinia").Store<"SatCompState", import("../../../store/modules/compState").CompState, {
+        getComponents: (state: {
+            SatSource?: {
+                label: string;
+                name: string;
+                parentName: string;
+                enable: boolean;
+                active: boolean;
+                ready?: boolean | undefined;
+            } | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../store/modules/compState").CompState>) => any;
+    }, {
+        setSatSource(item: import("../../../store/modules/compState").StateItem): void;
+        changeCompState(itemName: string, flag: boolean): void;
+    }>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         treeData: {
             type: import("vue").PropType<import("..").MenuItem[]>;
@@ -26,16 +41,16 @@ export declare const SatMenuTree: import('../../../utils/installer').SFCWithInst
             default: () => boolean;
         };
     }>> & {
-        onChangeVisible?: ((...args: any[]) => any) | undefined;
         onCustomClick?: ((...args: any[]) => any) | undefined;
         onCustomCloseClick?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "changeVisible" | "customClick" | "customCloseClick", ...args: any[]) => void;
+    emit: (event: "customClick" | "customCloseClick", ...args: any[]) => void;
+    isShowDrawer: import("vue").Ref<boolean> | undefined;
     handleClose: () => void;
     handleMenuClick: (item: import("..").MenuItem) => void;
     handleCloseItemClick: (item: import("..").MenuItem) => void;
-    getAssetsSource: typeof import("../../../utils").getAssetsSource;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeVisible" | "customClick" | "customCloseClick")[], "changeVisible" | "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    getAssetsSource: typeof import("../../../utils/getAssetsSource").getAssetsSource;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customClick" | "customCloseClick")[], "customClick" | "customCloseClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: import("vue").PropType<import("..").MenuItem[]>;
         default: () => import("..").MenuItem[];
@@ -49,7 +64,6 @@ export declare const SatMenuTree: import('../../../utils/installer').SFCWithInst
         default: () => boolean;
     };
 }>> & {
-    onChangeVisible?: ((...args: any[]) => any) | undefined;
     onCustomClick?: ((...args: any[]) => any) | undefined;
     onCustomCloseClick?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/packages/components/panel/SatPanel.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    shrink: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    close: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        shrink: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+        close: {
+            type: FunctionConstructor;
+            default: () => void;
+        };
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    isMobile: import("vue").Ref<boolean>;
+    draggable: import("vue").Ref<boolean>;
+    dragElement: import("vue").Ref<HTMLElement | null>;
+    style: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    shrink: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    close: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>>, {
+    close: Function;
+    shrink: Function;
+}>;
+export default _sfc_main;