@vunk/form 1.1.30 → 1.1.31

package/components/esri-input-geojson/index.css

@@ -1,35 +1,37 @@
 
-.vkf-esri-input-geojson__map{
+.vkf-esri-input-geojson__map {
   height: 350px;
 }
 
-.vkf-esri-input-geojson-dialog .el-dialog.is-fullscreen{
+.vkf-esri-input-geojson-dialog .el-dialog.is-fullscreen {
   height: 100%;
 }
-.vkf-esri-input-geojson-dialog .el-dialog{
+
+.vkf-esri-input-geojson-dialog .el-dialog {
   display: flex;
   flex-direction: column;
   min-height: 50%;
 }
-.vkf-esri-input-geojson-dialog .el-dialog__body{
+
+.vkf-esri-input-geojson-dialog .el-dialog__body {
   display: flex;
   flex-direction: column;
   flex: 1;
   overflow: hidden;
   padding: 0;
 }
-.vkf-esri-input-geojson-dialog__map{
+
+.vkf-esri-input-geojson-dialog__map {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
 
-.vkf-esri-input-geojson-dialog__map > .va-map-view{
+.vkf-esri-input-geojson-dialog__map>.va-map-view {
   flex: 1;
 }
 
-
 .el-button.vkf-esri-input-geojson__upload{
   border-color: transparent;
   background-color: transparent;

package/components/esri-input-geojson/index.js

@@ -1360,15 +1360,18 @@ var _sfc_main = defineComponent({
       return container == null ? void 0 : container.querySelector(".esri-sketch__panel");
     });
     const viewDef = new Deferred();
+    const layerRef = shallowRef();
     const sketchLoad = async (e) => {
       await e.sketch.when();
       sketchRef.value = e.sketch;
       viewDef.resolve(sketchRef.value.view);
     };
     const layerLoad = async ({
-      view
+      view,
+      layer
     }) => {
       viewDef.resolve(view);
+      layerRef.value = layer;
     };
     const availableCreatureTools = computed(() => {
       if (Array.isArray(props2.editTypes)) {
@@ -1404,6 +1407,9 @@ var _sfc_main = defineComponent({
       mapTo.value = normalMapRef.value;
     });
     const dialogShow = ref(false);
+    const setDialogShow = (v) => {
+      dialogShow.value = v;
+    };
     const dialogOnOpen = async () => {
       mapTo.value = dialogMapRef.value;
     };
@@ -1507,6 +1513,7 @@ var _sfc_main = defineComponent({
       sketchLoad,
       shetchPanel,
       dialogShow,
+      setDialogShow,
       normalMapRef,
       dialogMapRef,
       dialogOnOpen,
@@ -1515,7 +1522,9 @@ var _sfc_main = defineComponent({
       doSave,
       readonly,
       layerLoad,
-      sketchIf
+      sketchIf,
+      fly,
+      layerRef
     };
   }
 });
@@ -1532,67 +1541,79 @@ const _hoisted_3 = {
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfInput = resolveComponent("VkfInput");
-  const _component_VaGraphicsLayer = resolveComponent("VaGraphicsLayer");
   const _component_DocumentChecked = resolveComponent("DocumentChecked");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_VkAsyncTeleport = resolveComponent("VkAsyncTeleport");
   const _component_VaSketch = resolveComponent("VaSketch");
+  const _component_VaGraphicsLayer = resolveComponent("VaGraphicsLayer");
   const _component_ViewerVue = resolveComponent("ViewerVue");
   const _component_ElDialog = resolveComponent("ElDialog");
 
   return (openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_VkfInput, mergeProps({
-      readonly: true,
-      "model-value": JSON.stringify(_ctx.modelValue)
-    }, _ctx.inputBindProps, {
-      "input-slots": {
+    renderSlot(_ctx.$slots, "custom", {
+      modelValue: _ctx.modelValue,
+      fly: _ctx.fly,
+      setDialogShow: _ctx.setDialogShow,
+      layer: _ctx.layerRef,
+      showMap: _ctx.showMap
+    }, () => [
+      createVNode(_component_VkfInput, mergeProps({
+        readonly: true,
+        "model-value": JSON.stringify(_ctx.modelValue)
+      }, _ctx.inputBindProps, {
+        "input-slots": {
         append: _ctx.append
       }
-    }, toHandlers(_ctx.inputOnEmits)), null, 16 /* FULL_PROPS */, ["model-value", "input-slots"]),
+      }, toHandlers(_ctx.inputOnEmits)), null, 16 /* FULL_PROPS */, ["model-value", "input-slots"])
+    ]),
     createVNode(_component_VkAsyncTeleport, { to: _ctx.mapTo }, {
       default: withCtx(() => [
         createVNode(_component_ViewerVue, { view: _ctx.view }, {
           default: withCtx(() => [
-            (_ctx.readonly || !_ctx.sketchIf)
-              ? (openBlock(), createBlock(_component_VaGraphicsLayer, {
-                  key: 0,
-                  graphics: _ctx.sketchValue,
-                  onLoad: _ctx.layerLoad
-                }, null, 8 /* PROPS */, ["graphics", "onLoad"]))
-              : (openBlock(), createBlock(_component_VaSketch, {
-                  key: 1,
-                  "view-model-active-fill-symbol": _ctx.viewModelActiveFillSymbol,
-                  "view-model-active-line-symbol": _ctx.viewModelActiveLineSymbol,
-                  "view-model-active-point-symbol": _ctx.viewModelActivePointSymbol,
-                  multiple: _ctx.multiple,
-                  "available-creature-tools": _ctx.availableCreatureTools,
-                  "model-value": _ctx.sketchValue,
-                  "onUpdate:modelValue": _ctx.handleUpdateSketchValue,
-                  onLoad: _ctx.sketchLoad
-                }, {
-                  default: withCtx(() => [
-                    (!_ctx.skipSave && _ctx.shetchPanel)
-                      ? (openBlock(), createBlock(_component_VkAsyncTeleport, {
-                          key: 0,
-                          to: _ctx.shetchPanel
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_ElIcon, {
-                              class: "esri-sketch-ui-save esri-widget--button",
-                              onClick: _ctx.doSave
+            createVNode(_component_VaGraphicsLayer, {
+              graphics: _ctx.sketchValue,
+              onLoad: _ctx.layerLoad
+            }, {
+              default: withCtx(() => [
+                (!(_ctx.readonly || !_ctx.sketchIf))
+                  ? (openBlock(), createBlock(_component_VaSketch, {
+                      key: 0,
+                      "view-model-active-fill-symbol": _ctx.viewModelActiveFillSymbol,
+                      "view-model-active-line-symbol": _ctx.viewModelActiveLineSymbol,
+                      "view-model-active-point-symbol": _ctx.viewModelActivePointSymbol,
+                      multiple: _ctx.multiple,
+                      "available-creature-tools": _ctx.availableCreatureTools,
+                      "model-value": _ctx.sketchValue,
+                      "onUpdate:modelValue": _ctx.handleUpdateSketchValue,
+                      onLoad: _ctx.sketchLoad
+                    }, {
+                      default: withCtx(() => [
+                        (!_ctx.skipSave && _ctx.shetchPanel)
+                          ? (openBlock(), createBlock(_component_VkAsyncTeleport, {
+                              key: 0,
+                              to: _ctx.shetchPanel
                             }, {
                               default: withCtx(() => [
-                                createVNode(_component_DocumentChecked)
+                                createVNode(_component_ElIcon, {
+                                  class: "esri-sketch-ui-save esri-widget--button",
+                                  onClick: _ctx.doSave
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_DocumentChecked)
+                                  ]),
+                                  _: 1 /* STABLE */
+                                }, 8 /* PROPS */, ["onClick"])
                               ]),
                               _: 1 /* STABLE */
-                            }, 8 /* PROPS */, ["onClick"])
-                          ]),
-                          _: 1 /* STABLE */
-                        }, 8 /* PROPS */, ["to"]))
-                      : createCommentVNode("v-if", true)
-                  ]),
-                  _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["view-model-active-fill-symbol", "view-model-active-line-symbol", "view-model-active-point-symbol", "multiple", "available-creature-tools", "model-value", "onUpdate:modelValue", "onLoad"]))
+                            }, 8 /* PROPS */, ["to"]))
+                          : createCommentVNode("v-if", true)
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["view-model-active-fill-symbol", "view-model-active-line-symbol", "view-model-active-point-symbol", "multiple", "available-creature-tools", "model-value", "onUpdate:modelValue", "onLoad"]))
+                  : createCommentVNode("v-if", true)
+              ]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["graphics", "onLoad"])
           ]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["view"])

package/components/esri-input-geojson/src/index.vue.d.ts

@@ -250,6 +250,7 @@ declare const _default: import("vue").DefineComponent<{
     sketchLoad: __VaSketch.OnLoad;
     shetchPanel: import("vue").ComputedRef<Element | null>;
     dialogShow: Ref<boolean>;
+    setDialogShow: (v: boolean) => void;
     normalMapRef: Ref<HTMLDivElement>;
     dialogMapRef: Ref<HTMLDivElement>;
     dialogOnOpen: () => Promise<void>;
@@ -259,6 +260,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: import("vue").ComputedRef<boolean>;
     layerLoad: __VaGraphicsLayer.OnLoad;
     sketchIf: Ref<boolean>;
+    fly: () => Promise<void>;
+    layerRef: Ref<__esri.GraphicsLayer>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (e: import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>) => import("geojson").FeatureCollection<import("geojson").Geometry, import("geojson").GeoJsonProperties>;
     'update:flying': null;

package/components/esri-input-geojson/src/types.d.ts

@@ -1,8 +1,10 @@
 import { __VaSketch } from '@vuesri/core';
-import { Media, VueComponentPropsType } from '@vunk/core';
+import { AnyFunc, Media, VueComponentPropsType } from '@vunk/core';
 import { EDIT_TYPE } from './const';
 import type { VkfEsriInputGeojson } from '@vunk/form/components/esri-input-geojson';
 import { BasicSource } from '@vunk/form/shared';
+import type { FeatureCollection } from 'geojson';
+import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
 export interface EditTypeMedia extends Media {
     value: EDIT_TYPE;
     availableCreatureTools: __VaSketch.AvailableCreatureTool[];
@@ -11,3 +13,10 @@ export interface Source<P extends string = string> extends VueComponentPropsType
     prop?: P;
     templateType: 'VkfEsriInputGeojson';
 }
+export interface CustomSlotProps {
+    setDialogShow: (show: boolean) => void;
+    fly: AnyFunc;
+    modelValue: FeatureCollection<any, any>;
+    layer: GraphicsLayer;
+    showMap: boolean;
+}

package/index.css

@@ -49,37 +49,39 @@
 }
 
 
-.vkf-esri-input-geojson__map{
+.vkf-esri-input-geojson__map {
   height: 350px;
 }
 
-.vkf-esri-input-geojson-dialog .el-dialog.is-fullscreen{
+.vkf-esri-input-geojson-dialog .el-dialog.is-fullscreen {
   height: 100%;
 }
-.vkf-esri-input-geojson-dialog .el-dialog{
+
+.vkf-esri-input-geojson-dialog .el-dialog {
   display: flex;
   flex-direction: column;
   min-height: 50%;
 }
-.vkf-esri-input-geojson-dialog .el-dialog__body{
+
+.vkf-esri-input-geojson-dialog .el-dialog__body {
   display: flex;
   flex-direction: column;
   flex: 1;
   overflow: hidden;
   padding: 0;
 }
-.vkf-esri-input-geojson-dialog__map{
+
+.vkf-esri-input-geojson-dialog__map {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
 
-.vkf-esri-input-geojson-dialog__map > .va-map-view{
+.vkf-esri-input-geojson-dialog__map>.va-map-view {
   flex: 1;
 }
 
-
 .el-button.vkf-esri-input-geojson__upload{
   border-color: transparent;
   background-color: transparent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.1.30",
+  "version": "1.1.31",
   "description": "",
   "main": "index.esm.js",
   "scripts": {