@kne-components/components-core 0.4.23 → 0.4.24

package/build/static/js/6763.c50bb0e8.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_kne_components_components_core=self.webpackChunk_kne_components_components_core||[]).push([[2908,6763],{18411:(e,a,r)=>{r.d(a,{A:()=>s});r(73884);const s=r.p+"static/media/defaultAvatar.b1f2a8046cc7bee36d9a404ce6a0a1d7.svg"},40438:(e,a,r)=>{r.r(a),r.d(a,{default:()=>b});var s=r(89379),t=r(53986),n=r(87558),o=r.n(n),l=r(97211),i=r(64671),c=r(83136),d=r.n(c),g=r(55199),p=r(73884);const u=e=>{let{params:a}=e;const{data:r}=a;return new Promise((e,a)=>{const s=new window.Image;s.src=r,s.addEventListener("load",()=>{e(r)}),s.addEventListener("error",e=>{a(e)})})},h="style_img-outer__4QLY5__sfb0Z",m="style_img__PSExq__sfb0Z",A="style_loading__WCOwA__sfb0Z",_="style_error__+ECgZ__sfb0Z";var f=r(18411),v=r(63743),x=r(70579);const k=["id","src","alt","onClick","loading","error","className","apis"],j=["id","src","alt","gender","loading","error","className","gap","icon","children","shape","size","width","height","defaultAvatar","apis"],N=e=>{let{data:a,className:r,alt:s,innerLoading:t,loading:n=(0,x.jsx)(g.Skeleton.Avatar,{shape:"square",active:!0}),error:l=(0,x.jsx)(i.default,{role:"error-icon",colorful:!0,type:"icon-color-touxiang-nan"}),innerError:c,children:p,onClick:h,staticUrl:A}=e;const{staticUrl:_}=(0,v.usePreset)(),f=A||_||"";return(0,x.jsx)(o(),{loader:u,params:{data:/^https?:\/\//.test(a)?a:f+a},error:c||l,loading:t||n,render:e=>{let{data:a}=e;return"function"===typeof p?p({alt:s,className:d()(r,m),src:a}):(0,x.jsx)("img",{alt:s,className:d()(r,m),src:a,onClick:h})}})},w=(0,l.A)(N),C=e=>{let{loading:a,error:r,src:s,id:t,alt:n,className:o,children:l,apis:i,onClick:c}=e;const d=a&&(0,p.cloneElement)(a,{className:A}),g=r&&(0,p.cloneElement)(r,{className:_});return s?(0,x.jsx)(N,{alt:n,className:o,data:s,loading:d,error:g,onClick:c,children:l}):t?(0,x.jsx)(w,{alt:n,className:o,id:t,loading:d,innerLoading:d,error:g,innerError:g,apis:i,onClick:c,children:l}):g},y=e=>{let{id:a,src:r,alt:n,onClick:o,loading:l=(0,x.jsx)(g.Skeleton.Avatar,{shape:"square",active:!0}),error:c=(0,x.jsx)(i.default,{role:"error-icon",colorful:!0,type:"icon-color-touxiang-nan"}),className:p,apis:u}=e,m=(0,t.A)(e,k);return(0,x.jsx)("div",(0,s.A)((0,s.A)({},m),{},{"data-testid":"components-core-image",className:d()(p,h),children:C({loading:l,error:c,src:r,id:a,alt:n,className:p,apis:u,onClick:o})}))};y.Avatar=e=>{let{id:a,src:r,alt:n,gender:o,loading:l=(0,x.jsx)(g.Skeleton.Avatar,{shape:"square",active:!0}),error:c=(0,x.jsx)(i.default,{role:"error-icon",colorful:!0,type:"icon-color-touxiang-nan"}),className:p,gap:u,icon:m,children:A,shape:_,size:v=100,width:k,height:N,defaultAvatar:w=f.A,apis:y}=e,b=(0,t.A)(e,j);const E=(()=>{const e=k&&N?{style:{width:k,height:N}}:{size:v};if(k&&k!==N&&(_="square"),a||r)return C({loading:l,error:c,src:r,defaultAvatar:w,id:a,alt:n,className:p,apis:y,children:a=>(0,x.jsx)(g.Avatar,(0,s.A)((0,s.A)({},a),{},{gap:u,shape:_},e))});if(o){const a=o&&["F","female","f"].indexOf(o)>-1?"icon-color-touxiang-nv":"icon-color-touxiang-nan";return(0,x.jsx)(g.Avatar,(0,s.A)((0,s.A)({},b),{},{src:(0,x.jsx)(i.default,{role:"touxiang",colorful:!0,type:a}),gap:u,shape:_},e))}return(0,x.jsx)(g.Avatar,(0,s.A)((0,s.A)((0,s.A)({},b),{},{gap:u,icon:m,shape:_,size:v,src:w},e),{},{children:A}))})();return(0,x.jsx)("div",(0,s.A)((0,s.A)({},b),{},{"data-testid":"components-core-image-avatar",className:d()(p,h),style:{width:k&&N?k:v,height:k&&N?N:v},children:E}))};const b=y},97211:(e,a,r)=>{r.d(a,{A:()=>s.withOSSFile});var s=r(36125)}}]);
+//# sourceMappingURL=6763.c50bb0e8.chunk.js.map

package/build/static/js/{6763.a5732206.chunk.js.map → 6763.c50bb0e8.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/6763.a5732206.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__M7iv4\",\"img\":\"style_img__PSExq__M7iv4\",\"loading\":\"style_loading__WCOwA__M7iv4\",\"error\":\"style_error__+ECgZ__M7iv4\"};","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.c50bb0e8.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__sfb0Z\",\"img\":\"style_img__PSExq__sfb0Z\",\"loading\":\"style_loading__WCOwA__sfb0Z\",\"error\":\"style_error__+ECgZ__sfb0Z\"};","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":""}