orion-design 0.1.34 → 0.1.36

package/dist/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n  name: 'OModal',\r\n  setup(props, { slots, attrs, emit, expose }) {\r\n    const modalLocator = inject(modalLocatorContextKey)\r\n\r\n    const show = ref(false)\r\n    const title = ref<string>()\r\n    const content = shallowRef()\r\n    const contentProps = ref<Record<string, any>>()\r\n    const width = ref<number | string>()\r\n    const height = ref<number | string>()\r\n    const __resolve = ref<(value: Record<string, any> | PromiseLike<Record<string, any>>) => void>()\r\n    const showClose = ref(true)\r\n    const appendTo = ref<HTMLElement>()\r\n\r\n    const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n      show.value = true\r\n      title.value = options.title\r\n      content.value = options.content\r\n      if (options.contentProps) {\r\n        contentProps.value = options.contentProps\r\n      } else {\r\n        contentProps.value = {}\r\n      }\r\n      if (options.width) {\r\n        width.value = options.width\r\n      }\r\n      if (options.height) {\r\n        height.value = addUnit(options.height)\r\n      }\r\n      if (options.showClose != undefined && options.showClose == false) {\r\n        showClose.value = false\r\n      }\r\n      if (options.locator) {\r\n        appendTo.value = options.locator\r\n      } else {\r\n        if (modalLocator && modalLocator.locator.value) {\r\n          appendTo.value = modalLocator.locator.value\r\n        }\r\n      }\r\n\r\n      const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n        __resolve.value = resolve\r\n      })\r\n\r\n      return promise\r\n    }\r\n    expose({\r\n      open: _open,\r\n    })\r\n\r\n    const _close: (options: Record<string, any>) => void = (options) => {\r\n      const resolve = __resolve.value\r\n\r\n      show.value = false\r\n      title.value = undefined\r\n      content.value = undefined\r\n      contentProps.value = undefined\r\n      width.value = undefined\r\n      height.value = undefined\r\n      __resolve.value = undefined\r\n      showClose.value = true\r\n      appendTo.value = undefined\r\n\r\n      resolve && resolve(options)\r\n    }\r\n    provide(modalContextKey, { close: _close })\r\n\r\n    return () => {\r\n      const Children = content.value\r\n      return show.value ? (\r\n        <ElDialog\r\n          title={title.value}\r\n          width={width.value}\r\n          modelValue={show.value}\r\n          beforeClose={_close}\r\n          draggable={true}\r\n          closeOnClickModal={false}\r\n          closeOnPressEscape={false}\r\n          showClose={showClose.value}\r\n          alignCenter={true}\r\n          style={{ height: height.value }}\r\n          appendTo={appendTo.value}\r\n        >\r\n          <Children {...contentProps.value}></Children>\r\n        </ElDialog>\r\n      ) : (\r\n        <></>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n  <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n  locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  :deep(> .el-overlay) {\r\n    position: absolute;\r\n\r\n    > .el-overlay-dialog {\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAENxB,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;ACxFK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;;;;;;iECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n  name: 'OModal',\r\n  setup(props, { slots, attrs, emit, expose }) {\r\n    const modalLocator = inject(modalLocatorContextKey)\r\n\r\n    const show = ref(false)\r\n    const title = ref<string>()\r\n    const content = shallowRef()\r\n    const contentProps = ref<Record<string, any>>()\r\n    const width = ref<number | string>()\r\n    const height = ref<number | string>()\r\n    const __resolve = ref<(value: Record<string, any> | PromiseLike<Record<string, any>>) => void>()\r\n    const showClose = ref(true)\r\n    const appendTo = ref<HTMLElement>()\r\n\r\n    const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n      show.value = true\r\n      title.value = options.title\r\n      content.value = options.content\r\n      if (options.contentProps) {\r\n        contentProps.value = options.contentProps\r\n      } else {\r\n        contentProps.value = {}\r\n      }\r\n      if (options.width) {\r\n        width.value = options.width\r\n      }\r\n      if (options.height) {\r\n        height.value = addUnit(options.height)\r\n      }\r\n      if (options.showClose != undefined && options.showClose == false) {\r\n        showClose.value = false\r\n      }\r\n      if (options.locator) {\r\n        appendTo.value = options.locator\r\n      } else {\r\n        if (modalLocator && modalLocator.locator.value) {\r\n          appendTo.value = modalLocator.locator.value\r\n        }\r\n      }\r\n\r\n      const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n        __resolve.value = resolve\r\n      })\r\n\r\n      return promise\r\n    }\r\n    expose({\r\n      open: _open,\r\n    })\r\n\r\n    const _close: (options: Record<string, any>) => void = (options) => {\r\n      const resolve = __resolve.value\r\n\r\n      show.value = false\r\n      title.value = undefined\r\n      content.value = undefined\r\n      contentProps.value = undefined\r\n      width.value = undefined\r\n      height.value = undefined\r\n      __resolve.value = undefined\r\n      showClose.value = true\r\n      appendTo.value = undefined\r\n\r\n      resolve && resolve(options)\r\n    }\r\n    provide(modalContextKey, { close: _close })\r\n\r\n    return () => {\r\n      const Children = content.value\r\n      return show.value ? (\r\n        <ElDialog\r\n          class=\"orion-dialog\"\r\n          modal-class=\"orion-dialog-overlay\"\r\n          title={title.value}\r\n          width={width.value}\r\n          modelValue={show.value}\r\n          beforeClose={_close}\r\n          draggable={true}\r\n          closeOnClickModal={false}\r\n          closeOnPressEscape={false}\r\n          showClose={showClose.value}\r\n          alignCenter={true}\r\n          style={{ height: height.value }}\r\n          appendTo={appendTo.value}\r\n        >\r\n          <Children {...contentProps.value}></Children>\r\n        </ElDialog>\r\n      ) : (\r\n        <></>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n  <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n  locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  :deep(> .el-overlay) {\r\n    position: absolute;\r\n\r\n    > .el-overlay-dialog {\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAAA;AAAA,QAAA,eAAA;AAAA,QAAA,OAINxB,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;AC1FK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;;;;;;iECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}