ydb-components-material 0.1.124 → 0.1.126

package/es/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/es/components/guide-pc/components/places.js

@@ -38,13 +38,13 @@ var Places = function Places(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "places-content"
+    className: "pc-places-content"
   }, /*#__PURE__*/React.createElement(GuideTitle, {
     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',
@@ -60,50 +60,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(" + emptyImg + ")"
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u529E\u4E8B\u5927\u5385")));
 };
 Places.displayName = 'Places';

package/es/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/es/components/guide-pc/components/processImg.js

@@ -153,54 +153,54 @@ var ProcessImg = function ProcessImg(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "processImg-content"
+    className: "pc-processImg-content"
   }, /*#__PURE__*/React.createElement(GuideTitle, {
     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,
@@ -209,11 +209,11 @@ var ProcessImg = function ProcessImg(_ref) {
       width: '100%'
     }
   })) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-content"
+    className: "pc-empty-content"
   }, loading ? /*#__PURE__*/React.createElement(_Loading, {
     tip: "\u52A0\u8F7D\u4E2D"
   }) : /*#__PURE__*/React.createElement("div", {
-    className: "empty-text"
+    className: "pc-empty-text"
   }, "\u6682\u65E0\u76F8\u5173\u6750\u6599"))));
 };
 ProcessImg.displayName = 'ProcessImg';

package/es/components/guide-pc/components/processImg.scss

@@ -1,5 +1,5 @@
-.processImg-content {
-  .sub-con {
+.pc-processImg-content {
+  .pc-sub-con {
     display: flex;
     gap: 0;
     margin: 20px 0;
@@ -8,7 +8,7 @@
     border-radius: 4px;
     overflow: hidden;
 
-    .sub-item {
+    .pc-sub-item {
       flex: 1;
       padding: 8px 0;
       text-align: center;
@@ -28,23 +28,23 @@
     }
   }
 
-  .card {
+  .pc-card {
     width: 100%;
     margin-bottom: 20px;
 
-    .list-con {
-      .item {
+    .pc-list-con {
+      .pc-item {
         margin: 16px 0;
         background: #f5f6f8;
         padding: 20px;
         border-radius: 8px;
 
-        .title-con {
+        .pc-title-con {
           display: flex;
           justify-content: flex-start;
           align-items: center;
 
-          .num {
+          .pc-num {
             background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
             color: #ffffff;
             font-size: 13px;
@@ -52,7 +52,7 @@
             border-radius: 2px;
             transform: skew(-10deg);
           }
-          .item-title {
+          .pc-item-title {
             font-size: 16px;
             font-weight: 500;
             color: #333333;
@@ -69,10 +69,10 @@
           }
         }
 
-        .desc-con {
+        .pc-desc-con {
           margin-top: 10px;
 
-          .desc-info {
+          .pc-desc-info {
             font-size: 14px;
             line-height: 22px;
             color: #333333;
@@ -82,10 +82,10 @@
             align-items: flex-start;
             gap: 50px;
 
-            .desc {
+            .pc-desc {
               flex: 1;
             }
-            .video-con {
+            .pc-video-con {
               width: 262px;
               height: 146px;
             }
@@ -95,7 +95,7 @@
     }
   }
 
-  .imgView {
+  .pc-imgView {
     cursor: pointer;
     margin: 20px 0;
     img {
@@ -103,12 +103,12 @@
     }
   }
 
-  .empty-content {
+  .pc-empty-content {
     padding: 60px 0;
     text-align: center;
   }
 
-  .empty-text {
+  .pc-empty-text {
     text-align: center;
     padding: 40px;
     color: #999;

package/es/components/guide-pc/components/result.js

@@ -19,107 +19,107 @@ var Result = function Result(_ref) {
   }, [eventInfoProp]);
   if (!list.length) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "result-content"
+      className: "pc-result-content"
     }, /*#__PURE__*/React.createElement(GuideTitle, {
       title: "\u6210\u6548\u5206\u6790"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "empty-text"
+      className: "pc-empty-text"
     }, "\u6682\u65E0\u6210\u6548\u5206\u6790"));
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "result-content"
+    className: "pc-result-content"
   }, /*#__PURE__*/React.createElement(GuideTitle, {
     title: "\u6210\u6548\u5206\u6790"
   }), list.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "card",
+      className: "pc-card",
       key: index
     }, /*#__PURE__*/React.createElement("div", {
-      className: "title"
+      className: "pc-title"
     }, "\u60C5\u5F62", index + 1), /*#__PURE__*/React.createElement("div", {
-      className: "desc"
+      className: "pc-desc"
     }, item.scene), /*#__PURE__*/React.createElement("div", {
-      className: "bg-card",
+      className: "pc-bg-card",
       style: {
-        backgroundImage: "url(https://zwfwpt.sxzwfw.gov.cn:11001/fis/18a78d3d488-true/master/18b4752f107/2026/5/2059443890220503042/bg2.png)"
+        backgroundImage: "url(https://zwfwpt.sxzwfw.gov.cn:11001/fis/18a78d3d488-true/master/18b4752f107/2026/6/2064268159861460994/bg22.png)"
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "info-title"
+      className: "pc-info-title"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "title-item"
+      className: "pc-title-item"
     }, "\u73B0\u5728\u529E\u7406\u4E1A\u52A1"), /*#__PURE__*/React.createElement("div", {
-      className: "title-item past"
+      className: "pc-title-item past"
     }, "\u8FC7\u5F80\u529E\u7406\u4E1A\u52A1")), /*#__PURE__*/React.createElement("div", {
-      className: "info-list"
+      className: "pc-info-list"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + icon1 + ")"
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: "right"
+      className: "pc-right"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "num"
+      className: "pc-num"
     }, item.materialReduction), "\u4EFD", /*#__PURE__*/React.createElement("div", {
-      className: "info-label"
+      className: "pc-info-label"
     }, "\u5E73\u5747\u63D0\u4EA4\u6750\u6599\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
-      className: "down-icon",
+      className: "pc-down-icon",
       style: {
         backgroundImage: "url(" + down + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + icon2 + ")"
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: "right"
+      className: "pc-right"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "num"
+      className: "pc-num"
     }, item.timeReduction), "\u5929", /*#__PURE__*/React.createElement("div", {
-      className: "info-label"
+      className: "pc-info-label"
     }, "\u5E73\u5747\u8017\u65F6\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
-      className: "down-icon",
+      className: "pc-down-icon",
       style: {
         backgroundImage: "url(" + down + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + icon3 + ")"
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: "right"
+      className: "pc-right"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "num"
+      className: "pc-num"
     }, item.formReduction), "\u4E2A", /*#__PURE__*/React.createElement("div", {
-      className: "info-label"
+      className: "pc-info-label"
     }, "\u5E73\u5747\u8868\u5355\u5B57\u6BB5\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
-      className: "down-icon",
+      className: "pc-down-icon",
       style: {
         backgroundImage: "url(" + down + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + icon4 + ")"
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: "right"
+      className: "pc-right"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "num"
+      className: "pc-num"
     }, item.runReduction), "\u6B21", /*#__PURE__*/React.createElement("div", {
-      className: "info-label"
+      className: "pc-info-label"
     }, "\u5E73\u5747\u8DD1\u817F\u6B21\u6570\u51CF\u5C11 ", /*#__PURE__*/React.createElement("span", {
-      className: "down-icon",
+      className: "pc-down-icon",
       style: {
         backgroundImage: "url(" + down + ")"
       }