{"version":3,"sources":["webpack:///./src/components/SvgIcon.vue","webpack:///./src/components/SvgIcon.vue?426b","webpack:///./src/pages/operator/breadcrumbs.vue?91d3","webpack:///./src/pages/operator/publisher/index.vue","webpack:///./src/pages/operator/publisher/index.vue?0bbf","webpack:///./src/components/SvgIcon.vue?f1aa","webpack:///./src/pages/operator/publisher/index.vue?cfa0","webpack:///./src/pages/operator/breadcrumbs.vue","webpack:///./src/pages/operator/breadcrumbs.vue?0633"],"names":["class","aria-hidden","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","xlink:href","$props","name","props","type","String","required","__exports__","render","DEFAULT_EMAIL_REJECT","DEFAULT_EMAIL_APPROVE","breadcrumbsData","title","des","color","hasTitleIcon","links","path","useForm","Form","open","ref","list","loading","counts","filter","reactive","keyword","reviewStatus","pager","page","size","total","modelRef","emailContent","id","sendEmail","rulesRef","message","validate","validateInfos","onSubmit","formState","_","cloneDeep","toRaw","formattedText","publisherAdminApi","reviewPublisher","then","res","console","log","success","onClose","getList","v","value","getPublisherCount","data","getPublisherList","onPageChange","onNoteChange","modifyPublisher","note","target","__props"],"mappings":"2IACQA,MAAM,W,GACLA,MAAM,OAAOC,cAAY,Q,yEADhCC,gCAIO,OAJPC,EAIO,E,yBAHLD,gCAEM,MAFNE,EAEM,CADJC,gCAAyC,OAAnCC,aAAU,SAAWC,EAAAC,M,eAMhB,OACbC,MAAO,CACLD,KAAM,CACJE,KAAMC,OACNC,UAAU,K,iCCNlB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,kCCTf,W,o3BC+LMC,EAAuB,kzBAKvBC,EAAwB,omC,+BAtB9B,MAAMC,EAAkB,CACtBC,MAAO,YACPC,IAAK,8BACLC,MAAM,UACNC,cAAa,EACbC,MAAO,CACL,CACEd,KAAM,OACNe,KAAM,qBAER,CACEf,KAAM,YACNe,KAAM,mBAoBNC,EAAUC,OAAKD,QAEfE,EAAOC,kBAAI,GAEXC,EAAOD,iBAAI,IACXE,EAAUF,kBAAI,GAEdG,EAASH,iBAAI,IAEbI,EAASC,sBAAS,CACtBC,QAAS,GACTC,aAAc,YAGVC,EAAQH,sBAAS,CACrBI,KAAM,EACNC,KAAM,GACNC,MAAO,IAGHC,EAAWP,sBAAS,CACxBQ,aAAcxB,EACdyB,GAAI,GACJP,aAAc,GACdQ,WAAW,EACXT,QAAS,KAGLU,EAAWX,sBAAS,CACpBQ,aAAc,CAAC,CACT5B,UAAU,EACVgC,QAAS,iCAEfF,UAAW,CAAC,CACV9B,UAAU,EACVgC,QAAS,2BAIX,SAAEC,EAAQ,cAAEC,GAAkBtB,EAAQe,EAAUI,GAEhDI,EAAWA,KACX,IAAIC,EAAYC,IAAEC,UAAUC,mBAAMZ,IAClCS,EAAUR,aAAeY,eAAcJ,EAAUR,cACjDa,OAAkBC,gBAAgBN,GAAWO,KAAKC,IAChDC,QAAQC,IAAIF,GACPA,EAAIG,UACHf,OAAQe,QAAQ,mBAChBpB,EAASC,aAAexB,EACxB4C,IACAzB,EAAMC,KAAO,EACbyB,QAKRA,EAAWC,IACfjC,EAAQkC,OAAQ,EAEZD,IACF3B,EAAMC,KAAO,GAGfiB,OAAkBW,oBAAoBT,KAAKC,IACzC1B,EAAOiC,MAAQP,EAAIS,OAErBZ,OAAkBa,iBAAiB,IAAInC,KAAWI,IAAQoB,KAAKC,IACzD5B,EAAKmC,MAAQP,EAAIS,KACjB9B,EAAMG,MAAQkB,EAAIlB,MAClBT,EAAQkC,OAAQ,KAIlBI,EAAeA,CAAC/B,EAAMC,KAC1BF,EAAMC,KAAOA,EACbD,EAAME,KAAOA,EACbwB,KAGIO,EAAeA,CAACN,EAAGrB,KACvBY,OAAkBgB,gBAAgB,CAChC5B,GAAIA,EACJ6B,KAAMR,EAAES,OAAOR,QACdR,KAAKC,IACHA,EAAIG,SACLf,OAAQe,QAAQ,2BAMtBE,IAMA,MAAMD,EAAUA,KACdlC,EAAKqC,OAAQ,G,o5TC1Sf,MAAMlD,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,kCCAA,W,+TC4BE,MAAMJ,EAAQ+D,E,ktDCtBhB,MAAM3D,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U","file":"js/chunk-73113e06.0b5b4a02.js","sourcesContent":["<template>\n  <span class=\"anticon\">\n    <svg class=\"icon\" aria-hidden=\"true\">\n      <use :xlink:href=\"`#icon-${name}`\"></use>\n    </svg>\n  </span>\n</template>\n  \n  <script>\n  export default {\n    props: {\n      name: {\n        type: String,\n        required: true,\n      },\n    },\n  };\n  </script>\n  \n  <style>\n  .anticon {\n    /* vertical-align: 0.01em; */\n  }\n  .icon {\n    width: 1em;\n    height: 1em;\n  }\n  </style>\n  ","import { render } from \"./SvgIcon.vue?vue&type=template&id=086feb10\"\nimport script from \"./SvgIcon.vue?vue&type=script&lang=js\"\nexport * from \"./SvgIcon.vue?vue&type=script&lang=js\"\n\nimport \"./SvgIcon.vue?vue&type=style&index=0&id=086feb10&lang=css\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./breadcrumbs.vue?vue&type=style&index=0&id=ece04edc&lang=less&scoped=true\"","<template>\n    <div class=\"profile\">\n        <breadcrumbs :breadcrumbsData=\"breadcrumbsData\" #icon>\n        <svg class=\"icon\" aria-hidden=\"true\">\n            <use xlink:href=\"#icon-a-wode4\"></use>\n        </svg>\n        </breadcrumbs>\n        <a-tabs v-model:activeKey=\"filter.reviewStatus\" @change=\"getList\">\n            <a-tab-pane key=\"Pending\" :tab=\"`Pending(${counts.pendingCount || 0})`\"></a-tab-pane>\n            <a-tab-pane key=\"Rejected\" :tab=\"`Rejected(${counts.rejectedCount || 0})`\"></a-tab-pane>\n            <a-tab-pane key=\"Review\" :tab=\"`Review(${counts.reviewCount || 0})`\"></a-tab-pane>\n            <a-tab-pane key=\"Approved\" :tab=\"`Approved(${counts.approvedCount || 0})`\"></a-tab-pane>\n            <template #rightExtra>\n                <artmisads-input placeholder=\"Email ID Name\" v-model:value=\"filter.keyword\" @keyup.enter=\"pager.page=1;getList()\">\n                  <template #prefix>\n                    <SearchOutlined />\n                  </template>\n                </artmisads-input>\n            </template>\n        </a-tabs>\n        <a-spin :spinning=\"loading\">\n        <div class=\"profile-wrap\" v-for=\"item in list\" :key=\"item.id\" style=\"margin-bottom: 10px;\">\n          <div class=\"profile-header\">\n              <div class=\"profile-title\">\n                <p>ID: {{item.id}}</p>\n              </div>\n              <div>{{item.reviewStatus}}</div>\n          </div>\n          <div class=\"profile-detail\">\n              <div class=\"avatar\">\n                <div class=\"avatar\">\n                  <img :src=\"imgCache(item.publicImage || item.publicImageSource)\" />\n                </div>\n              </div>\n              <div class=\"info\" style=\"width: 100%;\">\n                  <a-row gutter=\"20\" justify=\"space-between\">\n                      <a-col span=\"10\" style=\"z-index: 2;\">\n                        <a-col span=\"24\">\n                              <p class=\"label\">Creator/Publisher Name:</p>\n                              <p class=\"field\">{{ item.creatorName }} </p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Product Categories:</p>\n                              <p class=\"field\">{{ item.promotionProductCategories.map(item => item.name).join(',') }} </p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Promotion Countries:</p>\n                              <p class=\"field\">{{ item.promotionCountries.map(item => item.name).join(',') }} </p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Bio:</p>\n                              <p class=\"field\" style=\"min-height: 60px;\">\n                                  {{  item.publicBio  }}\n                              </p>\n                          </a-col>\n                      </a-col>\n                      <a-col span=\"7\">\n                          <a-col span=\"24\">\n                              <p class=\"label\">Creator Email:</p>\n                              <p class=\"field\">{{ item.creatorEmail }}</p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Register Email:</p>\n                              <p class=\"field\">{{ item.registerEmail }}</p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Promotion Methods:</p>\n                              <p class=\"field\">{{ item.promotionMethods.map(item => item.name).join(',') }} </p>\n                          </a-col>\n                      </a-col>\n                      <a-col span=\"7\">\n                          <a-col span=\"24\">\n                              <p class=\"label\">Register Time:</p>\n                              <p class=\"field\">{{ moment(item.registerTime).format('YYYY-MM-DD HH:mm') }} </p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\">Note:</p>\n                              <p class=\"field\">\n                                  <artemisads-textarea :rows=\"3\" @blur=\"(v) => onNoteChange(v, item.id)\" :defaultValue=\"item.note\"></artemisads-textarea>\n                              </p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <p class=\"label\" style=\"margin-bottom: 10px;\">IP:<span style=\"margin-left: 5px;\">{{ item.ip }}</span></p>\n                          </a-col>\n                          <a-col span=\"24\">\n                              <artmisads-select-button size=\"small\" v-if=\"filter.reviewStatus !== 'Approved'\" style=\"margin-right: 10px;\" @click=\"modelRef.reviewStatus = 'Approved';modelRef.id= item.id;open = true;modelRef.emailContent = DEFAULT_EMAIL_APPROVE\">Approve</artmisads-select-button>\n                              <artmisads-select-button size=\"small\" v-if=\"filter.reviewStatus !== 'Rejected'\" @click=\"modelRef.reviewStatus = 'Rejected';modelRef.id= item.id;open = true;modelRef.emailContent = DEFAULT_EMAIL_REJECT\">Reject</artmisads-select-button>\n                          </a-col>\n                      </a-col>\n                      <a-col span=\"24\">\n                              <p class=\"label\">Links:</p>\n                              <p class=\"field-links\" style=\"opacity: 1;\">\n                                  <template v-for=\"item in item.links\">\n                                  <a class=\"profile-links\" :href=\"item.url\" target=\"_blank\" v-if=\"item.url\">\n                                    <svg-icon class=\"icon-app-default\" name=\"lianjie\" v-if=\"item.name === 'Other' || item.name === 'Website/Blog'\"/>\n                                    <svg-icon class=\"icon-app\" v-else :name=\"item.name.toLowerCase()\" />\n                                    <span>{{item.name}}</span>\n                                    <svg-icon name=\"jiantou-you-cu\" class='arrow-icon' />\n                                  </a>\n                                  </template>\n                              </p>\n                      </a-col>\n                  </a-row>\n              </div>\n          </div>\n        </div>\n        <div v-if=\"list.length === 0\" style=\"display: flex;min-height: 300px;justify-content: center;align-items: center;\">\n          <a-empty />\n        </div>\n        </a-spin>\n        <div style=\"display: flex;justify-content: right;\">\n          <a-pagination\n            show-less-items\n            show-size-changer\n            :total=\"pager.total\"\n            :pageSize=\"pager.size\"\n            @change=\"onPageChange\"\n            :hideOnSinglePage=\"true\"\n            v-model:current=\"pager.page\"\n            :show-total=\"(total) => `Total ${total} items`\"\n          />\n        </div>\n        <a-drawer\n            v-model:open=\"open\"\n            class=\"custom-class\"\n            root-class-name=\"root-class-name\"\n            :root-style=\"{ color: 'blue' }\"\n            width=\"550\"\n            title=\"Update Pulisher/Creator Profile\"\n            placement=\"right\"\n            @after-open-change=\"afterOpenChange\"\n        >\n        <a-form>\n        <a-form-item \n          v-bind=\"validateInfos.creatorName\"\n        >\n        <a-radio-group v-model:value=\"modelRef.sendEmail\">\n          <a-radio :value=\"false\" style=\"display: block\">\n            Don't notify the Publisher.\n          </a-radio>\n          <a-radio :value=\"true\">\n            Notify the Publisher by email.\n          </a-radio>\n          </a-radio-group>\n \n          <artemisads-textarea :disabled=\"!modelRef.sendEmail\" style=\"margin-top: 10px;\" :rows=\"22\" v-model:value=\"modelRef.emailContent\"/>\n        </a-form-item>\n      </a-form>\n        <template #extra>\n          <a-space>\n            <artmisads-button type=\"primary\" @click=\"onSubmit\">{{modelRef.sendEmail ? 'Send & ' : ''}}{{modelRef.reviewStatus}}</artmisads-button>\n          </a-space>\n        </template>\n        </a-drawer>\n    </div>\n</template>\n\n<script setup>\nimport { ref, reactive, toRaw } from 'vue';\nimport { Form, message } from 'ant-design-vue';\nimport _ from 'lodash';\n\nimport { publisherAdminApi } from '~/server/index'\n\nimport breadcrumbs from '../breadcrumbs.vue';\n\nimport SvgIcon from '~/components/SvgIcon.vue';\n\nimport moment from 'moment';\n\nimport { SearchOutlined } from '@ant-design/icons-vue';\n\nimport { formattedText, imgCache } from '~/utils';\n\nconst breadcrumbsData = {\n  title: 'Publisher',\n  des: 'Publisher your team profile',\n  color:'#FFD358',\n  hasTitleIcon:true,\n  links: [\n    {\n      name: 'Home',\n      path: '/seller/dashboard'\n    },\n    {\n      name: 'Publisher',\n      path: '/seller/brand',\n    },\n  ]\n};\n\nconst DEFAULT_EMAIL_REJECT = 'Thank you for your interest in joining Artemis Ads Platform and for taking the time to apply. We truly value your effort and appreciate your passion for creating content and connecting with audiences.\\n\\n' + \n'After careful consideration, we regret to inform you that we are unable to move forward with your application at this time. Please know that this decision was not an easy one, as we receive applications from many talented publishers/creators like yourself. \\n\\n' +\n'We encourage you to continue growing your platform and creating engaging content, and we hope our paths may cross again in the future. Should opportunities arise that align better with your profile, we would be delighted to connect with you.\\n\\n' +\n'Thank you again for your interest in our platform. We wish you the best of luck in your future endeavors.'\n\nconst DEFAULT_EMAIL_APPROVE = 'Congratulations, and welcome to Artemis Ads Platform! We are thrilled to have you on board as part of our vibrant community of publishers and creators.' +\n'Your application has been reviewed and approved, and you are now ready to start creating engaging content, promoting top products and brands, and earning commissions.\\n\\n' + \n'To help you get started, we recommend taking the following steps:\\n\\n' + \n'1. Complete Your Profile: Log in to your account and ensure your profile is up to date. A complete profile helps attract more opportunities.\\n\\n' +\n'2. Explore Brands and Products: Browse the available brands and products on the platform to find those align with your audience and style.\\n\\n' + \n'3. Start Creating Content: Share authentic and creative content with your audience, and make sure to use your unique tracking links for commissions.\\n\\n' +\n'4. Track Your Performance: Use the platform’s dashboard to monitor your results and earnings in real time.\\n\\n' +\n'Our team is here to support you every step of the way. If you have any questions, need guidance, or want tips for success, don’t hesitate to reach out to us at Support@ArtemisAds.com.'\n'We can’t wait to see the amazing work you’ll do. Let’s build something great together!'\n\nconst useForm = Form.useForm;\n\nconst open = ref(false);\n\nconst list = ref([]);\nconst loading = ref(false);\n\nconst counts = ref({});\n\nconst filter = reactive({\n  keyword: '',\n  reviewStatus: 'Pending'\n})\n\nconst pager = reactive({\n  page: 1,\n  size: 10,\n  total: 0\n})\n\nconst modelRef = reactive({\n  emailContent: DEFAULT_EMAIL_APPROVE,\n  id: '',\n  reviewStatus: '',\n  sendEmail: true,\n  keyword: ''\n})\n\nconst rulesRef = reactive({\n      emailContent: [{\n            required: true,\n            message: 'Company name cannot be empty',\n      }],\n      sendEmail: [{\n        required: true,\n        message: 'Must be a valid URL',\n      }],\n    });\n  \nconst { validate, validateInfos } = useForm(modelRef, rulesRef);\n\nconst onSubmit = () => {\n      let formState = _.cloneDeep(toRaw(modelRef));\n      formState.emailContent = formattedText(formState.emailContent);\n      publisherAdminApi.reviewPublisher(formState).then(res => {\n        console.log(res);\n          if(res.success) {\n              message.success('Update Success!')\n              modelRef.emailContent = DEFAULT_EMAIL_APPROVE;\n              onClose();\n              pager.page = 1;\n              getList();\n          }\n      });\n  }\n\nconst getList = (v) => {\n  loading.value = true;\n\n  if (v) { // 切换tab\n    pager.page = 1\n  }\n\n  publisherAdminApi.getPublisherCount().then(res => {\n    counts.value = res.data;\n  })\n  publisherAdminApi.getPublisherList({...filter, ...pager}).then(res => {\n        list.value = res.data;\n        pager.total = res.total;\n        loading.value = false;\n  });\n}\n\nconst onPageChange = (page, size) => {\n  pager.page = page;\n  pager.size = size;\n  getList();\n}\n\nconst onNoteChange = (v, id) => {\n  publisherAdminApi.modifyPublisher({\n    id: id,\n    note: v.target.value\n  }).then(res => {\n    if(res.success) {\n      message.success('Note Update Success!')\n    }\n  })\n}\n\n// init();\ngetList();\n\nfunction onOpen() {\n    open.value = true;\n}\n\nconst onClose = () => {\n  open.value = false;\n};\n</script>\n\n<style scoped lang=\"less\">\n.profile {\n    padding: 24px;\n    &-wrap {\n        background-color: #fff;\n        border: 1px solid #E8E5ED;\n        border-radius: 12px;\n        margin-bottom: 24px;\n    }\n    &-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        border-bottom: 1px solid #E8E5ED;\n        padding: 16px;\n    }\n    &-links {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 6px;\n        background-color: var(--bg-gray-8);\n        padding: 2px 5px 2px 2px;\n        border-radius: 6px;\n        margin-right: 8px;\n        margin-bottom: 10px;\n        color: var(--dark-2);\n        &:hover {\n          background-color: var(--bg-gray-5);\n        }\n        span {\n            display: block;\n        }\n        .icon-app {\n            font-size: 20px;\n            border-radius: 4px;\n            overflow: hidden;\n            background-color: var(--bg-gray-5);\n        }\n        .icon-app-default {\n            font-size: 16px;\n            padding: 2px;\n            border-radius: 4px;\n            overflow: hidden;\n            background-color: var(--bg-gray-5);\n            color: var(--dark-4);\n        }\n        .arrow-icon {\n          color: var(--dark-4);\n        }\n    }\n    &-website {\n        background: #FFFFFF;\n        border: 1px solid #E8E5ED;\n        box-shadow: 0 2px 12px 0 #0000000f;\n        border-radius: 8px;\n        border-left: 4px solid #CCC7D9;\n        padding: 12px 18px;\n        width: 354px;\n        height: 110px;\n        color: #0F0629;\n        .website-name {\n            background: #F1F0F5;\n            border-radius: 4px;\n            padding: 1px 3px;\n            margin-bottom: 24px;\n            display: inline-block;\n        }\n        .tag-label{\n            opacity: 0.5;\n            font-family: Sora, sans-serif;\n            font-weight: 500;\n            font-size: 13px;\n            color: #0F0629;\n            letter-spacing: 0.3px;\n            line-height: 18px;\n            margin-bottom: 4px;\n        }\n        .tag-box {\n            display: flex;\n            justify-content: space-between;\n            align-items: center\n        }\n\n    }\n    &-title {\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 14px;\n        color: #0F0629;\n        letter-spacing: 0.5px;\n        line-height: 28px;\n        }\n    &-subtitle {\n            opacity: 0.5;\n            font-weight: 400;\n            font-size: 13px;\n            color: #0F0629;\n            letter-spacing: 0.3px;\n            line-height: 18px;\n            margin-left: 8px;\n        }\n    &-detail {\n        padding: 16px;\n        display: flex;\n        .avatar {\n            width: 200px;\n            height: 200px;\n            background: #F0EDF5;\n            border-radius: 8px;\n            // margin-right: 16px;\n        }\n        .label {\n            // width: 280px;\n            margin-top: 10px;\n            opacity: 0.5;\n            font-family: Sora, sans-serif;\n            font-weight: 500;\n            font-size: 13px;\n            color: #0F0629;\n            letter-spacing: 0.3px;\n            line-height: 18px;\n        }\n        .field {\n            margin-top: 4px;\n            opacity: 0.7;\n            font-family: Sora, sans-serif;\n            font-weight: 500;\n            font-size: 14px;\n            color: #0F0629;\n            letter-spacing: 0.4px;\n            line-height: 20px;\n            word-break: break-word;\n            // width: 280px;\n        }\n        .field-links {\n            margin-top: 4px;\n            display: flex;\n            font-family: Sora, sans-serif;\n            font-weight: 400;\n            font-size: 13px;\n            color: #0F0629;\n            letter-spacing: 0.3px;\n            line-height: 18px;\n            // width: 480px;\n            flex-wrap: wrap\n        }\n    }\n}\n.input {\n    display: flex;\n    flex-direction: column;\n    margin-top: 24px;\n    width: 480px;\n    > span {\n        height: 16px;\n        opacity: 0.7;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 16px;\n        color: #0F0629;\n        letter-spacing: 0.4px;\n        line-height: 16px;\n        margin-bottom: 8px;\n    }\n    > input {\n        height: 40px;\n    }\n    .main-text {\n        opacity: 0.7;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 14px;\n        color: #0F0629;\n        letter-spacing: 0.4px;\n        line-height: 20px;\n      }\n      .subtitle {\n        color: #6a647d;\n        font-size: 14px;\n        font-family: Sora, sans-serif;\n        font-weight: 400;\n        line-height: 19px;\n        letter-spacing: 0.4px;\n        text-align: left;\n      }\n      .icon-app {\n        font-size: 24px;\n        border-radius: 4px;\n        overflow: hidden;\n      }\n}\n.link-card {\n        margin-top: 83px;\n        .title {\n          font-family: Sora, sans-serif;\n          font-weight: 500;\n          font-size: 20px;\n          color: #0F0629;\n          letter-spacing: 0.5px;\n          line-height: 28px;\n          margin-bottom: 6px;\n        }\n        .subtitle {\n          font-family: Sora, sans-serif;\n          font-weight: 400;\n          font-size: 12px;\n          color: #0F0629;\n          letter-spacing: 0.3px;\n          line-height: 16px;\n          opacity: 0.7;\n        }\n        .input {\n            width: 440px;\n        }\n      }\n      .tips {\n      opacity: 0.5;\n      font-family: Sora, sans-serif;\n      font-weight: 400;\n      font-size: 13px;\n      color: #0F0629;\n      letter-spacing: 0.3px;\n      line-height: 18px;\n    }\n    .ant-alert {\n      width: auto;\n      margin-top: 40px;\n      background: #FEF4E5;\n      border: 2px solid #F6AC2D;\n      border-radius: 8px;\n      box-shadow: none;\n    }\n    .social-addon {\n        font-size: 14px;\n        justify-content: left;\n        align-items: center;\n        width: 113px;\n        text-align: left;\n        display: flex;\n        gap: 3px;\n        box-sizing: border-box;\n      }\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=517d810c&scoped=true&lang=less\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-517d810c\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SvgIcon.vue?vue&type=style&index=0&id=086feb10&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=517d810c&scoped=true&lang=less\"","<template>\n  <div class=\"breadcrumbs\">\n    <div class=\"link\" v-if=\"props.breadcrumbsData.links\">\n      <a :key=\"item.path\" v-for=\"(item, index) in props.breadcrumbsData.links\" :href=\"item.path\">\n        <span class=\"item\">\n          <span class=\"font\" :style=\"{'background-color':props.breadcrumbsData.color}\" v-if=\"index===1 && props.breadcrumbsData.hasTitleIcon==undefined && $slots.icon\" >\n          <slot name=\"icon\"></slot>\n          </span>{{ item.name }}\n        </span>\n        <span>\n          <svg class=\"icon iconBread\" aria-hidden=\"true\" v-show=\"index < props.breadcrumbsData.links.length - 1\">\n            <use xlink:href=\"#icon-jiantou-you-cu\"></use>\n          </svg>\n        </span>\n      </a>\n    </div>\n    <div class=\"preface\">\n      <div class=\"title\">\n        <div class=\"font\" :style=\"{'background-color':props.breadcrumbsData.color}\" v-show=\"props.breadcrumbsData.hasTitleIcon\"><slot name=\"icon\"></slot></div>\n        <div>{{props.breadcrumbsData.title}}</div>\n      </div>\n      <div class=\"des\">{{props.breadcrumbsData.des}}</div>\n    </div>\n    \n  </div>\n</template>\n<script setup>\n  import {ref} from 'vue';\n  const props = defineProps(['breadcrumbsData']);\n</script>\n<style lang=\"less\" scoped>\n  .breadcrumbs {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 14px 0 20px 0;\n    width: 100%;\n    height: 96px;\n    background: #F3F2F7;\n    border-radius: 0 0 8px 8px;\n    margin-top: 1px;\n    .link {\n      padding-bottom: 8px;\n      a {\n        font-family: Sora, sans-serif;\n        font-weight: 400;\n        font-size: 12px;\n        color:var(--dark-3);\n        letter-spacing: 0.3px;\n        line-height: 16px;\n        text-decoration: none;\n        &:first-of-type{\n          margin-left: -3px;\n        }\n        &:last-child {\n          \n          >span{\n            font-weight: 500;\n            color: var(--dark-2);\n          }\n          \n        }\n        .item{\n          border-radius: 4px;\n          padding:2px 4px;\n          &:hover{\n            background-color: var(--color-white);\n            // font-weight: 500;\n            color: var(--dark-1);\n          }\n          &:active{\n            background-color: var(--bg-gray-4);\n            opacity: 1;\n            font-weight: 500;\n          }\n        }\n      }\n      .font{\n        border-radius: 4px;\n        padding: 0 2px;\n        margin-right: 4px;\n        color: var(--dark-1);\n      }\n    }\n    .iconBread{\n      font-size: 11px;\n      // margin: 0 2px;\n    }\n    .title {\n      display: flex;\n      font-family: Sora, sans-serif;\n      font-weight: 500;\n      font-size: 24px;\n      color: #0F0629;\n      letter-spacing: 0.5px;\n      line-height: 32px;\n      height: 32px;\n      margin-right: 16px;\n      .font{\n        font-size: 26px;\n        margin-right: 8px;\n        border-radius: 8px;\n        padding: 4px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n    .des {\n      font-family: Sora, sans-serif;\n      font-weight: 400;\n      font-size: 14px;\n      color:var(--dark-2);\n      letter-spacing: 0.4px;\n      line-height: 28px;\n      height: 32px;\n      display: flex;\n      align-items: flex-end;\n    }\n  }\n  .preface{\n    display: flex;\n    justify-content: flex-start;\n  }\n</style>","import script from \"./breadcrumbs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./breadcrumbs.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./breadcrumbs.vue?vue&type=style&index=0&id=ece04edc&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ece04edc\"]])\n\nexport default __exports__"],"sourceRoot":""}