ydb-components-material 0.1.12 → 0.1.14

package/lib/components/check-detail-pc/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _collapse = _interopRequireDefault(require("./icons/collapse.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 CheckDetailPc = function CheckDetailPc(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'success' : _ref$type,
+    title = _ref.title,
+    text = _ref.text,
+    style = _ref.style;
+  var _useState = (0, _react.useState)(false),
+    isShowMask = _useState[0],
+    setIsShowMask = _useState[1];
+  var _useState2 = (0, _react.useState)(true),
+    isCollapsed = _useState2[0],
+    setIsCollapsed = _useState2[1];
+  var color = {
+    success: '#15865F',
+    warning: '#C38A38',
+    notPassed: '#B71A1E'
+  }[type];
+  var bgColor = {
+    success: '#EFF9F5',
+    warning: '#FFF8ED',
+    notPassed: '#FBF3F4'
+  }[type];
+  var borderColor = {
+    success: '#15865F',
+    warning: '#DDB478',
+    notPassed: '#B71A1E'
+  }[type];
+  var btnColor = {
+    success: 'linear-gradient(180deg, #46A584 0%, #64BFA0 100%)',
+    warning: 'linear-gradient(180deg, #CC9A5F 0%, #EBC98D 100%)',
+    notPassed: 'linear-gradient(180deg, #BD2B2F 0%, #D45256 100%)'
+  }[type];
+  var view = function view() {
+    setIsShowMask(true);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "CheckDetailPc",
+    style: (0, _extends2["default"])({}, style, {
+      backgroundColor: bgColor,
+      borderColor: borderColor
+    })
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title"
+  }, "\u6807\u9898"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text",
+    style: {
+      color: color
+    }
+  }, "\u6587\u5B57\u6587\u5B57\u6587\u5B57\u6587\u5B57\u6587\u5B57\u6587\u5B57\u6587\u5B57\u6587\u5B57"), isCollapsed ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn",
+    style: {
+      background: btnColor,
+      width: '88px'
+    },
+    onClick: function onClick() {
+      return setIsCollapsed(false);
+    }
+  }, "\u67E5\u770B\u5BA1\u67E5\u4F9D\u636E") : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn",
+    style: {
+      background: btnColor,
+      width: '58px'
+    },
+    onClick: function onClick() {
+      return setIsCollapsed(true);
+    }
+  }, "\u6536\u8D77", /*#__PURE__*/_react["default"].createElement("img", {
+    src: _collapse["default"],
+    alt: "\u6536\u8D77"
+  })), !isCollapsed && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "detail"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "list"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u5BA1\u67E5\u5B57\u6BB5\u53F7\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value number"
+  }, "1")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u5BA1\u67E5\u5B57\u6BB5\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value"
+  }, "\u673A\u6784\u540D\u79F0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u5BA1\u67E5\u5B57\u6BB5\u503C\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value"
+  }, "\u673A\u6784\u540D\u79F0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u89C4\u5219\u540D\u79F0\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value"
+  }, "\u673A\u6784\u540D\u79F0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u89C4\u5219\u7C7B\u578B\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value"
+  }, "\u673A\u6784\u540D\u79F0")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u5BA1\u67E5\u4F9D\u636E\u6765\u6E90\uFF1A"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "source_item"
+  }, "\u5E02\u76D1\u5C40\u6CD5\u4EBA\u5E93")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item",
+    style: {
+      alignItems: 'flex-start'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "key"
+  }, "\u5BA1\u67E5\u7ED3\u679C\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "value",
+    style: {
+      flex: 0.9,
+      color: '#F7625D'
+    }
+  }, "\u6750\u6599\u5143\u7D20\u4E0E\u591A\u6750\u6599\u4E00\u81F4\u6027\u672A\u901A\u8FC7\uFF0C\u8BF7\u4ED4\u7EC6\u68C0\u67E5"))), type !== 'success' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bottom"
+  }, "\u5BA1\u6838\u6709\u8BEF\uFF1F\u70B9\u6B64", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ignore"
+  }, "\u5FFD\u7565\u95EE\u9898"))));
+};
+CheckDetailPc.displayName = 'CheckDetailPc';
+var _default = exports["default"] = CheckDetailPc;

package/lib/components/check-detail-pc/index.scss

@@ -0,0 +1,52 @@
+.CheckDetailPc {
+  padding: 12px;
+  width: 100%;
+
+  .title {
+    color: #222222;
+    font-size: 14px;
+  }
+
+  .text {
+    font-size: 12px;
+    margin-top: 8px;
+  }
+
+  .btn {
+    padding: 4px 8px;
+    height: 25px;
+    border-radius: 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    font-size: 12px;
+    color: white;
+    margin-top: 12px;
+  }
+
+  .list {
+    padding: 8px;
+    color: #222222;
+    font-size: 12px;
+    background-color: white;
+    margin-top: 12px;
+    margin-bottom: 8px;
+    border-radius: 4px;
+
+    .number {
+      box-sizing: border-box;
+      border: 1px solid #F7625D;
+      border-radius: 50%;
+      width: 20px;
+      height: 20px;
+      color: #F7625D !important;
+      text-align: center;
+    }
+
+    .item {
+      display: flex;
+      margin-bottom: 8px;
+    }
+  }
+}

package/lib/components/check-res/icons/fail.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><rect x="0" y="0" width="16" height="16" rx="8" fill="#FF6237" fill-opacity="1"/></g><g><path d="M11.749754926867677,5.000149726867676Q11.749754426867675,5.149304036867676,11.692675626867675,5.287104726867676Q11.635596726867675,5.424905326867676,11.530128926867675,5.530373526867676L11.530235326867675,5.530479626867676L9.060565426867676,8.000149726867676L11.530235726867677,10.469820026867676L11.530129426867676,10.469926326867675Q11.635597726867676,10.575394626867677,11.692677026867676,10.713195326867677Q11.749755826867677,10.850996026867676,11.749755826867677,11.000150226867675Q11.749755826867677,11.074003726867677,11.735347226867676,11.146438126867675Q11.720939126867677,11.218872526867676,11.692676526867675,11.287104626867675Q11.664413426867675,11.355336226867676,11.623382526867676,11.416743326867675Q11.582351726867675,11.478150326867675,11.530129426867676,11.530373526867676Q11.477906226867676,11.582595826867676,11.416499126867675,11.623626726867677Q11.355092026867677,11.664657626867676,11.286860026867675,11.692920726867676Q11.218627926867676,11.721183726867675,11.146193526867677,11.735591926867675Q11.073759126867674,11.750000026867676,10.999905626867676,11.750000026867676Q10.850750926867676,11.750000026867676,10.712950226867676,11.692920726867676Q10.575149526867676,11.635841826867676,10.469681726867677,11.530374026867676L10.469575426867676,11.530480426867676L7.999905626867676,9.060810126867676L5.530235726867676,11.530480426867676L5.530129426867676,11.530374026867676Q5.424661126867676,11.635841826867676,5.286860626867676,11.692920726867676Q5.149059886867676,11.750000026867676,4.999905586867676,11.750000026867676Q4.9260517368676755,11.750000026867676,4.853617076867676,11.735591926867675Q4.781182346867675,11.721183726867675,4.712950346867676,11.692920726867676Q4.644718346867676,11.664658026867675,4.583311196867676,11.623626726867677Q4.521904016867675,11.582596326867677,4.469681526867676,11.530374026867676Q4.417459006867675,11.478151326867675,4.376428056867676,11.416743726867676Q4.335397094867676,11.355336226867676,4.307134478867676,11.287104626867675Q4.2788718618676755,11.218872526867676,4.264463706867676,11.146438126867675Q4.250055551528676,11.074003726867677,4.250055551528676,11.000150226867675Q4.250055551528676,10.850996026867676,4.307134523867676,10.713195326867677Q4.364213496867675,10.575394626867677,4.469681676867676,10.469926326867675L4.469575466867676,10.469820026867676L6.939245426867676,8.000149726867676L4.469575886867676,5.530479626867676L4.4696822168676755,5.530373526867676Q4.364214106867676,5.424905326867676,4.307135186867676,5.287104726867676Q4.250056266791676,5.149304036867676,4.250056266784676,5.000149726867676Q4.250056266784676,4.9262959368676755,4.264464417867676,4.853861216867676Q4.278872567867676,4.781426546867676,4.307135175867676,4.713194516867675Q4.335397779867676,4.6449624868676755,4.376428726867676,4.583555336867676Q4.417459676867676,4.522148166867676,4.469682176867676,4.4699256868676756Q4.521904676867676,4.417703166867676,4.583311826867676,4.376672196867676Q4.644718946867676,4.335641242867676,4.712950916867676,4.307378623867676Q4.781182886867676,4.279116004867676,4.853617606867676,4.264707848867676Q4.926052276867676,4.250299692157676,4.999906066867676,4.250299692157676Q5.149060366867676,4.250299692157676,5.286861026867676,4.307378612867676Q5.424661726867676,4.3644575368676755,5.530129926867676,4.469925646867676L5.530235726867676,4.469819726867676L7.999905626867676,6.939489626867676L10.469575426867676,4.469819726867676L10.469681226867676,4.469925646867676Q10.575149026867676,4.3644575368676755,10.712949726867675,4.307378612867676Q10.850750426867677,4.250299692157676,10.999905126867676,4.250299692157676Q11.073758626867676,4.250299692157676,11.146193026867675,4.264707848867676Q11.218627426867677,4.279116002867676,11.286859526867676,4.307378619867675Q11.355091126867677,4.335641234867675,11.416498226867676,4.376672196867676Q11.477905226867676,4.417703146867676,11.530128526867676,4.469925666867676Q11.582350726867677,4.522148166867676,11.623381626867676,4.583555336867676Q11.664412526867675,4.6449624868676755,11.692675126867677,4.713194486867676Q11.720937726867675,4.781426486867676,11.735346326867676,4.853861216867676Q11.749754426867675,4.9262959368676755,11.749754926867677,5.000149726867676Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

package/lib/components/check-res/icons/success.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><rect x="0" y="0" width="16" height="16" rx="8" fill="#15BC83" fill-opacity="1"/></g><g><path d="M12.930224390734864,6.1302238146325685Q13.035691290734864,6.0247556546325685,13.092770590734863,5.886954964632569Q13.149849890734863,5.749154284632568,13.149849890734863,5.599999904632568Q13.149849890734863,5.526146121632569,13.135440790734863,5.453711424632568Q13.121031790734863,5.381276724632569,13.092769590734862,5.313044724632569Q13.064507490734863,5.244812724632569,13.023476590734862,5.183405574632569Q12.982445690734863,5.121998394632568,12.930223490734864,5.069775874632568Q12.878001190734864,5.017553384632569,12.816594090734863,4.976522444632568Q12.755186590734862,4.935491444632568,12.686954490734863,4.907228824632568Q12.618722890734864,4.878966214632569,12.546288490734863,4.864558104632568Q12.473854090734864,4.850149874632568,12.400000090734864,4.850149874632568Q12.250844990734862,4.850149874632568,12.113043790734864,4.9072289446325685Q11.975243590734863,4.964307964632568,11.869775790734863,5.0697762346325685L11.869669390734863,5.0696698446325685L7.200000090734863,9.739339804632568L5.330330250734863,7.8696701046325686L5.330224270734863,7.869776004632568Q5.224756180734864,7.764308004632568,5.0869554307348634,7.707228904632569Q4.949154660734863,7.650150104632568,4.800000190734863,7.650150104632568Q4.726146407734864,7.650150104632568,4.653711710734863,7.664558204632568Q4.581277010734864,7.678966504632569,4.513045010734864,7.707228904632569Q4.444813010734864,7.735491504632568,4.383405860734864,7.776522404632568Q4.321998680734863,7.817553304632568,4.269776160734863,7.869775804632568Q4.217553670734864,7.921998304632568,4.176522730734863,7.983405604632568Q4.135491730734863,8.044812704632568,4.107229110734863,8.113044704632568Q4.078966500734864,8.181276804632569,4.064558390734863,8.253711504632568Q4.050150160734863,8.326146104632569,4.050150160734863,8.400000104632568Q4.050150210734863,8.549154304632568,4.107229110734863,8.68695500463257Q4.164308070734863,8.824755704632569,4.269776110734863,8.930224204632568L4.2696701307348635,8.930330004632568L6.528248890734863,11.188909004632569Q6.806497590734864,11.467157804632567,7.200000290734863,11.467157804632567Q7.593502490734863,11.467157804632567,7.871751790734863,11.188909004632569L12.930330290734863,6.130329964632568L12.930224390734864,6.1302238146325685Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

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

@@ -3,8 +3,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
 var React = _interopRequireWildcard(require("react"));
+var _success = _interopRequireDefault(require("./icons/success.svg"));
+var _fail = _interopRequireDefault(require("./icons/fail.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 CheckRes = function CheckRes(_ref) {
@@ -23,7 +24,7 @@ var CheckRes = function CheckRes(_ref) {
   } else if (res === true) {
     color = '#15BC83';
   }
-  var iconType = res ? 'success-filling' : 'delete-filling';
+  var icon = res ? _success["default"] : _fail["default"];
   var borderBottom = hasBorderBottom ? '1px solid #EEEEEE' : 'none';
   return /*#__PURE__*/React.createElement("div", {
     className: "check_res",
@@ -34,13 +35,9 @@ var CheckRes = function CheckRes(_ref) {
     className: "name"
   }, name), /*#__PURE__*/React.createElement("div", {
     className: "res"
-  }, res !== undefined && /*#__PURE__*/React.createElement(_icon["default"], {
-    size: "small",
-    style: {
-      color: color,
-      marginRight: '6px'
-    },
-    type: iconType
+  }, res !== undefined && /*#__PURE__*/React.createElement("img", {
+    className: "icon",
+    src: icon
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       color: color

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

@@ -10,10 +10,16 @@
   .name {
     font-size: 14px;
     color: #333;
+    flex: 1;
+    margin-right: 5px;
   }
 
   .res {
     display: flex;
     align-items: center;
+
+    .icon {
+      margin-right: 8px;
+    }
   }
 }

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;