dishui 0.0.65 → 0.0.67

package/dist/components/pro/DataTable/Filters.js

@@ -1,317 +1,302 @@
-import { __exportAll as k } from "../../../_virtual/_rolldown/runtime.js";
-import { useDebounce as g } from "../../../hooks/useDebounce.js";
-import { useEffect as v, useState as f } from "react";
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-var R = /* @__PURE__ */ k({
-  BooleanFilter: () => V,
-  DateRangeFilter: () => F,
-  FilterPanel: () => C,
-  MultiSelectFilter: () => x,
-  NumberRangeFilter: () => b,
-  SelectFilter: () => m,
-  TextFilter: () => p,
-  default: () => S
-}), p = ({ column: e, placeholder: i = "搜索..." }) => {
-  const [n, s] = f(""), r = g(n, 300);
-  return v(() => {
-    const l = e.getFilterValue() || "";
-    l !== n && s(l);
-  }, [e.getFilterValue()]), v(() => {
-    e.setFilterValue(r || void 0);
-  }, [r]), /* @__PURE__ */ h("div", {
-    className: "flex items-center mt-2",
-    children: [/* @__PURE__ */ t("input", {
-      type: "text",
-      value: n,
-      onChange: (l) => {
-        s(l.target.value);
-      },
-      placeholder: i,
-      className: "input input-bordered input-sm w-full"
-    }), n && /* @__PURE__ */ t("button", {
-      className: "btn btn-ghost btn-xs ml-1",
-      onClick: () => {
-        s(""), e.setFilterValue(void 0);
-      },
-      children: /* @__PURE__ */ t("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-4 w-4",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ t("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "M6 18L18 6M6 6l12 12"
-        })
-      })
-    })]
-  });
-}, b = ({ column: e, min: i, max: n, step: s = 1 }) => {
-  const [r, o] = f(""), [l, a] = f(""), d = g(r, 300), c = g(l, 300);
-  return v(() => {
-    const u = e.getFilterValue(), N = u && u[0] !== void 0 ? String(u[0]) : "", w = u && u[1] !== void 0 ? String(u[1]) : "";
-    N !== r && o(N), w !== l && a(w);
-  }, [e.getFilterValue()]), v(() => {
-    const u = [d === "" ? void 0 : Number(d), c === "" ? void 0 : Number(c)];
-    u[0] === void 0 && u[1] === void 0 ? e.setFilterValue(void 0) : e.setFilterValue(u);
-  }, [d, c]), /* @__PURE__ */ h("div", {
-    className: "flex flex-col gap-1 mt-2",
-    children: [/* @__PURE__ */ h("div", {
-      className: "flex items-center gap-2",
-      children: [
-        /* @__PURE__ */ t("input", {
-          type: "number",
-          value: r,
-          onChange: (u) => {
-            o(u.target.value);
-          },
-          placeholder: "最小值",
-          min: i,
-          max: n,
-          step: s,
-          className: "input input-bordered input-sm w-full"
-        }),
-        /* @__PURE__ */ t("span", { children: "至" }),
-        /* @__PURE__ */ t("input", {
-          type: "number",
-          value: l,
-          onChange: (u) => {
-            a(u.target.value);
-          },
-          placeholder: "最大值",
-          min: i,
-          max: n,
-          step: s,
-          className: "input input-bordered input-sm w-full"
-        })
-      ]
-    }), (r || l) && /* @__PURE__ */ t("button", {
-      className: "btn btn-ghost btn-xs self-end",
-      onClick: () => {
-        o(""), a(""), e.setFilterValue(void 0);
-      },
-      children: "清除"
-    })]
-  });
-}, m = ({ column: e, options: i, placeholder: n = "全部" }) => {
-  const [s, r] = f("");
-  return v(() => {
-    const l = e.getFilterValue();
-    r(l !== void 0 ? String(l) : "");
-  }, [e.getFilterValue()]), /* @__PURE__ */ t("div", {
-    className: "mt-2",
-    children: /* @__PURE__ */ h("select", {
-      value: s,
-      onChange: (l) => {
-        const a = l.target.value;
-        r(a), a === "" ? e.setFilterValue(void 0) : e.setFilterValue(a);
-      },
-      className: "select select-bordered select-sm w-full",
-      children: [/* @__PURE__ */ t("option", {
-        value: "",
-        children: n
-      }), i.map((l, a) => /* @__PURE__ */ t("option", {
-        value: l.value,
-        children: l.label
-      }, a))]
-    })
-  });
-}, V = ({ column: e, trueLabel: i = "是", falseLabel: n = "否", allLabel: s = "全部" }) => {
-  const r = [
-    {
-      value: "",
-      label: s
-    },
-    {
-      value: "true",
-      label: i
-    },
-    {
-      value: "false",
-      label: n
-    }
-  ], [o, l] = f("");
-  return v(() => {
-    const d = e.getFilterValue();
-    l(d !== void 0 ? String(d) : "");
-  }, [e.getFilterValue()]), /* @__PURE__ */ t("div", {
-    className: "mt-2",
-    children: /* @__PURE__ */ t("select", {
-      value: o,
-      onChange: (d) => {
-        const c = d.target.value;
-        l(c), c === "" ? e.setFilterValue(void 0) : e.setFilterValue(c === "true");
-      },
-      className: "select select-bordered select-sm w-full",
-      children: r.map((d, c) => /* @__PURE__ */ t("option", {
-        value: d.value,
-        children: d.label
-      }, c))
-    })
-  });
-}, F = ({ column: e }) => {
-  const [i, n] = f(""), [s, r] = f(""), o = g(i, 300), l = g(s, 300);
-  return v(() => {
-    const a = e.getFilterValue(), d = a && a[0] ? a[0] : "", c = a && a[1] ? a[1] : "";
-    d !== i && n(d), c !== s && r(c);
-  }, [e.getFilterValue()]), v(() => {
-    const a = [o || void 0, l || void 0];
-    !a[0] && !a[1] ? e.setFilterValue(void 0) : e.setFilterValue(a);
-  }, [o, l]), /* @__PURE__ */ h("div", {
-    className: "flex flex-col gap-1 mt-2",
-    children: [/* @__PURE__ */ h("div", {
-      className: "flex items-center gap-2",
-      children: [
-        /* @__PURE__ */ t("input", {
-          type: "date",
-          value: i,
-          onChange: (a) => {
-            n(a.target.value);
-          },
-          className: "input input-bordered input-sm w-full"
-        }),
-        /* @__PURE__ */ t("span", { children: "至" }),
-        /* @__PURE__ */ t("input", {
-          type: "date",
-          value: s,
-          onChange: (a) => {
-            r(a.target.value);
-          },
-          className: "input input-bordered input-sm w-full"
-        })
-      ]
-    }), (i || s) && /* @__PURE__ */ t("button", {
-      className: "btn btn-ghost btn-xs self-end",
-      onClick: () => {
-        n(""), r(""), e.setFilterValue(void 0);
-      },
-      children: "清除"
-    })]
-  });
-}, x = ({ column: e, options: i, placeholder: n = "选择选项" }) => {
-  const [s, r] = f([]);
-  return v(() => {
-    const l = e.getFilterValue();
-    r(l || []);
-  }, [e.getFilterValue()]), /* @__PURE__ */ h("div", {
-    className: "mt-2",
-    children: [/* @__PURE__ */ t("select", {
-      multiple: !0,
-      value: s,
-      onChange: (l) => {
-        const a = Array.from(l.target.selectedOptions, (d) => d.value);
-        r(a), a.length === 0 ? e.setFilterValue(void 0) : e.setFilterValue(a);
-      },
-      className: "select select-bordered select-sm w-full max-h-32",
-      children: i.map((l, a) => /* @__PURE__ */ t("option", {
-        value: l.value,
-        children: l.label
-      }, a))
-    }), s.length > 0 && /* @__PURE__ */ h("div", {
-      className: "flex justify-between mt-1",
-      children: [/* @__PURE__ */ h("span", {
-        className: "text-xs text-base-content/70",
-        children: [
-          "已选择 ",
-          s.length,
-          " 项"
-        ]
-      }), /* @__PURE__ */ t("button", {
-        className: "btn btn-ghost btn-xs",
-        onClick: () => {
-          r([]), e.setFilterValue(void 0);
-        },
-        children: "清除"
-      })]
-    })]
-  });
-}, C = ({ column: e, onClose: i }) => {
-  if (!e || !e.columnDef) return null;
-  const n = e.columnDef.meta || {}, s = n.filterType, r = n.filterOptions || [], o = () => {
-    if (!s) return null;
-    switch (s) {
-      case "text":
-        return /* @__PURE__ */ t(p, { column: e });
-      case "number":
-        return /* @__PURE__ */ t(b, { column: e });
-      case "select":
-        return /* @__PURE__ */ t(m, {
-          column: e,
-          options: r
-        });
-      case "boolean":
-        return /* @__PURE__ */ t(V, { column: e });
-      case "date":
-        return /* @__PURE__ */ t(F, { column: e });
-      case "multiSelect":
-        return /* @__PURE__ */ t(x, {
-          column: e,
-          options: r
-        });
-      default:
-        return /* @__PURE__ */ t(p, { column: e });
-    }
-  }, l = e.columnDef.header && typeof e.columnDef.header == "string" ? e.columnDef.header : e.id;
-  return /* @__PURE__ */ h("div", {
-    className: "card bg-base-100 shadow-lg p-4 w-64 z-50",
-    children: [
-      /* @__PURE__ */ h("div", {
-        className: "flex justify-between items-center mb-2",
-        children: [/* @__PURE__ */ t("h3", {
-          className: "font-medium",
-          children: l
-        }), /* @__PURE__ */ t("button", {
-          className: "btn btn-ghost btn-xs",
-          onClick: i,
-          children: /* @__PURE__ */ t("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "h-4 w-4",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            children: /* @__PURE__ */ t("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: "2",
-              d: "M6 18L18 6M6 6l12 12"
-            })
-          })
-        })]
-      }),
-      o(),
-      /* @__PURE__ */ t("div", {
-        className: "flex justify-end mt-2",
-        children: /* @__PURE__ */ t("button", {
-          className: "btn btn-ghost btn-xs",
-          onClick: () => {
-            e.setFilterValue(void 0), i();
-          },
-          children: "清除过滤"
-        })
-      })
-    ]
-  });
-}, S = {
-  TextFilter: p,
-  NumberRangeFilter: b,
-  SelectFilter: m,
-  BooleanFilter: V,
-  DateRangeFilter: F,
-  MultiSelectFilter: x,
-  FilterPanel: C
-};
-export {
-  V as BooleanFilter,
-  F as DateRangeFilter,
-  C as FilterPanel,
-  R as Filters_exports,
-  x as MultiSelectFilter,
-  b as NumberRangeFilter,
-  m as SelectFilter,
-  p as TextFilter,
-  S as default
+import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
+import { useDebounce as t } from "../../../hooks/useDebounce.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/Filters.tsx
+var o = /* @__PURE__ */ e({
+	BooleanFilter: () => u,
+	DateRangeFilter: () => d,
+	FilterPanel: () => p,
+	MultiSelectFilter: () => f,
+	NumberRangeFilter: () => c,
+	SelectFilter: () => l,
+	TextFilter: () => s,
+	default: () => m
+}), s = ({ column: e, placeholder: o = "搜索..." }) => {
+	let [s, c] = r(""), l = t(s, 300);
+	return n(() => {
+		let t = e.getFilterValue() || "";
+		t !== s && c(t);
+	}, [e.getFilterValue()]), n(() => {
+		e.setFilterValue(l || void 0);
+	}, [l]), /* @__PURE__ */ a("div", {
+		className: "flex items-center mt-2",
+		children: [/* @__PURE__ */ i("input", {
+			type: "text",
+			value: s,
+			onChange: (e) => {
+				c(e.target.value);
+			},
+			placeholder: o,
+			className: "input input-bordered input-sm w-full"
+		}), s && /* @__PURE__ */ i("button", {
+			className: "btn btn-ghost btn-xs ml-1",
+			onClick: () => {
+				c(""), e.setFilterValue(void 0);
+			},
+			children: /* @__PURE__ */ i("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-4 w-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ i("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "2",
+					d: "M6 18L18 6M6 6l12 12"
+				})
+			})
+		})]
+	});
+}, c = ({ column: e, min: o, max: s, step: c = 1 }) => {
+	let [l, u] = r(""), [d, f] = r(""), p = t(l, 300), m = t(d, 300);
+	return n(() => {
+		let t = e.getFilterValue(), n = t && t[0] !== void 0 ? String(t[0]) : "", r = t && t[1] !== void 0 ? String(t[1]) : "";
+		n !== l && u(n), r !== d && f(r);
+	}, [e.getFilterValue()]), n(() => {
+		let t = [p === "" ? void 0 : Number(p), m === "" ? void 0 : Number(m)];
+		t[0] === void 0 && t[1] === void 0 ? e.setFilterValue(void 0) : e.setFilterValue(t);
+	}, [p, m]), /* @__PURE__ */ a("div", {
+		className: "flex flex-col gap-1 mt-2",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ i("input", {
+					type: "number",
+					value: l,
+					onChange: (e) => {
+						u(e.target.value);
+					},
+					placeholder: "最小值",
+					min: o,
+					max: s,
+					step: c,
+					className: "input input-bordered input-sm w-full"
+				}),
+				/* @__PURE__ */ i("span", { children: "至" }),
+				/* @__PURE__ */ i("input", {
+					type: "number",
+					value: d,
+					onChange: (e) => {
+						f(e.target.value);
+					},
+					placeholder: "最大值",
+					min: o,
+					max: s,
+					step: c,
+					className: "input input-bordered input-sm w-full"
+				})
+			]
+		}), (l || d) && /* @__PURE__ */ i("button", {
+			className: "btn btn-ghost btn-xs self-end",
+			onClick: () => {
+				u(""), f(""), e.setFilterValue(void 0);
+			},
+			children: "清除"
+		})]
+	});
+}, l = ({ column: e, options: t, placeholder: o = "全部" }) => {
+	let [s, c] = r("");
+	return n(() => {
+		let t = e.getFilterValue();
+		c(t === void 0 ? "" : String(t));
+	}, [e.getFilterValue()]), /* @__PURE__ */ i("div", {
+		className: "mt-2",
+		children: /* @__PURE__ */ a("select", {
+			value: s,
+			onChange: (t) => {
+				let n = t.target.value;
+				c(n), n === "" ? e.setFilterValue(void 0) : e.setFilterValue(n);
+			},
+			className: "select select-bordered select-sm w-full",
+			children: [/* @__PURE__ */ i("option", {
+				value: "",
+				children: o
+			}), t.map((e, t) => /* @__PURE__ */ i("option", {
+				value: e.value,
+				children: e.label
+			}, t))]
+		})
+	});
+}, u = ({ column: e, trueLabel: t = "是", falseLabel: a = "否", allLabel: o = "全部" }) => {
+	let s = [
+		{
+			value: "",
+			label: o
+		},
+		{
+			value: "true",
+			label: t
+		},
+		{
+			value: "false",
+			label: a
+		}
+	], [c, l] = r("");
+	return n(() => {
+		let t = e.getFilterValue();
+		l(t === void 0 ? "" : String(t));
+	}, [e.getFilterValue()]), /* @__PURE__ */ i("div", {
+		className: "mt-2",
+		children: /* @__PURE__ */ i("select", {
+			value: c,
+			onChange: (t) => {
+				let n = t.target.value;
+				l(n), n === "" ? e.setFilterValue(void 0) : e.setFilterValue(n === "true");
+			},
+			className: "select select-bordered select-sm w-full",
+			children: s.map((e, t) => /* @__PURE__ */ i("option", {
+				value: e.value,
+				children: e.label
+			}, t))
+		})
+	});
+}, d = ({ column: e }) => {
+	let [o, s] = r(""), [c, l] = r(""), u = t(o, 300), d = t(c, 300);
+	return n(() => {
+		let t = e.getFilterValue(), n = t && t[0] ? t[0] : "", r = t && t[1] ? t[1] : "";
+		n !== o && s(n), r !== c && l(r);
+	}, [e.getFilterValue()]), n(() => {
+		let t = [u || void 0, d || void 0];
+		!t[0] && !t[1] ? e.setFilterValue(void 0) : e.setFilterValue(t);
+	}, [u, d]), /* @__PURE__ */ a("div", {
+		className: "flex flex-col gap-1 mt-2",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ i("input", {
+					type: "date",
+					value: o,
+					onChange: (e) => {
+						s(e.target.value);
+					},
+					className: "input input-bordered input-sm w-full"
+				}),
+				/* @__PURE__ */ i("span", { children: "至" }),
+				/* @__PURE__ */ i("input", {
+					type: "date",
+					value: c,
+					onChange: (e) => {
+						l(e.target.value);
+					},
+					className: "input input-bordered input-sm w-full"
+				})
+			]
+		}), (o || c) && /* @__PURE__ */ i("button", {
+			className: "btn btn-ghost btn-xs self-end",
+			onClick: () => {
+				s(""), l(""), e.setFilterValue(void 0);
+			},
+			children: "清除"
+		})]
+	});
+}, f = ({ column: e, options: t, placeholder: o = "选择选项" }) => {
+	let [s, c] = r([]);
+	return n(() => {
+		let t = e.getFilterValue();
+		c(t || []);
+	}, [e.getFilterValue()]), /* @__PURE__ */ a("div", {
+		className: "mt-2",
+		children: [/* @__PURE__ */ i("select", {
+			multiple: !0,
+			value: s,
+			onChange: (t) => {
+				let n = Array.from(t.target.selectedOptions, (e) => e.value);
+				c(n), n.length === 0 ? e.setFilterValue(void 0) : e.setFilterValue(n);
+			},
+			className: "select select-bordered select-sm w-full max-h-32",
+			children: t.map((e, t) => /* @__PURE__ */ i("option", {
+				value: e.value,
+				children: e.label
+			}, t))
+		}), s.length > 0 && /* @__PURE__ */ a("div", {
+			className: "flex justify-between mt-1",
+			children: [/* @__PURE__ */ a("span", {
+				className: "text-xs text-base-content/70",
+				children: [
+					"已选择 ",
+					s.length,
+					" 项"
+				]
+			}), /* @__PURE__ */ i("button", {
+				className: "btn btn-ghost btn-xs",
+				onClick: () => {
+					c([]), e.setFilterValue(void 0);
+				},
+				children: "清除"
+			})]
+		})]
+	});
+}, p = ({ column: e, onClose: t }) => {
+	if (!e || !e.columnDef) return null;
+	let n = e.columnDef.meta || {}, r = n.filterType, o = n.filterOptions || [], p = () => {
+		if (!r) return null;
+		switch (r) {
+			case "text": return /* @__PURE__ */ i(s, { column: e });
+			case "number": return /* @__PURE__ */ i(c, { column: e });
+			case "select": return /* @__PURE__ */ i(l, {
+				column: e,
+				options: o
+			});
+			case "boolean": return /* @__PURE__ */ i(u, { column: e });
+			case "date": return /* @__PURE__ */ i(d, { column: e });
+			case "multiSelect": return /* @__PURE__ */ i(f, {
+				column: e,
+				options: o
+			});
+			default: return /* @__PURE__ */ i(s, { column: e });
+		}
+	}, m = e.columnDef.header && typeof e.columnDef.header == "string" ? e.columnDef.header : e.id;
+	return /* @__PURE__ */ a("div", {
+		className: "card bg-base-100 shadow-lg p-4 w-64 z-50",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "flex justify-between items-center mb-2",
+				children: [/* @__PURE__ */ i("h3", {
+					className: "font-medium",
+					children: m
+				}), /* @__PURE__ */ i("button", {
+					className: "btn btn-ghost btn-xs",
+					onClick: t,
+					children: /* @__PURE__ */ i("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						className: "h-4 w-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ i("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: "2",
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})]
+			}),
+			p(),
+			/* @__PURE__ */ i("div", {
+				className: "flex justify-end mt-2",
+				children: /* @__PURE__ */ i("button", {
+					className: "btn btn-ghost btn-xs",
+					onClick: () => {
+						e.setFilterValue(void 0), t();
+					},
+					children: "清除过滤"
+				})
+			})
+		]
+	});
+}, m = {
+	TextFilter: s,
+	NumberRangeFilter: c,
+	SelectFilter: l,
+	BooleanFilter: u,
+	DateRangeFilter: d,
+	MultiSelectFilter: f,
+	FilterPanel: p
 };
+//#endregion
+export { u as BooleanFilter, d as DateRangeFilter, p as FilterPanel, o as Filters_exports, f as MultiSelectFilter, c as NumberRangeFilter, l as SelectFilter, s as TextFilter, m as default };
 
 //# sourceMappingURL=Filters.js.map