@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-1

package/web/static/js/9694.9d60b85b.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/9694.9d60b85b.chunk.js","mappings":"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","sources":["routes/components/colors/README.md"],"sourcesContent":["\nexport default {\n    components: { 10: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar colors = [{\n  name: 'Light Blue',\n  cn: '主要-浅蓝色',\n  color: '#5BB5F4',\n  des: '通常用于按钮、及任何修饰元素'\n}, {\n  name: 'Blue',\n  cn: '主要-蓝色',\n  color: '#2EA3F4',\n  des: '通常用于按钮、及任何修饰元素'\n}, {\n  name: 'Dark Blue',\n  cn: '主要-深蓝色',\n  color: '#008EF0',\n  des: '通常用于按钮、及任何修饰元素'\n}];\nvar styles = {\n  flex: 1,\n  height: 63,\n  maxWidth: 120,\n  color: '#fff',\n  textAlign: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  flexDirection: 'column'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap'\n    }\n  }, colors.map(function (item, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: _objectSpread({\n        background: item.color\n      }, styles)\n    }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.name), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.color));\n  }));\n};\n\nreturn Demo; })(),41: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar colors = [{\n  name: 'Green',\n  cn: '成功-绿色',\n  color: '#28a745'\n}, {\n  name: 'Blue',\n  cn: '主要-蓝色',\n  color: '#008EF0'\n}, {\n  name: 'Cyan',\n  cn: '信息-青色',\n  color: '#1EABCD'\n}, {\n  name: 'Navy',\n  cn: '导航-藏青',\n  color: '#393E48'\n}, {\n  name: 'Yellow',\n  cn: '警告-黄色',\n  color: '#ffc107'\n}, {\n  name: 'Orange',\n  cn: '提醒-橙色',\n  color: '#F95C2B'\n}, {\n  name: 'Red',\n  cn: '危险-红色',\n  color: '#dc3545'\n}];\nvar styles = {\n  position: 'relative',\n  minWidth: 80,\n  flex: 1,\n  height: 83,\n  color: '#fff',\n  textAlign: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center'\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap'\n    }\n  }, colors.map(function (item, idx) {\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: _objectSpread({\n        background: item.color\n      }, styles)\n    }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        position: 'absolute',\n        top: 3,\n        left: 5,\n        fontSize: 12,\n        color: 'rgba(255, 255, 255, 0.65)'\n      }\n    }, item.color), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.name), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.cn));\n  }));\n};\n\nreturn Demo; })(),78: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar colors = [{\n  name: '白色',\n  color: '#FFFFFF',\n  fontColor: '#6F6F6F'\n}, {\n  name: '背景',\n  color: '#F6F6F6',\n  fontColor: '#6F6F6F'\n}, {\n  name: '分割线',\n  color: '#F2F2F2',\n  fontColor: '#6F6F6F'\n}, {\n  name: '边框',\n  color: '#EEEEEE',\n  fontColor: '#6F6F6F'\n}, {\n  name: '失效',\n  color: '#EAEAEA',\n  fontColor: '#6F6F6F'\n}, {\n  name: '辅助',\n  color: '#DDDDDD',\n  fontColor: '#6F6F6F'\n}, {\n  name: '正文',\n  color: '#C2C2C2'\n}, {\n  name: '图标',\n  color: '#B9B9B9'\n}, {\n  name: '文本',\n  color: '#A5A5A5'\n}, {\n  name: '标题',\n  color: '#6E6E6E'\n}];\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap'\n    }\n  }, colors.map(function (item, idx) {\n    var styles = {\n      flex: 1,\n      height: 63,\n      color: '#fff',\n      textAlign: 'center',\n      minWidth: 80,\n      flexDirection: 'column',\n      display: 'flex',\n      justifyContent: 'center'\n    };\n\n    if (item.fontColor) {\n      styles.color = item.fontColor;\n    }\n\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: _objectSpread({\n        background: item.color\n      }, styles)\n    }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.name), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.color));\n  }));\n};\n\nreturn Demo; })(),119: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar colors = [{\n  name: '警告-黄色',\n  backgroundColor: '#ffc107',\n  des: 'warning'\n}, {\n  name: '提醒-橙色',\n  backgroundColor: '#F95C2B',\n  des: 'remind'\n}, {\n  name: '危险-红色',\n  backgroundColor: '#dc3545',\n  des: 'danger'\n}, {\n  name: '导航-藏青',\n  backgroundColor: '#393E48',\n  des: 'NavMenu'\n}, {\n  name: '主要-蓝色',\n  backgroundColor: '#2EA3F4',\n  des: 'Primary'\n}, {\n  name: '成功-绿色',\n  backgroundColor: '#09C62C',\n  des: 'success'\n}, {\n  name: '背景-中灰',\n  backgroundColor: '#EAEAEA',\n  des: 'background',\n  color: '#6F6F6F'\n}];\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n    style: {\n      display: 'flex',\n      flexWrap: 'wrap'\n    }\n  }, colors.map(function (item, idx) {\n    var styles = {\n      padding: '21px 0 7px 5px',\n      minWidth: 100,\n      position: 'relative',\n      flex: 1,\n      height: 63,\n      color: '#fff',\n      flexDirection: 'column',\n      display: 'flex',\n      justifyContent: 'center'\n    };\n    var colorFontSty = {\n      position: 'absolute',\n      top: 3,\n      left: 5,\n      fontSize: 12,\n      color: 'rgba(255, 255, 255, 0.65)'\n    };\n\n    if (item.color) {\n      styles.color = item.color;\n      colorFontSty.color = item.color;\n    }\n\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      key: idx,\n      style: _objectSpread({\n        background: item.backgroundColor\n      }, styles)\n    }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: colorFontSty\n    }, item.backgroundColor), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, item.name), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n      style: {\n        fontSize: 12\n      }\n    }, item.des));\n  }));\n};\n\nreturn Demo; })(), },\n    data: {\n  \"10\": {\n    \"name\": 10,\n    \"meta\": {},\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar colors = [{\\n  name: 'Light Blue',\\n  cn: '主要-浅蓝色',\\n  color: '#5BB5F4',\\n  des: '通常用于按钮、及任何修饰元素'\\n}, {\\n  name: 'Blue',\\n  cn: '主要-蓝色',\\n  color: '#2EA3F4',\\n  des: '通常用于按钮、及任何修饰元素'\\n}, {\\n  name: 'Dark Blue',\\n  cn: '主要-深蓝色',\\n  color: '#008EF0',\\n  des: '通常用于按钮、及任何修饰元素'\\n}];\\nvar styles = {\\n  flex: 1,\\n  height: 63,\\n  maxWidth: 120,\\n  color: '#fff',\\n  textAlign: 'center',\\n  display: 'flex',\\n  justifyContent: 'center',\\n  flexDirection: 'column'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap'\\n    }\\n  }, colors.map(function (item, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: _objectSpread({\\n        background: item.color\\n      }, styles)\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.name), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.color));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nconst colors = [\\n  { name: 'Light Blue', cn: '主要-浅蓝色', color: '#5BB5F4', des: '通常用于按钮、及任何修饰元素', },\\n  { name: 'Blue', cn: '主要-蓝色', color: '#2EA3F4', des: '通常用于按钮、及任何修饰元素', },\\n  { name: 'Dark Blue', cn: '主要-深蓝色', color: '#008EF0', des: '通常用于按钮、及任何修饰元素', },\\n];\\nconst styles = {\\n  flex: 1, height: 63, maxWidth: 120, color: '#fff', textAlign: 'center',\\n  display: 'flex', justifyContent: 'center', flexDirection: 'column',\\n};\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div>{item.name}</div>\\n          <div>{item.color}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"41\": {\n    \"name\": 41,\n    \"meta\": {},\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar colors = [{\\n  name: 'Green',\\n  cn: '成功-绿色',\\n  color: '#28a745'\\n}, {\\n  name: 'Blue',\\n  cn: '主要-蓝色',\\n  color: '#008EF0'\\n}, {\\n  name: 'Cyan',\\n  cn: '信息-青色',\\n  color: '#1EABCD'\\n}, {\\n  name: 'Navy',\\n  cn: '导航-藏青',\\n  color: '#393E48'\\n}, {\\n  name: 'Yellow',\\n  cn: '警告-黄色',\\n  color: '#ffc107'\\n}, {\\n  name: 'Orange',\\n  cn: '提醒-橙色',\\n  color: '#F95C2B'\\n}, {\\n  name: 'Red',\\n  cn: '危险-红色',\\n  color: '#dc3545'\\n}];\\nvar styles = {\\n  position: 'relative',\\n  minWidth: 80,\\n  flex: 1,\\n  height: 83,\\n  color: '#fff',\\n  textAlign: 'center',\\n  display: 'flex',\\n  flexDirection: 'column',\\n  justifyContent: 'center'\\n};\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap'\\n    }\\n  }, colors.map(function (item, idx) {\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: _objectSpread({\\n        background: item.color\\n      }, styles)\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        position: 'absolute',\\n        top: 3,\\n        left: 5,\\n        fontSize: 12,\\n        color: 'rgba(255, 255, 255, 0.65)'\\n      }\\n    }, item.color), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.name), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.cn));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nconst colors = [\\n  { name: 'Green', cn: '成功-绿色', color: '#28a745' },\\n  { name: 'Blue', cn: '主要-蓝色', color: '#008EF0' },\\n  { name: 'Cyan', cn: '信息-青色', color: '#1EABCD' },\\n  { name: 'Navy', cn: '导航-藏青', color: '#393E48' },\\n  { name: 'Yellow', cn: '警告-黄色', color: '#ffc107' },\\n  { name: 'Orange', cn: '提醒-橙色', color: '#F95C2B' },\\n  { name: 'Red', cn: '危险-红色', color: '#dc3545' },\\n];\\nconst styles = {\\n  position: 'relative', minWidth: 80,\\n  flex: 1, height: 83, color: '#fff', textAlign: 'center',\\n  display: 'flex', flexDirection: 'column', justifyContent: 'center',\\n};\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div style={{position: 'absolute', top: 3, left: 5, fontSize: 12, color: 'rgba(255, 255, 255, 0.65)'}}>{item.color}</div>\\n          <div>{item.name}</div>\\n          <div>{item.cn}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"78\": {\n    \"name\": 78,\n    \"meta\": {},\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar colors = [{\\n  name: '白色',\\n  color: '#FFFFFF',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '背景',\\n  color: '#F6F6F6',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '分割线',\\n  color: '#F2F2F2',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '边框',\\n  color: '#EEEEEE',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '失效',\\n  color: '#EAEAEA',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '辅助',\\n  color: '#DDDDDD',\\n  fontColor: '#6F6F6F'\\n}, {\\n  name: '正文',\\n  color: '#C2C2C2'\\n}, {\\n  name: '图标',\\n  color: '#B9B9B9'\\n}, {\\n  name: '文本',\\n  color: '#A5A5A5'\\n}, {\\n  name: '标题',\\n  color: '#6E6E6E'\\n}];\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap'\\n    }\\n  }, colors.map(function (item, idx) {\\n    var styles = {\\n      flex: 1,\\n      height: 63,\\n      color: '#fff',\\n      textAlign: 'center',\\n      minWidth: 80,\\n      flexDirection: 'column',\\n      display: 'flex',\\n      justifyContent: 'center'\\n    };\\n\\n    if (item.fontColor) {\\n      styles.color = item.fontColor;\\n    }\\n\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: _objectSpread({\\n        background: item.color\\n      }, styles)\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.name), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.color));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nconst colors = [\\n  { name: '白色', color: '#FFFFFF', fontColor: '#6F6F6F' },\\n  { name: '背景', color: '#F6F6F6', fontColor: '#6F6F6F' },\\n  { name: '分割线', color: '#F2F2F2', fontColor: '#6F6F6F' },\\n  { name: '边框', color: '#EEEEEE', fontColor: '#6F6F6F' },\\n  { name: '失效', color: '#EAEAEA', fontColor: '#6F6F6F' },\\n  { name: '辅助', color: '#DDDDDD', fontColor: '#6F6F6F' },\\n  { name: '正文', color: '#C2C2C2' },\\n  { name: '图标', color: '#B9B9B9' },\\n  { name: '文本', color: '#A5A5A5' },\\n  { name: '标题', color: '#6E6E6E' },\\n];\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      const styles = {\\n        flex: 1, height: 63, color: '#fff', textAlign: 'center', minWidth: 80,\\n        flexDirection: 'column', display: 'flex', justifyContent: 'center',\\n      }\\n      if (item.fontColor) {\\n        styles.color = item.fontColor;\\n      }\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div>{item.name}</div>\\n          <div>{item.color}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\"\n  },\n  \"119\": {\n    \"name\": 119,\n    \"meta\": {},\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar colors = [{\\n  name: '警告-黄色',\\n  backgroundColor: '#ffc107',\\n  des: 'warning'\\n}, {\\n  name: '提醒-橙色',\\n  backgroundColor: '#F95C2B',\\n  des: 'remind'\\n}, {\\n  name: '危险-红色',\\n  backgroundColor: '#dc3545',\\n  des: 'danger'\\n}, {\\n  name: '导航-藏青',\\n  backgroundColor: '#393E48',\\n  des: 'NavMenu'\\n}, {\\n  name: '主要-蓝色',\\n  backgroundColor: '#2EA3F4',\\n  des: 'Primary'\\n}, {\\n  name: '成功-绿色',\\n  backgroundColor: '#09C62C',\\n  des: 'success'\\n}, {\\n  name: '背景-中灰',\\n  backgroundColor: '#EAEAEA',\\n  des: 'background',\\n  color: '#6F6F6F'\\n}];\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n    style: {\\n      display: 'flex',\\n      flexWrap: 'wrap'\\n    }\\n  }, colors.map(function (item, idx) {\\n    var styles = {\\n      padding: '21px 0 7px 5px',\\n      minWidth: 100,\\n      position: 'relative',\\n      flex: 1,\\n      height: 63,\\n      color: '#fff',\\n      flexDirection: 'column',\\n      display: 'flex',\\n      justifyContent: 'center'\\n    };\\n    var colorFontSty = {\\n      position: 'absolute',\\n      top: 3,\\n      left: 5,\\n      fontSize: 12,\\n      color: 'rgba(255, 255, 255, 0.65)'\\n    };\\n\\n    if (item.color) {\\n      styles.color = item.color;\\n      colorFontSty.color = item.color;\\n    }\\n\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      key: idx,\\n      style: _objectSpread({\\n        background: item.backgroundColor\\n      }, styles)\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: colorFontSty\\n    }, item.backgroundColor), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, item.name), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n      style: {\\n        fontSize: 12\\n      }\\n    }, item.des));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from \\\"react\\\"\\nconst colors = [\\n  { name: '警告-黄色', backgroundColor: '#ffc107', des: 'warning', },\\n  { name: '提醒-橙色', backgroundColor: '#F95C2B', des: 'remind', },\\n  { name: '危险-红色', backgroundColor: '#dc3545', des: 'danger', },\\n  { name: '导航-藏青', backgroundColor: '#393E48', des: 'NavMenu', },\\n  { name: '主要-蓝色', backgroundColor: '#2EA3F4', des: 'Primary', },\\n  { name: '成功-绿色', backgroundColor: '#09C62C', des: 'success', },\\n  { name: '背景-中灰', backgroundColor: '#EAEAEA', des: 'background', color: '#6F6F6F' },\\n];\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      const styles = {\\n        padding: '21px 0 7px 5px', minWidth: 100,\\n        position: 'relative', flex: 1, height: 63, color: '#fff',\\n        flexDirection: 'column', display: 'flex', justifyContent: 'center',\\n      }\\n      const colorFontSty = {position: 'absolute', top: 3, left: 5, fontSize: 12, color: 'rgba(255, 255, 255, 0.65)'};\\n      if (item.color) {\\n        styles.color = item.color;\\n        colorFontSty.color = item.color;\\n      }\\n      return (\\n        <div key={idx} style={{ background: item.backgroundColor, ...styles }}>\\n          <div style={colorFontSty}>{item.backgroundColor}</div>\\n          <div>{item.name}</div>\\n          <div style={{ fontSize: 12 }}>{item.des}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\"\n  }\n},\n    source: \"Color 色彩\\n===\\n\\n## 主要颜色\\n\\n主色以象征广阔海洋的湖蓝色作为主色调，它给人以年轻、鲜明、清爽的形象多展现出来，湖蓝色是一种纯洁的颜色，象征着大海。\\n（ 取色含义：我们致力于创新，积极并且不断努力，这正是我们团队的精神追求。）\\n\\n<!--rehype:background=#fff&noCode=true&bordered=false-->\\n```jsx mdx:preview\\nimport React from \\\"react\\\"\\nconst colors = [\\n  { name: 'Light Blue', cn: '主要-浅蓝色', color: '#5BB5F4', des: '通常用于按钮、及任何修饰元素', },\\n  { name: 'Blue', cn: '主要-蓝色', color: '#2EA3F4', des: '通常用于按钮、及任何修饰元素', },\\n  { name: 'Dark Blue', cn: '主要-深蓝色', color: '#008EF0', des: '通常用于按钮、及任何修饰元素', },\\n];\\nconst styles = {\\n  flex: 1, height: 63, maxWidth: 120, color: '#fff', textAlign: 'center',\\n  display: 'flex', justifyContent: 'center', flexDirection: 'column',\\n};\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div>{item.name}</div>\\n          <div>{item.color}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n## 辅助颜色\\n\\n这些亮丽的辅助色多用于按钮，提示，警告等修饰元素，以及一些侧边修饰的元素上。\\n\\n<!--rehype:background=#fff&noCode=true&bordered=false-->\\n```jsx mdx:preview\\nimport React from \\\"react\\\"\\nconst colors = [\\n  { name: 'Green', cn: '成功-绿色', color: '#28a745' },\\n  { name: 'Blue', cn: '主要-蓝色', color: '#008EF0' },\\n  { name: 'Cyan', cn: '信息-青色', color: '#1EABCD' },\\n  { name: 'Navy', cn: '导航-藏青', color: '#393E48' },\\n  { name: 'Yellow', cn: '警告-黄色', color: '#ffc107' },\\n  { name: 'Orange', cn: '提醒-橙色', color: '#F95C2B' },\\n  { name: 'Red', cn: '危险-红色', color: '#dc3545' },\\n];\\nconst styles = {\\n  position: 'relative', minWidth: 80,\\n  flex: 1, height: 83, color: '#fff', textAlign: 'center',\\n  display: 'flex', flexDirection: 'column', justifyContent: 'center',\\n};\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div style={{position: 'absolute', top: 3, left: 5, fontSize: 12, color: 'rgba(255, 255, 255, 0.65)'}}>{item.color}</div>\\n          <div>{item.name}</div>\\n          <div>{item.cn}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n## 极简中性色\\n\\n极简中性色是白色从灰色再到深灰色的一个过渡颜色，可以搭配文字以及任何元素，以这种色调来缓解视觉疲劳，低调内敛！\\n\\n<!--rehype:background=#fff&noCode=true&bordered=false-->\\n```jsx mdx:preview\\nimport React from \\\"react\\\"\\nconst colors = [\\n  { name: '白色', color: '#FFFFFF', fontColor: '#6F6F6F' },\\n  { name: '背景', color: '#F6F6F6', fontColor: '#6F6F6F' },\\n  { name: '分割线', color: '#F2F2F2', fontColor: '#6F6F6F' },\\n  { name: '边框', color: '#EEEEEE', fontColor: '#6F6F6F' },\\n  { name: '失效', color: '#EAEAEA', fontColor: '#6F6F6F' },\\n  { name: '辅助', color: '#DDDDDD', fontColor: '#6F6F6F' },\\n  { name: '正文', color: '#C2C2C2' },\\n  { name: '图标', color: '#B9B9B9' },\\n  { name: '文本', color: '#A5A5A5' },\\n  { name: '标题', color: '#6E6E6E' },\\n];\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      const styles = {\\n        flex: 1, height: 63, color: '#fff', textAlign: 'center', minWidth: 80,\\n        flexDirection: 'column', display: 'flex', justifyContent: 'center',\\n      }\\n      if (item.fontColor) {\\n        styles.color = item.fontColor;\\n      }\\n      return (\\n        <div key={idx} style={{ background: item.color, ...styles }}>\\n          <div>{item.name}</div>\\n          <div>{item.color}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\\n```\\n\\n## 背景色\\n\\n这内置的几种颜色可以用于各种元素中，比如：导航，按钮，徽章等背景中。\\n\\n<!--rehype:background=#fff&noCode=true&bordered=false-->\\n```jsx mdx:preview\\nimport React from \\\"react\\\"\\nconst colors = [\\n  { name: '警告-黄色', backgroundColor: '#ffc107', des: 'warning', },\\n  { name: '提醒-橙色', backgroundColor: '#F95C2B', des: 'remind', },\\n  { name: '危险-红色', backgroundColor: '#dc3545', des: 'danger', },\\n  { name: '导航-藏青', backgroundColor: '#393E48', des: 'NavMenu', },\\n  { name: '主要-蓝色', backgroundColor: '#2EA3F4', des: 'Primary', },\\n  { name: '成功-绿色', backgroundColor: '#09C62C', des: 'success', },\\n  { name: '背景-中灰', backgroundColor: '#EAEAEA', des: 'background', color: '#6F6F6F' },\\n];\\nconst Demo = () => (\\n  <div style={{display: 'flex', flexWrap: 'wrap'}}>\\n    {colors.map((item, idx) => {\\n      const styles = {\\n        padding: '21px 0 7px 5px', minWidth: 100,\\n        position: 'relative', flex: 1, height: 63, color: '#fff',\\n        flexDirection: 'column', display: 'flex', justifyContent: 'center',\\n      }\\n      const colorFontSty = {position: 'absolute', top: 3, left: 5, fontSize: 12, color: 'rgba(255, 255, 255, 0.65)'};\\n      if (item.color) {\\n        styles.color = item.color;\\n        colorFontSty.color = item.color;\\n      }\\n      return (\\n        <div key={idx} style={{ background: item.backgroundColor, ...styles }}>\\n          <div style={colorFontSty}>{item.backgroundColor}</div>\\n          <div>{item.name}</div>\\n          <div style={{ fontSize: 12 }}>{item.des}</div>\\n        </div>\\n      );\\n    })}\\n  </div>\\n);\\nexport default Demo;\\n```\\n\"\n  }"],"names":["components","obj","_react","__esModule","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","configurable","writable","colors","name","cn","color","des","styles","flex","height","maxWidth","textAlign","display","justifyContent","flexDirection","createElement","style","flexWrap","map","item","idx","background","position","minWidth","top","left","fontSize","fontColor","backgroundColor","padding","colorFontSty","data"],"sourceRoot":""}