taro-react-uilib 1.4.17 → 1.4.18

package/dist/components/Loading/index.js

@@ -1,2 +1,2 @@
-import e from"react";import a from"classnames";import{View as o}from"@tarojs/components";import r from"../Mask/index.js";import t from"../ActivityIndicator/index.js";var i=function(i){var m=i.mask,s=i.className,n=i.tip,l=void 0===n?"加载中":n,c=i.color,d=void 0===c?"#FFF":c,p=i.size,f=void 0===p?60:p,x=a("xh-loading",s);return e.createElement(o,{className:x},e.createElement(r,{mask:m}),e.createElement(o,{className:a("xh-loading-main",{hasTip:l})},e.createElement(t,{size:f,style:{"--loading-border-color":d,"--loading-border-width":"3px"}}),l&&e.createElement(o,{className:"xh-loading-main-tip"},l)))};export{i as default};
+import a from"react";import e from"classnames";import{View as m}from"@tarojs/components";import t from"../Mask/index.js";var s=function(s){var r=s.mask,n=s.className,i=s.tip,o=void 0===i?"加载中":i,l=e("xh-loading",n);return a.createElement(m,{className:l},a.createElement(t,{mask:r}),a.createElement(m,{className:e("xh-loading-main",{hasTip:o})},a.createElement(m,{className:"xh-loading-main-gif"}),o&&a.createElement(m,{className:"xh-loading-main-tip"},o)))};export{s as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport Mask, { MaskProps } from \"../Mask\";\nimport Activityindicator from \"../ActivityIndicator\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\n\nexport type LoadingProps = {\n  mask?: MaskProps[\"mask\"];\n  color?: string;\n  tip?: string | ReactNode;\n  size?: number;\n} & XHComponentCommonProps;\n\nconst Loading: FC<LoadingProps> = ({\n  mask,\n  className,\n  tip = \"加载中\",\n  color = \"#FFF\",\n  size = 60,\n}) => {\n  const cls = classNames(\"xh-loading\", className);\n\n  return (\n    <View className={cls}>\n      <Mask mask={mask} />\n      <View className={classNames(\"xh-loading-main\", { hasTip: tip })}>\n        <Activityindicator\n          size={size}\n          style={{\n            \"--loading-border-color\": color,\n            \"--loading-border-width\": \"3px\",\n          }}\n        />\n\n        {/* <View className=\"xh-loading-main-spinner\">\n          {[...Array(12).keys()].map((index) => (\n            <View\n              className={classNames(\n                \"xh-loading-main-spinner-circle\",\n                `is-circle${index + 1}`\n              )}\n              key={`spinner${index}`}\n            >\n              <View\n                className=\"dot-rotate\"\n                style={{ backgroundColor: color }}\n              ></View>\n            </View>\n          ))}\n        </View> */}\n        {tip && <View className=\"xh-loading-main-tip\">{tip}</View>}\n      </View>\n    </View>\n  );\n};\n\nexport default Loading;\n"],"names":["Loading","_a","mask","className","_b","tip","_c","color","_d","size","cls","classNames","React","createElement","View","Mask","hasTip","Activityindicator","style"],"mappings":"sKAeM,IAAAA,EAA4B,SAACC,OACjCC,EAAID,EAAAC,KACJC,EAASF,EAAAE,UACTC,QAAAC,OAAM,IAAAD,EAAA,MAAKA,EACXE,UAAAC,OAAQ,IAAAD,EAAA,OAAMA,EACdE,SAAAC,OAAO,IAAAD,EAAA,GAAEA,EAEHE,EAAMC,EAAW,aAAcR,GAErC,OACES,EAACC,cAAAC,EAAK,CAAAX,UAAWO,GACfE,EAAAC,cAACE,EAAI,CAACb,KAAMA,IACZU,EAAAC,cAACC,EAAI,CAACX,UAAWQ,EAAW,kBAAmB,CAAEK,OAAQX,KACvDO,EAAAC,cAACI,EACC,CAAAR,KAAMA,EACNS,MAAO,CACL,yBAA0BX,EAC1B,yBAA0B,SAoB7BF,GAAOO,EAAAC,cAACC,EAAI,CAACX,UAAU,uBAAuBE,IAIvD"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Loading/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { View } from \"@tarojs/components\";\nimport Mask, { MaskProps } from \"../Mask\";\n// import Activityindicator from \"../ActivityIndicator\";\nimport { XHComponentCommonProps } from \"../../types\";\nimport \"./index.scss\";\n\nexport type LoadingProps = {\n  mask?: MaskProps[\"mask\"];\n  color?: string;\n  tip?: string | ReactNode;\n  size?: number;\n} & XHComponentCommonProps;\n\nconst Loading: FC<LoadingProps> = ({\n  mask,\n  className,\n  tip = \"加载中\",\n  // color = \"#FFF\",\n  // size = 60,\n}) => {\n  const cls = classNames(\"xh-loading\", className);\n\n  return (\n    <View className={cls}>\n      <Mask mask={mask} />\n      <View className={classNames(\"xh-loading-main\", { hasTip: tip })}>\n        {/* <Activityindicator\n          size={size}\n          style={{\n            \"--loading-border-color\": color,\n            \"--loading-border-width\": \"3px\",\n          }}\n        /> */}\n        <View className=\"xh-loading-main-gif\"></View>\n        {/* <Image src={require('../../assets/images/loading.gif')} className=\"xh-loading-main-gif\" /> */}\n\n        {/* <View className=\"xh-loading-main-spinner\">\n          {[...Array(12).keys()].map((index) => (\n            <View\n              className={classNames(\n                \"xh-loading-main-spinner-circle\",\n                `is-circle${index + 1}`\n              )}\n              key={`spinner${index}`}\n            >\n              <View\n                className=\"dot-rotate\"\n                style={{ backgroundColor: color }}\n              ></View>\n            </View>\n          ))}\n        </View> */}\n        {tip && <View className=\"xh-loading-main-tip\">{tip}</View>}\n      </View>\n    </View>\n  );\n};\n\nexport default Loading;\n"],"names":["Loading","_a","mask","className","_b","tip","cls","classNames","React","createElement","View","Mask","hasTip"],"mappings":"yHAeM,IAAAA,EAA4B,SAACC,OACjCC,EAAID,EAAAC,KACJC,EAASF,EAAAE,UACTC,QAAAC,OAAM,IAAAD,EAAA,MAAKA,EAILE,EAAMC,EAAW,aAAcJ,GAErC,OACEK,EAACC,cAAAC,EAAK,CAAAP,UAAWG,GACfE,EAAAC,cAACE,EAAI,CAACT,KAAMA,IACZM,EAAAC,cAACC,EAAI,CAACP,UAAWI,EAAW,kBAAmB,CAAEK,OAAQP,KAQvDG,EAAAC,cAACC,EAAI,CAACP,UAAU,wBAmBfE,GAAOG,EAAAC,cAACC,EAAI,CAACP,UAAU,uBAAuBE,IAIvD"}