@tiny-design/react 1.0.4

package/lib/cascader/cascader.js

@@ -0,0 +1,199 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_dom = require("react-dom");
+//#region src/cascader/cascader.tsx
+const getOptionsByValue = (options, value) => {
+	const result = [];
+	let current = options;
+	for (const v of value) {
+		const found = current.find((opt) => opt.value === v);
+		if (!found) break;
+		result.push(found);
+		current = found.children ?? [];
+	}
+	return result;
+};
+const Cascader = react.default.forwardRef((props, ref) => {
+	const { options, defaultValue, placeholder = "Please select", disabled = false, allowClear = true, size, expandTrigger = "click", displayRender, changeOnSelect = false, notFoundContent = "No Data", prefixCls: customisedCls, className, style, onChange, onDropdownVisibleChange, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("cascader", configContext.prefixCls, customisedCls);
+	const cascaderSize = size || configContext.componentSize || "md";
+	const wrapperRef = (0, react.useRef)(null);
+	const dropdownRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, react.useState)(false);
+	const [dropdownStyle, setDropdownStyle] = (0, react.useState)({});
+	const [selectedValue, setSelectedValue] = (0, react.useState)("value" in props ? props.value ?? [] : defaultValue ?? []);
+	const [activeColumns, setActiveColumns] = (0, react.useState)([options]);
+	const [hoveredPath, setHoveredPath] = (0, react.useState)([]);
+	(0, react.useEffect)(() => {
+		if ("value" in props) setSelectedValue(props.value ?? []);
+	}, [props.value]);
+	(0, react.useEffect)(() => {
+		if ("open" in props) setOpen(props.open);
+	}, [props.open]);
+	(0, react.useEffect)(() => {
+		const cols = [options];
+		let current = options;
+		const path = selectedValue.length > 0 ? selectedValue : hoveredPath;
+		for (const v of path) {
+			const found = current.find((opt) => opt.value === v);
+			if (found?.children?.length) {
+				cols.push(found.children);
+				current = found.children;
+			} else break;
+		}
+		setActiveColumns(cols);
+	}, [options, selectedValue]);
+	(0, react.useEffect)(() => {
+		if (open && wrapperRef.current) {
+			const rect = wrapperRef.current.getBoundingClientRect();
+			setDropdownStyle({
+				position: "absolute",
+				top: rect.bottom + 4 + window.scrollY,
+				left: rect.left + window.scrollX,
+				zIndex: 1050
+			});
+		}
+	}, [open]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const handleClickOutside = (e) => {
+			const target = e.target;
+			if (wrapperRef.current && !wrapperRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) closeDropdown();
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [open]);
+	const closeDropdown = () => {
+		if (!("open" in props)) setOpen(false);
+		onDropdownVisibleChange?.(false);
+		setHoveredPath([]);
+	};
+	const toggleOpen = () => {
+		if (disabled) return;
+		const next = !open;
+		if (!("open" in props)) setOpen(next);
+		onDropdownVisibleChange?.(next);
+	};
+	const handleOptionSelect = (option, level) => {
+		if (option.disabled) return;
+		const newPath = [...hoveredPath.slice(0, level), option.value];
+		setHoveredPath(newPath);
+		const cols = activeColumns.slice(0, level + 1);
+		if (option.children?.length) cols.push(option.children);
+		setActiveColumns(cols);
+		const isLeaf = option.isLeaf !== void 0 ? option.isLeaf : !option.children?.length;
+		if (isLeaf || changeOnSelect) {
+			if (!("value" in props)) setSelectedValue(newPath);
+			const selectedOptions = getOptionsByValue(options, newPath);
+			onChange?.(newPath, selectedOptions);
+			if (isLeaf) closeDropdown();
+		}
+	};
+	const handleOptionHover = (option, level) => {
+		if (expandTrigger !== "hover" || option.disabled) return;
+		setHoveredPath([...hoveredPath.slice(0, level), option.value]);
+		const cols = activeColumns.slice(0, level + 1);
+		if (option.children?.length) cols.push(option.children);
+		setActiveColumns(cols);
+	};
+	const handleClear = (e) => {
+		e.stopPropagation();
+		if (!("value" in props)) setSelectedValue([]);
+		onChange?.([], []);
+		setActiveColumns([options]);
+		setHoveredPath([]);
+	};
+	const selectedOptions = (0, react.useMemo)(() => getOptionsByValue(options, selectedValue), [options, selectedValue]);
+	const labels = selectedOptions.map((opt) => opt.label);
+	const displayText = (0, react.useMemo)(() => {
+		if (selectedValue.length === 0) return "";
+		if (displayRender) return displayRender(labels, selectedOptions);
+		return labels.join(" / ");
+	}, [
+		selectedValue,
+		selectedOptions,
+		displayRender
+	]);
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_${cascaderSize}`]: cascaderSize,
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_open`]: open
+	});
+	const dropdown = open ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__dropdown`,
+		ref: dropdownRef,
+		style: dropdownStyle,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefixCls}__menus`,
+			children: activeColumns.map((columnOptions, level) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: `${prefixCls}__menu`,
+				role: "listbox",
+				children: columnOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+					className: `${prefixCls}__menu-empty`,
+					children: notFoundContent
+				}) : columnOptions.map((option) => {
+					const isActive = selectedValue[level] === option.value || hoveredPath[level] === option.value;
+					const hasChildren = !!option.children?.length;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: (0, classnames.default)(`${prefixCls}__menu-item`, {
+							[`${prefixCls}__menu-item_active`]: isActive,
+							[`${prefixCls}__menu-item_disabled`]: option.disabled
+						}),
+						role: "option",
+						"aria-selected": isActive,
+						onClick: () => handleOptionSelect(option, level),
+						onMouseEnter: () => handleOptionHover(option, level),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `${prefixCls}__menu-item-label`,
+							children: option.label
+						}), hasChildren && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `${prefixCls}__menu-item-arrow`,
+							children: "›"
+						})]
+					}, option.value);
+				})
+			}, level))
+		})
+	}), document.body) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref: wrapperRef,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__selector`,
+			onClick: toggleOpen,
+			children: [
+				displayText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__display`,
+					children: displayText
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__placeholder`,
+					children: placeholder
+				}),
+				allowClear && selectedValue.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__clear`,
+					onClick: handleClear,
+					children: "✕"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__arrow`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, { size: 10 })
+				})
+			]
+		}), dropdown]
+	});
+});
+Cascader.displayName = "Cascader";
+//#endregion
+exports.default = Cascader;
+
+//# sourceMappingURL=cascader.js.map

package/lib/cascader/cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.js","names":["React","ConfigContext","getPrefixCls","ArrowDown"],"sources":["../../src/cascader/cascader.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ArrowDown } from '../_utils/components';\nimport { CascaderProps, CascaderOption, CascaderValue } from './types';\n\nconst getOptionsByValue = (\n  options: CascaderOption[],\n  value: CascaderValue\n): CascaderOption[] => {\n  const result: CascaderOption[] = [];\n  let current = options;\n  for (const v of value) {\n    const found = current.find((opt) => opt.value === v);\n    if (!found) break;\n    result.push(found);\n    current = found.children ?? [];\n  }\n  return result;\n};\n\nconst Cascader = React.forwardRef<HTMLDivElement, CascaderProps>((props, ref) => {\n  const {\n    options,\n    defaultValue,\n    placeholder = 'Please select',\n    disabled = false,\n    allowClear = true,\n    size,\n    expandTrigger = 'click',\n    displayRender,\n    changeOnSelect = false,\n    notFoundContent = 'No Data',\n    prefixCls: customisedCls,\n    className,\n    style,\n    onChange,\n    onDropdownVisibleChange,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('cascader', configContext.prefixCls, customisedCls);\n  const cascaderSize = size || configContext.componentSize || 'md';\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const [open, setOpen] = useState(false);\n  const [dropdownStyle, setDropdownStyle] = useState<React.CSSProperties>({});\n  const [selectedValue, setSelectedValue] = useState<CascaderValue>(\n    'value' in props ? (props.value ?? []) : (defaultValue ?? [])\n  );\n  const [activeColumns, setActiveColumns] = useState<CascaderOption[][]>([options]);\n  const [hoveredPath, setHoveredPath] = useState<CascaderValue>([]);\n\n  useEffect(() => {\n    if ('value' in props) {\n      setSelectedValue(props.value ?? []);\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if ('open' in props) {\n      setOpen(props.open as boolean);\n    }\n  }, [props.open]);\n\n  // Build columns from selected value on mount\n  useEffect(() => {\n    const cols: CascaderOption[][] = [options];\n    let current = options;\n    const path = selectedValue.length > 0 ? selectedValue : hoveredPath;\n    for (const v of path) {\n      const found = current.find((opt) => opt.value === v);\n      if (found?.children?.length) {\n        cols.push(found.children);\n        current = found.children;\n      } else {\n        break;\n      }\n    }\n    setActiveColumns(cols);\n  }, [options, selectedValue]);\n\n  // Position dropdown below selector\n  useEffect(() => {\n    if (open && wrapperRef.current) {\n      const rect = wrapperRef.current.getBoundingClientRect();\n      setDropdownStyle({\n        position: 'absolute',\n        top: rect.bottom + 4 + window.scrollY,\n        left: rect.left + window.scrollX,\n        zIndex: 1050,\n      });\n    }\n  }, [open]);\n\n  // Click outside\n  useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (\n        wrapperRef.current && !wrapperRef.current.contains(target) &&\n        dropdownRef.current && !dropdownRef.current.contains(target)\n      ) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const closeDropdown = () => {\n    if (!('open' in props)) setOpen(false);\n    onDropdownVisibleChange?.(false);\n    setHoveredPath([]);\n  };\n\n  const toggleOpen = () => {\n    if (disabled) return;\n    const next = !open;\n    if (!('open' in props)) setOpen(next);\n    onDropdownVisibleChange?.(next);\n  };\n\n  const handleOptionSelect = (option: CascaderOption, level: number) => {\n    if (option.disabled) return;\n\n    const newPath = [...hoveredPath.slice(0, level), option.value];\n    setHoveredPath(newPath);\n\n    // Update columns\n    const cols = activeColumns.slice(0, level + 1);\n    if (option.children?.length) {\n      cols.push(option.children);\n    }\n    setActiveColumns(cols);\n\n    // If leaf node or changeOnSelect\n    const isLeaf = option.isLeaf !== undefined ? option.isLeaf : !option.children?.length;\n    if (isLeaf || changeOnSelect) {\n      if (!('value' in props)) {\n        setSelectedValue(newPath);\n      }\n      const selectedOptions = getOptionsByValue(options, newPath);\n      onChange?.(newPath, selectedOptions);\n      if (isLeaf) {\n        closeDropdown();\n      }\n    }\n  };\n\n  const handleOptionHover = (option: CascaderOption, level: number) => {\n    if (expandTrigger !== 'hover' || option.disabled) return;\n    const newPath = [...hoveredPath.slice(0, level), option.value];\n    setHoveredPath(newPath);\n\n    const cols = activeColumns.slice(0, level + 1);\n    if (option.children?.length) {\n      cols.push(option.children);\n    }\n    setActiveColumns(cols);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!('value' in props)) {\n      setSelectedValue([]);\n    }\n    onChange?.([], []);\n    setActiveColumns([options]);\n    setHoveredPath([]);\n  };\n\n  const selectedOptions = useMemo(\n    () => getOptionsByValue(options, selectedValue),\n    [options, selectedValue]\n  );\n\n  const labels = selectedOptions.map((opt) => opt.label);\n\n  const displayText = useMemo(() => {\n    if (selectedValue.length === 0) return '';\n    if (displayRender) return displayRender(labels, selectedOptions);\n    return labels.join(' / ');\n  }, [selectedValue, selectedOptions, displayRender]);\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${cascaderSize}`]: cascaderSize,\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_open`]: open,\n  });\n\n  const dropdown = open\n    ? createPortal(\n        <div className={`${prefixCls}__dropdown`} ref={dropdownRef} style={dropdownStyle}>\n          <div className={`${prefixCls}__menus`}>\n            {activeColumns.map((columnOptions, level) => (\n              <ul key={level} className={`${prefixCls}__menu`} role=\"listbox\">\n                {columnOptions.length === 0 ? (\n                  <li className={`${prefixCls}__menu-empty`}>{notFoundContent}</li>\n                ) : (\n                  columnOptions.map((option) => {\n                    const isActive =\n                      (selectedValue[level] === option.value) ||\n                      (hoveredPath[level] === option.value);\n                    const hasChildren = !!(option.children?.length);\n                    const itemCls = classNames(`${prefixCls}__menu-item`, {\n                      [`${prefixCls}__menu-item_active`]: isActive,\n                      [`${prefixCls}__menu-item_disabled`]: option.disabled,\n                    });\n                    return (\n                      <li\n                        key={option.value}\n                        className={itemCls}\n                        role=\"option\"\n                        aria-selected={isActive}\n                        onClick={() => handleOptionSelect(option, level)}\n                        onMouseEnter={() => handleOptionHover(option, level)}\n                      >\n                        <span className={`${prefixCls}__menu-item-label`}>{option.label}</span>\n                        {hasChildren && (\n                          <span className={`${prefixCls}__menu-item-arrow`}>›</span>\n                        )}\n                      </li>\n                    );\n                  })\n                )}\n              </ul>\n            ))}\n          </div>\n        </div>,\n        document.body\n      )\n    : null;\n\n  return (\n    <div {...otherProps} ref={wrapperRef} className={cls} style={style}>\n      <div className={`${prefixCls}__selector`} onClick={toggleOpen}>\n        {displayText ? (\n          <span className={`${prefixCls}__display`}>{displayText}</span>\n        ) : (\n          <span className={`${prefixCls}__placeholder`}>{placeholder}</span>\n        )}\n        {allowClear && selectedValue.length > 0 && (\n          <span className={`${prefixCls}__clear`} onClick={handleClear}>\n            ✕\n          </span>\n        )}\n        <span className={`${prefixCls}__arrow`}><ArrowDown size={10} /></span>\n      </div>\n      {dropdown}\n    </div>\n  );\n});\n\nCascader.displayName = 'Cascader';\nexport default Cascader;\n"],"mappings":"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"}

package/lib/cascader/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/cascader/index.tsx
+var cascader_default = require("./cascader.js").default;
+//#endregion
+exports.default = cascader_default;
+
+//# sourceMappingURL=index.js.map

package/lib/cascader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Cascader"],"sources":["../../src/cascader/index.tsx"],"sourcesContent":["import Cascader from './cascader';\n\nexport default Cascader;\n"],"mappings":";AAEA,IAAA,4CAAeA"}

package/lib/cascader/style/_index.scss

@@ -0,0 +1,162 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-cascader {
+  position: relative;
+  display: inline-block;
+  min-width: 200px;
+
+  &_disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  &_sm &__selector {
+    height: $height-sm;
+    font-size: $font-size-sm;
+    padding: 0 28px 0 8px;
+  }
+
+  &_md &__selector {
+    height: $height-md;
+    font-size: $font-size-base;
+    padding: 0 32px 0 10px;
+  }
+
+  &_lg &__selector {
+    height: $height-lg;
+    font-size: $font-size-lg;
+    padding: 0 36px 0 12px;
+  }
+
+  &__selector {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    border: 1px solid var(--ty-cascader-border, #{$gray-300});
+    border-radius: $border-radius;
+    background: var(--ty-cascader-bg, #fff);
+    cursor: pointer;
+    transition: all 0.2s;
+    position: relative;
+
+    &:hover {
+      border-color: var(--ty-color-primary, #{$primary-color});
+    }
+  }
+
+  &_open &__selector {
+    border-color: var(--ty-color-primary, #{$primary-color});
+    box-shadow: 0 0 0 2px rgba($primary-color, 0.1);
+  }
+
+  &__display {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--ty-color-text, #{$gray-800});
+  }
+
+  &__placeholder {
+    color: var(--ty-color-text-secondary, #{$gray-400});
+  }
+
+  &__clear {
+    position: absolute;
+    right: 24px;
+    font-size: 12px;
+    color: var(--ty-color-text-secondary, #{$gray-400});
+    cursor: pointer;
+    display: none;
+
+    .#{$prefix}-cascader:hover & {
+      display: inline;
+    }
+
+    &:hover {
+      color: var(--ty-color-text, #{$gray-600});
+    }
+  }
+
+  &__arrow {
+    position: absolute;
+    right: 8px;
+    font-size: 12px;
+    color: var(--ty-color-text-secondary, #{$gray-400});
+    transition: transform 0.2s;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &_open &__arrow {
+    transform: rotate(180deg);
+  }
+
+  &__dropdown {
+    background: var(--ty-cascader-dropdown-bg, #fff);
+    border-radius: $border-radius;
+    box-shadow: $select-dropdown-shadow;
+    font-size: $font-size-base;
+  }
+
+  &__menus {
+    display: flex;
+  }
+
+  &__menu {
+    list-style: none;
+    margin: 0;
+    padding: 4px 0;
+    min-width: 120px;
+    max-height: $select-dropdown-max-height;
+    overflow-y: auto;
+
+    &:not(:last-child) {
+      border-right: 1px solid var(--ty-cascader-border, #{$gray-200});
+    }
+  }
+
+  &__menu-empty {
+    padding: 8px 12px;
+    color: var(--ty-color-text-secondary, #{$gray-500});
+    text-align: center;
+  }
+
+  &__menu-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 5px 12px;
+    cursor: pointer;
+    transition: background 0.15s;
+
+    &:hover:not(&_disabled) {
+      background: var(--ty-cascader-hover, #{$gray-100});
+    }
+
+    &_active {
+      color: var(--ty-color-primary, #{$primary-color});
+      font-weight: $select-selected-font-weight;
+      background: var(--ty-cascader-selected-bg, rgba($primary-color, 0.06));
+    }
+
+    &_disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
+  &__menu-item-label {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__menu-item-arrow {
+    margin-left: 8px;
+    font-size: 12px;
+    color: var(--ty-color-text-secondary, #{$gray-400});
+  }
+}

package/lib/cascader/style/index.css

@@ -0,0 +1,135 @@
+.ty-cascader {
+  position: relative;
+  display: inline-block;
+  min-width: 200px;
+}
+.ty-cascader_disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.ty-cascader_sm .ty-cascader__selector {
+  height: 24px;
+  font-size: 0.875rem;
+  padding: 0 28px 0 8px;
+}
+.ty-cascader_md .ty-cascader__selector {
+  height: 32px;
+  font-size: 1rem;
+  padding: 0 32px 0 10px;
+}
+.ty-cascader_lg .ty-cascader__selector {
+  height: 42px;
+  font-size: 1.25rem;
+  padding: 0 36px 0 12px;
+}
+.ty-cascader__selector {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: 1px solid var(--ty-cascader-border, #dee2e6);
+  border-radius: 2px;
+  background: var(--ty-cascader-bg, #fff);
+  cursor: pointer;
+  transition: all 0.2s;
+  position: relative;
+}
+.ty-cascader__selector:hover {
+  border-color: var(--ty-color-primary, #6e41bf);
+}
+.ty-cascader_open .ty-cascader__selector {
+  border-color: var(--ty-color-primary, #6e41bf);
+  box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.1);
+}
+.ty-cascader__display {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--ty-color-text, #32325d);
+}
+.ty-cascader__placeholder {
+  color: var(--ty-color-text-secondary, #ced4da);
+}
+.ty-cascader__clear {
+  position: absolute;
+  right: 24px;
+  font-size: 12px;
+  color: var(--ty-color-text-secondary, #ced4da);
+  cursor: pointer;
+  display: none;
+}
+.ty-cascader:hover .ty-cascader__clear {
+  display: inline;
+}
+.ty-cascader__clear:hover {
+  color: var(--ty-color-text, #8898aa);
+}
+.ty-cascader__arrow {
+  position: absolute;
+  right: 8px;
+  font-size: 12px;
+  color: var(--ty-color-text-secondary, #ced4da);
+  transition: transform 0.2s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.ty-cascader_open .ty-cascader__arrow {
+  transform: rotate(180deg);
+}
+.ty-cascader__dropdown {
+  background: var(--ty-cascader-dropdown-bg, #fff);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  font-size: 1rem;
+}
+.ty-cascader__menus {
+  display: flex;
+}
+.ty-cascader__menu {
+  list-style: none;
+  margin: 0;
+  padding: 4px 0;
+  min-width: 120px;
+  max-height: 300px;
+  overflow-y: auto;
+}
+.ty-cascader__menu:not(:last-child) {
+  border-right: 1px solid var(--ty-cascader-border, #e9ecef);
+}
+.ty-cascader__menu-empty {
+  padding: 8px 12px;
+  color: var(--ty-color-text-secondary, #adb5bd);
+  text-align: center;
+}
+.ty-cascader__menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px 12px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.ty-cascader__menu-item:hover:not(.ty-cascader__menu-item_disabled) {
+  background: var(--ty-cascader-hover, #f6f9fc);
+}
+.ty-cascader__menu-item_active {
+  color: var(--ty-color-primary, #6e41bf);
+  font-weight: 600;
+  background: var(--ty-cascader-selected-bg, rgba(110, 65, 191, 0.06));
+}
+.ty-cascader__menu-item_disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.ty-cascader__menu-item-label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ty-cascader__menu-item-arrow {
+  margin-left: 8px;
+  font-size: 12px;
+  color: var(--ty-color-text-secondary, #ced4da);
+}

package/lib/cascader/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/cascader/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/cascader/types.d.ts

@@ -0,0 +1,31 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region src/cascader/types.d.ts
+interface CascaderOption {
+  value: string | number;
+  label: React.ReactNode;
+  disabled?: boolean;
+  children?: CascaderOption[];
+  isLeaf?: boolean;
+}
+type CascaderValue = (string | number)[];
+interface CascaderProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
+  options: CascaderOption[];
+  value?: CascaderValue;
+  defaultValue?: CascaderValue;
+  onChange?: (value: CascaderValue, selectedOptions: CascaderOption[]) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  allowClear?: boolean;
+  size?: SizeType;
+  expandTrigger?: 'click' | 'hover';
+  displayRender?: (labels: React.ReactNode[], selectedOptions: CascaderOption[]) => React.ReactNode;
+  changeOnSelect?: boolean;
+  open?: boolean;
+  onDropdownVisibleChange?: (open: boolean) => void;
+  notFoundContent?: React.ReactNode;
+}
+//#endregion
+export { CascaderProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/checkbox/checkbox-group-context.js

@@ -0,0 +1,9 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/checkbox/checkbox-group-context.ts
+const CheckboxGroupContext = react.default.createContext({});
+//#endregion
+exports.CheckboxGroupContext = CheckboxGroupContext;
+
+//# sourceMappingURL=checkbox-group-context.js.map

package/lib/checkbox/checkbox-group-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-context.js","names":["React"],"sources":["../../src/checkbox/checkbox-group-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  value?: string[];\n  disabled?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const CheckboxGroupContext = React.createContext<Props>({});\n"],"mappings":";;;;AAQA,MAAa,uBAAuBA,MAAAA,QAAM,cAAqB,EAAE,CAAC"}

package/lib/checkbox/checkbox-group.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxGroupProps } from "./types.js";
+import React from "react";
+
+//#region src/checkbox/checkbox-group.d.ts
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/lib/checkbox/checkbox-group.js

@@ -0,0 +1,45 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_checkbox_group_context = require("./checkbox-group-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/checkbox/checkbox-group.tsx
+const CheckboxGroup = react.default.forwardRef((props, ref) => {
+	const { defaultValue = [], prefixCls: customisedCls, onChange, disabled, className, children, ...otherProps } = props;
+	const cls = (0, classnames.default)(require_general.getPrefixCls("checkbox-group", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls), className);
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const itemOnChange = (e) => {
+		if (!disabled) {
+			const name = e.currentTarget.name;
+			const newValue = value.includes(name) ? value.filter((v) => v !== name) : [...value, name];
+			!("value" in props) && setValue(newValue);
+			onChange && onChange(newValue);
+		}
+	};
+	(0, react.useEffect)(() => {
+		"value" in props && setValue([...props.value]);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox_group_context.CheckboxGroupContext.Provider, {
+		value: {
+			value,
+			disabled,
+			onChange: itemOnChange
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...otherProps,
+			ref,
+			role: "group",
+			className: cls,
+			children
+		})
+	});
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+//#endregion
+exports.default = CheckboxGroup;
+
+//# sourceMappingURL=checkbox-group.js.map

package/lib/checkbox/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":["React","getPrefixCls","ConfigContext","CheckboxGroupContext"],"sources":["../../src/checkbox/checkbox-group.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CheckboxGroupContext } from './checkbox-group-context';\nimport { CheckboxGroupProps } from './types';\n\nconst CheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (props: CheckboxGroupProps, ref): React.ReactElement => {\n    const {\n      defaultValue = [],\n      prefixCls: customisedCls,\n      onChange,\n      disabled,\n      className,\n      children,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('checkbox-group', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [value, setValue] = useState<string[]>(\n      'value' in props ? (props.value as string[]) : defaultValue\n    );\n\n    const itemOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      if (!disabled) {\n        const name = e.currentTarget.name;\n        const newValue = value.includes(name)\n          ? value.filter((v) => v !== name)\n          : [...value, name];\n        !('value' in props) && setValue(newValue);\n        onChange && onChange(newValue);\n      }\n    };\n\n    useEffect(() => {\n      'value' in props && setValue([...(props.value as string[])]);\n    }, [props]);\n\n    return (\n      <CheckboxGroupContext.Provider\n        value={{\n          value,\n          disabled,\n          onChange: itemOnChange,\n        }}>\n        <div {...otherProps} ref={ref} role=\"group\" className={cls}>\n          {children}\n        </div>\n      </CheckboxGroupContext.Provider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,gBAAgBA,MAAAA,QAAM,YACzB,OAA2B,QAA4B;CACtD,MAAM,EACJ,eAAe,EAAE,EACjB,WAAW,eACX,UACA,UACA,WACA,UACA,GAAG,eACD;CAGJ,MAAM,OAAA,GAAA,WAAA,SADYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc,EACtD,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAqB,aAChD;CAED,MAAM,gBAAgB,MAAiD;AACrE,MAAI,CAAC,UAAU;GACb,MAAM,OAAO,EAAE,cAAc;GAC7B,MAAM,WAAW,MAAM,SAAS,KAAK,GACjC,MAAM,QAAQ,MAAM,MAAM,KAAK,GAC/B,CAAC,GAAG,OAAO,KAAK;AACpB,KAAE,WAAW,UAAU,SAAS,SAAS;AACzC,eAAY,SAAS,SAAS;;;AAIlC,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,CAAC,GAAI,MAAM,MAAmB,CAAC;IAC3D,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAACC,+BAAAA,qBAAqB,UAAtB;EACE,OAAO;GACL;GACA;GACA,UAAU;GACX;YACD,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI;GAAiB;GAAK,MAAK;GAAQ,WAAW;GACpD;GACG,CAAA;EACwB,CAAA;EAGrC;AAED,cAAc,cAAc"}

package/lib/checkbox/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from "./types.js";
+import React from "react";
+
+//#region src/checkbox/checkbox.d.ts
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map