qy-vue-plugins 0.2.2 → 0.2.3

package/dist/manageTable/manageTable.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as Re, ref as d, useTemplateRef as je, reactive as Se, computed as W, provide as F, watchEffect as Te, watch as X, createElementBlock as c, openBlock as o, createElementVNode as u, createVNode as n, createBlock as v, createCommentVNode as Y, unref as r, withCtx as s, createTextVNode as p, normalizeClass as Ee, toDisplayString as D, Fragment as g, renderList as Z, renderSlot as Ge, toRaw as Ve } from "vue";
+import { defineComponent as Re, ref as d, useTemplateRef as je, reactive as Se, computed as X, provide as F, watchEffect as Te, watch as U, createElementBlock as c, openBlock as o, createElementVNode as u, createVNode as n, createBlock as v, createCommentVNode as Y, unref as r, withCtx as s, createTextVNode as p, normalizeClass as Ee, toDisplayString as D, Fragment as g, renderList as Z, renderSlot as Ge, toRaw as Ve } from "vue";
 import { _ as Ne } from "../chunks/imageReview.vue_vue_type_style_index_0_lang-DmbHpPMb.js";
-import { _ as $e } from "../chunks/CreateData.vue_vue_type_script_setup_true_lang-CtZGkue9.js";
-import Ie from "./SortItem.mjs";
-import { _ as Le } from "../chunks/ReplaceSpeciesNameDialog.vue_vue_type_script_setup_true_lang-BsMK0hpE.js";
+import { _ as Le } from "../chunks/CreateData.vue_vue_type_script_setup_true_lang-CtZGkue9.js";
+import $e from "./SortItem.mjs";
+import { _ as Ie } from "../chunks/ReplaceSpeciesNameDialog.vue_vue_type_script_setup_true_lang-BsMK0hpE.js";
 import Be from "./FilterItem.mjs";
 import { _ as Ue } from "../chunks/RenderFormItem.vue_vue_type_style_index_0_lang-CfG9qPEQ.js";
 import { _ as ze } from "../chunks/RenderFilterItem.vue_vue_type_script_setup_true_lang-BzV4WQOb.js";
 import { m as He, b as Me } from "../chunks/utils-CYV5FAZZ.js";
-import { ElButton as b, ElPopover as qe, ElCheckbox as B, ElCheckboxGroup as Ke, ElIcon as R, ElSwitch as Ae, ElSelect as Qe, ElOption as Je, ElTable as Pe, ElTableColumn as _, ElImage as We, ElMessage as h, ElMessageBox as ee, ElNotification as Xe, dayjs as Ye } from "element-plus";
+import { ElButton as k, ElPopover as qe, ElCheckbox as z, ElCheckboxGroup as Ke, ElIcon as R, ElSwitch as Ae, ElSelect as Qe, ElOption as Je, ElTable as Pe, ElTableColumn as _, ElImage as We, ElMessage as h, ElMessageBox as ee, ElNotification as Xe, dayjs as Ye } from "element-plus";
 import { CaretBottom as Ze, Search as _e, Picture as et, CirclePlus as te, Calendar as tt } from "@element-plus/icons-vue";
 import { u as at, a as lt, b as rt, q as nt, p as ot, r as it, c as st } from "../chunks/ProvideKeys-jhgDnhL_.js";
 import { f as ut } from "../chunks/EventKeys-Cy8iJb0N.js";
@@ -21,7 +21,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
   type: "primary",
   role: "button",
   style: { "border-radius": "var(--el-border-radius-base)", width: "95px" }
-}, bt = { class: "right" }, kt = { class: "select_input_wrapper" }, Ct = { style: { width: "150px" } }, xt = { class: "table-body" }, wt = {
+}, kt = { class: "right" }, bt = { class: "select_input_wrapper" }, Ct = { style: { width: "150px" } }, xt = { class: "table-body" }, wt = {
   key: 4,
   class: "latin-name"
 }, Ft = /* @__PURE__ */ Re({
@@ -50,23 +50,26 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
     showMap: { type: Function }
   },
   setup(l, { expose: ae }) {
-    const U = d(!1);
+    const H = d(!1);
     var E = d({});
-    const O = d(""), S = d({}), z = d(), H = d(), x = d([]), m = d([]), M = je("dataTableRef"), j = d(!1), T = Se({
+    const O = d(""), j = d({}), M = d(), q = d(), x = d([]), m = d([]), K = je("dataTableRef"), S = d(!1), T = Se({
       rowID: null,
       index: null
     }), le = () => {
       l.showMap ? l.showMap(Ve(f.value)) : h.warning("暂不支持地图查看");
     }, re = (a, t, e, C) => {
-      j.value && (T.rowID = a.id, T.index = t.getColumnIndex());
+      S.value && (T.rowID = a.id, T.index = t.getColumnIndex());
     }, f = d([]), ne = (a) => {
       f.value = a;
-    }, q = W(() => [...x.value.map((a) => a.property), ...m.value]), oe = (a) => {
-      if (q.value.indexOf(a.property) > -1)
+    }, A = X(() => [
+      ...x.value.map((a) => a.property),
+      ...m.value
+    ]), oe = (a) => {
+      if (A.value.indexOf(a.property) > -1)
         return !0;
       if (!a.property && a.propertyGroup)
-        return q.value.indexOf(a.propertyGroup.join("_")) > -1;
-    }, ie = W(() => {
+        return A.value.indexOf(a.propertyGroup.join("_")) > -1;
+    }, ie = X(() => {
       const a = [];
       return y.value.forEach((t) => {
         t.property ? m.value.indexOf(t.property) > -1 && a.push(t) : t.propertyGroup && m.value.indexOf(t.propertyGroup.join("_")) > -1 && a.push(t);
@@ -83,45 +86,56 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
       l.exportHandel ? l.exportHandel(JSON.parse(JSON.stringify(f.value))) : h.warning("暂不支持导出");
     }, pe = (a) => {
       try {
-        z.value?.open(JSON.parse(a));
+        M.value?.open(JSON.parse(a));
       } catch {
       }
     }, fe = (a) => a.id;
     l.uploadFile && F(at, l.uploadFile), l.rowDataOptions && F(lt, l.rowDataOptions), l.researchDataOptions && F(rt, l.researchDataOptions), l.queryResearchDataOptions && F(nt, l.queryResearchDataOptions), F(ot, l.projectId), F(it, l.researchStandard), l.researchDataQuery && F(st, l.researchDataQuery);
     const ye = () => {
-      l.dataType == "row-data" ? H.value?.showDialog(l.category, l.layerName) : h.warning("暂不支持新增");
+      l.dataType == "row-data" ? q.value?.showDialog(l.category, l.layerName) : h.warning("暂不支持新增");
     }, ce = () => {
-      K();
-    }, K = () => {
-      console.log("filterForm.value", S.value), ut.emit(S.value);
+      Q();
+    }, Q = () => {
+      console.log("filterForm.value", j.value), ut.emit(j.value);
     }, ve = () => {
       if (f.value.length == 0) {
         h.warning("请先选择数据");
         return;
       }
       var a = l.dataType == "row-data" ? l.deleteRowDataOptions : l.deleteResearchDataOptions;
-      a ? ee.confirm(`是否要删除这${f.value.length}条调查数据?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        a && a({ ids: f.value.map((t) => t.id) }).then((t) => {
-          let e = 0, C = /* @__PURE__ */ new Set(), i = 0;
-          Object.entries(t.data).forEach(([Dt, L]) => {
-            (L.ykk_code || L.code) != 1e4 ? (e++, C.add(L.msg)) : i++;
-          });
-          let k = [];
-          i > 0 && k.push(`成功删除${i}条`), e > 0 && (k.push(`失败${e}条`), k.push("失败原因：" + Array.from(C).join(",") + "。")), Xe({
-            title: "提示",
-            message: "共选择" + f.value.length + "条数据，" + k.join("，"),
-            type: "warning"
-          });
-        });
+      a ? ee.confirm(
+        `是否要删除这${f.value.length}条调查数据?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        a && a({ ids: f.value.map((t) => t.id) }).then(
+          (t) => {
+            let e = 0, C = /* @__PURE__ */ new Set(), i = 0;
+            Object.entries(t.data).forEach(([Dt, B]) => {
+              (B.ykk_code || B.code) != 1e4 ? (e++, C.add(B.msg)) : i++;
+            });
+            let b = [];
+            i > 0 && b.push(`成功删除${i}条`), e > 0 && (b.push(`失败${e}条`), b.push("失败原因：" + Array.from(C).join(",") + "。")), Xe({
+              title: "提示",
+              message: "共选择" + f.value.length + "条数据，" + b.join("，"),
+              type: "warning"
+            });
+          }
+        );
       }).catch(() => {
       }) : h.warning("暂不支持删除");
     }, he = () => {
       if (l.dataType == "row-data") {
-        if (["soilResearchCollect", "waterResearchCollect", "plantResearchCollect", "fungusResearchCollect"].indexOf(l.category) > -1) {
+        if ([
+          "soilResearchCollect",
+          "waterResearchCollect",
+          "plantResearchCollect",
+          "fungusResearchCollect"
+        ].indexOf(l.category) > -1) {
           h.warning("暂不支持复制");
           return;
         }
@@ -130,23 +144,29 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
           return;
         }
         var a = l.dataType == "row-data" ? l.rowDataOptions : l.researchDataOptions;
-        a ? ee.confirm(`是否要复制这${f.value.length}条调查数据?`, "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(async () => {
-          U.value = !0;
+        a ? ee.confirm(
+          `是否要复制这${f.value.length}条调查数据?`,
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+          }
+        ).then(async () => {
+          H.value = !0;
           for (let t = 0; t < f.value.length; t++) {
             const e = Object.assign({}, f.value[t]);
             delete e.id, e.createDate = Ye().unix(), a && await a([e]);
           }
-          U.value = !1, h.success("复制成功");
+          H.value = !1, h.success("复制成功");
         }).catch(() => {
         }) : h.warning("暂不支持复制");
       } else
         h.warning("暂不支持复制");
-    }, A = d(), me = () => {
-      if (["vegetationResearchCollect", "humanActivity", "naturalDisaster"].indexOf(l.category) > -1) {
+    }, J = d(), me = () => {
+      if (["vegetationResearchCollect", "humanActivity", "naturalDisaster"].indexOf(
+        l.category
+      ) > -1) {
         h.warning("暂不支持替换");
         return;
       }
@@ -155,44 +175,54 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
         return;
       }
       if (l.dataType == "row-data") {
-        A.value?.showDialog(l.category, f.value);
+        J.value?.showDialog(l.category, f.value);
         return;
       } else {
         h.warning("暂不支持替换");
         return;
       }
-    }, Q = d(), ge = () => {
-      Q.value?.showDialog(
+    }, G = d(), ge = () => {
+      G.value?.showDialog(
         l.fieldList.filter((a) => a.sortAble),
         "createDate"
       );
-    }, G = d([]), be = (a) => {
+    }, V = d([]), ke = (a) => {
       if (a.length == 0) {
-        G.value = [];
+        V.value = [];
         return;
       } else
-        G.value = a;
-    }, V = d(), ke = () => {
-      V.value?.showDialog(l.fieldList.filter((a) => a.filterAble));
+        V.value = a;
+    }, N = d(), be = () => {
+      N.value?.showDialog(l.fieldList.filter((a) => a.filterAble));
     }, Ce = (a) => {
       E.value = a;
-    }, N = d(!0), J = d(!1), $ = d(!1), y = d([]), xe = (a) => {
+    }, L = d(!0), P = d(!1), $ = d(!1), y = d([]), xe = (a) => {
       if (a) {
-        const t = y.value.map((e) => e.property ? e.property : e.propertyGroup ? e.propertyGroup.join("_") : "xxx");
+        const t = y.value.map(
+          (e) => e.property ? e.property : e.propertyGroup ? e.propertyGroup.join("_") : "xxx"
+        );
         t && t.length > 0 && (m.value = t);
       } else {
-        const t = y.value.filter((e) => e.fixed).map((e) => e.property ? e.property : e.propertyGroup ? e.propertyGroup.join("_") : "xxx");
-        m.value = t, P(m.value);
+        const t = y.value.filter((e) => e.fixed).map(
+          (e) => e.property ? e.property : e.propertyGroup ? e.propertyGroup.join("_") : "xxx"
+        );
+        m.value = t, W(m.value);
       }
       $.value = !1;
-    }, P = (a) => {
+    }, W = (a) => {
       let t = [];
       y.value.forEach((e) => {
-        e.property ? t.push({ filedName: e.property, check: a.indexOf(e.property) != -1 }) : t.push({ filedName: (e.propertyGroup ?? []).join("_"), check: a.indexOf((e.propertyGroup ?? []).join("_")) != -1 });
+        e.property ? t.push({
+          filedName: e.property,
+          check: a.indexOf(e.property) != -1
+        }) : t.push({
+          filedName: (e.propertyGroup ?? []).join("_"),
+          check: a.indexOf((e.propertyGroup ?? []).join("_")) != -1
+        });
       });
     }, we = (a) => {
       const t = a.length;
-      N.value = t === y.value.length, $.value = t > 0 && t < y.value.length, P(a);
+      L.value = t === y.value.length, $.value = t > 0 && t < y.value.length, W(a);
     }, w = d([]), Fe = (a) => {
       x.value.length = 0, y.value.length = 0, w.value.length = 0, a.forEach((t) => {
         t?.fixed ? x.value.push(t) : y.value.push(t), t?.isQuickFilter && w.value.push(t);
@@ -207,15 +237,15 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
       });
     };
     Te(() => {
-      console.log("customFields", l.customFields), Fe(He(l.fieldList, l.customFields, l.dataType));
+      console.log("customFields", l.customFields), N.value?.resetForm(), G.value?.resetForm(), j.value = {}, V.value = [], Fe(He(l.fieldList, l.customFields, l.dataType));
     });
     const Oe = () => {
-      f.value.length = 0, M.value?.clearSelection();
+      f.value.length = 0, K.value?.clearSelection();
     };
-    return X(
+    return U(
       () => l.fieldList,
       (a) => {
-        Oe(), V.value?.resetForm(), G.value = [], y.value = a.filter((e) => e.isShow && !e.fixed).map((e) => ({
+        console.log("fieldList", a), Oe(), y.value = a.filter((e) => e.isShow && !e.fixed).map((e) => ({
           ...e,
           property: e.property || (e.propertyGroup ? e.propertyGroup.join("_") : "")
         }));
@@ -226,7 +256,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
         })), console.log("fixedFieldList.value", x.value);
       },
       { immediate: !0 }
-    ), X(
+    ), U(
       () => l.customFields,
       () => {
         l.customFields.forEach((a) => {
@@ -236,13 +266,21 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
         }), console.log("allCustomField.value", I.value);
       },
       { immediate: !0 }
+    ), U(
+      () => l.dataType,
+      (a) => {
+        console.log("newVal", a);
+      },
+      {
+        deep: !0
+      }
     ), ae({
       showFields: m,
       fixedFieldList: x
     }), (a, t) => (o(), c("div", ft, [
       u("div", yt, [
         u("div", ct, [
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
             onClick: de
@@ -253,7 +291,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          l.category != "photoResearch" ? (o(), v(r(b), {
+          l.category != "photoResearch" ? (o(), v(r(k), {
             key: 0,
             type: "primary",
             plain: "",
@@ -265,7 +303,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           })) : Y("", !0),
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
             onClick: ve
@@ -276,7 +314,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
             onClick: he
@@ -287,7 +325,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
             onClick: me
@@ -298,7 +336,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
             onClick: ge
@@ -309,14 +347,17 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          n(r(b), {
+          n(r(k), {
             type: "primary",
             plain: "",
-            onClick: ke
+            onClick: be
           }, {
             default: s(() => [
               u("i", {
-                class: Ee(["icon", { "bjh-shaixuan2": Object.keys(r(E)).length == 0, "bjh-shaixuan1 active": Object.keys(r(E)).length > 0 }])
+                class: Ee(["icon", {
+                  "bjh-shaixuan2": Object.keys(r(E)).length == 0,
+                  "bjh-shaixuan1 active": Object.keys(r(E)).length > 0
+                }])
               }, null, 2),
               t[14] || (t[14] = p("筛选 ", -1))
             ]),
@@ -328,7 +369,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             trigger: "click"
           }, {
             reference: s(() => [
-              n(r(b), {
+              n(r(k), {
                 size: "default",
                 type: "primary",
                 plain: "",
@@ -350,9 +391,9 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             default: s(() => [
               u("div", vt, [
                 u("div", ht, [
-                  n(r(B), {
-                    modelValue: N.value,
-                    "onUpdate:modelValue": t[0] || (t[0] = (e) => N.value = e),
+                  n(r(z), {
+                    modelValue: L.value,
+                    "onUpdate:modelValue": t[0] || (t[0] = (e) => L.value = e),
                     indeterminate: $.value,
                     onChange: xe
                   }, {
@@ -371,8 +412,8 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                     n(r(dt), {
                       modelValue: y.value,
                       "onUpdate:modelValue": t[1] || (t[1] = (e) => y.value = e),
-                      onStart: t[2] || (t[2] = (e) => J.value = !0),
-                      onEnd: t[3] || (t[3] = (e) => J.value = !1),
+                      onStart: t[2] || (t[2] = (e) => P.value = !0),
+                      onEnd: t[3] || (t[3] = (e) => P.value = !1),
                       "item-key": "title",
                       onChange: De,
                       animation: 400,
@@ -382,7 +423,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                       item: s(({ element: e }) => [
                         u("div", mt, [
                           t[18] || (t[18] = u("span", { class: "icon bjh-ketuodong" }, null, -1)),
-                          e.property ? (o(), v(r(B), {
+                          e.property ? (o(), v(r(z), {
                             key: 0,
                             value: e.property
                           }, {
@@ -390,7 +431,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                               p(D(e.title), 1)
                             ]),
                             _: 2
-                          }, 1032, ["value"])) : (o(), v(r(B), {
+                          }, 1032, ["value"])) : (o(), v(r(z), {
                             key: 1,
                             value: e.propertyGroup.join("_")
                           }, {
@@ -414,13 +455,13 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             t[19] || (t[19] = p(" 编辑 ", -1)),
             n(r(Ae), {
               size: "small",
-              modelValue: j.value,
-              "onUpdate:modelValue": t[5] || (t[5] = (e) => j.value = e)
+              modelValue: S.value,
+              "onUpdate:modelValue": t[5] || (t[5] = (e) => S.value = e)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        u("div", bt, [
-          n(r(b), {
+        u("div", kt, [
+          n(r(k), {
             onClick: le,
             type: "primary",
             plain: ""
@@ -431,7 +472,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             ])]),
             _: 1
           }),
-          u("div", kt, [
+          u("div", bt, [
             n(r(Qe), {
               modelValue: O.value,
               "onUpdate:modelValue": t[6] || (t[6] = (e) => O.value = e),
@@ -449,16 +490,16 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
             u("div", Ct, [
               (o(), v(ze, {
                 ref: "renderFilterRef",
-                modelValue: S.value,
-                "onUpdate:modelValue": t[7] || (t[7] = (e) => S.value = e),
+                modelValue: j.value,
+                "onUpdate:modelValue": t[7] || (t[7] = (e) => j.value = e),
                 field: w.value.find((e) => e.property == O.value),
                 key: O.value,
                 onChange: ce
               }, null, 8, ["modelValue", "field"]))
             ]),
-            n(r(b), {
+            n(r(k), {
               icon: r(_e),
-              onClick: K,
+              onClick: Q,
               type: "primary",
               plain: ""
             }, null, 8, ["icon"])
@@ -468,7 +509,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
       u("div", xt, [
         n(r(Pe), {
           ref_key: "dataTableRef",
-          ref: M,
+          ref: K,
           onSortChange: l.onSortChange,
           "header-row-class-name": "table-header",
           data: l.records,
@@ -497,11 +538,11 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                 width: e.width || 150
               }, {
                 default: s(({ row: i }) => [
-                  j.value && T.rowID === i.id && T.index === C + 1 && !e.disable ? (o(), v(Ue, {
+                  S.value && T.rowID === i.id && T.index === C + 1 && !e.disable ? (o(), v(Ue, {
                     key: e.title + "-" + i.id,
                     field: e,
                     data: i,
-                    onChange: (k) => l.saveData(k, i, e)
+                    onChange: (b) => l.saveData(b, i, e)
                   }, null, 8, ["field", "data", "onChange"])) : (o(), c(g, { key: 1 }, [
                     I.value.indexOf(e.property) !== -1 ? (o(), c(g, { key: 0 }, [
                       p(D(ue(i, e.property)), 1)
@@ -509,7 +550,7 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                       i[e.property] && i[e.property].length > 10 ? (o(), v(r(R), {
                         key: 0,
                         size: "20",
-                        onClick: (k) => j.value ? null : pe(i[e.property]),
+                        onClick: (b) => S.value ? null : pe(i[e.property]),
                         color: "green"
                       }, {
                         default: s(() => [
@@ -554,14 +595,20 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
                       _: 1
                     })) : e.property === "latinName" ? (o(), c("p", wt, D(i[e.property]), 1)) : e.property === "previewImage" ? (o(), v(r(We), {
                       key: 5,
-                      src: l.buildThumbUrl ? l.buildThumbUrl(e.render ? e.render(i[e.property], i, C) : i[e.property]) : "",
+                      src: l.buildThumbUrl ? l.buildThumbUrl(
+                        e.render ? e.render(i[e.property], i, C) : i[e.property]
+                      ) : "",
                       fit: "cover",
-                      "preview-src-list": [r(Me)(e.render ? e.render(i[e.property], i, C) : i[e.property])],
+                      "preview-src-list": [
+                        r(Me)(
+                          e.render ? e.render(i[e.property], i, C) : i[e.property]
+                        )
+                      ],
                       "preview-teleported": !0,
                       lazy: !0,
                       style: { width: "100px", height: "100px" }
                     }, null, 8, ["src", "preview-src-list"])) : e.propertyGroup ? (o(), c(g, { key: 6 }, [
-                      p(D(e.propertyGroup.map((k) => i[k]).join("/")), 1)
+                      p(D(e.propertyGroup.map((b) => i[b]).join("/")), 1)
                     ], 64)) : (o(), c(g, { key: 7 }, [
                       e.render ? (o(), c(g, { key: 0 }, [
                         p(D(e.render(i[e.property], i, C)), 1)
@@ -581,29 +628,29 @@ const ft = { class: "manage-table" }, yt = { class: "table-header" }, ct = { cla
       ]),
       n(Ne, {
         ref_key: "imageTagRef",
-        ref: z
+        ref: M
       }, null, 512),
-      n($e, {
+      n(Le, {
         ref_key: "createDataRef",
-        ref: H
+        ref: q
       }, null, 512),
-      n(Le, {
+      n(Ie, {
         ref_key: "replaceSpeciesNameDialogRef",
-        ref: A
+        ref: J
       }, null, 512),
-      n(Ie, {
+      n($e, {
         ref_key: "sortRef",
-        ref: Q,
-        onCallback: be
+        ref: G,
+        onCallback: ke
       }, null, 512),
       n(Be, {
         ref_key: "filterRef",
-        ref: V,
+        ref: N,
         onCallback: Ce
       }, null, 512)
     ]));
   }
-}), Mt = /* @__PURE__ */ pt(Ft, [["__scopeId", "data-v-249fd2ba"]]);
+}), Mt = /* @__PURE__ */ pt(Ft, [["__scopeId", "data-v-dd925e93"]]);
 export {
   Mt as default
 };