ydb-components-material 0.1.7 → 0.1.10

package/es/components/message/index.scss

@@ -0,0 +1,67 @@
+.message {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .content {
+    width: 320px;
+    border-radius: 8px;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .icon {
+      width: 32px;
+      height: 32px;
+      margin-bottom: 8px;
+      margin-top: 32px;
+    }
+
+    .title {
+      font-size: 16px;
+      color: #FF6237;
+      margin-bottom: 16px;
+    }
+
+    .text {
+      font-size: 14px;
+      color: #333333;
+      margin: 0 29px 17px;
+      text-align: center;
+    }
+
+    .btns {
+      border-top: 1px solid rgba(0, 0, 0, 0.102);
+      width: 100%;
+      display: flex;
+      flex: 1;
+      height: 56px;
+
+      .btn {
+        font-size: 16px;
+        width: 100%;
+        height: 56px;
+        line-height: 56px;
+        text-align: center;
+      }
+
+      .blue_btn {
+        color: #1678FF;
+      }
+
+      .left_btn {
+        border-right: 1px solid rgba(0, 0, 0, 0.102);
+      }
+    }
+
+  }
+}

package/es/components/statistic/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './index.scss';
+export interface StatsticProps {
+    /**
+     * 类型
+     */
+    type?: "error" | "warning" | "success";
+    number: number;
+    text: string;
+}
+declare const Statstic: React.FC<StatsticProps>;
+export default Statstic;

package/es/components/statistic/index.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import "./index.scss";
+var Statstic = function Statstic(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'error' : _ref$type,
+    number = _ref.number,
+    text = _ref.text;
+  var bgColor = {
+    error: '#FBF3F4',
+    warning: '#FFF8ED',
+    success: '#EFF9F5'
+  }[type];
+  var color = {
+    error: '#C83E42',
+    warning: '#C38A38',
+    success: '#1D9C70'
+  }[type];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "statstic",
+    style: {
+      background: bgColor,
+      color: color
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "count"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "num"
+  }, number), /*#__PURE__*/React.createElement("div", {
+    className: "unit"
+  }, "\u9879")), /*#__PURE__*/React.createElement("div", {
+    className: "text",
+    style: {
+      color: color
+    }
+  }, text));
+};
+Statstic.displayName = 'Statstic';
+export default Statstic;

package/es/components/statistic/index.scss

@@ -0,0 +1,30 @@
+.statstic {
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 72px;
+
+  .count {
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 9px;
+
+    .num {
+      font-size: 24px;
+      font-weight: 500;
+      line-height: 26px;
+      margin-right: 1px;
+    }
+    .unit {
+      font-size: 12px;
+    }
+  }
+
+  .text {
+    color: #C83E42;
+    font-size: 13px;
+    font-weight: 500;
+  }
+}

package/es/components/tips/index.d.ts

@@ -6,6 +6,7 @@ export interface TipsProps {
      */
     text: string;
     type: 'success' | 'warning' | 'error';
+    style?: object;
 }
 declare const Tips: React.FC<TipsProps>;
 export default Tips;

package/es/components/tips/index.js

@@ -6,7 +6,9 @@ import errorImg from "./icon/icon_error.svg";
 var Tips = function Tips(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? '文案' : _ref$text,
-    type = _ref.type;
+    type = _ref.type,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
   var color = '#333333';
   if (type === 'warning') {
     color = '#F29655';
@@ -20,7 +22,8 @@ var Tips = function Tips(_ref) {
     icon = errorImg;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "tips"
+    className: "tips",
+    style: style
   }, /*#__PURE__*/React.createElement("img", {
     className: "icon",
     src: icon

package/es/index.d.ts

@@ -9,5 +9,11 @@ export type { CheckResProps } from './components/check-res';
 export { default as CheckRes } from './components/check-res';
 export type { TipsProps } from './components/tips';
 export { default as Tips } from './components/tips';
+export type { FileItemProps } from './components/file-item';
+export { default as FileItem } from './components/file-item';
+export type { MessageProps } from './components/message';
+export { default as Message } from './components/message';
+export type { StatsticProps } from './components/statistic';
+export { default as Statstic } from './components/statistic';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -4,5 +4,8 @@ export { default as CheckLoading } from "./components/check-loading";
 export { default as CardTitle } from "./components/card-title";
 export { default as CheckRes } from "./components/check-res";
 export { default as Tips } from "./components/tips";
+export { default as FileItem } from "./components/file-item";
+export { default as Message } from "./components/message";
+export { default as Statstic } from "./components/statistic";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/style.js

@@ -1,4 +1,6 @@
 import '@alifd/next/es/button/style';
 import '@alifd/next/es/input/style';
 import '@alifd/next/es/icon/style';
+import '@alifd/next/es/message/style';
+import '@alifd/next/es/radio/style';
 import './index.scss';

package/lib/components/check-loading/index.scss

@@ -5,6 +5,7 @@
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, 0.6);
+  margin-top: 0!important;
 
   .loading {
     width: 320px;

package/lib/components/check-res/index.scss

@@ -4,6 +4,8 @@
   font-size: 16px;
   justify-content: space-between;
   padding: 16px 0;
+  margin-right: 0!important;
+  width: 100%;
 
   .name {
     font-size: 14px;

package/lib/components/file-item/icon/checked.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_106_93330"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_93330)"><g><path d="M7.0020943,14.000407C3.672467,14.005688,0.80125445,11.65946,0.13995513,8.3929729C-0.52134383,5.1264863,1.2108389,1.846483,4.2798362,0.55383289C7.8382812,-0.95109636,11.941765,0.71642286,13.445227,4.2783422C14.948689,7.8402619,13.282796,11.947755,9.7243519,13.452684C8.8629837,13.816712,7.9370847,14.003004,7.0020943,14.000407ZM7.0020943,1.1015548C3.7463284,1.1015548,1.1061484,3.744313,1.1061484,7.0032587C1.1061484,10.262204,3.7463281,12.904963,7.0020943,12.904963C10.25786,12.904963,12.89804,10.262204,12.89804,7.0032587C12.89804,3.744313,10.25786,1.1015548,7.0020943,1.1015548Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M5.8392997015625,9.782016725C5.694968501562499,9.779958725,5.5572960015625,9.720898625,5.4562683015625,9.617700625000001L2.8297682115625,6.988634825C2.6147319265625,6.773055825,2.6148665585625,6.423844625,2.8300691515625,6.208432225C3.0452717515625,5.9930196250000005,3.3941421515625,5.992884625,3.6095104215625,6.208130825L5.8392997015625,8.453790625L10.4767141015625,3.811847495C10.6920643015625,3.596497122,11.0410194015625,3.596582655,11.2562647015625,3.812038165C11.4715099015625,4.027494105,11.4715958015625,4.376790285,11.2564564015625,4.592351375L6.2223310015625,9.617699625C6.1213033015625005,9.720897625,5.9836309015625,9.779958225,5.8392997015625,9.782016725Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-item/icon/del.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><ellipse cx="8" cy="8" rx="8" ry="8" fill="#333333" fill-opacity="1"/></g><g><path d="M11.7879457,4.21203609C11.5011454,3.929321304,11.040452,3.929321304,10.753614899999999,4.21203609C10.753614899999999,4.21203609,7.9922135,6.9734569,7.9922135,6.9734569C7.9922135,6.9734569,5.2307363,4.21201725,5.2307363,4.21201725C4.94241077,3.94331019,4.49305326,3.951255418,4.21434879,4.22994111C3.935663126,4.50862682,3.927717894,4.95796555,4.19642495,5.2463286C4.19642495,5.2463286,6.9578644999999995,8.0078058,6.9578644999999995,8.0078058C6.9578644999999995,8.0078058,4.19642495,10.7692451,4.19642495,10.7692451C3.927717894,11.0575709,3.935663126,11.5069466,4.21434879,11.7856331C4.49303442,12.0643187,4.9423731,12.0722647,5.2307363,11.8035569C5.2307363,11.8035569,7.9922135,9.042117099999999,7.9922135,9.042117099999999C7.9922135,9.042117099999999,10.753653,11.8035569,10.753653,11.8035569C11.041997,12.0722647,11.4913545,12.0643187,11.7700396,11.7856331C12.0487261,11.5069466,12.0566711,11.0576091,11.787963900000001,10.7692451C11.787963900000001,10.7692451,9.0265245,8.0078058,9.0265245,8.0078058C9.0265245,8.0078058,11.787963900000001,5.2463286,11.787963900000001,5.2463286C12.0706787,4.95950937,12.0706787,4.49883649,11.787963900000001,4.21201725C11.787963900000001,4.21201725,11.7879457,4.21203609,11.7879457,4.21203609Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-item/icon/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="11.727999687194824" viewBox="0 0 16 11.727999687194824"><g><path d="M16,9.5679989Q16,9.9679985,15.864,10.319999Q15.728001,10.671999,15.488,10.959999Q15.247999,11.247999,14.92,11.431999Q14.592001,11.615999,14.208,11.679999L14.208,11.711999L13.872,11.711999L13.856,11.711999L3.4720001,11.711999Q3.4400001,11.711999,3.4320002,11.719999Q3.4240003,11.728,3.3920002,11.728Q3.3600001,11.728,3.3440001,11.719999Q3.3280001,11.711999,3.296,11.711999L3.2,11.711999L3.2,11.695999Q2.5280001,11.664,1.944,11.391999Q1.3599999,11.119999,0.92799997,10.664Q0.49600008,10.208,0.248,9.6079998Q-8.9406967e-8,9.0079994,0,8.3359995Q8.9406967e-8,7.6639996,0.248,7.0719995Q0.4959999,6.4799995,0.91999996,6.0319996Q1.3440001,5.5839996,1.9119999,5.2959995Q2.4799998,5.0079994,3.1359999,4.96Q3.2479999,3.9199998,3.7119999,3.016Q4.1759996,2.1120002,4.9039998,1.4400001Q5.632,0.76799989,6.5759997,0.38400006Q7.5199995,2.3841858e-7,8.592,0Q9.7279997,0,10.736,0.43199992Q11.744,0.86399984,12.488,1.6159999Q13.231999,2.3680003,13.664,3.3679998Q14.096,4.3679991,14.096,5.5039997Q14.096,6.0159998,14,6.5039997Q13.904,6.9919996,13.728,7.4399996Q13.759999,7.4399996,13.799999,7.4319992Q13.839999,7.4239988,13.871999,7.4239988Q14.319999,7.4239988,14.703999,7.5919991Q15.087998,7.7599993,15.375998,8.0479994Q15.663999,8.3359995,15.831999,8.7279997Q15.999999,9.1199999,16,9.5679989ZM10.736,7.1999989Q10.928,6.8799992,10.848001,6.8319988Q10.768001,6.7839985,10.448001,6.7839985Q10.256001,6.7839985,9.9120007,6.7759981Q9.5680008,6.7679977,9.3920002,6.7679977Q9.1360006,6.7679977,9.0640001,6.5599976Q8.9919996,6.3519974,8.9920006,5.9839973Q8.9920006,5.4719973,8.9840002,5.1599979Q8.9759998,4.8479977,8.9759998,4.4799976Q8.9759998,4.0639982,8.9200001,3.8719981Q8.8640003,3.6799982,8.4639997,3.6799982Q8.1759996,3.6799982,8.0319996,3.6879981Q7.8879995,3.695998,7.6319995,3.695998Q7.1999993,3.695998,7.0959997,3.9439981Q6.9920001,4.1919985,6.9919996,4.4319983L6.9919996,4.9439983Q6.9919996,5.1519985,6.9999995,5.343998Q7.0079994,5.5359983,7.0079994,5.7439985L7.0079994,6.2079983Q7.0079994,6.4639978,6.9439993,6.5999985Q6.8799992,6.7359991,6.6399994,6.7359982Q6.5439992,6.7519979,6.3759995,6.7599983Q6.2079997,6.7679987,6.0319996,6.7759981Q5.8559995,6.7839975,5.6959996,6.7839985L5.4399996,6.7839985Q5.1039996,6.7839985,5.0399995,6.9919987Q4.9759994,7.1999989,5.2479997,7.5199986Q5.5199995,7.855999,5.8319998,8.2479982Q6.1440001,8.6399975,6.448,9.0399981Q6.7519999,9.4399986,7.0320001,9.8159981Q7.3120003,10.191998,7.552,10.463998Q7.9840002,10.943997,8.3839998,10.447998Q8.6239996,10.175998,8.9440002,9.7439985Q9.2640009,9.3119993,9.6000004,8.8399982Q9.9359999,8.3679972,10.240001,7.9279985Q10.544002,7.4879999,10.736,7.1999989Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/file-item/icon/file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_125_16922"><rect x="0" y="0" width="24" height="24" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_125_17238"><stop offset="0%" stop-color="#579EFF" stop-opacity="1"/><stop offset="100%" stop-color="#85B8FF" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_125_16922)"><g><path d="M8.7133856e-15,3.00078105C-7.9004963e-8,2.33803946,0.53725815,1.80078125,1.2,1.80078125L9.4087505,1.80078125C9.8887873,1.800799667833,10.322625,2.08689746,10.5117,2.52813119L11.1,3.90078095L22.800001,3.90078095C23.462742,3.90078115,24,4.43803905,24,5.10078075L24,17.70077925C24,18.36352125,23.462742,18.90077925,22.799999,18.90077925L1.2,18.90077925C0.53725827,18.90077925,8.7133856e-15,18.36352125,8.7133856e-15,17.70077925L8.7133856e-15,3.00078105Z" fill="#4288E7" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M3.30009795625,5.8505859375L20.70009765625,5.8505859375Q21.90009865625,5.8505859375,21.90009865625,7.0505862375L21.90009865625,17.850584937500003Q21.90009865625,19.0505849375,20.70009765625,19.0505849375L3.30009755625,19.0505849375Q2.10009765625,19.0505849375,2.10009765625,17.850584937500003L2.10009765625,7.0505855375Q2.10009765625,5.85058557987213,3.30009795625,5.8505859375Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M1.1999998,7.80078125L22.799999,7.80078125Q24,7.80078125,24,9.00078155L24,21.00078225Q24,22.20078225,22.799999,22.20078225L1.2,22.20078225Q0,22.20078225,0,21.00078225L0,9.00078155Q0,7.80078125,1.1999998,7.80078125Z" fill="url(#master_svg1_125_17238)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-item/icon/icon_warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><g><g><path d="M14,7Q14,7.1718402,13.991568,7.3434739Q13.983135,7.5151072,13.966292,7.68612Q13.949449,7.8571329,13.924234,8.027113Q13.899019,8.197093,13.865496,8.3656311Q13.83197,8.5341702,13.790217,8.700861Q13.748464,8.8675518,13.698582,9.0319929Q13.648699,9.196434,13.590806,9.3582287Q13.532915,9.5200233,13.467155,9.6787834Q13.401394,9.8375435,13.327923,9.9928856Q13.254452,10.148228,13.173448,10.299777Q13.092443,10.451326,13.004099,10.598719Q12.915755,10.746111,12.820286,10.88899Q12.724816,11.03187,12.622452,11.169893Q12.520086,11.307918,12.411073,11.440753Q12.302058,11.573587,12.186657,11.700912Q12.071257,11.828238,11.949747,11.949747Q11.828238,12.071257,11.700912,12.186658Q11.573587,12.302058,11.440753,12.411073Q11.307918,12.520086,11.169893,12.622451Q11.03187,12.724816,10.88899,12.820286Q10.746111,12.915755,10.598719,13.004099Q10.451326,13.092443,10.299777,13.173449Q10.148228,13.254454,9.9928856,13.327925Q9.8375435,13.401396,9.6787834,13.467155Q9.5200233,13.532916,9.3582287,13.590808Q9.196434,13.648699,9.0319929,13.698583Q8.8675518,13.748465,8.700861,13.790218Q8.5341702,13.831971,8.3656311,13.865496Q8.197093,13.899019,8.027113,13.924234Q7.8571329,13.94945,7.68612,13.966293Q7.5151072,13.983136,7.3434734,13.991568Q7.1718402,14,7,14Q6.8281598,14,6.6565266,13.991568Q6.4848933,13.983135,6.3138804,13.966292Q6.1428671,13.949449,5.9728866,13.924234Q5.802906,13.899019,5.6343675,13.865496Q5.4658289,13.83197,5.2991385,13.790217Q5.1324482,13.748464,4.9680071,13.698582Q4.803566,13.648699,4.6417708,13.590806Q4.4799757,13.532915,4.3212156,13.467155Q4.1624556,13.401394,4.0071144,13.327923Q3.8517723,13.254452,3.700223,13.173448Q3.5486732,13.092443,3.4012804,13.004099Q3.2538881,12.915755,3.1110082,12.820286Q2.9681282,12.724816,2.8301048,12.622452Q2.6920815,12.520086,2.559247,12.411073Q2.4264126,12.302058,2.299087,12.186657Q2.171762,12.071257,2.0502524,11.949747Q1.9287429,11.828238,1.813342,11.700912Q1.6979411,11.573587,1.5889268,11.440753Q1.4799124,11.307918,1.3775473,11.169893Q1.275182,11.03187,1.1797127,10.88899Q1.0842432,10.746111,0.99589968,10.598719Q0.90755606,10.451326,0.82655108,10.299777Q0.74554604,10.148228,0.67207485,9.9928856Q0.59860361,9.8375435,0.53284317,9.6787834Q0.46708274,9.5200233,0.40919149,9.3582287Q0.35130021,9.196434,0.30141759,9.0319929Q0.25153497,8.8675518,0.20978118,8.700861Q0.16802739,8.5341702,0.13450301,8.3656311Q0.10097862,8.197093,0.075764418,8.027113Q0.0505502,7.8571329,0.033706907,7.68612Q0.016863609,7.5151072,0.0084318044,7.3434734Q0,7.1718402,0,7Q0,6.8281598,0.0084318044,6.6565266Q0.016863609,6.4848933,0.033706907,6.3138804Q0.0505502,6.1428671,0.07576441,5.9728866Q0.10097862,5.802906,0.13450301,5.6343675Q0.16802739,5.4658289,0.20978117,5.2991385Q0.25153497,5.1324482,0.30141759,4.9680071Q0.35130021,4.803566,0.40919146,4.6417708Q0.46708274,4.4799757,0.53284317,4.3212156Q0.59860361,4.1624556,0.67207479,4.0071144Q0.74554598,3.8517723,0.82655102,3.700223Q0.90755594,3.5486732,0.99589956,3.4012804Q1.0842431,3.2538881,1.1797125,3.1110082Q1.2751819,2.9681282,1.3775471,2.8301048Q1.4799123,2.6920815,1.5889268,2.559247Q1.6979411,2.4264126,1.8133421,2.299087Q1.9287429,2.171762,2.0502524,2.0502524Q2.171762,1.9287429,2.299087,1.813342Q2.4264126,1.6979411,2.559247,1.5889268Q2.6920815,1.4799124,2.8301048,1.3775473Q2.9681282,1.275182,3.1110082,1.1797127Q3.2538881,1.0842432,3.4012806,0.99589968Q3.5486729,0.90755606,3.7002227,0.82655108Q3.8517723,0.74554604,4.0071139,0.67207485Q4.1624556,0.59860361,4.3212156,0.53284317Q4.4799757,0.46708274,4.6417708,0.40919149Q4.803566,0.35130021,4.9680071,0.30141759Q5.1324482,0.25153497,5.2991385,0.20978118Q5.4658289,0.16802739,5.6343675,0.13450301Q5.802906,0.10097862,5.9728866,0.075764418Q6.1428671,0.0505502,6.31388,0.033706907Q6.4848928,0.016863609,6.6565266,0.0084318044Q6.8281598,0,7,0Q7.1718402,0,7.3434739,0.0084318044Q7.5151072,0.016863609,7.68612,0.033706907Q7.8571329,0.0505502,8.027113,0.07576441Q8.197093,0.10097862,8.3656311,0.13450301Q8.5341702,0.16802739,8.700861,0.20978117Q8.8675518,0.25153497,9.0319929,0.30141759Q9.196434,0.35130021,9.3582287,0.40919146Q9.5200233,0.46708274,9.6787834,0.53284317Q9.8375435,0.59860361,9.9928856,0.67207479Q10.148228,0.74554598,10.299777,0.82655102Q10.451326,0.90755594,10.598719,0.99589956Q10.746111,1.0842431,10.88899,1.1797125Q11.03187,1.2751819,11.169893,1.3775471Q11.307918,1.4799123,11.440753,1.5889268Q11.573587,1.6979411,11.700912,1.8133421Q11.828238,1.9287429,11.949747,2.0502524Q12.071257,2.171762,12.186658,2.299087Q12.302058,2.4264126,12.411073,2.559247Q12.520086,2.6920815,12.622451,2.8301048Q12.724816,2.9681282,12.820286,3.1110082Q12.915755,3.2538881,13.004099,3.4012806Q13.092443,3.5486729,13.173449,3.7002227Q13.254454,3.8517723,13.327925,4.0071139Q13.401396,4.1624556,13.467155,4.3212156Q13.532916,4.4799757,13.590808,4.6417708Q13.648699,4.803566,13.698583,4.9680071Q13.748465,5.1324482,13.790218,5.2991385Q13.831971,5.4658289,13.865496,5.6343675Q13.899019,5.802906,13.924234,5.9728866Q13.94945,6.1428671,13.966293,6.31388Q13.983136,6.4848928,13.991568,6.6565266Q14,6.8281598,14,7ZM6.9999456,8.5557728C6.5703907,8.5557728,6.222168,8.20755,6.222168,7.7779951L6.222168,3.8891058C6.222168,3.4595511,6.5703907,3.1113281,6.9999456,3.1113281C7.4295006,3.1113281,7.7777233,3.4595511,7.7777233,3.8891058L7.7777233,7.7779951C7.7777233,8.20755,7.4295006,8.5557728,6.9999456,8.5557728ZM7.7777233,10.889106Q7.7777228,10.96571,7.7627783,11.040842Q7.7478328,11.115973,7.7185173,11.186747Q7.6892023,11.25752,7.6466436,11.321214Q7.604085,11.384909,7.5499172,11.439076Q7.4957495,11.493243,7.432055,11.535803Q7.3683605,11.578362,7.2975874,11.607677Q7.2268143,11.636992,7.1516819,11.651937Q7.0765495,11.666883,6.9999456,11.666883Q6.9233408,11.666883,6.8482084,11.651937Q6.7730756,11.636992,6.7023025,11.607677Q6.6315289,11.578362,6.5678344,11.535803Q6.5041404,11.493244,6.4499731,11.439077Q6.3958054,11.384909,6.3532467,11.321215Q6.3106875,11.25752,6.2813725,11.186747Q6.2520571,11.115973,6.2371125,11.040841Q6.222168,10.96571,6.222168,10.889106Q6.222168,10.8125,6.237113,10.737368Q6.2520571,10.662235,6.2813725,10.591462Q6.3106875,10.520689,6.3532462,10.456995Q6.3958054,10.3933,6.4499731,10.339133Q6.5041404,10.284966,6.5678349,10.242407Q6.6315289,10.199847,6.702302,10.170532Q6.7730751,10.141217,6.848208,10.126272Q6.9233408,10.111328,6.9999456,10.111328Q7.0765495,10.111328,7.1516819,10.126272Q7.2268143,10.141217,7.2975874,10.170532Q7.3683605,10.199847,7.432055,10.242407Q7.4957495,10.284966,7.5499167,10.339133Q7.604084,10.3933,7.6466436,10.456994Q7.6892023,10.520688,7.7185178,10.591461Q7.7478333,10.662235,7.7627783,10.737368Q7.7777228,10.8125,7.7777233,10.889106Z" fill-rule="evenodd" fill="#F29655" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-item/icon/preview.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="11" viewBox="0 0 16 11"><g><path d="M15.949896,5.2555661C16.016703,5.4388962,16.016703,5.5611272,15.949896,5.7444577C15.949896,5.7444577,15.883092,5.9277883,15.816283,5.9888978C15.749479,6.1722283,15.615868,6.3555694,15.482255,6.5999985C15.148229,7.0888891,14.680583,7.7000132,14.012527,8.3722239C12.743215,9.6555681,10.739035,11,8,11C5.2609663,11,3.2567897,9.6555681,1.987474,8.3722239C1.319415,7.7000132,0.85177505,7.0888891,0.51774478,6.5999985C0.51774478,6.5999985,0.18371604,5.9888978,0.18371604,5.9888978C0.11691014,5.9277883,0.050104432,5.7444577,0.050104432,5.7444577C-0.016701477,5.6222262,-0.016701477,5.4388962,0.050104432,5.2555661C0.050104432,5.2555661,0.1169103,5.0722361,0.18371604,5.0111141C0.25052202,4.8277841,0.38413364,4.6444426,0.51774478,4.4000139C0.85177356,3.9111221,1.319415,3.3000102,1.987474,2.6277888C3.2567489,1.3444551,5.2609239,0,7.9999585,0C10.738992,0,12.743169,1.3444551,14.012487,2.6277888C14.680545,3.3000102,15.148186,3.9111221,15.482213,4.400003C15.482213,4.400003,15.816243,5.0111032,15.816243,5.0111032C15.883049,5.0722246,15.949852,5.2555661,15.949852,5.2555661C15.949852,5.2555661,15.949896,5.2555661,15.949896,5.2555661ZM8.0000048,3.3000102C9.2025099,3.3000102,10.271409,4.2777824,10.271409,5.5000286C10.271409,6.72223,9.2025127,7.7000132,8.0000048,7.7000132C6.7974997,7.7000132,5.728601,6.72223,5.728601,5.5000286C5.728601,4.2777824,6.7974944,3.3000102,8.0000048,3.3000102C8.0000048,3.3000102,8.0000048,3.3000102,8.0000048,3.3000102ZM4.3924899,5.5000286C4.3924899,7.3333526,5.9958301,8.9222136,8.0000048,8.9222136C10.004179,8.9222136,11.607521,7.3333526,11.607521,5.5000286C11.607521,3.6666818,10.004179,2.0777981,8.0000048,2.0777981C5.9958305,2.0777981,4.3924899,3.6666818,4.3924899,5.5000286C4.3924899,5.5000286,4.3924899,5.5000286,4.3924899,5.5000286Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/file-item/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.scss';
+export interface FileItemProps {
+    /**
+     * 标题
+     */
+    file: string;
+    guideImg: string;
+    checkImg: string;
+    approvalUrl: string;
+    signatureUrl: string;
+    isApproval: boolean;
+    isSignature: boolean;
+    materialList: any[];
+    maxFileSize: number;
+    del: () => void;
+}
+declare const FileItem: React.FC<FileItemProps>;
+export default FileItem;

package/lib/components/file-item/index.js

@@ -0,0 +1,233 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var _react = _interopRequireWildcard(require("react"));
+var _checked = _interopRequireDefault(require("./icon/checked.svg"));
+var _del = _interopRequireDefault(require("./icon/del.svg"));
+var _preview = _interopRequireDefault(require("./icon/preview.svg"));
+var _download = _interopRequireDefault(require("./icon/download.svg"));
+var _file = _interopRequireDefault(require("./icon/file.svg"));
+var _icon_warning = _interopRequireDefault(require("./icon/icon_warning.svg"));
+require("./index.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var RadioGroup = _radio["default"].Group;
+var BASE_URL = 'http://172.16.132.18:5010';
+var FileItem = function FileItem(_ref) {
+  var file = _ref.file,
+    guideImg = _ref.guideImg,
+    checkImg = _ref.checkImg,
+    approvalUrl = _ref.approvalUrl,
+    signatureUrl = _ref.signatureUrl,
+    isApproval = _ref.isApproval,
+    isSignature = _ref.isSignature,
+    materialList = _ref.materialList,
+    maxFileSize = _ref.maxFileSize,
+    del = _ref.del;
+  var _useState = (0, _react.useState)(false),
+    isShowView = _useState[0],
+    setIsShowView = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    isShowCheckedMask = _useState2[0],
+    setIsShowCheckedMask = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    viewImg = _useState3[0],
+    setViewImg = _useState3[1];
+  var _useState4 = (0, _react.useState)(false),
+    isShowMaterialLib = _useState4[0],
+    setIsShowMaterialLib = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    material = _useState5[0],
+    setMaterial = _useState5[1];
+  var list = materialList || [{
+    name: '图片1',
+    value: 1
+  }, {
+    name: '图片2',
+    value: 2
+  }, {
+    name: '图片3',
+    value: 3
+  }, {
+    name: '图片3',
+    value: 4
+  }, {
+    name: '图片3',
+    value: 5
+  }];
+  var showViewImg = function showViewImg(url) {
+    setIsShowView(true);
+    setViewImg(url);
+  };
+  var upload = function upload() {
+    var inputEl = document.createElement('input');
+    inputEl.setAttribute('type', 'file');
+    inputEl.style.display = 'none';
+    document.body.appendChild(inputEl);
+    inputEl.click();
+    inputEl.addEventListener('change', function (e) {
+      console.log(e.target.files);
+      var fileData = e.target.files[0];
+      if (fileData.size > maxFileSize * 1024 * 1024) {
+        _message["default"].notice("\u6587\u4EF6 \"" + fileData.name + "\" \u8D85\u8FC7" + maxFileSize + "MB\u9650\u5236");
+        return;
+      }
+      var formData = new FormData();
+      formData.append('file', fileData);
+      fetch(BASE_URL + '/file/upload', {
+        method: 'POST',
+        body: formData
+      }).then(function (response) {
+        return response.json();
+      }).then(function (res) {
+        document.body.removeChild(inputEl);
+        if (res.code === 200) {
+          _message["default"].notice('上传成功');
+        } else {
+          _message["default"].error('上传失败，请重试');
+        }
+      })["catch"](function (err) {
+        return err;
+      });
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_img"
+  }, file ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "small_img",
+    src: _file["default"],
+    alt: ""
+  }), "\u6587\u4EF6", /*#__PURE__*/_react["default"].createElement("img", {
+    className: "del",
+    src: _del["default"],
+    alt: ""
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "add",
+    onClick: function onClick() {
+      return upload();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    className: "add_icon",
+    type: "add"
+  }), "\u4E0A\u4F20\u6750\u6599"), isShowCheckedMask && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mask"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "center"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checked",
+    style: {
+      marginBottom: '9px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _checked["default"],
+    alt: "\u9009\u4E2D"
+  }), "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "checked"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _checked["default"],
+    alt: "\u9009\u4E2D"
+  }), "\u5DF2\u7B7E\u6279")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn"
+  }, guideImg && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img_btn",
+    onClick: function onClick() {
+      return showViewImg(guideImg);
+    }
+  }, "\u7B7E\u7AE0\u5F15\u5BFC"), checkImg && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img_btn",
+    onClick: function onClick() {
+      return showViewImg(checkImg);
+    }
+  }, "\u5BA1\u67E5\u8981\u70B9")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn",
+    style: {
+      marginTop: '20px'
+    }
+  }, file ? /*#__PURE__*/_react["default"].createElement("div", null, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn"
+  }, "\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn"
+  }, "\u7B7E\u7AE0")) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn",
+    onClick: function onClick() {
+      return setIsShowMaterialLib(true);
+    }
+  }, "\u6750\u6599\u5E93")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_item_bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "icon_text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _preview["default"],
+    alt: ""
+  }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "line"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "icon_text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _download["default"],
+    alt: ""
+  }), "\u4E0B\u8F7D")), isShowView && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "img_view"
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    className: "close",
+    type: "close",
+    onClick: function onClick() {
+      return setIsShowView(false);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "view",
+    src: viewImg,
+    alt: ""
+  })), isShowMaterialLib && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "material_lib"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "material_lib_content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "material_lib_title"
+  }, "\u9009\u62E9\u6750\u6599"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tips"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _icon_warning["default"],
+    alt: ""
+  }), "\u4E3A\u907F\u514D\u529E\u4EF6\u4E0D\u901A\u8FC7\uFF0C\u9009\u62E9\u6750\u6599\u65F6\uFF0C\u8BF7\u60A8\u6CE8\u610F\u6750\u6599\u6709\u6548\u671F\uFF01"), /*#__PURE__*/_react["default"].createElement(RadioGroup, {
+    className: "list",
+    value: material,
+    onChange: function onChange(val) {
+      return setMaterial(val);
+    }
+  }, list.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "item",
+      key: item.value
+    }, /*#__PURE__*/_react["default"].createElement(_radio["default"], {
+      id: item.value,
+      value: item.value
+    }, item.name), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "preview_icon"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _preview["default"],
+      alt: ""
+    }), "\u9884\u89C8"));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bottom_btn"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn cancel",
+    onClick: function onClick() {
+      return setIsShowMaterialLib(false);
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn ok"
+  }, "\u786E\u5B9A")))));
+};
+FileItem.displayName = 'FileItem';
+var _default = exports["default"] = FileItem;