@uiw/react-checkbox - npm Package Compare versions

Comparing version 4.21.18 to 4.21.19

package.json

 {
   "name": "@uiw/react-checkbox",
-  "version": "4.21.18",
+  "version": "4.21.19",
   "description": "Checkbox component",
@@ -47,5 +47,5 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-radio": "^4.21.18",
-    "@uiw/utils": "^4.21.18"
+    "@uiw/react-radio": "^4.21.19",
+    "@uiw/utils": "^4.21.19"
   }
 }

README.md

@@ -20,24 +20,23 @@ Checkbox 多选框
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Checkbox } from 'uiw';
 
-ReactDOM.render(
-  <div>
-    <Checkbox onChange={(e) =>{
-      console.log(e.target.checked)
-      console.log(e.target)
-    }}>未选中</Checkbox>
-    <Checkbox checked >选中</Checkbox>
-  </div>,
-  _mount_
-);
+export default function Demo() {
+  return(
+    <div>
+      <Checkbox onChange={(e) =>{
+        console.log(e.target.checked)
+        console.log(e.target)
+      }}>未选中</Checkbox>
+      <Checkbox checked >选中</Checkbox>
+    </div>
+  );
+}
 ```
 
 ### Form 中使用 Checkbox
-
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->  
-```jsx
-import ReactDOM from 'react-dom';
+ 
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Form, Checkbox, Row, Col, Button, Notify } from 'uiw';
@@ -117,3 +116,4 @@
 )
-ReactDOM.render(<Demo />, _mount_);
+
+export default Demo;
 ```
@@ -125,15 +125,15 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Checkbox } from 'uiw';
 
-ReactDOM.render(
-  <div>
-    <Checkbox disabled checked>未选中禁用</Checkbox>
-    <Checkbox disabled checked>选中禁用</Checkbox>
-    <Checkbox disabled indeterminate>半选中禁用</Checkbox>
-  </div>,
-  _mount_
-);
+export default function Demo() {
+  return(
+    <div>
+      <Checkbox disabled checked>未选中禁用</Checkbox>
+      <Checkbox disabled checked>选中禁用</Checkbox>
+      <Checkbox disabled indeterminate>半选中禁用</Checkbox>
+    </div>
+  );
+}
 ```
@@ -143,5 +143,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Checkbox, Divider } from 'uiw';
@@ -192,4 +191,3 @@
 }
-
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -201,5 +199,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Checkbox, Divider, Button } from 'uiw';
@@ -246,3 +243,3 @@
 }
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -254,5 +251,4 @@
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> 
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview&bg=#fff
+import React from 'react';
 import { Checkbox, Button } from 'uiw';
@@ -288,3 +284,3 @@
 }
-ReactDOM.render(<Demo />, _mount_);
+export default Demo;
 ```
@@ -291,0 +287,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

49616

decreased by-0.54%

Number of lines in readme file

297

decreased by-1.33%

Dependency changes

• Updated@uiw/react-radio@^4.21.19

• Updated@uiw/utils@^4.21.19