liusuyi
2024-10-10 38f29e38fcc668171dc05c53d40a36b895c86102
1
{"remainingRequest":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\src\\views\\components\\icons\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\src\\views\\components\\icons\\index.vue","mtime":1675221397126},{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\babel.config.js","mtime":1675221397043},{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1678842088721},{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"F:\\Workspaces\\ard\\RuoYi-Vue-master-pg\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1678842089772}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi9Xb3Jrc3BhY2VzL2FyZC9SdW9ZaS1WdWUtbWFzdGVyLXBnL1J1b1lpLVZ1ZS1tYXN0ZXIvcnVveWktdWkvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvaW50ZXJvcFJlcXVpcmVEZWZhdWx0LmpzIikuZGVmYXVsdDsKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnZhciBfc3ZnSWNvbnMgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIi4vc3ZnLWljb25zIikpOwp2YXIgX2VsZW1lbnRJY29ucyA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiLi9lbGVtZW50LWljb25zIikpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSB7CiAgbmFtZTogJ0ljb25zJywKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc3ZnSWNvbnM6IF9zdmdJY29ucy5kZWZhdWx0LAogICAgICBlbGVtZW50SWNvbnM6IF9lbGVtZW50SWNvbnMuZGVmYXVsdAogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGdlbmVyYXRlSWNvbkNvZGU6IGZ1bmN0aW9uIGdlbmVyYXRlSWNvbkNvZGUoc3ltYm9sKSB7CiAgICAgIHJldHVybiAiPHN2Zy1pY29uIGljb24tY2xhc3M9XCIiLmNvbmNhdChzeW1ib2wsICJcIiAvPiIpOwogICAgfSwKICAgIGdlbmVyYXRlRWxlbWVudEljb25Db2RlOiBmdW5jdGlvbiBnZW5lcmF0ZUVsZW1lbnRJY29uQ29kZShzeW1ib2wpIHsKICAgICAgcmV0dXJuICI8aSBjbGFzcz1cImVsLWljb24tIi5jb25jYXQoc3ltYm9sLCAiXCIgLz4iKTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Ow=="},{"version":3,"mappings":";;;;;;;AAsCA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEA;EACAA;EACAC;IACA;MACAC;MACAC;IACA;EACA;EACAC;IACAC;MACA;IACA;IACAC;MACA;IACA;EACA;AACA;AAAA","names":["name","data","svgIcons","elementIcons","methods","generateIconCode","generateElementIconCode"],"sourceRoot":"src/views/components/icons","sources":["index.vue"],"sourcesContent":["<template>\r\n  <div class=\"icons-container\">\r\n    <aside>\r\n      <a href=\"#\" target=\"_blank\">Add and use\r\n      </a>\r\n    </aside>\r\n    <el-tabs type=\"border-card\">\r\n      <el-tab-pane label=\"Icons\">\r\n        <div v-for=\"item of svgIcons\" :key=\"item\">\r\n          <el-tooltip placement=\"top\">\r\n            <div slot=\"content\">\r\n              {{ generateIconCode(item) }}\r\n            </div>\r\n            <div class=\"icon-item\">\r\n              <svg-icon :icon-class=\"item\" class-name=\"disabled\" />\r\n              <span>{{ item }}</span>\r\n            </div>\r\n          </el-tooltip>\r\n        </div>\r\n      </el-tab-pane>\r\n      <el-tab-pane label=\"Element-UI Icons\">\r\n        <div v-for=\"item of elementIcons\" :key=\"item\">\r\n          <el-tooltip placement=\"top\">\r\n            <div slot=\"content\">\r\n              {{ generateElementIconCode(item) }}\r\n            </div>\r\n            <div class=\"icon-item\">\r\n              <i :class=\"'el-icon-' + item\" />\r\n              <span>{{ item }}</span>\r\n            </div>\r\n          </el-tooltip>\r\n        </div>\r\n      </el-tab-pane>\r\n    </el-tabs>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport svgIcons from './svg-icons'\r\nimport elementIcons from './element-icons'\r\n\r\nexport default {\r\n  name: 'Icons',\r\n  data() {\r\n    return {\r\n      svgIcons,\r\n      elementIcons\r\n    }\r\n  },\r\n  methods: {\r\n    generateIconCode(symbol) {\r\n      return `<svg-icon icon-class=\"${symbol}\" />`\r\n    },\r\n    generateElementIconCode(symbol) {\r\n      return `<i class=\"el-icon-${symbol}\" />`\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icons-container {\r\n  margin: 10px 20px 0;\r\n  overflow: hidden;\r\n\r\n  .icon-item {\r\n    margin: 20px;\r\n    height: 85px;\r\n    text-align: center;\r\n    width: 100px;\r\n    float: left;\r\n    font-size: 30px;\r\n    color: #24292e;\r\n    cursor: pointer;\r\n  }\r\n\r\n  span {\r\n    display: block;\r\n    font-size: 16px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .disabled {\r\n    pointer-events: none;\r\n  }\r\n}\r\n</style>\r\n"]}]}