UNPKG

@choerodon/master

Version:
491 lines (489 loc) 13.1 kB
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;