ydb-components-material 0.1.124 → 0.1.126

package/lib/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/lib/components/guide-pc/components/result.js

@@ -25,107 +25,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["default"], {
       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["default"], {
     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(" + _icon["default"] + ")"
       }
     }), /*#__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["default"] + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + _icon2["default"] + ")"
       }
     }), /*#__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["default"] + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + _icon3["default"] + ")"
       }
     }), /*#__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["default"] + ")"
       }
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "info-item"
+      className: "pc-info-item"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "icon",
+      className: "pc-icon",
       style: {
         backgroundImage: "url(" + _icon4["default"] + ")"
       }
     }), /*#__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["default"] + ")"
       }

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

@@ -1,37 +1,37 @@
-.result-content {
-  .card {
+.pc-result-content {
+  .pc-card {
     background: #ffffff;
     border-radius: 8px;
     padding: 16px 0 0;
     margin-bottom: 12px;
 
-    .title {
+    .pc-title {
       font-size: 20px;
       font-weight: 500;
       color: #333333;
       margin: 0 16px;
     }
 
-    .desc {
+    .pc-desc {
       font-size: 16px;
       line-height: 22px;
       color: #222222;
       margin: 8px 16px 12px;
     }
 
-    .bg-card {
+    .pc-bg-card {
       width: 100%;
       height: 242px;
       background-size: 100% 100%;
       background-repeat: no-repeat;
 
-      .info-title {
+      .pc-info-title {
         height: 68px;
         display: flex;
         justify-content: space-around;
         align-items: center;
 
-        .title-item {
+        .pc-title-item {
           font-size: 20px;
           font-weight: 500;
           color: #FFFFFF;
@@ -43,21 +43,21 @@
         }
       }
 
-      .info-list {
+      .pc-info-list {
         margin: 0 30px;
         height: 150px;
         display: flex;
         justify-content: center;
         align-items: center;
 
-        .info-item {
+        .pc-info-item {
           display: flex;
           justify-content: center;
           align-items: center;
           flex: 1;
           gap: 16px;
 
-          .icon {
+          .pc-icon {
             width: 60px;
             height: 60px;
             background-size: 100% 100%;
@@ -65,22 +65,22 @@
             flex-shrink: 0;
           }
 
-          .right {
-            .num {
+          .pc-right {
+            .pc-num {
               font-size: 26px;
               font-weight: 500;
               color: #1678FF;
               margin: 0 5px;
             }
 
-            .info-label {
+            .pc-info-label {
               font-size: 14px;
               color: #333333;
               display: flex;
               align-items: center;
               margin-top: 2px;
 
-              .down-icon {
+              .pc-down-icon {
                 display: inline-block;
                 width: 17px;
                 height: 17px;
@@ -95,7 +95,7 @@
     }
   }
 
-  .empty-text {
+  .pc-empty-text {
     text-align: center;
     padding: 40px;
     color: #999;

package/lib/components/guide-pc/components/situation.d.ts

@@ -5,8 +5,12 @@ export interface SituationProps {
     applicationId?: string;
     accessToken?: string;
     acctType?: string;
+    finalMaterials?: any[];
     declarationAppToken?: string;
+    situationPageUrl?: string;
     taskHandleItem?: string;
+    situationResRechange?: (data: any) => void;
+    previousData?: any;
 }
 declare const Situation: React.FC<SituationProps>;
 export default Situation;

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

@@ -17,11 +17,18 @@ var Situation = function Situation(_ref) {
     applicationIdProp = _ref.applicationId,
     accessTokenProp = _ref.accessToken,
     acctTypeProp = _ref.acctType,
+    finalMaterialsProp = _ref.finalMaterials,
     declarationAppTokenProp = _ref.declarationAppToken,
-    taskHandleItemProp = _ref.taskHandleItem;
+    situationPageUrlProp = _ref.situationPageUrl,
+    taskHandleItemProp = _ref.taskHandleItem,
+    situationResRechangeProp = _ref.situationResRechange,
+    previousDataProp = _ref.previousData;
   var _React$useState = React.useState(false),
     isExpend = _React$useState[0],
     setIsExpend = _React$useState[1];
+  var _React$useState2 = React.useState(''),
+    iframeSrc = _React$useState2[0],
+    setIframeSrc = _React$useState2[1];
   var tip = '说明：因个人情况不同上交材料不同，可通过情形选择查看必须上传的材料！';
   React.useEffect(function () {
     initPage();
@@ -29,37 +36,32 @@ var Situation = function Situation(_ref) {
     return function () {
       window.removeEventListener('message', getMessage);
     };
-  }, []);
+    // NOTE: initPage and getMessage intentionally omitted from deps to match guide component pattern
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [eventInfoProp, taskHandleItemProp, situationPageUrlProp, declarationAppTokenProp, finalMaterialsProp, applicationIdProp, accessTokenProp, acctTypeProp, previousDataProp]);
   var initPage = function initPage() {
-    if (!eventInfoProp) return;
-    // TODO: apiConfig.declarePage not available; using placeholder URL
-    // const { declarePage } = apiConfig;
-    // const stepList = uni.getStorageSync('stepList');
-    // const situationPage = stepList.find((item) => item.name === '智能导办-pc');
-    // if (situationPage && situationPage.link) {
-    //   const finalLink = `${declarePage}/preview.html?pageID=${situationPage.id}`;
-    //   const url = `${finalLink}&isFirst=1&isReCheck=1&applicationId=${applicationIdProp}&access_token=${accessTokenProp}&acctType=${acctTypeProp}&isPc=1`;
-    //   setTimeout(() => {
-    //     const iframe = document.getElementById('situationIframe') as HTMLIFrameElement;
-    //     if (iframe) iframe.src = url;
-    //   }, 500);
-    // }
+    if (!situationPageUrlProp) return;
+    var url = situationPageUrlProp + "&isFirst=1&isReCheck=1&isZXBB=1&isPc=1";
+    setIframeSrc(url);
   };
   var getMessage = function getMessage(e) {
-    var typeArr = ['getAccessToken', 'getDeclaraToken', 'getApplicationId', 'getTaskHandleItem', 'getFormId', 'getMaterials', 'getFormData', 'getFormFieldNames', 'getItemSituationRowUid', 'getWorkNo'];
+    var typeArr = ['getAccessToken', 'getDeclaraToken', 'getApplicationId', 'getTaskHandleItem', 'getFormId', 'getMaterials', 'getFormData', 'getFormFieldNames', 'getItemSituationRowUid', 'getWorkNo', 'getPreviousData'];
     var _ref2 = e.data || {},
       type = _ref2.type,
       data = _ref2.data;
     if (typeArr.includes(type)) {
       sendInfoHandle(type, data);
     } else if (type === 'situationRes') {
+      situationResRechangeProp === null || situationResRechangeProp === void 0 ? void 0 : situationResRechangeProp(data);
       // TODO: checkSituation2 not available
       // uni.setStorageSync('situationRes', data);
       // checkSituation2(true, 'pc');
     }
   };
   var sendInfoHandle = function sendInfoHandle(type, _data) {
-    var _eventInfoProp$taskGe, _eventInfoProp$taskGe2;
+    var _eventInfo$taskGenera, _eventInfo$taskGenera2;
+    var eventInfo = eventInfoProp;
+    var finalMaterials = finalMaterialsProp;
     var sendData = {
       type: type,
       data: {}
@@ -79,16 +81,14 @@ var Situation = function Situation(_ref) {
         sendData.data.taskHandleItem = taskHandleItemProp;
         break;
       case 'getFormId':
-        if (eventInfoProp !== null && eventInfoProp !== void 0 && (_eventInfoProp$taskGe = eventInfoProp.taskGeneralForms) !== null && _eventInfoProp$taskGe !== void 0 && (_eventInfoProp$taskGe2 = _eventInfoProp$taskGe[0]) !== null && _eventInfoProp$taskGe2 !== void 0 && _eventInfoProp$taskGe2.formId) {
-          sendData.data.formId = eventInfoProp.taskGeneralForms[0].formId;
+        if (eventInfo !== null && eventInfo !== void 0 && (_eventInfo$taskGenera = eventInfo.taskGeneralForms) !== null && _eventInfo$taskGenera !== void 0 && (_eventInfo$taskGenera2 = _eventInfo$taskGenera[0]) !== null && _eventInfo$taskGenera2 !== void 0 && _eventInfo$taskGenera2.formId) {
+          sendData.data.formId = eventInfo.taskGeneralForms[0].formId;
         } else {
           sendData.data.formId = '12023122617035840604349816';
         }
         break;
       case 'getMaterials':
-        // const finalMaterials = uni.getStorageSync('finalMaterials');
-        // const { taskGeneralMaterials } = uni.getStorageSync('eventInfo');
-        // sendData.data.materials = finalMaterials || taskGeneralMaterials;
+        sendData.data.materials = finalMaterials || (eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.taskGeneralMaterials);
         break;
       case 'getFormData':
         // sendData.data.formData = uni.getStorageSync('formData');
@@ -102,6 +102,9 @@ var Situation = function Situation(_ref) {
       case 'getWorkNo':
         // sendData.data.workNo = uni.getStorageSync('workNo');
         break;
+      case 'getPreviousData':
+        sendData.data.previousData = previousDataProp;
+        break;
     }
     var formIframe = document.getElementById('situationIframe');
     if (formIframe !== null && formIframe !== void 0 && formIframe.contentWindow) {
@@ -112,31 +115,32 @@ var Situation = function Situation(_ref) {
     setIsExpend(!isExpend);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "situation-content"
+    className: "pc-situation-content"
   }, /*#__PURE__*/React.createElement(_guideTitle["default"], {
     title: "\u6750\u6599\u6E05\u5355"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "situation-tip " + (isExpend ? 'isActive' : '')
+    className: "pc-situation-tip " + (isExpend ? 'isActive' : '')
   }, /*#__PURE__*/React.createElement("div", {
-    className: "inner-tip",
+    className: "pc-inner-tip",
     style: {
       backgroundImage: "url(" + _situation["default"] + ")"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "title-con"
+    className: "pc-title-con"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "title"
+    className: "pc-title"
   }, "\u5BFC\u529E\u60C5\u5F62\u9009\u62E9"), /*#__PURE__*/React.createElement("div", {
-    className: "tip"
+    className: "pc-tip"
   }, tip)), /*#__PURE__*/React.createElement("div", {
-    className: "btn-con",
+    className: "pc-btn-con",
     onClick: expendChange
   }, /*#__PURE__*/React.createElement("span", null, isExpend ? '收起' : '展开'), /*#__PURE__*/React.createElement("div", {
-    className: "icon"
+    className: "pc-icon"
   }, isExpend ? '▲' : '▼')))), isExpend && /*#__PURE__*/React.createElement("div", {
-    className: "situation-inner"
+    className: "pc-situation-inner"
   }, /*#__PURE__*/React.createElement("iframe", {
     id: "situationIframe",
+    src: iframeSrc,
     frameBorder: "0",
     height: "100%",
     width: "100%",

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

@@ -1,7 +1,7 @@
-.situation-content {
+.pc-situation-content {
   background: #ffffff;
 
-  .situation-tip {
+  .pc-situation-tip {
     border: 1px solid #C3DCFF;
     border-radius: 8px;
     margin-top: 20px;
@@ -12,7 +12,7 @@
       border-bottom: none;
     }
 
-    .inner-tip {
+    .pc-inner-tip {
       padding: 24px;
       background-repeat: no-repeat;
       background-size: 104px 70px;
@@ -21,13 +21,13 @@
       justify-content: space-between;
       align-items: center;
 
-      .title-con {
+      .pc-title-con {
         display: flex;
         justify-content: flex-start;
         align-items: center;
         gap: 16px;
 
-        .title {
+        .pc-title {
           background: linear-gradient(96deg, #0047A8 0%, #1678FF 98%);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
@@ -36,13 +36,13 @@
           font-weight: 500;
         }
 
-        .tip {
+        .pc-tip {
           font-size: 14px;
           color: #5C7292;
         }
       }
 
-      .btn-con {
+      .pc-btn-con {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -51,7 +51,7 @@
         cursor: pointer;
         gap: 6px;
 
-        .icon {
+        .pc-icon {
           width: 14px;
           height: 14px;
           border-radius: 50%;
@@ -67,7 +67,7 @@
     }
   }
 
-  .situation-inner {
+  .pc-situation-inner {
     background: linear-gradient(180deg, #F7FAFF 1%, #F7FAFF 100%);
     border-radius: 0 0 8px 8px;
     border: 1px solid #C3DCFF;

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

@@ -3,9 +3,6 @@ import './index.scss';
 export interface GuidePcProps {
     /** Called when user clicks "立即办理" or "上一步" */
     onNextStep?: (action: string) => void;
-    /** Whether to disable the prev/next buttons */
-    cantNext?: boolean;
-    hasPrevious?: boolean;
     /** Task handle item code */
     taskHandleItem?: string;
     /** Access token */
@@ -32,6 +29,7 @@ export interface GuidePcProps {
     situationResRechange?: (data: any) => void;
     /** Previous form data from parent */
     previousData?: object;
+    style?: object;
 }
 declare const GuidePc: React.FC<GuidePcProps>;
 export default GuidePc;