@choerodon/master
Version:
A package of Master for Choerodon platform.
491 lines (489 loc) • 13.1 kB
JavaScript
import React from 'react';
import { Page, Header } from "../c7n-page";
import "./index.less";
var prefixCls = 'c7ncd-skeleton';
function Skeleton() {
return /*#__PURE__*/React.createElement(Page, {
className: prefixCls,
service: []
}, /*#__PURE__*/React.createElement(Header, {
className: "".concat(prefixCls, "-header")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '20%'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '40%'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-content")
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-content-wrap")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '100%'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-content-wrap-line")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '20%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '120px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '160px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '120px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '160px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '120px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '160px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '5%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
marginTop: '24px',
width: 0
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '12px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '20%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '180px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '205px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '180px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '205px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '180px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '205px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '15%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '20%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '197px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '244px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '197px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '244px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '197px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '244px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '10%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
})), /*#__PURE__*/React.createElement("div", {
style: {
width: '10%'
},
className: "".concat(prefixCls, "-content-wrap-line-item")
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '34px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}), /*#__PURE__*/React.createElement("div", {
style: {
width: '52px',
marginTop: '24px'
},
className: "".concat(prefixCls, "-rec")
}))))));
}
export default Skeleton;