{"version":3,"sources":["webpack:///./src/views/order/components/card.vue","webpack:///./src/views/order/components/card.vue?d465","webpack:///./src/views/order/components/drawer.vue","webpack:///./src/views/order/components/drawer.vue?70f7","webpack:///./src/views/order/index.vue","webpack:///./src/views/order/index.vue?bf8a","webpack:///./src/views/order/components/drawer.vue?83cd","webpack:///./src/views/order/components/card.vue?fcd1","webpack:///./node_modules/@ant-design/icons-vue/es/icons/CopyOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.js","webpack:///./src/views/order/index.vue?b2c6"],"names":["store","useStore","decrease","item","dispatch","all","increase","count","inCart","getters","find","cart","_cart$item","id","formattedBalance","balance","penny","formatter","Intl","NumberFormat","style","currency","actualBalance","format","replace","__exports__","props","__props","openDrawer","toRefs","visible","ref","computed","emit","__emit","columns","title","dataIndex","key","sorter","slots","customRender","filterIcon","deliveryCost","phoneInput","phone","totalCost","total","value","forEach","obj","price","orderSum","updatePhone","input","x","match","onClear","onClose","onConfirm","onShowQr","watch","router","useRouter","route","useRoute","orderLink","loading","modalVisible","qrCodeLink","name","brands","stores","storeId","brandId","initialParams","page","sort","queryParams","reactive","products","showDrawer","hideDrawer","confirmOrder","notification","warning","message","description","items","toRaw","apiClient","post","then","res","_res$data","data","success","catch","finally","showQRCode","currentLink","shareQrCode","navigator","clipboard","writeText","setPhone","modalHandleOk","updateParams","params","Object","assign","searchBrand","e","brand","getBrandStoreData","searchByName","target","searchStore","getData","length","get","_res$data$data","result","_data$data","_data$data2","onMounted","query","push","_objectSpread","i","arguments","source","ownKeys","keys","getOwnPropertySymbols","concat","filter","sym","getOwnPropertyDescriptor","enumerable","_defineProperty","defineProperty","configurable","writable","CopyOutlined","context","p","attrs","displayName","inheritAttrs","CloseOutlined"],"mappings":"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","file":"js/chunk-043a7fa6.99be2727.js","sourcesContent":["<template>\n    <a-card\n      v-for=\"record in product.items\"\n      :key=\"record.id\"\n      class=\"px-0 mb-4 mx-2\"\n      hoverable\n      style=\"width: 300px\"\n    >\n      <template #cover>\n        <img\n          height=\"150\"\n          alt=\"There has image\"\n          class=\"cashier-img\"\n          :src=\"record.bigImageUrl || '/icons/food-placeholder.png'\"\n        />\n      </template>\n      <a-card-meta :title=\"record.name\">\n        <template #description>\n          <p class=\"mt-n2 \">{{ formattedBalance(record.price) }}</p>\n        </template>\n      </a-card-meta>\n      <div class=\"d-flex justify-content-center\">\n        <a-button v-if=\"!inCart(record)\" @click=\"increase(record, 1)\" class=\"btn-add\" type=\"primary\">\n          <strong>Добавить</strong>\n        </a-button>\n        <div v-else class=\"d-flex justify-content-center align-items-center product-count-wrapper\">\n          <a-button class=\"btn-action\" @click=\"decrease(record)\" style=\"\" type=\"primary\">\n            <i class=\"fe fe-minus\" v-if=\"inCart(record)?.count > 1\"></i>\n            <i class=\"fe fe-x\" v-else></i>\n          </a-button>\n          <span\n            class=\"product-count mx-1\"\n          >{{ inCart(record).count }} шт.</span>\n          <a-button class=\"btn-action\" @click=\"increase(record, 1)\" type=\"primary\">\n            <i class=\"fe fe-plus\"></i>\n          </a-button>\n        </div>\n      </div>\n    </a-card>\n</template>\n\n<script setup>\nimport { useStore } from \"vuex\";\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    default: () => {\n    },\n  },\n});\n\nconst\n  store = useStore(),\n  decrease = (item) => {\n    store.dispatch(\"cashier/removeFromCart\", { item, all: false });\n  },\n  increase = (item, count) => {\n    store.dispatch(\"cashier/addToCart\", { item, count });\n  },\n  inCart = (item) => {\n    return store.getters[\"cashier/getCart\"].find((cart) => cart?.item?.id === item.id);\n  },\n  formattedBalance = (balance, penny = false) => {\n    let formatter = new Intl.NumberFormat('RU', {\n      style: 'currency',\n      currency: 'UZS',\n    });\n    let actualBalance = penny ? balance / 100 : balance;\n    let formattedBalance = formatter.format(actualBalance)\n    return formattedBalance.replace(\",00\", \"\");\n  };\n</script>\n\n<style scoped>\n.cashier-img {\n  object-fit: contain;\n}\n.btn-action {\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.btn-add {\n  height: 40px;\n  width: 100%;\n}\n.product-count-wrapper {\n  width: 100%;\n  gap: 15px;\n}\n.product-count {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 40px;\n  background-color: #f5f5f5;\n  border-radius: 10px;\n  font-size: 16px;\n}\n</style>\n","import script from \"./card.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./card.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./card.vue?vue&type=style&index=0&id=4e0e6d22&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4e0e6d22\"]])\n\nexport default __exports__","<template>\n  <a-drawer\n    title=\"\"\n    :closable=\"false\"\n    :visible=\"visible\"\n    :width=\"720\"\n    @close=\"onClose\"\n  >\n    <div class=\"table-operations mb-3\">\n      <a-button v-if=\"cart.length\" key=\"ok\" type=\"primary\" @click=\"onClear\">\n        <template #icon>\n          <CloseOutlined />\n        </template>\n        Очистить\n      </a-button>\n    </div>\n    <div style=\"display: flex; flex-direction: column; height: 100%; justify-content: space-between\">\n      <div style=\"height: 500px; overflow-y: auto\">\n        <a-table\n          :columns=\"columns\"\n          :data-source=\"cart\"\n          :loading=\"loading\"\n          :pagination=\"false\"\n          @change=\"tableChange\"\n          row-key=\"id\"\n        >\n          <template #big_img_url=\"{ record }\">\n            <div class=\"cart-image\">\n              <img\n                :src=\"record.item?.bigImageUrl || '/icons/food-placeholder.png'\"\n                alt=\"\"\n              />\n            </div>\n          </template>\n          <template #name=\"{ record }\">\n        <span>\n          {{ record.item.name ?? \"-\" }}\n        </span>\n          </template>\n          <template #price=\"{ record }\">\n        <span>\n          {{ formattedBalance(record.item.price) }}\n        </span>\n          </template>\n          <template #amount=\"{ record }\">\n            <b>\n              {{ formattedBalance(record.item.price * record.count) }}\n            </b>\n          </template>\n          <template #action=\"{ record }\">\n            <div class=\"d-flex justify-content-center align-items-center\">\n                <a-button class=\"btn-action\" @click=\"decrease(record)\" style=\"\" type=\"primary\">\n                  <i class=\"fe fe-minus\" v-if=\"inCart(record)?.count > 1\"></i>\n                  <i class=\"fe fe-x\" v-else></i>\n                </a-button>\n                <span\n                  class=\"product-count mx-1 text-center\"\n                  style=\"width: 25px\"\n                >{{ inCart(record).count }}</span>\n                <a-button class=\"btn-action\" @click=\"increase(record, 1)\" type=\"primary\">\n                  <i class=\"fe fe-plus\"></i>\n                </a-button>\n              </div>\n          </template>\n        </a-table>\n      </div>\n      <div v-if=\"cart.length\" class=\"position-absolute phone-link\">\n        <a-input\n          @input=\"updatePhone($event.target.value)\"\n          :value=\"phoneInput\"\n          v-maska=\"'+998(##) ###-##-##'\"\n          placeholder=\"Введите номер телефона\"\n        />\n      </div>\n    </div>\n    <div v-if=\"cart.length\" class=\"drawer-bottom d-flex align-items-center justify-content-between\">\n      <div>\n        <div class=\"\">Общая стоимость: {{ totalCost }}</div>\n        <div class=\"\">Стоимость доставки: {{ formattedBalance(deliveryCost) }}</div>\n        <div class=\"font-weight-bold\">Итого: {{ total }}</div>\n      </div>\n      <div class=\"d-flex\">\n        <a-button style=\"margin-right: 8px\" type=\"primary\" @click=\"onShowQr\">QR-code</a-button>\n        <a-button style=\"margin-right: 8px\" type=\"primary\" :loading=\"loading\" :disabled=\"loading\" @click=\"onConfirm\">Подтвердить</a-button>\n        <a-button @click=\"onClose\">Отмена</a-button>\n      </div>\n    </div>\n  </a-drawer>\n</template>\n\n<script setup>\nimport { watch, ref, toRefs, computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { mask } from \"maska\";\nimport { CloseOutlined } from '@ant-design/icons-vue';\n\nconst props = defineProps({\n  openDrawer: {\n    type: Boolean,\n    default: false,\n  },\n  loading: {\n    type: Boolean,\n    default: false,\n  },\n});\nconst\n  store = useStore(),\n  { openDrawer } = toRefs(props),\n  visible = ref(false),\n  cart = computed(() => store.getters[\"cashier/getCart\"]),\n  emit = defineEmits([\"hide-drawer\", \"confirm\", \"set-phone\", \"show-qrcode\"]),\n  columns = [\n    {\n      title: \"Картинка\",\n      dataIndex: \"big_img_url\",\n      key: \"big_img_url\",\n      sorter: true,\n      slots: {\n        customRender: \"big_img_url\",\n      },\n    },\n    {\n      title: \"Название\",\n      dataIndex: \"name\",\n      sorter: true,\n      key: \"name\",\n      slots: { customRender: \"name\"},\n    },\n    {\n      title: \"Цена\",\n      dataIndex: \"price\",\n      sorter: true,\n      key: \"price\",\n      slots: { customRender: \"price\" },\n    },\n    {\n      title: \"Сумма\",\n      dataIndex: \"amount\",\n      sorter: true,\n      key: \"amount\",\n      slots: { customRender: \"amount\" },\n    },\n    {\n      key: \"action\",\n      slots: {\n        filterIcon: \"filterIcon\",\n        customRender: \"action\",\n      },\n    },\n  ],\n  deliveryCost = ref(20000),\n  phoneInput = ref('998'),\n  phone = ref('998'),\n  totalCost = computed(() => {\n    let total = 0;\n    cart.value.forEach((obj) => {\n      total += obj.item.price * obj.count;\n    })\n    return formattedBalance(total);\n  }),\n  total = computed(() => {\n    let total = 0;\n    cart.value.forEach((obj) => {\n      total += obj.item.price * obj.count;\n    })\n    return formattedBalance(total + deliveryCost.value);\n  }),\n  orderSum = computed(() => {\n    let total = 0;\n    cart.value.forEach((obj) => {\n      total += obj.item.price * obj.count;\n    })\n    return total\n  }),\n  decrease = ({ item }) => {\n    store.dispatch(\"cashier/removeFromCart\", { item, all: false });\n  },\n  increase = ({ item }, count) => {\n    store.dispatch(\"cashier/addToCart\", { item, count });\n  },\n  updatePhone = (input) => {\n    let x = input\n      .replace(/\\D/g, \"\")\n      .match(/(\\d{0,3})(\\d{0,2})(\\d{0,3})(\\d{0,2})(\\d{0,2})/);\n    phoneInput.value = input\n    phone.value = x[0];\n    emit(\"set-phone\", phone.value);\n  },\n  inCart = ({ item }) => {\n    return store.getters[\"cashier/getCart\"].find((cart) => cart?.item?.id === item.id);\n  },\n  onClear = () => {\n    store.dispatch(\"cashier/clearCart\")\n  },\n  formattedBalance = (balance, penny = false) => {\n    let formatter = new Intl.NumberFormat(\"RU\", {\n      style: \"currency\",\n      currency: \"UZS\",\n    });\n    let actualBalance = penny ? balance / 100 : balance;\n    let formattedBalance = formatter.format(actualBalance);\n    return formattedBalance.replace(\",00\", \"\");\n  },\n  formattedPhone = (phone) => {\n    return (phone) ? mask(phone, '+998(##) ###-##-##') : ''\n  },\n  onClose = () => {\n    visible.value = false;\n    emit(\"hide-drawer\");\n  },\n  onConfirm = () => {\n    emit(\"confirm\", orderSum.value);\n  },\n  onShowQr = () => {\n    emit(\"show-qrcode\", orderSum.value);\n  };\n\n  watch(openDrawer, (value) => {\n    visible.value = value;\n  });\n</script>\n\n<style lang=\"scss\">\n.drawer-bottom {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  border-top: 1px solid #e8e8e8;\n  padding: 10px 16px;\n  left: 0;\n  background: #fff;\n  border-radius: 0 0 4px 4px;\n}\n\n.cart {\n  border: 1px solid #eee;\n  margin-bottom: 5px;\n\n  &-image {\n    width: 100%;\n    height: 50px;\n    border-radius: 5px;\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 5px;\n      object-fit: contain;\n      background: #fff;\n    }\n  }\n\n  &-title {\n    font-size: 16px;\n    margin-left: 12px;\n    max-width: 240px;\n  }\n\n  &-price {\n    font-size: 16px;\n    margin-left: 12px;\n  }\n}\n\n.phone-link {\n  bottom: 100px;\n  left: 15px;\n}\n</style>\n","import script from \"./drawer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./drawer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./drawer.vue?vue&type=style&index=0&id=46848392&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"row mb-5\">\n      <div class=\"col-md-3\">\n        <a-select\n          v-model:value=\"brandId\"\n          :options=\"brands\"\n          :option-filter-prop=\"'label'\"\n          placeholder=\"Выберите бренд\"\n          style=\"width: 100%\"\n          @change=\"searchBrand\"\n          show-search\n        />\n      </div>\n      <div class=\"col-md-3\">\n        <a-select\n          v-model:value=\"storeId\"\n          :options=\"stores\"\n          :option-filter-prop=\"'label'\"\n          placeholder=\"Выберите филиал\"\n          style=\"width: 100%\"\n          @change=\"searchStore\"\n          show-search\n        />\n      </div>\n      <div class=\"col-md-3\">\n        <a-input\n          v-model:value=\"name\"\n          @change=\"searchByName\"\n          placeholder=\"Поиск по названию\"\n          allow-clear\n        />\n      </div>\n      <div class=\"col-md-3\">\n        <a-button @click=\"showDrawer\" class=\"cart w-100\" type=\"primary\">\n          Выбранные товары <span class=\"ml-1\"> ({{ cart.length }})</span>\n        </a-button>\n      </div>\n      <div class=\"text-right col-md-6\">\n        <!--<vb-create-employee :roles=\"roles\" :stores=\"stores\" @reload=\"reload()\" />-->\n      </div>\n    </div>\n    <div v-if=\"loading\" class=\"w-100 p-5 text-center\">\n      <a-spin />\n    </div>\n    <div v-else>\n      <div v-if=\"products.length\" class=\"m-n3\">\n        <div class=\"p-3\" v-for=\"product in products\" :key=\"product.id\">\n          <h2 class=\"mb-3\">{{product.name}}</h2>\n          <div class=\"d-flex flex-wrap\" style=\"margin: 0 -.5em\">\n            <Card :product=\"product\"/>\n          </div>\n        </div>\n      </div>\n      <div v-else>\n        <h3 class=\"text-center\">Нет информации</h3>\n      </div>\n    </div>\n    <Drawer\n      :open-drawer=\"openDrawer\"\n      :loading=\"loading\"\n      @hide-drawer=\"hideDrawer\"\n      @confirm=\"confirmOrder\"\n      @show-qrcode=\"showQRCode\"\n      @set-phone=\"setPhone\"\n    />\n    <a-modal v-model:visible=\"modalVisible\" @ok=\"modalHandleOk\">\n      <h3 class=\"text-center\">QR-code</h3>\n      <img class=\"mx-auto d-block\" :src=\"qrCodeLink\" alt=\"\">\n      <template v-if=\"qrCodeLink\" #footer>\n        <a-button key=\"ok\" shape=\"round\" type=\"primary\" @click=\"shareQrCode\">\n          <template #icon>\n            <CopyOutlined />\n          </template>\n          Скопировать ссылку\n        </a-button>\n      </template>\n    </a-modal>\n  </div>\n</template>\n\n<script setup>\nimport { computed, onMounted, reactive, ref, toRaw, toRefs, watch } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport apiClient from \"../../services/axios\";\nimport Card from \"./components/card\";\nimport Drawer from \"./components/drawer\";\nimport {CopyOutlined} from '@ant-design/icons-vue';\nimport { notification } from \"ant-design-vue\";\n\nconst\n  store = useStore(),\n  router = useRouter(),\n  route = useRoute(),\n  orderLink = ref(null),\n  loading = ref(false),\n  openDrawer = ref(false),\n  modalVisible = ref(false),\n  qrCodeLink = ref(\"\"),\n  name = ref(\"\"),\n  brands = ref([]),\n  stores = ref([]),\n  storeId = ref(null),\n  brandId = ref(null),\n  total = ref(0),\n  phone = ref(null),\n  initialParams = {\n    page: 1,\n    \"per-page\": 10,\n    sort: \"\",\n    name: \"\",\n    store: \"\",\n  },\n  queryParams = reactive({ ...initialParams }),\n  products = ref([]),\n  confirmLoading = ref(false),\n  cart = computed(() => store.getters[\"cashier/getCart\"]);\n\nconst\n  showDrawer = () => {\n    openDrawer.value = true;\n  },\n  hideDrawer = () => {\n    openDrawer.value = false;\n  },\n  confirmOrder = (total) => {\n    if (!storeId.value) {\n      notification.warning({\n        message: 'Флиал не найден',\n        description: \"Сначала выберите филиал\",\n      });\n      return;\n    }\n    loading.value = true;\n    const items = toRaw(cart.value);\n    return apiClient.post(`/menu/order-create?store=${storeId.value}`, {\n      items,\n      \"phone\": phone.value,\n      \"type\": \"invoice\",\n      \"amount\": total\n    }).then((res) => {\n      if (res) {\n        orderLink.value = res?.data?.data?.['checkout_url']\n        notification.success({\n          message: 'Подтверждено!',\n        });\n        store.dispatch(\"cashier/clearCart\");\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  showQRCode = (total) => {\n    confirmOrder(total).finally(() => {\n      const currentLink = orderLink.value;\n      qrCodeLink.value = `https://chart.googleapis.com/chart?cht=qr&chs=300x300&chl=${currentLink}&choe=UTF-8`;\n      modalVisible.value = true;\n    })\n  },\n  shareQrCode = () => {\n    navigator.clipboard.writeText(orderLink.value);\n    notification.success({\n      message: 'Successfully Copied',\n    });\n  },\n  setPhone = (value) => {\n    phone.value = value;\n  },\n  modalHandleOk = () => {\n    modalVisible.value = false;\n  },\n  updateParams = params => {\n    Object.assign(queryParams, params);\n  },\n  searchBrand = (e) => {\n    storeId.value = null;\n    phone.value = null;\n    products.value = [];\n    store.dispatch(\"cashier/clearCart\");\n    updateParams({brand: e})\n    getBrandStoreData(e)\n  },\n  searchByName = (e) => {\n    updateParams({name: e.target.value})\n  },\n  searchStore = (e) => {\n    phone.value = null;\n    products.value = [];\n    store.dispatch(\"cashier/clearCart\");\n    updateParams({store: e})\n  },\n  getData = (params) => {\n    if (params.store.length > 0) {\n      loading.value = true\n      return apiClient.get('/menu/products-list', { params }).then((res) => {\n        if (res) {\n          products.value = res.data.data?.result;\n        }\n      }).catch(() => {\n        // console.log(err)\n      }).finally(() => {\n        loading.value = false\n      });\n    }\n  },\n  getBrandStoreData = (brand) => {\n    return apiClient.get('/menu/references?brand=' + brand).then(({data}) => {\n      brands.value = data.data?.brands;\n      stores.value = data.data?.stores;\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  reload = () => {\n    getData({\n      ...queryParams,\n    })\n  };\n\n  onMounted(() => {\n    if (route.query.brand) {\n      brandId.value = route.query.brand\n      updateParams({ brand: route.query.brand })\n      getBrandStoreData(brandId.value);\n    } else {\n      getData({\n        ...queryParams,\n      });\n      getBrandStoreData(null);\n    }\n  })\n\n  watch(queryParams, () => {\n    router.push({\n      name: \"order\",\n      query: {\n        ...route.query,\n        ...queryParams,\n      },\n    });\n    getData({\n      ...route.query,\n      ...queryParams,\n    });\n  });\n\nconst query = {...toRefs(queryParams)}\n</script>\n\n<style>\n@import \"index.css\";\n</style>\n","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=161e4713&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./drawer.vue?vue&type=style&index=0&id=46848392&lang=scss\"","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!./card.vue?vue&type=style&index=0&id=4e0e6d22&scoped=true&lang=css\"","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport CopyOutlinedSvg from \"@ant-design/icons-svg/es/asn/CopyOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar CopyOutlined = function CopyOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": CopyOutlinedSvg\n  }), null);\n};\n\nCopyOutlined.displayName = 'CopyOutlined';\nCopyOutlined.inheritAttrs = false;\nexport default CopyOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport CloseOutlinedSvg from \"@ant-design/icons-svg/es/asn/CloseOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar CloseOutlined = function CloseOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": CloseOutlinedSvg\n  }), null);\n};\n\nCloseOutlined.displayName = 'CloseOutlined';\nCloseOutlined.inheritAttrs = false;\nexport default CloseOutlined;","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!./index.vue?vue&type=style&index=0&id=161e4713&lang=css\""],"sourceRoot":""}