taro-react-uilib 1.3.4-3 → 1.3.4-4

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [1.3.4-4](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.4-3...v1.3.4-4) (2023-07-27)
+
+
+### Features
+
+* Cell优化 ([9de57d1](https://code.xhdev.xyz/h5group/taro-uilib/commits/9de57d146d341fb9b9296848f29de72f4fddfb68))
+* UI优化。loadingButton修复 ([5eafc61](https://code.xhdev.xyz/h5group/taro-uilib/commits/5eafc6104437ece5a718fa4578d2bf99b7ad6956))
+* 新增css变量 ([a6beb40](https://code.xhdev.xyz/h5group/taro-uilib/commits/a6beb40a97ac4f312f7e7bf9dcdabea3f9a338f3))
+
+
+
 ## [1.3.4-3](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.4-2...v1.3.4-3) (2023-07-24)
 
 

package/dist/components/Cell/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{View as l,Text as c}from"@tarojs/components";import a from"classnames";var t=function(t){var o=t.icon,n=t.value,r=t.extraIcon,s=t.arrow,i=t.border,m=void 0===i||i,d=t.onClick,p=t.className,u=t.outline,h=void 0===u||u,v=t.descriptionColor,x=void 0===v?"":v,E=t.valueColor,N=t.ellipsis,f=void 0===N||N,b=t.content,y=t.contentDescription,C=t.description,k=t.subDescription,w=t.secondary,D=t.alignItems,I=void 0===D?o?"start":"center":D,g=t.placeholder,j=void 0===g?"":g,q=a("xh-cell",{border:m},{secondary:w},{outline:h},I,p),z=a("xh-cell-main",{ellipsis:f});return e.createElement(l,{className:q,onClick:function(e){d&&d(e)}},o&&e.createElement(l,{className:"xh-cell-icon"},o),e.createElement(l,{className:z},b&&e.createElement(c,{className:"xh-cell-main-content"},b),y&&e.createElement(c,{className:"xh-cell-main-description"},y)),e.createElement(l,{className:"xh-cell-description",style:{color:x}},C?e.createElement(c,null,C):e.createElement(c,{className:"xh-cell-description-placeholder"},j),e.createElement(c,{className:"xh-cell-description-sub"},k)),e.createElement(l,{className:"xh-cell-value"},e.createElement(l,{className:"xh-cell-value-info",style:{color:E}},n),e.createElement(l,{className:"xh-cell-value-icon"},r||s&&e.createElement(l,{className:"xh-cell-value-icon-arrow"}))))};export{t as default};
+import e from"react";import{View as l,Text as a}from"@tarojs/components";import c from"classnames";var t=function(t){var o=t.icon,n=t.value,r=t.extraIcon,s=t.arrow,i=t.border,m=void 0===i||i,d=t.paddingHorizontal,p=void 0===d||d,u=t.onClick,v=t.className,h=t.outline,x=void 0===h||h,E=t.descriptionColor,N=void 0===E?"":E,f=t.valueColor,b=t.ellipsis,y=void 0===b||b,C=t.content,g=t.contentDescription,k=t.description,w=t.subDescription,z=t.secondary,D=t.alignItems,H=void 0===D?o?"start":"center":D,I=t.placeholder,j=void 0===I?"":I,q=c("xh-cell",{border:m},{secondary:z},{outline:x},{paddingHorizontal:p},H,v),A=c("xh-cell-main",{ellipsis:y});return e.createElement(l,{className:q,onClick:function(e){u&&u(e)}},o&&e.createElement(l,{className:"xh-cell-icon"},o),e.createElement(l,{className:A},C&&e.createElement(a,{className:"xh-cell-main-content"},C),g&&e.createElement(a,{className:"xh-cell-main-description"},g)),e.createElement(l,{className:"xh-cell-description",style:{color:N}},k?e.createElement(a,null,k):e.createElement(a,{className:"xh-cell-description-placeholder"},j),e.createElement(a,{className:"xh-cell-description-sub"},w)),e.createElement(l,{className:"xh-cell-value"},e.createElement(l,{className:"xh-cell-value-info",style:{color:f}},n),e.createElement(l,{className:"xh-cell-value-icon"},r||s&&e.createElement(l,{className:"xh-cell-value-icon-arrow"}))))};export{t as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Cell/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { View, Text, ITouchEvent } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport { StandardLonghandProperties } from \"csstype\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\nexport type XHCellProps = {\n  content?: ReactNode;\n  contentDescription?: ReactNode;\n  description?: ReactNode;\n  subDescription?: ReactNode;\n  icon?: ReactNode;\n  value?: ReactNode;\n  extraIcon?: ReactNode;\n  border?: boolean;\n  arrow?: boolean;\n  outline?: boolean;\n  onClick?: (e: ITouchEvent) => void;\n  descriptionColor?: StandardLonghandProperties[\"color\"];\n  valueColor?: StandardLonghandProperties[\"color\"];\n  ellipsis?: boolean;\n  placeholder?: string;\n  alignItems?: \"start\" | \"center\" | \"end\";\n  /**\n   * @description 是否是次级列表\n   */\n  secondary?: boolean;\n} & XHComponentCommonProps;\n\nconst XHCell: FC<XHCellProps> = props => {\n  const {\n    icon,\n    value,\n    extraIcon,\n    arrow,\n    border = true,\n    onClick,\n    className,\n    outline = true,\n    descriptionColor = \"\",\n    valueColor,\n    ellipsis = true,\n    content,\n    contentDescription,\n    description,\n    subDescription,\n    secondary,\n    alignItems = icon ? \"start\" : \"center\",\n    placeholder = \"\",\n  } = props;\n\n  const cellcls = classNames(\n    \"xh-cell\",\n    { border },\n    { secondary },\n    { outline },\n    alignItems,\n    className\n  );\n\n  const mainCls = classNames(\"xh-cell-main\", {\n    ellipsis,\n  });\n\n  const handleClick = (e: ITouchEvent) => {\n    onClick && onClick(e);\n  };\n\n  return (\n    <View className={cellcls} onClick={handleClick}>\n      {icon && <View className=\"xh-cell-icon\">{icon}</View>}\n      <View className={mainCls}>\n        {content && <Text className=\"xh-cell-main-content\">{content}</Text>}\n        {contentDescription && (\n          <Text className=\"xh-cell-main-description\">{contentDescription}</Text>\n        )}\n      </View>\n      <View className=\"xh-cell-description\" style={{ color: descriptionColor }}>\n        {description ? (\n          <Text>{description}</Text>\n        ) : (\n          <Text className=\"xh-cell-description-placeholder\">{placeholder}</Text>\n        )}\n        <Text className=\"xh-cell-description-sub\">{subDescription}</Text>\n      </View>\n      <View className=\"xh-cell-value\">\n        <View className=\"xh-cell-value-info\" style={{ color: valueColor }}>\n          {value}\n        </View>\n        <View className=\"xh-cell-value-icon\">\n          {extraIcon\n            ? extraIcon\n            : arrow && <View className=\"xh-cell-value-icon-arrow\" />}\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default XHCell;\n"],"names":["XHCell","props","icon","value","extraIcon","arrow","_a","border","onClick","className","_b","outline","_c","descriptionColor","valueColor","_d","ellipsis","content","contentDescription","description","subDescription","secondary","_e","alignItems","_f","placeholder","cellcls","classNames","mainCls","React","createElement","View","e","Text","style","color"],"mappings":"mGA+BM,IAAAA,EAA0B,SAAAC,GAE5B,IAAAC,EAkBED,EAlBEC,KACJC,EAiBEF,EAAKE,MAhBPC,EAgBEH,EAhBOG,UACTC,EAeEJ,EAAKI,MAdPC,EAcEL,EAAKM,OAdPA,OAAS,IAAAD,GAAIA,EACbE,EAaEP,EAbKO,QACPC,EAYER,EAAKQ,UAXPC,EAWET,EAAKU,QAXPA,OAAU,IAAAD,GAAIA,EACdE,EAUEX,EAVmBY,iBAArBA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,EASEb,aARFc,EAQEd,EAAKe,SARPA,OAAW,IAAAD,GAAIA,EACfE,EAOEhB,EAAKgB,QANPC,EAMEjB,EANgBiB,mBAClBC,EAKElB,EAAKkB,YAJPC,EAIEnB,EAJYmB,eACdC,EAGEpB,EAAKoB,UAFPC,EAEErB,EAAKsB,WAFPA,OAAa,IAAAD,EAAApB,EAAO,QAAU,SAAQoB,EACtCE,EACEvB,EADcwB,YAAhBA,OAAW,IAAAD,EAAG,GAAEA,EAGZE,EAAUC,EACd,UACA,CAAEpB,OAAMA,GACR,CAAEc,UAASA,GACX,CAAEV,QAAOA,GACTY,EACAd,GAGImB,EAAUD,EAAW,eAAgB,CACzCX,SAAQA,IAOV,OACEa,EAACC,cAAAC,EAAK,CAAAtB,UAAWiB,EAASlB,QALR,SAACwB,GACnBxB,GAAWA,EAAQwB,EACrB,GAIK9B,GAAQ2B,gBAACE,EAAI,CAACtB,UAAU,gBAAgBP,GACzC2B,EAAAC,cAACC,EAAI,CAACtB,UAAWmB,GACdX,GAAWY,gBAACI,EAAI,CAACxB,UAAU,wBAAwBQ,GACnDC,GACCW,EAACC,cAAAG,EAAK,CAAAxB,UAAU,4BAA4BS,IAGhDW,EAAAC,cAACC,EAAI,CAACtB,UAAU,sBAAsByB,MAAO,CAAEC,MAAOtB,IACnDM,EACCU,gBAACI,EAAI,KAAEd,GAEPU,EAACC,cAAAG,EAAK,CAAAxB,UAAU,mCAAmCgB,GAErDI,EAACC,cAAAG,GAAKxB,UAAU,2BAA2BW,IAE7CS,EAAAC,cAACC,EAAI,CAACtB,UAAU,iBACdoB,EAAAC,cAACC,EAAI,CAACtB,UAAU,qBAAqByB,MAAO,CAAEC,MAAOrB,IAClDX,GAEH0B,EAAAC,cAACC,EAAK,CAAAtB,UAAU,sBACbL,GAEGC,GAASwB,EAAAC,cAACC,EAAK,CAAAtB,UAAU,+BAKvC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Cell/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { View, Text, ITouchEvent } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport { StandardLonghandProperties } from \"csstype\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\nexport type XHCellProps = {\n  content?: ReactNode;\n  contentDescription?: ReactNode;\n  description?: ReactNode;\n  subDescription?: ReactNode;\n  paddingHorizontal?: boolean;\n  icon?: ReactNode;\n  value?: ReactNode;\n  extraIcon?: ReactNode;\n  border?: boolean;\n  arrow?: boolean;\n  outline?: boolean;\n  onClick?: (e: ITouchEvent) => void;\n  descriptionColor?: StandardLonghandProperties[\"color\"];\n  valueColor?: StandardLonghandProperties[\"color\"];\n  ellipsis?: boolean;\n  placeholder?: string;\n  alignItems?: \"start\" | \"center\" | \"end\";\n  /**\n   * @description 是否是次级列表\n   */\n  secondary?: boolean;\n} & XHComponentCommonProps;\n\nconst XHCell: FC<XHCellProps> = props => {\n  const {\n    icon,\n    value,\n    extraIcon,\n    arrow,\n    border = true,\n    paddingHorizontal = true,\n    onClick,\n    className,\n    outline = true,\n    descriptionColor = \"\",\n    valueColor,\n    ellipsis = true,\n    content,\n    contentDescription,\n    description,\n    subDescription,\n    secondary,\n    alignItems = icon ? \"start\" : \"center\",\n    placeholder = \"\",\n  } = props;\n\n  const cellcls = classNames(\n    \"xh-cell\",\n    { border },\n    { secondary },\n    { outline },\n    { paddingHorizontal },\n    alignItems,\n    className\n  );\n\n  const mainCls = classNames(\"xh-cell-main\", {\n    ellipsis,\n  });\n\n  const handleClick = (e: ITouchEvent) => {\n    onClick && onClick(e);\n  };\n\n  return (\n    <View className={cellcls} onClick={handleClick}>\n      {icon && <View className=\"xh-cell-icon\">{icon}</View>}\n      <View className={mainCls}>\n        {content && <Text className=\"xh-cell-main-content\">{content}</Text>}\n        {contentDescription && (\n          <Text className=\"xh-cell-main-description\">{contentDescription}</Text>\n        )}\n      </View>\n      <View className=\"xh-cell-description\" style={{ color: descriptionColor }}>\n        {description ? (\n          <Text>{description}</Text>\n        ) : (\n          <Text className=\"xh-cell-description-placeholder\">{placeholder}</Text>\n        )}\n        <Text className=\"xh-cell-description-sub\">{subDescription}</Text>\n      </View>\n      <View className=\"xh-cell-value\">\n        <View className=\"xh-cell-value-info\" style={{ color: valueColor }}>\n          {value}\n        </View>\n        <View className=\"xh-cell-value-icon\">\n          {extraIcon\n            ? extraIcon\n            : arrow && <View className=\"xh-cell-value-icon-arrow\" />}\n        </View>\n      </View>\n    </View>\n  );\n};\nexport default XHCell;\n"],"names":["XHCell","props","icon","value","extraIcon","arrow","_a","border","_b","paddingHorizontal","onClick","className","_c","outline","_d","descriptionColor","valueColor","_e","ellipsis","content","contentDescription","description","subDescription","secondary","_f","alignItems","_g","placeholder","cellcls","classNames","mainCls","React","createElement","View","e","Text","style","color"],"mappings":"mGAgCM,IAAAA,EAA0B,SAAAC,GAE5B,IAAAC,EAmBED,EAAKC,KAlBPC,EAkBEF,EAlBGE,MACLC,EAiBEH,EAAKG,UAhBPC,EAgBEJ,EAhBGI,MACLC,EAeEL,EAfWM,OAAbA,OAAM,IAAAD,GAAOA,EACbE,EAcEP,EAdsBQ,kBAAxBA,OAAiB,IAAAD,GAAOA,EACxBE,EAaET,EAbKS,QACPC,EAYEV,EAZOU,UACTC,EAWEX,EAXYY,QAAdA,OAAO,IAAAD,GAAOA,EACdE,EAUEb,EAAKc,iBAVPA,aAAmB,GAAED,EACrBE,EASEf,EATQe,WACVC,EAQEhB,EARaiB,SAAfA,OAAQ,IAAAD,GAAOA,EACfE,EAOElB,EAPKkB,QACPC,EAMEnB,EAAKmB,mBALPC,EAKEpB,EALSoB,YACXC,EAIErB,EAJYqB,eACdC,EAGEtB,EAAKsB,UAFPC,EAEEvB,EAAKwB,WAFPA,OAAa,IAAAD,EAAAtB,EAAO,QAAU,SAAQsB,EACtCE,EACEzB,EAAK0B,YADPA,OAAc,IAAAD,EAAA,KAGVE,EAAUC,EACd,UACA,CAAEtB,OAAMA,GACR,CAAEgB,UAASA,GACX,CAAEV,QAAOA,GACT,CAAEJ,kBAAiBA,GACnBgB,EACAd,GAGImB,EAAUD,EAAW,eAAgB,CACzCX,SAAQA,IAOV,OACEa,EAACC,cAAAC,EAAK,CAAAtB,UAAWiB,EAASlB,QALR,SAACwB,GACnBxB,GAAWA,EAAQwB,EACrB,GAIKhC,GAAQ6B,gBAACE,EAAI,CAACtB,UAAU,gBAAgBT,GACzC6B,EAAAC,cAACC,EAAI,CAACtB,UAAWmB,GACdX,GAAWY,gBAACI,EAAI,CAACxB,UAAU,wBAAwBQ,GACnDC,GACCW,EAACC,cAAAG,EAAK,CAAAxB,UAAU,4BAA4BS,IAGhDW,EAAAC,cAACC,EAAI,CAACtB,UAAU,sBAAsByB,MAAO,CAAEC,MAAOtB,IACnDM,EACCU,gBAACI,EAAI,KAAEd,GAEPU,EAACC,cAAAG,EAAK,CAAAxB,UAAU,mCAAmCgB,GAErDI,EAACC,cAAAG,GAAKxB,UAAU,2BAA2BW,IAE7CS,EAAAC,cAACC,EAAI,CAACtB,UAAU,iBACdoB,EAAAC,cAACC,EAAI,CAACtB,UAAU,qBAAqByB,MAAO,CAAEC,MAAOrB,IAClDb,GAEH4B,EAAAC,cAACC,EAAK,CAAAtB,UAAU,sBACbP,GAEGC,GAAS0B,EAAAC,cAACC,EAAK,CAAAtB,UAAU,+BAKvC"}

package/dist/components/LinkMan/index.js

@@ -1,2 +1,2 @@
-import{__read as n,__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{View as a,Input as l}from"@tarojs/components";import t,{forwardRef as i,useState as m,useEffect as r,useCallback as o,useImperativeHandle as u}from"react";import{inputRange as c}from"../src/utils/index.js";import s from"../ActionSheet/index.js";var k=["一","二","三","四","五","六","七","八","九","十"],h={linkmanName:"请输入联系人姓名",linkmanPhone:"请输入正确的手机号",relationType:"请选择与联系人关系"},p=[{value:"FATHER",text:"父亲"},{value:"MOTHER",text:"母亲"},{value:"MATE",text:"配偶"},{value:"CHILDREN",text:"子女"},{value:"SIBLING",text:"兄弟姐妹"},{value:"FRIENDS",text:"朋友"},{value:"COLLEAGUE",text:"同事"},{value:"RELATIVES",text:"亲戚"},{value:"OTHER",text:"其他"}],N="h5"!==process.env.TARO_ENV||window.navigator.userAgent.includes("xhqb"),f=i((function(i,f){var x=i.linkManNum,E=i.relations,v=void 0===E?p:E,P=i.onChange,d=i.onGetContacts,g=i.showImportIcon,T=void 0===g?N:g,y=i.onBlur,V=i.onCheckRelation,b=i.onInputChange,A=n(m([]),2),C=A[0],R=A[1],I=n(m([]),2),O=I[0],L=I[1];r((function(){R(Array(x).fill(1).map((function(){return{linkmanName:"",linkmanPhone:"",relationType:"",relationValue:""}}))),L(Array(x).fill(1).map((function(){return{linkmanName:"",linkmanPhone:"",relationType:""}})))}),[x]);var S=o((function(n){return!!/1\d{10}/.test(n)}),[]),_=o((function(n,e){return"linkmanName"===n?!(!e||!e.replace(/^\s+|\s+$/gm,""))&&!(e.length>20):"linkmanPhone"===n?!(!e||!S(e)):"relationType"===n&&!!e}),[]),j=o((function(){for(var n=C,e=n.length,a={linkmanName:[],linkmanPhone:[],relationValue:[]},l=!0,t=0;t<e;t++){if(!_("linkmanName",n[t].linkmanName)){l=!1;break}if(0!==t&&a.linkmanName.includes(n[t].linkmanName)){l=!1;break}if(a.linkmanName.push(n[t].linkmanName),!_("linkmanPhone",n[t].linkmanPhone)){l=!1;break}if(0!==t&&a.linkmanPhone.includes(n[t].linkmanPhone)){l=!1;break}if(a.linkmanPhone.push(n[t].linkmanPhone),!_("relationType",n[t].relationValue)){l=!1;break}if(0!==t&&a.relationValue.includes(n[t].relationValue)){l=!1;break}a.relationValue.push(n[t].relationValue)}return l}),[C]);r((function(){null==P||P(C,j())}),[C]),u(f,(function(){return{canSubmit:j(),setContacts:function(a,l){R((function(t){return t[l].linkmanName=a.linkmanName,t[l].linkmanPhone=a.linkmanPhone,e([],n(t),!1)})),H("linkmanName",l),H("linkmanPhone",l)}}}),[]);var w=o((function(n,e){for(var a=C[e],l={linkmanName:[],linkmanPhone:[],relationValue:[]},t=0,i=C.length;t<i;t++)if(t!==e){var m=C[t];if("linkmanName"===n){if(l.linkmanName.push(C[t].linkmanName),""!==a.linkmanName&&""!==m.linkmanName&&m.linkmanName===a.linkmanName)return{pass:!1,message:"姓名与第".concat(t+1,"联系人姓名重复，请修改")}}else if("linkmanPhone"===n){if(""!==a.linkmanPhone&&""!==m.linkmanPhone&&m.linkmanPhone===a.linkmanPhone)return{pass:!1,message:"手机号与第".concat(t+1,"联系人号码重复，请修改")}}else if("relationValue"===n&&""!==a.relationValue&&m.relationValue===a.relationValue)return{pass:!1,message:"关系与第".concat(t+1,"联系人关系重复，请修改")}}return{pass:!0,message:""}}),[C]),B=o((function(a,l){var t=c(a.target.value);R((function(a){return a[l].linkmanName=t,e([],n(a),!1)})),null==b||b("linkmanName",l)}),[]),F=o((function(a,l){var t=c(a.target.value);R((function(a){return a[l].linkmanPhone=t,e([],n(a),!1)})),null==b||b("linkmanPhone",l)}),[]),H=o((function(a,l){if(_(a,C[l][a])){var t=w(a,l),i=t.pass,m=t.message;i||L((function(t){return t[l][a]=m,e([],n(t),!1)})),null==y||y(a,l)}else L((function(t){return t[l][a]=h[a],e([],n(t),!1)}))}),[C]),G=o((function(a,l){L((function(t){return t[l][a]="",e([],n(t),!1)}))}),[]);return t.createElement(a,{className:"xh-linkman"},C.map((function(i,m){return t.createElement(a,{key:m,className:"xh-linkman-item"},t.createElement(a,{className:"xh-linkman-title"},"第",k[m],"联系人"),t.createElement(a,{className:"xh-linkman-main"},t.createElement(a,{className:"xh-linkman-main-input"},t.createElement(a,{className:"xh-linkman-main-input-label"},"姓名"),t.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?t.createElement("input",{className:"xh-linkman-main-input-main-input",type:"text",placeholder:"紧急联系人姓名",onChange:function(n){return B(n,m)},value:i.linkmanName,onBlur:function(){return H("linkmanName",m)},onFocus:function(){return G("linkmanName",m)}}):t.createElement(l,{placeholder:"紧急联系人姓名",className:"xh-linkman-main-input-main-input"}),O[m].linkmanName&&t.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].linkmanName)),T&&t.createElement(a,{className:"xh-linkman-main-input-contacts",onClick:function(){return null==d?void 0:d(m)}}))),t.createElement(a,{className:"xh-linkman-main"},t.createElement(a,{className:"xh-linkman-main-input"},t.createElement(a,{className:"xh-linkman-main-input-label"},"电话"),t.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?t.createElement("input",{className:"xh-linkman-main-input-main-input",type:"tel",placeholder:"紧急联系人手机号",onBlur:function(){return H("linkmanPhone",m)},maxLength:11,onChange:function(n){return F(n,m)},value:i.linkmanPhone,onFocus:function(){return G("linkmanPhone",m)}}):t.createElement(l,{placeholder:"紧急联系人手机号",className:"xh-linkman-main-input-main-input"}),O[m].linkmanPhone&&t.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].linkmanPhone)))),t.createElement(s,{data:v,title:"选择与联系人的关系",onConfirm:function(a){L((function(a){return a[m].relationType="",e([],n(a),!1)})),R((function(l){return l[m].relationType=a.text,l[m].relationValue=a.value,e([],n(l),!1)}));var l=w("relationValue",m),t=l.pass,i=l.message;t||L((function(a){return a[m].relationType=i,e([],n(a),!1)})),null==V||V(a,m)},onCancel:function(){return H("relationType",m)}},t.createElement(a,{className:"xh-linkman-main"},t.createElement(a,{className:"xh-linkman-main-input"},t.createElement(a,{className:"xh-linkman-main-input-label"},"关系"),t.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?t.createElement("input",{type:"text",maxLength:11,className:"xh-linkman-main-input-main-input",readOnly:!0,placeholder:"选择与联系人关系",value:i.relationType}):t.createElement(l,{placeholder:"紧急联系人手机号",className:"xh-linkman-main-input-main-input",type:"digit",maxlength:11,value:i.relationType}),O[m].relationType&&t.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].relationType)),t.createElement(a,{className:"xh-linkman-main-input-arrow"})))))})))}));export{f as default};
+import{__read as n,__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{View as a,Input as t}from"@tarojs/components";import l,{forwardRef as i,useState as m,useEffect as r,useCallback as o,useImperativeHandle as u}from"react";import{inputRange as c}from"../src/utils/index.js";import s from"../ActionSheet/index.js";var k=["一","二","三","四","五","六","七","八","九","十"],h={linkmanName:"请输入联系人姓名",linkmanPhone:"请输入正确的手机号",relationType:"请选择与联系人关系"},p=[{value:"FATHER",text:"父亲"},{value:"MOTHER",text:"母亲"},{value:"MATE",text:"配偶"},{value:"CHILDREN",text:"子女"},{value:"SIBLING",text:"兄弟姐妹"},{value:"FRIENDS",text:"朋友"},{value:"COLLEAGUE",text:"同事"},{value:"RELATIVES",text:"亲戚"},{value:"OTHER",text:"其他"}],f="h5"!==process.env.TARO_ENV||window.navigator.userAgent.includes("xhqb"),N=i((function(i,N){var x=i.linkManNum,E=i.relations,v=void 0===E?p:E,P=i.onChange,d=i.onGetContacts,T=i.showImportIcon,g=void 0===T?f:T,y=i.onBlur,V=i.onCheckRelation,b=i.onInputChange,A=n(m([]),2),R=A[0],C=A[1],I=n(m([]),2),O=I[0],L=I[1];r((function(){C(Array(x).fill(1).map((function(){return{linkmanName:"",linkmanPhone:"",relationType:"",relationValue:""}}))),L(Array(x).fill(1).map((function(){return{linkmanName:"",linkmanPhone:"",relationType:""}})))}),[x]);var _=o((function(n){return!!/1\d{10}/.test(n)}),[]),B=o((function(n,e){return"linkmanName"===n?!(!e||!e.replace(/^\s+|\s+$/gm,""))&&!(e.length>20):"linkmanPhone"===n?!(!e||!_(e)):"relationType"===n&&!!e}),[]),F=o((function(){for(var n=R,e=n.length,a={linkmanName:[],linkmanPhone:[],relationValue:[]},t=!0,l=0;l<e;l++){if(!B("linkmanName",n[l].linkmanName)){t=!1;break}if(0!==l&&a.linkmanName.includes(n[l].linkmanName)){t=!1;break}if(a.linkmanName.push(n[l].linkmanName),!B("linkmanPhone",n[l].linkmanPhone)){t=!1;break}if(0!==l&&a.linkmanPhone.includes(n[l].linkmanPhone)){t=!1;break}if(a.linkmanPhone.push(n[l].linkmanPhone),!B("relationType",n[l].relationValue)){t=!1;break}if(0!==l&&a.relationValue.includes(n[l].relationValue)){t=!1;break}a.relationValue.push(n[l].relationValue)}return t}),[R]);r((function(){null==P||P(R,F())}),[R]),u(N,(function(){return{canSubmit:F(),setContacts:function(a,t){C((function(l){return l[t].linkmanName=a.linkmanName,l[t].linkmanPhone=a.linkmanPhone,e([],n(l),!1)})),H("linkmanName",t),H("linkmanPhone",t)}}}),[]);var S=function(n,e){for(var a=R[e],t=0,l=R.length;t<l;t++)if(t!==e){var i=R[t];if("linkmanName"===n){if(""!==a.linkmanName&&""!==i.linkmanName&&i.linkmanName===a.linkmanName)return{pass:!1,message:"姓名与第".concat(t+1,"联系人姓名重复，请修改")}}else if("linkmanPhone"===n){if(""!==a.linkmanPhone&&""!==i.linkmanPhone&&i.linkmanPhone===a.linkmanPhone)return{pass:!1,message:"手机号与第".concat(t+1,"联系人号码重复，请修改")}}else if("relationValue"===n&&""!==a.relationValue&&i.relationValue===a.relationValue)return{pass:!1,message:"关系与第".concat(t+1,"联系人关系重复，请修改")}}return{pass:!0,message:""}},j=o((function(a,t){var l="h5"===process.env.TARO_ENV?a.target.value:a.detail.value,i=c(l);C((function(a){return a[t].linkmanName=i,e([],n(a),!1)})),null==b||b("linkmanName",t)}),[]),w=o((function(a,t){var l="h5"===process.env.TARO_ENV?a.target.value:a.detail.value,i=c(l);C((function(a){return a[t].linkmanPhone=i,e([],n(a),!1)})),null==b||b("linkmanPhone",t)}),[]),H=o((function(a,t){if(B(a,R[t][a])){var l=S(a,t),i=l.pass,m=l.message;i||L((function(l){return l[t][a]=m,e([],n(l),!1)})),null==y||y(a,t)}else L((function(l){return l[t][a]=h[a],e([],n(l),!1)}))}),[R]),G=o((function(a,t){L((function(l){return l[t][a]="",e([],n(l),!1)}))}),[]);return l.createElement(a,{className:"xh-linkman"},R.map((function(i,m){return l.createElement(a,{key:m,className:"xh-linkman-item"},l.createElement(a,{className:"xh-linkman-title"},"第",k[m],"联系人"),l.createElement(a,{className:"xh-linkman-main"},l.createElement(a,{className:"xh-linkman-main-input"},l.createElement(a,{className:"xh-linkman-main-input-label"},"姓名"),l.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?l.createElement("input",{className:"xh-linkman-main-input-main-input",type:"text",placeholder:"紧急联系人姓名",onChange:function(n){return j(n,m)},value:i.linkmanName,onBlur:function(){return H("linkmanName",m)},onFocus:function(){return G("linkmanName",m)}}):l.createElement(t,{placeholder:"紧急联系人姓名",className:"xh-linkman-main-input-main-input",onBlur:function(){return H("linkmanName",m)},value:i.linkmanName,type:"text",onInput:function(n){return j(n,m)},onFocus:function(){return G("linkmanName",m)}}),O[m].linkmanName&&l.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].linkmanName)),g&&l.createElement(a,{className:"xh-linkman-main-input-contacts",onClick:function(){return null==d?void 0:d(m)}}))),l.createElement(a,{className:"xh-linkman-main"},l.createElement(a,{className:"xh-linkman-main-input"},l.createElement(a,{className:"xh-linkman-main-input-label"},"电话"),l.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?l.createElement("input",{className:"xh-linkman-main-input-main-input",type:"tel",placeholder:"紧急联系人手机号",onBlur:function(){return H("linkmanPhone",m)},maxLength:11,onChange:function(n){return w(n,m)},value:i.linkmanPhone,onFocus:function(){return G("linkmanPhone",m)}}):l.createElement(t,{placeholder:"紧急联系人手机号",className:"xh-linkman-main-input-main-input",type:"number",maxlength:11,onBlur:function(){return H("linkmanPhone",m)},value:i.linkmanPhone,onInput:function(n){return w(n,m)},onFocus:function(){return G("linkmanPhone",m)}}),O[m].linkmanPhone&&l.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].linkmanPhone)))),l.createElement(s,{data:v,title:"选择与联系人的关系",onConfirm:function(a){L((function(a){return a[m].relationType="",e([],n(a),!1)})),C((function(t){return t[m].relationType=a.text,t[m].relationValue=a.value,e([],n(t),!1)})),Promise.resolve().then((function(){var t=S("relationValue",m),l=t.pass,i=t.message;l||L((function(a){return a[m].relationType=i,e([],n(a),!1)})),null==V||V(a,m)}))},onCancel:function(){return H("relationType",m)}},l.createElement(a,{className:"xh-linkman-main"},l.createElement(a,{className:"xh-linkman-main-input"},l.createElement(a,{className:"xh-linkman-main-input-label"},"关系"),l.createElement(a,{className:"xh-linkman-main-input-main"},"h5"===process.env.TARO_ENV?l.createElement("input",{type:"text",maxLength:11,className:"xh-linkman-main-input-main-input",readOnly:!0,placeholder:"选择与联系人关系",value:i.relationType}):l.createElement(t,{placeholder:"选择与联系人关系",className:"xh-linkman-main-input-main-input",type:"digit",maxlength:11,value:i.relationType,disabled:!0}),O[m].relationType&&l.createElement(a,{className:"xh-linkman-main-input-main-err"},O[m].relationType)),l.createElement(a,{className:"xh-linkman-main-input-arrow"})))))})))}));export{N as default};
 //# sourceMappingURL=index.js.map

package/dist/components/LinkMan/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LinkMan/index.tsx"],"sourcesContent":["import { View, Input } from \"@tarojs/components\";\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from \"react\";\nimport { inputRange } from \"@/utils\";\n\nimport ActionSheet from \"../ActionSheet\";\n\nimport \"./index.scss\";\n\nexport type AddLinkManProps = {\n  linkManNum: number;\n  onChange?: (data: LinkManItem[], pass: boolean) => void;\n  onGetContacts?: (index: number) => void;\n  showImportIcon?: boolean;\n  onBlur?: (type: keyof LinkManItem, index: number) => void;\n  onCheckRelation?: (\n    value: { text: string; value: string },\n    index: number\n  ) => void;\n  onInputChange?: (type: \"linkmanName\" | \"linkmanPhone\", index: number) => void;\n  /**\n   * 可以选择的关系\n   */\n  relations?: { text: string; value: string }[];\n};\n\nconst LinkManTitleMap = [\n  \"一\",\n  \"二\",\n  \"三\",\n  \"四\",\n  \"五\",\n  \"六\",\n  \"七\",\n  \"八\",\n  \"九\",\n  \"十\",\n];\n\n/**\n * 错误信息提示\n */\nconst errorMessageMap = {\n  linkmanName: \"请输入联系人姓名\",\n  linkmanPhone: \"请输入正确的手机号\",\n  relationType: \"请选择与联系人关系\",\n};\n\nconst defaultActionSheet = [\n  {\n    value: \"FATHER\",\n    text: \"父亲\",\n  },\n  {\n    value: \"MOTHER\",\n    text: \"母亲\",\n  },\n  {\n    value: \"MATE\",\n    text: \"配偶\",\n  },\n  {\n    value: \"CHILDREN\",\n    text: \"子女\",\n  },\n  {\n    value: \"SIBLING\",\n    text: \"兄弟姐妹\",\n  },\n  {\n    value: \"FRIENDS\",\n    text: \"朋友\",\n  },\n  {\n    value: \"COLLEAGUE\",\n    text: \"同事\",\n  },\n  {\n    value: \"RELATIVES\",\n    text: \"亲戚\",\n  },\n  {\n    value: \"OTHER\",\n    text: \"其他\",\n  },\n];\n\nexport type LinkManItem = {\n  linkmanName: string;\n  linkmanPhone: string;\n  relationType: string;\n  relationValue: string;\n};\n\nexport type LinkManRef = {\n  canSubmit: boolean;\n  setContacts: (\n    item: Pick<LinkManItem, \"linkmanName\" | \"linkmanPhone\">,\n    index: number\n  ) => void;\n};\n\nconst defaultShowImportIcon =\n  process.env.TARO_ENV === \"h5\"\n    ? window.navigator.userAgent.includes(\"xhqb\")\n    : true;\n\nconst XHAddLinMan = forwardRef<LinkManRef, AddLinkManProps>(\n  (props, fromRef) => {\n    const {\n      linkManNum,\n      relations = defaultActionSheet,\n      onChange,\n      onGetContacts,\n      showImportIcon = defaultShowImportIcon,\n      onBlur,\n      onCheckRelation,\n      onInputChange,\n    } = props;\n\n    // form信息\n    const [formData, setFormData] = useState<LinkManItem[]>([]);\n\n    // 错误提示语信息\n    const [errMessage, setErrMessage] = useState<\n      Omit<LinkManItem, \"relationValue\">[]\n    >([]);\n\n    useEffect(() => {\n      setFormData(\n        Array(linkManNum)\n          .fill(1)\n          .map(() => {\n            return {\n              linkmanName: \"\",\n              linkmanPhone: \"\",\n              relationType: \"\",\n              relationValue: \"\",\n            };\n          })\n      );\n      setErrMessage(\n        Array(linkManNum)\n          .fill(1)\n          .map(() => {\n            return {\n              linkmanName: \"\",\n              linkmanPhone: \"\",\n              relationType: \"\",\n            };\n          })\n      );\n    }, [linkManNum]);\n\n    /**\n     * 校验手机号\n     */\n    const validatePhone = useCallback((phone: string) => {\n      if (/1\\d{10}/.test(phone)) {\n        return true;\n      }\n      return false;\n    }, []);\n\n    /**\n     * 非空校验\n     */\n    const validateForm = useCallback(\n      (type: keyof LinkManItem, name: string) => {\n        if (type === \"linkmanName\") {\n          if (!name || !name.replace(/^\\s+|\\s+$/gm, \"\")) return false;\n          if (name.length > 20) return false;\n          return true;\n        } else if (type === \"linkmanPhone\") {\n          if (!name || !validatePhone(name)) return false;\n          return true;\n        } else if (type === \"relationType\") {\n          if (!name) return false;\n          return true;\n        }\n        return false;\n      },\n      []\n    );\n\n    /**\n     * 校验联系人是否合法，默认找到不合法的就退出循环\n     */\n    const validateCanSubmit = useCallback(() => {\n      const finalData = formData;\n      const length = finalData.length;\n      const map: Record<string, string[]> = {\n        linkmanName: [],\n        linkmanPhone: [],\n        relationValue: [],\n      };\n      let flag = true;\n      /**\n       * 每次循环formData，不符合直接break，退出循环\n       */\n      for (let index = 0; index < length; index++) {\n        const isNameValid = validateForm(\n          \"linkmanName\",\n          finalData[index].linkmanName\n        );\n        if (!isNameValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.linkmanName.includes(finalData[index].linkmanName)\n        ) {\n          flag = false;\n          break;\n        }\n        map.linkmanName.push(finalData[index].linkmanName);\n        const isPhoneValid = validateForm(\n          \"linkmanPhone\",\n          finalData[index].linkmanPhone\n        );\n        if (!isPhoneValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.linkmanPhone.includes(finalData[index].linkmanPhone)\n        ) {\n          flag = false;\n          break;\n        }\n        map.linkmanPhone.push(finalData[index].linkmanPhone);\n        const isRelationValid = validateForm(\n          \"relationType\",\n          finalData[index].relationValue\n        );\n        if (!isRelationValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.relationValue.includes(finalData[index].relationValue)\n        ) {\n          flag = false;\n          break;\n        }\n        map.relationValue.push(finalData[index].relationValue);\n      }\n      return flag;\n    }, [formData]);\n\n    useEffect(() => {\n      onChange?.(formData, validateCanSubmit());\n    }, [formData]);\n\n    useImperativeHandle(\n      fromRef,\n      () => ({\n        canSubmit: validateCanSubmit(),\n        setContacts(item, index) {\n          setFormData(old => {\n            old[index].linkmanName = item.linkmanName;\n            old[index].linkmanPhone = item.linkmanPhone;\n            return [...old];\n          });\n          onFormBlur(\"linkmanName\", index);\n          onFormBlur(\"linkmanPhone\", index);\n        },\n      }),\n      []\n    );\n\n    /**\n     * 重复校验\n     */\n    const validateDuplicate = useCallback(\n      (\n        type: keyof LinkManItem,\n        currentIndex\n      ): { pass: boolean; message: string } => {\n        const currentItem = formData[currentIndex];\n        const validStub: Record<\n          Exclude<keyof LinkManItem, \"relationType\">,\n          string[]\n        > = {\n          linkmanName: [],\n          linkmanPhone: [],\n          relationValue: [],\n        };\n        for (let index = 0, length = formData.length; index < length; index++) {\n          if (index === currentIndex) continue; // 不能跟自己比较\n          const current = formData[index];\n          if (type === \"linkmanName\") {\n            validStub.linkmanName.push(formData[index].linkmanName);\n            if (\n              currentItem.linkmanName !== \"\" &&\n              current.linkmanName !== \"\" &&\n              current.linkmanName === currentItem.linkmanName\n            ) {\n              return {\n                pass: false,\n                message: `姓名与第${index + 1}联系人姓名重复，请修改`,\n              };\n            } else {\n              // setErrMessage(old => {\n              //   old[index].linkmanName = \"\";\n              //   old[currentIndex].linkmanName = \"\";\n              //   return [...old];\n              // });\n            }\n          } else if (type === \"linkmanPhone\") {\n            if (\n              currentItem.linkmanPhone !== \"\" &&\n              current.linkmanPhone !== \"\" &&\n              current.linkmanPhone === currentItem.linkmanPhone\n            ) {\n              // 如果没有重复需要清空错误信息\n              return {\n                pass: false,\n                message: `手机号与第${index + 1}联系人号码重复，请修改`,\n              };\n            } else {\n              // setErrMessage(old => {\n              //   old[index].linkmanPhone = \"\";\n              //   old[currentIndex].linkmanPhone = \"\";\n              //   return [...old];\n              // });\n            }\n          } else if (type === \"relationValue\") {\n            if (\n              currentItem.relationValue !== \"\" &&\n              current.relationValue === currentItem.relationValue\n            ) {\n              return {\n                pass: false,\n                message: `关系与第${index + 1}联系人关系重复，请修改`,\n              };\n            } else {\n              // setErrMessage(old => {\n              //   old[index].relationType = \"\";\n              //   old[currentIndex].relationType = \"\";\n              //   return [...old];\n              // });\n            }\n          }\n        }\n        return { pass: true, message: \"\" };\n      },\n      [formData]\n    );\n\n    /**\n     * 联系人姓名改变\n     */\n    const onNameChange = useCallback((evt, index) => {\n      const name = inputRange(evt.target.value);\n      setFormData(old => {\n        old[index].linkmanName = name;\n        return [...old];\n      });\n      onInputChange?.(\"linkmanName\", index);\n    }, []);\n\n    /**\n     * 联系人手机号改变\n     */\n    const onPhoneChange = useCallback((evt, index) => {\n      const phone = inputRange(evt.target.value);\n      setFormData(old => {\n        old[index].linkmanPhone = phone;\n        return [...old];\n      });\n      onInputChange?.(\"linkmanPhone\", index);\n    }, []);\n\n    /**\n     * 输入框失去焦点做校验\n     */\n    const onFormBlur = useCallback(\n      (type: keyof LinkManItem, index: number) => {\n        const flag = validateForm(type, formData[index][type]); // 先做值的校验，再做重复校验\n        if (!flag) {\n          setErrMessage(old => {\n            old[index][type] = errorMessageMap[type];\n            return [...old];\n          });\n          return;\n        }\n        const { pass, message } = validateDuplicate(type, index);\n        if (!pass)\n          setErrMessage(old => {\n            old[index][type] = message;\n            return [...old];\n          });\n\n        onBlur?.(type, index);\n      },\n      [formData]\n    );\n\n    /**\n     * 聚焦的时候设置错误信息为空\n     */\n    const onFormFocus = useCallback(\n      (type: keyof LinkManItem, index: number) => {\n        setErrMessage(old => {\n          old[index][type] = \"\";\n          return [...old];\n        });\n      },\n      []\n    );\n\n    return (\n      <View className=\"xh-linkman\">\n        {formData.map((item, num) => (\n          <View key={num} className=\"xh-linkman-item\">\n            <View className=\"xh-linkman-title\">\n              第{LinkManTitleMap[num]}联系人\n            </View>\n            <View className=\"xh-linkman-main\">\n              <View className=\"xh-linkman-main-input\">\n                <View className=\"xh-linkman-main-input-label\">姓名</View>\n                <View className=\"xh-linkman-main-input-main\">\n                  {process.env.TARO_ENV === \"h5\" ? (\n                    <input\n                      className=\"xh-linkman-main-input-main-input\"\n                      type=\"text\"\n                      placeholder=\"紧急联系人姓名\"\n                      onChange={e => onNameChange(e, num)}\n                      value={item.linkmanName}\n                      onBlur={() => onFormBlur(\"linkmanName\", num)}\n                      onFocus={() => onFormFocus(\"linkmanName\", num)}\n                    />\n                  ) : (\n                    <Input\n                      placeholder=\"紧急联系人姓名\"\n                      className=\"xh-linkman-main-input-main-input\"\n                    />\n                  )}\n                  {errMessage[num].linkmanName && (\n                    <View className=\"xh-linkman-main-input-main-err\">\n                      {errMessage[num].linkmanName}\n                    </View>\n                  )}\n                </View>\n                {showImportIcon && (\n                  <View\n                    className=\"xh-linkman-main-input-contacts\"\n                    onClick={() => onGetContacts?.(num)}\n                  ></View>\n                )}\n              </View>\n            </View>\n            <View className=\"xh-linkman-main\">\n              <View className=\"xh-linkman-main-input\">\n                <View className=\"xh-linkman-main-input-label\">电话</View>\n                <View className=\"xh-linkman-main-input-main\">\n                  {process.env.TARO_ENV === \"h5\" ? (\n                    <input\n                      className=\"xh-linkman-main-input-main-input\"\n                      type=\"tel\"\n                      placeholder=\"紧急联系人手机号\"\n                      onBlur={() => onFormBlur(\"linkmanPhone\", num)}\n                      maxLength={11}\n                      onChange={e => onPhoneChange(e, num)}\n                      value={item.linkmanPhone}\n                      onFocus={() => onFormFocus(\"linkmanPhone\", num)}\n                    />\n                  ) : (\n                    <Input\n                      placeholder=\"紧急联系人手机号\"\n                      className=\"xh-linkman-main-input-main-input\"\n                    />\n                  )}\n                  {errMessage[num].linkmanPhone && (\n                    <View className=\"xh-linkman-main-input-main-err\">\n                      {errMessage[num].linkmanPhone}\n                    </View>\n                  )}\n                </View>\n              </View>\n            </View>\n            <ActionSheet\n              data={relations}\n              title=\"选择与联系人的关系\"\n              onConfirm={value => {\n                setErrMessage(old => {\n                  old[num].relationType = \"\";\n                  return [...old];\n                });\n                setFormData(old => {\n                  old[num].relationType = value.text;\n                  old[num].relationValue = value.value;\n                  return [...old];\n                });\n                const { pass, message } = validateDuplicate(\n                  \"relationValue\",\n                  num\n                );\n                if (!pass)\n                  setErrMessage(old => {\n                    old[num].relationType = message;\n                    return [...old];\n                  });\n                onCheckRelation?.(value, num);\n              }}\n              onCancel={() => onFormBlur(\"relationType\", num)}\n            >\n              <View className=\"xh-linkman-main\">\n                <View className=\"xh-linkman-main-input\">\n                  <View className=\"xh-linkman-main-input-label\">关系</View>\n                  <View className=\"xh-linkman-main-input-main\">\n                    {process.env.TARO_ENV === \"h5\" ? (\n                      <input\n                        type=\"text\"\n                        maxLength={11}\n                        className=\"xh-linkman-main-input-main-input\"\n                        readOnly\n                        placeholder=\"选择与联系人关系\"\n                        value={item.relationType}\n                      />\n                    ) : (\n                      <Input\n                        placeholder=\"紧急联系人手机号\"\n                        className=\"xh-linkman-main-input-main-input\"\n                        type=\"digit\"\n                        maxlength={11}\n                        value={item.relationType}\n                      />\n                    )}\n                    {errMessage[num].relationType && (\n                      <View className=\"xh-linkman-main-input-main-err\">\n                        {errMessage[num].relationType}\n                      </View>\n                    )}\n                  </View>\n                  <View className=\"xh-linkman-main-input-arrow\"></View>\n                </View>\n              </View>\n            </ActionSheet>\n          </View>\n        ))}\n      </View>\n    );\n  }\n);\n\nexport default XHAddLinMan;\n"],"names":["LinkManTitleMap","errorMessageMap","linkmanName","linkmanPhone","relationType","defaultActionSheet","value","text","defaultShowImportIcon","process","env","TARO_ENV","window","navigator","userAgent","includes","XHAddLinMan","forwardRef","props","fromRef","linkManNum","_a","relations","onChange","onGetContacts","_b","showImportIcon","onBlur","onCheckRelation","onInputChange","_c","__read","useState","formData","setFormData","_d","errMessage","setErrMessage","useEffect","Array","fill","map","relationValue","validatePhone","useCallback","phone","test","validateForm","type","name","replace","length","validateCanSubmit","finalData","flag","index","push","useImperativeHandle","canSubmit","setContacts","item","old","__spreadArray","onFormBlur","validateDuplicate","currentIndex","currentItem","validStub","length_1","current","pass","message","concat","onNameChange","evt","inputRange","target","onPhoneChange","onFormFocus","React","createElement","View","className","num","key","placeholder","e","onFocus","Input","onClick","maxLength","ActionSheet","data","title","onConfirm","onCancel","readOnly","maxlength"],"mappings":"2UA+BA,IAAMA,EAAkB,CACtB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAMIC,EAAkB,CACtBC,YAAa,WACbC,aAAc,YACdC,aAAc,aAGVC,EAAqB,CACzB,CACEC,MAAO,SACPC,KAAM,MAER,CACED,MAAO,SACPC,KAAM,MAER,CACED,MAAO,OACPC,KAAM,MAER,CACED,MAAO,WACPC,KAAM,MAER,CACED,MAAO,UACPC,KAAM,QAER,CACED,MAAO,UACPC,KAAM,MAER,CACED,MAAO,YACPC,KAAM,MAER,CACED,MAAO,YACPC,KAAM,MAER,CACED,MAAO,QACPC,KAAM,OAmBJC,EACqB,OAAzBC,QAAQC,IAAIC,UACRC,OAAOC,UAAUC,UAAUC,SAAS,QAGpCC,EAAcC,GAClB,SAACC,EAAOC,GAEJ,IAAAC,EAQEF,EAAKE,WAPPC,EAOEH,YAPFI,aAAYjB,EAAkBgB,EAC9BE,EAMEL,EANMK,SACRC,EAKEN,EAAKM,cAJPC,EAIEP,iBAJFQ,aAAiBlB,EAAqBiB,EACtCE,EAGET,SAFFU,EAEEV,EAAKU,gBADPC,EACEX,EAAKW,cAGHC,EAAAC,EAA0BC,EAAwB,IAAG,GAApDC,EAAQH,EAAA,GAAEI,OAGXC,EAAAJ,EAA8BC,EAElC,IAAG,GAFEI,EAAUD,EAAA,GAAEE,OAInBC,GAAU,WACRJ,EACEK,MAAMnB,GACHoB,KAAK,GACLC,KAAI,WACH,MAAO,CACLvC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdsC,cAAe,GAElB,KAELL,EACEE,MAAMnB,GACHoB,KAAK,GACLC,KAAI,WACH,MAAO,CACLvC,YAAa,GACbC,aAAc,GACdC,aAAc,GAEjB,IAEP,GAAG,CAACgB,IAKJ,IAAMuB,EAAgBC,GAAY,SAACC,GACjC,QAAI,UAAUC,KAAKD,EAIpB,GAAE,IAKGE,EAAeH,GACnB,SAACI,EAAyBC,GACxB,MAAa,gBAATD,KACGC,IAASA,EAAKC,QAAQ,cAAe,QACtCD,EAAKE,OAAS,IAEA,iBAATH,KACJC,IAASN,EAAcM,IAEV,iBAATD,KACJC,CAIR,GACD,IAMIG,EAAoBR,GAAY,WAYpC,IAXA,IAAMS,EAAYpB,EACZkB,EAASE,EAAUF,OACnBV,EAAgC,CACpCvC,YAAa,GACbC,aAAc,GACduC,cAAe,IAEbY,GAAO,EAIFC,EAAQ,EAAGA,EAAQJ,EAAQI,IAAS,CAK3C,IAJoBR,EAClB,cACAM,EAAUE,GAAOrD,aAED,CAChBoD,GAAO,EACP,KACD,CACD,GACY,IAAVC,GACAd,EAAIvC,YAAYa,SAASsC,EAAUE,GAAOrD,aAC1C,CACAoD,GAAO,EACP,KACD,CAMD,GALAb,EAAIvC,YAAYsD,KAAKH,EAAUE,GAAOrD,cACjB6C,EACnB,eACAM,EAAUE,GAAOpD,cAEA,CACjBmD,GAAO,EACP,KACD,CACD,GACY,IAAVC,GACAd,EAAItC,aAAaY,SAASsC,EAAUE,GAAOpD,cAC3C,CACAmD,GAAO,EACP,KACD,CAMD,GALAb,EAAItC,aAAaqD,KAAKH,EAAUE,GAAOpD,eACf4C,EACtB,eACAM,EAAUE,GAAOb,eAEG,CACpBY,GAAO,EACP,KACD,CACD,GACY,IAAVC,GACAd,EAAIC,cAAc3B,SAASsC,EAAUE,GAAOb,eAC5C,CACAY,GAAO,EACP,KACD,CACDb,EAAIC,cAAcc,KAAKH,EAAUE,GAAOb,cACzC,CACD,OAAOY,CACT,GAAG,CAACrB,IAEJK,GAAU,WACRf,SAAAA,EAAWU,EAAUmB,IACvB,GAAG,CAACnB,IAEJwB,EACEtC,GACA,WAAM,MAAC,CACLuC,UAAWN,IACXO,YAAW,SAACC,EAAML,GAChBrB,GAAY,SAAA2B,GAGV,OAFAA,EAAIN,GAAOrD,YAAc0D,EAAK1D,YAC9B2D,EAAIN,GAAOpD,aAAeyD,EAAKzD,aAC/B2D,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACAE,EAAW,cAAeR,GAC1BQ,EAAW,eAAgBR,EAC5B,EAVG,GAYN,IAMF,IAAMS,EAAoBpB,GACxB,SACEI,EACAiB,GAWA,IATA,IAAMC,EAAcjC,EAASgC,GACvBE,EAGF,CACFjE,YAAa,GACbC,aAAc,GACduC,cAAe,IAERa,EAAQ,EAAGa,EAASnC,EAASkB,OAAQI,EAAQa,EAAQb,IAC5D,GAAIA,IAAUU,EAAd,CACA,IAAMI,EAAUpC,EAASsB,GACzB,GAAa,gBAATP,GAEF,GADAmB,EAAUjE,YAAYsD,KAAKvB,EAASsB,GAAOrD,aAEb,KAA5BgE,EAAYhE,aACY,KAAxBmE,EAAQnE,aACRmE,EAAQnE,cAAgBgE,EAAYhE,YAEpC,MAAO,CACLoE,MAAM,EACNC,QAAS,OAAAC,OAAOjB,EAAQ,EAAc,qBASrC,GAAa,iBAATP,GACT,GAC+B,KAA7BkB,EAAY/D,cACa,KAAzBkE,EAAQlE,cACRkE,EAAQlE,eAAiB+D,EAAY/D,aAGrC,MAAO,CACLmE,MAAM,EACNC,QAAS,QAAAC,OAAQjB,EAAQ,EAAc,qBAStC,GAAa,kBAATP,GAEuB,KAA9BkB,EAAYxB,eACZ2B,EAAQ3B,gBAAkBwB,EAAYxB,cAEtC,MAAO,CACL4B,MAAM,EACNC,QAAS,OAAAC,OAAOjB,EAAQ,EAAc,eA7CP,CAwDvC,MAAO,CAAEe,MAAM,EAAMC,QAAS,GAChC,GACA,CAACtC,IAMGwC,EAAe7B,GAAY,SAAC8B,EAAKnB,GACrC,IAAMN,EAAO0B,EAAWD,EAAIE,OAAOtE,OACnC4B,GAAY,SAAA2B,GAEV,OADAA,EAAIN,GAAOrD,YAAc+C,EACzBa,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACAhC,SAAAA,EAAgB,cAAe0B,EAChC,GAAE,IAKGsB,EAAgBjC,GAAY,SAAC8B,EAAKnB,GACtC,IAAMV,EAAQ8B,EAAWD,EAAIE,OAAOtE,OACpC4B,GAAY,SAAA2B,GAEV,OADAA,EAAIN,GAAOpD,aAAe0C,EAC1BiB,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACAhC,SAAAA,EAAgB,eAAgB0B,EACjC,GAAE,IAKGQ,EAAanB,GACjB,SAACI,EAAyBO,GAExB,GADaR,EAAaC,EAAMf,EAASsB,GAAOP,IAChD,CAOM,IAAA3B,EAAoB2C,EAAkBhB,EAAMO,GAA1Ce,EAAIjD,EAAAiD,KAAEC,YACTD,GACHjC,GAAc,SAAAwB,GAEZ,OADAA,EAAIN,GAAOP,GAAQuB,EACnBT,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IAEFlC,SAAAA,EAASqB,EAAMO,EARd,MALClB,GAAc,SAAAwB,GAEZ,OADAA,EAAIN,GAAOP,GAAQ/C,EAAgB+C,GACnCc,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,GAWJ,GACA,CAAC5B,IAMG6C,EAAclC,GAClB,SAACI,EAAyBO,GACxBlB,GAAc,SAAAwB,GAEZ,OADAA,EAAIN,GAAOP,GAAQ,GACnBc,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,GACD,GACD,IAGF,OACEkB,EAAAC,cAACC,EAAI,CAACC,UAAU,cACbjD,EAASQ,KAAI,SAACmB,EAAMuB,GAAQ,OAC3BJ,EAAAC,cAACC,EAAI,CAACG,IAAKD,EAAKD,UAAU,mBACxBH,EAAAC,cAACC,EAAI,CAACC,UAAU,wBACZlF,EAAgBmF,GACb,OACPJ,EAAAC,cAACC,EAAI,CAACC,UAAU,mBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,yBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,+BAAuC,MACvDH,EAAAC,cAACC,EAAI,CAACC,UAAU,8BACY,OAAzBzE,QAAQC,IAAIC,SACXoE,EAAAC,cAAA,QAAA,CACEE,UAAU,mCACVlC,KAAK,OACLqC,YAAY,UACZ9D,SAAU,SAAA+D,GAAK,OAAAb,EAAaa,EAAGH,EAAI,EACnC7E,MAAOsD,EAAK1D,YACZyB,OAAQ,WAAM,OAAAoC,EAAW,cAAeoB,EAA1B,EACdI,QAAS,WAAM,OAAAT,EAAY,cAAeK,MAG5CJ,EAAAC,cAACQ,EACC,CAAAH,YAAY,UACZH,UAAU,qCAGb9C,EAAW+C,GAAKjF,aACf6E,EAACC,cAAAC,EAAK,CAAAC,UAAU,kCACb9C,EAAW+C,GAAKjF,cAItBwB,GACCqD,EAAAC,cAACC,EAAI,CACHC,UAAU,iCACVO,QAAS,WAAM,OAAAjE,aAAA,EAAAA,EAAgB2D,EAAI,MAK3CJ,EAAAC,cAACC,EAAI,CAACC,UAAU,mBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,yBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,+BAAuC,MACvDH,EAAAC,cAACC,EAAI,CAACC,UAAU,8BACY,OAAzBzE,QAAQC,IAAIC,SACXoE,EACEC,cAAA,QAAA,CAAAE,UAAU,mCACVlC,KAAK,MACLqC,YAAY,WACZ1D,OAAQ,WAAM,OAAAoC,EAAW,eAAgBoB,IACzCO,UAAW,GACXnE,SAAU,SAAA+D,GAAK,OAAAT,EAAcS,EAAGH,EAAI,EACpC7E,MAAOsD,EAAKzD,aACZoF,QAAS,WAAM,OAAAT,EAAY,eAAgBK,EAAI,IAGjDJ,EAAAC,cAACQ,EACC,CAAAH,YAAY,WACZH,UAAU,qCAGb9C,EAAW+C,GAAKhF,cACf4E,EAAAC,cAACC,EAAI,CAACC,UAAU,kCACb9C,EAAW+C,GAAKhF,iBAM3B4E,EAAAC,cAACW,EAAW,CACVC,KAAMtE,EACNuE,MAAM,YACNC,UAAW,SAAAxF,GACT+B,GAAc,SAAAwB,GAEZ,OADAA,EAAIsB,GAAK/E,aAAe,GACxB0D,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACA3B,GAAY,SAAA2B,GAGV,OAFAA,EAAIsB,GAAK/E,aAAeE,EAAMC,KAC9BsD,EAAIsB,GAAKzC,cAAgBpC,EAAMA,MAC/BwD,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACM,IAAAxC,EAAoB2C,EACxB,gBACAmB,GAFMb,EAAIjD,EAAAiD,KAAEC,YAITD,GACHjC,GAAc,SAAAwB,GAEZ,OADAA,EAAIsB,GAAK/E,aAAemE,EACxBT,EAAA,GAAA/B,EAAW8B,IAAK,EAClB,IACFjC,SAAAA,EAAkBtB,EAAO6E,EAC3B,EACAY,SAAU,WAAM,OAAAhC,EAAW,eAAgBoB,KAE3CJ,EAAAC,cAACC,EAAI,CAACC,UAAU,mBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,yBACdH,EAAAC,cAACC,EAAI,CAACC,UAAU,+BAAuC,MACvDH,EAAAC,cAACC,EAAI,CAACC,UAAU,8BACY,OAAzBzE,QAAQC,IAAIC,SACXoE,EACEC,cAAA,QAAA,CAAAhC,KAAK,OACL0C,UAAW,GACXR,UAAU,mCACVc,UAAQ,EACRX,YAAY,WACZ/E,MAAOsD,EAAKxD,eAGd2E,EAACC,cAAAQ,EACC,CAAAH,YAAY,WACZH,UAAU,mCACVlC,KAAK,QACLiD,UAAW,GACX3F,MAAOsD,EAAKxD,eAGfgC,EAAW+C,GAAK/E,cACf2E,EAACC,cAAAC,EAAK,CAAAC,UAAU,kCACb9C,EAAW+C,GAAK/E,eAIvB2E,EAAAC,cAACC,EAAK,CAAAC,UAAU,mCAKzB,IAGP"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LinkMan/index.tsx"],"sourcesContent":["import { View, Input } from \"@tarojs/components\";\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from \"react\";\nimport { inputRange } from \"@/utils\";\n\nimport ActionSheet from \"../ActionSheet\";\n\nimport \"./index.scss\";\n\nexport type AddLinkManProps = {\n  linkManNum: number;\n  onChange?: (data: LinkManItem[], pass: boolean) => void;\n  onGetContacts?: (index: number) => void;\n  showImportIcon?: boolean;\n  onBlur?: (type: keyof LinkManItem, index: number) => void;\n  onCheckRelation?: (\n    value: { text: string; value: string },\n    index: number\n  ) => void;\n  onInputChange?: (type: \"linkmanName\" | \"linkmanPhone\", index: number) => void;\n  /**\n   * 可以选择的关系\n   */\n  relations?: { text: string; value: string }[];\n};\n\nconst LinkManTitleMap = [\n  \"一\",\n  \"二\",\n  \"三\",\n  \"四\",\n  \"五\",\n  \"六\",\n  \"七\",\n  \"八\",\n  \"九\",\n  \"十\",\n];\n\n/**\n * 错误信息提示\n */\nconst errorMessageMap = {\n  linkmanName: \"请输入联系人姓名\",\n  linkmanPhone: \"请输入正确的手机号\",\n  relationType: \"请选择与联系人关系\",\n};\n\nconst defaultActionSheet = [\n  {\n    value: \"FATHER\",\n    text: \"父亲\",\n  },\n  {\n    value: \"MOTHER\",\n    text: \"母亲\",\n  },\n  {\n    value: \"MATE\",\n    text: \"配偶\",\n  },\n  {\n    value: \"CHILDREN\",\n    text: \"子女\",\n  },\n  {\n    value: \"SIBLING\",\n    text: \"兄弟姐妹\",\n  },\n  {\n    value: \"FRIENDS\",\n    text: \"朋友\",\n  },\n  {\n    value: \"COLLEAGUE\",\n    text: \"同事\",\n  },\n  {\n    value: \"RELATIVES\",\n    text: \"亲戚\",\n  },\n  {\n    value: \"OTHER\",\n    text: \"其他\",\n  },\n];\n\nexport type LinkManItem = {\n  linkmanName: string;\n  linkmanPhone: string;\n  relationType: string;\n  relationValue: string;\n};\n\nexport type LinkManRef = {\n  canSubmit: boolean;\n  setContacts: (\n    item: Pick<LinkManItem, \"linkmanName\" | \"linkmanPhone\">,\n    index: number\n  ) => void;\n};\n\nconst defaultShowImportIcon =\n  process.env.TARO_ENV === \"h5\"\n    ? window.navigator.userAgent.includes(\"xhqb\")\n    : true;\n\nconst XHAddLinMan = forwardRef<LinkManRef, AddLinkManProps>(\n  (props, fromRef) => {\n    const {\n      linkManNum,\n      relations = defaultActionSheet,\n      onChange,\n      onGetContacts,\n      showImportIcon = defaultShowImportIcon,\n      onBlur,\n      onCheckRelation,\n      onInputChange,\n    } = props;\n\n    // form信息\n    const [formData, setFormData] = useState<LinkManItem[]>([]);\n\n    // 错误提示语信息\n    const [errMessage, setErrMessage] = useState<\n      Omit<LinkManItem, \"relationValue\">[]\n    >([]);\n\n    useEffect(() => {\n      setFormData(\n        Array(linkManNum)\n          .fill(1)\n          .map(() => {\n            return {\n              linkmanName: \"\",\n              linkmanPhone: \"\",\n              relationType: \"\",\n              relationValue: \"\",\n            };\n          })\n      );\n      setErrMessage(\n        Array(linkManNum)\n          .fill(1)\n          .map(() => {\n            return {\n              linkmanName: \"\",\n              linkmanPhone: \"\",\n              relationType: \"\",\n            };\n          })\n      );\n    }, [linkManNum]);\n\n    /**\n     * 校验手机号\n     */\n    const validatePhone = useCallback((phone: string) => {\n      if (/1\\d{10}/.test(phone)) {\n        return true;\n      }\n      return false;\n    }, []);\n\n    /**\n     * 非空校验\n     */\n    const validateForm = useCallback(\n      (type: keyof LinkManItem, name: string) => {\n        if (type === \"linkmanName\") {\n          if (!name || !name.replace(/^\\s+|\\s+$/gm, \"\")) return false;\n          if (name.length > 20) return false;\n          return true;\n        } else if (type === \"linkmanPhone\") {\n          if (!name || !validatePhone(name)) return false;\n          return true;\n        } else if (type === \"relationType\") {\n          if (!name) return false;\n          return true;\n        }\n        return false;\n      },\n      []\n    );\n\n    /**\n     * 校验联系人是否合法，默认找到不合法的就退出循环\n     */\n    const validateCanSubmit = useCallback(() => {\n      const finalData = formData;\n      const length = finalData.length;\n      const map: Record<string, string[]> = {\n        linkmanName: [],\n        linkmanPhone: [],\n        relationValue: [],\n      };\n      let flag = true;\n      // console.log(finalData);\n\n      /**\n       * 每次循环formData，不符合直接break，退出循环\n       */\n      for (let index = 0; index < length; index++) {\n        const isNameValid = validateForm(\n          \"linkmanName\",\n          finalData[index].linkmanName\n        );\n        if (!isNameValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.linkmanName.includes(finalData[index].linkmanName)\n        ) {\n          flag = false;\n          break;\n        }\n        map.linkmanName.push(finalData[index].linkmanName);\n        const isPhoneValid = validateForm(\n          \"linkmanPhone\",\n          finalData[index].linkmanPhone\n        );\n        if (!isPhoneValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.linkmanPhone.includes(finalData[index].linkmanPhone)\n        ) {\n          flag = false;\n          break;\n        }\n        map.linkmanPhone.push(finalData[index].linkmanPhone);\n        const isRelationValid = validateForm(\n          \"relationType\",\n          finalData[index].relationValue\n        );\n        if (!isRelationValid) {\n          flag = false;\n          break;\n        }\n        if (\n          index !== 0 &&\n          map.relationValue.includes(finalData[index].relationValue)\n        ) {\n          flag = false;\n          break;\n        }\n        map.relationValue.push(finalData[index].relationValue);\n      }\n      return flag;\n    }, [formData]);\n\n    useEffect(() => {\n      onChange?.(formData, validateCanSubmit());\n    }, [formData]);\n\n    useImperativeHandle(\n      fromRef,\n      () => ({\n        canSubmit: validateCanSubmit(),\n        setContacts(item, index) {\n          setFormData(old => {\n            old[index].linkmanName = item.linkmanName;\n            old[index].linkmanPhone = item.linkmanPhone;\n            return [...old];\n          });\n          onFormBlur(\"linkmanName\", index);\n          onFormBlur(\"linkmanPhone\", index);\n        },\n      }),\n      []\n    );\n\n    /**\n     * 重复校验\n     */\n    const validateDuplicate = (\n      type: keyof LinkManItem,\n      currentIndex\n    ): { pass: boolean; message: string } => {\n      const currentItem = formData[currentIndex];\n      // const validStub: Record<\n      //   Exclude<keyof LinkManItem, \"relationType\">,\n      //   string[]\n      // > = {\n      //   linkmanName: [],\n      //   linkmanPhone: [],\n      //   relationValue: [],\n      // };\n\n      for (let index = 0, length = formData.length; index < length; index++) {\n        if (index === currentIndex) continue; // 不能跟自己比较\n        const current = formData[index];\n        if (type === \"linkmanName\") {\n          // validStub.linkmanName.push(formData[index].linkmanName);\n          if (\n            currentItem.linkmanName !== \"\" &&\n            current.linkmanName !== \"\" &&\n            current.linkmanName === currentItem.linkmanName\n          ) {\n            return {\n              pass: false,\n              message: `姓名与第${index + 1}联系人姓名重复，请修改`,\n            };\n          } else {\n            // setErrMessage(old => {\n            //   old[index].linkmanName = \"\";\n            //   old[currentIndex].linkmanName = \"\";\n            //   return [...old];\n            // });\n          }\n        } else if (type === \"linkmanPhone\") {\n          if (\n            currentItem.linkmanPhone !== \"\" &&\n            current.linkmanPhone !== \"\" &&\n            current.linkmanPhone === currentItem.linkmanPhone\n          ) {\n            // 如果没有重复需要清空错误信息\n            return {\n              pass: false,\n              message: `手机号与第${index + 1}联系人号码重复，请修改`,\n            };\n          } else {\n            // setErrMessage(old => {\n            //   old[index].linkmanPhone = \"\";\n            //   old[currentIndex].linkmanPhone = \"\";\n            //   return [...old];\n            // });\n          }\n        } else if (type === \"relationValue\") {\n          if (\n            currentItem.relationValue !== \"\" &&\n            current.relationValue === currentItem.relationValue\n          ) {\n            return {\n              pass: false,\n              message: `关系与第${index + 1}联系人关系重复，请修改`,\n            };\n          } else {\n            // setErrMessage(old => {\n            //   old[index].relationType = \"\";\n            //   old[currentIndex].relationType = \"\";\n            //   return [...old];\n            // });\n          }\n        }\n      }\n      return { pass: true, message: \"\" };\n    };\n\n    /**\n     * 联系人姓名改变\n     */\n    const onNameChange = useCallback((evt, index) => {\n      const value =\n        process.env.TARO_ENV === \"h5\" ? evt.target.value : evt.detail.value;\n      const name = inputRange(value);\n      setFormData(old => {\n        old[index].linkmanName = name;\n        return [...old];\n      });\n      onInputChange?.(\"linkmanName\", index);\n    }, []);\n\n    /**\n     * 联系人手机号改变\n     */\n    const onPhoneChange = useCallback((evt, index) => {\n      const value =\n        process.env.TARO_ENV === \"h5\" ? evt.target.value : evt.detail.value;\n      const phone = inputRange(value);\n      setFormData(old => {\n        old[index].linkmanPhone = phone;\n        return [...old];\n      });\n      onInputChange?.(\"linkmanPhone\", index);\n    }, []);\n\n    /**\n     * 输入框失去焦点做校验\n     */\n    const onFormBlur = useCallback(\n      (type: keyof LinkManItem, index: number) => {\n        const flag = validateForm(type, formData[index][type]); // 先做值的校验，再做重复校验\n        if (!flag) {\n          setErrMessage(old => {\n            old[index][type] = errorMessageMap[type];\n            return [...old];\n          });\n          return;\n        }\n        const { pass, message } = validateDuplicate(type, index);\n        if (!pass)\n          setErrMessage(old => {\n            old[index][type] = message;\n            return [...old];\n          });\n\n        onBlur?.(type, index);\n      },\n      [formData]\n    );\n\n    /**\n     * 聚焦的时候设置错误信息为空\n     */\n    const onFormFocus = useCallback(\n      (type: keyof LinkManItem, index: number) => {\n        setErrMessage(old => {\n          old[index][type] = \"\";\n          return [...old];\n        });\n      },\n      []\n    );\n\n    return (\n      <View className=\"xh-linkman\">\n        {formData.map((item, num) => (\n          <View key={num} className=\"xh-linkman-item\">\n            <View className=\"xh-linkman-title\">\n              第{LinkManTitleMap[num]}联系人\n            </View>\n            <View className=\"xh-linkman-main\">\n              <View className=\"xh-linkman-main-input\">\n                <View className=\"xh-linkman-main-input-label\">姓名</View>\n                <View className=\"xh-linkman-main-input-main\">\n                  {process.env.TARO_ENV === \"h5\" ? (\n                    <input\n                      className=\"xh-linkman-main-input-main-input\"\n                      type=\"text\"\n                      placeholder=\"紧急联系人姓名\"\n                      onChange={e => onNameChange(e, num)}\n                      value={item.linkmanName}\n                      onBlur={() => onFormBlur(\"linkmanName\", num)}\n                      onFocus={() => onFormFocus(\"linkmanName\", num)}\n                    />\n                  ) : (\n                    <Input\n                      placeholder=\"紧急联系人姓名\"\n                      className=\"xh-linkman-main-input-main-input\"\n                      onBlur={() => onFormBlur(\"linkmanName\", num)}\n                      value={item.linkmanName}\n                      type=\"text\"\n                      onInput={e => onNameChange(e, num)}\n                      onFocus={() => onFormFocus(\"linkmanName\", num)}\n                    />\n                  )}\n                  {errMessage[num].linkmanName && (\n                    <View className=\"xh-linkman-main-input-main-err\">\n                      {errMessage[num].linkmanName}\n                    </View>\n                  )}\n                </View>\n                {showImportIcon && (\n                  <View\n                    className=\"xh-linkman-main-input-contacts\"\n                    onClick={() => onGetContacts?.(num)}\n                  ></View>\n                )}\n              </View>\n            </View>\n            <View className=\"xh-linkman-main\">\n              <View className=\"xh-linkman-main-input\">\n                <View className=\"xh-linkman-main-input-label\">电话</View>\n                <View className=\"xh-linkman-main-input-main\">\n                  {process.env.TARO_ENV === \"h5\" ? (\n                    <input\n                      className=\"xh-linkman-main-input-main-input\"\n                      type=\"tel\"\n                      placeholder=\"紧急联系人手机号\"\n                      onBlur={() => onFormBlur(\"linkmanPhone\", num)}\n                      maxLength={11}\n                      onChange={e => onPhoneChange(e, num)}\n                      value={item.linkmanPhone}\n                      onFocus={() => onFormFocus(\"linkmanPhone\", num)}\n                    />\n                  ) : (\n                    <Input\n                      placeholder=\"紧急联系人手机号\"\n                      className=\"xh-linkman-main-input-main-input\"\n                      type=\"number\"\n                      maxlength={11}\n                      onBlur={() => onFormBlur(\"linkmanPhone\", num)}\n                      value={item.linkmanPhone}\n                      onInput={e => onPhoneChange(e, num)}\n                      onFocus={() => onFormFocus(\"linkmanPhone\", num)}\n                    />\n                  )}\n                  {errMessage[num].linkmanPhone && (\n                    <View className=\"xh-linkman-main-input-main-err\">\n                      {errMessage[num].linkmanPhone}\n                    </View>\n                  )}\n                </View>\n              </View>\n            </View>\n            <ActionSheet\n              data={relations}\n              title=\"选择与联系人的关系\"\n              onConfirm={value => {\n                setErrMessage(old => {\n                  old[num].relationType = \"\";\n                  return [...old];\n                });\n                setFormData(old => {\n                  old[num].relationType = value.text;\n                  old[num].relationValue = value.value;\n                  return [...old];\n                });\n                Promise.resolve().then(() => {\n                  const { pass, message } = validateDuplicate(\n                    \"relationValue\",\n                    num\n                  );\n                  if (!pass)\n                    setErrMessage(old => {\n                      old[num].relationType = message;\n                      return [...old];\n                    });\n                  onCheckRelation?.(value, num);\n                });\n              }}\n              onCancel={() => onFormBlur(\"relationType\", num)}\n            >\n              <View className=\"xh-linkman-main\">\n                <View className=\"xh-linkman-main-input\">\n                  <View className=\"xh-linkman-main-input-label\">关系</View>\n                  <View className=\"xh-linkman-main-input-main\">\n                    {process.env.TARO_ENV === \"h5\" ? (\n                      <input\n                        type=\"text\"\n                        maxLength={11}\n                        className=\"xh-linkman-main-input-main-input\"\n                        readOnly\n                        placeholder=\"选择与联系人关系\"\n                        value={item.relationType}\n                      />\n                    ) : (\n                      <Input\n                        placeholder=\"选择与联系人关系\"\n                        className=\"xh-linkman-main-input-main-input\"\n                        type=\"digit\"\n                        maxlength={11}\n                        value={item.relationType}\n                        disabled\n                      />\n                    )}\n                    {errMessage[num].relationType && (\n                      <View className=\"xh-linkman-main-input-main-err\">\n                        {errMessage[num].relationType}\n                      </View>\n                    )}\n                  </View>\n                  <View className=\"xh-linkman-main-input-arrow\"></View>\n                </View>\n              </View>\n            </ActionSheet>\n          </View>\n        ))}\n      </View>\n    );\n  }\n);\n\nexport default XHAddLinMan;\n"],"names":["LinkManTitleMap","errorMessageMap","linkmanName","linkmanPhone","relationType","defaultActionSheet","value","text","defaultShowImportIcon","process","env","TARO_ENV","window","navigator","userAgent","includes","XHAddLinMan","forwardRef","props","fromRef","linkManNum","_a","relations","onChange","onGetContacts","_b","showImportIcon","onBlur","onCheckRelation","onInputChange","_c","__read","useState","formData","setFormData","_d","errMessage","setErrMessage","useEffect","Array","fill","map","relationValue","validatePhone","useCallback","phone","test","validateForm","type","name","replace","length","validateCanSubmit","finalData","flag","index","push","useImperativeHandle","canSubmit","setContacts","item","old","__spreadArray","onFormBlur","validateDuplicate","currentIndex","currentItem","length_1","current","pass","message","concat","onNameChange","evt","target","detail","inputRange","onPhoneChange","onFormFocus","React","createElement","View","className","num","key","placeholder","e","onFocus","Input","onInput","onClick","maxLength","maxlength","ActionSheet","data","title","onConfirm","Promise","resolve","then","onCancel","readOnly","disabled"],"mappings":"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"}