{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/icons/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/icons/index.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/babel.config.js","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/babel-loader/lib/index.js","mtime":1754408228132},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBjbGlwYm9hcmQgZnJvbSAnQC91dGlscy9jbGlwYm9hcmQnOwppbXBvcnQgc3ZnSWNvbnMgZnJvbSAnLi9zdmctaWNvbnMnOwppbXBvcnQgZWxlbWVudEljb25zIGZyb20gJy4vZWxlbWVudC1pY29ucyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnSWNvbnMnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzdmdJY29uczogc3ZnSWNvbnMsCiAgICAgIGVsZW1lbnRJY29uczogZWxlbWVudEljb25zCiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgZ2VuZXJhdGVJY29uQ29kZTogZnVuY3Rpb24gZ2VuZXJhdGVJY29uQ29kZShzeW1ib2wpIHsKICAgICAgcmV0dXJuICI8c3ZnLWljb24gaWNvbi1jbGFzcz1cIiIuY29uY2F0KHN5bWJvbCwgIlwiIC8+Iik7CiAgICB9LAogICAgZ2VuZXJhdGVFbGVtZW50SWNvbkNvZGU6IGZ1bmN0aW9uIGdlbmVyYXRlRWxlbWVudEljb25Db2RlKHN5bWJvbCkgewogICAgICByZXR1cm4gIjxpIGNsYXNzPVwiZWwtaWNvbi0iLmNvbmNhdChzeW1ib2wsICJcIiAvPiIpOwogICAgfSwKICAgIGhhbmRsZUNsaXBib2FyZDogZnVuY3Rpb24gaGFuZGxlQ2xpcGJvYXJkKHRleHQsIGV2ZW50KSB7CiAgICAgIGNsaXBib2FyZCh0ZXh0LCBldmVudCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["clipboard","svgIcons","elementIcons","name","data","methods","generateIconCode","symbol","concat","generateElementIconCode","handleClipboard","text","event"],"sources":["src/views/icons/index.vue"],"sourcesContent":["<template>\n  <div class=\"icons-container\">\n    <aside>\n      <a href=\"https://panjiachen.github.io/vue-element-admin-site/guide/advanced/icon.html\" target=\"_blank\">Add and use\n      </a>\n    </aside>\n    <el-tabs type=\"border-card\">\n      <el-tab-pane label=\"Icons\">\n        <div class=\"grid\">\n          <div v-for=\"item of svgIcons\" :key=\"item\" @click=\"handleClipboard(generateIconCode(item),$event)\">\n            <el-tooltip placement=\"top\">\n              <div slot=\"content\">\n                {{ generateIconCode(item) }}\n              </div>\n              <div class=\"icon-item\">\n                <svg-icon :icon-class=\"item\" class-name=\"disabled\" />\n                <span>{{ item }}</span>\n              </div>\n            </el-tooltip>\n          </div>\n        </div>\n      </el-tab-pane>\n      <el-tab-pane label=\"Element-UI Icons\">\n        <div class=\"grid\">\n          <div v-for=\"item of elementIcons\" :key=\"item\" @click=\"handleClipboard(generateElementIconCode(item),$event)\">\n            <el-tooltip placement=\"top\">\n              <div slot=\"content\">\n                {{ generateElementIconCode(item) }}\n              </div>\n              <div class=\"icon-item\">\n                <i :class=\"'el-icon-' + item\" />\n                <span>{{ item }}</span>\n              </div>\n            </el-tooltip>\n          </div>\n        </div>\n      </el-tab-pane>\n    </el-tabs>\n  </div>\n</template>\n\n<script>\nimport clipboard from '@/utils/clipboard'\nimport svgIcons from './svg-icons'\nimport elementIcons from './element-icons'\n\nexport default {\n  name: 'Icons',\n  data() {\n    return {\n      svgIcons,\n      elementIcons\n    }\n  },\n  methods: {\n    generateIconCode(symbol) {\n      return `<svg-icon icon-class=\"${symbol}\" />`\n    },\n    generateElementIconCode(symbol) {\n      return `<i class=\"el-icon-${symbol}\" />`\n    },\n    handleClipboard(text, event) {\n      clipboard(text, event)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.icons-container {\n  margin: 10px 20px 0;\n  overflow: hidden;\n\n  .grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\n  }\n\n  .icon-item {\n    margin: 20px;\n    height: 85px;\n    text-align: center;\n    width: 100px;\n    float: left;\n    font-size: 30px;\n    color: #24292e;\n    cursor: pointer;\n  }\n\n  span {\n    display: block;\n    font-size: 16px;\n    margin-top: 10px;\n  }\n\n  .disabled {\n    pointer-events: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,OAAAA,SAAA;AACA,OAAAC,QAAA;AACA,OAAAC,YAAA;AAEA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAH,QAAA,EAAAA,QAAA;MACAC,YAAA,EAAAA;IACA;EACA;EACAG,OAAA;IACAC,gBAAA,WAAAA,iBAAAC,MAAA;MACA,iCAAAC,MAAA,CAAAD,MAAA;IACA;IACAE,uBAAA,WAAAA,wBAAAF,MAAA;MACA,6BAAAC,MAAA,CAAAD,MAAA;IACA;IACAG,eAAA,WAAAA,gBAAAC,IAAA,EAAAC,KAAA;MACAZ,SAAA,CAAAW,IAAA,EAAAC,KAAA;IACA;EACA;AACA","ignoreList":[]}]}