{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/profile/components/UserCard.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/profile/components/UserCard.vue","mtime":1754409279873},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBQYW5UaHVtYiBmcm9tICdAL2NvbXBvbmVudHMvUGFuVGh1bWInOwpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogewogICAgUGFuVGh1bWI6IFBhblRodW1iCiAgfSwKICBwcm9wczogewogICAgdXNlcjogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBuYW1lOiAnJywKICAgICAgICAgIGVtYWlsOiAnJywKICAgICAgICAgIGF2YXRhcjogJycsCiAgICAgICAgICByb2xlOiAnJwogICAgICAgIH07CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"names":["PanThumb","components","props","user","type","Object","default","name","email","avatar","role"],"sources":["src/views/profile/components/UserCard.vue"],"sourcesContent":["<template>\n  <el-card style=\"margin-bottom:20px;\">\n    <div slot=\"header\" class=\"clearfix\">\n      <span>About me</span>\n    </div>\n\n    <div class=\"user-profile\">\n      <div class=\"box-center\">\n        <pan-thumb :image=\"user.avatar\" :height=\"'100px'\" :width=\"'100px'\" :hoverable=\"false\">\n          <div>Hello</div>\n          {{ user.role }}\n        </pan-thumb>\n      </div>\n      <div class=\"box-center\">\n        <div class=\"user-name text-center\">{{ user.name }}</div>\n        <div class=\"user-role text-center text-muted\">{{ user.role | uppercaseFirst }}</div>\n      </div>\n    </div>\n\n    <div class=\"user-bio\">\n      <div class=\"user-education user-bio-section\">\n        <div class=\"user-bio-section-header\"><svg-icon icon-class=\"education\" /><span>Education</span></div>\n        <div class=\"user-bio-section-body\">\n          <div class=\"text-muted\">\n            JS in Computer Science from the University of Technology\n          </div>\n        </div>\n      </div>\n\n      <div class=\"user-skills user-bio-section\">\n        <div class=\"user-bio-section-header\"><svg-icon icon-class=\"skill\" /><span>Skills</span></div>\n        <div class=\"user-bio-section-body\">\n          <div class=\"progress-item\">\n            <span>Vue</span>\n            <el-progress :percentage=\"70\" />\n          </div>\n          <div class=\"progress-item\">\n            <span>JavaScript</span>\n            <el-progress :percentage=\"18\" />\n          </div>\n          <div class=\"progress-item\">\n            <span>Css</span>\n            <el-progress :percentage=\"12\" />\n          </div>\n          <div class=\"progress-item\">\n            <span>ESLint</span>\n            <el-progress :percentage=\"100\" status=\"success\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </el-card>\n</template>\n\n<script>\nimport PanThumb from '@/components/PanThumb'\n\nexport default {\n  components: { PanThumb },\n  props: {\n    user: {\n      type: Object,\n      default: () => {\n        return {\n          name: '',\n          email: '',\n          avatar: '',\n          role: ''\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.box-center {\n  margin: 0 auto;\n  display: table;\n}\n\n.text-muted {\n  color: #777;\n}\n\n.user-profile {\n  .user-name {\n    font-weight: bold;\n  }\n\n  .box-center {\n    padding-top: 10px;\n  }\n\n  .user-role {\n    padding-top: 10px;\n    font-weight: 400;\n    font-size: 14px;\n  }\n\n  .box-social {\n    padding-top: 30px;\n\n    .el-table {\n      border-top: 1px solid #dfe6ec;\n    }\n  }\n\n  .user-follow {\n    padding-top: 20px;\n  }\n}\n\n.user-bio {\n  margin-top: 20px;\n  color: #606266;\n\n  span {\n    padding-left: 4px;\n  }\n\n  .user-bio-section {\n    font-size: 14px;\n    padding: 15px 0;\n\n    .user-bio-section-header {\n      border-bottom: 1px solid #dfe6ec;\n      padding-bottom: 10px;\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,OAAAA,QAAA;AAEA;EACAC,UAAA;IAAAD,QAAA,EAAAA;EAAA;EACAE,KAAA;IACAC,IAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA,WAAAA,SAAA;QACA;UACAC,IAAA;UACAC,KAAA;UACAC,MAAA;UACAC,IAAA;QACA;MACA;IACA;EACA;AACA","ignoreList":[]}]}