@vunk/form 1.0.1 → 1.1.2

package/components/geoinput-update/index.js

@@ -0,0 +1,982 @@
+import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
+import { EMPTY_FEATURE_COLLECTION } from '@vumap/core/shared/static';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+import { openBlock, createElementBlock, createElementVNode, defineComponent, resolveComponent, createBlock, withCtx, createVNode, normalizeClass, createCommentVNode, computed, shallowRef, ref, onMounted, nextTick, mergeProps, toHandlers, withModifiers, renderSlot, resolveDynamicComponent, withDirectives, vShow } from 'vue';
+import { ElButton, ElIcon, ElButtonGroup, ElUpload, ElDialog, ElMessage } from 'element-plus';
+import { VmMap } from '@vumap/core';
+import { VmTdtLayers } from '@vumap/core/components/tdt-layers';
+import { VmControlDraw } from '@vumap/core/components/control-draw';
+import { Deferred } from '@vunk/core/shared/utils-promise';
+import { VkAsyncTeleport } from '@vunk/core';
+import { VmControlDrawUi } from '@vumap/core/components/control-draw-ui';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues({}, _VkfInputCtx.props), {
+  showMap: {
+    type: Boolean,
+    default: false
+  },
+  dialogEdit: {
+    type: Boolean,
+    default: true
+  },
+  dialogEditFullscreen: {
+    type: Boolean,
+    default: true
+  },
+  dialogEditTitle: {
+    type: String,
+    default: "\u7ED8\u5236\u56FE\u6591"
+  },
+  modelValue: {
+    type: Object,
+    default: () => EMPTY_FEATURE_COLLECTION
+  },
+  editControls: {
+    type: Array,
+    default: () => ["trash"]
+  },
+  editTypes: {
+    type: [Array, String],
+    default: () => "polygon"
+  },
+  multiple: {
+    type: Boolean,
+    default: true
+  },
+  mapTo: {
+    type: [Object, String],
+    default: void 0
+  },
+  mapCenter: {
+    type: [Object, Array],
+    default: [120, 30]
+  },
+  editStyles: {
+    type: Array,
+    default: () => []
+  },
+  slots: {
+    type: Object,
+    default: () => ({})
+  },
+  spikSave: {
+    type: Boolean,
+    default: false
+  }
+});
+const createBindProps = bindPropsFactory(props);
+const emits = __spreadProps(__spreadValues({}, _VkfInputCtx.emits), {
+  "update:modelValue": (e) => e,
+  "editUpdate": (e) => e
+});
+const createOnEmits = onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  props: props,
+  createBindProps: createBindProps,
+  emits: emits,
+  createOnEmits: createOnEmits
+});
+
+/*! Element Plus Icons Vue v2.1.0 */
+
+// unplugin-vue:/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+  let target = sfc.__vccOpts || sfc;
+  for (let [key, val] of props)
+    target[key] = val;
+  return target;
+};
+
+// unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/checked.vue?vue&type=script&lang.ts
+var checked_vue_vue_type_script_lang_default = {
+  name: "Checked"
+};
+var _hoisted_144 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_244 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M704 192h160v736H160V192h160.064v64H704v-64zM311.616 537.28l-45.312 45.248L447.36 763.52l316.8-316.8-45.312-45.184L447.36 673.024 311.616 537.28zM384 192V96h256v96H384z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_343 = [
+  _hoisted_244
+];
+function _sfc_render44(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_144, _hoisted_343);
+}
+var checked_default = /* @__PURE__ */ export_helper_default(checked_vue_vue_type_script_lang_default, [["render", _sfc_render44], ["__file", "checked.vue"]]);
+
+// unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/edit.vue?vue&type=script&lang.ts
+var edit_vue_vue_type_script_lang_default = {
+  name: "Edit"
+};
+var _hoisted_194 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_294 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_393 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_431 = [
+  _hoisted_294,
+  _hoisted_393
+];
+function _sfc_render94(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_194, _hoisted_431);
+}
+var edit_default = /* @__PURE__ */ export_helper_default(edit_vue_vue_type_script_lang_default, [["render", _sfc_render94], ["__file", "edit.vue"]]);
+
+// unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/upload.vue?vue&type=script&lang.ts
+var upload_vue_vue_type_script_lang_default = {
+  name: "Upload"
+};
+var _hoisted_1275 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_2275 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_3274 = [
+  _hoisted_2275
+];
+function _sfc_render275(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1275, _hoisted_3274);
+}
+var upload_default = /* @__PURE__ */ export_helper_default(upload_vue_vue_type_script_lang_default, [["render", _sfc_render275], ["__file", "upload.vue"]]);
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main$1 = defineComponent({
+  components: {
+    ElButton,
+    ElIcon,
+    ElButtonGroup,
+    Upload: upload_default,
+    Edit: edit_default,
+    ElUpload
+  },
+  props: {
+    disabled: Boolean,
+    dialog: Boolean
+  },
+  emits: {
+    upload: (e) => e,
+    edit: null
+  },
+  methods: {
+    getFile(file) {
+      this.$emit("upload", file);
+    }
+  }
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Upload = resolveComponent("Upload");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ElUpload = resolveComponent("ElUpload");
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_Edit = resolveComponent("Edit");
+  const _component_ElButtonGroup = resolveComponent("ElButtonGroup");
+  return openBlock(), createBlock(_component_ElButtonGroup, null, {
+    default: withCtx(() => [
+      createVNode(_component_ElButton, { class: "vk-geoinput-upload-x" }, {
+        default: withCtx(() => [
+          createVNode(_component_ElUpload, {
+            class: normalizeClass("vk-geoinput-upload"),
+            action: "",
+            accept: "file",
+            multiple: false,
+            "show-file-list": false,
+            "auto-upload": false,
+            "on-change": _ctx.getFile,
+            disabled: _ctx.disabled
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_ElIcon, { color: "var(--el-color-primary)" }, {
+                default: withCtx(() => [
+                  createVNode(_component_Upload)
+                ]),
+                _: 1
+              }, 8, ["color"])
+            ]),
+            _: 1
+          }, 8, ["on-change", "disabled"])
+        ]),
+        _: 1
+      }),
+      _ctx.dialog ? (openBlock(), createBlock(_component_ElButton, {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("edit")),
+        disabled: _ctx.disabled
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_ElIcon, { color: "var(--el-color-primary)" }, {
+            default: withCtx(() => [
+              createVNode(_component_Edit)
+            ]),
+            _: 1
+          }, 8, ["color"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+    ]),
+    _: 1
+  });
+}
+var AppendVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "append.vue"]]);
+
+function array_cancel() {
+  this._array = null;
+  return Promise.resolve();
+}
+
+function array_read() {
+  var array = this._array;
+  this._array = null;
+  return Promise.resolve(array ? {done: false, value: array} : {done: true, value: undefined});
+}
+
+function array(array) {
+  return new ArraySource(array instanceof Uint8Array ? array : new Uint8Array(array));
+}
+
+function ArraySource(array) {
+  this._array = array;
+}
+
+ArraySource.prototype.read = array_read;
+ArraySource.prototype.cancel = array_cancel;
+
+function fetchPath(url) {
+  return fetch(url).then(function(response) {
+    return response.body && response.body.getReader
+        ? response.body.getReader()
+        : response.arrayBuffer().then(array);
+  });
+}
+
+function requestPath(url) {
+  return new Promise(function(resolve, reject) {
+    var request = new XMLHttpRequest;
+    request.responseType = "arraybuffer";
+    request.onload = function() { resolve(array(request.response)); };
+    request.onerror = reject;
+    request.ontimeout = reject;
+    request.open("GET", url, true);
+    request.send();
+  });
+}
+
+function path(path) {
+  return (typeof fetch === "function" ? fetchPath : requestPath)(path);
+}
+
+function stream(source) {
+  return typeof source.read === "function" ? source : source.getReader();
+}
+
+var empty = new Uint8Array(0);
+
+function slice_cancel() {
+  return this._source.cancel();
+}
+
+function concat$1(a, b) {
+  if (!a.length) return b;
+  if (!b.length) return a;
+  var c = new Uint8Array(a.length + b.length);
+  c.set(a);
+  c.set(b, a.length);
+  return c;
+}
+
+function slice_read() {
+  var that = this, array = that._array.subarray(that._index);
+  return that._source.read().then(function(result) {
+    that._array = empty;
+    that._index = 0;
+    return result.done ? (array.length > 0
+        ? {done: false, value: array}
+        : {done: true, value: undefined})
+        : {done: false, value: concat$1(array, result.value)};
+  });
+}
+
+function slice_slice(length) {
+  if ((length |= 0) < 0) throw new Error("invalid length");
+  var that = this, index = this._array.length - this._index;
+
+  // If the request fits within the remaining buffer, resolve it immediately.
+  if (this._index + length <= this._array.length) {
+    return Promise.resolve(this._array.subarray(this._index, this._index += length));
+  }
+
+  // Otherwise, read chunks repeatedly until the request is fulfilled.
+  var array = new Uint8Array(length);
+  array.set(this._array.subarray(this._index));
+  return (function read() {
+    return that._source.read().then(function(result) {
+
+      // When done, it’s possible the request wasn’t fully fullfilled!
+      // If so, the pre-allocated array is too big and needs slicing.
+      if (result.done) {
+        that._array = empty;
+        that._index = 0;
+        return index > 0 ? array.subarray(0, index) : null;
+      }
+
+      // If this chunk fulfills the request, return the resulting array.
+      if (index + result.value.length >= length) {
+        that._array = result.value;
+        that._index = length - index;
+        array.set(result.value.subarray(0, length - index), index);
+        return array;
+      }
+
+      // Otherwise copy this chunk into the array, then read the next chunk.
+      array.set(result.value, index);
+      index += result.value.length;
+      return read();
+    });
+  })();
+}
+
+function slice(source) {
+  return typeof source.slice === "function" ? source :
+      new SliceSource(typeof source.read === "function" ? source
+          : source.getReader());
+}
+
+function SliceSource(source) {
+  this._source = source;
+  this._array = empty;
+  this._index = 0;
+}
+
+SliceSource.prototype.read = slice_read;
+SliceSource.prototype.slice = slice_slice;
+SliceSource.prototype.cancel = slice_cancel;
+
+function dbf_cancel() {
+  return this._source.cancel();
+}
+
+function readBoolean(value) {
+  return /^[nf]$/i.test(value) ? false
+      : /^[yt]$/i.test(value) ? true
+      : null;
+}
+
+function readDate(value) {
+  return new Date(+value.substring(0, 4), value.substring(4, 6) - 1, +value.substring(6, 8));
+}
+
+function readNumber(value) {
+  return !(value = value.trim()) || isNaN(value = +value) ? null : value;
+}
+
+function readString(value) {
+  return value.trim() || null;
+}
+
+var types$1 = {
+  B: readNumber,
+  C: readString,
+  D: readDate,
+  F: readNumber,
+  L: readBoolean,
+  M: readNumber,
+  N: readNumber
+};
+
+function dbf_read() {
+  var that = this, i = 1;
+  return that._source.slice(that._recordLength).then(function(value) {
+    return value && (value[0] !== 0x1a) ? {done: false, value: that._fields.reduce(function(p, f) {
+      p[f.name] = types$1[f.type](that._decode(value.subarray(i, i += f.length)));
+      return p;
+    }, {})} : {done: true, value: undefined};
+  });
+}
+
+function view(array) {
+  return new DataView(array.buffer, array.byteOffset, array.byteLength);
+}
+
+function dbf(source, decoder) {
+  source = slice(source);
+  return source.slice(32).then(function(array) {
+    var head = view(array);
+    return source.slice(head.getUint16(8, true) - 32).then(function(array) {
+      return new Dbf(source, decoder, head, view(array));
+    });
+  });
+}
+
+function Dbf(source, decoder, head, body) {
+  this._source = source;
+  this._decode = decoder.decode.bind(decoder);
+  this._recordLength = head.getUint16(10, true);
+  this._fields = [];
+  for (var n = 0; body.getUint8(n) !== 0x0d; n += 32) {
+    for (var j = 0; j < 11; ++j) if (body.getUint8(n + j) === 0) break;
+    this._fields.push({
+      name: this._decode(new Uint8Array(body.buffer, body.byteOffset + n, j)),
+      type: String.fromCharCode(body.getUint8(n + 11)),
+      length: body.getUint8(n + 16)
+    });
+  }
+}
+
+var prototype$2 = Dbf.prototype;
+prototype$2.read = dbf_read;
+prototype$2.cancel = dbf_cancel;
+
+function cancel() {
+  return this._source.cancel();
+}
+
+function parseMultiPoint(record) {
+  var i = 40, j, n = record.getInt32(36, true), coordinates = new Array(n);
+  for (j = 0; j < n; ++j, i += 16) coordinates[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+  return {type: "MultiPoint", coordinates: coordinates};
+}
+
+function parseNull() {
+  return null;
+}
+
+function parsePoint(record) {
+  return {type: "Point", coordinates: [record.getFloat64(4, true), record.getFloat64(12, true)]};
+}
+
+function parsePolygon(record) {
+  var i = 44, j, n = record.getInt32(36, true), m = record.getInt32(40, true), parts = new Array(n), points = new Array(m), polygons = [], holes = [];
+  for (j = 0; j < n; ++j, i += 4) parts[j] = record.getInt32(i, true);
+  for (j = 0; j < m; ++j, i += 16) points[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+
+  parts.forEach(function(i, j) {
+    var ring = points.slice(i, parts[j + 1]);
+    if (ringClockwise(ring)) polygons.push([ring]);
+    else holes.push(ring);
+  });
+
+  holes.forEach(function(hole) {
+    polygons.some(function(polygon) {
+      if (ringContainsSome(polygon[0], hole)) {
+        polygon.push(hole);
+        return true;
+      }
+    }) || polygons.push([hole]);
+  });
+
+  return polygons.length === 1
+      ? {type: "Polygon", coordinates: polygons[0]}
+      : {type: "MultiPolygon", coordinates: polygons};
+}
+function ringClockwise(ring) {
+  if ((n = ring.length) < 4) return false;
+  var i = 0, n, area = ring[n - 1][1] * ring[0][0] - ring[n - 1][0] * ring[0][1];
+  while (++i < n) area += ring[i - 1][1] * ring[i][0] - ring[i - 1][0] * ring[i][1];
+  return area >= 0;
+}
+
+function ringContainsSome(ring, hole) {
+  var i = -1, n = hole.length, c;
+  while (++i < n) {
+    if (c = ringContains(ring, hole[i])) {
+      return c > 0;
+    }
+  }
+  return false;
+}
+
+function ringContains(ring, point) {
+  var x = point[0], y = point[1], contains = -1;
+  for (var i = 0, n = ring.length, j = n - 1; i < n; j = i++) {
+    var pi = ring[i], xi = pi[0], yi = pi[1],
+        pj = ring[j], xj = pj[0], yj = pj[1];
+    if (segmentContains(pi, pj, point)) {
+      return 0;
+    }
+    if (((yi > y) !== (yj > y)) && ((x < (xj - xi) * (y - yi) / (yj - yi) + xi))) {
+      contains = -contains;
+    }
+  }
+  return contains;
+}
+
+function segmentContains(p0, p1, p2) {
+  var x20 = p2[0] - p0[0], y20 = p2[1] - p0[1];
+  if (x20 === 0 && y20 === 0) return true;
+  var x10 = p1[0] - p0[0], y10 = p1[1] - p0[1];
+  if (x10 === 0 && y10 === 0) return false;
+  var t = (x20 * x10 + y20 * y10) / (x10 * x10 + y10 * y10);
+  return t < 0 || t > 1 ? false : t === 0 || t === 1 ? true : t * x10 === x20 && t * y10 === y20;
+}
+
+function parsePolyLine(record) {
+  var i = 44, j, n = record.getInt32(36, true), m = record.getInt32(40, true), parts = new Array(n), points = new Array(m);
+  for (j = 0; j < n; ++j, i += 4) parts[j] = record.getInt32(i, true);
+  for (j = 0; j < m; ++j, i += 16) points[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+  return n === 1
+      ? {type: "LineString", coordinates: points}
+      : {type: "MultiLineString", coordinates: parts.map(function(i, j) { return points.slice(i, parts[j + 1]); })};
+}
+
+function concat(a, b) {
+  var ab = new Uint8Array(a.length + b.length);
+  ab.set(a, 0);
+  ab.set(b, a.length);
+  return ab;
+}
+
+function shp_read() {
+  var that = this;
+  ++that._index;
+  return that._source.slice(12).then(function(array) {
+    if (array == null) return {done: true, value: undefined};
+    var header = view(array);
+
+    // If the record starts with an invalid shape type (see #36), scan ahead in
+    // four-byte increments to find the next valid record, identified by the
+    // expected index, a non-empty content length and a valid shape type.
+    function skip() {
+      return that._source.slice(4).then(function(chunk) {
+        if (chunk == null) return {done: true, value: undefined};
+        header = view(array = concat(array.slice(4), chunk));
+        return header.getInt32(0, false) !== that._index ? skip() : read();
+      });
+    }
+
+    // All records should have at least four bytes (for the record shape type),
+    // so an invalid content length indicates corruption.
+    function read() {
+      var length = header.getInt32(4, false) * 2 - 4, type = header.getInt32(8, true);
+      return length < 0 || (type && type !== that._type) ? skip() : that._source.slice(length).then(function(chunk) {
+        return {done: false, value: type ? that._parse(view(concat(array.slice(8), chunk))) : null};
+      });
+    }
+
+    return read();
+  });
+}
+
+var parsers = {
+  0: parseNull,
+  1: parsePoint,
+  3: parsePolyLine,
+  5: parsePolygon,
+  8: parseMultiPoint,
+  11: parsePoint, // PointZ
+  13: parsePolyLine, // PolyLineZ
+  15: parsePolygon, // PolygonZ
+  18: parseMultiPoint, // MultiPointZ
+  21: parsePoint, // PointM
+  23: parsePolyLine, // PolyLineM
+  25: parsePolygon, // PolygonM
+  28: parseMultiPoint // MultiPointM
+};
+
+function shp(source) {
+  source = slice(source);
+  return source.slice(100).then(function(array) {
+    return new Shp(source, view(array));
+  });
+}
+function Shp(source, header) {
+  var type = header.getInt32(32, true);
+  if (!(type in parsers)) throw new Error("unsupported shape type: " + type);
+  this._source = source;
+  this._type = type;
+  this._index = 0;
+  this._parse = parsers[type];
+  this.bbox = [header.getFloat64(36, true), header.getFloat64(44, true), header.getFloat64(52, true), header.getFloat64(60, true)];
+}
+
+var prototype$1 = Shp.prototype;
+prototype$1.read = shp_read;
+prototype$1.cancel = cancel;
+
+function noop() {}
+
+function shapefile_cancel() {
+  return Promise.all([
+    this._dbf && this._dbf.cancel(),
+    this._shp.cancel()
+  ]).then(noop);
+}
+
+function shapefile_read() {
+  var that = this;
+  return Promise.all([
+    that._dbf ? that._dbf.read() : {value: {}},
+    that._shp.read()
+  ]).then(function(results) {
+    var dbf = results[0], shp = results[1];
+    return shp.done ? shp : {
+      done: false,
+      value: {
+        type: "Feature",
+        properties: dbf.value,
+        geometry: shp.value
+      }
+    };
+  });
+}
+
+function shapefile(shpSource, dbfSource, decoder) {
+  return Promise.all([
+    shp(shpSource),
+    dbfSource && dbf(dbfSource, decoder)
+  ]).then(function(sources) {
+    return new Shapefile(sources[0], sources[1]);
+  });
+}
+
+function Shapefile(shp, dbf) {
+  this._shp = shp;
+  this._dbf = dbf;
+  this.bbox = shp.bbox;
+}
+
+var prototype = Shapefile.prototype;
+prototype.read = shapefile_read;
+prototype.cancel = shapefile_cancel;
+
+function open(shp, dbf, options) {
+  if (typeof dbf === "string") {
+    if (!/\.dbf$/.test(dbf)) dbf += ".dbf";
+    dbf = path(dbf);
+  } else if (dbf instanceof ArrayBuffer || dbf instanceof Uint8Array) {
+    dbf = array(dbf);
+  } else if (dbf != null) {
+    dbf = stream(dbf);
+  }
+  if (typeof shp === "string") {
+    if (!/\.shp$/.test(shp)) shp += ".shp";
+    if (dbf === undefined) dbf = path(shp.substring(0, shp.length - 4) + ".dbf").catch(function() {});
+    shp = path(shp);
+  } else if (shp instanceof ArrayBuffer || shp instanceof Uint8Array) {
+    shp = array(shp);
+  } else {
+    shp = stream(shp);
+  }
+  return Promise.all([shp, dbf]).then(function(sources) {
+    var shp = sources[0], dbf = sources[1], encoding = "windows-1252";
+    if (options && options.encoding != null) encoding = options.encoding;
+    return shapefile(shp, dbf, dbf && new TextDecoder(encoding));
+  });
+}
+
+const shpToGeojson = (file) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsArrayBuffer(file);
+    const data = {
+      type: "FeatureCollection",
+      features: []
+    };
+    reader.onload = function() {
+      open(this.result).then((source) => source.read().then(
+        function log(result) {
+          if (!result.done) {
+            data.features.push(result.value);
+            source.read().then(log);
+          } else {
+            if (result.value) {
+              data.features.push(result.value);
+            }
+            resolve(data);
+          }
+        }
+      )).catch(reject);
+    };
+  });
+};
+
+const toGeojson = (file) => {
+  const actions = {
+    shp: shpToGeojson
+  };
+  return new Promise((resolve, reject) => {
+    const suffix = file.name.split(".").pop();
+    if (suffix && actions[suffix]) {
+      resolve(actions[suffix](file));
+    } else {
+      reject(new Error(`Can't resolve the .${suffix} file`));
+    }
+  });
+};
+
+var _sfc_main = defineComponent({
+  name: "VkfGeoinputUpdate",
+  components: {
+    VkfInput,
+    ElDialog,
+    VmMap,
+    VmTdtLayers,
+    VmControlDraw,
+    VkAsyncTeleport,
+    VmControlDrawUi,
+    ElIcon,
+    Checked: checked_default
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const inputBindProps = _VkfInputCtx.createBindProps(props2, [
+      "inputSlots",
+      "readonly",
+      "modelValue"
+    ]);
+    const inputOnEmits = _VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
+    const mapOptions = computed(() => {
+      return {
+        center: props2.mapCenter
+      };
+    });
+    const geoInputMapDialogNode = shallowRef();
+    const geoInputMapXNode = shallowRef();
+    const editPlayground = ref(geoInputMapXNode.value);
+    onMounted(() => {
+      editPlayground.value = geoInputMapXNode.value;
+    });
+    const mapTo = computed(() => {
+      var _a;
+      return editPlayground.value === geoInputMapDialogNode.value ? geoInputMapDialogNode.value : (_a = props2.mapTo) != null ? _a : editPlayground.value;
+    });
+    const mapControls = computed(() => {
+      return props2.readonly ? [] : typeof props2.editTypes === "string" ? [props2.editTypes, ...props2.editControls] : [...props2.editTypes, ...props2.editControls];
+    });
+    const currentDrawCacheValue = ref(props2.modelValue);
+    const currentDrawValue = computed(() => {
+      return props2.spikSave ? props2.modelValue : currentDrawCacheValue.value;
+    });
+    const setCurrentDrawValue = (value) => {
+      if (props2.spikSave) {
+        emit("update:modelValue", value);
+      } else {
+        currentDrawCacheValue.value = value;
+      }
+    };
+    const doSave = () => {
+      emit("update:modelValue", currentDrawCacheValue.value);
+      ElMessage({
+        message: "\u4FDD\u5B58\u6210\u529F",
+        type: "success"
+      });
+      dialogShow.value = false;
+    };
+    const dialogShow = ref(false);
+    const mapDef = new Deferred();
+    const dialogOnOpen = async () => {
+      await nextTick();
+      editPlayground.value = geoInputMapDialogNode.value;
+      await nextTick();
+      const map = await mapDef.promise;
+      currentDrawCacheValue.value = props2.modelValue;
+      map.resize();
+    };
+    const dialogOnClose = async () => {
+      editPlayground.value = geoInputMapXNode.value;
+      const map = await mapDef.promise;
+      map.resize();
+    };
+    const append = () => /* @__PURE__ */ React.createElement(AppendVue, {
+      dialog: props2.dialogEdit,
+      disabled: props2.disabled,
+      onUpload,
+      onEdit
+    });
+    async function onUpload(e) {
+      if (!e.raw)
+        return;
+      toGeojson(e.raw).then((res) => {
+        emit("update:modelValue", res);
+      });
+    }
+    function onEdit() {
+      dialogShow.value = true;
+    }
+    return {
+      inputBindProps,
+      inputOnEmits,
+      append,
+      dialogShow,
+      mapDef,
+      dialogOnOpen,
+      dialogOnClose,
+      mapOptions,
+      geoInputMapDialogNode,
+      geoInputMapXNode,
+      mapTo,
+      mapControls,
+      doSave,
+      currentDrawValue,
+      setCurrentDrawValue
+    };
+  }
+});
+
+const _hoisted_1 = { class: "vkf-form-item" };
+const _hoisted_2 = {
+  class: "geoinput-map-dialog",
+  ref: "geoInputMapDialogNode"
+};
+const _hoisted_3 = {
+  class: "geoinput-map-x",
+  ref: "geoInputMapXNode"
+};
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfInput = resolveComponent("VkfInput");
+  const _component_VmTdtLayers = resolveComponent("VmTdtLayers");
+  const _component_Checked = resolveComponent("Checked");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_VmControlDrawUi = resolveComponent("VmControlDrawUi");
+  const _component_VmControlDraw = resolveComponent("VmControlDraw");
+  const _component_VmMap = resolveComponent("VmMap");
+  const _component_VkAsyncTeleport = resolveComponent("VkAsyncTeleport");
+  const _component_ElDialog = resolveComponent("ElDialog");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_VkfInput, mergeProps({
+      readonly: true,
+      modelValue: JSON.stringify(_ctx.modelValue)
+    }, _ctx.inputBindProps, toHandlers(_ctx.inputOnEmits), {
+      inputSlots: _ctx.readonly ? {} : {
+      append: _ctx.append
+    }
+    }), null, 16 /* FULL_PROPS */, ["modelValue", "inputSlots"]),
+    createVNode(_component_VkAsyncTeleport, { to: _ctx.mapTo }, {
+      default: withCtx(() => [
+        createVNode(_component_VmMap, {
+          defaultOptions: _ctx.mapOptions,
+          class: "vk-geoinput-edit-map",
+          onLoad: _cache[1] || (_cache[1] = $event => (_ctx.mapDef.resolve($event.map)))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_VmTdtLayers),
+            createVNode(_component_VmControlDraw, {
+              styles: _ctx.editStyles,
+              modelValue: _ctx.currentDrawValue,
+              "onUpdate:modelValue": _ctx.setCurrentDrawValue,
+              onUpdate: _cache[0] || (_cache[0] = $event => (_ctx.$emit('editUpdate', $event))),
+              controls: _ctx.mapControls,
+              multiple: _ctx.multiple
+            }, {
+              default: withCtx(() => [
+                (!_ctx.spikSave)
+                  ? (openBlock(), createBlock(_component_VmControlDrawUi, {
+                      key: 0,
+                      onClick: withModifiers(_ctx.doSave, ["prevent"])
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ElIcon, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_Checked)
+                          ]),
+                          _: 1 /* STABLE */
+                        })
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["onClick"]))
+                  : createCommentVNode("v-if", true)
+              ]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["styles", "modelValue", "onUpdate:modelValue", "controls", "multiple"]),
+            renderSlot(_ctx.$slots, "map"),
+            (_ctx.slots.map)
+              ? (openBlock(), createBlock(resolveDynamicComponent(typeof _ctx.slots.map === 'function' ? _ctx.slots.map() : _ctx.slots.map), { key: 0 }))
+              : createCommentVNode("v-if", true)
+          ]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["defaultOptions"])
+      ]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["to"]),
+    createVNode(_component_ElDialog, {
+      modelValue: _ctx.dialogShow,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((_ctx.dialogShow) = $event)),
+      title: _ctx.dialogEditTitle,
+      fullscreen: _ctx.dialogEditFullscreen,
+      modalClass: "vk-geoinput-edit-dialog-x",
+      appendToBody: true,
+      onOpen: _ctx.dialogOnOpen,
+      onClose: _ctx.dialogOnClose,
+      closeOnClickModal: false,
+      draggable: true
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_2, null, 512 /* NEED_PATCH */)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue", "title", "fullscreen", "onOpen", "onClose"]),
+    withDirectives(createElementVNode("div", _hoisted_3, null, 512 /* NEED_PATCH */), [
+      [vShow, _ctx.showMap]
+    ])
+  ]))
+}
+var VkfGeoinputUpdate = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__file',"index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfGeoinputUpdate.install = (app) => {
+  app.component(VkfGeoinputUpdate.name, VkfGeoinputUpdate);
+};
+
+export { VkfGeoinputUpdate, ctx as _VkfGeoinputUpdateCtx, types as __VkfGeoinputUpdate, VkfGeoinputUpdate as default };