@kne-components/components-core 0.4.0 → 0.4.2

package/build/static/js/5671.f3ea92fe.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_kne_components_components_core=self.webpackChunk_kne_components_components_core||[]).push([[5671],{5671:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});const c={defaultTitle:"KneUnion",indexLabel:"\u9996\u9875",overflowedIndicator:"\u66f4\u591a"}}}]);
+//# sourceMappingURL=5671.f3ea92fe.chunk.js.map

package/build/static/js/5671.f3ea92fe.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/5671.f3ea92fe.chunk.js","mappings":"gLAAA,MAIA,EAJgB,CACZA,aAAc,WAAYC,WAAY,eAAMC,oBAAqB,e","sources":["components/Navigation/locale/zh-CN.js"],"sourcesContent":["const message = {\n    defaultTitle: \"KneUnion\", indexLabel: \"首页\", overflowedIndicator: \"更多\"\n};\n\nexport default message;"],"names":["defaultTitle","indexLabel","overflowedIndicator"],"sourceRoot":""}

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

package/build/static/js/{6763.3b6dfcb7.chunk.js.map → 6763.da67ca07.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/6763.3b6dfcb7.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;\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); }\nimport * as React from \"react\";\nfunction SvgDefaultAvatar(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\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__3soqB\",\"img\":\"style_img__PSExq__3soqB\",\"loading\":\"style_loading__WCOwA__3soqB\",\"error\":\"style_error__+ECgZ__3soqB\"};","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","_ref5","gender","gap","icon","size","width","height","defaultAvatar","defaultAvatarIcon","inner","styleProps","indexOf"],"sourceRoot":""}
+{"version":3,"file":"static/js/6763.da67ca07.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;\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); }\nimport * as React from \"react\";\nfunction SvgDefaultAvatar(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\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__1mcnM\",\"img\":\"style_img__PSExq__1mcnM\",\"loading\":\"style_loading__WCOwA__1mcnM\",\"error\":\"style_error__+ECgZ__1mcnM\"};","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","_ref5","gender","gap","icon","size","width","height","defaultAvatar","defaultAvatarIcon","inner","styleProps","indexOf"],"sourceRoot":""}