tiny-ui 1.0.2 → 1.0.4

package/es/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/es/cascader/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/cascader/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/cascader/types.d.ts

@@ -1,26 +1,31 @@
-import React from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export interface CascaderOption {
-    value: string | number;
-    label: React.ReactNode;
-    disabled?: boolean;
-    children?: CascaderOption[];
-    isLeaf?: boolean;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/cascader/types.d.ts
+interface CascaderOption {
+  value: string | number;
+  label: React.ReactNode;
+  disabled?: boolean;
+  children?: CascaderOption[];
+  isLeaf?: boolean;
 }
-export type CascaderValue = (string | number)[];
-export 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;
+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/es/checkbox/checkbox-group-context.js

@@ -1,3 +1,7 @@
-import React from 'react';
-export const CheckboxGroupContext = React.createContext({});
+import React from "react";
+//#region components/checkbox/checkbox-group-context.ts
+const CheckboxGroupContext = React.createContext({});
+//#endregion
+export { CheckboxGroupContext };
+
 //# sourceMappingURL=checkbox-group-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group-context.js","sourceRoot":"","sources":["../../components/checkbox/checkbox-group-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAQ,EAAE,CAAC,CAAC"}
+{"version":3,"file":"checkbox-group-context.js","names":[],"sources":["../../components/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,uBAAuB,MAAM,cAAqB,EAAE,CAAC"}

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

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

package/es/checkbox/checkbox-group.js

@@ -1,34 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { CheckboxGroupContext } from './checkbox-group-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { CheckboxGroupContext } from "./checkbox-group-context.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/checkbox/checkbox-group.tsx
 const CheckboxGroup = React.forwardRef((props, ref) => {
-    const { defaultValue = [], prefixCls: customisedCls, onChange, disabled, className, children, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('checkbox-group', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className);
-    const [value, setValue] = 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);
-        }
-    };
-    useEffect(() => {
-        'value' in props && setValue([...props.value]);
-    }, [props]);
-    return (_jsx(CheckboxGroupContext.Provider, { value: {
-            value,
-            disabled,
-            onChange: itemOnChange,
-        }, children: _jsx("div", { ...otherProps, ref: ref, role: "group", className: cls, children: children }) }));
+	const { defaultValue = [], prefixCls: customisedCls, onChange, disabled, className, children, ...otherProps } = props;
+	const cls = classNames(getPrefixCls("checkbox-group", useContext(ConfigContext).prefixCls, customisedCls), className);
+	const [value, setValue] = 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);
+		}
+	};
+	useEffect(() => {
+		"value" in props && setValue([...props.value]);
+	}, [props]);
+	return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
+		value: {
+			value,
+			disabled,
+			onChange: itemOnChange
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			...otherProps,
+			ref,
+			role: "group",
+			className: cls,
+			children
+		})
+	});
 });
-CheckboxGroup.displayName = 'CheckboxGroup';
-export default CheckboxGroup;
+CheckboxGroup.displayName = "CheckboxGroup";
+//#endregion
+export { CheckboxGroup as default };
+
 //# sourceMappingURL=checkbox-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../components/checkbox/checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAyB,EAAE,GAAG,EAAsB,EAAE;IACrD,MAAM,EACJ,YAAY,GAAG,EAAE,EACjB,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,gBAAgB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACzF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,KAAkB,CAAC,CAAC,CAAC,YAAY,CAC5D,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAQ,EAAE;QACpE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;YAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACnC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;gBACjC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC;YACrB,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC1C,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,IAAI,KAAK,IAAI,QAAQ,CAAC,CAAC,GAAI,KAAK,CAAC,KAAkB,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ,EAAE,YAAY;SACvB,YACD,iBAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,YACvD,QAAQ,GACL,GACwB,CACjC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,eAAe,aAAa,CAAC"}
+{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../components/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,gBAAgB,MAAM,YACzB,OAA2B,QAA4B;CACtD,MAAM,EACJ,eAAe,EAAE,EACjB,WAAW,eACX,UACA,UACA,WACA,UACA,GAAG,eACD;CAGJ,MAAM,MAAM,WADM,aAAa,kBADT,WAAW,cAAc,CACgB,WAAW,cAAc,EACtD,UAAU;CAC5C,MAAM,CAAC,OAAO,YAAY,SACxB,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,iBAAgB;AACd,aAAW,SAAS,SAAS,CAAC,GAAI,MAAM,MAAmB,CAAC;IAC3D,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,qBAAqB,UAAtB;EACE,OAAO;GACL;GACA;GACA,UAAU;GACX;YACD,oBAAC,OAAD;GAAK,GAAI;GAAiB;GAAK,MAAK;GAAQ,WAAW;GACpD;GACG,CAAA;EACwB,CAAA;EAGrC;AAED,cAAc,cAAc"}

package/es/checkbox/checkbox.d.ts

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

package/es/checkbox/checkbox.js

@@ -1,41 +1,61 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { CheckboxGroupContext } from './checkbox-group-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { CheckboxGroupContext } from "./checkbox-group-context.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/checkbox/checkbox.tsx
 const Checkbox = React.forwardRef((props, ref) => {
-    const { defaultChecked = false, indeterminate = false, value, onChange, className, children, checkboxRef, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const checkboxGroupContext = useContext(CheckboxGroupContext);
-    const initialChecked = 'checked' in props ? props.checked : defaultChecked;
-    const [checked, setChecked] = useState('value' in checkboxGroupContext ? checkboxGroupContext.value === value : initialChecked);
-    const prefixCls = getPrefixCls('checkbox', configContext.prefixCls, customisedCls);
-    const disabled = 'disabled' in props
-        ? props.disabled
-        : 'disabled' in checkboxGroupContext
-            ? checkboxGroupContext.disabled
-            : false;
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_indeterminate`]: indeterminate,
-        [`${prefixCls}_checked`]: checked && !indeterminate,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const checkboxOnChange = (e) => {
-        if (!disabled) {
-            !('checked' in props) && setChecked(e.currentTarget.checked);
-            onChange && onChange(e);
-            checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
-        }
-    };
-    useEffect(() => {
-        if ('value' in checkboxGroupContext && typeof checkboxGroupContext.value !== 'undefined' && 'value' in props) {
-            setChecked((checkboxGroupContext.value).includes(value));
-        }
-        'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);
-    }, [props, checkboxGroupContext, value]);
-    return (_jsxs("label", { ...otherProps, ref: ref, className: cls, children: [_jsx("input", { ref: checkboxRef, role: "checkbox", "aria-checked": checked, name: value, disabled: disabled, className: `${prefixCls}__native`, type: "checkbox", checked: checked, onChange: checkboxOnChange }), _jsx("span", { className: `${prefixCls}__inner` }), _jsx("span", { children: children })] }));
+	const { defaultChecked = false, indeterminate = false, value, onChange, className, children, checkboxRef, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const checkboxGroupContext = useContext(CheckboxGroupContext);
+	const initialChecked = "checked" in props ? props.checked : defaultChecked;
+	const [checked, setChecked] = useState("value" in checkboxGroupContext ? checkboxGroupContext.value === value : initialChecked);
+	const prefixCls = getPrefixCls("checkbox", configContext.prefixCls, customisedCls);
+	const disabled = "disabled" in props ? props.disabled : "disabled" in checkboxGroupContext ? checkboxGroupContext.disabled : false;
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_indeterminate`]: indeterminate,
+		[`${prefixCls}_checked`]: checked && !indeterminate,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const checkboxOnChange = (e) => {
+		if (!disabled) {
+			!("checked" in props) && setChecked(e.currentTarget.checked);
+			onChange && onChange(e);
+			checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);
+		}
+	};
+	useEffect(() => {
+		if ("value" in checkboxGroupContext && typeof checkboxGroupContext.value !== "undefined" && "value" in props) setChecked(checkboxGroupContext.value.includes(value));
+		"checked" in props && typeof props.checked !== "undefined" && setChecked(props.checked);
+	}, [
+		props,
+		checkboxGroupContext,
+		value
+	]);
+	return /* @__PURE__ */ jsxs("label", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: checkboxRef,
+				role: "checkbox",
+				"aria-checked": checked,
+				name: value,
+				disabled,
+				className: `${prefixCls}__native`,
+				type: "checkbox",
+				checked,
+				onChange: checkboxOnChange
+			}),
+			/* @__PURE__ */ jsx("span", { className: `${prefixCls}__inner` }),
+			/* @__PURE__ */ jsx("span", { children })
+		]
+	});
 });
-Checkbox.displayName = 'Checkbox';
-export default Checkbox;
+Checkbox.displayName = "Checkbox";
+//#endregion
+export { Checkbox as default };
+
 //# sourceMappingURL=checkbox.js.map

package/es/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../components/checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../components/checkbox/checkbox.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 { CheckboxProps } from './types';\n\nconst Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(\n  (props: CheckboxProps, ref): React.ReactElement => {\n    const {\n      defaultChecked = false,\n      indeterminate = false,\n      value,\n      onChange,\n      className,\n      children,\n      checkboxRef,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const checkboxGroupContext = useContext(CheckboxGroupContext);\n    const initialChecked = 'checked' in props ? (props.checked as boolean) : defaultChecked;\n    const [checked, setChecked] = useState<boolean>(\n      'value' in checkboxGroupContext ? checkboxGroupContext.value === value : initialChecked\n    );\n    const prefixCls = getPrefixCls('checkbox', configContext.prefixCls, customisedCls);\n    const disabled: boolean =\n      'disabled' in props\n        ? (props.disabled as boolean)\n        : 'disabled' in checkboxGroupContext\n        ? (checkboxGroupContext.disabled as boolean)\n        : false;\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_indeterminate`]: indeterminate,\n      [`${prefixCls}_checked`]: checked && !indeterminate,\n      [`${prefixCls}_disabled`]: disabled,\n    });\n\n    const checkboxOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      if (!disabled) {\n        !('checked' in props) && setChecked(e.currentTarget.checked);\n        onChange && onChange(e);\n        checkboxGroupContext.onChange && checkboxGroupContext.onChange(e);\n      }\n    };\n\n    useEffect(() => {\n      if ('value' in checkboxGroupContext && typeof checkboxGroupContext.value !== 'undefined' && 'value' in props ) {\n        setChecked((checkboxGroupContext.value).includes(value as string));\n      }\n      'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);\n    }, [props, checkboxGroupContext, value]);\n\n    return (\n      <label {...otherProps} ref={ref} className={cls}>\n        <input\n          ref={checkboxRef}\n          role=\"checkbox\"\n          aria-checked={checked}\n          name={value}\n          disabled={disabled}\n          className={`${prefixCls}__native`}\n          type=\"checkbox\"\n          checked={checked}\n          onChange={checkboxOnChange}\n        />\n        <span className={`${prefixCls}__inner`} />\n        <span>{children}</span>\n      </label>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;;AAOA,MAAM,WAAW,MAAM,YACpB,OAAsB,QAA4B;CACjD,MAAM,EACJ,iBAAiB,OACjB,gBAAgB,OAChB,OACA,UACA,WACA,UACA,aACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,uBAAuB,WAAW,qBAAqB;CAC7D,MAAM,iBAAiB,aAAa,QAAS,MAAM,UAAsB;CACzE,MAAM,CAAC,SAAS,cAAc,SAC5B,WAAW,uBAAuB,qBAAqB,UAAU,QAAQ,eAC1E;CACD,MAAM,YAAY,aAAa,YAAY,cAAc,WAAW,cAAc;CAClF,MAAM,WACJ,cAAc,QACT,MAAM,WACP,cAAc,uBACb,qBAAqB,WACtB;CACN,MAAM,MAAM,WAAW,WAAW,WAAW;GAC1C,GAAG,UAAU,kBAAkB;GAC/B,GAAG,UAAU,YAAY,WAAW,CAAC;GACrC,GAAG,UAAU,aAAa;EAC5B,CAAC;CAEF,MAAM,oBAAoB,MAAiD;AACzE,MAAI,CAAC,UAAU;AACb,KAAE,aAAa,UAAU,WAAW,EAAE,cAAc,QAAQ;AAC5D,eAAY,SAAS,EAAE;AACvB,wBAAqB,YAAY,qBAAqB,SAAS,EAAE;;;AAIrE,iBAAgB;AACd,MAAI,WAAW,wBAAwB,OAAO,qBAAqB,UAAU,eAAe,WAAW,MACrG,YAAY,qBAAqB,MAAO,SAAS,MAAgB,CAAC;AAEpE,eAAa,SAAS,OAAO,MAAM,YAAY,eAAe,WAAW,MAAM,QAAQ;IACtF;EAAC;EAAO;EAAsB;EAAM,CAAC;AAExC,QACE,qBAAC,SAAD;EAAO,GAAI;EAAiB;EAAK,WAAW;YAA5C;GACE,oBAAC,SAAD;IACE,KAAK;IACL,MAAK;IACL,gBAAc;IACd,MAAM;IACI;IACV,WAAW,GAAG,UAAU;IACxB,MAAK;IACI;IACT,UAAU;IACV,CAAA;GACF,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,UAAY,CAAA;GAC1C,oBAAC,QAAD,EAAO,UAAgB,CAAA;GACjB;;EAGb;AAED,SAAS,cAAc"}

package/es/checkbox/index.d.ts

@@ -1,7 +1,11 @@
-import Checkbox from './checkbox';
-import CheckboxGroup from './checkbox-group';
+import { Checkbox } from "./checkbox.js";
+import { CheckboxGroup } from "./checkbox-group.js";
+
+//#region components/checkbox/index.d.ts
 type ICheckbox = typeof Checkbox & {
-    Group: typeof CheckboxGroup;
+  Group: typeof CheckboxGroup;
 };
 declare const DefaultCheckbox: ICheckbox;
-export default DefaultCheckbox;
+//#endregion
+export { DefaultCheckbox };
+//# sourceMappingURL=index.d.ts.map

package/es/checkbox/index.js

@@ -1,6 +1,11 @@
-import Checkbox from './checkbox';
-import CheckboxGroup from './checkbox-group';
+import '../style/base.css';
+import './style/index.css';
+import Checkbox from "./checkbox.js";
+import CheckboxGroup from "./checkbox-group.js";
+//#region components/checkbox/index.tsx
 const DefaultCheckbox = Checkbox;
 DefaultCheckbox.Group = CheckboxGroup;
-export default DefaultCheckbox;
+//#endregion
+export { DefaultCheckbox as default };
+
 //# sourceMappingURL=index.js.map

package/es/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAM7C,MAAM,eAAe,GAAG,QAAqB,CAAC;AAC9C,eAAe,CAAC,KAAK,GAAG,aAAa,CAAC;AAEtC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/checkbox/index.tsx"],"sourcesContent":["import Checkbox from './checkbox';\nimport CheckboxGroup from './checkbox-group';\n\ntype ICheckbox = typeof Checkbox & {\n  Group: typeof CheckboxGroup;\n};\n\nconst DefaultCheckbox = Checkbox as ICheckbox;\nDefaultCheckbox.Group = CheckboxGroup;\n\nexport default DefaultCheckbox;\n"],"mappings":";;;AAOA,MAAM,kBAAkB;AACxB,gBAAgB,QAAQ"}

package/es/checkbox/style/_index.scss

@@ -0,0 +1,139 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-checkbox {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  font-size: $font-size-base;
+  margin-right: 8px;
+  color: var(--ty-color-text);
+  box-sizing: border-box;
+
+  &:hover {
+    .#{$prefix}-checkbox__inner {
+      border-color: var(--ty-color-primary);
+    }
+  }
+
+  &__native {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  &__inner {
+    position: relative;
+    box-sizing: border-box;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border-radius: 2px;
+    border: 1px solid var(--ty-checkbox-border);
+    background-color: var(--ty-checkbox-bg);
+    transition: 200ms;
+    line-height: 1;
+    vertical-align: middle;
+
+    &:before {
+      content: '';
+      position: absolute;
+      display: block;
+      border: 1px solid var(--ty-checkbox-check-color);
+      margin-top: -1px;
+      left: 3px;
+      right: 3px;
+      top: 50%;
+      transition: all 200ms;
+      transform: scale(0);
+    }
+
+    &:after {
+      transform: rotate(45deg) scaleY(1);
+      pointer-events: none;
+      box-sizing: content-box;
+      border: 2px solid var(--ty-checkbox-check-color);
+      border-left: 0;
+      border-top: 0;
+      height: 7px;
+      left: 4px;
+      position: absolute;
+      top: 1px;
+      width: 4px;
+      transform-origin: center;
+    }
+
+    & + span {
+      padding: 0 5px 0 8px;
+      line-height: 16px;
+    }
+  }
+
+  &_checked {
+    .#{$prefix}-checkbox {
+      &__inner {
+        background-color: var(--ty-color-primary);
+        border-color: var(--ty-color-primary);
+
+        &:after {
+          content: '';
+          transform: rotate(45deg) scale(1);
+        }
+
+        &:before {
+          transform: scale(0);
+        }
+      }
+    }
+  }
+
+  &_indeterminate {
+    .#{$prefix}-checkbox {
+      &__inner {
+        background-color: var(--ty-color-primary);
+        border-color: var(--ty-color-primary);
+
+        &:before {
+          transform: scale(1);
+        }
+
+        &:after {
+          transform: rotate(45deg) scale(0);
+        }
+      }
+    }
+  }
+
+  &_disabled {
+    .#{$prefix}-checkbox {
+      &__native {
+        cursor: not-allowed;
+      }
+
+      &__inner {
+        background-color: var(--ty-checkbox-disabled-bg);
+        border-color: var(--ty-checkbox-border) !important;
+
+        &:after {
+          border-color: var(--ty-color-text-quaternary);
+        }
+
+        & + span {
+          color: var(--ty-color-text-quaternary);
+        }
+      }
+    }
+  }
+
+  &-group {
+    display: inline-block;
+  }
+}