taro-react-uilib 1.4.8 → 1.4.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AmountInput/index.js +1 -1
- package/dist/components/AmountInput/index.js.map +1 -1
- package/dist/components/BankIcon/index.js +1 -1
- package/dist/components/BankIcon/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/amountinput.scss +7 -0
- package/dist/styles/components/checkbox.scss +2 -2
- package/dist/styles/components/font/iconfont.ttf +0 -0
- package/dist/styles/components/font/iconfont.woff +0 -0
- package/dist/styles/components/font/iconfont.woff2 +0 -0
- package/dist/styles/components/icon.scss +5 -0
- package/lib/components/AmountInput/index.js +2 -1
- package/lib/components/AmountInput/index.js.map +1 -1
- package/lib/components/BankIcon/index.js +3 -3
- package/lib/components/BankIcon/index.js.map +1 -1
- package/lib/components/Checkbox/index.js +14 -13
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/Icon/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/AmountInput/index.d.ts +1 -0
- package/types/components/BankIcon/index.d.ts +1 -3
- package/types/components/Icon/index.d.ts +1 -1
- package/dist/components/BankIcon/bank.js +0 -2
- package/dist/components/BankIcon/bank.js.map +0 -1
- package/dist/components/BankIcon/images/102.png.js +0 -2
- package/dist/components/BankIcon/images/102.png.js.map +0 -1
- package/dist/components/BankIcon/images/103.png.js +0 -2
- package/dist/components/BankIcon/images/103.png.js.map +0 -1
- package/dist/components/BankIcon/images/104.png.js +0 -2
- package/dist/components/BankIcon/images/104.png.js.map +0 -1
- package/dist/components/BankIcon/images/105.png.js +0 -2
- package/dist/components/BankIcon/images/105.png.js.map +0 -1
- package/dist/components/BankIcon/images/301.png.js +0 -2
- package/dist/components/BankIcon/images/301.png.js.map +0 -1
- package/dist/components/BankIcon/images/302.png.js +0 -2
- package/dist/components/BankIcon/images/302.png.js.map +0 -1
- package/dist/components/BankIcon/images/303.png.js +0 -2
- package/dist/components/BankIcon/images/303.png.js.map +0 -1
- package/dist/components/BankIcon/images/304.png.js +0 -2
- package/dist/components/BankIcon/images/304.png.js.map +0 -1
- package/dist/components/BankIcon/images/305.png.js +0 -2
- package/dist/components/BankIcon/images/305.png.js.map +0 -1
- package/dist/components/BankIcon/images/306.png.js +0 -2
- package/dist/components/BankIcon/images/306.png.js.map +0 -1
- package/dist/components/BankIcon/images/307.png.js +0 -2
- package/dist/components/BankIcon/images/307.png.js.map +0 -1
- package/dist/components/BankIcon/images/308.png.js +0 -2
- package/dist/components/BankIcon/images/308.png.js.map +0 -1
- package/dist/components/BankIcon/images/309.png.js +0 -2
- package/dist/components/BankIcon/images/309.png.js.map +0 -1
- package/dist/components/BankIcon/images/310.png.js +0 -2
- package/dist/components/BankIcon/images/310.png.js.map +0 -1
- package/dist/components/BankIcon/images/403.png.js +0 -2
- package/dist/components/BankIcon/images/403.png.js.map +0 -1
- package/lib/components/BankIcon/bank.js +0 -33
- package/lib/components/BankIcon/bank.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"react";import{View as e}from"@tarojs/components";import a from"classnames";var n=function(n){var o=n.value,m=n.maxlength,u=void 0===m?o.length:m,c=n.onFocus,
|
|
1
|
+
import t from"react";import{View as e}from"@tarojs/components";import a from"classnames";var n=function(n){var o=n.value,m=n.maxlength,u=void 0===m?o.length:m,c=n.onFocus,s=n.className,r=n.focus,l=void 0!==r&&r,i=n.shortcut,p=void 0===i?"借全部":i,h=n.step,x=void 0===h?100:h,N=n.errTip,E=void 0===N?"":N,v=n.onUpgrade,d=n.minAmount,f=n.maxAmount,g=n.showUpgrade,k=void 0!==g&&g,b=n.loanOnekey,y=void 0===b?function(){}:b,C=n.placeholder,w=void 0===C?"单笔".concat(d,"-").concat(f,"元,").concat(x,"的整数倍"):C,A=n.slot,P=n.showBottom,U=void 0===P||P,j=n.title,B=void 0!==j&&j;var F=a("xh-amount-input",s);return t.createElement(e,{className:F},B&&t.createElement(e,{className:"xh-amount-input-title"},B),t.createElement(e,{className:"xh-amount-input-top"},t.createElement(e,{className:"xh-amount-input-top-unit"},"¥"),t.createElement(e,{className:"xh-amount-input-top-amount",onClick:function(t){t.stopPropagation(),c&&c(t)}},t.createElement(e,{className:"xh-amount-input-top-amount-num"},t.createElement(e,{className:"xh-amount-input-top-amount-num-key"}," "),function(){var a=[""];if(""===o)return t.createElement(e,{className:"xh-amount-input-top-amount-num-placeholder"},w);for(var n=0;n<u;n++){var m=o[n];a.push(t.createElement(e,{key:n,className:"xh-amount-input-top-amount-num-key"},m))}return a}(),t.createElement(e,{className:a("xh-amount-input-top-amount-num-cursor",{focus:l})})),t.createElement(e,{className:"xh-amount-input-top-amount-shortcut",onClick:y},"string"==typeof p?t.createElement(e,{className:"xh-amount-input-top-amount-shortcut-text"},p):p)),E&&t.createElement(e,{className:"xh-amount-input-top-error"},E)),A&&t.createElement(e,{className:"xh-amount-input-slot"},A),U&&t.createElement(e,{className:"xh-amount-input-bottom"},t.createElement(e,{className:"xh-amount-input-bottom-range"},"单笔可借:",t.createElement(e,{className:"xh-amount-input-bottom-range-number"},d,"-",f,"元")),k&&t.createElement(e,{className:"xh-amount-input-bottom-tip"},"额度不满意?",t.createElement(e,{className:"xh-amount-input-bottom-tip-update",onClick:function(t){t.stopPropagation(),null==v||v()}},"立即提额"))))};export{n as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/AmountInput/index.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ITouchEvent, View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type AmountInputProps = {\n space?: number;\n value: string;\n maxlength: number;\n onFocus?: (e) => void;\n unit?: string;\n slot?: ReactNode;\n shortcut?: ReactNode;\n errTip?: string;\n maxAmount?: number | string;\n minAmount?: number | string;\n showUpgrade?: boolean;\n onUpgrade?: () => void;\n loanOnekey?: () => void;\n placeholder?: string;\n focus?: boolean;\n /** 借款步长 */\n step?: number;\n showBottom?: boolean;\n} & XHComponentCommonProps;\n\nconst AmountInput: React.FC<AmountInputProps> = props => {\n const {\n value,\n maxlength = value.length,\n onFocus,\n className,\n focus = false,\n shortcut = \"借全部\",\n step = 100,\n errTip = \"\",\n onUpgrade,\n minAmount,\n maxAmount,\n showUpgrade = false,\n loanOnekey = () => {},\n placeholder = `单笔${minAmount}-${maxAmount}元,${step}的整数倍`,\n slot,\n showBottom = true,\n } = props;\n\n function renderInputs(): ReactNode {\n const Inputs: any = [\"\"];\n\n if (value === \"\")\n return (\n <View className=\"xh-amount-input-top-amount-num-placeholder\">\n {placeholder}\n </View>\n );\n for (let i = 0; i < maxlength; i++) {\n const char = value[i];\n Inputs.push(\n <View key={i} className=\"xh-amount-input-top-amount-num-key\">\n {char}\n </View>\n );\n }\n return Inputs;\n }\n\n function handlerClick(e: ITouchEvent): void {\n e.stopPropagation();\n onFocus && onFocus(e);\n }\n const cls = classNames(\"xh-amount-input\", className);\n\n const handleUpgrade = (e: ITouchEvent) => {\n e.stopPropagation();\n onUpgrade?.();\n };\n\n return (\n <View className={cls}>\n <View className=\"xh-amount-input-top\">\n <View className=\"xh-amount-input-top-unit\">¥</View>\n <View className=\"xh-amount-input-top-amount\" onClick={handlerClick}>\n <View className=\"xh-amount-input-top-amount-num\">\n <View className=\"xh-amount-input-top-amount-num-key\"> </View>\n {renderInputs()}\n <View\n className={classNames(\"xh-amount-input-top-amount-num-cursor\", {\n focus,\n })}\n ></View>\n </View>\n <View\n className=\"xh-amount-input-top-amount-shortcut\"\n onClick={loanOnekey}\n >\n {typeof shortcut === \"string\" ? (\n <View className=\"xh-amount-input-top-amount-shortcut-text\">\n {shortcut}\n </View>\n ) : (\n shortcut\n )}\n </View>\n </View>\n {errTip && <View className=\"xh-amount-input-top-error\">{errTip}</View>}\n </View>\n {slot && <View className=\"xh-amount-input-slot\">{slot}</View>}\n {showBottom && (\n <View className=\"xh-amount-input-bottom\">\n <View className=\"xh-amount-input-bottom-range\">\n 单笔可借:\n <View className=\"xh-amount-input-bottom-range-number\">\n {minAmount}-{maxAmount}元\n </View>\n </View>\n {showUpgrade && (\n <View className=\"xh-amount-input-bottom-tip\">\n 额度不满意?\n <View\n className=\"xh-amount-input-bottom-tip-update\"\n onClick={handleUpgrade}\n >\n 立即提额\n </View>\n </View>\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default AmountInput;\n"],"names":["AmountInput","props","value","_a","maxlength","length","onFocus","className","_b","focus","_c","shortcut","_d","step","_e","errTip","onUpgrade","minAmount","maxAmount","_f","showUpgrade","_g","loanOnekey","_h","placeholder","concat","slot","_j","showBottom","cls","classNames","React","createElement","View","onClick","e","stopPropagation","Inputs","i","char","push","key","renderInputs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/AmountInput/index.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ITouchEvent, View } from \"@tarojs/components\";\nimport classNames from \"classnames\";\nimport \"./index.scss\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nexport type AmountInputProps = {\n space?: number;\n value: string;\n maxlength: number;\n onFocus?: (e) => void;\n unit?: string;\n slot?: ReactNode;\n shortcut?: ReactNode;\n errTip?: string;\n maxAmount?: number | string;\n minAmount?: number | string;\n showUpgrade?: boolean;\n onUpgrade?: () => void;\n loanOnekey?: () => void;\n placeholder?: string;\n focus?: boolean;\n /** 借款步长 */\n step?: number;\n showBottom?: boolean;\n title?: ReactNode;\n} & XHComponentCommonProps;\n\nconst AmountInput: React.FC<AmountInputProps> = props => {\n const {\n value,\n maxlength = value.length,\n onFocus,\n className,\n focus = false,\n shortcut = \"借全部\",\n step = 100,\n errTip = \"\",\n onUpgrade,\n minAmount,\n maxAmount,\n showUpgrade = false,\n loanOnekey = () => {},\n placeholder = `单笔${minAmount}-${maxAmount}元,${step}的整数倍`,\n slot,\n showBottom = true,\n title = false,\n } = props;\n\n function renderInputs(): ReactNode {\n const Inputs: any = [\"\"];\n\n if (value === \"\")\n return (\n <View className=\"xh-amount-input-top-amount-num-placeholder\">\n {placeholder}\n </View>\n );\n for (let i = 0; i < maxlength; i++) {\n const char = value[i];\n Inputs.push(\n <View key={i} className=\"xh-amount-input-top-amount-num-key\">\n {char}\n </View>\n );\n }\n return Inputs;\n }\n\n function handlerClick(e: ITouchEvent): void {\n e.stopPropagation();\n onFocus && onFocus(e);\n }\n const cls = classNames(\"xh-amount-input\", className);\n\n const handleUpgrade = (e: ITouchEvent) => {\n e.stopPropagation();\n onUpgrade?.();\n };\n\n return (\n <View className={cls}>\n {title && <View className=\"xh-amount-input-title\">{title}</View>}\n <View className=\"xh-amount-input-top\">\n <View className=\"xh-amount-input-top-unit\">¥</View>\n <View className=\"xh-amount-input-top-amount\" onClick={handlerClick}>\n <View className=\"xh-amount-input-top-amount-num\">\n <View className=\"xh-amount-input-top-amount-num-key\"> </View>\n {renderInputs()}\n <View\n className={classNames(\"xh-amount-input-top-amount-num-cursor\", {\n focus,\n })}\n ></View>\n </View>\n <View\n className=\"xh-amount-input-top-amount-shortcut\"\n onClick={loanOnekey}\n >\n {typeof shortcut === \"string\" ? (\n <View className=\"xh-amount-input-top-amount-shortcut-text\">\n {shortcut}\n </View>\n ) : (\n shortcut\n )}\n </View>\n </View>\n {errTip && <View className=\"xh-amount-input-top-error\">{errTip}</View>}\n </View>\n {slot && <View className=\"xh-amount-input-slot\">{slot}</View>}\n {showBottom && (\n <View className=\"xh-amount-input-bottom\">\n <View className=\"xh-amount-input-bottom-range\">\n 单笔可借:\n <View className=\"xh-amount-input-bottom-range-number\">\n {minAmount}-{maxAmount}元\n </View>\n </View>\n {showUpgrade && (\n <View className=\"xh-amount-input-bottom-tip\">\n 额度不满意?\n <View\n className=\"xh-amount-input-bottom-tip-update\"\n onClick={handleUpgrade}\n >\n 立即提额\n </View>\n </View>\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default AmountInput;\n"],"names":["AmountInput","props","value","_a","maxlength","length","onFocus","className","_b","focus","_c","shortcut","_d","step","_e","errTip","onUpgrade","minAmount","maxAmount","_f","showUpgrade","_g","loanOnekey","_h","placeholder","concat","slot","_j","showBottom","_k","title","cls","classNames","React","createElement","View","onClick","e","stopPropagation","Inputs","i","char","push","key","renderInputs"],"mappings":"yFA4BM,IAAAA,EAA0C,SAAAC,GAE5C,IAAAC,EAiBED,EAAKC,MAhBPC,EAgBEF,EAAKG,UAhBPA,OAAY,IAAAD,EAAAD,EAAMG,OAAMF,EACxBG,EAeEL,EAfKK,QACPC,EAcEN,EAAKM,UAbPC,EAaEP,EAAKQ,MAbPA,OAAK,IAAAD,GAAQA,EACbE,EAYET,EAAKU,SAZPA,OAAW,IAAAD,EAAA,MAAKA,EAChBE,EAWEX,OAXFY,OAAO,IAAAD,EAAA,IAAGA,EACVE,EAUEb,EAVSc,OAAXA,OAAM,IAAAD,EAAG,GAAEA,EACXE,EASEf,EAAKe,UARPC,EAQEhB,EAROgB,UACTC,EAOEjB,EAAKiB,UANPC,EAMElB,EAAKmB,YANPA,OAAW,IAAAD,GAAQA,EACnBE,EAKEpB,EAAKqB,WALPA,OAAa,IAAAD,EAAA,WAAQ,EAAAA,EACrBE,EAIEtB,EAJsDuB,YAAxDA,OAAW,IAAAD,EAAG,KAAKE,OAAAR,EAAa,KAAAQ,OAAAP,EAAc,MAAAO,OAAAZ,EAAU,QAAAU,EACxDG,EAGEzB,OAFF0B,EAEE1B,EAAK2B,WAFPA,OAAa,IAAAD,KACbE,EACE5B,EAAK6B,MADPA,OAAQ,IAAAD,KA2BV,IAAME,EAAMC,EAAW,kBAAmBzB,GAO1C,OACE0B,EAACC,cAAAC,EAAK,CAAA5B,UAAWwB,GACdD,GAASG,gBAACE,EAAI,CAAC5B,UAAU,yBAAyBuB,GACnDG,EAAAC,cAACC,EAAI,CAAC5B,UAAU,uBACd0B,EAAAC,cAACC,EAAI,CAAC5B,UAAU,4BAAuC,KACvD0B,EAACC,cAAAC,GAAK5B,UAAU,6BAA6B6B,QAhBnD,SAAsBC,GACpBA,EAAEC,kBACFhC,GAAWA,EAAQ+B,EACpB,GAcOJ,EAAAC,cAACC,EAAI,CAAC5B,UAAU,kCACd0B,EAAAC,cAACC,EAAI,CAAC5B,UAAU,sCAAkD,KAtC5E,WACE,IAAMgC,EAAc,CAAC,IAErB,GAAc,KAAVrC,EACF,OACE+B,EAACC,cAAAC,EAAK,CAAA5B,UAAU,8CACbiB,GAGP,IAAK,IAAIgB,EAAI,EAAGA,EAAIpC,EAAWoC,IAAK,CAClC,IAAMC,EAAOvC,EAAMsC,GACnBD,EAAOG,KACLT,EAACC,cAAAC,GAAKQ,IAAKH,EAAGjC,UAAU,sCACrBkC,GAGN,CACD,OAAOF,CACR,CAqBUK,GACDX,EAAAC,cAACC,EACC,CAAA5B,UAAWyB,EAAW,wCAAyC,CAC7DvB,MAAKA,OAIXwB,EAAAC,cAACC,EAAI,CACH5B,UAAU,sCACV6B,QAASd,GAEY,iBAAbX,EACNsB,EAAAC,cAACC,EAAK,CAAA5B,UAAU,4CACbI,OAORI,GAAUkB,EAACC,cAAAC,EAAK,CAAA5B,UAAU,6BAA6BQ,IAEzDW,GAAQO,gBAACE,EAAI,CAAC5B,UAAU,wBAAwBmB,GAChDE,GACCK,EAAAC,cAACC,EAAK,CAAA5B,UAAU,0BACd0B,EAAAC,cAACC,EAAI,CAAC5B,UAAU,wCAEd0B,EAAAC,cAACC,EAAI,CAAC5B,UAAU,uCACbU,MAAYC,QAGhBE,GACCa,EAAAC,cAACC,EAAK,CAAA5B,UAAU,uCAEd0B,EAAAC,cAACC,EACC,CAAA5B,UAAU,oCACV6B,QAjDQ,SAACC,GACrBA,EAAEC,kBACFtB,SAAAA,GACF,GA8CoC,UAUtC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import a from"classnames";import r from"../Image/index.js";var s=function(s){var o=s.code,t=s.className,c=s.size,l=a("xh-bank-icon",t);return e.createElement(r,{src:"https://s.xh1.cn/resources/images/bank/logo-2.0.0/placeholder.png".replace("placeholder",o),alt:o,width:c,height:c,className:l})};export{s as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/BankIcon/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\n\nimport Image from \"../../../src/components/Image\";\nimport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/BankIcon/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\n\nimport Image from \"../../../src/components/Image\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\n\nexport type XHListProps = {\n code: string;\n size?: number;\n} & XHComponentCommonProps;\n\nconst BANKCARD_URL =\n \"https://s.xh1.cn/resources/images/bank/logo-2.0.0/placeholder.png\";\n\nconst XHBankIcon: FC<XHListProps> = props => {\n const { code, className, size } = props;\n\n const cls = classNames(\"xh-bank-icon\", className);\n\n return (\n <Image\n src={BANKCARD_URL.replace(\"placeholder\", code)}\n alt={code}\n width={size}\n height={size}\n className={cls}\n />\n );\n};\nexport default XHBankIcon;\n"],"names":["XHBankIcon","props","code","className","size","cls","classNames","React","createElement","Image","src","replace","alt","width","height"],"mappings":"gFAYA,IAGMA,EAA8B,SAAAC,GAC1B,IAAAC,EAA0BD,EAAKC,KAAzBC,EAAoBF,EAAKE,UAAdC,EAASH,OAE5BI,EAAMC,EAAW,eAAgBH,GAEvC,OACEI,EAAAC,cAACC,EAAK,CACJC,IATJ,oEASsBC,QAAQ,cAAeT,GACzCU,IAAKV,EACLW,MAAOT,EACPU,OAAQV,EACRD,UAAWE,GAGjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import a from"classnames";import{CheckboxGroup as
|
|
1
|
+
import e from"react";import a from"classnames";import{View as t,CheckboxGroup as c}from"@tarojs/components";import l from"../src/hooks/useGenerateId.js";import{pxTransform as s}from"../src/utils/index.js";import r from"./Group/index.js";var o=function(r){var o=r.className,n=r.name,h=r.label,i=r.id,m=r.circle,p=r.onChange,d=r.align,u=r.direction,x=r.justify,b=r.checked,k=r.disabled,v=r.value,E=r.style,N=r.size,f=void 0===N?0:N,g=r.color,y=void 0===g?"var(--color-primary)":g,C=l(i,"xh-checkbox-id"),j=function(e){var a=b||!1,t="";"h5"===process.env.TARO_ENV?(a=e.target.checked,t=e.target.value):(a=e.detail.value.length>0,t=e.detail.value[0]),p&&p(a,t)},A=a("xh-checkbox",o,d,u,x,{h5:"h5"===process.env.TARO_ENV});return"h5"!==process.env.TARO_ENV?e.createElement(t,{className:A,style:E},e.createElement(c,{onChange:j},e.createElement("label",{htmlFor:C},e.createElement("input",{type:"checkbox",id:C,name:n,className:a("xh-checkbox-input",{tt:"tt"===process.env.TARO_ENV}),onChange:j,disabled:k,value:v,checked:b,color:y}),e.createElement("span",{className:a("xh-checkbox-input-fake",m&&"circle",{tt:"tt"===process.env.TARO_ENV}),style:f>0?{width:s(f),height:s(f)}:{}}))),e.createElement("span",{className:"xh-checkbox-label"},h)):e.createElement("label",{htmlFor:C,className:A,style:E},e.createElement("input",{type:"checkbox",id:C,name:n,className:"xh-checkbox-input",onChange:j,value:v,defaultChecked:b}),e.createElement("span",{style:f>0?{width:s(f),height:s(f)}:{},className:a("xh-checkbox-input-fake",m&&"circle")}),e.createElement("span",{className:"xh-checkbox-label"},h))};o.Group=r;export{o as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { CheckboxGroup } from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\nimport Group from \"./Group\";\nimport \"./index.scss\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n XHCheckboxProps & React.RefAttributes<HTMLInputElement>\n> & {\n Group: typeof Group;\n};\n\nexport type XHCheckboxProps = {\n onChange?: (check: boolean, value: string) => void;\n checked?: boolean;\n name?: string;\n label: string | ReactNode;\n size?: number;\n circle?: boolean;\n align?: \"center\" | \"end\";\n direction?: \"rtl\";\n justify?: \"around\" | \"between\";\n value?: string | number;\n id?: string;\n disabled?: boolean;\n style?: React.CSSProperties;\n /**\n * 抖音不支持属性选择器\n * @description 主要为抖音支持颜色\n */\n color?: string;\n} & XHComponentCommonProps;\n\nconst XHCheckbox: FC<XHCheckboxProps> = props => {\n const {\n className,\n name,\n label,\n id,\n circle,\n onChange,\n align,\n direction,\n justify,\n checked,\n disabled,\n value,\n style,\n size = 0,\n color = \"var(--color-primary)\",\n } = props;\n\n const finalId = useGenerateId(id, \"xh-checkbox-id\");\n\n const handleOnchange = e => {\n let finalchecked = checked || false;\n let value = \"\";\n if (process.env.TARO_ENV === \"h5\") {\n finalchecked = e.target.checked;\n value = e.target.value;\n } else {\n finalchecked = e.detail.value.length > 0;\n value = e.detail.value[0];\n }\n onChange && onChange(finalchecked, value);\n };\n\n const cls = classNames(\"xh-checkbox\", className, align, direction, justify, {\n h5: process.env.TARO_ENV === \"h5\",\n });\n if (process.env.TARO_ENV !== \"h5\") {\n return (\n <CheckboxGroup onChange={handleOnchange}>\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { CheckboxGroup, View } from \"@tarojs/components\";\nimport useGenerateId from \"@/hooks/useGenerateId\";\nimport { pxTransform } from \"@/utils\";\nimport Group from \"./Group\";\nimport \"./index.scss\";\nimport type { XHComponentCommonProps } from \"../../types\";\n\ntype CompoundedComponent = React.ForwardRefExoticComponent<\n XHCheckboxProps & React.RefAttributes<HTMLInputElement>\n> & {\n Group: typeof Group;\n};\n\nexport type XHCheckboxProps = {\n onChange?: (check: boolean, value: string) => void;\n checked?: boolean;\n name?: string;\n label: string | ReactNode;\n size?: number;\n circle?: boolean;\n align?: \"center\" | \"end\";\n direction?: \"rtl\";\n justify?: \"around\" | \"between\";\n value?: string | number;\n id?: string;\n disabled?: boolean;\n style?: React.CSSProperties;\n /**\n * 抖音不支持属性选择器\n * @description 主要为抖音支持颜色\n */\n color?: string;\n} & XHComponentCommonProps;\n\nconst XHCheckbox: FC<XHCheckboxProps> = props => {\n const {\n className,\n name,\n label,\n id,\n circle,\n onChange,\n align,\n direction,\n justify,\n checked,\n disabled,\n value,\n style,\n size = 0,\n color = \"var(--color-primary)\",\n } = props;\n\n const finalId = useGenerateId(id, \"xh-checkbox-id\");\n\n const handleOnchange = e => {\n let finalchecked = checked || false;\n let value = \"\";\n if (process.env.TARO_ENV === \"h5\") {\n finalchecked = e.target.checked;\n value = e.target.value;\n } else {\n finalchecked = e.detail.value.length > 0;\n value = e.detail.value[0];\n }\n onChange && onChange(finalchecked, value);\n };\n\n const cls = classNames(\"xh-checkbox\", className, align, direction, justify, {\n h5: process.env.TARO_ENV === \"h5\",\n });\n if (process.env.TARO_ENV !== \"h5\") {\n return (\n <View className={cls} style={style}>\n <CheckboxGroup onChange={handleOnchange}>\n <label htmlFor={finalId}>\n <input\n type=\"checkbox\"\n id={finalId}\n name={name}\n className={classNames(\"xh-checkbox-input\", {\n tt: process.env.TARO_ENV === \"tt\",\n })}\n onChange={handleOnchange}\n disabled={disabled}\n value={value}\n checked={checked}\n color={color}\n />\n <span\n className={classNames(\n \"xh-checkbox-input-fake\",\n circle && \"circle\",\n { tt: process.env.TARO_ENV === \"tt\" }\n )}\n style={\n size > 0\n ? {\n width: pxTransform(size),\n height: pxTransform(size),\n }\n : {}\n }\n ></span>\n </label>\n </CheckboxGroup>\n <span className=\"xh-checkbox-label\">{label}</span>\n </View>\n );\n }\n\n return (\n <label htmlFor={finalId} className={cls} style={style}>\n <input\n type=\"checkbox\"\n id={finalId}\n name={name}\n className=\"xh-checkbox-input\"\n onChange={handleOnchange}\n value={value}\n defaultChecked={checked}\n />\n <span\n style={\n size > 0\n ? {\n width: pxTransform(size),\n height: pxTransform(size),\n }\n : {}\n }\n className={classNames(\"xh-checkbox-input-fake\", circle && \"circle\")}\n ></span>\n <span className=\"xh-checkbox-label\">{label}</span>\n </label>\n );\n};\n\nconst CheckBox = XHCheckbox as CompoundedComponent;\nCheckBox.Group = Group;\n\nexport default CheckBox;\n"],"names":["CheckBox","props","className","name","label","id","circle","onChange","align","direction","justify","checked","disabled","value","style","_a","size","_b","color","finalId","useGenerateId","handleOnchange","e","finalchecked","process","env","TARO_ENV","target","detail","length","cls","classNames","h5","React","createElement","View","CheckboxGroup","htmlFor","type","tt","width","pxTransform","height","defaultChecked","Group"],"mappings":"6OAoCA,IAwGMA,EAxGkC,SAAAC,GAEpC,IAAAC,EAeED,EAfOC,UACTC,EAcEF,EAdEE,KACJC,EAaEH,QAZFI,EAYEJ,EAAKI,GAXPC,EAWEL,EAAKK,OAVPC,EAUEN,EAVMM,SACRC,EASEP,EATGO,MACLC,EAQER,YAPFS,EAOET,UANFU,EAMEV,UALFW,EAKEX,WAJFY,EAIEZ,EAAKY,MAHPC,EAGEb,EAAKa,MAFPC,EAEEd,OAFFe,aAAO,EAACD,EACRE,EACEhB,EAD4BiB,MAA9BA,OAAQ,IAAAD,EAAA,yBAGJE,EAAUC,EAAcf,EAAI,kBAE5BgB,EAAiB,SAAAC,GACrB,IAAIC,EAAeZ,IAAW,EAC1BE,EAAQ,GACiB,OAAzBW,QAAQC,IAAIC,UACdH,EAAeD,EAAEK,OAAOhB,QACxBE,EAAQS,EAAEK,OAAOd,QAEjBU,EAAeD,EAAEM,OAAOf,MAAMgB,OAAS,EACvChB,EAAQS,EAAEM,OAAOf,MAAM,IAEzBN,GAAYA,EAASgB,EAAcV,EACrC,EAEMiB,EAAMC,EAAW,cAAe7B,EAAWM,EAAOC,EAAWC,EAAS,CAC1EsB,GAA6B,OAAzBR,QAAQC,IAAIC,WAElB,MAA6B,OAAzBF,QAAQC,IAAIC,SAEZO,EAACC,cAAAC,EAAK,CAAAjC,UAAW4B,EAAKhB,MAAOA,GAC3BmB,EAAAC,cAACE,EAAa,CAAC7B,SAAUc,GACvBY,EAAOC,cAAA,QAAA,CAAAG,QAASlB,GACdc,EAAAC,cAAA,QAAA,CACEI,KAAK,WACLjC,GAAIc,EACJhB,KAAMA,EACND,UAAW6B,EAAW,oBAAqB,CACzCQ,GAA6B,OAAzBf,QAAQC,IAAIC,WAElBnB,SAAUc,EACVT,SAAUA,EACVC,MAAOA,EACPF,QAASA,EACTO,MAAOA,IAETe,EACEC,cAAA,OAAA,CAAAhC,UAAW6B,EACT,yBACAzB,GAAU,SACV,CAAEiC,GAA6B,OAAzBf,QAAQC,IAAIC,WAEpBZ,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,CAAE,MAKdiB,EAAMC,cAAA,OAAA,CAAAhC,UAAU,qBAAqBE,IAMzC6B,EAAAC,cAAA,QAAA,CAAOG,QAASlB,EAASjB,UAAW4B,EAAKhB,MAAOA,GAC9CmB,EACEC,cAAA,QAAA,CAAAI,KAAK,WACLjC,GAAIc,EACJhB,KAAMA,EACND,UAAU,oBACVK,SAAUc,EACVR,MAAOA,EACP8B,eAAgBhC,IAElBsB,EAAAC,cAAA,OAAA,CACEpB,MACEE,EAAO,EACH,CACEwB,MAAOC,EAAYzB,GACnB0B,OAAQD,EAAYzB,IAEtB,CAAE,EAERd,UAAW6B,EAAW,yBAA0BzB,GAAU,YAE5D2B,EAAMC,cAAA,OAAA,CAAAhC,UAAU,qBAAqBE,GAG3C,EAGAJ,EAAS4C,MAAQA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { pxTransform } from \"@/utils\";\nimport type { StandardLonghandProperties } from \"csstype\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\nexport type XHIcon =\n | \"prompt\"\n | \"score\"\n | \"info\"\n | \"failure\"\n | \"success\"\n | \"loading\"\n | \"back\"\n | \"notice\"\n | \"scan\"\n | \"light\"\n | \"faceScan\"\n | \"delete\"\n | \"radioFull\"\n | \"checkboxFull\"\n | \"checkedSquare\"\n | \"checked2\"\n | \"arrowTop\"\n | \"notice2\"\n | \"position\"\n | \"contacts\"\n | \"billFull\"\n | \"bill2\"\n | \"bill3\"\n | \"bill4\"\n | \"edit\"\n | \"editFull\"\n | \"camera\"\n | \"close\"\n | \"gift\"\n | \"message\"\n | \"user\"\n | \"wenhao\"\n | \"kefu\"\n | \"play\"\n | \"arrowLeft\"\n | \"arrowRight\"\n | \"keyboardClose\"\n | \"add\"\n | \"tongxunlu\"\n | \"zhuyi\"\n | \"duigou\"\n | \"edit2\"\n | \"alipay\"\n | \"wechat\"\n | \"friendPay\"\n | \"pen\"\n | \"location\";\n\nexport type XHIconProps = {\n icon: XHIcon;\n size?: number;\n color?: StandardLonghandProperties[\"color\"];\n style?: React.CSSProperties;\n onClick?: () => void;\n} & XHComponentCommonProps;\n\nconst Icon: React.FC<XHIconProps> = props => {\n const { icon = \"\", size = 0, className, color, style, ...rest } = props;\n\n const fixIcon = icon && `xh-icon-${icon}`;\n const iconCls = classNames(\"xh-icon\", fixIcon, className);\n\n const finalStyle: React.CSSProperties = {\n ...style,\n fontSize: pxTransform(size),\n color,\n };\n\n return <span className={iconCls} {...{ style: finalStyle }} {...rest} />;\n};\n\nexport default Icon;\n"],"names":["Icon","props","_a","icon","_b","size","className","color","style","rest","__rest","fixIcon","concat","iconCls","classNames","finalStyle","__assign","fontSize","pxTransform","React","createElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { pxTransform } from \"@/utils\";\nimport type { StandardLonghandProperties } from \"csstype\";\nimport { XHComponentCommonProps } from \"../../types\";\n\nimport \"./index.scss\";\n\nexport type XHIcon =\n | \"prompt\"\n | \"score\"\n | \"info\"\n | \"failure\"\n | \"success\"\n | \"loading\"\n | \"back\"\n | \"notice\"\n | \"scan\"\n | \"light\"\n | \"faceScan\"\n | \"delete\"\n | \"radioFull\"\n | \"checkboxFull\"\n | \"checkedSquare\"\n | \"checked2\"\n | \"arrowTop\"\n | \"notice2\"\n | \"position\"\n | \"contacts\"\n | \"billFull\"\n | \"bill2\"\n | \"bill3\"\n | \"bill4\"\n | \"edit\"\n | \"editFull\"\n | \"camera\"\n | \"close\"\n | \"gift\"\n | \"message\"\n | \"user\"\n | \"wenhao\"\n | \"kefu\"\n | \"play\"\n | \"arrowLeft\"\n | \"arrowRight\"\n | \"keyboardClose\"\n | \"add\"\n | \"tongxunlu\"\n | \"zhuyi\"\n | \"duigou\"\n | \"edit2\"\n | \"alipay\"\n | \"wechat\"\n | \"friendPay\"\n | \"pen\"\n | \"location\"\n | \"waiting\";\n\nexport type XHIconProps = {\n icon: XHIcon;\n size?: number;\n color?: StandardLonghandProperties[\"color\"];\n style?: React.CSSProperties;\n onClick?: () => void;\n} & XHComponentCommonProps;\n\nconst Icon: React.FC<XHIconProps> = props => {\n const { icon = \"\", size = 0, className, color, style, ...rest } = props;\n\n const fixIcon = icon && `xh-icon-${icon}`;\n const iconCls = classNames(\"xh-icon\", fixIcon, className);\n\n const finalStyle: React.CSSProperties = {\n ...style,\n fontSize: pxTransform(size),\n color,\n };\n\n return <span className={iconCls} {...{ style: finalStyle }} {...rest} />;\n};\n\nexport default Icon;\n"],"names":["Icon","props","_a","icon","_b","size","className","color","style","rest","__rest","fixIcon","concat","iconCls","classNames","finalStyle","__assign","fontSize","pxTransform","React","createElement"],"mappings":"6KAkEM,IAAAA,EAA8B,SAAAC,GAC1B,IAAAC,EAA0DD,EAAKE,KAA/DA,aAAO,GAAED,EAAEE,EAA+CH,EAAvCI,KAARA,OAAO,IAAAD,EAAA,IAAGE,EAAqCL,YAA1BM,EAA0BN,EAAKM,MAAxBC,EAAmBP,EAAKO,MAAdC,EAAIC,EAAKT,EAA5D,CAAA,OAAA,OAAA,YAAA,QAAA,UAEAU,EAAUR,GAAQ,WAAWS,OAAAT,GAC7BU,EAAUC,EAAW,UAAWH,EAASL,GAEzCS,EAAUC,EAAAA,EAAA,CAAA,EACXR,GAAK,CACRS,SAAUC,EAAYb,GACtBE,MAAKA,IAGP,OAAOY,EAAMC,cAAA,OAAAJ,EAAA,CAAAV,UAAWO,GAAa,CAAEL,MAAOO,GAAkBN,GAClE"}
|