@gis_victory/curd-form 0.0.1

package/dist/curd-form.es.js

@@ -0,0 +1,1980 @@
+import { defineComponent as j, ref as M, watch as H, resolveComponent as k, openBlock as d, createBlock as C, unref as _, withCtx as h, createElementBlock as P, Fragment as R, renderList as K, onMounted as ne, toDisplayString as re, createElementVNode as Y, normalizeClass as te, createCommentVNode as N, reactive as J, onUnmounted as Pe, createVNode as b, renderSlot as q, createTextVNode as B, nextTick as se, normalizeStyle as Le, createSlots as Me } from "vue";
+import { dayjs as oe, ElMessage as E, ElMessageBox as ue } from "element-plus";
+import { GisMapView as Te, GisMapSwitch as Oe } from "@gis_victory/gismap";
+const xe = {
+  name: "FormItem"
+}, ce = /* @__PURE__ */ j({
+  ...xe,
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: () => ""
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownOptions: {
+      type: Array,
+      default: () => []
+    },
+    currentOperationType: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: t }) {
+    const e = r;
+    let o = e.modelValue;
+    const l = e.item.type === "multiple-select" || e.item.type === "checkbox" || e.item.searchFormType === "multiple-select" || e.item.searchFormType === "checkbox";
+    l && typeof o == "string" && o && (o = o.split(","));
+    const a = M(o), g = t, p = computed(() => {
+      switch (e.currentOperationType) {
+        case "default":
+          return !1;
+        case "details":
+          return !0;
+        case "add":
+          return e.item.createFormStatus == "disabled";
+        case "edit":
+          return e.item.updateFormStatus == "disabled";
+      }
+      return !1;
+    }), n = computed(() => {
+      switch (e.currentOperationType) {
+        case "default":
+          return !1;
+        case "details":
+          return !0;
+        case "add":
+          return e.item.createFormStatus == "disabled";
+        case "edit":
+          return e.item.updateFormStatus == "disabled";
+      }
+      return !1;
+    });
+    return H(a, (u) => {
+      let i = u;
+      l && Array.isArray(u) && (i = u.join(",")), g("update:modelValue", i);
+    }), H(() => e.modelValue, (u) => {
+      let i = u;
+      l && typeof u == "string" && u && (i = u.split(",")), a.value = i;
+    }), (u, i) => {
+      const s = k("el-option"), c = k("el-select"), V = k("el-date-picker"), F = k("el-checkbox"), T = k("el-checkbox-group"), I = k("el-radio"), S = k("el-radio-group"), O = k("el-input");
+      return r.item.searchFormType === "select" || r.item.type === "select" ? (d(), C(c, {
+        key: 0,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (f) => a.value = f),
+        placeholder: r.item.placeholder || "请选择",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, {
+        default: h(() => [
+          (d(!0), P(R, null, K(r.dropdownOptions, (f) => (d(), C(s, {
+            key: f.id,
+            label: f.name,
+            value: f.id
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : r.item.searchFormType === "multiple-select" || r.item.type === "multiple-select" ? (d(), C(c, {
+        key: 1,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (f) => a.value = f),
+        placeholder: r.item.placeholder || "请选择",
+        multiple: "",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, {
+        default: h(() => [
+          (d(!0), P(R, null, K(r.dropdownOptions, (f) => (d(), C(s, {
+            key: f.id,
+            label: f.name,
+            value: f.id
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : r.item.searchFormType === "date" || r.item.type === "date" ? (d(), C(V, {
+        key: 2,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (f) => a.value = f),
+        type: "date",
+        "value-format": "YYYY-MM-DD",
+        placeholder: r.item.placeholder || "请选择日期",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: "",
+        style: { width: "100%" }
+      }, null, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : r.item.searchFormType === "daterange" || r.item.type === "daterange" ? (d(), C(V, {
+        key: 3,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[3] || (i[3] = (f) => a.value = f),
+        type: "daterange",
+        "value-format": "yyyy-MM-dd",
+        placeholder: r.item.placeholder || "请选择日期范围",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, null, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : r.item.searchFormType === "checkbox" || r.item.type === "checkbox" ? (d(), C(T, {
+        key: 4,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[4] || (i[4] = (f) => a.value = f),
+        disabled: _(p),
+        readonly: _(n)
+      }, {
+        default: h(() => [
+          (d(!0), P(R, null, K(r.dropdownOptions, (f) => (d(), C(F, {
+            key: f.id,
+            label: f.name,
+            value: f.id
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "readonly"])) : r.item.searchFormType === "radio" || r.item.type === "radio" ? (d(), C(S, {
+        key: 5,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[5] || (i[5] = (f) => a.value = f),
+        disabled: _(p),
+        readonly: _(n)
+      }, {
+        default: h(() => [
+          (d(!0), P(R, null, K(r.dropdownOptions, (f) => (d(), C(I, {
+            key: f.id,
+            label: f.name,
+            value: f.id
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "readonly"])) : r.item.searchFormType === "textarea" || r.item.type === "textarea" ? (d(), C(O, {
+        key: 6,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[6] || (i[6] = (f) => a.value = f),
+        type: "textarea",
+        placeholder: r.item.placeholder || "请输入",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, null, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : r.item.searchFormType === "input" || r.item.type === "input" ? (d(), C(O, {
+        key: 7,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[7] || (i[7] = (f) => a.value = f),
+        placeholder: r.item.placeholder || "请输入",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, null, 8, ["modelValue", "placeholder", "disabled", "readonly"])) : (d(), C(O, {
+        key: 8,
+        modelValue: a.value,
+        "onUpdate:modelValue": i[8] || (i[8] = (f) => a.value = f),
+        placeholder: r.item.placeholder || "请输入",
+        disabled: _(p),
+        readonly: _(n),
+        clearable: ""
+      }, null, 8, ["modelValue", "placeholder", "disabled", "readonly"]));
+    };
+  }
+}), ze = {
+  name: "FormItemDetail"
+}, Ie = /* @__PURE__ */ j({
+  ...ze,
+  props: {
+    modelValue: {
+      type: [String, Number, Array, Object],
+      default: () => ""
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(r) {
+    const t = r;
+    let e = t.modelValue;
+    const o = t.item.type === "multiple-select" || t.item.type === "checkbox" || t.item.searchFormType === "multiple-select" || t.item.searchFormType === "checkbox";
+    typeof e == "object" && e !== null && !Array.isArray(e) && (e = Object.values(e).join(",")), o && typeof e == "string" && e && (e = e.split(","));
+    const l = M(e);
+    return ne(() => {
+      switch (t.item.type) {
+        case "select":
+        case "radio":
+          const a = t.dropdownOptions.find((n) => n.id === t.modelValue);
+          l.value = a?.name || "";
+          break;
+        case "checkbox":
+        case "multiple-select":
+          const p = (Array.isArray(l.value) ? l.value : l.value?.split(",") || []).map((n) => t.dropdownOptions.find((i) => i.id === n)?.name || n).filter(Boolean);
+          l.value = p.join(",") || "";
+          break;
+        case "date":
+          l.value = t.modelValue ? oe(t.modelValue).format(t.item.formatter || "YYYY-MM-DD") : "";
+          break;
+        case "datetime":
+          l.value = t.modelValue ? oe(t.modelValue).format(t.item.formatter || "YYYY-MM-DD HH:mm:ss") : "";
+          break;
+        default:
+          l.value = t.modelValue;
+          break;
+      }
+    }), (a, g) => (d(), P("span", null, re(l.value), 1));
+  }
+});
+var Z = { exports: {} }, de;
+function $e() {
+  if (de) return Z.exports;
+  de = 1, Z.exports = e, Z.exports.parse = e, Z.exports.stringify = o;
+  var r = /[-+]?([0-9]*\.[0-9]+|[0-9]+)([eE][-+]?[0-9]+)?/, t = new RegExp("^" + r.source + "(\\s" + r.source + "){1,}");
+  function e(l) {
+    var a = l.split(";"), g = a.pop(), p = (a.shift() || "").split("=").pop(), n = 0;
+    function u(v) {
+      var D = g.substring(n).match(v);
+      return D ? (n += D[0].length, D[0]) : null;
+    }
+    function i(v) {
+      return v && p.match(/\d+/) && (v.crs = {
+        type: "name",
+        properties: {
+          name: "urn:ogc:def:crs:EPSG::" + p
+        }
+      }), v;
+    }
+    function s() {
+      u(/^\s*/);
+    }
+    function c() {
+      s();
+      for (var v = 0, D = [], x = [D], U = D, A; A = u(/^(\()/) || u(/^(\))/) || u(/^(,)/) || u(t); ) {
+        if (A === "(")
+          x.push(U), U = [], x[x.length - 1].push(U), v++;
+        else if (A === ")") {
+          if (U.length === 0 || (U = x.pop(), !U)) return null;
+          if (v--, v === 0) break;
+        } else if (A === ",")
+          U = [], x[x.length - 1].push(U);
+        else if (!A.split(/\s/g).some(isNaN))
+          Array.prototype.push.apply(U, A.split(/\s/g).map(parseFloat));
+        else
+          return null;
+        s();
+      }
+      return v !== 0 ? null : D;
+    }
+    function V() {
+      for (var v = [], D, x; x = u(t) || u(/^(,)/); )
+        x === "," ? (v.push(D), D = []) : x.split(/\s/g).some(isNaN) || (D || (D = []), Array.prototype.push.apply(D, x.split(/\s/g).map(parseFloat))), s();
+      if (D) v.push(D);
+      else return null;
+      return v.length ? v : null;
+    }
+    function F() {
+      if (!u(/^(point(\sz)?)/i) || (s(), !u(/^(\()/))) return null;
+      var v = V();
+      return !v || (s(), !u(/^(\))/)) ? null : {
+        type: "Point",
+        coordinates: v[0]
+      };
+    }
+    function T() {
+      if (!u(/^(multipoint)/i)) return null;
+      s();
+      var v = g.substring(g.indexOf("(") + 1, g.length - 1).replace(/\(/g, "").replace(/\)/g, "");
+      g = "MULTIPOINT (" + v + ")";
+      var D = c();
+      return D ? (s(), {
+        type: "MultiPoint",
+        coordinates: D
+      }) : null;
+    }
+    function I() {
+      if (!u(/^(multilinestring)/i)) return null;
+      s();
+      var v = c();
+      return v ? (s(), {
+        type: "MultiLineString",
+        coordinates: v
+      }) : null;
+    }
+    function S() {
+      if (!u(/^(linestring(\sz)?)/i) || (s(), !u(/^(\()/))) return null;
+      var v = V();
+      return !v || !u(/^(\))/) ? null : {
+        type: "LineString",
+        coordinates: v
+      };
+    }
+    function O() {
+      if (!u(/^(polygon(\sz)?)/i)) return null;
+      s();
+      var v = c();
+      return v ? {
+        type: "Polygon",
+        coordinates: v
+      } : null;
+    }
+    function f() {
+      if (!u(/^(multipolygon)/i)) return null;
+      s();
+      var v = c();
+      return v ? {
+        type: "MultiPolygon",
+        coordinates: v
+      } : null;
+    }
+    function L() {
+      var v = [], D;
+      if (!u(/^(geometrycollection)/i) || (s(), !u(/^(\()/))) return null;
+      for (; D = W(); )
+        v.push(D), s(), u(/^(,)/), s();
+      return u(/^(\))/) ? {
+        type: "GeometryCollection",
+        geometries: v
+      } : null;
+    }
+    function W() {
+      return F() || S() || O() || T() || I() || f() || L();
+    }
+    return i(W());
+  }
+  function o(l) {
+    l.type === "Feature" && (l = l.geometry);
+    function a(i) {
+      return i.join(" ");
+    }
+    function g(i) {
+      return i.map(a).join(", ");
+    }
+    function p(i) {
+      return i.map(g).map(u).join(", ");
+    }
+    function n(i) {
+      return i.map(p).map(u).join(", ");
+    }
+    function u(i) {
+      return "(" + i + ")";
+    }
+    switch (l.type) {
+      case "Point":
+        return "POINT (" + a(l.coordinates) + ")";
+      case "LineString":
+        return "LINESTRING (" + g(l.coordinates) + ")";
+      case "Polygon":
+        return "POLYGON (" + p(l.coordinates) + ")";
+      case "MultiPoint":
+        return "MULTIPOINT (" + g(l.coordinates) + ")";
+      case "MultiPolygon":
+        return "MULTIPOLYGON (" + n(l.coordinates) + ")";
+      case "MultiLineString":
+        return "MULTILINESTRING (" + p(l.coordinates) + ")";
+      case "GeometryCollection":
+        return "GEOMETRYCOLLECTION (" + l.geometries.map(o).join(", ") + ")";
+      default:
+        throw new Error("stringify requires a valid GeoJSON Feature or geometry object as input");
+    }
+  }
+  return Z.exports;
+}
+var le = $e();
+function Ee(r, t, e = {}) {
+  const o = { type: "Feature" };
+  return (e.id === 0 || e.id) && (o.id = e.id), e.bbox && (o.bbox = e.bbox), o.properties = t || {}, o.geometry = r, o;
+}
+function Ne(r, t, e = {}) {
+  if (!r)
+    throw new Error("coordinates is required");
+  if (!Array.isArray(r))
+    throw new Error("coordinates must be an Array");
+  if (r.length < 2)
+    throw new Error("coordinates must be at least 2 numbers long");
+  if (!pe(r[0]) || !pe(r[1]))
+    throw new Error("coordinates must contain numbers");
+  return Ee({
+    type: "Point",
+    coordinates: r
+  }, t, e);
+}
+function pe(r) {
+  return !isNaN(r) && r !== null && !Array.isArray(r);
+}
+function me(r, t, e) {
+  if (r !== null)
+    for (var o, l, a, g, p, n, u, i = 0, s = 0, c, V = r.type, F = V === "FeatureCollection", T = V === "Feature", I = F ? r.features.length : 1, S = 0; S < I; S++) {
+      u = F ? (
+        // @ts-expect-error: Known type conflict
+        r.features[S].geometry
+      ) : T ? (
+        // @ts-expect-error: Known type conflict
+        r.geometry
+      ) : r, c = u ? u.type === "GeometryCollection" : !1, p = c ? u.geometries.length : 1;
+      for (var O = 0; O < p; O++) {
+        var f = 0, L = 0;
+        if (g = c ? u.geometries[O] : u, g !== null) {
+          n = g.coordinates;
+          var W = g.type;
+          switch (i = W === "Polygon" || W === "MultiPolygon" ? 1 : 0, W) {
+            case null:
+              break;
+            case "Point":
+              if (
+                // @ts-expect-error: Known type conflict
+                t(
+                  n,
+                  s,
+                  S,
+                  f,
+                  L
+                ) === !1
+              )
+                return !1;
+              s++, f++;
+              break;
+            case "LineString":
+            case "MultiPoint":
+              for (o = 0; o < n.length; o++) {
+                if (
+                  // @ts-expect-error: Known type conflict
+                  t(
+                    n[o],
+                    s,
+                    S,
+                    f,
+                    L
+                  ) === !1
+                )
+                  return !1;
+                s++, W === "MultiPoint" && f++;
+              }
+              W === "LineString" && f++;
+              break;
+            case "Polygon":
+            case "MultiLineString":
+              for (o = 0; o < n.length; o++) {
+                for (l = 0; l < n[o].length - i; l++) {
+                  if (
+                    // @ts-expect-error: Known type conflict
+                    t(
+                      n[o][l],
+                      s,
+                      S,
+                      f,
+                      L
+                    ) === !1
+                  )
+                    return !1;
+                  s++;
+                }
+                W === "MultiLineString" && f++, W === "Polygon" && L++;
+              }
+              W === "Polygon" && f++;
+              break;
+            case "MultiPolygon":
+              for (o = 0; o < n.length; o++) {
+                for (L = 0, l = 0; l < n[o].length; l++) {
+                  for (a = 0; a < n[o][l].length - i; a++) {
+                    if (
+                      // @ts-expect-error: Known type conflict
+                      t(
+                        n[o][l][a],
+                        s,
+                        S,
+                        f,
+                        L
+                      ) === !1
+                    )
+                      return !1;
+                    s++;
+                  }
+                  L++;
+                }
+                f++;
+              }
+              break;
+            case "GeometryCollection":
+              for (o = 0; o < g.geometries.length; o++)
+                if (
+                  // @ts-expect-error: Known type conflict
+                  me(g.geometries[o], t) === !1
+                )
+                  return !1;
+              break;
+            default:
+              throw new Error("Unknown Geometry Type");
+          }
+        }
+      }
+    }
+}
+function Ae(r, t = {}) {
+  let e = 0, o = 0, l = 0;
+  return me(
+    r,
+    function(a) {
+      e += a[0], o += a[1], l++;
+    }
+  ), Ne([e / l, o / l], t.properties);
+}
+class We {
+  map;
+  sourceId = "curd-map-source";
+  layerId = "curd-map-layer";
+  featureCollection = {
+    type: "FeatureCollection",
+    features: []
+  };
+  constructor(t) {
+    this.map = t, this.setSource();
+  }
+  setSource() {
+    this.map.addSource(this.sourceId, {
+      type: "geojson",
+      data: this.featureCollection
+    });
+  }
+  setLayer(t) {
+    if (!this.map.getLayer(this.layerId))
+      switch (t.toLowerCase()) {
+        case "polygon":
+        case "multipolygon":
+          this.map.addLayer({
+            id: this.layerId,
+            type: "fill",
+            source: this.sourceId,
+            paint: {
+              //设置为蓝色
+              "fill-color": "#ff0000",
+              "fill-opacity": 0.5
+            }
+          });
+          break;
+        case "linestring":
+        case "multilinestring":
+          this.map.addLayer({
+            id: this.layerId,
+            type: "line",
+            source: this.sourceId,
+            paint: {
+              //设置为红色
+              "line-color": "#ff0000",
+              "line-opacity": 0.8,
+              "line-width": 3
+            }
+          });
+          break;
+        case "point":
+          this.map.addLayer({
+            id: this.layerId,
+            type: "circle",
+            source: this.sourceId,
+            paint: {
+              "circle-color": "#ff0000",
+              "circle-opacity": 0.8,
+              "circle-radius": 5,
+              "circle-stroke-color": "#fff",
+              "circle-stroke-width": 2,
+              "circle-stroke-opacity": 1
+            }
+          });
+          break;
+      }
+  }
+  setData(t) {
+    if (!t)
+      return;
+    const e = {
+      type: "Feature",
+      geometry: t
+    }, o = this.map.getSource(this.sourceId);
+    o && (this.featureCollection.features = [e], o?.setData(this.featureCollection));
+  }
+  flyTo() {
+    if (this.featureCollection.features.length !== 0)
+      try {
+        let t = this.featureCollection.features[0];
+        if (!t)
+          return;
+        let e = null;
+        if (t.geometry.type.toLowerCase() === "point" ? e = t.geometry.coordinates : e = Ae(this.featureCollection)?.geometry?.coordinates || null, !e)
+          return;
+        this.map.flyTo({
+          center: e,
+          zoom: 16
+        });
+      } catch (t) {
+        console.error("计算外包边框中心点失败:", t);
+      }
+  }
+  formatWktToGeoJson(t) {
+    if (!t)
+      return null;
+    try {
+      return le.parse(t);
+    } catch (e) {
+      return console.error("WKT 转换为 GeoJSON 失败:", e), null;
+    }
+  }
+  formatGeoJsonToWkt(t) {
+    if (!t)
+      return "";
+    try {
+      return le.stringify(t);
+    } catch (e) {
+      return console.error("GeoJSON 转换为 WKT 失败:", e), "";
+    }
+  }
+  clear() {
+    this.map.removeLayer(this.layerId), this.map.removeSource(this.sourceId);
+  }
+}
+class Ue {
+  map;
+  drawSourceId = "curd-map-draw-source";
+  drawLayerId = "curd-map-draw-layer";
+  drawLineLayerId = "curd-map-draw-line-layer";
+  drawPointLayerId = "curd-map-draw-point-layer";
+  drawFeatureCollection = {
+    type: "FeatureCollection",
+    features: []
+  };
+  drawType = "none";
+  drawCoordinates = [];
+  drawCallback = null;
+  constructor(t) {
+    this.map = t, this.initDrawSource();
+  }
+  initDrawSource() {
+    this.map.getSource(this.drawSourceId) || this.map.addSource(this.drawSourceId, {
+      type: "geojson",
+      data: this.drawFeatureCollection
+    });
+  }
+  // 开始绘制
+  startDraw(t, e) {
+    this.clearDraw(), this.drawType = t, this.drawCallback = e, this.drawCoordinates = [], this.setupDrawLayers(), this.setupDrawEvents(), this.map.getCanvas().style.cursor = "crosshair";
+  }
+  // 停止绘制
+  stopDraw() {
+    this.drawType = "none", this.drawCallback = null, this.clearDraw(), this.removeDrawEvents(), this.map.getCanvas().style.cursor = "";
+  }
+  // 清除绘制
+  clearDraw() {
+    this.drawCoordinates = [], this.drawFeatureCollection.features = [];
+    const t = this.map.getSource(this.drawSourceId);
+    t && t.setData(this.drawFeatureCollection), [this.drawLayerId, this.drawLineLayerId, this.drawPointLayerId, `${this.drawLayerId}-outline`].forEach((e) => {
+      this.map.getLayer(e) && this.map.removeLayer(e);
+    });
+  }
+  // 设置绘制图层
+  setupDrawLayers() {
+    [this.drawLayerId, this.drawLineLayerId, this.drawPointLayerId, `${this.drawLayerId}-outline`].forEach((e) => {
+      this.map.getLayer(e) && this.map.removeLayer(e);
+    });
+    const t = "#ff0000";
+    this.drawType === "point" && this.map.addLayer({
+      id: this.drawLayerId,
+      type: "circle",
+      source: this.drawSourceId,
+      paint: {
+        "circle-color": t,
+        "circle-opacity": 0.8,
+        "circle-radius": 6,
+        "circle-stroke-color": "#fff",
+        "circle-stroke-width": 2,
+        "circle-stroke-opacity": 1
+      }
+    }), (this.drawType === "line" || this.drawType === "polygon") && (this.map.addLayer({
+      id: this.drawLineLayerId,
+      type: "line",
+      source: this.drawSourceId,
+      paint: {
+        "line-color": t,
+        "line-opacity": 0.8,
+        "line-width": 3
+      }
+    }), this.map.addLayer({
+      id: this.drawPointLayerId,
+      type: "circle",
+      source: this.drawSourceId,
+      paint: {
+        "circle-color": t,
+        "circle-opacity": 0.8,
+        "circle-radius": 4,
+        "circle-stroke-color": "#fff",
+        "circle-stroke-width": 2,
+        "circle-stroke-opacity": 1
+      }
+    })), this.drawType === "polygon" && (this.map.addLayer({
+      id: this.drawLayerId,
+      type: "fill",
+      source: this.drawSourceId,
+      paint: {
+        "fill-color": t,
+        "fill-opacity": 0.3
+      }
+    }), this.map.addLayer({
+      id: `${this.drawLayerId}-outline`,
+      type: "line",
+      source: this.drawSourceId,
+      paint: {
+        "line-color": t,
+        "line-opacity": 0.8,
+        "line-width": 2
+      }
+    }));
+  }
+  // 设置绘制事件
+  setupDrawEvents() {
+    this.map.on("click", this.handleMapClick.bind(this)), this.map.on("mousemove", this.handleMapMouseMove.bind(this)), this.map.on("dblclick", this.handleMapDoubleClick.bind(this)), this.map.doubleClickZoom.disable();
+  }
+  // 移除绘制事件
+  removeDrawEvents() {
+    this.map.off("click", this.handleMapClick.bind(this)), this.map.off("mousemove", this.handleMapMouseMove.bind(this)), this.map.off("dblclick", this.handleMapDoubleClick.bind(this)), this.map.doubleClickZoom.enable();
+  }
+  // 处理地图点击事件
+  handleMapClick(t) {
+    const e = t.lngLat.toArray();
+    this.drawCoordinates.push(e), this.updateDrawFeature(), this.drawType === "point" && this.finishDraw();
+  }
+  // 处理地图鼠标移动事件
+  handleMapMouseMove(t) {
+    if (this.drawType === "none" || this.drawCoordinates.length === 0)
+      return;
+    const e = t.lngLat.toArray(), o = [...this.drawCoordinates, e];
+    this.updateDrawFeature(o);
+  }
+  // 处理地图双击事件
+  handleMapDoubleClick() {
+    (this.drawType === "line" || this.drawType === "polygon") && this.finishDraw();
+  }
+  // 更新绘制要素
+  updateDrawFeature(t) {
+    const e = t || this.drawCoordinates;
+    if (e.length === 0)
+      return;
+    let o = null;
+    switch (this.drawType) {
+      case "point":
+        o = {
+          type: "Point",
+          coordinates: e[0]
+        };
+        break;
+      case "line":
+        o = {
+          type: "LineString",
+          coordinates: e
+        };
+        break;
+      case "polygon":
+        o = {
+          type: "Polygon",
+          coordinates: [e]
+        };
+        break;
+    }
+    if (o) {
+      this.drawFeatureCollection.features = [{
+        type: "Feature",
+        geometry: o
+      }];
+      const l = this.map.getSource(this.drawSourceId);
+      l && l.setData(this.drawFeatureCollection);
+    }
+  }
+  // 完成绘制
+  finishDraw() {
+    if (this.drawCoordinates.length === 0)
+      return;
+    let t = null;
+    switch (this.drawType) {
+      case "point":
+        t = {
+          type: "Point",
+          coordinates: this.drawCoordinates[0]
+        };
+        break;
+      case "line":
+        if (this.drawCoordinates.length < 2) {
+          this.clearDraw();
+          return;
+        }
+        t = {
+          type: "LineString",
+          coordinates: this.drawCoordinates
+        };
+        break;
+      case "polygon":
+        if (this.drawCoordinates.length < 3) {
+          this.clearDraw();
+          return;
+        }
+        t = {
+          type: "Polygon",
+          coordinates: [[...this.drawCoordinates, this.drawCoordinates[0]]]
+        };
+        break;
+    }
+    if (t && this.drawCallback) {
+      const e = le.stringify(t);
+      this.drawCallback(this.drawType, t, e), this.map.getCanvas().style.cursor = "", this.drawType = "none", this.map.off("click", this.handleMapClick.bind(this)), this.map.off("mousemove", this.handleMapMouseMove.bind(this)), this.map.off("dblclick", this.handleMapDoubleClick.bind(this)), setTimeout(() => {
+        this.map.doubleClickZoom.enable();
+      }, 0);
+    }
+  }
+  // 销毁绘制对象
+  destroy() {
+    this.stopDraw(), this.map.getSource(this.drawSourceId) && this.map.removeSource(this.drawSourceId);
+  }
+}
+var Be = /* @__PURE__ */ j({
+  name: "CircleClose",
+  __name: "circle-close",
+  setup(r) {
+    return (t, e) => (d(), P("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      Y("path", {
+        fill: "currentColor",
+        d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
+      }),
+      Y("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      })
+    ]));
+  }
+}), Re = Be, Ge = /* @__PURE__ */ j({
+  name: "EditPen",
+  __name: "edit-pen",
+  setup(r) {
+    return (t, e) => (d(), P("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      Y("path", {
+        fill: "currentColor",
+        d: "m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64z"
+      })
+    ]));
+  }
+}), Ye = Ge, je = /* @__PURE__ */ j({
+  name: "MoreFilled",
+  __name: "more-filled",
+  setup(r) {
+    return (t, e) => (d(), P("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      Y("path", {
+        fill: "currentColor",
+        d: "M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224"
+      })
+    ]));
+  }
+}), Je = je;
+const Ke = { class: "map-draw-container" }, qe = {
+  name: "FormItemMapDraw"
+}, He = /* @__PURE__ */ j({
+  ...qe,
+  props: {
+    geomType: {
+      type: String,
+      default: "point"
+    }
+  },
+  emits: ["draw-start", "draw-end", "draw-cancel"],
+  setup(r, { emit: t }) {
+    const e = t, o = M("none");
+    M(!1), M(null);
+    const l = Re, a = Ye, g = Je, p = (n) => {
+      o.value = n, n === "none" ? e("draw-cancel") : e("draw-start", n);
+    };
+    return (n, u) => {
+      const i = k("el-button");
+      return d(), P("div", Ke, [
+        r.geomType === "point" ? (d(), C(i, {
+          key: 0,
+          type: "primary",
+          size: "small",
+          circle: "",
+          onClick: u[0] || (u[0] = (s) => p("point")),
+          icon: _(l),
+          class: te({ active: o.value === "point" })
+        }, null, 8, ["icon", "class"])) : N("", !0),
+        r.geomType === "linestring" ? (d(), C(i, {
+          key: 1,
+          type: "primary",
+          size: "small",
+          circle: "",
+          onClick: u[1] || (u[1] = (s) => p("line")),
+          icon: _(a),
+          class: te({ active: o.value === "line" })
+        }, null, 8, ["icon", "class"])) : N("", !0),
+        r.geomType === "polygon" ? (d(), C(i, {
+          key: 2,
+          type: "primary",
+          size: "small",
+          circle: "",
+          onClick: u[2] || (u[2] = (s) => p("polygon")),
+          icon: _(g),
+          class: te({ active: o.value === "polygon" })
+        }, null, 8, ["icon", "class"])) : N("", !0)
+      ]);
+    };
+  }
+}), Q = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [o, l] of t)
+    e[o] = l;
+  return e;
+}, Ze = /* @__PURE__ */ Q(He, [["__scopeId", "data-v-fa667d3f"]]), Qe = { class: "curd-map" }, Xe = {
+  name: "FormItemMap"
+}, et = /* @__PURE__ */ j({
+  ...Xe,
+  props: {
+    modelValue: {
+      type: String || void 0,
+      default: () => ""
+    },
+    glyphs: {
+      type: String || void 0,
+      default: () => ""
+    },
+    mapViewData: {
+      type: Object || void 0,
+      default: () => ({})
+    },
+    currentOperationType: {
+      type: String,
+      default: () => "details"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: t }) {
+    const e = r, o = M(e.modelValue);
+    let l, a;
+    const g = J({
+      mapViewData: {
+        zoom: e.mapViewData.zoom || 13,
+        center: e.mapViewData.center || [120.656774, 29.8],
+        maxPitch: e.mapViewData.maxPitch || 0,
+        dragRotate: e.mapViewData.dragRotate || !1,
+        style: {
+          glyphs: e.glyphs
+        },
+        ...e.mapViewData
+      },
+      switchData: {
+        layers: [{
+          name: "tdt-vec",
+          label: "地图",
+          iconName: "vector",
+          checked: !0
+        }, {
+          name: "tdt-img",
+          label: "影像",
+          iconName: "satellite",
+          checked: !1
+        }],
+        extensions: [
+          {
+            name: "tdt-cia",
+            label: "注记",
+            checked: !0
+          }
+        ]
+      }
+    }), p = t;
+    H(o, (s) => {
+      p("update:modelValue", s);
+    }), H(() => e.modelValue, (s) => {
+      o.value = s;
+    });
+    const n = (s) => {
+      l = new We(s), a = new Ue(s);
+      const c = l.formatWktToGeoJson(o.value);
+      c && (l.setLayer(c.type), l.setData(c), l.flyTo());
+    }, u = (s) => {
+      a && a.startDraw(s, (c, V, F) => {
+        o.value = F;
+      });
+    }, i = () => {
+      a && a.stopDraw();
+    };
+    return Pe(() => {
+      a && (a.destroy(), a = void 0);
+    }), (s, c) => (d(), P("div", Qe, [
+      b(_(Te), {
+        options: g.mapViewData,
+        onLoad: n
+      }, {
+        "top-left": h(() => [
+          r.currentOperationType !== "details" ? (d(), C(Ze, {
+            key: 0,
+            onDrawStart: u,
+            onDrawCancel: i
+          })) : N("", !0)
+        ]),
+        "bottom-right": h(() => [
+          b(_(Oe), {
+            data: g.switchData
+          }, null, 8, ["data"])
+        ]),
+        default: h(() => [
+          q(s.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["options"])
+    ]));
+  }
+}), tt = /* @__PURE__ */ Q(et, [["__scopeId", "data-v-e1f42b56"]]), ot = { class: "field-select-container" }, rt = {
+  name: "ExportButton"
+}, at = /* @__PURE__ */ j({
+  ...rt,
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(r) {
+    const t = r, e = M(!1), o = J({
+      filename: "",
+      dataType: "current",
+      // current: 当前页数据, selected: 选择中数据
+      selectedFields: []
+    });
+    ne(() => {
+      o.selectedFields = t.columns.map((g) => g.columnProperty);
+    });
+    const l = () => {
+      let g = [...t.data];
+      if (g.length === 0) {
+        E.warning("没有数据可导出");
+        return;
+      }
+      const p = g.map((V) => {
+        const F = {};
+        return o.selectedFields.forEach((T) => {
+          F[T] = V[T];
+        }), F;
+      }), n = o.filename || `导出数据_${(/* @__PURE__ */ new Date()).getTime()}`, u = a(p), i = new Blob([u], { type: "text/csv;charset=utf-8;" }), s = document.createElement("a"), c = URL.createObjectURL(i);
+      s.setAttribute("href", c), s.setAttribute("download", `${n}.csv`), s.style.visibility = "hidden", document.body.appendChild(s), s.click(), document.body.removeChild(s), e.value = !1, E.success("导出成功");
+    }, a = (g) => {
+      if (g.length === 0) return "";
+      const p = Object.keys(g[0]) || [], n = [];
+      n.push(p.join(","));
+      for (const u of g) {
+        const i = p.map((s) => {
+          const c = u[s];
+          return typeof c == "string" ? `"${c.replace(/"/g, '""')}"` : c;
+        });
+        n.push(i.join(","));
+      }
+      return n.join(`
+`);
+    };
+    return (g, p) => {
+      const n = k("el-icon-download"), u = k("el-icon"), i = k("el-button"), s = k("el-input"), c = k("el-form-item"), V = k("el-checkbox"), F = k("el-checkbox-group"), T = k("el-form"), I = k("el-dialog");
+      return d(), P("div", null, [
+        b(i, {
+          type: "default",
+          round: "",
+          onClick: p[0] || (p[0] = (S) => e.value = !0)
+        }, {
+          default: h(() => [
+            b(u, null, {
+              default: h(() => [
+                b(n)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        b(I, {
+          modelValue: e.value,
+          "onUpdate:modelValue": p[4] || (p[4] = (S) => e.value = S),
+          title: "导出数据",
+          width: "400px",
+          "close-on-click-modal": !1
+        }, {
+          footer: h(() => [
+            b(i, {
+              onClick: p[3] || (p[3] = (S) => e.value = !1)
+            }, {
+              default: h(() => [...p[5] || (p[5] = [
+                B("取消", -1)
+              ])]),
+              _: 1
+            }),
+            b(i, {
+              type: "primary",
+              onClick: l
+            }, {
+              default: h(() => [...p[6] || (p[6] = [
+                B("导出", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          default: h(() => [
+            b(T, {
+              model: o,
+              "label-width": "100px"
+            }, {
+              default: h(() => [
+                b(c, { label: "文件名称" }, {
+                  default: h(() => [
+                    b(s, {
+                      modelValue: o.filename,
+                      "onUpdate:modelValue": p[1] || (p[1] = (S) => o.filename = S),
+                      placeholder: "请输入文件名称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                b(c, { label: "选择字段" }, {
+                  default: h(() => [
+                    Y("div", ot, [
+                      b(F, {
+                        modelValue: o.selectedFields,
+                        "onUpdate:modelValue": p[2] || (p[2] = (S) => o.selectedFields = S)
+                      }, {
+                        default: h(() => [
+                          (d(!0), P(R, null, K(r.columns, (S) => (d(), P("div", {
+                            key: S.columnProperty,
+                            class: "column-item"
+                          }, [
+                            b(V, {
+                              value: S.columnProperty
+                            }, {
+                              default: h(() => [
+                                B(re(S.columnLabel), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["value"])
+                          ]))), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), lt = /* @__PURE__ */ Q(at, [["__scopeId", "data-v-a28ea63e"]]), nt = { class: "column-manager" }, it = {
+  name: "ColumnManager"
+}, st = /* @__PURE__ */ j({
+  ...it,
+  props: {
+    tableColumns: {
+      type: Array,
+      default: () => ({
+        columns: []
+      })
+    },
+    visibleColumns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:visibleColumns", "update:columns"],
+  setup(r, { emit: t }) {
+    const e = r, o = t, l = M(!1), a = M([...e.visibleColumns]), g = (p, n) => {
+      n ? a.value.push(p) : a.value = a.value.filter((u) => u !== p), o("update:visibleColumns", a.value);
+    };
+    return H(
+      () => e.visibleColumns,
+      (p) => {
+        a.value = [...p];
+      },
+      { deep: !0 }
+    ), (p, n) => {
+      const u = k("el-icon-menu"), i = k("el-icon"), s = k("el-button"), c = k("el-checkbox"), V = k("el-popover");
+      return d(), P("div", null, [
+        b(V, {
+          visible: l.value,
+          "onUpdate:visible": n[0] || (n[0] = (F) => l.value = F),
+          placement: "bottom-end",
+          width: 220,
+          trigger: "click",
+          "popper-class": "column-manager-popover"
+        }, {
+          reference: h(() => [
+            b(s, {
+              type: "default",
+              round: ""
+            }, {
+              default: h(() => [
+                b(i, null, {
+                  default: h(() => [
+                    b(u)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: h(() => [
+            Y("div", nt, [
+              (d(!0), P(R, null, K(r.tableColumns, (F) => (d(), P("div", {
+                class: "column-item",
+                key: F.columnProperty
+              }, [
+                b(c, {
+                  modelValue: a.value.includes(F.columnProperty),
+                  onChange: (T) => g(F.columnProperty, T)
+                }, {
+                  default: h(() => [
+                    B(re(F.columnLabel || F.columnProperty), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onChange"])
+              ]))), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}), ut = /* @__PURE__ */ Q(st, [["__scopeId", "data-v-ef5ba627"]]);
+class ct {
+  serverConfig;
+  curdConfig = {};
+  searchConfig = {};
+  tableConfig = {};
+  editorConfig = {};
+  searchFormMap = /* @__PURE__ */ new Map();
+  cloneSearchForm = "{}";
+  cloneFormData = "{}";
+  dictionaryMap = /* @__PURE__ */ new Map();
+  constructor({ serverConfig: t }) {
+    this.serverConfig = t;
+  }
+  setConfig({ curdConfig: t, searchConfig: e, tableConfig: o, editorConfig: l }) {
+    this.curdConfig = t || this.curdConfig, this.searchConfig = e || this.searchConfig, this.tableConfig = o || this.tableConfig, this.editorConfig = l || this.editorConfig;
+  }
+  //加载字典数据，确保全部加载完成后返回结果
+  async loadDictionary() {
+    if (!this.tableConfig?.columns)
+      return this.dictionaryMap;
+    const t = this.tableConfig.columns.filter((e) => ["code", "table"].includes(e.dictType || "") && e.dictService).map((e) => {
+      let o = e.fieldType || "String";
+      return o === "integer" && (o = "Integer"), (e.dictType === "code" ? this.serverConfig?.dict({ dictCode: e.dictService, itemIdType: o }) : this.serverConfig?.dictServer(e.dictService, {})).then((a) => {
+        a && e.dictService && this.dictionaryMap.set(e.dictService, a || []);
+      }).catch((a) => {
+        console.error(`加载字典 ${e.dictService} 失败:`, a);
+      });
+    });
+    return await Promise.all(t), this.dictionaryMap;
+  }
+  //直接根据字典名字查询
+  getDictOptionsByCode(t) {
+    return t ? this.dictionaryMap.get(t) || [] : [];
+  }
+  //根据editor中的字段名查询table配置中的属性
+  getDictOptionsByColumnProperty(t) {
+    if (!t)
+      return [];
+    const e = this.tableConfig?.columns?.find((o) => o.columnProperty === t)?.dictService;
+    return this.getDictOptionsByCode(e || void 0);
+  }
+  //格式化
+  formatColumnValue(t, e) {
+    if (!e || e === "")
+      return e;
+    if (t.dictType && t.dictService) {
+      const o = this.dictionaryMap.get(t.dictService) || [];
+      if (!o || o.length === 0)
+        return e;
+      const l = o.find((a) => a.id === e);
+      return l ? l.name : e;
+    }
+    if (!t.formatter || t.formatter === "")
+      return e;
+    switch (t.fieldType) {
+      case "date":
+        return e ? oe(e).format(t.formatter || "YYYY-MM-DD") : "";
+      case "datetime":
+        return e ? oe(e).format(t.formatter || "YYYY-MM-DD HH:mm:ss") : "";
+      default:
+        return e;
+    }
+  }
+  //格式化表单规则
+  formatFormRules() {
+    const t = {};
+    return (this.editorConfig?.columns || []).forEach((e) => {
+      t[e.columnProperty] = [], e.isRequired && t[e.columnProperty].push({ required: !0, message: "请输入" + e.columnLabel, trigger: "blur" });
+    }), t;
+  }
+  formatSearchConfigForm() {
+    this.searchConfig.columns = this.tableConfig?.columns?.filter((e) => e.searchable != "no") || [], this.searchConfig?.columns.forEach((e) => {
+      this.searchFormMap.set(e.columnProperty, e);
+    });
+    const t = {};
+    return this.searchConfig?.columns.forEach((e) => {
+      t[e.columnProperty] = e.searchDefaultValue;
+    }), this.cloneSearchForm = JSON.stringify(t), t;
+  }
+  formatFormConfigData() {
+    const t = {};
+    return (this.editorConfig?.columns || []).filter((o) => o.columnProperty === this.curdConfig?.priKey ? !0 : o.type !== "hidden").forEach((o) => {
+      t[o.columnProperty] = o.defaultValue;
+    }), this.cloneFormData = JSON.stringify(t), t;
+  }
+  //拼接查询条件
+  formatSearchForm(t) {
+    const e = {};
+    return this.searchFormMap.forEach((o, l) => {
+      const a = t[l];
+      if (a != null && a !== "") {
+        let g = "";
+        switch (o.searchable) {
+          case "=":
+            g = `= '${a}'`;
+            break;
+          case "like":
+            g = `like '%${a}%'`;
+            break;
+          case "in":
+            g = `in (${a})`;
+            break;
+        }
+        e[l] = g;
+      }
+    }), e;
+  }
+  //根据table 中的字段类型，格式化formData中的值
+  formatFormData(t) {
+    if (!t || Object.keys(t).length === 0)
+      return {};
+    let e = {};
+    return (this.tableConfig?.columns || []).forEach((o) => {
+      o?.fieldType === "integer" ? e[o.columnProperty] = Number(t[o.columnProperty]) : e[o.columnProperty] = t[o.columnProperty];
+    }), t.wktstr && (e.wktstr = t.wktstr), e;
+  }
+  //可见列
+  initVisibleColumns() {
+    return (this.tableConfig?.columns || []).filter((t) => t.showMethod != "hidden").map((t) => t.columnProperty);
+  }
+  //表单编辑框
+  getFormItems(t = "") {
+    let e = [];
+    switch (t) {
+      case "details":
+        e = (this.editorConfig?.columns || []).filter((o) => o.type !== "hidden" && o.updateFormStatus !== "hidden" && o.type !== "shape");
+        break;
+      case "add":
+        e = (this.editorConfig?.columns || []).filter((o) => o.type !== "hidden" && o.createFormStatus !== "hidden" && o.type !== "shape");
+        break;
+      case "update":
+        e = (this.editorConfig?.columns || []).filter((o) => o.type !== "hidden" && o.updateFormStatus !== "hidden" && o.type !== "shape");
+        break;
+    }
+    return e;
+  }
+  //判断是否有地图字段，是否存在空间组件，wktStr
+  hasGeometryField() {
+    return (this.editorConfig?.columns || []).find((e) => e.type === "shape") || void 0;
+  }
+}
+const dt = { class: "curd-container" }, pt = { class: "curd-search" }, mt = {
+  key: 0,
+  class: "table-actions"
+}, ft = { class: "table-actions-left" }, ht = { class: "table-actions-right" }, yt = { class: "curd-table" }, gt = {
+  key: 1,
+  class: "curd-pagination"
+}, vt = {
+  name: "CurdForm"
+}, wt = /* @__PURE__ */ j({
+  ...vt,
+  props: {
+    size: {
+      type: String,
+      default: "default"
+    },
+    title: {
+      type: String,
+      default: "信息管理"
+    },
+    //外部权限控制
+    permissions: {
+      type: Object,
+      default: () => ({
+        add: !1,
+        edit: !1,
+        delete: !1,
+        deleteBatch: !1,
+        export: !1
+      })
+    },
+    serverConfig: {
+      type: Object,
+      default: () => ({
+        init: Function,
+        list: Function,
+        view: Function,
+        add: Function,
+        delete: Function,
+        deleteBatch: Function,
+        update: Function,
+        dict: Function,
+        dictServer: Function
+      })
+    },
+    mapViewData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["loadDataSuccess"],
+  setup(r, { expose: t, emit: e }) {
+    const o = r, l = M(!1), a = M(null), g = e, p = M(), n = new ct({ serverConfig: o.serverConfig }), u = M(""), i = M("details"), s = J({
+      priKey: "id",
+      priKeyType: "string",
+      sortField: "id",
+      sortOrder: 0,
+      geomType: "point",
+      webFunction: [],
+      dataExt: "{}"
+    }), c = J({
+      showIndex: !0,
+      indexWidth: 50,
+      showCheckbox: !0,
+      showOperation: !0,
+      operationWidth: 120,
+      operationLocation: "right",
+      operationButtons: [],
+      visibleOperationButtons: [],
+      operationAlign: "center",
+      showPagination: !0,
+      defaultPageSize: 10,
+      pageUISize: "default",
+      showExpand: !1,
+      columns: []
+    }), V = J({
+      total: 0,
+      pageSize: c.defaultPageSize,
+      currentPage: 1
+    }), F = J({
+      title: "弹框表单",
+      formDialogWidth: "800px",
+      labelWidth: "120px"
+    }), T = J({
+      columns: [],
+      formColumns: []
+    }), I = J({
+      searchLabelWidth: "80",
+      searchFormWidth: "290",
+      columns: []
+    }), S = M({}), O = M(!1), f = M([]), L = J({
+      data: {}
+    }), W = M({}), v = M(!1), D = M(!1), x = M(), U = M([]), A = async () => {
+      if (o.serverConfig?.list)
+        try {
+          l.value = !0;
+          const w = await o.serverConfig?.list({
+            whereClause: n.formatSearchForm(S.value),
+            orderParam: [
+              {
+                fieldName: s.sortField,
+                asc: s.sortOrder === 0
+              }
+            ],
+            pageParam: {
+              pageNum: V.currentPage,
+              pageSize: V.pageSize
+            }
+          });
+          if (w) {
+            const y = w.data;
+            f.value = y.dataList || [], V.total = y.totalCount, g("loadDataSuccess", f.value);
+          }
+        } catch {
+        } finally {
+          l.value = !1;
+        }
+    }, fe = () => {
+      S.value = JSON.parse(n.cloneSearchForm), A();
+    }, he = async () => {
+      o.serverConfig?.add && (i.value = "add", T.formColumns = n.getFormItems("add"), F.title = "新增信息", O.value = !0, L.data = JSON.parse(n.cloneFormData));
+    }, ye = async () => {
+      if (o.serverConfig?.deleteBatch && a?.value) {
+        const w = a.value.getSelectionRows();
+        if (w.length === 0) {
+          E.warning("请选择要删除的项");
+          return;
+        }
+        const y = w.map((z) => z[s.priKey || "id"]);
+        y.length > 0 && ue.confirm("确定删除选中项吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(async () => {
+          await o.serverConfig?.deleteBatch?.(y.join(",")) ? E.success("删除成功") : E.error("删除失败"), A();
+        });
+      }
+    }, ge = (w) => {
+      V.pageSize = Number(w), A();
+    }, ve = (w) => {
+      V.currentPage = w, A();
+    }, we = async (w) => {
+      if (o.serverConfig?.view) {
+        i.value = "details", T.formColumns = n.getFormItems("details"), F.title = "查看详情";
+        try {
+          const y = w[s.priKey || "id"];
+          if (!y) {
+            E.error("查看失败,未获取到主键值");
+            return;
+          }
+          const z = await o.serverConfig?.view?.({
+            key: y
+          });
+          z.success && z.data ? (L.data = { ...z.data }, O.value = !0) : E.error("查询失败");
+        } catch {
+          E.error("查询失败");
+        }
+      }
+    }, be = async (w) => {
+      o.serverConfig?.update && (i.value = "update", T.formColumns = n.getFormItems("update"), F.title = "编辑信息", O.value = !0, L.data = { ...w });
+    }, Ce = (w) => {
+      o.serverConfig?.delete && ue.confirm("确定删除选中项吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(async () => {
+        const y = w[s.priKey || "id"];
+        if (!y) {
+          E.error("删除失败,未获取到主键值");
+          return;
+        }
+        await o.serverConfig?.delete?.(y) ? (E.success("删除成功"), A()) : E.error("删除失败");
+      });
+    }, ke = () => {
+      v.value = !0, p.value?.validate(async (w, y) => {
+        if (w) {
+          let z = i.value === "add" ? o.serverConfig?.add : o.serverConfig?.update;
+          if (z)
+            try {
+              const $ = await z({
+                params: {
+                  ...n.formatFormData(L.data)
+                }
+              });
+              $.success ? (E.success(i.value === "add" ? "新增成功" : "编辑成功"), O.value = !1, A()) : E.error("保存失败" + $.msg);
+            } catch ($) {
+              E.error("保存失败" + $.message);
+            } finally {
+              v.value = !1;
+            }
+        } else
+          v.value = !1;
+      });
+    };
+    ne(async () => {
+      if (o.serverConfig?.init) {
+        const w = await o.serverConfig.init();
+        if (w.success && w.data) {
+          const y = w.data || {}, z = y.dataExt ? JSON.parse(y.dataExt) : {};
+          Object.assign(s, y || {}), Object.assign(c, z?.tableConfig || {}), Object.assign(F, z?.dialogConfig || {}), Object.assign(T?.columns || [], z?.editorConfig || {}), V.pageSize = c.defaultPageSize || V.pageSize, c.visibleOperationButtons = (c.operationButtons || []).map(($) => $.type), console.log("curdConfig", s), console.log("tableConfig", c), console.log("dialogConfig", F), console.log("editorConfig", T), I.searchFormWidth = c.searchFormWidth && c.searchFormWidth !== "" ? c.searchFormWidth : I.searchFormWidth, I.searchLabelWidth = c.searchLabelWidth && c.searchLabelWidth !== "" ? c.searchLabelWidth : I.searchLabelWidth, n.setConfig({ curdConfig: s, searchConfig: I, tableConfig: c, editorConfig: T }), U.value = n.initVisibleColumns(), S.value = n.formatSearchConfigForm(), L.data = n.formatFormConfigData(), W.value = n.formatFormRules(), x.value = n.hasGeometryField(), await n.loadDictionary(), A(), se(() => {
+            u.value = "100%";
+          });
+        } else
+          E.error("未查询到有效配置");
+      } else
+        E.error("请配置init方法");
+    }), H(O, (w) => {
+      w ? se(() => {
+        D.value = !0;
+      }) : D.value = !1;
+    });
+    const Se = (w) => {
+      f.value = w;
+    }, Fe = (w) => {
+      c.columns = w;
+    };
+    return t({
+      // 设置表单数据
+      setTableData: Se,
+      getTableData: () => f.value
+    }), (w, y) => {
+      const z = k("el-form-item"), $ = k("el-button"), ie = k("el-form"), X = k("el-table-column"), Ve = k("el-table"), _e = k("el-pagination"), ee = k("el-col"), ae = k("el-row"), De = k("el-dialog");
+      return d(), P(R, null, [
+        Y("div", dt, [
+          Y("div", pt, [
+            b(ie, {
+              inline: !0,
+              class: "form-inline",
+              "label-width": I.searchLabelWidth
+            }, {
+              default: h(() => [
+                (d(!0), P(R, null, K(I.columns, (m) => (d(), C(z, {
+                  key: m.columnProperty,
+                  label: m.searchFormLabel || m.columnLabel,
+                  style: Le(`width: ${I.searchFormWidth}px;`)
+                }, {
+                  default: h(() => [
+                    m.showMethod === "slot" ? q(w.$slots, "search-" + m.columnProperty, {
+                      key: 0,
+                      scope: { ...w.scope, searchForm: S.value, data: S.value[m.columnProperty] }
+                    }, void 0, !0) : (d(), C(ce, {
+                      key: 1,
+                      modelValue: S.value[m.columnProperty],
+                      "onUpdate:modelValue": (G) => S.value[m.columnProperty] = G,
+                      item: m,
+                      dropdownOptions: _(n).getDictOptionsByCode(m.dictService)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "item", "dropdownOptions"]))
+                  ]),
+                  _: 2
+                }, 1032, ["label", "style"]))), 128)),
+                b(z, { style: { "margin-left": "10px" } }, {
+                  default: h(() => [
+                    b($, {
+                      type: "primary",
+                      size: r.size,
+                      icon: "Search",
+                      onClick: A
+                    }, {
+                      default: h(() => [...y[6] || (y[6] = [
+                        B("查询", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size"]),
+                    b($, {
+                      type: "default",
+                      size: r.size,
+                      icon: "Refresh",
+                      onClick: fe
+                    }, {
+                      default: h(() => [...y[7] || (y[7] = [
+                        B("重置", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 3
+            }, 8, ["label-width"])
+          ]),
+          s.webFunction.length > 0 ? (d(), P("div", mt, [
+            Y("div", ft, [
+              r.permissions.add && s.webFunction.includes("add") ? (d(), C($, {
+                key: 0,
+                type: "primary",
+                size: r.size,
+                icon: "CirclePlus",
+                onClick: he
+              }, {
+                default: h(() => [...y[8] || (y[8] = [
+                  B("新增", -1)
+                ])]),
+                _: 1
+              }, 8, ["size"])) : N("", !0),
+              r.permissions.delete && s.webFunction.includes("batchDelete") ? (d(), C($, {
+                key: 1,
+                type: "danger",
+                size: r.size,
+                icon: "Delete",
+                onClick: ye
+              }, {
+                default: h(() => [...y[9] || (y[9] = [
+                  B("批量删除", -1)
+                ])]),
+                _: 1
+              }, 8, ["size"])) : N("", !0),
+              q(w.$slots, "table-actions", {}, void 0, !0)
+            ]),
+            Y("div", ht, [
+              q(w.$slots, "table-actions-right", {}, void 0, !0),
+              b(lt, {
+                columns: c.columns,
+                data: f.value
+              }, null, 8, ["columns", "data"]),
+              b(ut, {
+                "table-columns": c.columns,
+                "visible-columns": U.value,
+                "onUpdate:visibleColumns": y[0] || (y[0] = (m) => U.value = m),
+                "onUpdate:columns": Fe
+              }, null, 8, ["table-columns", "visible-columns"])
+            ])
+          ])) : N("", !0),
+          Y("div", yt, [
+            b(Ve, {
+              ref_key: "tableRef",
+              ref: a,
+              data: f.value,
+              border: "",
+              stripe: "",
+              size: r.size,
+              height: u.value,
+              "header-cell-style": { background: "#F5F7FA" }
+            }, {
+              default: h(() => [
+                c.showIndex ? (d(), C(X, {
+                  key: 0,
+                  type: "index",
+                  width: c.indexWidth,
+                  label: "#",
+                  align: "center"
+                }, null, 8, ["width"])) : N("", !0),
+                r.permissions.delete && s.webFunction.includes("batchDelete") ? (d(), C(X, {
+                  key: 1,
+                  type: "selection",
+                  width: "55",
+                  align: "center"
+                })) : N("", !0),
+                (d(!0), P(R, null, K(c.columns, (m) => (d(), P(R, {
+                  key: m.prop
+                }, [
+                  U.value.includes(m.columnProperty) ? (d(), C(X, {
+                    key: 0,
+                    label: m.columnLabel,
+                    width: (m.width || "") + "px",
+                    fixed: m.fixed,
+                    "show-overflow-tooltip": !m.noWrap,
+                    align: m.align,
+                    "header-align": m.headerAlign
+                  }, {
+                    default: h((G) => [
+                      w.$slots["table-column-" + m.columnProperty] ? q(w.$slots, "table-column-" + m.columnProperty, {
+                        key: 0,
+                        scope: G
+                      }, void 0, !0) : (d(), P(R, { key: 1 }, [
+                        B(re(_(n).formatColumnValue(m, G.row[m.columnProperty])), 1)
+                      ], 64))
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "width", "fixed", "show-overflow-tooltip", "align", "header-align"])) : N("", !0)
+                ], 64))), 128)),
+                b(X, {
+                  align: c.operationAlign,
+                  fixed: "right",
+                  width: c.operationWidth,
+                  label: "操作"
+                }, {
+                  default: h((m) => [
+                    c.visibleOperationButtons.includes("detail") ? (d(), C($, {
+                      key: 0,
+                      type: "primary",
+                      plain: "",
+                      size: c.operationSize,
+                      onClick: (G) => we(m.row)
+                    }, {
+                      default: h(() => [...y[10] || (y[10] = [
+                        B("详情", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size", "onClick"])) : N("", !0),
+                    c.visibleOperationButtons.includes("edit") && r.permissions.edit ? (d(), C($, {
+                      key: 1,
+                      type: "success",
+                      plain: "",
+                      size: c.operationSize,
+                      onClick: (G) => be(m.row)
+                    }, {
+                      default: h(() => [...y[11] || (y[11] = [
+                        B("编辑", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size", "onClick"])) : N("", !0),
+                    c.visibleOperationButtons.includes("delete") && r.permissions.delete ? (d(), C($, {
+                      key: 2,
+                      type: "danger",
+                      plain: "",
+                      size: c.operationSize,
+                      onClick: (G) => Ce(m.row)
+                    }, {
+                      default: h(() => [...y[12] || (y[12] = [
+                        B("删除", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size", "onClick"])) : N("", !0),
+                    q(w.$slots, "table-column-action", { scope: m }, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["align", "width"])
+              ]),
+              _: 3
+            }, 8, ["data", "size", "height"])
+          ]),
+          c.showPagination ? (d(), P("div", gt, [
+            b(_e, {
+              "current-page": V.currentPage,
+              "onUpdate:currentPage": y[1] || (y[1] = (m) => V.currentPage = m),
+              "page-size": V.pageSize,
+              "onUpdate:pageSize": y[2] || (y[2] = (m) => V.pageSize = m),
+              total: V.total,
+              layout: "total, sizes, prev, pager, next",
+              background: "",
+              size: r.size,
+              onSizeChange: ge,
+              onCurrentChange: ve
+            }, null, 8, ["current-page", "page-size", "total", "size"])
+          ])) : N("", !0)
+        ]),
+        b(De, {
+          title: F.title,
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          width: F.formDialogWidth,
+          modelValue: O.value,
+          "onUpdate:modelValue": y[5] || (y[5] = (m) => O.value = m),
+          "destroy-on-close": !0,
+          draggable: "",
+          "append-to-body": !0,
+          "align-center": ""
+        }, Me({
+          default: h(() => [
+            b(ae, null, {
+              default: h(() => [
+                b(ee, {
+                  span: x.value ? 24 - x.value.span : 24
+                }, {
+                  default: h(() => [
+                    b(ie, {
+                      ref_key: "formRef",
+                      ref: p,
+                      model: L.data,
+                      rules: W.value,
+                      size: "default",
+                      "label-width": F.labelWidth,
+                      "label-suffix": "：",
+                      class: te({ "curd-form-details": i.value === "details" })
+                    }, {
+                      default: h(() => [
+                        b(ae, null, {
+                          default: h(() => [
+                            b(ee, { span: 24 }, {
+                              default: h(() => [
+                                b(ae, null, {
+                                  default: h(() => [
+                                    (d(!0), P(R, null, K(T.formColumns, (m) => (d(), C(ee, {
+                                      key: m.columnProperty,
+                                      span: m.span || 12
+                                    }, {
+                                      default: h(() => [
+                                        b(z, {
+                                          label: m.columnLabel,
+                                          prop: m.columnProperty
+                                        }, {
+                                          default: h(() => [
+                                            i.value === "details" ? (d(), C(Ie, {
+                                              key: 0,
+                                              item: m,
+                                              modelValue: L.data[m.columnProperty],
+                                              "onUpdate:modelValue": (G) => L.data[m.columnProperty] = G,
+                                              dropdownOptions: _(n).getDictOptionsByColumnProperty(m.columnProperty)
+                                            }, null, 8, ["item", "modelValue", "onUpdate:modelValue", "dropdownOptions"])) : (d(), P(R, { key: 1 }, [
+                                              m.showMethod === "slot" ? q(w.$slots, "form-" + m.columnProperty, {
+                                                key: 0,
+                                                item: m,
+                                                scope: { ...w.scope, formData: L.data, data: L.data[m.columnProperty] }
+                                              }, void 0, !0) : (d(), C(ce, {
+                                                key: 1,
+                                                item: m,
+                                                modelValue: L.data[m.columnProperty],
+                                                "onUpdate:modelValue": (G) => L.data[m.columnProperty] = G,
+                                                dropdownOptions: _(n).getDictOptionsByColumnProperty(m.columnProperty),
+                                                currentOperationType: i.value
+                                              }, null, 8, ["item", "modelValue", "onUpdate:modelValue", "dropdownOptions", "currentOperationType"]))
+                                            ], 64))
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["label", "prop"])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["span"]))), 128))
+                                  ]),
+                                  _: 3
+                                })
+                              ]),
+                              _: 3
+                            })
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    }, 8, ["model", "rules", "label-width", "class"])
+                  ]),
+                  _: 3
+                }, 8, ["span"]),
+                x.value ? (d(), C(ee, {
+                  key: 0,
+                  span: x.value ? x.value.span : 0,
+                  style: { padding: "0 10px" }
+                }, {
+                  default: h(() => [
+                    D.value ? (d(), C(tt, {
+                      key: 0,
+                      modelValue: L.data.wktstr,
+                      "onUpdate:modelValue": y[3] || (y[3] = (m) => L.data.wktstr = m),
+                      currentOperationType: i.value,
+                      mapViewData: r.mapViewData,
+                      geomType: w.geomType
+                    }, null, 8, ["modelValue", "currentOperationType", "mapViewData", "geomType"])) : N("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["span"])) : N("", !0)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 2
+        }, [
+          i.value !== "details" ? {
+            name: "footer",
+            fn: h(() => [
+              b($, {
+                type: "primary",
+                onClick: ke,
+                loading: v.value
+              }, {
+                default: h(() => [...y[13] || (y[13] = [
+                  B("确定", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"]),
+              b($, {
+                onClick: y[4] || (y[4] = (m) => O.value = !1)
+              }, {
+                default: h(() => [...y[14] || (y[14] = [
+                  B("取消", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title", "width", "modelValue"])
+      ], 64);
+    };
+  }
+}), St = /* @__PURE__ */ Q(wt, [["__scopeId", "data-v-844ae082"]]);
+export {
+  St as CurdForm,
+  St as default
+};