@kne-components/components-core 0.4.16 → 0.4.18

package/build/static/js/{6763.fb34aa75.chunk.js.map → 6763.72b945ab.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/6763.fb34aa75.chunk.js","mappings":"kLAmEA,MACA,EAAe,IAA0B,iE,8JCpEzC,MAcA,EAdkBA,IAAiB,IAAhB,OAAEC,GAAQD,EAC3B,MAAM,KAAEE,GAASD,EACjB,OAAO,IAAIE,QAAQ,CAACC,EAASC,KAC3B,MAAMC,EAAQ,IAAIC,OAAOC,MACzBF,EAAMG,IAAMP,EACZI,EAAMI,iBAAiB,OAAQ,KAC7BN,EAAQF,KAEVI,EAAMI,iBAAiB,QAAUC,IAC/BN,EAAOM,QCRb,EAA4B,gCAA5B,EAAkE,0BAAlE,EAAsG,8BAAtG,EAA4I,4B,0PCUtIC,EAAaZ,IAWQ,IAXP,KACIE,EAAI,UACJW,EAAS,IACTC,EAAG,aACHC,EAAY,QACZC,GAAUC,EAAAA,EAAAA,KAACC,EAAAA,SAASC,OAAM,CAACC,MAAM,SAASC,QAAM,IAAE,MAClDC,GAAQL,EAAAA,EAAAA,KAACM,EAAAA,QAAI,CAACC,KAAK,aAAaC,UAAQ,EAACC,KAAK,4BAA2B,WACzEC,EAAU,SACVC,EAAQ,QACRC,EACAC,UAAWC,GACd/B,EACjB,MAAO8B,UAAWE,IAAiBC,EAAAA,EAAAA,aAC7BH,EAAYC,GAAkBC,GAAiB,GACrD,OAAQf,EAAAA,EAAAA,KAACiB,IAAK,CACVC,OAAQC,EACRnC,OAAQ,CAACC,KAAM,eAAemC,KAAKnC,GAAQA,EAAO4B,EAAY5B,GAC9DoB,MAAOK,GAAcL,EACrBN,QAASD,GAAgBC,EACzBsB,OAAQC,IAAa,IAAZ,KAACrC,GAAKqC,EACX,MAAwB,oBAAbX,EACAA,EAAS,CACZd,MAAKD,UAAW2B,IAAW3B,EAAW4B,GAAehC,IAAKP,KAG1De,EAAAA,EAAAA,KAAA,OACJH,IAAKA,EACLD,UAAW2B,IAAW3B,EAAW4B,GACjChC,IAAKP,EACL2B,QAASA,QAMnBa,GAAkBC,EAAAA,EAAAA,GAAY/B,GAE9BgC,EAAcC,IAEQ,IAFP,QACI7B,EAAO,MAAEM,EAAK,IAAEb,EAAG,GAAEqC,EAAE,IAAEhC,EAAG,UAAED,EAAS,SAAEe,EAAQ,KAAEmB,EAAI,QAAElB,GAC5DgB,EAClB,MAAMG,EAAehC,IAAWiC,EAAAA,EAAAA,cAAajC,EAAS,CAClDH,UAAW4B,IAETS,EAAa5B,IAAS2B,EAAAA,EAAAA,cAAa3B,EAAO,CAC5CT,UAAW4B,IAGf,OAAIhC,GACQQ,EAAAA,EAAAA,KAACL,EAAU,CACfE,IAAKA,EACLD,UAAWA,EACXX,KAAMO,EACNO,QAASgC,EACT1B,MAAO4B,EACPrB,QAASA,EAAQD,SAEhBA,IAILkB,GACQ7B,EAAAA,EAAAA,KAACyB,EAAe,CACpB5B,IAAKA,EACLD,UAAWA,EACXiC,GAAIA,EACJ9B,QAASgC,EACTjC,aAAciC,EACd1B,MAAO4B,EACPvB,WAAYuB,EACZH,KAAMA,EACNlB,QAASA,EAAQD,SAEhBA,IAIFsB,GAGL1C,EAAQ2C,IAUQ,IAVP,GACIL,EAAE,IACFrC,EAAG,IACHK,EAAG,QACHe,EAAO,QACPb,GAAUC,EAAAA,EAAAA,KAACC,EAAAA,SAASC,OAAM,CAACC,MAAM,SAASC,QAAM,IAAE,MAClDC,GAAQL,EAAAA,EAAAA,KAACM,EAAAA,QAAI,CAACC,KAAK,aAAaC,UAAQ,EAACC,KAAK,4BAA2B,UACzEb,EAAS,KACTkC,GAEHI,EADMC,GAAKC,EAAAA,EAAAA,GAAAF,EAAAG,GAEvB,OAAQrC,EAAAA,EAAAA,KAAA,OAAAsC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACAH,GAAK,IACT,cAAY,wBACZvC,UAAW2B,IAAW3B,EAAW4B,GAAoBb,SAEpDgB,EAAY,CACT5B,UAASM,QAAOb,MAAKqC,KAAIhC,MAAKD,YAAWkC,OAAMlB,gBAK3DrB,EAAMW,OAASqC,IAkBQ,IAlBP,GACIV,EAAE,IACFrC,EAAG,IACHK,EAAG,OACH2C,EAAM,QACNzC,GAAUC,EAAAA,EAAAA,KAACC,EAAAA,SAASC,OAAM,CAACC,MAAM,SAASC,QAAM,IAAE,MAClDC,GAAQL,EAAAA,EAAAA,KAACM,EAAAA,QAAI,CAACC,KAAK,aAAaC,UAAQ,EAACC,KAAK,4BAA2B,UACzEb,EAAS,IACT6C,EAAG,KACHC,EAAI,SACJ/B,EAAQ,MACRR,EAAK,KACLwC,EAAO,IAAG,MACVC,EAAK,OACLC,EAAM,cACNC,EAAgBC,EAAAA,EAAiB,KACjCjB,GAEHS,EADMJ,GAAKC,EAAAA,EAAAA,GAAAG,EAAAS,GAExB,MAAMC,EAAQ,MACV,MAAMC,EAAaN,GAASC,EAAS,CAACrB,MAAO,CAACoB,QAAOC,WAAW,CAACF,QAIjE,GAHIC,GAASA,IAAUC,IACnB1C,EAAQ,UAER0B,GAAMrC,EACN,OAAOmC,EAAY,CACf5B,UACAM,QACAb,MACAsD,gBACAjB,KACAhC,MACAD,YACAkC,OACAnB,SAAWwB,IAAWnC,EAAAA,EAAAA,KAACE,EAAAA,QAAMoC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAAKH,GAAK,IAAEM,IAAKA,EAAKtC,MAAOA,GAAW+C,MAI7E,GAAIV,EAAQ,CACR,MAAM/B,EAAO+B,GAAU,CAAC,IAAK,SAAU,KAAKW,QAAQX,IAAW,EAAI,yBAA2B,0BAC9F,OAAQxC,EAAAA,EAAAA,KAACE,EAAAA,QAAMoC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACPH,GAAK,IACT3C,KAAKQ,EAAAA,EAAAA,KAACM,EAAAA,QAAI,CAACC,KAAK,WAAWC,UAAQ,EAACC,KAAMA,IAC1CgC,IAAKA,EACLtC,MAAOA,GACH+C,GAEZ,CAEA,OAAQlD,EAAAA,EAAAA,KAACE,EAAAA,QAAMoC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACPH,GAAK,IACTM,IAAKA,EACLC,KAAMA,EACNvC,MAAOA,EACPwC,KAAMA,EACNnD,IAAKsD,GACDI,GAAU,IAAAvC,SAEbA,IAER,EAzCa,GA0Cd,OAAQX,EAAAA,EAAAA,KAAA,OAAAsC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACAH,GAAK,IACT,cAAY,+BACZvC,UAAW2B,IAAW3B,EAAW4B,GACjCA,MAAO,CACHoB,MAAOA,GAASC,EAASD,EAAQD,EAAME,OAAQD,GAASC,EAASA,EAASF,GAC5EhC,SAEDsC,MAIT,S","sources":["defaultAvatar.svg","components/Image/loadImage.js","webpack://@kne-components/components-core/./src/components/Image/style.module.scss?65a6","components/Image/index.js"],"sourcesContent":["var _defs, _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgDefaultAvatar(_ref, svgRef) {\n  let {\n      title,\n      titleId\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"56px\",\n    height: \"56px\",\n    viewBox: \"0 0 56 56\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, \"\\u7F16\\u7EC4 10\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    x1: \"50%\",\n    y1: \"0%\",\n    x2: \"50%\",\n    y2: \"100%\",\n    id: \"linearGradient-1\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#F5F5F5\",\n    offset: \"0%\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#E0E0E0\",\n    offset: \"100%\"\n  })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    id: \"PC\\\\u7AEF\",\n    stroke: \"none\",\n    strokeWidth: 1,\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u56FE\\\\u6807Icon\",\n    transform: \"translate(-760.000000, -2364.000000)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u7F16\\\\u7EC4-10\",\n    transform: \"translate(760.000000, 2364.000000)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u5934\\\\u50CF-\\\\u65E0\\\\u6027\\\\u522B\",\n    fill: \"url(#linearGradient-1)\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    id: \"Mask\\\\u5907\\\\u4EFD\",\n    x: 0,\n    y: 0,\n    width: 56,\n    height: 56\n  })), /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u5934\\\\u50CF_avatar-(1)\\\\u5907\\\\u4EFD\",\n    transform: \"translate(8.000000, 12.000000)\",\n    fill: \"#FFFFFF\",\n    fillRule: \"nonzero\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M40,41.3851428 C40,40.9828571 40,35.6022857 39,33.792 C38.4,32.5851428 37.4,31.7805714 36.2,30.976 C34.8,30.1714285 33,29.3668572 30.8,28.9645714 C30.6,28.9645714 29.2,28.7634285 28,28.3611428 C26.6,27.9588571 26,27.7577143 25.8,27.5565714 L25.8,26.3497143 C26,23.7348571 27.4,22.3268572 28.6,21.12 C29,20.7177143 29.4,20.3154285 29.8,19.712 C31.2,17.7005714 31.4,15.6891429 31.4,15.2868571 C31.4,14.8845714 31.4,14.6834286 31.2,14.2811429 C31,13.8788572 30.8,13.4765714 30.6,13.2754286 C30.6,12.672 30.8,12.0685714 30.8,11.6662857 C30.8,10.6605715 31,9.05142856 30.6,7.44228572 C30.6,7.24114285 30.6,6.83885715 30.4,6.43657145 C30,5.22971431 29.6,4.22400004 28.8,3.4194286 C28.4,3.4194286 25.6,0.603428618 18,0 L15,0 C14.6,0 14.2,0 13.8,0.201142873 C12.4,0.603428571 12.2,1.60914289 12,2.01142859 L12,3.21828573 L11.8,3.4194286 C11.6,3.62057147 9.60000004,5.43085719 9.40000002,7.84457142 C9.20000001,9.45371426 9.20000001,11.8674285 9.40000002,13.6777143 C9.20000001,14.08 8.80000002,14.4822858 8.80000002,15.488 C8.80000002,15.8902857 9,17.9017143 10.4,19.712 C10.8,20.1142857 11,20.5165715 11.6,21.12 C12.8,22.528 14.2,23.936 14.4,26.3497143 L14.4,27.5565714 C14,27.7577143 13.4,28.16 12,28.5622857 C10.6,28.9645714 9.20000001,29.1657143 9,29.1657143 C7,29.568 5.19999998,30.1714285 3.80000001,30.976 C2.60000001,31.7805714 1.60000003,32.7862857 1,33.792 C0,35.6022857 0,40.9828571 0,41.3851428 L0,42.3908571 C0,43.1954286 0.800000015,44 1.8,44 L38.2,44 C39.2,44 40,43.1954286 40,42.1897143 L40,41.3851428 Z\",\n    id: \"\\\\u8DEF\\\\u5F84\"\n  })))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDefaultAvatar);\nexport default __webpack_public_path__ + \"static/media/defaultAvatar.b1f2a8046cc7bee36d9a404ce6a0a1d7.svg\";\nexport { ForwardRef as ReactComponent };","const loadImage = ({ params }) => {\n  const { data } = params;\n  return new Promise((resolve, reject) => {\n    const image = new window.Image();\n    image.src = data;\n    image.addEventListener(\"load\", () => {\n      resolve(data);\n    });\n    image.addEventListener(\"error\", (e) => {\n      reject(e);\n    });\n  });\n};\n\nexport default loadImage;\n","// extracted by mini-css-extract-plugin\nexport default {\"img-outer\":\"style_img-outer__4QLY5__Gppze\",\"img\":\"style_img__PSExq__Gppze\",\"loading\":\"style_loading__WCOwA__Gppze\",\"error\":\"style_error__+ECgZ__Gppze\"};","import Fetch from \"@kne/react-fetch\";\nimport withOSSFile from \"@common/hocs/withOSSFile\";\nimport Icon from \"@components/Icon\";\nimport classnames from \"classnames\";\nimport {Avatar, Skeleton} from \"antd\";\nimport {cloneElement} from \"react\";\nimport loadImage from \"./loadImage\";\nimport style from \"./style.module.scss\";\nimport defaultAvatarIcon from \"../../defaultAvatar.svg\";\nimport {usePreset} from \"@components/Global\";\n\nconst ImageInner = ({\n                        data,\n                        className,\n                        alt,\n                        innerLoading,\n                        loading = <Skeleton.Avatar shape=\"square\" active/>,\n                        error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                        innerError,\n                        children,\n                        onClick,\n                        staticUrl: staticUrlProps,\n                    }) => {\n    const {staticUrl: staticUrlBase} = usePreset();\n    const staticUrl = staticUrlProps || staticUrlBase || \"\";\n    return (<Fetch\n        loader={loadImage}\n        params={{data: /^https?:\\/\\//.test(data) ? data : staticUrl + data}}\n        error={innerError || error}\n        loading={innerLoading || loading}\n        render={({data}) => {\n            if (typeof children === \"function\") {\n                return children({\n                    alt, className: classnames(className, style[\"img\"]), src: data,\n                });\n            }\n            return (<img\n                alt={alt}\n                className={classnames(className, style[\"img\"])}\n                src={data}\n                onClick={onClick}\n            />);\n        }}\n    />);\n};\n\nconst FetchImageInner = withOSSFile(ImageInner);\n\nconst renderInner = ({\n                         loading, error, src, id, alt, className, children, apis, onClick,\n                     }) => {\n    const imageLoading = loading && cloneElement(loading, {\n        className: style[\"loading\"],\n    });\n    const imageError = error && cloneElement(error, {\n        className: style[\"error\"],\n    });\n\n    if (src) {\n        return (<ImageInner\n            alt={alt}\n            className={className}\n            data={src}\n            loading={imageLoading}\n            error={imageError}\n            onClick={onClick}\n        >\n            {children}\n        </ImageInner>);\n    }\n\n    if (id) {\n        return (<FetchImageInner\n            alt={alt}\n            className={className}\n            id={id}\n            loading={imageLoading}\n            innerLoading={imageLoading}\n            error={imageError}\n            innerError={imageError}\n            apis={apis}\n            onClick={onClick}\n        >\n            {children}\n        </FetchImageInner>);\n    }\n\n    return imageError;\n};\n\nconst Image = ({\n                   id,\n                   src,\n                   alt,\n                   onClick,\n                   loading = <Skeleton.Avatar shape=\"square\" active/>,\n                   error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                   className,\n                   apis,\n                   ...props\n               }) => {\n    return (<div\n        {...props}\n        data-testid=\"components-core-image\"\n        className={classnames(className, style[\"img-outer\"])}\n    >\n        {renderInner({\n            loading, error, src, id, alt, className, apis, onClick,\n        })}\n    </div>);\n};\n\nImage.Avatar = ({\n                    id,\n                    src,\n                    alt,\n                    gender,\n                    loading = <Skeleton.Avatar shape=\"square\" active/>,\n                    error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                    className,\n                    gap,\n                    icon,\n                    children,\n                    shape,\n                    size = 100,\n                    width,\n                    height,\n                    defaultAvatar = defaultAvatarIcon,\n                    apis,\n                    ...props\n                }) => {\n    const inner = (() => {\n        const styleProps = width && height ? {style: {width, height}} : {size};\n        if (width && width !== height) {\n            shape = \"square\";\n        }\n        if (id || src) {\n            return renderInner({\n                loading,\n                error,\n                src,\n                defaultAvatar,\n                id,\n                alt,\n                className,\n                apis,\n                children: (props) => (<Avatar {...props} gap={gap} shape={shape} {...styleProps} />),\n            });\n        }\n\n        if (gender) {\n            const type = gender && [\"F\", \"female\", \"f\"].indexOf(gender) > -1 ? \"icon-color-touxiang-nv\" : \"icon-color-touxiang-nan\";\n            return (<Avatar\n                {...props}\n                src={<Icon role=\"touxiang\" colorful type={type}/>}\n                gap={gap}\n                shape={shape}\n                {...styleProps}\n            />);\n        }\n\n        return (<Avatar\n            {...props}\n            gap={gap}\n            icon={icon}\n            shape={shape}\n            size={size}\n            src={defaultAvatar}\n            {...styleProps}\n        >\n            {children}\n        </Avatar>);\n    })();\n    return (<div\n        {...props}\n        data-testid=\"components-core-image-avatar\"\n        className={classnames(className, style[\"img-outer\"])}\n        style={{\n            width: width && height ? width : size, height: width && height ? height : size,\n        }}\n    >\n        {inner}\n    </div>);\n};\n\nexport default Image;\n"],"names":["_ref","params","data","Promise","resolve","reject","image","window","Image","src","addEventListener","e","ImageInner","className","alt","innerLoading","loading","_jsx","Skeleton","Avatar","shape","active","error","Icon","role","colorful","type","innerError","children","onClick","staticUrl","staticUrlProps","staticUrlBase","usePreset","Fetch","loader","loadImage","test","render","_ref2","classnames","style","FetchImageInner","withOSSFile","renderInner","_ref3","id","apis","imageLoading","cloneElement","imageError","_ref4","props","_objectWithoutProperties","_excluded","_objectSpread","_ref5","gender","gap","icon","size","width","height","defaultAvatar","defaultAvatarIcon","_excluded2","inner","styleProps","indexOf"],"sourceRoot":""}
+{"version":3,"file":"static/js/6763.72b945ab.chunk.js","mappings":"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","sources":["defaultAvatar.svg","components/Image/loadImage.js","webpack://@kne-components/components-core/./src/components/Image/style.module.scss?65a6","components/Image/index.js"],"sourcesContent":["var _defs, _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgDefaultAvatar(_ref, svgRef) {\n  let {\n      title,\n      titleId\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"56px\",\n    height: \"56px\",\n    viewBox: \"0 0 56 56\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, \"\\u7F16\\u7EC4 10\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    x1: \"50%\",\n    y1: \"0%\",\n    x2: \"50%\",\n    y2: \"100%\",\n    id: \"linearGradient-1\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#F5F5F5\",\n    offset: \"0%\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#E0E0E0\",\n    offset: \"100%\"\n  })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    id: \"PC\\\\u7AEF\",\n    stroke: \"none\",\n    strokeWidth: 1,\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u56FE\\\\u6807Icon\",\n    transform: \"translate(-760.000000, -2364.000000)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u7F16\\\\u7EC4-10\",\n    transform: \"translate(760.000000, 2364.000000)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u5934\\\\u50CF-\\\\u65E0\\\\u6027\\\\u522B\",\n    fill: \"url(#linearGradient-1)\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    id: \"Mask\\\\u5907\\\\u4EFD\",\n    x: 0,\n    y: 0,\n    width: 56,\n    height: 56\n  })), /*#__PURE__*/React.createElement(\"g\", {\n    id: \"\\\\u5934\\\\u50CF_avatar-(1)\\\\u5907\\\\u4EFD\",\n    transform: \"translate(8.000000, 12.000000)\",\n    fill: \"#FFFFFF\",\n    fillRule: \"nonzero\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M40,41.3851428 C40,40.9828571 40,35.6022857 39,33.792 C38.4,32.5851428 37.4,31.7805714 36.2,30.976 C34.8,30.1714285 33,29.3668572 30.8,28.9645714 C30.6,28.9645714 29.2,28.7634285 28,28.3611428 C26.6,27.9588571 26,27.7577143 25.8,27.5565714 L25.8,26.3497143 C26,23.7348571 27.4,22.3268572 28.6,21.12 C29,20.7177143 29.4,20.3154285 29.8,19.712 C31.2,17.7005714 31.4,15.6891429 31.4,15.2868571 C31.4,14.8845714 31.4,14.6834286 31.2,14.2811429 C31,13.8788572 30.8,13.4765714 30.6,13.2754286 C30.6,12.672 30.8,12.0685714 30.8,11.6662857 C30.8,10.6605715 31,9.05142856 30.6,7.44228572 C30.6,7.24114285 30.6,6.83885715 30.4,6.43657145 C30,5.22971431 29.6,4.22400004 28.8,3.4194286 C28.4,3.4194286 25.6,0.603428618 18,0 L15,0 C14.6,0 14.2,0 13.8,0.201142873 C12.4,0.603428571 12.2,1.60914289 12,2.01142859 L12,3.21828573 L11.8,3.4194286 C11.6,3.62057147 9.60000004,5.43085719 9.40000002,7.84457142 C9.20000001,9.45371426 9.20000001,11.8674285 9.40000002,13.6777143 C9.20000001,14.08 8.80000002,14.4822858 8.80000002,15.488 C8.80000002,15.8902857 9,17.9017143 10.4,19.712 C10.8,20.1142857 11,20.5165715 11.6,21.12 C12.8,22.528 14.2,23.936 14.4,26.3497143 L14.4,27.5565714 C14,27.7577143 13.4,28.16 12,28.5622857 C10.6,28.9645714 9.20000001,29.1657143 9,29.1657143 C7,29.568 5.19999998,30.1714285 3.80000001,30.976 C2.60000001,31.7805714 1.60000003,32.7862857 1,33.792 C0,35.6022857 0,40.9828571 0,41.3851428 L0,42.3908571 C0,43.1954286 0.800000015,44 1.8,44 L38.2,44 C39.2,44 40,43.1954286 40,42.1897143 L40,41.3851428 Z\",\n    id: \"\\\\u8DEF\\\\u5F84\"\n  })))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDefaultAvatar);\nexport default __webpack_public_path__ + \"static/media/defaultAvatar.b1f2a8046cc7bee36d9a404ce6a0a1d7.svg\";\nexport { ForwardRef as ReactComponent };","const loadImage = ({ params }) => {\n  const { data } = params;\n  return new Promise((resolve, reject) => {\n    const image = new window.Image();\n    image.src = data;\n    image.addEventListener(\"load\", () => {\n      resolve(data);\n    });\n    image.addEventListener(\"error\", (e) => {\n      reject(e);\n    });\n  });\n};\n\nexport default loadImage;\n","// extracted by mini-css-extract-plugin\nexport default {\"img-outer\":\"style_img-outer__4QLY5__3rHN+\",\"img\":\"style_img__PSExq__3rHN+\",\"loading\":\"style_loading__WCOwA__3rHN+\",\"error\":\"style_error__+ECgZ__3rHN+\"};","import Fetch from \"@kne/react-fetch\";\nimport withOSSFile from \"@common/hocs/withOSSFile\";\nimport Icon from \"@components/Icon\";\nimport classnames from \"classnames\";\nimport {Avatar, Skeleton} from \"antd\";\nimport {cloneElement} from \"react\";\nimport loadImage from \"./loadImage\";\nimport style from \"./style.module.scss\";\nimport defaultAvatarIcon from \"../../defaultAvatar.svg\";\nimport {usePreset} from \"@components/Global\";\n\nconst ImageInner = ({\n                        data,\n                        className,\n                        alt,\n                        innerLoading,\n                        loading = <Skeleton.Avatar shape=\"square\" active/>,\n                        error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                        innerError,\n                        children,\n                        onClick,\n                        staticUrl: staticUrlProps,\n                    }) => {\n    const {staticUrl: staticUrlBase} = usePreset();\n    const staticUrl = staticUrlProps || staticUrlBase || \"\";\n    return (<Fetch\n        loader={loadImage}\n        params={{data: /^https?:\\/\\//.test(data) ? data : staticUrl + data}}\n        error={innerError || error}\n        loading={innerLoading || loading}\n        render={({data}) => {\n            if (typeof children === \"function\") {\n                return children({\n                    alt, className: classnames(className, style[\"img\"]), src: data,\n                });\n            }\n            return (<img\n                alt={alt}\n                className={classnames(className, style[\"img\"])}\n                src={data}\n                onClick={onClick}\n            />);\n        }}\n    />);\n};\n\nconst FetchImageInner = withOSSFile(ImageInner);\n\nconst renderInner = ({\n                         loading, error, src, id, alt, className, children, apis, onClick,\n                     }) => {\n    const imageLoading = loading && cloneElement(loading, {\n        className: style[\"loading\"],\n    });\n    const imageError = error && cloneElement(error, {\n        className: style[\"error\"],\n    });\n\n    if (src) {\n        return (<ImageInner\n            alt={alt}\n            className={className}\n            data={src}\n            loading={imageLoading}\n            error={imageError}\n            onClick={onClick}\n        >\n            {children}\n        </ImageInner>);\n    }\n\n    if (id) {\n        return (<FetchImageInner\n            alt={alt}\n            className={className}\n            id={id}\n            loading={imageLoading}\n            innerLoading={imageLoading}\n            error={imageError}\n            innerError={imageError}\n            apis={apis}\n            onClick={onClick}\n        >\n            {children}\n        </FetchImageInner>);\n    }\n\n    return imageError;\n};\n\nconst Image = ({\n                   id,\n                   src,\n                   alt,\n                   onClick,\n                   loading = <Skeleton.Avatar shape=\"square\" active/>,\n                   error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                   className,\n                   apis,\n                   ...props\n               }) => {\n    return (<div\n        {...props}\n        data-testid=\"components-core-image\"\n        className={classnames(className, style[\"img-outer\"])}\n    >\n        {renderInner({\n            loading, error, src, id, alt, className, apis, onClick,\n        })}\n    </div>);\n};\n\nImage.Avatar = ({\n                    id,\n                    src,\n                    alt,\n                    gender,\n                    loading = <Skeleton.Avatar shape=\"square\" active/>,\n                    error = <Icon role=\"error-icon\" colorful type=\"icon-color-touxiang-nan\"/>,\n                    className,\n                    gap,\n                    icon,\n                    children,\n                    shape,\n                    size = 100,\n                    width,\n                    height,\n                    defaultAvatar = defaultAvatarIcon,\n                    apis,\n                    ...props\n                }) => {\n    const inner = (() => {\n        const styleProps = width && height ? {style: {width, height}} : {size};\n        if (width && width !== height) {\n            shape = \"square\";\n        }\n        if (id || src) {\n            return renderInner({\n                loading,\n                error,\n                src,\n                defaultAvatar,\n                id,\n                alt,\n                className,\n                apis,\n                children: (props) => (<Avatar {...props} gap={gap} shape={shape} {...styleProps} />),\n            });\n        }\n\n        if (gender) {\n            const type = gender && [\"F\", \"female\", \"f\"].indexOf(gender) > -1 ? \"icon-color-touxiang-nv\" : \"icon-color-touxiang-nan\";\n            return (<Avatar\n                {...props}\n                src={<Icon role=\"touxiang\" colorful type={type}/>}\n                gap={gap}\n                shape={shape}\n                {...styleProps}\n            />);\n        }\n\n        return (<Avatar\n            {...props}\n            gap={gap}\n            icon={icon}\n            shape={shape}\n            size={size}\n            src={defaultAvatar}\n            {...styleProps}\n        >\n            {children}\n        </Avatar>);\n    })();\n    return (<div\n        {...props}\n        data-testid=\"components-core-image-avatar\"\n        className={classnames(className, style[\"img-outer\"])}\n        style={{\n            width: width && height ? width : size, height: width && height ? height : size,\n        }}\n    >\n        {inner}\n    </div>);\n};\n\nexport default Image;\n"],"names":["_ref","params","data","Promise","resolve","reject","image","window","Image","src","addEventListener","e","ImageInner","className","alt","innerLoading","loading","_jsx","Skeleton","Avatar","shape","active","error","Icon","role","colorful","type","innerError","children","onClick","staticUrl","staticUrlProps","staticUrlBase","usePreset","Fetch","loader","loadImage","test","render","_ref2","classnames","style","FetchImageInner","withOSSFile","renderInner","_ref3","id","apis","imageLoading","cloneElement","imageError","_ref4","props","_objectWithoutProperties","_excluded","_objectSpread","_ref5","gender","gap","icon","size","width","height","defaultAvatar","defaultAvatarIcon","_excluded2","inner","styleProps","indexOf"],"sourceRoot":""}