{"version":3,"sources":["webpack:///./src/views/documentation/section/create.vue","webpack:///./src/views/documentation/section/create.vue?0cd7","webpack:///./src/views/documentation/section/order.vue","webpack:///./src/views/documentation/section/order.vue?c3df","webpack:///./src/views/documentation/section/index.vue","webpack:///./src/views/documentation/section/index.vue?a2e4","webpack:///./src/views/documentation/section/edit.vue","webpack:///./src/views/documentation/section/edit.vue?20bd"],"names":["emit","__emit","loading","ref","options","value","label","confirmLoading","modalVisible","sectionType","section","reactive","content","type","color","width","route","useRoute","openModal","nextTick","_sectionType$value","focus","resetForm","Object","assign","create","model","toRaw","apiClient","post","params","page","then","response","catch","finally","__exports__","props","__props","treeData","expandedKeys","order","onDragEnter","info","onDrop","move","from","to","arr","newArr","item","splice","dragKey","dragNode","pos","split","dropPos","node","updateData","put","data","success","notification","message","watch","modal","tree","dataSource","editModal","total","types","sectionId","router","useRouter","initialParams","sort","queryParams","columns","title","dataIndex","key","sorter","slots","customRender","updateParams","tableChange","pag","filters","sign","field","showEditModal","id","hideEditModal","setTimeout","formattedDatetime","date","replace","d","Date","timeFormatter","Intl","DateTimeFormat","timeStyle","dateFormatter","format","deleteModal","Modal","confirm","okText","cancelText","onOk","delete","reload","getData","_route$params","get","items","length","forEach","push","substring","i","onMounted","name","query","toRefs","editor","ClassicEditor","editorConfig","documentation_id","addItem","JSON","parse","stringify","deleteItem","updateItem","event","target","update"],"mappings":"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","file":"js/chunk-1f77e5df.805db19b.js","sourcesContent":["<template>\n  <a-button class=\"editable-add-btn\" type=\"primary\" @click=\"openModal\" style=\"margin-bottom: 16px\">Добавить контент</a-button>\n  <a-modal\n    class=\"section-create-modal\"\n    title=\"Добавить контент\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"create\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"section\" layout=\"vertical\">\n      <div class=\"col-md-12\">\n        <a-form-item label=\"Тип контента\">\n          <a-select\n            ref=\"sectionType\"\n            placeholder=\"Выберите тип контента\"\n            v-model:value=\"section.type\"\n            :options=\"options\"\n          >\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Контент\">\n          <a-input\n            placeholder=\"Введите контент\"\n            v-model:value=\"section.content\"\n          />\n        </a-form-item>\n        <a-form-item label=\"Цвет\">\n          <a-select\n            placeholder=\"Выберите цвет\"\n            v-model:value=\"section.color\"\n          >\n            <a-select-option value=\"#595c97\">Default</a-select-option>\n            <a-select-option value=\"#00000073\">Secondary</a-select-option>\n            <a-select-option value=\"#43a37a\">Success</a-select-option>\n            <a-select-option value=\"#d89a21\">Warning</a-select-option>\n            <a-select-option value=\"#d03133\">Error</a-select-option>\n            <a-select-option value=\"#4b7cf3\">Link</a-select-option>\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Ширина блока\">\n          <a-input\n            v-model:value=\"section.width\"\n            placeholder=\"Введите ширину\"\n          />\n        </a-form-item>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, nextTick} from 'vue';\nimport apiClient from \"@/services/axios\";\nimport {useRoute} from \"vue-router\";\n\nconst emit = defineEmits(['reload']);\n\nlet loading = ref(false),\n  options = ref([\n    {\n      value: null,\n      label: 'Выберите тип'\n    },\n    {\n      value: 'title',\n      label: 'Заголовок'\n    },\n    {\n      value: 'blockquote',\n      label: 'Цитата'\n    },\n    {\n      value: 'paragraph',\n      label: 'Параграф'\n    },\n    {\n      value: 'keyboard',\n      label: 'Клавиатура'\n    },\n    {\n      value: 'code',\n      label: 'Код'\n    },\n    {\n      value: 'pre',\n      label: 'JSON'\n    },\n    {\n      value: 'strong',\n      label: 'Жирный'\n    },\n    {\n      value: 'ol_list',\n      label: 'Список'\n    },\n    {\n      value: 'table',\n      label: 'Таблица'\n    }\n  ]),\n  confirmLoading = ref(false),\n  modalVisible = ref(false),\n  sectionType = ref(\"sectionType\"),\n  section = reactive({\n    content: '',\n    type: null,\n    color: null,\n    width: null,\n  });\n\nconst\n  route = useRoute(),\n  openModal = () => {\n    modalVisible.value = true;\n    nextTick(() => sectionType.value?.focus());\n  },\n  resetForm = () => {\n    Object.assign(section, {\n      type: '',\n      content: '',\n    });\n    modalVisible.value = false;\n  },\n  create = () => {\n    confirmLoading.value = true;\n\n    let model = toRaw(section);\n\n    return apiClient\n      .post(`/documentations/section-create?documentation=${route.params.page}`, model)\n      .then(function (response) {\n        if (response) {\n          resetForm()\n          modalVisible.value = false;\n          confirmLoading.value = false;\n          emit('reload')\n        }\n      })\n      .catch(() => {\n        modalVisible.value = false;\n        confirmLoading.value = false;\n        emit('reload')\n        // console.log(err)\n      })\n      .finally(() => {\n        confirmLoading.value = false;\n        emit('reload')\n      })\n  }\n</script>\n\n<style scoped>\n</style>\n","import script from \"./create.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./create.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <a-button class=\"editable-add-btn\" @click=\"openModal\" style=\"margin-bottom: 16px\">Изменить порядок</a-button>\n  <a-modal\n    class=\"section-order-modal\"\n    title=\"Редактировать\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :width=\"300\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"updateData\"\n    @cancel=\"resetForm\"\n  >\n    <a-tree\n      class=\"draggable-tree\"\n      v-model:expandedKeys=\"expandedKeys\"\n      draggable\n      @dragenter=\"onDragEnter\"\n      @drop=\"onDrop\"\n    >\n      <a-tree-node v-for=\"item in treeData\" :key=\"item.i\">\n        <template #title>\n          <span style=\"color: #333\">{{ item.content }}...&nbsp;({{ item.type}})</span>\n        </template>\n      </a-tree-node>\n    </a-tree>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, watch} from 'vue';\nimport apiClient from \"@/services/axios\";\nimport {notification} from \"ant-design-vue\";\nimport {useRoute} from \"vue-router\";\n\nconst emit = defineEmits(['reload']);\n\nconst props = defineProps({\n  tree: {\n    type: Object,\n    default: () => {},\n  },\n})\n\nlet loading = ref(false),\n  route = useRoute(),\n  confirmLoading = ref(false),\n  modalVisible = ref(false),\n  treeData = ref([]),\n  expandedKeys = ref([]),\n  section = reactive({\n    type: '',\n    order: ''\n  });\n\nconst\n  openModal = () => {\n    modalVisible.value = true;\n  },\n  resetForm = () => {\n    Object.assign(section, {\n      type: '',\n      order: ''\n    });\n    modalVisible.value = false;\n  },\n  onDragEnter = info => {\n    // console.log(info);\n  },\n  onDrop = info => {\n    const move = (from, to, arr) => {\n      const newArr = [...arr];\n\n      const item = newArr.splice(from, 1)[0];\n      newArr.splice(to, 0, item);\n\n      return newArr;\n    }\n    const dragKey = info.dragNode.pos.split('-')[1];\n    const dropPos = info.node.pos.split('-')[1];\n    treeData.value = move(dragKey, dropPos, treeData.value)\n  },\n  updateData = () => {\n    confirmLoading.value = true;\n    apiClient.put(`/documentations/section-sort?documentation=${route.params.page}`, { data: treeData.value })\n      .then(response => {\n        if (response.data.data.success) {\n          resetForm()\n          notification.success({\n            message: 'Список успешно обновлен',\n          })\n        }\n      }).finally(() => {\n      modalVisible.value = false;\n      confirmLoading.value = false;\n      emit('reload')\n    })\n  }\n\n  watch(modalVisible, (modal) => {\n    if (modal) {\n      treeData.value = props.tree\n    }\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n</style>\n","import script from \"./order.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./order.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-md-12 text-right\">\n        <vb-order-section @reload=\"reload()\" :tree=\"treeData\" />&nbsp;<vb-create-section @reload=\"reload()\" />\n      </div>\n    </div>\n    <vb-edit-section\n      v-if=\"editModal\"\n      :section-id=\"sectionId\"\n      @reload=\"reload()\"\n      @hide-modal=\"hideEditModal()\"\n    />\n    <a-table\n      :columns=\"columns\"\n      :data-source=\"dataSource\"\n      :loading=\"loading\"\n      :pagination=\"false\"\n      @change=\"tableChange\"\n      row-key=\"id\"\n    >\n      <template #type=\"{ record }\">\n        {{ types.find(type => type.value === record.type )?.label }}\n      </template>\n      <template #date=\"{ record }\">\n        <span>\n          {{ formattedDatetime(record['added_on']) }}\n        </span>\n        <span v-if=\"record.author\">\n          ({{ record.author }})\n        </span>\n      </template>\n      <template #content=\"{ record }\">\n        <div v-if=\"record.type === 'title'\"><a-typography-title :level=\"4\">{{ record.content }}</a-typography-title></div>\n        <div v-else-if=\"record.type === 'blockquote'\"><a-typography-paragraph><blockquote>{{ record.content }}</blockquote></a-typography-paragraph></div>\n        <div v-else-if=\"record.type === 'strong'\"><strong>{{ record.content }}</strong></div>\n        <div v-else-if=\"record.type === 'code'\"><a-typography-text code><span :style=\"{ color: record.color ? record.color : '#595c97' }\">{{ record.content }}</span></a-typography-text></div>\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <div v-else-if=\"record.type === 'table'\" v-html=\"record.content\"></div>\n        <!--eslint-enable-->\n        <div v-else-if=\"record.type === 'pre'\"><code :style=\"{ color: record.color ? record.color : '#595c97' }\" style=\"white-space: pre\">{{ JSON.parse(record.content) }}</code></div>\n        <div v-else-if=\"record.type === 'keyboard'\"><a-typography-paragraph keyboard><span style=\"color: #595c97\">{{ record.content }}</span></a-typography-paragraph></div>\n        <div v-else-if=\"record.type === 'ol_list'\">\n          <ol>\n            <li v-for=\"(item, key) in JSON.parse(record.content)\" :key=\"key\">{{ item }}</li>\n          </ol>\n        </div>\n        <div v-else>{{ record.content }}</div>\n      </template>\n      <template #updated=\"{ record }\">\n        <span v-if=\"record['updated_on']\">\n          {{ formattedDatetime(record['updated_on']) }}\n        </span>\n        <span v-if=\"record.updated\">\n          ({{ record.updated }})\n        </span>\n      </template>\n      <template #action=\"{ record }\">\n        <div class=\"text-right\">\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Редактировать</template>\n            <a @click=\"showEditModal(record.id)\"><i class=\"fe fe-edit\"></i></a>\n          </a-tooltip>\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Удалить</template>\n            <a @click=\"deleteModal(record.id)\"><i class=\"fe fe-trash\"></i></a>\n          </a-tooltip>\n        </div>\n      </template>\n    </a-table>\n    <div class=\"mt-4 text-right\">\n      <a-pagination\n        show-size-changer\n        v-if=\"total > query['per-page'].value\"\n        v-model:pageSize=\"query['per-page'].value\"\n        v-model:current=\"query.page.value\"\n        :total=\"total\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { watch, reactive, ref, toRefs, onMounted } from 'vue';\nimport VbCreateSection from \"@/views/documentation/section/create\";\nimport VbOrderSection from \"@/views/documentation/section/order\";\nimport VbEditSection from \"@/views/documentation/section/edit\";\nimport { useRoute, useRouter } from 'vue-router';\nimport apiClient from \"@/services/axios\";\nimport { message, Modal } from 'ant-design-vue'\n\nlet\n  dataSource = ref([]),\n  loading = ref(false),\n  editModal = ref(false),\n  total = ref(0),\n  types = ref([\n    {\n      value: null,\n      label: 'Выберите тип'\n    },\n    {\n      value: 'title',\n      label: 'Заголовок'\n    },\n    {\n      value: 'blockquote',\n      label: 'Цитата'\n    },\n    {\n      value: 'paragraph',\n      label: 'Параграф'\n    },\n    {\n      value: 'keyboard',\n      label: 'Клавиатура'\n    },\n    {\n      value: 'code',\n      label: 'Код'\n    },\n    {\n      value: 'pre',\n      label: 'JSON'\n    },\n    {\n      value: 'strong',\n      label: 'Жирный'\n    },\n    {\n      value: 'ol_list',\n      label: 'Список'\n    },\n    {\n      value: 'table',\n      label: 'Таблица'\n    }\n  ]),\n  sectionId = ref(0);\n\nconst router = useRouter(),\n  route = useRoute(),\n  treeData = ref([]),\n  initialParams = {\n    page: 1,\n    'per-page': 50,\n    sort: '',\n    type: '',\n  },\n  queryParams = reactive({ ...initialParams }),\n  columns = [\n    {\n      title: 'Номер',\n      dataIndex: 'order',\n      key: 'order',\n      sorter: true,\n      width: 100,\n      slots: {\n        customRender: 'order',\n      },\n    },\n    {\n      title: 'Тип',\n      dataIndex: 'type',\n      key: 'type',\n      sorter: true,\n      slots: {\n        customRender: 'type',\n      },\n    },\n    {\n      title: 'Контент',\n      dataIndex: 'content',\n      key: 'content',\n      sorter: true,\n      slots: {\n        customRender: 'content',\n      },\n    },\n    {\n      title: 'Добавлен',\n      dataIndex: 'added_on',\n      sorter: true,\n      key: 'added_on',\n      slots: { customRender: 'date' },\n    },\n    {\n      title: 'Редактирован',\n      dataIndex: 'updated_on',\n      sorter: true,\n      key: 'updated_on',\n      slots: { customRender: 'updated' },\n    },\n    {\n      key: 'action',\n      slots: { customRender: 'action' },\n    },\n  ],\n  updateParams = params => {\n    Object.assign(queryParams, params)\n  },\n  tableChange = (pag, filters, sorter) => {\n    if (typeof sorter.order == \"string\") {\n      let sign = ''\n      if (sorter.order === 'descend')\n        sign = '-'\n      updateParams({ sort: sign + sorter.field })\n    }\n  },\n  showEditModal = (id) => {\n    sectionId.value = id\n    editModal.value = true\n  },\n  hideEditModal = () => {\n    setTimeout(() => {\n      editModal.value = false\n    }, 100)\n  },\n  formattedDatetime = (date) => {\n    date = date.replace(/ /g,\"T\")\n    let d = new Date(date)\n    const timeFormatter = new Intl.DateTimeFormat('ru-RU', {\n      timeStyle: 'medium',\n    })\n    const dateFormatter = new Intl.DateTimeFormat('ru-RU')\n    return dateFormatter.format(d) + ' ' + timeFormatter.format(d)\n  },\n  deleteModal = id => {\n    Modal.confirm({\n      title: 'Удаление записи',\n      content: `Вы действительно хотите удалить запись?`,\n      okText: 'Да',\n      cancelText: 'Нет',\n      onOk() {\n        return apiClient.delete(`/documentations/section-delete?id=${id}`).then(response => {\n          if (response) {\n            message.success('Запись успешно удалена')\n          }\n        }).catch(() => {\n          // console.log(err)\n        }).finally(() => {\n          reload()\n        });\n      },\n    });\n  },\n  getData = (params) => {\n    loading.value = true\n    return apiClient.get(`/documentations/sections?documentation=${route?.params?.page}`, {\n      params,\n    }).then(({data}) => {\n      dataSource.value = data.data.items\n      if (data.data.items.length > 0) {\n        treeData.value = []\n        data.data.items.forEach((item) => {\n          treeData.value.push({\n            content: item.content.substring(0, 10),\n            type: item.type,\n            i: item.id\n          })\n        })\n      }\n      total.value = data.data.total\n      loading.value = false\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  reload = () => {\n    getData({\n      ...queryParams,\n    })\n  };\nonMounted(() => {\n  getData({\n    ...queryParams,\n  })\n})\n\nwatch(queryParams, () => {\n  router.push({\n    name: 'sections',\n    params: {\n      page: route.params.page,\n    },\n    query: {\n      ...route.query,\n      ...queryParams,\n    },\n  })\n  getData({\n    ...route.query,\n    ...queryParams,\n  })\n})\n\nconst query = {...toRefs(queryParams)}\n\n</script>\n\n<style scoped></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\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <a-modal\n    class=\"section-edit-modal\"\n    title=\"Редактировать\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :width=\"1000\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"update\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"section\" layout=\"horizontal\">\n      <div class=\"col-md-12\">\n        <a-form-item label=\"Тип контента\">\n          <a-select\n            ref=\"sectionType\"\n            placeholder=\"Выберите тип контента\"\n            v-model:value=\"section.type\"\n            :options=\"options\"\n          >\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Контент\">\n          <div v-if=\"section.type === 'ol_list'\">\n            <a-form-item v-for=\"(item, key) in JSON.parse(section.content)\" :key=\"key\" :label=\"key + 1 + ':'\">\n              <a-input :value=\"item\" @input=\"updateItem($event, key)\" />\n              <a-typography-link\n                @click.prevent=\"deleteItem(key)\"\n                class=\"float-right text-danger py-2\"\n              ><i class=\"fe fe-trash\"></i> Удалить пункт</a-typography-link>\n            </a-form-item>\n            <a-typography-link @click.prevent=\"addItem\">Добавить пункт</a-typography-link>\n          </div>\n          <ckeditor\n            v-else-if=\"['table'].includes(section.type)\"\n            :editor=\"editor\"\n            v-model=\"section.content\"\n            :config=\"editorConfig\"\n          ></ckeditor>\n          <a-input\n            v-else-if=\"section.type === 'title'\"\n            placeholder=\"Введите заголовок\"\n            v-model:value=\"section.content\"\n          />\n          <a-textarea\n            v-else\n            placeholder=\"Введите контент\"\n            v-model:value=\"section.content\"\n          >{{ section.content }}</a-textarea>\n        </a-form-item>\n        <a-form-item label=\"Цвет\">\n          <a-select\n            placeholder=\"Выберите цвет\"\n            v-model:value=\"section.color\"\n          >\n            <a-select-option value=\"#595c97\">Default</a-select-option>\n            <a-select-option value=\"#00000073\">Secondary</a-select-option>\n            <a-select-option value=\"#43a37a\">Success</a-select-option>\n            <a-select-option value=\"#d89a21\">Warning</a-select-option>\n            <a-select-option value=\"#d03133\">Error</a-select-option>\n            <a-select-option value=\"#4b7cf3\">Link</a-select-option>\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Ширина блока\">\n          <a-input\n            v-model:value=\"section.width\"\n            placeholder=\"Введите ширину\"\n          />\n        </a-form-item>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, onMounted, nextTick} from 'vue';\nimport apiClient from \"@/services/axios\";\nimport ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\n\nconst props = defineProps({\n  sectionId: {\n    type: Number,\n    default: 0,\n  },\n})\n\nconst emit = defineEmits(['hide-modal', 'reload']);\nlet loading = ref(true),\n  options = ref([\n    {\n      value: null,\n      label: 'Выберите тип'\n    },\n    {\n      value: 'title',\n      label: 'Заголовок'\n    },\n    {\n      value: 'blockquote',\n      label: 'Цитата'\n    },\n    {\n      value: 'paragraph',\n      label: 'Параграф'\n    },\n    {\n      value: 'keyboard',\n      label: 'Клавиатура'\n    },\n    {\n      value: 'code',\n      label: 'Код'\n    },\n    {\n      value: 'pre',\n      label: 'JSON'\n    },\n    {\n      value: 'strong',\n      label: 'Жирный'\n    },\n    {\n      value: 'ol_list',\n      label: 'Список'\n    },\n    {\n      value: 'table',\n      label: 'Таблица'\n    }\n  ]),\n  confirmLoading = ref(false),\n  modalVisible = ref(true),\n  editor = ref(ClassicEditor),\n  editorConfig = ref({\n  }),\n  sectionType = ref(\"sectionType\"),\n  section = reactive({\n    content: '',\n    type: '',\n    color: null,\n    width: null,\n    documentation_id: '',\n  });\n\nconst\n  resetForm = () => {\n    Object.assign(section, {\n      content: '',\n      type: '',\n      documentation_id: '',\n      width: '',\n      color: ''\n    });\n    modalVisible.value = false;\n    emit('hide-modal')\n  },\n  addItem = () => {\n    let content = JSON.parse(section.content)\n    content.push('')\n    section.content = JSON.stringify(content)\n  },\n  deleteItem = (key) => {\n    let content = JSON.parse(section.content)\n    delete content[key]\n    content.splice(key, 1)\n    section.content = JSON.stringify(content)\n  },\n  updateItem = (event, key) => {\n    let content = JSON.parse(section.content)\n    content[key] = event.target.value\n    section.content = JSON.stringify(content)\n  },\n  update = () => {\n    confirmLoading.value = true;\n    let model = toRaw(section)\n    return apiClient\n      .put(`/documentations/section-update?id=${props.sectionId}`, model)\n      .then(response => {\n        if (response) {\n          resetForm()\n          modalVisible.value = false;\n          confirmLoading.value = false;\n          emit('reload')\n        }\n      }).catch(() => {\n        modalVisible.value = false;\n        confirmLoading.value = false;\n        emit('reload')\n        emit('hide-modal')\n      }).finally(() => {\n        confirmLoading.value = false;\n        modalVisible.value = false;\n        emit('reload')\n        emit('hide-modal')\n      })\n  };\n\napiClient.get(`/documentations/section-view?id=${props.sectionId}`)\n  .then(response => {\n    if (response) {\n      Object.assign(section, {\n        content: response.data.data.content,\n        type: response.data.data.type,\n        documentation_id: response.data.data.documentation_id,\n        width: response.data.data.width,\n        color: response.data.data.color\n      })\n    }\n  }).catch(() => {\n    loading.value = false\n  })\n  .finally(() => {\n    loading.value = false\n  })\n\nonMounted(() => nextTick(() => sectionType.value?.focus()))\n</script>\n\n<style scoped></style>\n","import script from \"./edit.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./edit.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}