@teamix/data-summary/dist/DataSummary.js

数据概览，数据展示

!function e(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("React"),require("AliCloudComponents"),require("CloudCharts")):"function"==typeof define&&define.amd?define(["React","AliCloudComponents","CloudCharts"],r):"object"==typeof exports?exports.DataSummary=r(require("React"),require("AliCloudComponents"),require("CloudCharts")):t.DataSummary=r(t.React,t.AliCloudComponents,t.CloudCharts)}(window,(function(e,t,r){return function(e){var t={};function r(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function t(){return e.default}:function t(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="./dist/",r(r.s=8)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t,r){var a,n;
/*!
  Copyright (c) 2018 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)){if(a.length){var i=o.apply(null,a);i&&e.push(i)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var c in a)r.call(a,c)&&a[c]&&e.push(c);else e.push(a.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,a=[]))||(e.exports=n)}()},function(e,t){function r(){return e.exports=r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,r.apply(this,arguments)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,r){},function(e,t){e.exports=r},function(e,t){function r(e,t){if(null==e)return{};var r={},a=Object.keys(e),n,o;for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function a(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,r){r(4),e.exports=r(10)},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var a=r(0),n=r.n(a),o=r(2),i=r.n(o),c=r(1),l=r(5),s=r(6),u=r.n(s),m=r(3),d=r.n(m),f=r(7),p=r.n(f),y={},v=function(){function e(){}return p()(e,null,[{key:"global",get:function e(){return"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:y}},{key:"globalCache",get:function t(){return void 0!==e.global._teamixIconScriptCaches||(e.global._teamixIconScriptCaches=new Set),e.global._teamixIconScriptCaches}}]),e}();v.has=function(e){return v.globalCache.has(e)},v.add=function(e){return v.globalCache.add(e)};var x=r(9),b=["type","size","className","symbolPrefix"],g={scriptUrl:"",symbolPrefix:""};function E(e){if("string"==typeof e&&e.length){var t=e,r=t.indexOf("?");r>0&&(t=t.slice(0,r));var a=t.indexOf("#");if(a>0&&(t=t.slice(0,a)),t=t.replace("http:","").replace("https:",""),"undefined"!=typeof document&&"undefined"!=typeof window&&"function"==typeof document.createElement&&!v.has(t)){var n,o=document.createElement("script");o.setAttribute("src",e),o.setAttribute("data-namespace",e),o.setAttribute("async","true"),v.add(t),null!==(n=document)&&void 0!==n&&n.body?document.body.appendChild(o):document.head.appendChild(o)}}}function h(e){var t,r=(g=d()({},g,e)).scriptUrl;"string"==typeof r?E(r):Array.isArray(r)&&r.forEach((function(e){E(e)}))}var N=Object(a.createContext)(g),C=function e(t){var r=t.config,o=t.children;return Object(a.useEffect)((function(){"string"==typeof r.scriptUrl?E(r.scriptUrl):Array.isArray(r.scriptUrl)&&r.scriptUrl.forEach((function(e){E(e)})),E(r.scriptUrl)}),[r.scriptUrl]),n.a.createElement(N.Provider,{value:r},o)},w=Object(a.forwardRef)((function(e,t){var r,o=e.type,c=e.size,l=void 0===c?"medium":c,s=e.className,m=e.symbolPrefix,f=u()(e,b),p=Object(a.useContext)(N),y=m||p.symbolPrefix||g.symbolPrefix||window.__teamixIconSymbolPrefix__||"hybridcloud-",v="teamix-",x=i()(((r={})[v+"icon"]=!0,r[v+"icon-"+o]=!!o,r[""+v+l]=!0,r[s]=!!s,r)),E=null;return o&&(E=n.a.createElement("use",{xlinkHref:"#"+y+o})),n.a.createElement("i",d()({className:x,ref:t},f),n.a.createElement("svg",{viewBox:"0 0 1024 1024"},E))}));w.setConfig=h,w.Provider=C,w.YUNXIAO={scriptUrl:"//at.alicdn.com/t/font_2460517_sbqs4qvs528.js",symbolPrefix:"yunxiao-"},w.HYBRIDCLOUD={scriptUrl:"//at.alicdn.com/t/font_2436140_6xkz3wwgcot.js",symbolPrefix:"hybridcloud-"},w.displayName="TeamixIcon";var j=w,O=r(4),_=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.endsWith("-line")||t.endsWith("-fill")},S=function e(t){var r=t.dataSource,n=t.loading,o=t.noBorder,s=t.noPadding,u=t.backgroundState,m=t.title,d=t.tooltip,f=t.subTitle,p=t.action,y=t.extra,v=t.increase,x=t.increaseUnit,b=t.progress,g=t.progressUnit,E=t.progressState,h=t.progressColor,N=t.prefixType,C=void 0===N?"inner":N,w=t.prefix,O=t.prefixState,S=t.prefixIcon,P=t.style,k=t.footer,A=t.onDataItemClick,U=a.useRef(),I=r instanceof Array?r:[r],q=function e(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"data-summary-row"},(w||S)&&a.createElement("div",{className:i()("data-summary-row-left",C,O)},S&&(_(S)?a.createElement(j,{className:"prefix-icon",type:S,size:"inner"===C?"medium":"xxl"}):a.createElement(c.Icon,{className:"prefix-icon",type:S,size:"inner"===C?"medium":"xxl"})),w,"inner"===C&&a.createElement("div",{className:"prefix-divide"})),a.createElement("div",{className:"data-summary-row-center"},m&&a.createElement("div",{className:"data-summary-header"},p&&a.createElement("div",{className:"data-summary-action"},p),a.createElement("div",{className:"data-summary-header-title"},a.createElement("div",{className:"data-summary-title"},m,d?a.createElement(c.Balloon.Tooltip,{trigger:a.createElement(j,{style:{cursor:"pointer",marginLeft:"var(--s-2,8px)",color:"var(--color-text1-8,#848484)"},type:"info-circle-line",size:"small"}),align:"t"},d):null),f&&a.createElement("div",{className:"data-summary-sub-title"},f))),a.createElement("div",{className:"data-summary-content"},a.createElement("div",{className:"data-summary-main"},I.map((function(e,t){return a.createElement("div",{className:"data-summary-data-item ".concat(e.align||""," ").concat(e.status||""),key:t},e.icon&&a.createElement("div",{className:"icon"},_(e.icon)?a.createElement(j,{type:e.icon}):a.createElement(c.Icon,{type:e.icon})),a.createElement("div",{className:"data-item-content"},e.url?a.createElement("a",{className:"data-item-data ".concat(e.dataAlign||""),href:e.url},a.createElement("span",{className:"data"},e.data),e.unit&&a.createElement("span",{className:"unit"},e.unit)):a.createElement("div",{className:"data-item-data ".concat(e.dataAlign||""," ").concat(e.onClick||A?"has-click":""),onClick:function t(r){(null==e?void 0:e.onClick)&&e.onClick(r),A&&A(e,r)}},a.createElement("span",{className:"data"},e.data),e.unit&&a.createElement("span",{className:"unit"},e.unit)),a.createElement("div",{className:"description"},e.description)))}))))),a.createElement("div",{className:"data-summary-row-right"},void 0!==b&&a.createElement(l.Wcircle,{percent:b/100,unit:g,status:E,color:h,radius:32},b),void 0!==v&&a.createElement("div",{className:"increase ".concat(v>=0?"add":"")},a.createElement(c.Icon,{type:v>0?"triangle-up-s":"triangle-down-s"}),v,x),y)),k&&a.createElement("div",{className:"data-summary-footer"},k))},M=function e(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"data-summary-row"},a.createElement("div",{className:"data-summary-row-center"},(m||p)&&a.createElement("div",{className:"data-summary-header"},a.createElement("div",{className:"data-summary-title"},a.createElement(c.Skeleton,{width:"50%"})),a.createElement("div",null)),a.createElement("div",{className:"data-summary-content"},a.createElement("div",{className:"data-summary-main"},a.createElement("div",{style:{flexGrow:1}},a.createElement(c.Skeleton,{count:3}))))),a.createElement("div",{className:"data-summary-row-right"})),k&&a.createElement("div",{className:"data-summary-footer"},a.createElement("div",{style:{flexGrow:1}},a.createElement(c.Skeleton,{width:"75%"}))))};return a.createElement("div",{className:i()("DataSummary","cloud-charts",u,{"has-footer":k,noBorder:o||s,noPadding:s}),style:P,ref:U},n?M():q())};S.defaultProps={dataSource:[]};var P=t.default=S}])}));