ydb-components-material 0.1.13 → 0.1.15

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

@@ -6,10 +6,13 @@
   padding: 16px 0;
   margin-right: 0!important;
   width: 100%;
+  flex-wrap: wrap;
 
   .name {
     font-size: 14px;
     color: #333;
+    flex: 1;
+    margin-right: 5px;
   }
 
   .res {
@@ -20,4 +23,26 @@
       margin-right: 8px;
     }
   }
+
+  .prompt {
+    width: 100%;
+    background: #F7F7F7;
+    border-radius: 6px;
+    padding: 8px 12px;
+    font-size: 12px;
+    color: #666666;
+    margin-top: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .btn {
+      border-radius: 13px;
+      opacity: 1;
+      font-size: 13px;
+      background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
+      color: white;
+      padding: 6px 12px;
+    }
+  }
 }

package/lib/components/file-item/icon/icon_errorMsg.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,7Z" fill="#FF6237" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><path d="M7.777777928186035,10.889105915Q7.777777828186036,10.965710345,7.762832928186035,11.040842775Q7.747888128186036,11.115975225,7.718572828186035,11.186748525Q7.689257628186035,11.257521725,7.646698428186035,11.321216025Q7.604139428186035,11.384910325,7.549972028186035,11.439077825Q7.495804528186035,11.493245224999999,7.432110228186035,11.535804225Q7.368415928186035,11.578363425,7.297642728186036,11.607678625Q7.226869428186035,11.636993925,7.151736978186035,11.651938725Q7.076604548186035,11.666883625,7.000000118186035,11.666883725Q6.923395638186035,11.666883625,6.848263148186035,11.651938725Q6.7731306581860355,11.636993925,6.7023573781860355,11.607678625Q6.631584108186035,11.578363425,6.567889868186035,11.535804225Q6.504195628186035,11.493245224999999,6.4500281481860355,11.439077825Q6.3958606381860355,11.384910325,6.353301508186036,11.321216025Q6.310742363186035,11.257521725,6.281427126186035,11.186748525Q6.252111886186035,11.115975225,6.2371671071860355,11.040842775Q6.222222328186035,10.965710345,6.222222328186035,10.889105915Q6.222222328186035,10.812501435,6.2371671071860355,10.737368945Q6.252111886186035,10.662236455,6.281427126186035,10.591463175Q6.310742363186035,10.520689905,6.353301498186035,10.456995665Q6.3958606381860355,10.393301425,6.4500281481860355,10.339133945Q6.504195628186035,10.284966435,6.567889868186035,10.242407305Q6.631584138186035,10.19984816,6.702357408186035,10.170532923Q6.7731306581860355,10.141217683,6.848263148186035,10.126272904Q6.923395638186035,10.111328125,7.000000118186035,10.111328125Q7.076604548186035,10.111328125,7.151736978186035,10.126272904Q7.226869428186035,10.141217683,7.297642728186036,10.170532923Q7.368415928186035,10.19984816,7.432110228186035,10.242407295Q7.495804528186035,10.284966435,7.549972028186035,10.339133945Q7.604139428186035,10.393301425,7.646698428186035,10.456995665Q7.689257628186035,10.520689935,7.718572828186035,10.591463205Q7.747888128186036,10.662236455,7.762832928186035,10.737368945Q7.777777828186036,10.812501435,7.777777928186035,10.889105915Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M6.222222328186035,7.777995625C6.222222328186035,8.207550525,6.570445298186035,8.555773225,7.000000118186035,8.555773225C7.429554928186035,8.555773225,7.777777928186035,8.207550525,7.777777928186035,7.777995625L7.777777928186035,3.889105975C7.777777928186035,3.4595511549999998,7.429554928186035,3.111328125,7.000000118186035,3.111328125C6.570445298186035,3.111328125,6.222222328186035,3.4595511549999998,6.222222328186035,3.889105975L6.222222328186035,7.777995625Z" fill="#FFFFFF" fill-opacity="1"/></g></svg>

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

@@ -13,6 +13,8 @@ export interface FileItemProps {
     isSignature: boolean;
     materialList: any[];
     maxFileSize: number;
+    isInValid: boolean;
+    isShowLib: boolean;
     del: () => void;
 }
 declare const FileItem: React.FC<FileItemProps>;

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

@@ -13,6 +13,7 @@ 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"));
+var _icon_errorMsg = _interopRequireDefault(require("./icon/icon_errorMsg.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;
@@ -27,6 +28,8 @@ var FileItem = function FileItem(_ref) {
     isSignature = _ref.isSignature,
     materialList = _ref.materialList,
     maxFileSize = _ref.maxFileSize,
+    isInValid = _ref.isInValid,
+    isShowLib = _ref.isShowLib,
     del = _ref.del;
   var _useState = (0, _react.useState)(false),
     isShowView = _useState[0],
@@ -111,6 +114,10 @@ var FileItem = function FileItem(_ref) {
     className: "del",
     src: _del["default"],
     alt: ""
+  }), isInValid && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "error_msg",
+    src: _icon_errorMsg["default"],
+    alt: ""
   })) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "add",
     onClick: function onClick() {
@@ -150,17 +157,25 @@ var FileItem = function FileItem(_ref) {
     onClick: function onClick() {
       return showViewImg(checkImg);
     }
-  }, "\u5BA1\u67E5\u8981\u70B9")), file ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u5BA1\u67E5\u8981\u70B9")), file ?
+  /*#__PURE__*/
+  // 有文件且配置了这俩功能才展示
+  _react["default"].createElement("div", {
     className: "btn",
     style: {
       marginTop: '20px'
     }
   }, approvalUrl && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn"
-  }, "\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u624B\u5199\u5BA1\u6279"), signatureUrl && /*#__PURE__*/_react["default"].createElement("div", {
     className: "operation_btn"
-  }, "\u7B7E\u7AE0")) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "operation_btn btn",
+  }, "\u7535\u5B50\u7B7E\u7AE0")) :
+  // 展示材料库
+  isShowLib && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation_btn",
+    style: {
+      marginTop: '20px'
+    },
     onClick: function onClick() {
       return setIsShowMaterialLib(true);
     }

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

@@ -59,6 +59,12 @@
         z-index: 9;
       }
 
+      .error_msg {
+        position: absolute;
+        top: 30px;
+        right: 22px;
+      }
+
       .mask {
         // display: none !important;
         border-radius: 8px;
@@ -108,20 +114,20 @@
           cursor: pointer;
         }
 
-        .operation_btn {
-          cursor: pointer;
-          margin-left: 8px;
-          width: 68px;
-          height: 26px;
-          border-radius: 4px;
-          opacity: 1;
-          box-sizing: border-box;
-          background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
-          color: #fff;
-          font-size: 13px;
-          line-height: 26px;
-          text-align: center;
-        }
+      }
+      .operation_btn {
+        cursor: pointer;
+        margin-left: 8px;
+        width: 68px;
+        height: 26px;
+        border-radius: 4px;
+        opacity: 1;
+        box-sizing: border-box;
+        background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
+        color: #fff;
+        font-size: 13px;
+        line-height: 26px;
+        text-align: center;
       }
     }
   }

package/lib/components/file-pc/icons/close.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.166254997253418" height="14.166254997253418" viewBox="0 0 14.166254997253418 14.166254997253418"><g><path d="M5.9393778,7.083128L0.2368781,1.380628C-0.078959465,1.0647899,-0.078959465,0.55271596,0.2368784,0.2368784C0.55271626,-0.078959465,1.0647901,-0.078959465,1.380628,0.2368781L7.083128,5.9393778L12.785627,0.2368781C13.101511,-0.078696012,13.61337,-0.078570843,13.929096,0.23715764C14.244826,0.55288643,14.244952,1.0647446,13.929379,1.380628L8.2268772,7.083128L13.929377,12.785627C14.245214,13.101465,14.245214,13.613542,13.929377,13.929377C13.613539,14.245214,13.101463,14.245214,12.785627,13.929379L7.083128,8.2268772L1.380628,13.929379C1.0647446,14.244952,0.55288613,14.244826,0.23715734,13.929096C-0.078571141,13.61337,-0.078696012,13.101511,0.2368781,12.785627L5.9393778,7.083128Z" fill="#666666" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/lib/components/file-pc/icons/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"><defs><clipPath id="master_svg0_106_82315"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_82315)"><g><path d="M13.2460123203125,3.4994765375L10.0100126203125,3.4994765375C9.9610748203125,2.4225860875,9.0697470203125,1.5615234375,7.9809809203125,1.5615234375C6.8922157203125,1.5615234375,6.000887620312501,2.4225860875,5.9519498203125,3.4994765375L2.7071533203125,3.4994765375C2.4310126303125,3.4994765375,2.2071533203125,3.7233357375,2.2071533203125,3.9994764375C2.2071533203125,4.275617137499999,2.4310126303125,4.4994764375,2.7071533203125,4.4994764375L13.2460123203125,4.4994764375C13.5221533203125,4.4994764375,13.7460123203125,4.275617137499999,13.7460123203125,3.9994764375C13.7460123203125,3.7233357375,13.5221533203125,3.4994765375,13.2460123203125,3.4994765375ZM7.9809809203125,2.5615078175C8.518153220312499,2.5615078175,8.960496920312501,2.9744140375,9.007824920312501,3.4994608375L6.9541530203125,3.4994608375C7.0014810203125,2.9744140375,7.4438095203125,2.5615078175,7.9809809203125,2.5615078175ZM11.9960127203125,5.4969296375C11.7198725203125,5.4969296375,11.4960127203125,5.7207889375,11.4960127203125,5.9969296375L11.4960127203125,13.4683824375L4.504028520312501,13.4683824375L4.504028520312501,5.9969296375C4.504028520312501,5.7207889375,4.2801692203125,5.4969296375,4.0040285203125,5.4969296375C3.7278878203125,5.4969296375,3.5040285203124997,5.7207889375,3.5040285203124997,5.9969296375L3.5040285203124997,13.9683824375C3.5040285203124997,14.2445234375,3.7278878203125,14.4683824375,4.0040285203125,14.4683824375L11.9960136203125,14.4683824375C12.2721543203125,14.4683824375,12.4960133203125,14.2445234375,12.4960133203125,13.9683824375L12.4960133203125,5.9969296375C12.4960133203125,5.7207889375,12.2721543203125,5.4969296375,11.9960127203125,5.4969296375Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M7.0203857421875,11.4497108875L7.0203857421875,7.0029296875C7.0203857421875,6.7267889975,6.7965264321875,6.5029296875,6.5203857421875,6.5029296875C6.2442450521875,6.5029296875,6.0203857421875,6.7267889975,6.0203857421875,7.0029296875L6.0203857421875,11.449695587499999C6.0203857421875,11.7258357875,6.2442450521875,11.949695587499999,6.5203857421875,11.949695587499999C6.7965264321875,11.949695587499999,7.0203857421875,11.7258519875,7.0203857421875,11.4497108875ZM10.0131049421875,11.4497108875L10.0131049421875,7.0029296875C10.0131049421875,6.7267889975,9.7892451421875,6.5029296875,9.5131049421875,6.5029296875C9.2369647421875,6.5029296875,9.0131049421875,6.7267889975,9.0131049421875,7.0029296875L9.0131049421875,11.449695587499999C9.0131049421875,11.7258357875,9.2369647421875,11.949695587499999,9.5131049421875,11.949695587499999C9.7892451421875,11.949695587499999,10.0131049421875,11.7258519875,10.0131049421875,11.4497108875Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-pc/icons/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="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_106_82168"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_82168)"><g><path d="M13.026563,9.1396484375C12.733489,9.1465744972,12.497551,9.3825128075,12.490624,9.6755861075C12.490624,10.8546484375,11.703125,11.8215239375,10.70125,11.8215239375L3.2987499,11.8215239375C2.296875,11.8127737375,1.509375,10.8546484375,1.509375,9.6755861075C1.5024495,9.3825119775,1.26651073,9.1465736628,0.97343743,9.1396484375C0.68036395,9.1465744972,0.4444256425,9.3825128075,0.4375,9.6755861075C0.4375,11.462774037500001,1.7259375,12.8933982375,3.2987499,12.8933982375L10.70125,12.8933982375C12.274063,12.8933982375,13.5625,11.462774037500001,13.5625,9.6755861075C13.555574,9.3825119775,13.319635,9.1465736628,13.026563,9.1396484375Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M6.62372038125,9.3891039375C6.85207508125,9.5784521375,7.182865881250001,9.5784521375,7.411220581249999,9.3891039375L9.44997068125,7.3503537375C9.63593958125,7.1398992375,9.626101981249999,6.8210883375,9.42751268125,6.6224990375C9.228923281250001,6.4239096375,8.91011238125,6.4140730375,8.699657881250001,6.6000414375L7.59059548125,7.7091035375L7.59059548125,1.6278542875C7.57250328125,1.3445480175,7.33744718125,1.1240234375,7.05356358125,1.1240234375C6.76968078125,1.1240234375,6.53462458125,1.3445481175,6.51653288125,1.6278542875L6.51653288125,7.7091035375L5.40747034125,6.6000414375C5.19701534125,6.4140749375,4.87820670125,6.4239130375,4.67961819125,6.6225018375C4.48102968525,6.8210902375,4.47119176025,7.1398983375,4.65715773125,7.3503537375L6.62372038125,9.3891039375Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-pc/icons/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-pc/icons/message.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="18" height="18" viewBox="0 0 18 18"><g><g><path d="M18,9Q18,9.2209377,17.989159,9.4416094Q17.978317,9.662281,17.956663,9.8821554Q17.935007,10.102028,17.902588,10.320575Q17.870171,10.53912,17.827066,10.755813Q17.783962,10.972505,17.73028,11.186821Q17.676598,11.401138,17.612463,11.612562Q17.548328,11.823986,17.473896,12.032008Q17.399464,12.24003,17.314915,12.44415Q17.230364,12.64827,17.1359,12.847996Q17.041439,13.047721,16.93729,13.242571Q16.833141,13.43742,16.719555,13.626925Q16.605972,13.816429,16.483225,14.000132Q16.360477,14.183834,16.228865,14.361293Q16.097254,14.538752,15.957092,14.709539Q15.816931,14.880326,15.668558,15.04403Q15.520185,15.207733,15.36396,15.36396Q15.207733,15.520185,15.04403,15.668559Q14.880326,15.816931,14.709539,15.957093Q14.538752,16.097254,14.361293,16.228867Q14.183834,16.360477,14.000132,16.483225Q13.816429,16.605972,13.626925,16.719555Q13.43742,16.833141,13.24257,16.93729Q13.04772,17.041439,12.847995,17.1359Q12.64827,17.230364,12.444149,17.314915Q12.240029,17.399464,12.032007,17.473896Q11.823986,17.548328,11.612562,17.612463Q11.401138,17.676598,11.186821,17.730282Q10.972504,17.783964,10.755812,17.827068Q10.53912,17.870171,10.320574,17.902588Q10.102028,17.935007,9.8821545,17.956663Q9.662281,17.978317,9.4416094,17.989159Q9.2209377,18,9,18Q8.7790623,18,8.5583916,17.989159Q8.337719,17.978317,8.1178455,17.956663Q7.8979716,17.935007,7.6794257,17.902588Q7.4608793,17.870171,7.2441869,17.827066Q7.0274944,17.783962,6.8131781,17.73028Q6.5988617,17.676598,6.3874383,17.612463Q6.1760139,17.548328,5.9679914,17.473896Q5.7599688,17.399464,5.5558491,17.314915Q5.3517294,17.230364,5.1520038,17.1359Q4.9522791,17.041439,4.7574296,16.93729Q4.5625796,16.833141,4.373075,16.719555Q4.1835704,16.605972,3.9998674,16.483225Q3.8161645,16.360477,3.638706,16.228865Q3.4612472,16.097254,3.2904601,15.957092Q3.1196733,15.816931,2.9559693,15.668558Q2.7922654,15.520185,2.6360388,15.36396Q2.4798124,15.207733,2.3314397,15.04403Q2.1830673,14.880326,2.042906,14.709539Q1.9027445,14.538752,1.7711321,14.361293Q1.6395197,14.183834,1.5167732,14.000132Q1.394027,13.816429,1.2804424,13.626925Q1.1668577,13.43742,1.0627085,13.24257Q0.95855922,13.04772,0.86409616,12.847995Q0.76963323,12.64827,0.6850841,12.444149Q0.60053492,12.240029,0.52610332,12.032007Q0.45167172,11.823986,0.38753694,11.612562Q0.32340217,11.401138,0.26971871,11.186821Q0.21603525,10.972504,0.17293245,10.755812Q0.12982966,10.53912,0.097411394,10.320574Q0.064993128,10.102028,0.043337457,9.8821545Q0.021681786,9.662281,0.010840893,9.4416094Q0,9.2209377,0,9Q0,8.7790623,0.010840893,8.5583916Q0.021681786,8.337719,0.043337457,8.1178455Q0.064993128,7.8979716,0.097411394,7.6794257Q0.12982966,7.4608793,0.17293245,7.2441869Q0.21603525,7.0274944,0.26971871,6.8131781Q0.32340217,6.5988617,0.38753694,6.3874383Q0.45167172,6.1760139,0.52610338,5.9679914Q0.60053492,5.7599688,0.6850841,5.5558491Q0.76963323,5.3517294,0.86409622,5.1520038Q0.95855927,4.9522791,1.0627086,4.7574296Q1.1668578,4.5625796,1.2804425,4.373075Q1.394027,4.1835704,1.5167733,3.9998674Q1.6395197,3.8161645,1.771132,3.638706Q1.9027444,3.4612472,2.0429058,3.2904601Q2.1830671,3.1196733,2.3314397,2.9559693Q2.4798124,2.7922654,2.6360388,2.6360388Q2.7922654,2.4798124,2.9559693,2.3314397Q3.1196733,2.1830673,3.2904601,2.042906Q3.4612472,1.9027445,3.6387057,1.7711321Q3.8161645,1.6395197,3.9998674,1.5167732Q4.1835699,1.394027,4.3730745,1.2804424Q4.5625792,1.1668577,4.7574291,1.0627085Q4.9522781,0.95855922,5.1520033,0.86409616Q5.3517284,0.76963323,5.5558486,0.6850841Q5.7599683,0.60053492,5.9679909,0.52610332Q6.1760139,0.45167172,6.3874383,0.38753694Q6.5988617,0.32340217,6.8131781,0.26971871Q7.0274944,0.21603525,7.2441869,0.17293245Q7.4608793,0.12982966,7.6794257,0.097411394Q7.8979721,0.064993128,8.1178465,0.043337457Q8.3377199,0.021681786,8.5583916,0.010840893Q8.7790623,0,9,0Q9.2209377,0,9.4416094,0.010840893Q9.662281,0.021681786,9.8821554,0.043337457Q10.102028,0.064993128,10.320575,0.097411394Q10.53912,0.12982966,10.755813,0.17293245Q10.972505,0.21603525,11.186821,0.26971871Q11.401138,0.32340217,11.612562,0.38753694Q11.823986,0.45167172,12.032008,0.52610338Q12.24003,0.60053492,12.44415,0.6850841Q12.64827,0.76963323,12.847996,0.86409622Q13.047721,0.95855927,13.242571,1.0627086Q13.43742,1.1668578,13.626925,1.2804425Q13.816429,1.394027,14.000132,1.5167733Q14.183834,1.6395197,14.361293,1.771132Q14.538752,1.9027444,14.709539,2.0429058Q14.880326,2.1830671,15.04403,2.3314397Q15.207733,2.4798124,15.36396,2.6360388Q15.520185,2.7922654,15.668559,2.9559693Q15.816931,3.1196733,15.957093,3.2904601Q16.097254,3.4612472,16.228867,3.6387057Q16.360477,3.8161645,16.483225,3.9998674Q16.605972,4.1835699,16.719555,4.3730745Q16.833141,4.5625792,16.93729,4.7574291Q17.041439,4.9522781,17.1359,5.1520033Q17.230364,5.3517284,17.314915,5.5558486Q17.399464,5.7599683,17.473896,5.9679909Q17.548328,6.1760139,17.612463,6.3874383Q17.676598,6.5988617,17.730282,6.8131781Q17.783964,7.0274944,17.827068,7.2441869Q17.870171,7.4608793,17.902588,7.6794257Q17.935007,7.8979721,17.956663,8.1178465Q17.978317,8.3377199,17.989159,8.5583916Q18,8.7790623,18,9Z" fill="#FBBD22" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M10,14Q9.9999999,14.0984913,9.9807851,14.1950902Q9.9615703,14.291689,9.9238793,14.3826833Q9.8861883,14.4736774,9.8314693,14.5555699Q9.776750400000001,14.6374626,9.7071066,14.7071066Q9.6374626,14.776750400000001,9.5555699,14.8314693Q9.4736774,14.8861883,9.3826833,14.9238794Q9.291689,14.9615704,9.1950902,14.9807851Q9.0984913,14.9999999,9,15Q8.90150857,14.9999999,8.80490965,14.9807851Q8.70831072,14.9615703,8.61731648,14.9238793Q8.52632231,14.8861883,8.44442973,14.8314693Q8.36253715,14.776750400000001,8.2928932,14.7071066Q8.22324926,14.6374626,8.16853037,14.5555699Q8.11381148,14.4736774,8.076120459,14.3826833Q8.038429435,14.291689,8.019214718,14.1950902Q8,14.0984913,8,14Q8,13.90150857,8.019214718,13.80490965Q8.038429435,13.70831072,8.076120459,13.61731648Q8.11381148,13.52632231,8.16853037,13.44442973Q8.22324926,13.36253715,8.2928932,13.2928932Q8.36253715,13.22324926,8.44442976,13.16853037Q8.52632231,13.11381148,8.61731648,13.076120459Q8.70831072,13.038429435,8.80490965,13.019214718Q8.90150857,13,9,13Q9.0984913,13,9.1950902,13.019214718Q9.291689,13.038429435,9.3826833,13.076120459Q9.4736774,13.11381148,9.5555699,13.16853037Q9.6374626,13.22324926,9.7071066,13.2928932Q9.776750400000001,13.36253715,9.8314693,13.44442976Q9.8861883,13.52632231,9.9238794,13.61731648Q9.9615704,13.70831072,9.9807851,13.80490965Q9.9999999,13.90150857,10,14Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><rect x="8" y="4" width="2" height="7" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

package/lib/components/file-pc/icons/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="14" height="14" viewBox="0 0 14 14"><defs><clipPath id="master_svg0_106_82481"><rect x="0" y="0" width="14" height="14" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_82481)"><g><path d="M13.97271,6.999665275C13.891562,6.664800675,13.783504,6.337064275,13.64959,6.019664775C13.404864,5.411447975,13.081926,4.837849374999999,12.688967,4.313415075C12.110768,3.581627475,11.380726,2.984510075,10.549396,2.563414935C9.4433727,2.011644065,8.221776,1.732647761,6.9863548,1.7496645899C5.7502618,1.724446429,4.5259304,1.994385455,3.4145808,2.537164685C2.5844595,2.960120075,1.8547852,3.5569360750000003,1.2750096,4.287164675C0.87603199,4.822022175,0.55548692,5.411327375,0.32311872,6.037164675C0.18057276,6.345179575,0.07221707,6.667947775,0,6.999665275C0.082369737,7.336379975,0.19640799,7.664514075,0.34058478,7.979664775C0.5804258,8.602062275,0.90043324,9.190378675,1.2924757,9.729665275C1.8696687,10.462443375,2.5999486,11.059755375,3.4320469,11.479665775C4.5389404,12.015602875,5.7573576,12.279557875,6.9863548,12.249664875C8.2206593,12.275189875,9.4429007,12.002050875,10.549396,11.453415875C11.381495,11.033505475,12.111773,10.436194375,12.688967,9.703415875000001C13.086786,9.166357075,13.409948,8.577641475,13.64959,7.953415375C13.783248,7.644926075,13.891319,7.325930575,13.97271,6.999665275ZM12.837427,6.999665275C12.61424,7.708336375,12.27804,8.376138675,11.841871,8.977165675C11.375208,9.588168575000001,10.778562,10.087341275,10.095283,10.438415575C9.1284113,10.911903375,8.0622406,11.145957975,6.9863544,11.120915375C5.9230242,11.142092675,4.8697462,10.911237675,3.9123583,10.447165475C3.2290792,10.096089375,2.6324337,9.596917675,2.1657696,8.985916175C1.7243083,8.382339475,1.3822936,7.711744275,1.1527486,6.999665275C1.3787415,6.285076175,1.7178229,5.611497675,2.157037,5.004664875C2.6253767,4.395274375,3.2216303,3.896429775,3.903626,3.543414875C4.8629971,3.076080175,5.9198942,2.845088575,6.9863548,2.869664675C8.0470734,2.846531975,9.097971,3.077520975,10.051619,3.543414875C10.730993,3.900371775,11.326464,4.398561675,11.798207,5.004664875C12.250916,5.608408675,12.601961,6.282314275,12.837427,6.999665275ZM6.9863548,4.252164875C5.4805121,4.237688074999999,4.2485065,5.449904675,4.2356339,6.958702575C4.2227607,8.467500675,5.4339018,9.700643575,6.9397717,9.711963175000001C8.4456415,9.723282775000001,9.6751127,8.508486275,9.6848345,6.999665275C9.7042675,5.491362375,8.4918356,4.256905075000001,6.9863548,4.252164875ZM8.5757504,6.999665275C8.5804882,7.425781275,8.41364,7.835830675,8.1129045,8.137165075C7.5027294,8.764733275000001,6.4961782,8.764733275000001,5.886004,8.137165075C5.2691822,7.504751175,5.2691822,6.494578875,5.886004,5.862165475C6.500319,5.244508475,7.4985895,5.244508475,8.1129045,5.862165475C8.41364,6.163498375,8.5804882,6.573548775,8.5757504,6.999665275Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/file-pc/icons/prompt.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="18" height="18" viewBox="0 0 18 18"><g><g><path d="M18,9Q18,9.2209377,17.989159,9.4416094Q17.978317,9.662281,17.956663,9.8821554Q17.935007,10.102028,17.902588,10.320575Q17.870171,10.53912,17.827066,10.755813Q17.783962,10.972505,17.73028,11.186821Q17.676598,11.401138,17.612463,11.612562Q17.548328,11.823986,17.473896,12.032008Q17.399464,12.24003,17.314915,12.44415Q17.230364,12.64827,17.1359,12.847996Q17.041439,13.047721,16.93729,13.242571Q16.833141,13.43742,16.719555,13.626925Q16.605972,13.816429,16.483225,14.000132Q16.360477,14.183834,16.228865,14.361293Q16.097254,14.538752,15.957092,14.709539Q15.816931,14.880326,15.668558,15.04403Q15.520185,15.207733,15.36396,15.36396Q15.207733,15.520185,15.04403,15.668559Q14.880326,15.816931,14.709539,15.957093Q14.538752,16.097254,14.361293,16.228867Q14.183834,16.360477,14.000132,16.483225Q13.816429,16.605972,13.626925,16.719555Q13.43742,16.833141,13.24257,16.93729Q13.04772,17.041439,12.847995,17.1359Q12.64827,17.230364,12.444149,17.314915Q12.240029,17.399464,12.032007,17.473896Q11.823986,17.548328,11.612562,17.612463Q11.401138,17.676598,11.186821,17.730282Q10.972504,17.783964,10.755812,17.827068Q10.53912,17.870171,10.320574,17.902588Q10.102028,17.935007,9.8821545,17.956663Q9.662281,17.978317,9.4416094,17.989159Q9.2209377,18,9,18Q8.7790623,18,8.5583916,17.989159Q8.337719,17.978317,8.1178455,17.956663Q7.8979716,17.935007,7.6794257,17.902588Q7.4608793,17.870171,7.2441869,17.827066Q7.0274944,17.783962,6.8131781,17.73028Q6.5988617,17.676598,6.3874383,17.612463Q6.1760139,17.548328,5.9679914,17.473896Q5.7599688,17.399464,5.5558491,17.314915Q5.3517294,17.230364,5.1520038,17.1359Q4.9522791,17.041439,4.7574296,16.93729Q4.5625796,16.833141,4.373075,16.719555Q4.1835704,16.605972,3.9998674,16.483225Q3.8161645,16.360477,3.638706,16.228865Q3.4612472,16.097254,3.2904601,15.957092Q3.1196733,15.816931,2.9559693,15.668558Q2.7922654,15.520185,2.6360388,15.36396Q2.4798124,15.207733,2.3314397,15.04403Q2.1830673,14.880326,2.042906,14.709539Q1.9027445,14.538752,1.7711321,14.361293Q1.6395197,14.183834,1.5167732,14.000132Q1.394027,13.816429,1.2804424,13.626925Q1.1668577,13.43742,1.0627085,13.24257Q0.95855922,13.04772,0.86409616,12.847995Q0.76963323,12.64827,0.6850841,12.444149Q0.60053492,12.240029,0.52610332,12.032007Q0.45167172,11.823986,0.38753694,11.612562Q0.32340217,11.401138,0.26971871,11.186821Q0.21603525,10.972504,0.17293245,10.755812Q0.12982966,10.53912,0.097411394,10.320574Q0.064993128,10.102028,0.043337457,9.8821545Q0.021681786,9.662281,0.010840893,9.4416094Q0,9.2209377,0,9Q0,8.7790623,0.010840893,8.5583916Q0.021681786,8.337719,0.043337457,8.1178455Q0.064993128,7.8979716,0.097411394,7.6794257Q0.12982966,7.4608793,0.17293245,7.2441869Q0.21603525,7.0274944,0.26971871,6.8131781Q0.32340217,6.5988617,0.38753694,6.3874383Q0.45167172,6.1760139,0.52610338,5.9679914Q0.60053492,5.7599688,0.6850841,5.5558491Q0.76963323,5.3517294,0.86409622,5.1520038Q0.95855927,4.9522791,1.0627086,4.7574296Q1.1668578,4.5625796,1.2804425,4.373075Q1.394027,4.1835704,1.5167733,3.9998674Q1.6395197,3.8161645,1.771132,3.638706Q1.9027444,3.4612472,2.0429058,3.2904601Q2.1830671,3.1196733,2.3314397,2.9559693Q2.4798124,2.7922654,2.6360388,2.6360388Q2.7922654,2.4798124,2.9559693,2.3314397Q3.1196733,2.1830673,3.2904601,2.042906Q3.4612472,1.9027445,3.6387057,1.7711321Q3.8161645,1.6395197,3.9998674,1.5167732Q4.1835699,1.394027,4.3730745,1.2804424Q4.5625792,1.1668577,4.7574291,1.0627085Q4.9522781,0.95855922,5.1520033,0.86409616Q5.3517284,0.76963323,5.5558486,0.6850841Q5.7599683,0.60053492,5.9679909,0.52610332Q6.1760139,0.45167172,6.3874383,0.38753694Q6.5988617,0.32340217,6.8131781,0.26971871Q7.0274944,0.21603525,7.2441869,0.17293245Q7.4608793,0.12982966,7.6794257,0.097411394Q7.8979721,0.064993128,8.1178465,0.043337457Q8.3377199,0.021681786,8.5583916,0.010840893Q8.7790623,0,9,0Q9.2209377,0,9.4416094,0.010840893Q9.662281,0.021681786,9.8821554,0.043337457Q10.102028,0.064993128,10.320575,0.097411394Q10.53912,0.12982966,10.755813,0.17293245Q10.972505,0.21603525,11.186821,0.26971871Q11.401138,0.32340217,11.612562,0.38753694Q11.823986,0.45167172,12.032008,0.52610338Q12.24003,0.60053492,12.44415,0.6850841Q12.64827,0.76963323,12.847996,0.86409622Q13.047721,0.95855927,13.242571,1.0627086Q13.43742,1.1668578,13.626925,1.2804425Q13.816429,1.394027,14.000132,1.5167733Q14.183834,1.6395197,14.361293,1.771132Q14.538752,1.9027444,14.709539,2.0429058Q14.880326,2.1830671,15.04403,2.3314397Q15.207733,2.4798124,15.36396,2.6360388Q15.520185,2.7922654,15.668559,2.9559693Q15.816931,3.1196733,15.957093,3.2904601Q16.097254,3.4612472,16.228867,3.6387057Q16.360477,3.8161645,16.483225,3.9998674Q16.605972,4.1835699,16.719555,4.3730745Q16.833141,4.5625792,16.93729,4.7574291Q17.041439,4.9522781,17.1359,5.1520033Q17.230364,5.3517284,17.314915,5.5558486Q17.399464,5.7599683,17.473896,5.9679909Q17.548328,6.1760139,17.612463,6.3874383Q17.676598,6.5988617,17.730282,6.8131781Q17.783964,7.0274944,17.827068,7.2441869Q17.870171,7.4608793,17.902588,7.6794257Q17.935007,7.8979721,17.956663,8.1178465Q17.978317,8.3377199,17.989159,8.5583916Q18,8.7790623,18,9Z" fill="#FBBD22" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M10,14Q9.9999999,14.0984913,9.9807851,14.1950902Q9.9615703,14.291689,9.9238793,14.3826833Q9.8861883,14.4736774,9.8314693,14.5555699Q9.776750400000001,14.6374626,9.7071066,14.7071066Q9.6374626,14.776750400000001,9.5555699,14.8314693Q9.4736774,14.8861883,9.3826833,14.9238794Q9.291689,14.9615704,9.1950902,14.9807851Q9.0984913,14.9999999,9,15Q8.90150857,14.9999999,8.80490965,14.9807851Q8.70831072,14.9615703,8.61731648,14.9238793Q8.52632231,14.8861883,8.44442973,14.8314693Q8.36253715,14.776750400000001,8.2928932,14.7071066Q8.22324926,14.6374626,8.16853037,14.5555699Q8.11381148,14.4736774,8.076120459,14.3826833Q8.038429435,14.291689,8.019214718,14.1950902Q8,14.0984913,8,14Q8,13.90150857,8.019214718,13.80490965Q8.038429435,13.70831072,8.076120459,13.61731648Q8.11381148,13.52632231,8.16853037,13.44442973Q8.22324926,13.36253715,8.2928932,13.2928932Q8.36253715,13.22324926,8.44442976,13.16853037Q8.52632231,13.11381148,8.61731648,13.076120459Q8.70831072,13.038429435,8.80490965,13.019214718Q8.90150857,13,9,13Q9.0984913,13,9.1950902,13.019214718Q9.291689,13.038429435,9.3826833,13.076120459Q9.4736774,13.11381148,9.5555699,13.16853037Q9.6374626,13.22324926,9.7071066,13.2928932Q9.776750400000001,13.36253715,9.8314693,13.44442976Q9.8861883,13.52632231,9.9238794,13.61731648Q9.9615704,13.70831072,9.9807851,13.80490965Q9.9999999,13.90150857,10,14Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><rect x="8" y="4" width="2" height="7" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

package/lib/components/file-pc/icons/view.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"><defs><clipPath id="master_svg0_141_32160"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_141_32160)"><g><path d="M15.949896,7.7555661C16.016703,7.9388962,16.016703,8.0611272,15.949896,8.2444577C15.949896,8.2444577,15.883092,8.4277883,15.816283,8.4888978C15.749479,8.6722283,15.615868,8.8555694,15.482255,9.0999985C15.148229,9.5888891,14.680583,10.2000132,14.012527,10.8722239C12.743215,12.1555681,10.739035,13.5,8,13.5C5.2609663,13.5,3.2567897,12.1555681,1.987474,10.8722239C1.319415,10.2000132,0.85177505,9.5888891,0.51774478,9.0999985C0.51774478,9.0999985,0.18371604,8.4888978,0.18371604,8.4888978C0.11691014,8.4277883,0.050104432,8.2444577,0.050104432,8.2444577C-0.016701477,8.1222262,-0.016701477,7.9388962,0.050104432,7.7555661C0.050104432,7.7555661,0.1169103,7.5722361,0.18371604,7.5111141C0.25052202,7.3277841,0.38413364,7.1444426,0.51774478,6.9000139C0.85177356,6.4111221,1.319415,5.8000102,1.987474,5.127788799999999C3.2567489,3.8444551000000002,5.2609239,2.5,7.9999585,2.5C10.738992,2.5,12.743169,3.8444551000000002,14.012487,5.127788799999999C14.680545,5.8000102,15.148186,6.4111221,15.482213,6.900003C15.482213,6.900003,15.816243,7.5111032,15.816243,7.5111032C15.883049,7.5722246,15.949852,7.7555661,15.949852,7.7555661C15.949852,7.7555661,15.949896,7.7555661,15.949896,7.7555661ZM8.0000048,5.8000102C9.2025099,5.8000102,10.271409,6.7777824,10.271409,8.0000286C10.271409,9.22223,9.2025127,10.2000132,8.0000048,10.2000132C6.7974997,10.2000132,5.728601,9.22223,5.728601,8.0000286C5.728601,6.7777824,6.7974944,5.8000102,8.0000048,5.8000102C8.0000048,5.8000102,8.0000048,5.8000102,8.0000048,5.8000102ZM4.3924899,8.0000286C4.3924899,9.833352600000001,5.9958301,11.4222136,8.0000048,11.4222136C10.004179,11.4222136,11.607521,9.833352600000001,11.607521,8.0000286C11.607521,6.1666818,10.004179,4.5777981,8.0000048,4.5777981C5.9958305,4.5777981,4.3924899,6.1666818,4.3924899,8.0000286C4.3924899,8.0000286,4.3924899,8.0000286,4.3924899,8.0000286Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

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

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

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

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var _react = _interopRequireWildcard(require("react"));
+var _del = _interopRequireDefault(require("./icons/del.svg"));
+var _download = _interopRequireDefault(require("./icons/download.svg"));
+var _file = _interopRequireDefault(require("./icons/file.svg"));
+var _preview = _interopRequireDefault(require("./icons/preview.svg"));
+var _prompt = _interopRequireDefault(require("./icons/prompt.svg"));
+var _close = _interopRequireDefault(require("./icons/close.svg"));
+var _message = _interopRequireDefault(require("./icons/message.svg"));
+var _view = _interopRequireDefault(require("./icons/view.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 FilePC = function FilePC(_ref) {
+  var file = _ref.file,
+    fileName = _ref.fileName,
+    guideImg = _ref.guideImg,
+    checkImg = _ref.checkImg,
+    approvalUrl = _ref.approvalUrl,
+    signatureUrl = _ref.signatureUrl,
+    isApproval = _ref.isApproval,
+    isSignature = _ref.isSignature,
+    materialList = _ref.materialList,
+    name = _ref.name,
+    prompt = _ref.prompt,
+    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 = [{
+    name: '图片1',
+    value: 1
+  }, {
+    name: '图片2',
+    value: 2
+  }, {
+    name: '图片3',
+    value: 3
+  }, {
+    name: '图片3',
+    value: 4
+  }, {
+    name: '图片3',
+    value: 5
+  }];
+  var showLib = function showLib() {
+    setIsShowMaterialLib(true);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_item_pc"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "prompt"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _prompt["default"],
+    alt: ""
+  }), prompt), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "upload"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "blue_btn",
+    onClick: showLib
+  }, "\u6750\u6599\u5E93\u4E0A\u4F20"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "blue_btn"
+  }, "\u672C\u5730\u4E0A\u4F20")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_item_content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file_img"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "file_icon",
+    src: _file["default"],
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "text"
+  }, fileName), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tag"
+  }, "\u5DF2\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tag"
+  }, "\u5DF2\u7B7E\u6279")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btns"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _preview["default"],
+    alt: ""
+  }), "\u9884\u89C8"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _download["default"],
+    alt: ""
+  }), "\u4E0B\u8F7D"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _del["default"],
+    alt: ""
+  }), "\u5220\u9664"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "operation"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "blue_btn"
+  }, "\u624B\u5199\u7B7E\u6279"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "blue_btn"
+  }, "\u7535\u5B50\u7B7E\u7AE0"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "white_btn"
+  }, "\u7B7E\u7AE0\u5F15\u5BFC"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "white_btn"
+  }, "\u5BA1\u67E5\u8981\u70B9"))), isShowMaterialLib && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lib"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lib_content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "head"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "\u9009\u62E9\u6750\u6599"), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _close["default"],
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lib_message"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _message["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: "view_icon"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _view["default"],
+      alt: ""
+    }), "\u9884\u89C8"));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lib_btns"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cancel lib_btn",
+    onClick: function onClick() {
+      return setIsShowMaterialLib(false);
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ok lib_btn"
+  }, "\u786E\u5B9A")))));
+};
+FilePC.displayName = 'FilePC';
+var _default = exports["default"] = FilePC;

package/lib/components/file-pc/index.scss

@@ -0,0 +1,198 @@
+.file_item_pc {
+  padding: 20px 20px 4px 20px;
+  border: 1px solid #E5E5E5;
+
+  .title {
+    color: #222222;
+    font-size: 14px;
+    margin-bottom: 12px;
+  }
+
+  .prompt {
+    color: #C8831D;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: 12px;
+  }
+
+  .upload {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 12px;
+  }
+  .blue_btn {
+      background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
+      width: 82px;
+      height: 26px;
+      border-radius: 4px;
+      color: #FFFFFF;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  .file_item_content {
+    padding: 10px 12px;
+    background: #F5F6F8;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+
+    .file_img {
+      width: 52px;
+      height: 52px;
+      border-radius: 4px;
+      background: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-right: 12px;
+    }
+
+    .info {
+      .name {
+        font-size: 14px;
+        color: #222222;
+        display: flex;
+        gap: 8px;
+
+        .tag {
+          width: 44px;
+          height: 20px;
+          border-radius: 4px;
+          opacity: 1;
+          background: #EFDEBD;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          font-size: 12px;
+          color: #C38A38;
+        }
+      }
+
+      .btns {
+        margin-top: 8px;
+        display: flex;
+        gap: 24px;
+        font-size: 14px;
+        color: #1678FF;
+
+        .btn {
+          display: flex;
+          gap: 4px;
+        }
+      }
+    }
+
+    .operation {
+      display: flex;
+      justify-content: flex-end;
+      gap: 10px;
+      font-size: 13px;
+      margin-left: auto;
+
+
+
+      .white_btn {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 82px;
+        height: 26px;
+        border-radius: 4px;
+        color: #1678FF;
+        border: 1px solid #1678FF;
+      }
+    }
+  }
+
+  .lib {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .lib_content {
+      padding: 24px;
+      width: 50%;
+      background-color: #fff;
+      border-radius: 8px;
+      .head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 16px;
+        font-weight: 500;
+        color: #222222;
+        margin-bottom: 24px;
+      }
+      .lib_message {
+        display: flex;
+        align-items: center;
+        background: #FFF9E7;
+        padding: 14px;
+        gap: 6px;
+        color: #C8831D;
+        font-size: 14px;
+      }
+      .list {
+        max-height: 300px;
+        overflow: auto;
+        width: 100%;
+        margin-top: 10px;
+
+        .item {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 24px 0;
+          border-bottom: 1px dashed #E5E5E5;
+
+          .view_icon {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+            color: #1678FF;
+            font-size: 14px;
+          }
+        }
+      }
+
+      .lib_btns {
+        margin-top: 12px;
+        display: flex;
+        justify-content: flex-end;
+        gap: 16px;
+
+        .cancel {
+          background: #FFFFFF;
+          color: #222222;
+          box-sizing: border-box;
+          border: 1px solid #D9D9D9;
+        }
+        .ok {
+          background: #1678FF;
+          color: #fff;
+        }
+        .lib_btn {
+          width: 100px;
+          height: 40px;
+          border-radius: 4px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          font-size: 14px;
+        }
+      }
+
+    }
+  }
+
+}
+