{"version":3,"file":"index-Cttxm-f6.js","sources":["../../../src/components/ReDialog/index.vue","../../../src/components/ReDialog/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  type EventType,\n  type ButtonProps,\n  type DialogOptions,\n  closeDialog,\n  dialogStore\n} from \"./index\";\nimport { ref, computed } from \"vue\";\nimport { isFunction } from \"@pureadmin/utils\";\nimport Fullscreen from \"@iconify-icons/ri/fullscreen-fill\";\nimport ExitFullscreen from \"@iconify-icons/ri/fullscreen-exit-fill\";\nimport { operators } from \"ajv/dist/compile/codegen\";\n\ndefineOptions({\n  name: \"ReDialog\"\n});\n\nconst fullscreen = ref(false);\n\ntype DialogOptionsExtend = DialogOptions & {\n  loading?: boolean;\n};\n\nconst footerButtons = computed(() => {\n  return (options: DialogOptionsExtend) => {\n    return options?.footerButtons?.length > 0\n      ? options.footerButtons\n      : ([\n          {\n            label: \"取消\",\n            text: true,\n            bg: true,\n            loading: options?.props.loading,\n            btnClick: ({ dialog: { options, index } }) => {\n              const done = () =>\n                closeDialog(options, index, { command: \"cancel\" });\n              if (options?.beforeCancel && isFunction(options?.beforeCancel)) {\n                options.beforeCancel(done, { options, index });\n              } else {\n                done();\n              }\n            }\n          },\n          {\n            label: \"确定\",\n            type: \"primary\",\n            text: true,\n            bg: true,\n            loading: options?.props.loading,\n            popconfirm: options?.popconfirm,\n            btnClick: ({ dialog: { options, index } }) => {\n              const done = () =>\n                closeDialog(options, index, { command: \"sure\" });\n              if (options?.beforeSure && isFunction(options?.beforeSure)) {\n                options.beforeSure(done, { options, index });\n              } else {\n                done();\n              }\n            }\n          }\n        ] as Array<ButtonProps>);\n  };\n});\n\nconst fullscreenClass = computed(() => {\n  return [\n    \"el-icon\",\n    \"el-dialog__close\",\n    \"-translate-x-2\",\n    \"cursor-pointer\",\n    \"hover:!text-[red]\"\n  ];\n});\n\nfunction eventsCallBack(\n  event: EventType,\n  options: DialogOptions,\n  index: number,\n  isClickFullScreen = false\n) {\n  if (!isClickFullScreen) fullscreen.value = options?.fullscreen ?? false;\n  if (options?.[event] && isFunction(options?.[event])) {\n    return options?.[event]({ options, index });\n  }\n}\n\nfunction handleClose(\n  options: DialogOptions,\n  index: number,\n  args = { command: \"close\" }\n) {\n  closeDialog(options, index, args);\n  eventsCallBack(\"close\", options, index);\n}\n</script>\n\n<template>\n  <el-dialog\n    v-for=\"(options, index) in dialogStore\"\n    :key=\"index\"\n    v-bind=\"options\"\n    v-model=\"options.visible\"\n    class=\"pure-dialog\"\n    :fullscreen=\"fullscreen ? true : options?.fullscreen ? true : false\"\n    @closed=\"handleClose(options, index)\"\n    @opened=\"eventsCallBack('open', options, index)\"\n    @openAutoFocus=\"eventsCallBack('openAutoFocus', options, index)\"\n    @closeAutoFocus=\"eventsCallBack('closeAutoFocus', options, index)\"\n  >\n    <!-- header -->\n    <template\n      v-if=\"options?.fullscreenIcon || options?.headerRenderer\"\n      #header=\"{ close, titleId, titleClass }\"\n    >\n      <div\n        v-if=\"options?.fullscreenIcon\"\n        class=\"flex items-center justify-between\"\n      >\n        <span :id=\"titleId\" :class=\"titleClass\">{{ options?.title }}</span>\n        <i\n          v-if=\"!options?.fullscreen\"\n          :class=\"fullscreenClass\"\n          @click=\"\n            () => {\n              fullscreen = !fullscreen;\n              eventsCallBack(\n                'fullscreenCallBack',\n                { ...options, fullscreen },\n                index,\n                true\n              );\n            }\n          \"\n        >\n          <IconifyIconOffline\n            class=\"pure-dialog-svg\"\n            :icon=\"\n              options?.fullscreen\n                ? ExitFullscreen\n                : fullscreen\n                  ? ExitFullscreen\n                  : Fullscreen\n            \"\n          />\n        </i>\n      </div>\n      <component\n        :is=\"options?.headerRenderer({ close, titleId, titleClass })\"\n        v-else\n      />\n    </template>\n    <component\n      v-bind=\"options?.props\"\n      :is=\"options.contentRenderer({ options, index })\"\n      @close=\"args => handleClose(options, index, args)\"\n    />\n    <!-- footer -->\n    <template v-if=\"!options?.hideFooter\" #footer>\n      <template v-if=\"options?.footerRenderer\">\n        <component :is=\"options?.footerRenderer({ options, index })\" />\n      </template>\n      <span v-else>\n        <template v-for=\"(btn, key) in footerButtons(options)\" :key=\"key\">\n          <el-popconfirm\n            v-if=\"btn.popconfirm\"\n            v-bind=\"btn.popconfirm\"\n            @confirm=\"\n              btn.btnClick({\n                dialog: { options, index },\n                button: { btn, index: key }\n              })\n            \"\n          >\n            <template #reference>\n              <el-button v-bind=\"btn\">{{ btn?.label }}</el-button>\n            </template>\n          </el-popconfirm>\n          <el-button\n            v-else\n            v-bind=\"btn\"\n            @click=\"\n              btn.btnClick({\n                dialog: { options, index },\n                button: { btn, index: key }\n              })\n            \"\n          >\n            {{ btn?.label }}\n          </el-button>\n        </template>\n      </span>\n    </template>\n  </el-dialog>\n</template>\n","/*\n * @Author: jason\n * @Date: 2024-07-04 10:21:03\n * @LastEditTime: 2024-11-14 18:01:19\n * @LastEditors: jason\n * @Description:\n * @FilePath: \\lonsdor-center-backend\\src\\components\\ReDialog\\index.ts\n *\n */\nimport { ref } from \"vue\";\nimport reDialog from \"./index.vue\";\nimport { useTimeoutFn } from \"@vueuse/core\";\nimport { withInstall } from \"@pureadmin/utils\";\nimport type {\n  EventType,\n  ArgsType,\n  DialogProps,\n  ButtonProps,\n  DialogOptions\n} from \"./type\";\n\nconst dialogStore = ref<Array<DialogOptions>>([]);\n\n/** 打开弹框 */\nconst addDialog = (options: DialogOptions) => {\n  const open = () =>\n    dialogStore.value.push(Object.assign(options, { visible: true }));\n  if (options?.openDelay) {\n    useTimeoutFn(() => {\n      open();\n    }, options.openDelay);\n  } else {\n    open();\n  }\n};\n\n/** 关闭弹框 */\nconst closeDialog = (options: DialogOptions, index: number, args?: any) => {\n  dialogStore.value[index].visible = false;\n  options.closeCallBack && options.closeCallBack({ options, index, args });\n\n  const closeDelay = options?.closeDelay ?? 200;\n  useTimeoutFn(() => {\n    dialogStore.value.splice(index, 1);\n  }, closeDelay);\n};\n\n/**\n * @description 更改弹框自身属性值\n * @param value 属性值\n * @param key 属性，默认`title`\n * @param index 弹框索引（默认`0`，代表只有一个弹框，对于嵌套弹框要改哪个弹框的属性值就把该弹框索引赋给`index`）\n */\nconst updateDialog = (value: any, key = \"title\", index = 0) => {\n  dialogStore.value[index][key] = value;\n};\n\n/** 关闭所有弹框 */\nconst closeAllDialog = () => {\n  dialogStore.value = [];\n};\n\n/** 千万别忘了在下面这三处引入并注册下，放心注册，不使用`addDialog`调用就不会被挂载\n * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L4\n * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L12\n * https://github.com/pure-admin/vue-pure-admin/blob/main/src/App.vue#L22\n */\nconst ReDialog = withInstall(reDialog);\n\nexport type { EventType, ArgsType, DialogProps, ButtonProps, DialogOptions };\nexport {\n  ReDialog,\n  dialogStore,\n  addDialog,\n  closeDialog,\n  updateDialog,\n  closeAllDialog\n};\n"],"names":["fullscreen","ref","footerButtons","computed","options","_a","index","done","closeDialog","isFunction","fullscreenClass","eventsCallBack","event","isClickFullScreen","handleClose","args","dialogStore","addDialog","open","useTimeoutFn","closeDelay","ReDialog","withInstall","reDialog"],"mappings":"g2BAkBM,MAAAA,EAAaC,EAAI,EAAK,EAMtBC,EAAgBC,EAAS,IACrBC,GAAiC,OACvC,QAAOC,EAAAD,GAAA,YAAAA,EAAS,gBAAT,YAAAC,EAAwB,QAAS,EACpCD,EAAQ,cACP,CACC,CACE,MAAO,KACP,KAAM,GACN,GAAI,GACJ,QAASA,GAAA,YAAAA,EAAS,MAAM,QACxB,SAAU,CAAC,CAAE,OAAQ,CAAE,QAAAA,EAAS,MAAAE,CAAM,KAAQ,CACtC,MAAAC,EAAO,IACXC,EAAYJ,EAASE,EAAO,CAAE,QAAS,SAAU,EAC/CF,GAAAA,MAAAA,EAAS,cAAgBK,EAAWL,GAAAA,YAAAA,EAAS,YAAY,EAC3DA,EAAQ,aAAaG,EAAM,CAAE,QAAAH,EAAS,MAAAE,EAAO,EAExCC,GAET,CACF,EACA,CACE,MAAO,KACP,KAAM,UACN,KAAM,GACN,GAAI,GACJ,QAASH,GAAA,YAAAA,EAAS,MAAM,QACxB,WAAYA,GAAA,YAAAA,EAAS,WACrB,SAAU,CAAC,CAAE,OAAQ,CAAE,QAAAA,EAAS,MAAAE,CAAM,KAAQ,CACtC,MAAAC,EAAO,IACXC,EAAYJ,EAASE,EAAO,CAAE,QAAS,OAAQ,EAC7CF,GAAAA,MAAAA,EAAS,YAAcK,EAAWL,GAAAA,YAAAA,EAAS,UAAU,EACvDA,EAAQ,WAAWG,EAAM,CAAE,QAAAH,EAAS,MAAAE,EAAO,EAEtCC,GAET,CACF,CAAA,CACF,CAEP,EAEKG,EAAkBP,EAAS,IACxB,CACL,UACA,mBACA,iBACA,iBACA,mBAAA,CAEH,EAED,SAASQ,EACPC,EACAR,EACAE,EACAO,EAAoB,GACpB,OAEA,GADKA,IAA8Bb,EAAA,OAAQK,EAAAD,GAAA,YAAAA,EAAS,aAAT,KAAAC,EAAuB,IAC9DD,GAAA,MAAAA,EAAUQ,IAAUH,EAAWL,GAAA,YAAAA,EAAUQ,EAAM,EACjD,OAAOR,GAAA,YAAAA,EAAUQ,GAAO,CAAE,QAAAR,EAAS,MAAAE,CAAO,EAE9C,CAEA,SAASQ,EACPV,EACAE,EACAS,EAAO,CAAE,QAAS,SAClB,CACYP,EAAAJ,EAASE,EAAOS,CAAI,EACjBJ,EAAA,QAASP,EAASE,CAAK,CACxC,g9DCzEMU,EAAcf,EAA0B,CAAA,CAAE,EAG1CgB,GAAab,GAA2B,CAC5C,MAAMc,EAAO,IACXF,EAAY,MAAM,KAAK,OAAO,OAAOZ,EAAS,CAAE,QAAS,EAAK,CAAC,CAAC,EAC9DA,GAAA,MAAAA,EAAS,UACXe,EAAa,IAAM,CACZD,GAAA,EACJd,EAAQ,SAAS,EAEfc,GAET,EAGMV,EAAc,CAACJ,EAAwBE,EAAeS,IAAe,OAC7DC,EAAA,MAAMV,CAAK,EAAE,QAAU,GACnCF,EAAQ,eAAiBA,EAAQ,cAAc,CAAE,QAAAA,EAAS,MAAAE,EAAO,KAAAS,EAAM,EAEjE,MAAAK,GAAaf,EAAAD,GAAA,YAAAA,EAAS,aAAT,KAAAC,EAAuB,IAC1Cc,EAAa,IAAM,CACLH,EAAA,MAAM,OAAOV,EAAO,CAAC,GAChCc,CAAU,CACf,EAsBMC,GAAWC,EAAYC,EAAQ"}