@arvinxu/layout-kit - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0

es/Flexbox.d.ts

@@ -13,4 +13,8 @@ import type { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
     padding?: string | number | CommonSpaceNumber;
+    /**
+     * 是否隐藏内容
+     */
+    hidden?: boolean;
 }
 export declare type FlexboxProps = IFlexbox & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export declare const Flexbox: FC<FlexboxProps>;

es/Flexbox.js

@@ -11,3 +11,5 @@ var _templateObject;
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  padding: ", ";\n\n  > *:not(:last-child) {\n    margin-right: ", ";\n    margin-bottom: ", ";\n  }\n"])), function (props) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // \u662F\u5426\u663E\u793A\n  display: ", ";\n\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  padding: ", ";\n\n  > *:not(:last-child) {\n    margin-right: ", ";\n    margin-bottom: ", ";\n  }\n"])), function (props) {
+  return props.hidden ? 'none' : 'flex';
+}, function (props) {
   return getFlexDirection(props.direction, props.horizontal);
@@ -14,0 +16,0 @@ }, function (props) {

lib/Flexbox.d.ts

@@ -13,4 +13,8 @@ import type { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
     padding?: string | number | CommonSpaceNumber;
+    /**
+     * 是否隐藏内容
+     */
+    hidden?: boolean;
 }
 export declare type FlexboxProps = IFlexbox & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export declare const Flexbox: FC<FlexboxProps>;

lib/Flexbox.js

@@ -22,3 +22,5 @@ "use strict";
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  padding: ", ";\n\n  > *:not(:last-child) {\n    margin-right: ", ";\n    margin-bottom: ", ";\n  }\n"])), function (props) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // \u662F\u5426\u663E\u793A\n  display: ", ";\n\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  padding: ", ";\n\n  > *:not(:last-child) {\n    margin-right: ", ";\n    margin-bottom: ", ";\n  }\n"])), function (props) {
+  return props.hidden ? 'none' : 'flex';
+}, function (props) {
   return (0, _utils.getFlexDirection)(props.direction, props.horizontal);
@@ -25,0 +27,0 @@ }, function (props) {

package.json

 {
   "name": "@arvinxu/layout-kit",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "files": [
@@ -5,0 +5,0 @@ "lib",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10314

increased by3.2%

Lines of code

187

increased by6.86%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes