ydb-components-material 0.1.124 → 0.1.126

package/lib/components/guide-pc/components/materialsList.js

@@ -8,7 +8,6 @@ var _dialog = _interopRequireDefault(require("@alifd/next/lib/dialog"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
 var React = _interopRequireWildcard(require("react"));
-var _guideTitle = _interopRequireDefault(require("./guideTitle"));
 require("./materialsList.scss");
 var _api = require("../../../api.js");
 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 _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
@@ -229,141 +228,139 @@ var MaterialsList = function MaterialsList(_ref) {
     return item.subMaterials && item.subMaterials.length > 0;
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "materialsList-content"
-  }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
-    title: "\u6750\u6599\u6E05\u5355"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "table-con"
+    className: "pc-materialsList-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pc-table-con"
   }, /*#__PURE__*/React.createElement("table", {
-    className: "material-table"
+    className: "pc-material-table"
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-    className: "col-name"
+    className: "pc-col-name"
   }, "\u6750\u6599\u540D\u79F0"), /*#__PURE__*/React.createElement("th", {
-    className: "col-type"
+    className: "pc-col-type"
   }, "\u6750\u6599\u5206\u7C7B"), /*#__PURE__*/React.createElement("th", {
-    className: "col-need"
+    className: "pc-col-need"
   }, "\u6750\u6599\u5FC5\u8981\u6027"), /*#__PURE__*/React.createElement("th", {
-    className: "col-sample"
+    className: "pc-col-sample"
   }, "\u6837\u8868"), /*#__PURE__*/React.createElement("th", {
-    className: "col-form"
+    className: "pc-col-form"
   }, "\u7A7A\u767D\u8868\u683C"), /*#__PURE__*/React.createElement("th", {
-    className: "col-check"
+    className: "pc-col-check"
   }, "\u5BA1\u67E5\u8981\u70B9"))), /*#__PURE__*/React.createElement("tbody", null, list.map(function (item, index) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("tr", {
-      className: "data-row"
+      className: "pc-data-row"
     }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
-      className: "material-name-cell"
+      className: "pc-material-name-cell"
     }, item.materialName)), /*#__PURE__*/React.createElement("td", {
-      className: "center"
+      className: "pc-center"
     }, !hasSubMaterials(item) && /*#__PURE__*/React.createElement("div", {
-      className: "type-btns"
+      className: "pc-type-btns"
     }, getFileType(item) === '智' && /*#__PURE__*/React.createElement("span", {
-      className: "type-tag type-tag-zhi",
+      className: "pc-type-tag pc-type-tag-zhi",
       onClick: function onClick() {
         return showTip('智');
       }
     }, "\u667A"), getFileType(item) === '享' && /*#__PURE__*/React.createElement("span", {
-      className: "type-tag type-tag-xiang",
+      className: "pc-type-tag pc-type-tag-xiang",
       onClick: function onClick() {
         return showTip('享');
       }
     }, "\u4EAB"), getFileType(item) === '自' && /*#__PURE__*/React.createElement("span", {
-      className: "type-tag type-tag-zi",
+      className: "pc-type-tag pc-type-tag-zi",
       onClick: function onClick() {
         return showTip('自');
       }
     }, "\u81EA"))), /*#__PURE__*/React.createElement("td", {
-      className: "center"
+      className: "pc-center"
     }, item.isNeed === '1' ? '必要' : '非必要'), /*#__PURE__*/React.createElement("td", {
-      className: "center"
+      className: "pc-center"
     }, !hasSubMaterials(item) && /*#__PURE__*/React.createElement("div", {
-      className: "link-list"
+      className: "pc-link-list"
     }, initMaterialExample(item).map(function (sub, si) {
       return /*#__PURE__*/React.createElement("span", {
-        className: "link",
+        className: "pc-link",
         key: si,
         onClick: function onClick() {
           return previewFile(sub);
         }
       }, sub.name);
     }))), /*#__PURE__*/React.createElement("td", {
-      className: "center"
+      className: "pc-center"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "link-list"
+      className: "pc-link-list"
     }, initFormGuid(item).map(function (sub, si) {
       return /*#__PURE__*/React.createElement("span", {
-        className: "link",
+        className: "pc-link",
         key: si,
         onClick: function onClick() {
           return goDownLoad(sub);
         }
       }, sub.name);
     }))), /*#__PURE__*/React.createElement("td", {
-      className: "center"
+      className: "pc-center"
     }, item.keyPoint && /*#__PURE__*/React.createElement("span", {
-      className: "link",
+      className: "pc-link",
       onClick: function onClick() {
         return checkPoint(item);
       }
     }, "\u67E5\u770B"))), hasSubMaterials(item) && item.subMaterials.map(function (sub, si) {
       return /*#__PURE__*/React.createElement("tr", {
-        className: "data-row sub-row",
+        className: "pc-data-row pc-sub-row",
         key: "sub-" + si
       }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
-        className: "material-name-cell sub-name"
+        className: "pc-material-name-cell pc-sub-name"
       }, /*#__PURE__*/React.createElement("span", {
-        className: "sub-indent"
+        className: "pc-sub-indent"
       }), sub.materialName)), /*#__PURE__*/React.createElement("td", {
-        className: "center"
+        className: "pc-center"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "type-btns"
+        className: "pc-type-btns"
       }, getFileType(sub) === '智' && /*#__PURE__*/React.createElement("span", {
-        className: "type-tag type-tag-zhi",
+        className: "pc-type-tag pc-type-tag-zhi",
         onClick: function onClick() {
           return showTip('智');
         }
       }, "\u667A"), getFileType(sub) === '享' && /*#__PURE__*/React.createElement("span", {
-        className: "type-tag type-tag-xiang",
+        className: "pc-type-tag pc-type-tag-xiang",
         onClick: function onClick() {
           return showTip('享');
         }
       }, "\u4EAB"), getFileType(sub) === '自' && /*#__PURE__*/React.createElement("span", {
-        className: "type-tag type-tag-zi",
+        className: "pc-type-tag pc-type-tag-zi",
         onClick: function onClick() {
           return showTip('自');
         }
       }, "\u81EA"))), /*#__PURE__*/React.createElement("td", {
-        className: "center"
+        className: "pc-center"
       }, sub.isNeed === '1' ? '必要' : '非必要'), /*#__PURE__*/React.createElement("td", {
-        className: "center"
+        className: "pc-center"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "link-list"
+        className: "pc-link-list"
       }, initMaterialExample(sub).map(function (s, sii) {
         return /*#__PURE__*/React.createElement("span", {
-          className: "link",
+          className: "pc-link",
           key: sii,
           onClick: function onClick() {
             return previewFile(s);
           }
         }, s.name);
       }))), /*#__PURE__*/React.createElement("td", {
-        className: "center"
+        className: "pc-center"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "link-list"
+        className: "pc-link-list"
       }, initFormGuid(sub).map(function (s, sii) {
         return /*#__PURE__*/React.createElement("span", {
-          className: "link",
+          className: "pc-link",
           key: sii,
           onClick: function onClick() {
             return goDownLoad(s);
           }
         }, s.name);
       }))), /*#__PURE__*/React.createElement("td", {
-        className: "center"
+        className: "pc-center"
       }, sub.keyPoint && /*#__PURE__*/React.createElement("span", {
-        className: "link",
+        className: "pc-link",
         onClick: function onClick() {
           return checkPoint(sub);
         }
@@ -375,11 +372,11 @@ var MaterialsList = function MaterialsList(_ref) {
       return setPreviewShow(false);
     },
     footer: false,
-    className: "preview-dialog"
+    className: "pc-preview-dialog"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "preview-inner"
+    className: "pc-preview-inner"
   }, previewLoading && /*#__PURE__*/React.createElement("div", {
-    className: "loading-con"
+    className: "pc-loading-con"
   }, "\u52A0\u8F7D\u4E2D..."), /*#__PURE__*/React.createElement("iframe", {
     id: "previewIframe",
     frameBorder: "0",

package/lib/components/guide-pc/components/materialsList.scss

@@ -1,12 +1,12 @@
-.materialsList-content {
+.pc-materialsList-content {
   padding-top: 20px;
 
-  .table-con {
+  .pc-table-con {
     margin-top: 20px;
     overflow-x: auto;
   }
 
-  .material-table {
+  .pc-material-table {
     width: 100%;
     border-collapse: collapse;
     border: 1px solid #e8e8e8;
@@ -43,23 +43,23 @@
       }
     }
 
-    .col-name { width: 110px; }
-    .col-type { width: 100px; text-align: center; }
-    .col-need { width: 100px; text-align: center; }
-    .col-sample { width: 120px; text-align: center; }
-    .col-form { width: 120px; text-align: center; }
-    .col-check { width: 100px; text-align: center; }
+    .pc-col-name { width: 110px; }
+    .pc-col-type { width: 100px; text-align: center; }
+    .pc-col-need { width: 100px; text-align: center; }
+    .pc-col-sample { width: 120px; text-align: center; }
+    .pc-col-form { width: 120px; text-align: center; }
+    .pc-col-check { width: 100px; text-align: center; }
 
-    .center {
+    .pc-center {
       text-align: center;
     }
 
-    .data-row {
+    .pc-data-row {
       &:nth-child(even) {
         background: #f7f8fa;
       }
 
-      &.sub-row {
+      &.pc-sub-row {
         td {
           padding-left: 16px;
           background: #fafbfc;
@@ -67,13 +67,13 @@
       }
     }
 
-    .material-name-cell {
+    .pc-material-name-cell {
       display: flex;
       align-items: center;
       gap: 8px;
 
-      &.sub-name {
-        .sub-indent {
+      &.pc-sub-name {
+        .pc-sub-indent {
           display: inline-block;
           width: 20px;
           flex-shrink: 0;
@@ -85,13 +85,13 @@
       }
     }
 
-    .type-btns {
+    .pc-type-btns {
       display: flex;
       justify-content: center;
       gap: 4px;
     }
 
-    .type-tag {
+    .pc-type-tag {
       display: inline-flex;
       width: 20px;
       height: 18px;
@@ -107,13 +107,13 @@
       &-xiang { background: #15BC83; }
     }
 
-    .link-list {
+    .pc-link-list {
       display: flex;
       flex-direction: column;
       gap: 4px;
     }
 
-    .link {
+    .pc-link {
       color: #1678FF;
       cursor: pointer;
       text-decoration: none;
@@ -124,12 +124,12 @@
     }
   }
 
-  .preview-dialog {
-    .preview-inner {
+  .pc-preview-dialog {
+    .pc-preview-inner {
       height: 800px;
       width: 100%;
 
-      .loading-con {
+      .pc-loading-con {
         text-align: center;
         padding: 40px;
         color: #999;

package/lib/components/guide-pc/components/places.js

@@ -44,13 +44,13 @@ var Places = function Places(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "places-content"
+    className: "pc-places-content"
   }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
     title: "\u529E\u4E8B\u5927\u5385"
   }), list.length > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "inner-content"
+    className: "pc-inner-content"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "map-con"
+    className: "pc-map-con"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       height: '400px',
@@ -66,50 +66,50 @@ var Places = function Places(_ref) {
       position: [item.longitude, item.latitude]
     });
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "list-con"
+    className: "pc-list-con"
   }, list.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "item",
+      className: "pc-item",
       key: index,
       onClick: function onClick() {
         return clickDotHandle(item);
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "name"
+      className: "pc-name"
     }, item.hallName), /*#__PURE__*/React.createElement("div", {
-      className: "info"
+      className: "pc-info"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "icon icon-address"
+      className: "pc-icon pc-icon-address"
     }), /*#__PURE__*/React.createElement("span", {
-      className: "title_"
+      className: "pc-title_"
     }, "\u5730\u5740\uFF1A"), /*#__PURE__*/React.createElement("span", {
-      className: "desc"
+      className: "pc-desc"
     }, item.addressDetail)), /*#__PURE__*/React.createElement("div", {
-      className: "info"
+      className: "pc-info"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "icon icon-time"
+      className: "pc-icon pc-icon-time"
     }), /*#__PURE__*/React.createElement("span", {
-      className: "title_"
+      className: "pc-title_"
     }, "\u65F6\u95F4\uFF1A"), /*#__PURE__*/React.createElement("span", {
-      className: "desc"
+      className: "pc-desc"
     }, item.firstStartTime, " - ", item.firstEndTime, " / ", item.secondStartTime, " - ", item.secondEndTime)), /*#__PURE__*/React.createElement("div", {
-      className: "info"
+      className: "pc-info"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "icon icon-phone"
+      className: "pc-icon pc-icon-phone"
     }), /*#__PURE__*/React.createElement("span", {
-      className: "title_"
+      className: "pc-title_"
     }, "\u7535\u8BDD\uFF1A"), /*#__PURE__*/React.createElement("span", {
-      className: "desc"
+      className: "pc-desc"
     }, item.consultPhone)));
   }))) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-con"
+    className: "pc-empty-con"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "empty-img",
+    className: "pc-empty-img",
     style: {
       backgroundImage: "url(" + _empty["default"] + ")"
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u529E\u4E8B\u5927\u5385")));
 };
 Places.displayName = 'Places';

package/lib/components/guide-pc/components/places.scss

@@ -1,10 +1,10 @@
-.places-content {
+.pc-places-content {
   background: #ffffff;
   border-radius: 8px;
   padding: 12px 12px 0;
   margin-top: 12px;
 
-  .inner-content {
+  .pc-inner-content {
     background: #f5f6f8;
     display: flex;
     justify-content: space-between;
@@ -12,13 +12,13 @@
     border-radius: 5px;
     margin-top: 24px;
 
-    .map-con {
+    .pc-map-con {
       flex: 0.6;
       border-radius: 5px;
       overflow: hidden;
       min-height: 300px;
 
-      .map-placeholder {
+      .pc-map-placeholder {
         width: 100%;
         height: 400px;
         background: #e8edf3;
@@ -28,7 +28,7 @@
         align-items: center;
         gap: 8px;
 
-        .map-marker {
+        .pc-map-marker {
           width: 32px;
           height: 32px;
           background: #1678FF;
@@ -48,23 +48,23 @@
           }
         }
 
-        .map-coords {
+        .pc-map-coords {
           font-size: 13px;
           color: #666;
         }
 
-        .map-hint {
+        .pc-map-hint {
           font-size: 12px;
           color: #999;
         }
       }
     }
 
-    .list-con {
+    .pc-list-con {
       flex: 0.4;
       padding: 0 20px;
 
-      .item {
+      .pc-item {
         padding: 16px 0;
         border-bottom: 1px solid #EEEEEE;
         cursor: pointer;
@@ -80,14 +80,14 @@
           border-radius: 4px;
         }
 
-        .name {
+        .pc-name {
           font-size: 16px;
           font-weight: 500;
           color: #333333;
           margin-bottom: 12px;
         }
 
-        .info {
+        .pc-info {
           display: flex;
           justify-content: flex-start;
           align-items: flex-start;
@@ -96,23 +96,23 @@
           margin-top: 8px;
           color: #222222;
 
-          .icon {
+          .pc-icon {
             margin-right: 6px;
             margin-top: 4px;
             flex-shrink: 0;
           }
 
-          .icon-address::before {
+          .pc-icon-address::before {
             content: '📍';
           }
-          .icon-time::before {
+          .pc-icon-time::before {
             content: '🕐';
           }
-          .icon-phone::before {
+          .pc-icon-phone::before {
             content: '📞';
           }
 
-          .desc {
+          .pc-desc {
             flex: 1;
           }
         }
@@ -120,7 +120,7 @@
     }
   }
 
-  .empty-con {
+  .pc-empty-con {
     background: #ffffff;
     display: flex;
     justify-content: center;
@@ -128,7 +128,7 @@
     flex-direction: column;
     height: 50vh;
 
-    .empty-img {
+    .pc-empty-img {
       width: 189px;
       height: 120px;
       background-size: 100% 100%;
@@ -136,7 +136,7 @@
       margin-bottom: 12px;
     }
 
-    .empty-text {
+    .pc-empty-text {
       font-size: 14px;
       color: #8BB5ED;
     }

package/lib/components/guide-pc/components/processImg.js

@@ -159,54 +159,54 @@ var ProcessImg = function ProcessImg(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "processImg-content"
+    className: "pc-processImg-content"
   }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
     title: "\u529E\u4E8B\u6D41\u7A0B"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "sub-con"
+    className: "pc-sub-con"
   }, subList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "sub-item " + (subIndex === index ? 'active' : ''),
+      className: "pc-sub-item " + (subIndex === index ? 'active' : ''),
       key: index,
       onClick: function onClick() {
         return setSubIndex(index);
       }
     }, item);
   })), subIndex === 0 && /*#__PURE__*/React.createElement("div", {
-    className: "card"
+    className: "pc-card"
   }, strategyList.length > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "list-con"
+    className: "pc-list-con"
   }, strategyList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "item",
+      className: "pc-item",
       key: index
     }, /*#__PURE__*/React.createElement("div", {
-      className: "title-con"
+      className: "pc-title-con"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "num"
+      className: "pc-num"
     }, "0", index + 1), /*#__PURE__*/React.createElement("div", {
-      className: "item-title"
+      className: "pc-item-title"
     }, item.title)), /*#__PURE__*/React.createElement("div", {
-      className: "desc-con"
+      className: "pc-desc-con"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "desc-info"
+      className: "pc-desc-info"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "desc"
+      className: "pc-desc"
     }, item.introduction), item.fileUrl && item.isImg && /*#__PURE__*/React.createElement("img", {
-      className: "video-con",
+      className: "pc-video-con",
       src: item.fileUrl,
       alt: ""
     }), item.fileUrl && !item.isImg && /*#__PURE__*/React.createElement("video", {
-      className: "video-con",
+      className: "pc-video-con",
       src: item.fileUrl,
       controls: true
     }))));
   })) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u529E\u4E8B\u653B\u7565")), subIndex === 1 && /*#__PURE__*/React.createElement("div", {
-    className: "card"
+    className: "pc-card"
   }, processImg ? /*#__PURE__*/React.createElement("div", {
-    className: "imgView",
+    className: "pc-imgView",
     onClick: preView
   }, /*#__PURE__*/React.createElement("img", {
     src: processImg,
@@ -215,11 +215,11 @@ var ProcessImg = function ProcessImg(_ref) {
       width: '100%'
     }
   })) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-content"
+    className: "pc-empty-content"
   }, loading ? /*#__PURE__*/React.createElement(_loading["default"], {
     tip: "\u52A0\u8F7D\u4E2D"
   }) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u76F8\u5173\u6750\u6599"))));
 };
 ProcessImg.displayName = 'ProcessImg';