@duxweb/dvha-naiveui 1.1.30 → 1.2.0

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

@@ -1,216 +1,165 @@
-import { defineComponent as T, toRef as n, computed as k, watch as E, createVNode as l, mergeProps as R, isVNode as U } from "vue";
-import { useI18n as _, useSelect as q } from "@duxweb/dvha-core";
-import { useVModel as A } from "@vueuse/core";
-import { isEqual as K } from "lodash-es";
-import { NSelect as C, NTag as L, NSpace as b, NImage as V, NAvatar as D, NPagination as G, NTooltip as H } from "naive-ui";
-function J(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
+import { computed as e, createVNode as t, defineComponent as n, isVNode as r, mergeProps as i, toRef as a, watch as o } from "vue";
+import { useI18n as s, useSelect as c } from "@duxweb/dvha-core";
+import { useVModel as l } from "@vueuse/core";
+import { NAvatar as u, NImage as d, NPagination as f, NSelect as p, NSpace as m, NTag as h, NTooltip as g } from "naive-ui";
+import { isEqual as _ } from "lodash-es";
+function v(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
 }
-const $ = /* @__PURE__ */ T({
-  name: "DuxSelect",
-  props: {
-    path: String,
-    params: Object,
-    pagination: {
-      type: Boolean,
-      default: !0
-    },
-    avatarField: {
-      type: String
-    },
-    imageField: {
-      type: String
-    },
-    descField: {
-      type: String
-    },
-    multiple: Boolean,
-    option: {
-      type: [Object, Array],
-      default: void 0
-    },
-    refreshable: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  extends: C,
-  setup(e, {
-    emit: u,
-    slots: i
-  }) {
-    const {
-      t: c
-    } = _(), m = n(e, "params", {}), I = n(e, "path"), v = A(e, "value", u, {
-      passive: !0,
-      defaultValue: e.defaultValue
-    }), f = A(e, "option", u, {
-      passive: !0,
-      defaultValue: e.multiple ? [] : null
-    }), o = n(e, "labelField", "name"), O = n(e, "valueField", "id"), p = n(e, "avatarField", ""), d = n(e, "imageField", ""), s = n(e, "descField", ""), {
-      onSearch: S,
-      loading: F,
-      pagination: w,
-      options: z,
-      pageCount: B,
-      refetch: N
-    } = q({
-      path: I,
-      params: m,
-      defaultValue: v,
-      pagination: e.pagination,
-      optionLabel: o.value,
-      optionValue: O.value
-    }), M = k(() => {
-      const {
-        labelField: a,
-        valueField: r,
-        avatarField: t,
-        imageField: y,
-        descField: x,
-        option: g,
-        ...h
-      } = e;
-      return h;
-    }), j = (a) => {
-      if (e.multiple) {
-        K(f.value, a) || (f.value = a || []);
-        return;
-      }
-      f.value !== a && (f.value = a || null);
-    };
-    return E([v, z], ([a, r]) => {
-      if (e.multiple) {
-        const x = (Array.isArray(a) ? a : []).map((g) => r.find((h) => h.value === g)?.raw).filter((g) => !!g);
-        j(x);
-        return;
-      }
-      const t = r.find((y) => y.value === a)?.raw || null;
-      j(t);
-    }, {
-      immediate: !0
-    }), () => l(C, R(M.value, {
-      onSearch: S,
-      loading: F.value,
-      filterable: !!e.pagination,
-      clearable: !0,
-      remote: !0,
-      options: z.value,
-      value: v.value,
-      "onUpdate:value": (a) => v.value = a,
-      multiple: e.multiple,
-      onClear: () => {
-        S("");
-      },
-      renderLabel: (a) => d.value || s.value ? l(b, {
-        align: "center",
-        size: "small",
-        wrapItem: !1,
-        style: {
-          padding: "6px 0"
-        }
-      }, {
-        default: () => [d.value && l(V, {
-          src: a?.raw?.[d.value],
-          objectFit: "cover",
-          width: 32,
-          height: 32
-        }, null), p.value && l(D, {
-          round: !0,
-          src: a?.raw?.[p.value],
-          size: 32
-        }, {
-          default: () => [a?.raw?.[o.value]?.charAt?.(0)]
-        }), l(b, {
-          vertical: !0,
-          size: 0,
-          wrapItem: !1
-        }, {
-          default: () => [l("div", null, [a?.raw?.[o.value]]), s.value && l("div", {
-            style: {
-              opacity: 0.6
-            }
-          }, [a?.raw?.[s.value]])]
-        })]
-      }) : a?.raw?.[o.value],
-      renderTag: ({
-        option: a,
-        handleClose: r
-      }) => {
-        let t;
-        return e.multiple ? l(L, {
-          type: "primary",
-          size: e.size,
-          closable: !0,
-          round: !0,
-          onClose: () => {
-            r();
-          },
-          style: {
-            "--n-padding": "0"
-          }
-        }, J(t = P(a, o.value, d.value, p.value, s.value)) ? t : {
-          default: () => [t]
-        }) : P(a, o.value, d.value, p.value, s.value);
-      }
-    }), {
-      arrow: () => {
-        const r = i.arrow?.() || null;
-        return e.refreshable ? l(H, {
-          trigger: "hover"
-        }, {
-          default: () => c("components.button.refresh") || "Refresh",
-          trigger: () => l("div", {
-            class: ["i-tabler:refresh size-4 cursor-pointer opacity-70 hover:opacity-100", F.value && "animate-spin"],
-            role: "button",
-            tabindex: 0,
-            onMousedown: (t) => {
-              t.preventDefault(), t.stopPropagation();
-            },
-            onClick: (t) => {
-              t.preventDefault(), t.stopPropagation(), N?.();
-            },
-            onKeydown: (t) => {
-              (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), N?.());
-            }
-          }, null)
-        }) : r;
-      },
-      action: () => e.pagination ? l(G, {
-        size: "small",
-        page: w.value.page,
-        "onUpdate:page": (a) => w.value.page = a,
-        pageSlot: 3,
-        pageCount: B.value,
-        pageSize: w.value.pageSize
-      }, null) : null,
-      ...i
-    });
-  }
+const y = /* @__PURE__ */ n({
+	name: "DuxSelect",
+	props: {
+		path: String,
+		params: Object,
+		pagination: {
+			type: Boolean,
+			default: !0
+		},
+		avatarField: { type: String },
+		imageField: { type: String },
+		descField: { type: String },
+		multiple: Boolean,
+		option: {
+			type: [Object, Array],
+			default: void 0
+		},
+		refreshable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	extends: p,
+	setup(n, { emit: r, slots: y }) {
+		let { t: x } = s(), S = a(n, "params", {}), C = a(n, "path"), w = l(n, "value", r, {
+			passive: !0,
+			defaultValue: n.defaultValue
+		}), T = l(n, "option", r, {
+			passive: !0,
+			defaultValue: n.multiple ? [] : null
+		}), E = a(n, "labelField", "name"), D = a(n, "valueField", "id"), O = a(n, "avatarField", ""), k = a(n, "imageField", ""), A = a(n, "descField", ""), { onSearch: j, loading: M, pagination: N, options: P, pageCount: F, refetch: I } = c({
+			path: C,
+			params: S,
+			defaultValue: w,
+			pagination: n.pagination,
+			optionLabel: E.value,
+			optionValue: D.value
+		}), L = e(() => {
+			let { labelField: e, valueField: t, avatarField: r, imageField: i, descField: a, option: o, ...s } = n;
+			return s;
+		}), R = (e) => {
+			if (n.multiple) {
+				_(T.value, e) || (T.value = e || []);
+				return;
+			}
+			T.value !== e && (T.value = e || null);
+		};
+		return o([w, P], ([e, t]) => {
+			if (n.multiple) {
+				R((Array.isArray(e) ? e : []).map((e) => t.find((t) => t.value === e)?.raw).filter((e) => !!e));
+				return;
+			}
+			R(t.find((t) => t.value === e)?.raw || null);
+		}, { immediate: !0 }), () => t(p, i(L.value, {
+			onSearch: j,
+			loading: M.value,
+			filterable: !!n.pagination,
+			clearable: !0,
+			remote: !0,
+			options: P.value,
+			value: w.value,
+			"onUpdate:value": (e) => w.value = e,
+			multiple: n.multiple,
+			onClear: () => {
+				j("");
+			},
+			renderLabel: (e) => k.value || A.value ? t(m, {
+				align: "center",
+				size: "small",
+				wrapItem: !1,
+				style: { padding: "6px 0" }
+			}, { default: () => [
+				k.value && t(d, {
+					src: e?.raw?.[k.value],
+					objectFit: "cover",
+					width: 32,
+					height: 32
+				}, null),
+				O.value && t(u, {
+					round: !0,
+					src: e?.raw?.[O.value],
+					size: 32
+				}, { default: () => [e?.raw?.[E.value]?.charAt?.(0)] }),
+				t(m, {
+					vertical: !0,
+					size: 0,
+					wrapItem: !1
+				}, { default: () => [t("div", null, [e?.raw?.[E.value]]), A.value && t("div", { style: { opacity: .6 } }, [e?.raw?.[A.value]])] })
+			] }) : e?.raw?.[E.value],
+			renderTag: ({ option: e, handleClose: r }) => {
+				let i;
+				return n.multiple ? t(h, {
+					type: "primary",
+					size: n.size,
+					closable: !0,
+					round: !0,
+					onClose: () => {
+						r();
+					},
+					style: { "--n-padding": "0" }
+				}, v(i = b(e, E.value, k.value, O.value, A.value)) ? i : { default: () => [i] }) : b(e, E.value, k.value, O.value, A.value);
+			}
+		}), {
+			arrow: () => {
+				let e = y.arrow?.() || null;
+				return n.refreshable ? t(g, { trigger: "hover" }, {
+					default: () => x("components.button.refresh") || "Refresh",
+					trigger: () => t("div", {
+						class: ["i-tabler:refresh size-4 cursor-pointer opacity-70 hover:opacity-100", M.value && "animate-spin"],
+						role: "button",
+						tabindex: 0,
+						onMousedown: (e) => {
+							e.preventDefault(), e.stopPropagation();
+						},
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), I?.();
+						},
+						onKeydown: (e) => {
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), I?.());
+						}
+					}, null)
+				}) : e;
+			},
+			action: () => n.pagination ? t(f, {
+				size: "small",
+				page: N.value.page,
+				"onUpdate:page": (e) => N.value.page = e,
+				pageSlot: 3,
+				pageCount: F.value,
+				pageSize: N.value.pageSize
+			}, null) : null,
+			...y
+		});
+	}
 });
-function P(e, u, i, c, m) {
-  return i || m || c ? l(b, {
-    align: "center",
-    size: "small",
-    style: {
-      padding: "6px 0"
-    },
-    wrapItem: !1
-  }, {
-    default: () => [i && l(V, {
-      src: e?.raw?.[i],
-      objectFit: "cover",
-      width: 22,
-      height: 22
-    }, null), c && l(D, {
-      round: !0,
-      src: e?.raw?.[c] || "",
-      size: 22
-    }, {
-      default: () => [e?.raw?.[u]?.charAt?.(0)]
-    }), l("div", null, [e?.raw?.[u]])]
-  }) : e?.raw?.[u] || "";
+function b(e, n, r, i, a) {
+	return r || a || i ? t(m, {
+		align: "center",
+		size: "small",
+		style: { padding: "6px 0" },
+		wrapItem: !1
+	}, { default: () => [
+		r && t(d, {
+			src: e?.raw?.[r],
+			objectFit: "cover",
+			width: 22,
+			height: 22
+		}, null),
+		i && t(u, {
+			round: !0,
+			src: e?.raw?.[i] || "",
+			size: 22
+		}, { default: () => [e?.raw?.[n]?.charAt?.(0)] }),
+		t("div", null, [e?.raw?.[n]])
+	] }) : e?.raw?.[n] || "";
 }
-export {
-  $ as DuxSelect
-};
+export { y as DuxSelect };

package/dist/esm/components/transfer/index.js

@@ -0,0 +1 @@
+import "./transfer.js";

package/dist/esm/components/transfer/transfer.js

@@ -1,96 +1,64 @@
-import { defineComponent as A, toRef as c, ref as x, watch as b, createVNode as t, mergeProps as p } from "vue";
-import { useList as S } from "@duxweb/dvha-core";
-import { useVModel as h } from "@vueuse/core";
-import { NTransfer as f, NSpin as L, NAvatar as N } from "naive-ui";
-const k = /* @__PURE__ */ A({
-  name: "DuxTransfer",
-  props: {
-    path: String,
-    params: {
-      type: Object
-    },
-    labelField: {
-      type: [String, Function],
-      default: "name"
-    },
-    valueField: {
-      type: String,
-      default: "id"
-    },
-    imageField: {
-      type: String
-    },
-    descField: {
-      type: [String, Function]
-    }
-  },
-  extends: f,
-  setup(a, {
-    emit: m
-  }) {
-    const n = h(a, "value", m, {
-      passive: !0,
-      defaultValue: a.defaultValue || []
-    }), o = c(a, "path", ""), y = c(a, "params", {}), d = x([]), {
-      data: v,
-      isLoading: F
-    } = S({
-      path: o.value,
-      filters: y.value
-    }), u = (e, i, l) => typeof i == "function" ? i(e) || "" : e[i || l] ?? "", g = (e) => Array.isArray(e?.data) ? e.data : Array.isArray(e?.data?.list) ? e.data.list : Array.isArray(e?.data?.data) ? e.data.data : Array.isArray(e?.list) ? e.list : Array.isArray(e?.value?.data) ? e.value.data : [];
-    b(v, (e) => {
-      const i = g(e);
-      d.value = i.map((l) => {
-        const r = {
-          label: u(l, a.labelField, "name"),
-          value: l[a.valueField || "id"],
-          raw: l
-        };
-        return a.descField && (r.desc = u(l, a.descField, "desc")), r;
-      });
-    }, {
-      immediate: !0
-    });
-    const s = ({
-      option: e
-    }) => a.imageField || a.descField ? t("div", {
-      style: {
-        padding: "0 6px",
-        display: "flex",
-        alignItems: "center",
-        gap: "4px"
-      }
-    }, [a.imageField && t(N, {
-      round: !0,
-      src: e?.raw[a.imageField],
-      size: 32
-    }, null), t("div", {
-      style: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center"
-      }
-    }, [t("div", null, [e?.label]), a.descField && t("div", {
-      style: {
-        opacity: 0.6
-      }
-    }, [e?.desc])])]) : e?.label;
-    return () => t("div", {
-      class: "w-full"
-    }, [t(L, {
-      show: F.value
-    }, {
-      default: () => [t(f, p(a, {
-        value: n.value,
-        "onUpdate:value": (e) => n.value = e,
-        options: d.value,
-        renderSourceLabel: s,
-        renderTargetLabel: s
-      }), null)]
-    })]);
-  }
+import { createVNode as e, defineComponent as t, mergeProps as n, ref as r, toRef as i, watch as a } from "vue";
+import { useList as o } from "@duxweb/dvha-core";
+import { useVModel as s } from "@vueuse/core";
+import { NAvatar as c, NSpin as l, NTransfer as u } from "naive-ui";
+const d = /* @__PURE__ */ t({
+	name: "DuxTransfer",
+	props: {
+		path: String,
+		params: { type: Object },
+		labelField: {
+			type: [String, Function],
+			default: "name"
+		},
+		valueField: {
+			type: String,
+			default: "id"
+		},
+		imageField: { type: String },
+		descField: { type: [String, Function] }
+	},
+	extends: u,
+	setup(t, { emit: d }) {
+		let f = s(t, "value", d, {
+			passive: !0,
+			defaultValue: t.defaultValue || []
+		}), p = i(t, "path", ""), m = i(t, "params", {}), h = r([]), { data: g, isLoading: _ } = o({
+			path: p.value,
+			filters: m.value
+		}), v = (e, t, n) => typeof t == "function" ? t(e) || "" : e[t || n] ?? "", y = (e) => Array.isArray(e?.data) ? e.data : Array.isArray(e?.data?.list) ? e.data.list : Array.isArray(e?.data?.data) ? e.data.data : Array.isArray(e?.list) ? e.list : Array.isArray(e?.value?.data) ? e.value.data : [];
+		a(g, (e) => {
+			h.value = y(e).map((e) => {
+				let n = {
+					label: v(e, t.labelField, "name"),
+					value: e[t.valueField || "id"],
+					raw: e
+				};
+				return t.descField && (n.desc = v(e, t.descField, "desc")), n;
+			});
+		}, { immediate: !0 });
+		let b = ({ option: n }) => t.imageField || t.descField ? e("div", { style: {
+			padding: "0 6px",
+			display: "flex",
+			alignItems: "center",
+			gap: "4px"
+		} }, [t.imageField && e(c, {
+			round: !0,
+			src: n?.raw[t.imageField],
+			size: 32
+		}, null), e("div", { style: {
+			flex: 1,
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center"
+		} }, [e("div", null, [n?.label]), t.descField && e("div", { style: { opacity: .6 } }, [n?.desc])])]) : n?.label;
+		return () => e("div", { class: "w-full" }, [e(l, { show: _.value }, { default: () => [e(u, n(t, {
+			value: f.value,
+			"onUpdate:value": (e) => f.value = e,
+			options: h.value,
+			renderSourceLabel: b,
+			renderTargetLabel: b
+		}), null)] })]);
+	}
 });
-export {
-  k as DuxTransfer
-};
+export { d as DuxTransfer };

package/dist/esm/components/tree/index.js

@@ -0,0 +1 @@
+import "./tree.js";