@duxweb/dvha-pro 1.1.29 → 1.1.31

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

@@ -1,54 +1,50 @@
-import { defineComponent as f, createVNode as s } from "vue";
-import { useVModel as y } from "@vueuse/core";
-function v(a, r) {
-  return ["inline-flex items-center justify-center px-3 py-1.5 rounded-sm text-sm transition-colors duration-150 cursor-pointer select-none", a ? "text-primary bg-primary/15" : "text-default  bg-transparent hover:text-primary", r && "opacity-50 cursor-not-allowed"];
+import { createVNode as e, defineComponent as t } from "vue";
+import { useVModel as n } from "@vueuse/core";
+function r(e, t) {
+	return [
+		"inline-flex items-center justify-center px-3 py-1.5 rounded-sm text-sm transition-colors duration-150 cursor-pointer select-none",
+		e ? "text-primary bg-primary/15" : "text-default  bg-transparent hover:text-primary",
+		t && "opacity-50 cursor-not-allowed"
+	];
 }
-const m = /* @__PURE__ */ f({
-  name: "DuxCheckboxTag",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: Array,
-      default: void 0
-    },
-    defaultValue: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    onUpdateValue: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(a, {
-    emit: r
-  }) {
-    const l = y(a, "value", r, {
-      defaultValue: a.defaultValue
-    }), d = () => Array.isArray(l.value) ? [...l.value] : [], o = (e) => {
-      const t = d(), u = t.includes(e.value) ? t.filter((i) => i !== e.value) : [...t, e.value];
-      l.value = u, a.onUpdateValue?.(u), r("change", u);
-    }, c = (e) => Array.isArray(l.value) && l.value.includes(e.value);
-    return () => s("div", {
-      class: "flex flex-wrap gap-2"
-    }, [a.options.map((e) => {
-      const t = a.disabled || e.disabled || !1, n = c(e);
-      return s("div", {
-        key: e.value,
-        class: v(n, t),
-        onClick: () => !t && o(e)
-      }, [e.label]);
-    })]);
-  }
+const i = /* @__PURE__ */ t({
+	name: "DuxCheckboxTag",
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		value: {
+			type: Array,
+			default: void 0
+		},
+		defaultValue: {
+			type: Array,
+			default: () => []
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		onUpdateValue: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(t, { emit: i }) {
+		let a = n(t, "value", i, { defaultValue: t.defaultValue }), o = () => Array.isArray(a.value) ? [...a.value] : [], s = (e) => {
+			let n = o(), r = n.includes(e.value) ? n.filter((t) => t !== e.value) : [...n, e.value];
+			a.value = r, t.onUpdateValue?.(r), i("change", r);
+		}, c = (e) => Array.isArray(a.value) && a.value.includes(e.value);
+		return () => e("div", { class: "flex flex-wrap gap-2" }, [t.options.map((n) => {
+			let i = t.disabled || n.disabled || !1, a = c(n);
+			return e("div", {
+				key: n.value,
+				class: r(a, i),
+				onClick: () => !i && s(n)
+			}, [n.label]);
+		})]);
+	}
 });
-export {
-  m as DuxCheckboxTag
-};
+export { i as DuxCheckboxTag };

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

@@ -1,133 +1,120 @@
-import { defineComponent as b, ref as k, computed as x, createVNode as r, mergeProps as h } from "vue";
-import { useI18n as p } from "@duxweb/dvha-core";
-import { useVModel as O } from "@vueuse/core";
-import i from "dayjs";
-import { NDatePicker as T } from "naive-ui";
-function D(e) {
-  if (typeof e.range == "function") return e.range();
-  if (e.value) return e.value;
-  if (e.num && e.unit) {
-    const a = e.unit === "days" ? i().endOf("day") : i(), n = V(e.unit);
-    return [(e.unit === "days" ? a.subtract(e.num - 1, n).startOf("day") : a.subtract(e.num, n)).valueOf(), a.valueOf()];
-  }
-  return null;
+import { computed as e, createVNode as t, defineComponent as n, mergeProps as r, ref as i } from "vue";
+import { useI18n as a } from "@duxweb/dvha-core";
+import { NDatePicker as o } from "naive-ui";
+import { useVModel as s } from "@vueuse/core";
+import c from "dayjs";
+function l(e) {
+	if (typeof e.range == "function") return e.range();
+	if (e.value) return e.value;
+	if (e.num && e.unit) {
+		let t = e.unit === "days" ? c().endOf("day") : c(), n = u(e.unit);
+		return [(e.unit === "days" ? t.subtract(e.num - 1, n).startOf("day") : t.subtract(e.num, n)).valueOf(), t.valueOf()];
+	}
+	return null;
 }
-function V(e) {
-  switch (e) {
-    case "minutes":
-      return "minute";
-    case "hours":
-      return "hour";
-    default:
-      return "day";
-  }
+function u(e) {
+	switch (e) {
+		case "minutes": return "minute";
+		case "hours": return "hour";
+		default: return "day";
+	}
 }
-const P = ["inline-flex items-center justify-center px-3 py-1.5 rounded-md text-sm transition-colors duration-150 cursor-pointer select-none"];
-function M(e, a) {
-  return [...P, e ? "text-primary  bg-primary/10" : "text-default bg-transparent hover:text-primary", a && "opacity-50 cursor-not-allowed"];
+var d = ["inline-flex items-center justify-center px-3 py-1.5 rounded-md text-sm transition-colors duration-150 cursor-pointer select-none"];
+function f(e, t) {
+	return [
+		...d,
+		e ? "text-primary  bg-primary/10" : "text-default bg-transparent hover:text-primary",
+		t && "opacity-50 cursor-not-allowed"
+	];
 }
-const f = [{
-  key: "3d",
-  num: 3,
-  unit: "days"
-}, {
-  key: "7d",
-  num: 7,
-  unit: "days"
-}, {
-  key: "30d",
-  num: 30,
-  unit: "days"
-}];
-function y(e) {
-  return e.key !== void 0 ? e.key : e.label ? e.label : e.unit && e.num !== void 0 ? `${e.unit}-${e.num}` : e.value ? `value-${e.value.join("-")}` : JSON.stringify(e);
+var p = [
+	{
+		key: "3d",
+		num: 3,
+		unit: "days"
+	},
+	{
+		key: "7d",
+		num: 7,
+		unit: "days"
+	},
+	{
+		key: "30d",
+		num: 30,
+		unit: "days"
+	}
+];
+function m(e) {
+	return e.key === void 0 ? e.label ? e.label : e.unit && e.num !== void 0 ? `${e.unit}-${e.num}` : e.value ? `value-${e.value.join("-")}` : JSON.stringify(e) : e.key;
 }
-function w(e, a) {
-  if (e.label) return e.label;
-  if (e.unit && e.num !== void 0 && e.key) {
-    const n = {
-      "3d": "components.dateTag.recentThreeDays",
-      "7d": "components.dateTag.recentSevenDays",
-      "30d": "components.dateTag.recentThirtyDays"
-    };
-    if (n[e.key]) return a(n[e.key]);
-  }
-  return e.unit && e.num !== void 0 ? a({
-    minutes: "components.dateTag.recentMinutes",
-    hours: "components.dateTag.recentHours",
-    days: "components.dateTag.recentDays"
-  }[e.unit], {
-    num: e.num
-  }) : "";
+function h(e, t) {
+	if (e.label) return e.label;
+	if (e.unit && e.num !== void 0 && e.key) {
+		let n = {
+			"3d": "components.dateTag.recentThreeDays",
+			"7d": "components.dateTag.recentSevenDays",
+			"30d": "components.dateTag.recentThirtyDays"
+		};
+		if (n[e.key]) return t(n[e.key]);
+	}
+	return e.unit && e.num !== void 0 ? t({
+		minutes: "components.dateTag.recentMinutes",
+		hours: "components.dateTag.recentHours",
+		days: "components.dateTag.recentDays"
+	}[e.unit], { num: e.num }) : "";
 }
-const R = /* @__PURE__ */ b({
-  name: "DuxDateTag",
-  props: {
-    options: {
-      type: Array,
-      default: () => f
-    },
-    value: {
-      type: [Array, null],
-      default: null
-    },
-    defaultValue: {
-      type: [Array, null],
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    datePickerProps: {
-      type: Object,
-      default: void 0
-    },
-    onUpdateValue: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(e, {
-    emit: a
-  }) {
-    const {
-      t: n
-    } = p(), l = O(e, "value", a, {
-      defaultValue: e.defaultValue
-    }), d = k(null), m = x(() => e.options || f), c = (t, u, s = !0) => {
-      l.value = t, d.value = u, s && (e.onUpdateValue?.(t), a("change", t));
-    }, v = (t) => {
-      if (e.disabled || t.disabled) return;
-      const u = D(t);
-      c(u, y(t));
-    }, o = (t) => {
-      c(t, null);
-    };
-    return () => r("div", {
-      class: "flex gap-3"
-    }, [r("div", {
-      class: "min-w-50"
-    }, [r(T, h({
-      class: "w-full",
-      type: "daterange",
-      value: l.value ?? null,
-      clearable: !0,
-      disabled: e.disabled,
-      onUpdateValue: o
-    }, e.datePickerProps), null)]), r("div", {
-      class: "flex flex-wrap gap-2"
-    }, [m.value.map((t) => {
-      const u = y(t), s = d.value === u, g = e.disabled || t.disabled || !1;
-      return r("div", {
-        key: String(u),
-        class: M(s, g),
-        onClick: () => v(t)
-      }, [w(t, n)]);
-    })])]);
-  }
+const g = /* @__PURE__ */ n({
+	name: "DuxDateTag",
+	props: {
+		options: {
+			type: Array,
+			default: () => p
+		},
+		value: {
+			type: [Array, null],
+			default: null
+		},
+		defaultValue: {
+			type: [Array, null],
+			default: null
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		datePickerProps: {
+			type: Object,
+			default: void 0
+		},
+		onUpdateValue: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(n, { emit: c }) {
+		let { t: u } = a(), d = s(n, "value", c, { defaultValue: n.defaultValue }), g = i(null), _ = e(() => n.options || p), v = (e, t, r = !0) => {
+			d.value = e, g.value = t, r && (n.onUpdateValue?.(e), c("change", e));
+		}, y = (e) => {
+			n.disabled || e.disabled || v(l(e), m(e));
+		}, b = (e) => {
+			v(e, null);
+		};
+		return () => t("div", { class: "flex gap-3" }, [t("div", { class: "min-w-50" }, [t(o, r({
+			class: "w-full",
+			type: "daterange",
+			value: d.value ?? null,
+			clearable: !0,
+			disabled: n.disabled,
+			onUpdateValue: b
+		}, n.datePickerProps), null)]), t("div", { class: "flex flex-wrap gap-2" }, [_.value.map((e) => {
+			let r = m(e), i = g.value === r, a = n.disabled || e.disabled || !1;
+			return t("div", {
+				key: String(r),
+				class: f(i, a),
+				onClick: () => y(e)
+			}, [h(e, u)]);
+		})])]);
+	}
 });
-export {
-  R as DuxDateTag
-};
+export { g as DuxDateTag };

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

@@ -0,0 +1,4 @@
+import "./checkboxTag.js";
+import "./dateTag.js";
+import "./radioTag.js";
+import "./selectCard.js";

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

@@ -1,54 +1,50 @@
-import { defineComponent as o, createVNode as u } from "vue";
-import { useVModel as i } from "@vueuse/core";
-function c(a, l) {
-  return ["inline-flex items-center justify-center px-3 py-1.5 rounded-sm text-sm transition-colors duration-150 cursor-pointer select-none", a ? "text-primary  bg-primary/15" : "text-default  bg-transparent  hover:text-primary", l && "opacity-50 cursor-not-allowed"];
+import { createVNode as e, defineComponent as t } from "vue";
+import { useVModel as n } from "@vueuse/core";
+function r(e, t) {
+	return [
+		"inline-flex items-center justify-center px-3 py-1.5 rounded-sm text-sm transition-colors duration-150 cursor-pointer select-none",
+		e ? "text-primary  bg-primary/15" : "text-default  bg-transparent  hover:text-primary",
+		t && "opacity-50 cursor-not-allowed"
+	];
 }
-const p = /* @__PURE__ */ o({
-  name: "DuxRadioTag",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: [String, Number],
-      default: void 0
-    },
-    defaultValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    onUpdateValue: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(a, {
-    emit: l
-  }) {
-    const n = i(a, "value", l, {
-      defaultValue: a.defaultValue
-    }), d = (e) => {
-      const t = n.value === e.value ? void 0 : e.value;
-      n.value = t, a.onUpdateValue?.(t), l("change", t);
-    }, r = (e) => n.value === e.value;
-    return () => u("div", {
-      class: "flex flex-wrap gap-2"
-    }, [a.options.map((e) => {
-      const t = a.disabled || e.disabled || !1, s = r(e);
-      return u("div", {
-        key: e.value,
-        class: c(s, t),
-        onClick: () => !t && d(e)
-      }, [e.label]);
-    })]);
-  }
+const i = /* @__PURE__ */ t({
+	name: "DuxRadioTag",
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		value: {
+			type: [String, Number],
+			default: void 0
+		},
+		defaultValue: {
+			type: [String, Number],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		onUpdateValue: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(t, { emit: i }) {
+		let a = n(t, "value", i, { defaultValue: t.defaultValue }), o = (e) => {
+			let n = a.value === e.value ? void 0 : e.value;
+			a.value = n, t.onUpdateValue?.(n), i("change", n);
+		}, s = (e) => a.value === e.value;
+		return () => e("div", { class: "flex flex-wrap gap-2" }, [t.options.map((n) => {
+			let i = t.disabled || n.disabled || !1, a = s(n);
+			return e("div", {
+				key: n.value,
+				class: r(a, i),
+				onClick: () => !i && o(n)
+			}, [n.label]);
+		})]);
+	}
 });
-export {
-  p as DuxRadioTag
-};
+export { i as DuxRadioTag };