ydb-components-material 0.1.13 → 0.1.15

package/es/components/pre-check-res-pc/index.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import FileIcon from "./icons/file.svg";
+import NotPassedIcon from "./icons/notPassed.svg";
+import WarningIcon from "./icons/warning.svg";
+import ViewIcon from "./icons/view.svg";
+import PassedIcon from "./icons/passed.svg";
+import "./index.scss";
+var PreCheckResPC = function PreCheckResPC(_ref) {
+  var file = _ref.file,
+    fileName = _ref.fileName,
+    res = _ref.res,
+    style = _ref.style;
+  var resIcon = {
+    passed: PassedIcon,
+    warning: WarningIcon,
+    notPassed: NotPassedIcon
+  }[res];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pre_check_res_pc",
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "file_img"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: FileIcon,
+    alt: ""
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "file_name"
+  }, fileName), /*#__PURE__*/React.createElement("div", {
+    className: "view"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: ViewIcon,
+    alt: ""
+  }), "\u8BE6\u60C5"), /*#__PURE__*/React.createElement("img", {
+    className: "res_icon",
+    src: resIcon,
+    alt: ""
+  }));
+};
+PreCheckResPC.displayName = 'PreCheckResPC';
+export default PreCheckResPC;

package/es/components/pre-check-res-pc/index.scss

@@ -0,0 +1,43 @@
+.pre_check_res_pc {
+  border-radius: 4px;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  background: #F5F6F8;
+  padding: 10px 12px;
+
+  .file_img {
+    width: 52px;
+    height: 52px;
+    border-radius: 4px;
+    opacity: 1;
+    background: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  .file_name {
+    color: #222222;
+    font-size: 12px;
+    margin-left: 12px;
+  }
+
+  .view {
+    margin-left: 16px;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: #1678FF;
+    gap: 4px;
+  }
+  .res_icon {
+    margin-left: auto;
+    margin-top: -25px;
+  }
+}

package/es/components/scene-tree/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface SceneTreeProps {
+    /**
+     * data
+     */
+    dataSource?: object;
+    style?: object;
+}
+declare const SceneTree: React.FC<SceneTreeProps>;
+export default SceneTree;

package/es/components/scene-tree/index.js

@@ -0,0 +1,201 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _Radio from "@alifd/next/es/radio";
+import _Form from "@alifd/next/es/form";
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import * as React from 'react';
+import { useState } from 'react';
+// import './index.scss';
+var FormItem = _Form.Item;
+var RadioGroup = _Radio.Group;
+var SceneTree = function SceneTree(_ref) {
+  var dataSource = _ref.dataSource,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  var _useState = useState(function () {
+      console.log('---', dataSource);
+      if (dataSource) {
+        dataSource.children = [];
+        return dataSource;
+      }
+      return null;
+    }),
+    curTree = _useState[0],
+    setCurTree = _useState[1];
+  console.log('curTree', curTree);
+  // const dataSource = {
+  //   title: '题目1',
+  //   id: 0,
+  //   options: [
+  //     {
+  //       name: '选项1',
+  //       id: 1,
+  //       pid: 0,
+  //       value: 1,
+  //       children: [
+  //         {
+  //           title: '题目1-1',
+  //           id: 11,
+  //           options: [
+  //             {
+  //               name: '选项1-1-1',
+  //               value: 111,
+  //               pid: 11,
+  //               children: [
+  //                 {
+  //                   title: '题目1-1-1-1',
+  //                   id: 1111,
+  //                   options: [
+  //                     {
+  //                       name: '选项1-1-1-1-1',
+  //                       value: 1111,
+  //                       pid: 1111
+  //                     },
+  //                     {
+  //                       name: '选项1-1-1-1-2',
+  //                       value: 1112,
+  //                       pid: 1111
+  //                     }
+  //                   ]
+  //                 }
+  //               ]
+  //             },
+  //             {
+  //               name: '选项1-1-2',
+  //               value: 112,
+  //               pid: 11,
+  //               children: [
+  //                 {
+  //                   title: '题目1-1-2-1',
+  //                   options: [
+  //                     {
+  //                       name: '选项1-1-2-1-1',
+  //                       value: 1121,
+  //                       pid: 112
+  //                     },
+  //                     {
+  //                       name: '选项1-1-2-1-2',
+  //                       value: 1122,
+  //                       pid: 112
+  //                     }
+  //                   ]
+  //                 }
+  //               ]
+  //             }
+  //           ]
+  //         },
+  //       ]
+  //     },
+  //     {
+  //       name: '选项2',
+  //       value: 2,
+  //       id: 2,
+  //       pid: 0,
+  //       children: [
+  //         {
+  //           title: '节点2-1',
+  //           value: 21,
+  //           id: 21,
+  //           options: [
+  //             {
+  //               name: '选项2-1-1',
+  //               value: 211,
+  //               id: 211
+  //             },
+  //             {
+  //               name: '选项2-1-2',
+  //               value: 212,
+  //               id: 212
+  //             }
+  //           ]
+  //         },
+  //       ]
+  //     }
+  //   ]
+  // }
+
+  var onValChange = function onValChange(val, e) {
+    var targetId = +e.target.id;
+
+    // 根据ID查找节点的辅助函数
+    var _findNodeById = function findNodeById(currentNode, id) {
+      console.log('currentNode', currentNode, id);
+      if (currentNode.id === id) {
+        return currentNode;
+      }
+      if (currentNode.options) {
+        for (var _iterator = _createForOfIteratorHelperLoose(currentNode.options), _step; !(_step = _iterator()).done;) {
+          var child = _step.value;
+          console.log('child', child);
+          var found = _findNodeById(child, id);
+          console.log('found', found);
+          if (found) return found;
+        }
+      }
+      if (currentNode.children) {
+        for (var _iterator2 = _createForOfIteratorHelperLoose(currentNode.children), _step2; !(_step2 = _iterator2()).done;) {
+          var _child = _step2.value;
+          var _found = _findNodeById(_child, id);
+          if (_found) return _found;
+        }
+      }
+      return null;
+    };
+    // 在源数据中找到对应的题目
+    var targetNodeOfOriginTree = _findNodeById(dataSource, targetId);
+    console.log('targetNodeOfOriginTree', targetNodeOfOriginTree);
+    // 找到题目下选中的那个选项
+    var targetOption = targetNodeOfOriginTree.options.find(function (item) {
+      return item.value === val;
+    });
+    // 拿到选中选项的子题目
+    var targetNodeChildList = targetOption.children.map(function (item) {
+      delete item.children;
+      return item;
+    });
+    // 找到当前树中对应的那个题目
+    var targetNodeOfCurTree = _findNodeById(curTree, targetId);
+    // 把子题目添加到当前树中
+    targetNodeOfCurTree.children = targetNodeChildList;
+    targetNodeOfCurTree.value = val;
+    console.log('targetNode', targetNodeOfOriginTree);
+    console.log('curTree', curTree);
+    setCurTree(_extends({}, curTree));
+    // console.log('target', findNodeById(dataSource, targetId))
+    console.log('val', val, e, targetId);
+  };
+  var _TreeNode = function TreeNode(_ref2) {
+    var node = _ref2.node;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormItem, {
+      name: "baseUser",
+      label: node.title,
+      required: true,
+      style: {
+        borderBottom: node.children ? '1px solid #EEEEEE' : '',
+        paddingBottom: node.children ? '16px' : ''
+      }
+    }, /*#__PURE__*/React.createElement(RadioGroup, {
+      value: node.value,
+      onChange: onValChange,
+      "aria-labelledby": "groupId"
+    }, node.options.map(function (option) {
+      return /*#__PURE__*/React.createElement(_Radio, {
+        id: option.pid,
+        value: option.value
+      }, option.name);
+    }))), node.children && node.children.map(function (item) {
+      return /*#__PURE__*/React.createElement(_TreeNode, {
+        node: item
+      });
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "SceneTree",
+    style: style
+  }, curTree && curTree.title ? /*#__PURE__*/React.createElement(_TreeNode, {
+    node: curTree
+  }) : null);
+};
+SceneTree.displayName = 'SceneTree';
+export default SceneTree;

package/es/components/tips/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/es/components/tips/index.d.ts

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

package/es/components/tips/index.js

@@ -3,24 +3,25 @@ import "./index.scss";
 import warningImg from "./icon/icon_warning.svg";
 import successImg from "./icon/icon_success.svg";
 import errorImg from "./icon/icon_error.svg";
+import errorMsgImg from "./icon/icon_errorMsg.svg";
 var Tips = function Tips(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? '文案' : _ref$text,
     type = _ref.type,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style;
-  var color = '#333333';
-  if (type === 'warning') {
-    color = '#F29655';
-  } else if (type === 'error') {
-    color = '#FF6237';
-  }
-  var icon = successImg;
-  if (type === 'warning') {
-    icon = warningImg;
-  } else if (type === 'error') {
-    icon = errorImg;
-  }
+  var color = {
+    success: '#333333',
+    warning: '#F29655',
+    error: '#FF6237',
+    errorMsg: '#FF6237'
+  }[type];
+  var icon = {
+    success: successImg,
+    warning: warningImg,
+    error: errorImg,
+    errorMsg: errorMsgImg
+  }[type];
   return /*#__PURE__*/React.createElement("div", {
     className: "tips",
     style: style

package/es/index.d.ts

@@ -21,5 +21,17 @@ export type { SuccessPromptProps } from './components/success-prompt';
 export { default as SuccessPrompt } from './components/success-prompt';
 export type { CheckDetailProps } from './components/check-detail';
 export { default as CheckDetail } from './components/check-detail';
+export type { FilePCProps } from './components/file-pc';
+export { default as FilePC } from './components/file-pc';
+export type { PreCheckResPCProps } from './components/pre-check-res-pc';
+export { default as PreCheckResPC } from './components/pre-check-res-pc';
+export type { CheckDetailPcProps } from './components/check-detail-pc';
+export { default as CheckDetailPc } from './components/check-detail-pc';
+export type { IconCustomProps } from './components/icon-custom';
+export { default as IconCustom } from './components/icon-custom';
+export type { FormProps } from './components/form';
+export { default as Form } from './components/form';
+export type { SceneTreeProps } from './components/scene-tree';
+export { default as SceneTree } from './components/scene-tree';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -10,5 +10,11 @@ export { default as Statstic } from "./components/statistic";
 export { default as MaterialCheckRes } from "./components/material-check-res";
 export { default as SuccessPrompt } from "./components/success-prompt";
 export { default as CheckDetail } from "./components/check-detail";
+export { default as FilePC } from "./components/file-pc";
+export { default as PreCheckResPC } from "./components/pre-check-res-pc";
+export { default as CheckDetailPc } from "./components/check-detail-pc";
+export { default as IconCustom } from "./components/icon-custom";
+export { default as Form } from "./components/form";
+export { default as SceneTree } from "./components/scene-tree";
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/style.js

@@ -3,4 +3,5 @@ import '@alifd/next/es/input/style';
 import '@alifd/next/es/icon/style';
 import '@alifd/next/es/message/style';
 import '@alifd/next/es/radio/style';
+import '@alifd/next/es/form/style';
 import './index.scss';

package/lib/components/check-detail-pc/icons/collapse.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="10" height="9" viewBox="0 0 10 9"><defs><clipPath id="master_svg0_106_80611"><rect x="0" y="0" width="10" height="9" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_80611)"><g transform="matrix(1,0,0,-1,0,17.71533203125)"><path d="M4.898625875,16.430965915625002L0.959016145,12.885326415625C0.789221225,12.732511015625,0.5139379749999999,12.732511015625,0.344143065,12.885326415625C0.17434813500000002,13.038141715624999,0.17434813500000002,13.285896815625,0.344143065,13.438712615625L4.881116375,17.521987915624997L9.418089875,13.438712615625C9.587883975,13.285896815625,9.587883975,13.038141715624999,9.418089875,12.885326415625C9.248294875,12.732511015625,8.973001475,12.732511015625,8.803206475,12.885326415625L4.898625875,16.430965915625002ZM4.891565275,12.511571615625L0.959016145,8.972277585625C0.789221225,8.819462153625,0.5139379749999999,8.819462153625,0.344143065,8.972277585625C0.17434813500000002,9.125093015625,0.17434813500000002,9.372847915625,0.344143065,9.525663255625L4.881116375,13.608929615625L9.418088875,9.525663255625C9.587883975,9.372847855625,9.587883975,9.125092985625,9.418088875,8.972277585625C9.248292875,8.819462153625,8.973000575,8.819462153625,8.803205475,8.972277585625L4.891565275,12.511571615625Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/check-detail-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="12" height="12" viewBox="0 0 12 12"><defs><clipPath id="master_svg0_106_80458"><rect x="0" y="0" width="12" height="12" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_106_80458)"><g><path d="M11.976608,5.999433975C11.907053,5.712406675,11.814432,5.431489975,11.699649,5.159433375C11.489883,4.638104675,11.213079,4.146448875,10.876257,3.696933475C10.380658,3.0696872749999997,9.7549076,2.5578722750000003,9.0423384,2.196933685C8.0943193,1.723987315,7.0472364,1.484847635,5.9883041,1.4994334877C4.9287958,1.477817923,3.8793688,1.709194215,2.9267836,2.174433525C2.215251,2.536966675,1.5898159,3.0485231749999997,1.0928653,3.674433475C0.75088453,4.132882575,0.47613162,4.638001174999999,0.27695891,5.174433275C0.15477665,5.438445775,0.061900344,5.715104575,0,5.999433975C0.070602633,6.288046375,0.1683497,6.569303975,0.29192981,6.839433175C0.49750778,7.372916675,0.77179992,7.877187775,1.1078362,8.339433675C1.6025732,8.967528775,2.2285273,9.479510274999999,2.9417543,9.839434575C3.8905203,10.298809075,4.9348779,10.525055875,5.9883041,10.499433475C7.0462794,10.521311775,8.093915,10.287192375,9.0423384,9.816934575C9.7555666,9.457010275,10.38152,8.945029775,10.876257,8.316934074999999C11.217245,7.856597875,11.494241,7.351984475,11.699649,6.816933675C11.814212,6.552514575,11.906845,6.279089475,11.976608,5.999433975ZM11.003509,5.999433975C10.812205,6.606865875,10.524035,7.179267875,10.150175,7.694433675C9.7501783,8.218150575,9.2387667,8.646012774999999,8.6530991,8.946934174999999C7.8243518,9.352780375,6.9104919,9.553399075,5.9883037,9.531932875C5.0768776,9.550085075,4.174068,9.352210075,3.3534498,8.954433475C2.7677822,8.653511075,2.2563717,8.225649875,1.8563739,7.701934375C1.4779785,7.184583175,1.184823,6.609787475,0.98807025,5.999433975C1.1817784,5.3869287749999994,1.4724196,4.809575775,1.8488888,4.289433475C2.2503228,3.767098875,2.7613974,3.3395178750000003,3.3459651,3.036933575C4.168283,2.636361075,5.0741949,2.4383682650000003,5.9883041,2.4594334350000002C6.8974915,2.439605475,7.7982602,2.637595975,8.6156731,3.036933575C9.1979942,3.342896675,9.7083969,3.769916575,10.112749,4.289433475C10.500785,4.8069281749999995,10.801681,5.384561274999999,11.003509,5.999433975ZM5.9883041,3.644433775C4.6975818,3.632024975,3.641577,4.671067475,3.6305432,5.964323075C3.619509,7.257578375,4.65763,8.314557575,5.9483757,8.324260275C7.239121,8.333962875000001,8.2929535,7.292708875,8.3012867,5.999433975C8.3179436,4.706602775,7.2787161,3.648496375,5.9883041,3.644433775ZM7.3506432,5.999433975C7.3547039,6.364675975,7.2116914,6.716146975,6.953918,6.974433375C6.4309106,7.512349175,5.5681524,7.512349175,5.045146,6.974433375C4.5164418,6.432364475,4.5164418,5.566502575,5.045146,5.024433875C5.571702,4.495013675,6.4273624,4.495013675,6.953918,5.024433875C7.2116914,5.282719375,7.3547039,5.634191075,7.3506432,5.999433975Z" fill="#1678FF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

package/lib/components/check-detail-pc/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.scss';
+export interface CheckDetailPcProps {
+    /**
+     * 类型
+     */
+    type?: "notPassed" | "warning" | "success";
+    title: string;
+    text: string;
+    style?: object;
+}
+declare const CheckDetailPc: React.FC<CheckDetailPcProps>;
+export default CheckDetailPc;

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/index.d.ts

@@ -7,6 +7,8 @@ export interface CheckResProps {
     res?: boolean;
     name: string;
     hasBorderBottom?: boolean;
+    desc: string;
+    jumpFun?: () => void;
 }
 declare const CheckRes: React.FC<CheckResProps>;
 export default CheckRes;

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

@@ -11,7 +11,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var CheckRes = function CheckRes(_ref) {
   var res = _ref.res,
     name = _ref.name,
-    hasBorderBottom = _ref.hasBorderBottom;
+    hasBorderBottom = _ref.hasBorderBottom,
+    desc = _ref.desc,
+    jumpFun = _ref.jumpFun;
   var text = '预检中...';
   if (res === true) {
     text = '预检成功';
@@ -42,7 +44,12 @@ var CheckRes = function CheckRes(_ref) {
     style: {
       color: color
     }
-  }, text)));
+  }, text)), desc && /*#__PURE__*/React.createElement("div", {
+    className: "prompt"
+  }, /*#__PURE__*/React.createElement("div", null, desc), jumpFun && /*#__PURE__*/React.createElement("div", {
+    className: "btn",
+    onClick: jumpFun
+  }, "\u53BB\u529E\u7406")));
 };
 CheckRes.displayName = 'CheckRes';
 var _default = exports["default"] = CheckRes;