react-ui-card - npm Package Compare versions

Comparing version 1.0.1 to 1.0.3

lib/bundle.js

@@ -42,34 +42,35 @@ import React from 'react';
 
-var css_248z = ".flip-container {\n    /*perspective:1000px;*/\n}\n.flip-container:hover .flipper {\n    transform:rotateY(180deg);\n}\n.flip-container,.front,.back {\n    width:320px;\n    height:480px;\n}\n.flipper {\n    transition:.3s;\n    transform-style:preserve-3d;\n    position:relative;\n}\n.front,.back {\n    position:absolute;\n}\n.back {\n    transform:rotateY(180deg);\n}\n";
+var css_248z = "body{\n    font-family:sans-serif;\n}\n.wrap{\n    /*position:absolute;*/\n    /*width:100%;*/\n    /*height: 100%;*/\n    /*left:0;*/\n    /*top:0;*/\n    /*background-color: #BBDEFB;*/\n    /*display: flex;*/\n    /*justify-content: center;*/\n    /*align-items: center;*/\n    display: inline-block;\n    margin: 30px 20px 30px;\n}\n.card{\n    padding: 1.5rem 1.5rem 2rem;\n    display: inline-block;\n    width: 300px;\n    height: 150px;\n    position: relative;\n    perspective:1000px;\n\n}\n\n.front-wrap {\n    background: #131417;\n    position: absolute;\n    left: 20px;\n    top: -30px;\n    height: 75px;\n    width: 75px;\n    border-radius: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.front-img {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    height: 40px;\n    height: 40px;\n}\n.front, .back{\n    padding: 20px;\n    padding-top: 60px;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    display: flex;\n    transition:1s;\n    backface-visibility:hidden;\n    border-radius: 10px;\n    background: #2D3039;\n}\n.front{\n    color: #C7C9D2;\n    background-color:#2D3039;\n    font-weight: 500;\n}\n.back{\n    color: #fff;\n    background-color: #42444D;\n    transform: rotateY(180deg)\n}\n\n.card:hover .front{\n    transform:rotateY(180deg);\n}\n\n.card:hover .back{\n    transform:rotateY(360deg);\n}";
 styleInject(css_248z);
 
+var defaultImg = 'http://faith-2021-001.oss-cn-hangzhou.aliyuncs.com/20211207/1638868600827311.svg';
+
 var Card = function Card(props) {
   console.log('faith=============', props);
-  return (
-    /*#__PURE__*/
-    // <div  className="flip-container">
-    //   {/*<div className="flipper">*/}
-    //   {/*  <div className="front" style={{ background: 'red' }} >*/}
-    //   {/*    <p>正面12</p>*/}
-    //   {/*  </div>*/}
-    //   {/*  <div className="back" style={{ background: 'yellow' }} >*/}
-    //   {/*    <p>背面</p>*/}
-    //   {/*  </div>*/}
-    //   {/*</div>*/}
-    // </div>
-    React.createElement("div", {
-      className: "zhangbin",
-      style: {
-        margin: '5px',
-        border: '1px solid #dadce0',
-        display: 'inline-block',
-        background: 'white',
-        borderRadius: '5px',
-        minWidth: 100,
-        minHeight: 50
-      }
-    }, props.children)
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "front"
+  }, props === null || props === void 0 ? void 0 : props.front, /*#__PURE__*/React.createElement("div", {
+    className: "front-wrap"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "front-img",
+    src: props.src ? props.src : defaultImg,
+    alt: ""
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "back"
+  }, props === null || props === void 0 ? void 0 : props.back)));
 };
 
-export { Card, Switch };
+function sum(a, b) {
+  return a + b;
+} // 方法
+
+
+var FUtils = {
+  sum: sum
+};
+
+export { Card, FUtils, Switch };

package.json

 {
   "name": "react-ui-card",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "lib/bundle.js",
@@ -22,3 +22,5 @@ "license": "MIT",
     "rollup": "^2.60.2",
-    "rollup-plugin-babel": "^4.4.0"
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-eslint": "^7.0.0",
+    "rollup-plugin-uglify": "^6.0.4"
   },
@@ -25,0 +27,0 @@ "dependencies": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Improved metrics

Total package byte prevSize

63536

2.02%

Worsened metrics

Dev dependency count

8

33.33%

Number of low supply chain risk alerts

3

200%

No dependency changes