ym-giswidget-2d 1.0.3 → 1.0.4

package/components/horizontally-top-toolbar/horizontallyTopToolbar.vue2.js

@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["layerInitLoaded"],
   setup(__props, { emit: __emit }) {
-    const modules = /* @__PURE__ */ Object.assign({ "./horizontallyTopToolbar.vue": () => import("./horizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "./style.scss": () => Promise.resolve({      }), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../layer-tree/layerTree.vue": () => import("../layer-tree/layerTree.vue.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/PanelMultiScreen.vue": () => import("../multi-screen/PanelMultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../toc-card/index.ts": () => import("../toc-card/index.js"), "../toc-card/tocCard.vue": () => import("../toc-card/tocCard.vue.js") });
+    const modules = /* @__PURE__ */ Object.assign({ "./horizontallyTopToolbar.vue": () => import("./horizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "./style.scss": () => Promise.resolve({      }), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../layer-tree/layerTree.vue": () => import("../layer-tree/layerTree.vue.js"), "../multi-screen-panel/PanelMultiScreen.vue": () => import("../multi-screen-panel/PanelMultiScreen.vue.js"), "../multi-screen-panel/index.ts": () => import("../multi-screen-panel/index.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../toc-card/index.ts": () => import("../toc-card/index.js"), "../toc-card/tocCard.vue": () => import("../toc-card/tocCard.vue.js") });
     const props = __props;
     const reactiveValue = reactive({
       activeIds: [],

package/components/multi-screen/MultiScreen.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MultiScreen.vue2.js";
 /* empty css                 */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const MultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ffcab526"]]);
+const _MultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34aec27a"]]);
 export {
-  MultiScreen as default
+  _MultiScreen as default
 };

package/components/multi-screen/MultiScreen.vue2.js

@@ -16,7 +16,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mainMap: {},
     options: {}
   },
-  setup(__props) {
+  emits: ["loaded"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const reactiveValue = reactive({
       screenMaps: []
@@ -46,6 +48,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onUnmounted(() => {
     });
+    function loadedLayer() {
+      emit("loaded");
+    }
     const screenStyle = computed(
       () => {
         return {
@@ -53,6 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         };
       }
     );
+    __expose({
+      screenMaps: reactiveValue.screenMaps
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.screenNum, (item) => {
@@ -68,7 +76,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             reactiveValue.screenMaps[item - 1] ? (openBlock(), createBlock(unref(TocCard), {
               key: 0,
               data: _ctx.layers,
-              map: reactiveValue.screenMaps[item - 1]
+              map: reactiveValue.screenMaps[item - 1],
+              onLoaded: loadedLayer
             }, null, 8, ["data", "map"])) : createCommentVNode("", true)
           ], 4);
         }), 128))

package/components/multi-screen/index.css

@@ -1,12 +1,12 @@
-.multi-screen-container[data-v-ffcab526] {
+.multi-screen-container[data-v-34aec27a] {
   display: flex;
   height: 100%;
   width: 100%;
 }
-.multi-screen-container .multi-screen[data-v-ffcab526] {
+.multi-screen-container .multi-screen[data-v-34aec27a] {
   border: 1px solid black;
 }
-.multi-screen-container .multi-screen .multi-screen__map[data-v-ffcab526] {
+.multi-screen-container .multi-screen .multi-screen__map[data-v-34aec27a] {
   width: 100%;
   height: 100%;
 }

package/components/multi-screen/index.js

@@ -1,7 +1,7 @@
 import "./index.css";
 import { withInstall } from "../../utils/wthInstall.js";
-import MultiScreen$1 from "./MultiScreen.vue.js";
-const MultiScreen = withInstall(MultiScreen$1);
+import _MultiScreen from "./MultiScreen.vue.js";
+const MultiScreen = withInstall(_MultiScreen);
 export {
   MultiScreen,
   MultiScreen as default

package/components/{multi-screen → multi-screen-panel}/PanelMultiScreen.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
 import DraggablePanel from "../../panel/DraggablePanel.vue.js";
-import MultiScreen from "./MultiScreen.vue.js";
+import { MultiScreen } from "../multi-screen/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PanelMultiScreen",
   props: {
@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         title: "多屏"
       }, {
         default: withCtx(() => [
-          createVNode(MultiScreen, {
+          createVNode(unref(MultiScreen), {
             layers: _ctx.data,
             screenNum: 2
           }, null, 8, ["layers"])

package/components/multi-screen-panel/index.js

@@ -0,0 +1,8 @@
+import "./index.css";
+import { withInstall } from "../../utils/wthInstall.js";
+import _sfc_main from "./PanelMultiScreen.vue2.js";
+const PanelMultiScreen = withInstall(_sfc_main);
+export {
+  PanelMultiScreen,
+  PanelMultiScreen as default
+};

package/components/toc-card/index.css

@@ -1,4 +1,4 @@
-.toc-card[data-v-9c579a13] {
+.toc-card[data-v-92118f87] {
   background-color: var(--system-primary-color);
   position: absolute;
   width: 245px;

package/components/toc-card/index.d.ts

@@ -2,9 +2,13 @@ export declare const TocCard: import('../../utils').WithInstall<import('vue').De
     data: import('ym-giscomm-2d/entity').IMapService[];
     map: import('ym-giscomm-2d/mapView/Map').default;
     editLayerTag?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    loaded: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{
     data: import('ym-giscomm-2d/entity').IMapService[];
     map: import('ym-giscomm-2d/mapView/Map').default;
     editLayerTag?: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
+}> & Readonly<{
+    onLoaded?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
 export default TocCard;

package/components/toc-card/tocCard.vue.d.ts

@@ -5,5 +5,9 @@ type __VLS_Props = {
     map: OLMap;
     editLayerTag?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    loaded: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLoaded?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/toc-card/tocCard.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./tocCard.vue2.js";
 /* empty css             */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _TocCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c579a13"]]);
+const _TocCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92118f87"]]);
 export {
   _TocCard as default
 };

package/components/toc-card/tocCard.vue2.js

@@ -10,8 +10,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     map: {},
     editLayerTag: {}
   },
-  setup(__props) {
+  emits: ["loaded"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
+    function loadedLayer() {
+      emit("loaded");
+    }
     return (_ctx, _cache) => {
       const _component_el_card = ElCard;
       return openBlock(), createBlock(_component_el_card, { class: "toc-card" }, {
@@ -19,7 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(LayerTree), {
             data: props.data,
             map: props.map,
-            editLayerTag: props.editLayerTag
+            editLayerTag: props.editLayerTag,
+            onLoaded: loadedLayer
           }, null, 8, ["data", "map", "editLayerTag"])
         ]),
         _: 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ym-giswidget-2d",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -10,6 +10,6 @@
     "ol": "^9.2.4",
     "@element-plus/icons-vue": "^2.3.1",
     "element-plus": "^2.9.0",
-    "ym-giscomm-2d": "1.0.2"
+    "ym-giscomm-2d": "1.0.3"
   }
 }

package/components/multi-screen/MultiScreen.vue.d.ts

@@ -1,12 +0,0 @@
-import { default as OLMap, OlMapOptions } from 'ym-giscomm-2d/mapView/Map';
-import { default as IMapService } from 'ym-giscomm-2d/entity/layer/IMapService';
-type __VLS_Props = {
-    layers: IMapService[];
-    screenNum: number;
-    mainMap?: OLMap;
-    options?: OlMapOptions;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    screenNum: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/components/multi-screen/index.d.ts

@@ -1,14 +0,0 @@
-export declare const MultiScreen: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    layers: import('ym-giscomm-2d/entity').IMapService[];
-    screenNum: number;
-    mainMap?: import('ym-giscomm-2d/mapView/Map').default;
-    options?: import('ym-giscomm-2d/mapView/Map').OlMapOptions;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    layers: import('ym-giscomm-2d/entity').IMapService[];
-    screenNum: number;
-    mainMap?: import('ym-giscomm-2d/mapView/Map').default;
-    options?: import('ym-giscomm-2d/mapView/Map').OlMapOptions;
-}> & Readonly<{}>, {
-    screenNum: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
-export default MultiScreen;