@duxweb/dvha-pro 1.1.21 → 1.1.23

package/dist/esm/components/mapCoord/mapCoord.js

@@ -0,0 +1,218 @@
+import { defineComponent as B, computed as T, ref as f, watch as F, onMounted as $, createVNode as m, nextTick as P } from "vue";
+import { useI18n as Z, useManage as E } from "@duxweb/dvha-core";
+import { useVModel as b } from "@vueuse/core";
+import { useMessage as j, NInput as q, NButton as O } from "naive-ui";
+let h;
+function W(n) {
+  return window.T ? Promise.resolve(window.T) : h || (h = new Promise((s, l) => {
+    const u = document.createElement("script");
+    u.async = !0, u.src = `https://api.tianditu.gov.cn/api?v=4.0&tk=${encodeURIComponent(n)}`, u.onload = () => {
+      window.T ? s(window.T) : l(new Error("Tianditu API load failed"));
+    }, u.onerror = () => l(new Error("Tianditu API load failed")), document.head.appendChild(u);
+  }), h);
+}
+async function z(n, s) {
+  const u = `https://api.tianditu.gov.cn/geocoder?ds=${encodeURIComponent(JSON.stringify({
+    keyWord: s
+  }))}&tk=${encodeURIComponent(n)}`;
+  return (await fetch(u)).json();
+}
+async function D(n, s, l) {
+  const i = `https://api.tianditu.gov.cn/geocoder?postStr=${encodeURIComponent(JSON.stringify({
+    lon: s,
+    lat: l,
+    ver: 1
+  }))}&type=geocode&tk=${encodeURIComponent(n)}`;
+  return (await fetch(i)).json();
+}
+const K = /* @__PURE__ */ B({
+  name: "DuxMapCoord",
+  props: {
+    /**
+     * 天地图密钥（可选）
+     * - 优先使用 props.tk
+     * - 否则读取 useManage().config.map.tiandituTk
+     */
+    tk: String,
+    value: Array,
+    defaultValue: Array,
+    onUpdateValue: Function,
+    address: String,
+    defaultAddress: String,
+    onUpdateAddress: Function,
+    area: Array,
+    defaultArea: Array,
+    onUpdateArea: Function,
+    height: {
+      type: String,
+      default: "360px"
+    },
+    zoom: {
+      type: Number,
+      default: 15
+    },
+    /**
+     * 是否显示地图默认控件（缩放、比例尺等）
+     */
+    controls: {
+      type: Boolean,
+      default: !0
+    },
+    showSearch: {
+      type: Boolean,
+      default: !0
+    },
+    autoSearch: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(n, {
+    emit: s
+  }) {
+    const {
+      t: l
+    } = Z(), {
+      config: u
+    } = E(), i = j(), d = T(() => n.tk || u?.map?.tiandituTk || ""), A = b(n, "value", s, {
+      passive: !0,
+      defaultValue: n.defaultValue,
+      deep: !0
+    }), v = b(n, "address", s, {
+      passive: !0,
+      defaultValue: n.defaultAddress
+    }), p = b(n, "area", s, {
+      passive: !0,
+      defaultValue: n.defaultArea,
+      deep: !0
+    }), S = f(null), C = f(!1), x = f(), U = f(), y = f(), g = T(() => {
+      const e = A.value;
+      if (!Array.isArray(e) || e.length < 2) return;
+      const t = Number(e[0]), r = Number(e[1]);
+      if (!(!Number.isFinite(t) || !Number.isFinite(r)))
+        return {
+          lat: t,
+          lng: r
+        };
+    }), L = T(() => {
+      const e = Array.isArray(p.value) ? p.value.filter(Boolean).join("") : "", t = String(v.value || "");
+      return `${e}${t}`.trim();
+    }), k = f(!1), N = f(!1);
+    async function w(e, t) {
+      await R();
+      const r = x.value, a = U.value;
+      if (!r || !a) return;
+      const o = new r.LngLat(t, e);
+      y.value ? y.value.setLngLat(o) : (y.value = new r.Marker(o), a.addOverLay(y.value)), a.panTo(o);
+    }
+    async function I(e, t) {
+      if (d.value)
+        try {
+          const r = await D(d.value, t, e);
+          let a = String(r?.result?.formatted_address || r?.result?.address || "");
+          const o = Array.isArray(p.value) ? p.value.filter(Boolean).join("") : "";
+          o && a.startsWith(o) && (a = a.slice(o.length).trim());
+          const c = String(r?.result?.addressComponent?.address || "").trim();
+          c && (a = c), a && !String(v.value || "").trim() && (N.value = !0, v.value = a, n.onUpdateAddress?.(a));
+        } catch {
+        }
+    }
+    const R = async () => {
+      if (C.value || !S.value) return;
+      if (!d.value) {
+        i.error("tiandituTk 未配置");
+        return;
+      }
+      const e = await W(d.value);
+      x.value = e;
+      const t = new e.Map(S.value);
+      if (U.value = t, t.centerAndZoom(new e.LngLat(116.404, 39.915), n.zoom), t.enableScrollWheelZoom(), n.controls)
+        try {
+          const r = e?.Control?.Zoom || e?.Control?.ZoomControl;
+          r && t.addControl(new r());
+          const a = e?.Control?.Scale || e?.Control?.ScaleControl;
+          a && t.addControl(new a());
+        } catch {
+        }
+      t.addEventListener("click", async (r) => {
+        const a = Number(r?.lnglat?.lng), o = Number(r?.lnglat?.lat);
+        if (!Number.isFinite(o) || !Number.isFinite(a)) return;
+        const c = [o, a];
+        A.value = c, n.onUpdateValue?.(c), await w(o, a), await I(o, a);
+      }), C.value = !0, await P(), g.value && (await w(g.value.lat, g.value.lng), t.panTo(new e.LngLat(g.value.lng, g.value.lat)));
+    }, V = async () => {
+      if (!d.value) {
+        i.error("tiandituTk 未配置");
+        return;
+      }
+      const e = L.value;
+      if (!e) {
+        i.warning(l("common.keyword") || "请输入关键字");
+        return;
+      }
+      k.value = !0;
+      try {
+        const t = await z(d.value, e), r = t?.location || t?.result?.location, a = Number(r?.lon ?? r?.lng), o = Number(r?.lat);
+        if (!Number.isFinite(o) || !Number.isFinite(a)) {
+          i.error(l("common.error") || "操作失败");
+          return;
+        }
+        const c = [o, a];
+        A.value = c, n.onUpdateValue?.(c), await w(o, a);
+      } catch (t) {
+        i.error(t?.message || l("common.error") || "操作失败");
+      } finally {
+        k.value = !1;
+      }
+    };
+    let M;
+    return F([L, () => n.autoSearch], ([e, t]) => {
+      if (t) {
+        if (N.value) {
+          N.value = !1;
+          return;
+        }
+        String(v.value || "").trim() && (clearTimeout(M), M = setTimeout(() => {
+          V();
+        }, 400));
+      }
+    }), F(g, (e) => {
+      e && w(e.lat, e.lng);
+    }), $(() => {
+      R().catch((e) => {
+        i.error(e?.message || "地图加载失败");
+      });
+    }), () => m("div", {
+      class: "flex flex-col gap-3"
+    }, [n.showSearch && m("div", {
+      class: "flex gap-2 items-center"
+    }, [m(q, {
+      value: v.value,
+      onUpdateValue: (e) => {
+        v.value = e, n.onUpdateAddress?.(e);
+      },
+      placeholder: l("common.keyword") || "请输入关键字",
+      clearable: !0
+    }, null), m(O, {
+      type: "primary",
+      ghost: !0,
+      loading: k.value,
+      onClick: V
+    }, {
+      default: () => [l("common.search") || "搜索"]
+    })]), m("div", {
+      class: "w-full rounded border border-muted overflow-hidden"
+    }, [m("div", {
+      ref: S,
+      class: "w-full",
+      style: {
+        height: n.height
+      }
+    }, null), !C.value && m("div", {
+      class: "p-4 text-sm text-muted"
+    }, [l("common.loading") || "加载中..."])])]);
+  }
+});
+export {
+  K as DuxMapCoord
+};

package/dist/esm/components/media/media.js

@@ -1,17 +1,19 @@
-import { defineComponent as u, computed as d, createVNode as t, Fragment as g, isVNode as f } from "vue";
-import x from "clsx";
-import { NImageGroup as o } from "naive-ui";
-import { DuxAvatar as m } from "../widget/avatar.js";
-import { DuxImage as v } from "../widget/image.js";
-function s(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+import { defineComponent as y, computed as r, ref as v, watch as h, createVNode as t, Fragment as b, nextTick as k, isVNode as A } from "vue";
+import { useResizeObserver as W } from "@vueuse/core";
+import w from "clsx";
+import { NImageGroup as C, NTooltip as j } from "naive-ui";
+import { DuxAvatar as s } from "../widget/avatar.js";
+import { DuxImage as N } from "../widget/image.js";
+function S(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !A(e);
 }
-const S = /* @__PURE__ */ u({
+const I = /* @__PURE__ */ y({
   name: "DuxMedia",
   props: {
     title: String,
     avatar: Boolean,
-    image: [String, Array],
+    // Support string(s) for default image/avatar rendering, or VNode / render fn for custom image area.
+    image: [String, Array, Object, Function],
     desc: [String, Array],
     extend: String,
     onClick: Function,
@@ -25,54 +27,77 @@ const S = /* @__PURE__ */ u({
     }
   },
   setup(e, {
-    slots: a
+    slots: i
   }) {
-    const l = d(() => Array.isArray(e.image) ? e.image : e.image !== void 0 ? [e.image] : []), c = d(() => Array.isArray(e.desc) ? e.desc : e.desc !== void 0 ? [e.desc] : []);
-    return () => {
-      let r;
+    const c = r(() => typeof e.image == "string" ? [e.image] : Array.isArray(e.image) ? e.image : []), d = r(() => Array.isArray(e.desc) ? e.desc : e.desc !== void 0 ? [e.desc] : []), f = r(() => typeof e.image == "function" || e.image && typeof e.image == "object" && !Array.isArray(e.image)), x = r(() => f.value || !!e.avatar || c.value.length > 0), u = r(() => !!d.value?.length || !!i.desc), m = v(null), g = v(!1), o = async () => {
+      await k();
+      const a = m.value;
+      if (!a) {
+        g.value = !1;
+        return;
+      }
+      g.value = u.value ? a.scrollWidth > a.clientWidth : a.scrollHeight > a.clientHeight;
+    };
+    return h([() => e.title, u], o, {
+      immediate: !0
+    }), W(m, o), () => {
+      let a;
       return t("div", {
         class: "flex gap-2 items-center"
-      }, [a?.image && t("div", {
+      }, [i?.image && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [a?.image?.()]), (e.avatar || l?.value.length > 0) && t("div", {
+      }, [i?.image?.()]), x.value && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(m, {
+      }, [f.value ? typeof e.image == "function" ? e.image() : e.image : e.avatar ? t(b, null, [c.value.length > 0 ? c.value.map((l, n) => t(s, {
         key: n,
-        src: i,
+        src: l,
         round: !0,
         size: e.imageWidth
-      }, null)) : t(m, {
+      }, null)) : t(s, {
         round: !0,
         size: e.imageWidth
-      }, null)]) : t(o, null, s(r = l.value.map((i, n) => t(v, {
+      }, null)]) : t(C, null, S(a = c.value.map((l, n) => t(N, {
         key: n,
-        src: i,
+        src: l,
         class: "rounded",
         objectFit: "cover",
         width: e.imageWidth,
         height: e.imageHeight
-      }, null))) ? r : {
-        default: () => [r]
+      }, null))) ? a : {
+        default: () => [a]
       })]), t("div", {
-        class: "flex-1 flex-col gap-2 min-w-0 truncate items-center"
+        class: "flex-1 flex flex-col min-w-0"
       }, [t("div", {
         class: "flex gap-2 items-center"
-      }, [a.prefix?.(), (e.title || a.default) && t("div", {
-        onClick: () => e.onClick?.(),
-        class: x(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
-      }, [e.title || a.default?.()])]), (c?.value.length > 0 || a.desc) && t("div", {
+      }, [i.prefix?.(), (e.title || i.default) && t(j, {
+        trigger: "hover",
+        disabled: !e.title || !g.value
+      }, {
+        default: () => e.title,
+        trigger: () => t("div", {
+          ref: m,
+          onClick: () => e.onClick?.(),
+          class: w(["transition-all", u.value ? "truncate" : "break-words", e?.onClick && "hover:text-primary cursor-pointer"]),
+          style: u.value ? void 0 : {
+            display: "-webkit-box",
+            overflow: "hidden",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: 2
+          }
+        }, [e.title || i.default?.()])
+      })]), (d?.value.length > 0 || i.desc) && t("div", {
         class: "text-sm text-muted flex flex-col gap-0"
-      }, [c?.value.map?.((i, n) => t("div", {
+      }, [d?.value.map?.((l, n) => t("div", {
         key: n,
         class: "truncate"
-      }, [i !== "" ? i : "-"])), a.desc?.()])]), e?.extend && t("div", {
+      }, [l !== "" ? l : "-"])), i.desc?.()])]), e?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
-      }, [e?.extend]), a?.extend && t("div", {
+      }, [e?.extend]), i?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
-      }, [a?.extend?.()])]);
+      }, [i?.extend?.()])]);
     };
   }
 });
 export {
-  S as DuxMedia
+  I as DuxMedia
 };

package/dist/esm/components/modal/modalTab.js

@@ -1,6 +1,6 @@
-import { defineComponent as t, ref as d, createVNode as e } from "vue";
-import { NTabs as r, NButton as n } from "naive-ui";
-const f = /* @__PURE__ */ t({
+import { defineComponent as d, createVNode as e } from "vue";
+import { NTabs as n, NButton as r } from "naive-ui";
+const o = /* @__PURE__ */ d({
   name: "ModalTab",
   props: {
     draggable: {
@@ -12,8 +12,9 @@ const f = /* @__PURE__ */ t({
       default: "0"
     },
     handle: {
-      type: Object,
-      default: () => d()
+      // `DuxModal` passes `draggableClass` (string). Keep backward compatibility with ref usage.
+      type: [String, Object],
+      default: ""
     },
     onClose: {
       type: Function,
@@ -26,7 +27,7 @@ const f = /* @__PURE__ */ t({
   }) {
     return () => e("div", {
       class: "flex flex-col"
-    }, [e(r, {
+    }, [e(n, {
       type: "line",
       defaultValue: a.defaultTab,
       class: "app-modal-tabs",
@@ -37,15 +38,20 @@ const f = /* @__PURE__ */ t({
       }
     }, {
       default: () => l.default?.(),
-      prefix: () => a.draggable ? e("div", {
-        class: "pl-4 cursor-move flex items-center",
-        ref: a.handle
-      }, [e("div", {
-        class: "i-tabler:grid-dots size-4"
-      }, null)]) : null,
+      prefix: () => {
+        if (!a.draggable)
+          return null;
+        const t = typeof a.handle == "object" && a.handle !== null;
+        return e("div", {
+          class: ["pl-4 cursor-move flex items-center", !t && a.handle],
+          ref: t ? a.handle : void 0
+        }, [e("div", {
+          class: "i-tabler:grid-dots size-4"
+        }, null)]);
+      },
       suffix: () => e("div", {
         class: "pr-4 flex items-center"
-      }, [e(n, {
+      }, [e(r, {
         text: !0,
         onClick: a.onClose,
         "aria-label": "close"
@@ -60,5 +66,5 @@ const f = /* @__PURE__ */ t({
   }
 });
 export {
-  f as default
+  o as default
 };

package/dist/esm/components/panel/setting.js

@@ -1,8 +1,9 @@
 import { defineComponent as i, createVNode as e } from "vue";
 import { DuxCard as a } from "../card/card.js";
+import "@vueuse/core";
 import "clsx";
 import "naive-ui";
-const s = /* @__PURE__ */ i({
+const f = /* @__PURE__ */ i({
   name: "DuxPanelCard",
   props: {
     title: {
@@ -46,5 +47,5 @@ const s = /* @__PURE__ */ i({
   }
 });
 export {
-  s as DuxPanelCard
+  f as DuxPanelCard
 };

package/dist/esm/components/posterEditor/posterEditor.js

@@ -1,9 +1,9 @@
 import { defineComponent as T, ref as d, watch as F, onMounted as H, onUnmounted as R, createVNode as a } from "vue";
 import { NSlider as V, NSwitch as W, NSelect as z, NColorPicker as A, NInputNumber as J, NInput as j } from "naive-ui";
 import { DuxCard as L } from "../card/card.js";
+import "@vueuse/core";
 import "clsx";
 import "@duxweb/dvha-core";
-import "@vueuse/core";
 import "mime";
 import "vue-router";
 import "@overlastic/vue";

package/dist/esm/components/select/selectCard.js

@@ -58,7 +58,7 @@ const x = /* @__PURE__ */ n({
     }, [a.options.map((e) => l("div", {
       key: e.value,
       class: ["relative cursor-pointer border rounded p-2.5 transition-all duration-200 hover:border-primary", {
-        "border-primary bg-primary/10": r(e.value),
+        "border-primary bg-primary/5": r(e.value),
         "border-muted": !r(e.value),
         "opacity-50 cursor-not-allowed": e.disabled || a.disabled
       }],
@@ -79,11 +79,11 @@ const x = /* @__PURE__ */ n({
         "flex-row items-start text-left": e.icon
       }]
     }, [e.icon && l("div", {
-      class: ["flex items-center justify-center p-3 rounded-lg", `bg-${e.iconColor}/10`, `text-${e.iconColor}`]
+      class: ["flex items-center justify-center p-3 rounded-lg", `bg-${e.iconColor || "primary"}/10`, `text-${e.iconColor || "primary"}`]
     }, [l("div", {
       class: `${e.icon} size-4`
     }, null)]), l("div", {
-      class: "flex flex-col flex-1 gap-2"
+      class: "flex flex-col flex-1 gap-1"
     }, [l("div", {
       class: ["text-sm font-medium", {
         "text-primary": r(e.value),