x-ui-design 0.7.78 → 0.7.80

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { CheckboxProps } from '../../types/checkbox';
 import './style.css';
 declare const Checkbox: {
-    ({ prefixCls, prefixClsV3, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref }: CheckboxProps): ReactElement;
+    ({ prefixCls, prefixClsV3, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref, controlled }: CheckboxProps): ReactElement;
     displayName: string;
 };
 export default Checkbox;

package/dist/esm/types/components/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, MouseEvent } from "react";
+import React, { FC, MouseEvent } from "react";
 import { MenuMode, MenuProps } from "../../types/menu";
 import MenuItem from "./Item/Item";
 import SubMenu from "./SubMenu/SubMenu";
@@ -13,14 +13,8 @@ export declare const MenuContext: React.Context<{
     onItemClick: (key: string, domEvent?: MouseEvent) => void;
     triggerSubMenuAction?: "hover" | "click";
 } | null>;
-declare const ItemGroup: FC<{
-    title?: ReactNode;
-    children?: ReactNode;
-    prefixCls?: string;
-}>;
 declare const Menu: FC<MenuProps> & {
     Item: typeof MenuItem;
     SubMenu: typeof SubMenu;
-    ItemGroup: typeof ItemGroup;
 };
 export default Menu;

package/dist/esm/types/types/checkbox.d.ts

@@ -21,4 +21,5 @@ export type CheckboxProps = DefaultProps & {
     checked?: boolean;
     titleClick?: boolean;
     ref?: ForwardedRef<HTMLDivElement>;
+    controlled?: boolean;
 };

package/dist/index.esm.js

@@ -1576,21 +1576,32 @@ const Checkbox = ({
   required = false,
   noStyle,
   titleClick,
-  ref
+  ref,
+  controlled = false
 }) => {
   const isChecked = checked !== undefined ? checked : defaultChecked || value;
   const [internalChecked, setInternalChecked] = useState(isChecked);
+  const checkboxRef = useRef(null);
   const handleClick = e => {
     if (disabled) {
       e.stopPropagation();
       return;
     }
-    setInternalChecked(!internalChecked);
-    e.target.value = !internalChecked;
+    if (checkboxRef.current) {
+      if (!controlled) {
+        e.target.value = !internalChecked;
+        setInternalChecked(!internalChecked);
+        checkboxRef.current.checked = !internalChecked;
+      } else {
+        e.target.value = !checked;
+        checkboxRef.current.checked = !checked;
+      }
+    }
     onClick?.(e);
     onChange?.(e);
   };
   useEffect(() => {
+    console.log(checked);
     if (checked !== undefined) {
       setInternalChecked(checked);
     }
@@ -1610,6 +1621,7 @@ const Checkbox = ({
     id: id,
     type: type,
     name: name,
+    ref: checkboxRef,
     disabled: disabled,
     tabIndex: tabIndex,
     required: required,
@@ -4522,19 +4534,6 @@ var css_248z = ".xUi-menu{box-shadow:0 0 4px rgba(0,0,0,.15);font-size:14px;user
 styleInject(css_248z);
 
 const MenuContext = /*#__PURE__*/createContext(null);
-const ItemGroup = ({
-  title,
-  children,
-  prefixCls = prefixClsMenu
-}) => {
-  return /*#__PURE__*/React.createElement("li", {
-    className: `${prefixCls}-group`
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-group-title`
-  }, title), /*#__PURE__*/React.createElement("ul", {
-    className: `${prefixCls}-group-list`
-  }, children));
-};
 const Menu = ({
   prefixCls = prefixClsMenu,
   className = "",
@@ -4700,7 +4699,6 @@ const Menu = ({
 };
 Menu.Item = MenuItem;
 Menu.SubMenu = SubMenu;
-Menu.ItemGroup = ItemGroup;
 
 var Menu$1 = /*#__PURE__*/Object.freeze({
 	__proto__: null,