{"version":3,"file":"online.mjs","sources":["../../../../../../../../packages/components/editor/src/toolbar/image/online.vue"],"sourcesContent":["<template>\n  <span @click=\"visible = true\"> {{ t('epx.editor.onlinePicture') }} </span>\n\n  <el-dialog\n    v-model=\"visible\"\n    width=\"400\"\n    append-to-body\n    draggable\n    :modal=\"false\"\n    :title=\"t('epx.editor.onlinePicture')\"\n  >\n    <el-form\n      ref=\"ruleFormRef\"\n      label-position=\"top\"\n      :model=\"ruleForm\"\n      :rules=\"rules\"\n      label-width=\"auto\"\n      status-icon\n      style=\"margin-top: 16px\"\n    >\n      <el-form-item :label=\"t('epx.editor.pictureAddress')\" prop=\"src\">\n        <el-input v-model=\"ruleForm.src\" />\n      </el-form-item>\n      <el-form-item :label=\"t('epx.editor.pictureDescription')\" prop=\"alt\">\n        <el-input v-model=\"ruleForm.alt\" />\n      </el-form-item>\n    </el-form>\n    <template #footer>\n      <div class=\"dialog-footer\">\n        <el-button @click=\"resetForm(ruleFormRef)\">\n          {{ t('epx.common.cancel') }}\n        </el-button>\n        <el-button type=\"primary\" @click=\"submitForm(ruleFormRef)\">\n          {{ t('epx.editor.insert') }}\n        </el-button>\n      </div>\n    </template>\n  </el-dialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, ref } from 'vue'\nimport { ElButton, ElDialog, useLocale } from 'element-plus'\nimport type { FormInstance, FormRules } from 'element-plus'\n\nconst { t } = useLocale()\nconst emit = defineEmits(['change'])\n\nconst visible = ref(false)\n\ninterface RuleForm {\n  src: string\n  alt: string\n}\n\nconst ruleFormRef = ref<FormInstance>()\nconst ruleForm = reactive<RuleForm>({\n  src: '',\n  alt: '',\n})\n\nconst rules = reactive<FormRules<RuleForm>>({})\n\nconst submitForm = async (formEl: FormInstance | undefined) => {\n  if (!formEl) return\n  await formEl.validate((valid) => {\n    if (valid) {\n      emit('change', { ...ruleForm })\n      formEl.resetFields()\n      visible.value = false\n    }\n  })\n}\n\nconst resetForm = (formEl: FormInstance | undefined) => {\n  if (!formEl) return\n  visible.value = false\n  formEl.resetFields()\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;AA6CM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AAOzB,IAAA,MAAM,cAAc,GAAkB,EAAA,CAAA;AACtC,IAAA,MAAM,WAAW,QAAmB,CAAA;AAAA,MAClC,GAAK,EAAA,EAAA;AAAA,MACL,GAAK,EAAA,EAAA;AAAA,KACN,CAAA,CAAA;AAEK,IAAA,MAAA,KAAA,GAAQ,QAA8B,CAAA,EAAE,CAAA,CAAA;AAExC,IAAA,MAAA,UAAA,GAAa,OAAO,MAAqC,KAAA;AAC7D,MAAA,IAAI,CAAC,MAAA;AAAQ,QAAA,OAAA;AACP,MAAA,MAAA,MAAA,CAAO,QAAS,CAAA,CAAC,KAAU,KAAA;AAC/B,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,IAAA,CAAK,QAAU,EAAA,EAAE,GAAG,QAAA,EAAU,CAAA,CAAA;AAC9B,UAAA,MAAA,CAAO,WAAY,EAAA,CAAA;AACnB,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,SAClB;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEM,IAAA,MAAA,SAAA,GAAY,CAAC,MAAqC,KAAA;AACtD,MAAA,IAAI,CAAC,MAAA;AAAQ,QAAA,OAAA;AACb,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,MAAA,CAAO,WAAY,EAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}