@vunk/form 1.4.12 → 2.0.0

package/components/geoinput-read/index.cjs

@@ -1,304 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var wrapper = require('@vunk/core/components/wrapper');
-var input = require('@vunk/form/components/input');
-var _static = require('@vumap/core/shared/static');
-var geojsonLayer = require('@vumap/core/components/geojson-layer');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var utilsObject = require('@vunk/core/shared/utils-object');
-var elementPlus = require('element-plus');
-var index = require('../index2.cjs');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var core = require('@vumap/core');
-var utils = require('@vumap/core/shared/utils');
-
-const props = {
-  ...input._VkfInputCtx.props,
-  ...geojsonLayer._VmGeojsonLayerCtx.props,
-  modelValue: {
-    type: Object,
-    default: () => _static.EMPTY_FEATURE_COLLECTION
-  },
-  editStyles: {
-    type: Array,
-    default: () => []
-  },
-  editTypes: {
-    type: [Array, String],
-    default: "polygon"
-  },
-  paint: {
-    type: Object,
-    default: void 0
-  },
-  type: {
-    type: String,
-    default: void 0
-  },
-  custom: {
-    type: Boolean,
-    default: false
-  },
-  showMap: {
-    type: Boolean,
-    default: false
-  }
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  ...utilsObject.pickObject(geojsonLayer._VmGeojsonLayerCtx.emits, {
-    excludes: ["click"]
-  }),
-  ...input._VkfInputCtx.emits,
-  "layerChange": (layer) => layer,
-  "update:modelValue": (e) => e,
-  "layerClick": (e) => e
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main$2 = vue.defineComponent({
-  components: {
-    ElButton: elementPlus.ElButton,
-    ElIcon: elementPlus.ElIcon,
-    ElButtonGroup: elementPlus.ElButtonGroup,
-    MapLocation: index.map_location_default
-  },
-  emits: {
-    mapLocationClick: null
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MapLocation = vue.resolveComponent("MapLocation");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_ElButtonGroup = vue.resolveComponent("ElButtonGroup");
-  return vue.openBlock(), vue.createBlock(_component_ElButtonGroup, null, {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_ElButton, {
-        class: "vk-geoinput-read-map-location-x",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mapLocationClick"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_ElIcon, { color: "var(--el-color-primary)" }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_MapLocation)
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-var AppendVue = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/append.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  name: "VkfGeoinputReadCore",
-  components: {
-    VkfInput: input.VkfInput,
-    VmGeojsonLayer: core.VmGeojsonLayer,
-    ElIcon: elementPlus.ElIcon,
-    MapLocation: index.map_location_default
-  },
-  emits,
-  props,
-  setup(props2, {
-    emit
-  }) {
-    const inputBindProps = input._VkfInputCtx.createBindProps(props2, ["inputSlots", "readonly", "modelValue", "type", "id"]);
-    const inputOnEmits = input._VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
-    const mapBindProps = core._VmGeojsonLayerCtx.createBindProps(props2, ["data", "type", "paint"]);
-    const mapOnEmits = core._VmGeojsonLayerCtx.createOnEmits(emit, ["change"]);
-    const map = core.useMap();
-    const geoType = vue.computed(() => {
-      if (props2.type) return props2.type;
-      const typeRaw = props2.modelValue?.features[0]?.geometry?.type;
-      const typeRawTo = {
-        LineString: "line",
-        Polygon: "fill",
-        MultiLineString: "line",
-        MultiPolygon: "fill"
-      };
-      return typeRawTo[typeRaw] || "fill";
-    });
-    const paintFromEditStyles = vue.computed(() => {
-      return props2.editStyles.reduce((a, c) => {
-        if (geoType.value === "fill") {
-          if (c.id.includes("polygon-fill-inactive") || c.id.includes("polygon-stroke-inactive")) {
-            const cPaint = c.paint;
-            a = {
-              ...a,
-              ...cPaint
-            };
-          }
-        }
-        if (geoType.value === "line") {
-          if (c.id.includes("line-inactive")) {
-            const cPaint = c.paint;
-            a = {
-              ...a,
-              ...cPaint
-            };
-          }
-        }
-        return a;
-      }, {});
-    });
-    const mapFit = () => {
-      utils.fitGeojson(map, props2.modelValue, {
-        duration: 1500
-      });
-    };
-    const append = () => vue.createVNode(AppendVue, {
-      "onMapLocationClick": mapFit
-    }, null);
-    return {
-      mapFit,
-      inputBindProps,
-      inputOnEmits,
-      mapBindProps,
-      mapOnEmits,
-      append,
-      geoType,
-      paintFromEditStyles
-    };
-  }
-});
-
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfInput = vue.resolveComponent("VkfInput");
-  const _component_MapLocation = vue.resolveComponent("MapLocation");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_VmGeojsonLayer = vue.resolveComponent("VmGeojsonLayer");
-  return vue.openBlock(), vue.createElementBlock(
-    vue.Fragment,
-    null,
-    [
-      vue.withDirectives(vue.createVNode(_component_VkfInput, vue.mergeProps({
-        readonly: true,
-        modelValue: JSON.stringify(_ctx.modelValue)
-      }, _ctx.inputBindProps, vue.toHandlers(_ctx.inputOnEmits), {
-        inputSlots: {
-          append: _ctx.append
-        }
-      }), null, 16, ["modelValue", "inputSlots"]), [
-        [vue.vShow, !_ctx.custom]
-      ]),
-      _ctx.custom ? vue.renderSlot(_ctx.$slots, "default", {
-        key: 0,
-        mapFit: _ctx.mapFit
-      }, () => [
-        vue.createVNode(_component_ElIcon, {
-          color: "var(--el-color-primary)",
-          onClick: _ctx.mapFit
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_MapLocation)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["onClick"])
-      ]) : vue.createCommentVNode("v-if", true),
-      vue.createVNode(_component_VmGeojsonLayer, vue.mergeProps(_ctx.mapBindProps, {
-        data: _ctx.modelValue,
-        type: _ctx.geoType,
-        paint: _ctx.paint || _ctx.paintFromEditStyles
-      }, vue.toHandlers(_ctx.mapOnEmits), {
-        onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layerChange", $event)),
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("layerClick", $event))
-      }), null, 16, ["data", "type", "paint"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var CoreVue = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/core.vue"]]);
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfGeoinputRead",
-  components: {
-    CoreVue,
-    VkWrapper: wrapper.VkWrapper,
-    VmTdtLayers: core.VmTdtLayers
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const coreBindProps = createBindProps(props2);
-    const coreOnEmits = createOnEmits(emit);
-    return {
-      VmMap: core.VmMap,
-      coreBindProps,
-      coreOnEmits
-    };
-  }
-});
-
-const _hoisted_1 = { class: "vk-geoinput-read-x" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VmTdtLayers = vue.resolveComponent("VmTdtLayers");
-  const _component_CoreVue = vue.resolveComponent("CoreVue");
-  const _component_VkWrapper = vue.resolveComponent("VkWrapper");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createVNode(_component_VkWrapper, {
-      is: _ctx.VmMap,
-      show: _ctx.showMap,
-      className: "vk-geoinput-read-map"
-    }, {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "map", {}, () => [
-          _ctx.showMap ? (vue.openBlock(), vue.createBlock(_component_VmTdtLayers, {
-            key: 0,
-            type: "vec_w"
-          })) : vue.createCommentVNode("v-if", true)
-        ]),
-        vue.createVNode(
-          _component_CoreVue,
-          vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits)),
-          {
-            default: vue.withCtx((e) => [
-              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(e)))
-            ]),
-            _: 3
-            /* FORWARDED */
-          },
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["is", "show"])
-  ]);
-}
-var VkfGeoinputRead = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfGeoinputRead.install = (app) => {
-  app.component(VkfGeoinputRead.name, VkfGeoinputRead);
-};
-
-exports.VkfGeoinputRead = VkfGeoinputRead;
-exports._VkfGeoinputReadCtx = ctx;
-exports.__VkfGeoinputRead = types;
-exports.default = VkfGeoinputRead;

package/components/geoinput-read/index.css

@@ -1,8 +0,0 @@
-.vk-geoinput-read-x{
-  display: flex;
-  flex-direction: column-reverse;
-  margin-bottom: 18px;
-}
-.vk-geoinput-read-map{
-  height: 300px;
-}

package/components/geoinput-read/index.d.ts

@@ -1,5 +0,0 @@
-import VkfGeoinputRead from './src/index.vue';
-export * as __VkfGeoinputRead from './src/types';
-export * as _VkfGeoinputReadCtx from './src/ctx';
-export { VkfGeoinputRead, };
-export default VkfGeoinputRead;

package/components/geoinput-read/index.mjs

@@ -1,297 +0,0 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, computed, createElementBlock, Fragment, withDirectives, mergeProps, toHandlers, vShow, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
-import { VkWrapper } from '@vunk/core/components/wrapper';
-import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
-import { EMPTY_FEATURE_COLLECTION } from '@vumap/core/shared/static';
-import { _VmGeojsonLayerCtx } from '@vumap/core/components/geojson-layer';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { pickObject } from '@vunk/core/shared/utils-object';
-import { ElButton, ElIcon, ElButtonGroup } from 'element-plus';
-import { m as map_location_default } from '../index2.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { VmGeojsonLayer, _VmGeojsonLayerCtx as _VmGeojsonLayerCtx$1, useMap, VmTdtLayers, VmMap } from '@vumap/core';
-import { fitGeojson } from '@vumap/core/shared/utils';
-
-const props = {
-  ..._VkfInputCtx.props,
-  ..._VmGeojsonLayerCtx.props,
-  modelValue: {
-    type: Object,
-    default: () => EMPTY_FEATURE_COLLECTION
-  },
-  editStyles: {
-    type: Array,
-    default: () => []
-  },
-  editTypes: {
-    type: [Array, String],
-    default: "polygon"
-  },
-  paint: {
-    type: Object,
-    default: void 0
-  },
-  type: {
-    type: String,
-    default: void 0
-  },
-  custom: {
-    type: Boolean,
-    default: false
-  },
-  showMap: {
-    type: Boolean,
-    default: false
-  }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...pickObject(_VmGeojsonLayerCtx.emits, {
-    excludes: ["click"]
-  }),
-  ..._VkfInputCtx.emits,
-  "layerChange": (layer) => layer,
-  "update:modelValue": (e) => e,
-  "layerClick": (e) => e
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main$2 = defineComponent({
-  components: {
-    ElButton,
-    ElIcon,
-    ElButtonGroup,
-    MapLocation: map_location_default
-  },
-  emits: {
-    mapLocationClick: null
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MapLocation = resolveComponent("MapLocation");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElButtonGroup = resolveComponent("ElButtonGroup");
-  return openBlock(), createBlock(_component_ElButtonGroup, null, {
-    default: withCtx(() => [
-      createVNode(_component_ElButton, {
-        class: "vk-geoinput-read-map-location-x",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mapLocationClick"))
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_ElIcon, { color: "var(--el-color-primary)" }, {
-            default: withCtx(() => [
-              createVNode(_component_MapLocation)
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-var AppendVue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/append.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  name: "VkfGeoinputReadCore",
-  components: {
-    VkfInput,
-    VmGeojsonLayer,
-    ElIcon,
-    MapLocation: map_location_default
-  },
-  emits,
-  props,
-  setup(props2, {
-    emit
-  }) {
-    const inputBindProps = _VkfInputCtx.createBindProps(props2, ["inputSlots", "readonly", "modelValue", "type", "id"]);
-    const inputOnEmits = _VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
-    const mapBindProps = _VmGeojsonLayerCtx$1.createBindProps(props2, ["data", "type", "paint"]);
-    const mapOnEmits = _VmGeojsonLayerCtx$1.createOnEmits(emit, ["change"]);
-    const map = useMap();
-    const geoType = computed(() => {
-      if (props2.type) return props2.type;
-      const typeRaw = props2.modelValue?.features[0]?.geometry?.type;
-      const typeRawTo = {
-        LineString: "line",
-        Polygon: "fill",
-        MultiLineString: "line",
-        MultiPolygon: "fill"
-      };
-      return typeRawTo[typeRaw] || "fill";
-    });
-    const paintFromEditStyles = computed(() => {
-      return props2.editStyles.reduce((a, c) => {
-        if (geoType.value === "fill") {
-          if (c.id.includes("polygon-fill-inactive") || c.id.includes("polygon-stroke-inactive")) {
-            const cPaint = c.paint;
-            a = {
-              ...a,
-              ...cPaint
-            };
-          }
-        }
-        if (geoType.value === "line") {
-          if (c.id.includes("line-inactive")) {
-            const cPaint = c.paint;
-            a = {
-              ...a,
-              ...cPaint
-            };
-          }
-        }
-        return a;
-      }, {});
-    });
-    const mapFit = () => {
-      fitGeojson(map, props2.modelValue, {
-        duration: 1500
-      });
-    };
-    const append = () => createVNode(AppendVue, {
-      "onMapLocationClick": mapFit
-    }, null);
-    return {
-      mapFit,
-      inputBindProps,
-      inputOnEmits,
-      mapBindProps,
-      mapOnEmits,
-      append,
-      geoType,
-      paintFromEditStyles
-    };
-  }
-});
-
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfInput = resolveComponent("VkfInput");
-  const _component_MapLocation = resolveComponent("MapLocation");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_VmGeojsonLayer = resolveComponent("VmGeojsonLayer");
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [
-      withDirectives(createVNode(_component_VkfInput, mergeProps({
-        readonly: true,
-        modelValue: JSON.stringify(_ctx.modelValue)
-      }, _ctx.inputBindProps, toHandlers(_ctx.inputOnEmits), {
-        inputSlots: {
-          append: _ctx.append
-        }
-      }), null, 16, ["modelValue", "inputSlots"]), [
-        [vShow, !_ctx.custom]
-      ]),
-      _ctx.custom ? renderSlot(_ctx.$slots, "default", {
-        key: 0,
-        mapFit: _ctx.mapFit
-      }, () => [
-        createVNode(_component_ElIcon, {
-          color: "var(--el-color-primary)",
-          onClick: _ctx.mapFit
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_MapLocation)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["onClick"])
-      ]) : createCommentVNode("v-if", true),
-      createVNode(_component_VmGeojsonLayer, mergeProps(_ctx.mapBindProps, {
-        data: _ctx.modelValue,
-        type: _ctx.geoType,
-        paint: _ctx.paint || _ctx.paintFromEditStyles
-      }, toHandlers(_ctx.mapOnEmits), {
-        onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layerChange", $event)),
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("layerClick", $event))
-      }), null, 16, ["data", "type", "paint"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var CoreVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/core.vue"]]);
-
-var _sfc_main = defineComponent({
-  name: "VkfGeoinputRead",
-  components: {
-    CoreVue,
-    VkWrapper,
-    VmTdtLayers
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const coreBindProps = createBindProps(props2);
-    const coreOnEmits = createOnEmits(emit);
-    return {
-      VmMap,
-      coreBindProps,
-      coreOnEmits
-    };
-  }
-});
-
-const _hoisted_1 = { class: "vk-geoinput-read-x" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VmTdtLayers = resolveComponent("VmTdtLayers");
-  const _component_CoreVue = resolveComponent("CoreVue");
-  const _component_VkWrapper = resolveComponent("VkWrapper");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_VkWrapper, {
-      is: _ctx.VmMap,
-      show: _ctx.showMap,
-      className: "vk-geoinput-read-map"
-    }, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "map", {}, () => [
-          _ctx.showMap ? (openBlock(), createBlock(_component_VmTdtLayers, {
-            key: 0,
-            type: "vec_w"
-          })) : createCommentVNode("v-if", true)
-        ]),
-        createVNode(
-          _component_CoreVue,
-          mergeProps(_ctx.coreBindProps, toHandlers(_ctx.coreOnEmits)),
-          {
-            default: withCtx((e) => [
-              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(e)))
-            ]),
-            _: 3
-            /* FORWARDED */
-          },
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["is", "show"])
-  ]);
-}
-var VkfGeoinputRead = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput-read/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfGeoinputRead.install = (app) => {
-  app.component(VkfGeoinputRead.name, VkfGeoinputRead);
-};
-
-export { VkfGeoinputRead, ctx as _VkfGeoinputReadCtx, types as __VkfGeoinputRead, VkfGeoinputRead as default };