{"version":3,"sources":["webpack:///./src/views/user/address/index.vue","webpack:///./src/views/user/address/index.vue?222b","webpack:///./src/views/user/address/index.vue?2518","webpack:///./src/views/user/address/index.vue?8c91","webpack:///./node_modules/core-js/modules/es.function.name.js"],"names":["class","addressList","item","key","id","name","phone","address","postcode","isDefault","setup","code","data","value","render","__scopeId","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","call","this","match","error"],"mappings":"kPACOA,MAAM,W,EAET,yBAAiC,KAA9BA,MAAM,iBAAgB,QAAI,G,GAGzBA,MAAM,gB,8RAcHA,MAAM,Q,GAINA,MAAM,Q,SACsBA,MAAM,e,EACnC,yBAAe,YAAT,MAAE,G,EACR,yBAAe,YAAT,MAAE,G,SAEiBA,MAAM,Q,EAC/B,yBAAe,YAAT,MAAE,G,yFA7BhB,yBAiCM,MAjCN,EAiCM,CA/BJ,EAGA,yBA2BK,KA3BL,EA2BK,CA1BH,G,2BAQA,yBAiBK,2CAhBY,EAAAC,aAAW,SAAnBC,G,gCADT,yBAiBK,MAfFC,IAAKD,EAAKE,GACXJ,MAAM,qB,CAEN,yBAAiC,IAAjC,EAAiC,6BAAfE,EAAKG,MAAI,GAC3B,yBAAwB,SAArB,MAAG,6BAAEH,EAAKI,OAAK,GAClB,yBAA0B,SAAvB,MAAG,6BAAEJ,EAAKK,SAAO,GACpB,yBAA2B,SAAxB,MAAG,6BAAEL,EAAKM,UAAQ,GACrB,yBAII,IAJJ,EAII,CAHWN,EAAKO,U,iEAAlB,yBAA8D,OAA9D,EAAiD,WACjD,EACA,IAESP,EAAKO,W,yBAAhB,yBAEM,MAFN,EAEM,CADJ,K,yGCzBK,+BAAgB,CAC7BJ,KAAM,cACNK,MAF6B,WAG3B,IAAMT,EAAc,iBAAqB,IAOzC,OANA,2BAAa,wCAAC,wHACiB,iBADjB,gBACJU,EADI,EACJA,KAAMC,EADF,EACEA,KACVD,IAAS,SACXV,EAAYY,MAAQD,GAHV,4CAMP,CAAEX,kB,UCVb,EAAOa,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,oCCRf,W,qBCAA,IAAIC,EAAc,EAAQ,QACtBC,EAAiB,EAAQ,QAAuCC,EAEhEC,EAAoBC,SAASC,UAC7BC,EAA4BH,EAAkBI,SAC9CC,EAAS,wBACTC,EAAO,OAIPT,KAAiBS,KAAQN,IAC3BF,EAAeE,EAAmBM,EAAM,CACtCC,cAAc,EACdC,IAAK,WACH,IACE,OAAOL,EAA0BM,KAAKC,MAAMC,MAAMN,GAAQ,GAC1D,MAAOO,GACP,MAAO,Q","file":"js/chunk-153ad4af.4ce3e98d.js","sourcesContent":["<template>\n  <div class=\"address\">\n    <!-- title -->\n    <p class=\"address-title\">收件地址</p>\n\n    <!-- list -->\n    <ul class=\"address-list\">\n      <li class=\"address-list-item add\">\n        <div class=\"add-container\">\n          <div class=\"add-icon\">\n            <i class=\"iconfont icon-plus\"></i>\n          </div>\n          <p class=\"add-title\">添加新地址</p>\n        </div>\n      </li>\n      <li\n        v-for=\"item in addressList\"\n        :key=\"item.id\"\n        class=\"address-list-item\"\n      >\n        <p class=\"name\">{{item.name}}</p>\n        <p>电话：{{item.phone}}</p>\n        <p>地址：{{item.address}}</p>\n        <p>邮编：{{item.postcode}}</p>\n        <p class=\"btns\">\n          <span v-if=\"!item.isDefault\" class=\"btn-default\">设为默认地址</span>\n          <span>修改</span>\n          <span>删除</span>\n        </p>\n        <div v-if=\"item.isDefault\" class=\"icon\">\n          <span>默认</span>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, onBeforeMount, ref } from 'vue'\nimport { AddressConfig } from '@/types'\nimport { getUserAddresses } from '@/api/user'\nimport { ERR_OK } from '@/api/config'\nexport default defineComponent({\n  name: 'UserAddress',\n  setup () {\n    const addressList = ref<AddressConfig[]>([])\n    onBeforeMount(async () => {\n      const { code, data } = await getUserAddresses<AddressConfig[]>()\n      if (code === ERR_OK) {\n        addressList.value = data\n      }\n    })\n    return { addressList }\n  }\n})\n</script>\n<style lang=\"scss\" scoped>\n  @import '~@/assets/styles/variables.scss';\n  .address {\n    &-title {\n      margin-bottom: 24px;\n      padding-bottom: 10px;\n      height: 40px;\n      line-height: 40px;\n      border-bottom: 1px solid $placeholder-text;\n      font-size: $font-medium;\n      font-weight: bold;\n    }\n    &-list {\n      &-item {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 20px;\n        margin-bottom: 20px;\n        padding: 24px;\n        width: calc((100% - 40px) / 3);\n        height: 228px;\n        border: 1px solid $placeholder-text;\n        border-radius: $border-radius-mini;\n        box-sizing: border-box;\n        color: $regular-text;\n        &:nth-child(3n) {\n          margin-right: 0;\n        }\n        &.add {\n          display: inline-flex;\n          justify-content: center;\n          align-items: center;\n        }\n        &:hover {\n          .btns {\n            display: block;\n          }\n        }\n        & > p {\n          font-size: 14px;\n          line-height: 20px;\n        }\n        .add-icon {\n          margin: 0 auto;\n          width: 50px;\n          height: 50px;\n          line-height: 50px;\n          border-radius: 50%;\n          background-color: $placeholder-text;\n          text-align: center;\n          color: #fff;\n          cursor: pointer;\n          .iconfont {\n            font-size: 24px;\n          }\n        }\n        .add-title {\n          margin-top: 18px;\n          font-size: $font-normal;\n          color: $regular-text;\n        }\n        .name {\n          margin-bottom: 10px;\n          font-size: $font-medium;\n          font-weight: bold;\n          line-height: 24px;\n          color: $primary-text;\n        }\n        .btns {\n          display: none;\n          position: absolute;\n          left: 24px;\n          right: 24px;\n          bottom: 20px;\n          text-align: right;\n          color: $theme-red;\n          cursor: pointer;\n          span {\n            & + span {\n              margin-left: 20px;\n            }\n            &.btn-default {\n              float: left;\n            }\n          }\n        }\n        .icon {\n          position: absolute;\n          right: 0;\n          top: 0;\n          width: 0;\n          height: 0;\n          border: 24px solid;\n          border-color: $theme-green $theme-green transparent transparent;\n          span {\n            position: absolute;\n            left: -2px;\n            top: -12px;\n            display: inline-block;\n            width: 24px;\n            transform: rotate(45deg);\n            font-size: $font-small;\n            color: #fff;\n          }\n        }\n      }\n    }\n  }\n</style>\n","\nimport { defineComponent, onBeforeMount, ref } from 'vue'\nimport { AddressConfig } from '@/types'\nimport { getUserAddresses } from '@/api/user'\nimport { ERR_OK } from '@/api/config'\nexport default defineComponent({\n  name: 'UserAddress',\n  setup () {\n    const addressList = ref<AddressConfig[]>([])\n    onBeforeMount(async () => {\n      const { code, data } = await getUserAddresses<AddressConfig[]>()\n      if (code === ERR_OK) {\n        addressList.value = data\n      }\n    })\n    return { addressList }\n  }\n})\n","import { render } from \"./index.vue?vue&type=template&id=d54c4462&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=ts\"\nexport * from \"./index.vue?vue&type=script&lang=ts\"\n\nimport \"./index.vue?vue&type=style&index=0&id=d54c4462&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-d54c4462\"\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=d54c4462&lang=scss&scoped=true\"","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.github.io/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n"],"sourceRoot":""}