ydb-components-material 0.1.124 → 0.1.126

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

@@ -12,11 +12,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();
@@ -24,37 +31,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: {}
@@ -74,16 +76,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');
@@ -97,6 +97,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) {
@@ -107,31 +110,32 @@ var Situation = function Situation(_ref) {
     setIsExpend(!isExpend);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "situation-content"
+    className: "pc-situation-content"
   }, /*#__PURE__*/React.createElement(GuideTitle, {
     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(" + situationBg + ")"
     }
   }, /*#__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/es/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/es/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;

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

@@ -1,4 +1,3 @@
-import _Button from "@alifd/next/es/button";
 import _Dialog from "@alifd/next/es/dialog";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _Message from "@alifd/next/es/message";
@@ -12,9 +11,7 @@ import ProcessImg from "./components/processImg";
 import Accept from "./components/accept";
 import Places from "./components/places";
 import Result from "./components/result";
-import commentIcon from "../guide/imgs/comment.png";
-import shareIcon from "../guide/imgs/share.png";
-import downloadIcon from "../guide/imgs/download.png";
+import EventInfo from "./components/eventInfo";
 import "./index.scss";
 
 // TODO: API imports not available
@@ -40,12 +37,7 @@ var tabSections = [{
   label: '成效分析'
 }];
 var GuidePc = function GuidePc(_ref) {
-  var _eventInfoProp$taskGe;
   var onNextStep = _ref.onNextStep,
-    _ref$cantNext = _ref.cantNext,
-    cantNext = _ref$cantNext === void 0 ? false : _ref$cantNext,
-    _ref$hasPrevious = _ref.hasPrevious,
-    hasPrevious = _ref$hasPrevious === void 0 ? false : _ref$hasPrevious,
     taskHandleItem = _ref.taskHandleItem,
     accessToken = _ref.accessToken,
     eventInfoProp = _ref.eventInfo,
@@ -58,7 +50,8 @@ var GuidePc = function GuidePc(_ref) {
     baseUrl = _ref.baseUrl,
     download = _ref.download,
     situationResRechange = _ref.situationResRechange,
-    previousData = _ref.previousData;
+    previousData = _ref.previousData,
+    style = _ref.style;
   var _React$useState = React.useState(0),
     tabIndex = _React$useState[0],
     setTabIndex = _React$useState[1];
@@ -271,29 +264,36 @@ var GuidePc = function GuidePc(_ref) {
     };
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "guidePc-wrapper"
+    className: "pc-guidePc-wrapper",
+    style: style
   }, !canHandle && /*#__PURE__*/React.createElement("div", {
-    className: "guide-empty"
+    className: "pc-guide-empty"
   }, "\u6682\u672A\u67E5\u8BE2\u5230\u76F8\u5173\u4E8B\u9879"), canHandle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "guidePc-main"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "guidePc-content"
+    className: "pc-guidePc-main"
+  }, /*#__PURE__*/React.createElement(EventInfo, {
+    eventInfo: eventInfoProp
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pc-guidePc-content"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "stity"
+    className: "pc-stity"
   }, /*#__PURE__*/React.createElement(GuideTabs, {
     curTab: tabIndex,
     onTabsChange: changeTab
   })), /*#__PURE__*/React.createElement("div", {
-    className: "gap"
+    className: "pc-gap"
   }), /*#__PURE__*/React.createElement("div", {
     id: "section-materials"
-  }, (eventInfoProp === null || eventInfoProp === void 0 ? void 0 : (_eventInfoProp$taskGe = eventInfoProp.taskGeneralExtend) === null || _eventInfoProp$taskGe === void 0 ? void 0 : _eventInfoProp$taskGe.programProcess) && /*#__PURE__*/React.createElement(Situation, {
+  }, situationPageUrl && /*#__PURE__*/React.createElement(Situation, {
     eventInfo: eventInfoProp,
     applicationId: applicationId,
     accessToken: accessToken,
     acctType: acctType,
+    finalMaterials: finalMaterials,
     declarationAppToken: declarationAppToken,
-    taskHandleItem: taskHandleItem
+    situationPageUrl: situationPageUrl,
+    taskHandleItem: taskHandleItem,
+    situationResRechange: situationResRechange,
+    previousData: previousData
   }), /*#__PURE__*/React.createElement(MaterialsList, {
     eventInfo: eventInfoProp,
     finalMaterials: finalMaterials,
@@ -302,101 +302,54 @@ var GuidePc = function GuidePc(_ref) {
     download: download
   })), /*#__PURE__*/React.createElement("div", {
     id: "section-basicInfo",
-    className: "content-section"
+    className: "pc-content-section"
   }, /*#__PURE__*/React.createElement(BasicInfo, {
     eventInfo: eventInfoProp
   })), /*#__PURE__*/React.createElement("div", {
     id: "section-process",
-    className: "content-section"
+    className: "pc-content-section"
   }, /*#__PURE__*/React.createElement(ProcessImg, {
     eventInfo: eventInfoProp,
     baseUrl: baseUrl,
     declarationAppToken: declarationAppToken
   })), /*#__PURE__*/React.createElement("div", {
     id: "section-accept",
-    className: "content-section"
+    className: "pc-content-section"
   }, /*#__PURE__*/React.createElement(Accept, {
     eventInfo: eventInfoProp
   })), /*#__PURE__*/React.createElement("div", {
     id: "section-places",
-    className: "content-section"
+    className: "pc-content-section"
   }, /*#__PURE__*/React.createElement(Places, {
     eventInfo: eventInfoProp
   })), /*#__PURE__*/React.createElement("div", {
     id: "section-result",
-    className: "content-section"
+    className: "pc-content-section"
   }, /*#__PURE__*/React.createElement(Result, {
     eventInfo: eventInfoProp
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "guidePc-bottom"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "bottom-inner"
-  }, userAgreementList.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "agreement-row"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "agreement-checkbox"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    checked: isAgree,
-    onChange: function onChange(e) {
-      return setIsAgree(e.target.checked);
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "agreement-label-text"
-  }, agreementPrompt)), /*#__PURE__*/React.createElement("div", {
-    className: "agreement-tip-slot"
-  }, userAgreementList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("span", {
-      key: index,
-      className: "agreement-item",
-      onClick: function onClick() {
-        return showAgree(item);
-      }
-    }, "\u300A", item.agreementName, "\u300B");
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "action-row"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "left-actions"
+    className: "pc-guidePc-bottom"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "action-btn",
+    className: "pc-action-btn",
     onClick: goComment
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "btn-icon",
-    src: commentIcon,
-    alt: "\u8BC4\u4EF7"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "pc-name"
   }, "\u8BC4\u4EF7\u6307\u5357")), /*#__PURE__*/React.createElement("div", {
-    className: "action-btn",
+    className: "pc-action-btn",
     onClick: goShare
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "btn-icon",
-    src: shareIcon,
-    alt: "\u5206\u4EAB"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "pc-name"
   }, "\u5206\u4EAB")), /*#__PURE__*/React.createElement("div", {
-    className: "action-btn",
+    className: "pc-action-btn",
     onClick: goDownload
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "btn-icon",
-    src: downloadIcon,
-    alt: "\u4E0B\u8F7D"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "name"
-  }, "\u4E0B\u8F7D"))), /*#__PURE__*/React.createElement("div", {
-    className: "right-actions"
-  }, hasPrevious && /*#__PURE__*/React.createElement(_Button, {
-    className: "prev-btn",
-    onClick: prepStep,
-    disabled: cantNext
-  }, "\u4E0A\u4E00\u6B65"), /*#__PURE__*/React.createElement(_Button, {
-    type: "primary",
-    className: "next-btn",
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "pc-name"
+  }, "\u4E0B\u8F7D")), /*#__PURE__*/React.createElement("div", {
+    className: "pc-next-btn",
     disabled: !canHandle,
     onClick: handleEvent
-  }, "\u7ACB\u5373\u529E\u7406"))))), showGoUp && /*#__PURE__*/React.createElement("div", {
-    className: "go-up-btn",
+  }, "\u7ACB\u5373\u529E\u7406")), showGoUp && /*#__PURE__*/React.createElement("div", {
+    className: "pc-go-up-btn",
     onClick: goUp
   }, "\u25B2 \u9876\u90E8")), /*#__PURE__*/React.createElement(_Dialog, {
     visible: popShow,
@@ -406,7 +359,7 @@ var GuidePc = function GuidePc(_ref) {
     footer: false,
     width: "90%"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "agree-detail",
+    className: "pc-agree-detail",
     dangerouslySetInnerHTML: {
       __html: userAgreement
     }
@@ -425,11 +378,11 @@ var GuidePc = function GuidePc(_ref) {
       return setModalShow(false);
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "agree"
+    className: "pc-agree"
   }, agreementPrompt, userAgreementList.map(function (item, index) {
     return /*#__PURE__*/React.createElement("span", {
       key: index,
-      className: "agreement-sub-item",
+      className: "pc-agreement-sub-item",
       onClick: function onClick() {
         return showAgree(item);
       }