@bagelink/vue 0.0.140 → 0.0.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/components/FormSchema.vue.d.ts +2 -2
  2. package/dist/components/FormSchema.vue.d.ts.map +1 -1
  3. package/dist/components/Modal.vue.d.ts.map +1 -1
  4. package/dist/components/ModalForm.vue.d.ts.map +1 -1
  5. package/dist/components/formkit/FileUploader.vue.d.ts +4 -4
  6. package/dist/components/formkit/FileUploader.vue.d.ts.map +1 -1
  7. package/dist/index.cjs +43 -15
  8. package/dist/index.mjs +44 -16
  9. package/dist/plugins/modal.d.ts.map +1 -1
  10. package/dist/style.css +2 -2
  11. package/dist/utils/index.d.ts +1 -0
  12. package/dist/utils/index.d.ts.map +1 -1
  13. package/package.json +2 -2
  14. package/src/components/FormSchema.vue +1 -1
  15. package/src/components/Modal.vue +21 -8
  16. package/src/components/ModalForm.vue +23 -8
  17. package/src/components/formkit/FileUploader.vue +2 -2
  18. package/src/plugins/modal.ts +12 -10
  19. package/src/utils/index.ts +6 -0
package/dist/components/FormSchema.vue.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
3
3
  modelValue?: any;
4
4
  schema: FormKitSchemaDefinition;
5
5
  onDelete?: ((id: string) => void) | undefined;
6
- i18nT: (key: string) => string;
6
+ i18nT?: ((key: string) => string) | undefined;
7
7
  }>, {
8
8
  i18nT: (key: string) => string;
9
9
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
13
13
  modelValue?: any;
14
14
  schema: FormKitSchemaDefinition;
15
15
  onDelete?: ((id: string) => void) | undefined;
16
- i18nT: (key: string) => string;
16
+ i18nT?: ((key: string) => string) | undefined;
17
17
  }>, {
18
18
  i18nT: (key: string) => string;
19
19
  }>>> & {
package/dist/components/FormSchema.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/FormSchema.vue"],"names":[],"mappings":"AA0BA;AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;;iBA4J/C,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;iBAEnB,MAAM,KAAK,MAAM;;;;;;;iBALjB,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;iBAEnB,MAAM,KAAK,MAAM;;;;;;;iBAAjB,MAAM,KAAK,MAAM;;AAP/B,wBAcG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"FormSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/FormSchema.vue"],"names":[],"mappings":"AA0BA;AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;;iBA4J/C,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;mBAElB,MAAM,KAAK,MAAM;;;;;;;iBALlB,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;mBAElB,MAAM,KAAK,MAAM;;;;;;;iBAAjB,MAAM,KAAK,MAAM;;AAPhC,wBAcG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Modal.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAAO,MAAM,eAAe,CAAC;AACrD,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;AAwL7B,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,eAAe,CAAC;AAChE,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;AAqM7B,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/ModalForm.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModalForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalForm.vue"],"names":[],"mappings":"AAiCA;AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoO7B,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ModalForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalForm.vue"],"names":[],"mappings":"AAiCA;AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EACW,UAAU,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiP7B,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/formkit/FileUploader.vue.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  context: Record<string, any>;
3
- dragDropLabel: string;
4
- browseLabel: string;
3
+ dragDropLabel?: string | undefined;
4
+ browseLabel?: string | undefined;
5
5
  }>, {
6
6
  dragDropLabel: string;
7
7
  browseLabel: string;
8
8
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
9
  context: Record<string, any>;
10
- dragDropLabel: string;
11
- browseLabel: string;
10
+ dragDropLabel?: string | undefined;
11
+ browseLabel?: string | undefined;
12
12
  }>, {
13
13
  dragDropLabel: string;
14
14
  browseLabel: string;
package/dist/components/formkit/FileUploader.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;aA2aU,OAAO,MAAM,EAAE,GAAG,CAAC;mBACb,MAAM;iBACR,MAAM;;;;;aAFV,OAAO,MAAM,EAAE,GAAG,CAAC;mBACb,MAAM;iBACR,MAAM;;;;;mBADJ,MAAM;iBACR,MAAM;;AAJpB,wBAUG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;aA2aU,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;aAAnB,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;mBACZ,MAAM;iBACR,MAAM;;AAJrB,wBAUG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/index.cjs CHANGED
@@ -2269,6 +2269,9 @@ const useModal = () => {
2269
2269
  const ModalPlugin = {
2270
2270
  install: (app) => {
2271
2271
  const modalStack = vue.ref([]);
2272
+ const hideModal = (index2) => {
2273
+ modalStack.value.splice(index2, 1);
2274
+ };
2272
2275
  const showModal = (isForm, options, slots = {}) => {
2273
2276
  modalStack.value.push({
2274
2277
  modalOptions: options,
@@ -2276,9 +2279,6 @@ const ModalPlugin = {
2276
2279
  componentSlots: slots
2277
2280
  });
2278
2281
  };
2279
- const hideModal = (index2) => {
2280
- modalStack.value.splice(index2, 1);
2281
- };
2282
2282
  app.provide(ModalSymbol, {
2283
2283
  modalForm: (options, slots) => showModal(true, options, slots),
2284
2284
  showModal: (options, slots) => showModal(false, options, slots),
@@ -2288,7 +2288,7 @@ const ModalPlugin = {
2288
2288
  const ModalComponent = vue.defineComponent({
2289
2289
  data() {
2290
2290
  return {
2291
- modalStack
2291
+ modalStack: modalStack.value
2292
2292
  };
2293
2293
  },
2294
2294
  render() {
@@ -2364,6 +2364,11 @@ const useFormkit = () => {
2364
2364
  return formkit;
2365
2365
  };
2366
2366
  const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
2367
+ function useEscape(event, closeModel) {
2368
+ if (event.key === "Escape") {
2369
+ closeModel();
2370
+ }
2371
+ }
2367
2372
  const _hoisted_1$V = { ref: "el" };
2368
2373
  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
2369
2374
  __name: "LangText",
@@ -14734,11 +14739,6 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
14734
14739
  emits: ["update:isModalVisible"],
14735
14740
  setup(__props, { emit: __emit }) {
14736
14741
  let isActive = vue.ref(false);
14737
- vue.onMounted(() => {
14738
- setTimeout(() => {
14739
- isActive.value = true;
14740
- }, 1);
14741
- });
14742
14742
  const emit2 = __emit;
14743
14743
  const closeModal = () => {
14744
14744
  isActive.value = false;
@@ -14746,6 +14746,22 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
14746
14746
  emit2("update:isModalVisible", false);
14747
14747
  }, 200);
14748
14748
  };
14749
+ const escapeKeyClose = (e) => useEscape(e, () => closeModal());
14750
+ vue.onMounted(() => {
14751
+ setTimeout(() => {
14752
+ isActive.value = true;
14753
+ }, 1);
14754
+ document.addEventListener(
14755
+ "keydown",
14756
+ escapeKeyClose
14757
+ );
14758
+ });
14759
+ vue.onUnmounted(() => {
14760
+ document.removeEventListener(
14761
+ "keydown",
14762
+ escapeKeyClose
14763
+ );
14764
+ });
14749
14765
  return (_ctx, _cache) => {
14750
14766
  return vue.openBlock(), vue.createElementBlock("div", {
14751
14767
  class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isActive) }]),
@@ -15130,11 +15146,6 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
15130
15146
  return props2.schema;
15131
15147
  });
15132
15148
  let isActive = vue.ref(false);
15133
- vue.onMounted(() => {
15134
- setTimeout(() => {
15135
- isActive.value = true;
15136
- }, 1);
15137
- });
15138
15149
  const emit2 = __emit;
15139
15150
  const handleEmit = (value) => {
15140
15151
  emit2("update:modelValue", value);
@@ -15159,6 +15170,22 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
15159
15170
  (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a = props2.modelValue) == null ? void 0 : _a.id);
15160
15171
  closeModal();
15161
15172
  };
15173
+ const escapeKeyClose = (e) => useEscape(e, () => closeModal());
15174
+ vue.onMounted(() => {
15175
+ setTimeout(() => {
15176
+ isActive.value = true;
15177
+ }, 1);
15178
+ document.addEventListener(
15179
+ "keydown",
15180
+ escapeKeyClose
15181
+ );
15182
+ });
15183
+ vue.onUnmounted(() => {
15184
+ document.removeEventListener(
15185
+ "keydown",
15186
+ escapeKeyClose
15187
+ );
15188
+ });
15162
15189
  return (_ctx, _cache) => {
15163
15190
  return vue.openBlock(), vue.createElementBlock("div", {
15164
15191
  class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isActive) }]),
@@ -15192,7 +15219,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
15192
15219
  };
15193
15220
  }
15194
15221
  });
15195
- const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-665350cb"]]);
15222
+ const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-ca1b8501"]]);
15196
15223
  const _hoisted_1$J = {
15197
15224
  key: 0,
15198
15225
  class: "data"
@@ -28526,5 +28553,6 @@ exports.formatString = formatString;
28526
28553
  exports.initials = initials;
28527
28554
  exports.keyToLabel = keyToLabel;
28528
28555
  exports.useBagel = useBagel;
28556
+ exports.useEscape = useEscape;
28529
28557
  exports.useFormkit = useFormkit;
28530
28558
  exports.useModal = useModal;
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, mergeProps, createVNode, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, onUnmounted, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
1
+ import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, mergeProps, createVNode, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
2
2
  function bind$2(fn, thisArg) {
3
3
  return function wrap2() {
4
4
  return fn.apply(thisArg, arguments);
@@ -2267,6 +2267,9 @@ const useModal = () => {
2267
2267
  const ModalPlugin = {
2268
2268
  install: (app) => {
2269
2269
  const modalStack = ref([]);
2270
+ const hideModal = (index2) => {
2271
+ modalStack.value.splice(index2, 1);
2272
+ };
2270
2273
  const showModal = (isForm, options, slots = {}) => {
2271
2274
  modalStack.value.push({
2272
2275
  modalOptions: options,
@@ -2274,9 +2277,6 @@ const ModalPlugin = {
2274
2277
  componentSlots: slots
2275
2278
  });
2276
2279
  };
2277
- const hideModal = (index2) => {
2278
- modalStack.value.splice(index2, 1);
2279
- };
2280
2280
  app.provide(ModalSymbol, {
2281
2281
  modalForm: (options, slots) => showModal(true, options, slots),
2282
2282
  showModal: (options, slots) => showModal(false, options, slots),
@@ -2286,7 +2286,7 @@ const ModalPlugin = {
2286
2286
  const ModalComponent = defineComponent({
2287
2287
  data() {
2288
2288
  return {
2289
- modalStack
2289
+ modalStack: modalStack.value
2290
2290
  };
2291
2291
  },
2292
2292
  render() {
@@ -2362,6 +2362,11 @@ const useFormkit = () => {
2362
2362
  return formkit;
2363
2363
  };
2364
2364
  const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
2365
+ function useEscape(event, closeModel) {
2366
+ if (event.key === "Escape") {
2367
+ closeModel();
2368
+ }
2369
+ }
2365
2370
  const _hoisted_1$V = { ref: "el" };
2366
2371
  const _sfc_main$P = /* @__PURE__ */ defineComponent({
2367
2372
  __name: "LangText",
@@ -14732,11 +14737,6 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
14732
14737
  emits: ["update:isModalVisible"],
14733
14738
  setup(__props, { emit: __emit }) {
14734
14739
  let isActive = ref(false);
14735
- onMounted(() => {
14736
- setTimeout(() => {
14737
- isActive.value = true;
14738
- }, 1);
14739
- });
14740
14740
  const emit2 = __emit;
14741
14741
  const closeModal = () => {
14742
14742
  isActive.value = false;
@@ -14744,6 +14744,22 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
14744
14744
  emit2("update:isModalVisible", false);
14745
14745
  }, 200);
14746
14746
  };
14747
+ const escapeKeyClose = (e) => useEscape(e, () => closeModal());
14748
+ onMounted(() => {
14749
+ setTimeout(() => {
14750
+ isActive.value = true;
14751
+ }, 1);
14752
+ document.addEventListener(
14753
+ "keydown",
14754
+ escapeKeyClose
14755
+ );
14756
+ });
14757
+ onUnmounted(() => {
14758
+ document.removeEventListener(
14759
+ "keydown",
14760
+ escapeKeyClose
14761
+ );
14762
+ });
14747
14763
  return (_ctx, _cache) => {
14748
14764
  return openBlock(), createElementBlock("div", {
14749
14765
  class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive) }]),
@@ -15128,11 +15144,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
15128
15144
  return props2.schema;
15129
15145
  });
15130
15146
  let isActive = ref(false);
15131
- onMounted(() => {
15132
- setTimeout(() => {
15133
- isActive.value = true;
15134
- }, 1);
15135
- });
15136
15147
  const emit2 = __emit;
15137
15148
  const handleEmit = (value) => {
15138
15149
  emit2("update:modelValue", value);
@@ -15157,6 +15168,22 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
15157
15168
  (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a = props2.modelValue) == null ? void 0 : _a.id);
15158
15169
  closeModal();
15159
15170
  };
15171
+ const escapeKeyClose = (e) => useEscape(e, () => closeModal());
15172
+ onMounted(() => {
15173
+ setTimeout(() => {
15174
+ isActive.value = true;
15175
+ }, 1);
15176
+ document.addEventListener(
15177
+ "keydown",
15178
+ escapeKeyClose
15179
+ );
15180
+ });
15181
+ onUnmounted(() => {
15182
+ document.removeEventListener(
15183
+ "keydown",
15184
+ escapeKeyClose
15185
+ );
15186
+ });
15160
15187
  return (_ctx, _cache) => {
15161
15188
  return openBlock(), createElementBlock("div", {
15162
15189
  class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive) }]),
@@ -15190,7 +15217,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
15190
15217
  };
15191
15218
  }
15192
15219
  });
15193
- const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-665350cb"]]);
15220
+ const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-ca1b8501"]]);
15194
15221
  const _hoisted_1$J = {
15195
15222
  key: 0,
15196
15223
  class: "data"
@@ -28525,6 +28552,7 @@ export {
28525
28552
  initials,
28526
28553
  keyToLabel,
28527
28554
  useBagel,
28555
+ useEscape,
28528
28556
  useFormkit,
28529
28557
  useModal
28530
28558
  };
package/dist/plugins/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAgDzB,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAkDzB,CAAC"}
package/dist/style.css CHANGED
@@ -748,11 +748,11 @@
748
748
  border-radius: var(--btn-border-radius);
749
749
  }
750
750
 
751
- .modal-title[data-v-665350cb] {
751
+ .modal-title[data-v-ca1b8501] {
752
752
  margin-top: 0.5rem;
753
753
  }
754
754
  @media screen and (max-width: 910px) {
755
- .modal-title[data-v-665350cb] {
755
+ .modal-title[data-v-ca1b8501] {
756
756
  margin-top: 1rem;
757
757
  }
758
758
  }
package/dist/utils/index.d.ts CHANGED
@@ -5,5 +5,6 @@ export declare function computeFields(modelValue: Record<string, any>): BagelFie
5
5
  export declare const copyText: (text: string, cb?: ((msg: string) => void) | undefined) => Promise<void>;
6
6
  export declare const useFormkit: () => unknown;
7
7
  export declare const initials: (...strArr: string[]) => string;
8
+ export declare function useEscape(event: KeyboardEvent, closeModel: () => void): void;
8
9
  export { formatString } from './strings';
9
10
  //# sourceMappingURL=index.d.ts.map
package/dist/utils/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAG3B,CAAC;AAEZ,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,EAAE,CAmB3E;AAED,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAAiD,CAAC;AAE9F,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.140",
4
+ "version": "0.0.142",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -51,7 +51,7 @@
51
51
  "./vite.config.ts"
52
52
  ],
53
53
  "dependencies": {
54
- "vue": "^3.3.8"
54
+ "vue": "^3.3.9"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@vue-macros/reactivity-transform": "^0.4.0"
package/src/components/FormSchema.vue CHANGED
@@ -43,7 +43,7 @@ const props = withDefaults(defineProps<{
43
43
  // eslint-disable-next-line no-unused-vars
44
44
  onDelete?: ((id: string) => void);
45
45
  // eslint-disable-next-line no-unused-vars
46
- i18nT: (key: string) => string;
46
+ i18nT?: (key: string) => string;
47
47
  }>(), {
48
48
  i18nT: (key: string) => key,
49
49
  });
package/src/components/Modal.vue CHANGED
@@ -31,8 +31,8 @@
31
31
  </template>
32
32
 
33
33
  <script lang="ts" setup>
34
- import { onMounted } from 'vue';
35
- import { type BtnOptions, Btn } from '@bagelink/vue';
34
+ import { onMounted, onUnmounted } from 'vue';
35
+ import { type BtnOptions, Btn, useEscape } from '@bagelink/vue';
36
36
  import '../styles/modal.css';
37
37
 
38
38
  defineProps<{
@@ -44,12 +44,6 @@ defineProps<{
44
44
 
45
45
  let isActive = $ref<boolean>(false);
46
46
 
47
- onMounted(() => {
48
- setTimeout(() => {
49
- isActive = true;
50
- }, 1);
51
- });
52
-
53
47
  const emit = defineEmits(['update:isModalVisible']);
54
48
 
55
49
  const closeModal = () => {
@@ -58,4 +52,23 @@ const closeModal = () => {
58
52
  emit('update:isModalVisible', false);
59
53
  }, 200);
60
54
  };
55
+
56
+ const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
57
+
58
+ onMounted(() => {
59
+ setTimeout(() => {
60
+ isActive = true;
61
+ }, 1);
62
+
63
+ document.addEventListener(
64
+ 'keydown',
65
+ escapeKeyClose,
66
+ );
67
+ });
68
+ onUnmounted(() => {
69
+ document.removeEventListener(
70
+ 'keydown',
71
+ escapeKeyClose,
72
+ );
73
+ });
61
74
  </script>
package/src/components/ModalForm.vue CHANGED
@@ -34,8 +34,10 @@
34
34
 
35
35
  <script lang="ts" setup>
36
36
  import { type FormKitSchemaDefinition } from '@formkit/core';
37
- import { onMounted } from 'vue';
38
- import { Btn, FormSchema, BtnOptions } from '@bagelink/vue';
37
+ import { onMounted, onUnmounted } from 'vue';
38
+ import {
39
+ Btn, FormSchema, BtnOptions, useEscape,
40
+ } from '@bagelink/vue';
39
41
  import '../styles/modal.css';
40
42
 
41
43
  // import { BagelField } from '@bagelink/vue';
@@ -62,12 +64,6 @@ const computedFormSchema = $computed(() => {
62
64
 
63
65
  let isActive = $ref<boolean>(false);
64
66
 
65
- onMounted(() => {
66
- setTimeout(() => {
67
- isActive = true;
68
- }, 1);
69
- });
70
-
71
67
  const emit = defineEmits(['update:isModalVisible', 'update:modelValue']);
72
68
  const handleEmit = (value: any) => {
73
69
  emit('update:modelValue', value);
@@ -93,6 +89,25 @@ const runDelete = () => {
93
89
  props.onDelete?.(props.modelValue?.id);
94
90
  closeModal();
95
91
  };
92
+
93
+ const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
94
+
95
+ onMounted(() => {
96
+ setTimeout(() => {
97
+ isActive = true;
98
+ }, 1);
99
+
100
+ document.addEventListener(
101
+ 'keydown',
102
+ escapeKeyClose,
103
+ );
104
+ });
105
+ onUnmounted(() => {
106
+ document.removeEventListener(
107
+ 'keydown',
108
+ escapeKeyClose,
109
+ );
110
+ });
96
111
  </script>
97
112
 
98
113
  <style scoped>
package/src/components/formkit/FileUploader.vue CHANGED
@@ -106,8 +106,8 @@ const files = $ref<UploadFile[]>([]);
106
106
 
107
107
  const props = withDefaults(defineProps<{
108
108
  context: Record<string, any>;
109
- dragDropLabel: string;
110
- browseLabel: string;
109
+ dragDropLabel?: string;
110
+ browseLabel?: string;
111
111
  }>(), {
112
112
  dragDropLabel: 'Drag and drop your files here',
113
113
  browseLabel: 'or browse',
package/src/plugins/modal.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import {
2
- h, InjectionKey, ref, inject, defineComponent,
2
+ h, InjectionKey, inject, defineComponent,
3
3
  } from 'vue';
4
4
  import type { Plugin } from 'vue';
5
5
  import type { BtnOptions } from '@bagelink/vue';
@@ -51,30 +51,32 @@ interface ModalComponentProps {
51
51
 
52
52
  export const ModalPlugin: Plugin = {
53
53
  install: (app) => {
54
- const modalStack = ref<ModalComponentProps[]>([]);
54
+ const modalStack = $ref<ModalComponentProps[]>([]);
55
+
56
+ const hideModal = (index: number) => {
57
+ // console.log('hideModal', index);
58
+ modalStack.splice(index, 1);
59
+ };
60
+
55
61
  const showModal = (
56
62
  isForm: boolean,
57
63
  options: ModalOptions | ModalFormOptions,
58
64
  slots: Record<string, any> = {},
59
65
  ) => {
60
- modalStack.value.push({
66
+ modalStack.push({
61
67
  modalOptions: options,
62
68
  isModalForm: isForm,
63
69
  componentSlots: slots,
64
70
  });
65
71
  };
66
72
 
67
- const hideModal = (index: number) => {
68
- // console.log('hideModal', index);
69
- modalStack.value.splice(index, 1);
70
- };
71
-
72
73
  app.provide(ModalSymbol, {
73
74
  modalForm: (options: ModalFormOptions, slots?: Record<string, any>) => showModal(true, options, slots),
74
75
  showModal: (options: ModalOptions, slots?: Record<string, any>) => showModal(false, options, slots),
75
- hideModal: (index = modalStack.value.length - 1) => hideModal(index),
76
+ hideModal: (index = modalStack.length - 1) => hideModal(index),
76
77
  // modalOptions,
77
78
  });
79
+
78
80
  const ModalComponent = defineComponent({
79
81
  data() {
80
82
  return {
@@ -82,7 +84,7 @@ export const ModalPlugin: Plugin = {
82
84
  };
83
85
  },
84
86
  render() {
85
- return modalStack.value.map((modal, index) => {
87
+ return modalStack.map((modal, index) => {
86
88
  const renderComponent = modal.isModalForm ? ModalForm : Modal;
87
89
  return h(
88
90
  renderComponent,
package/src/utils/index.ts CHANGED
@@ -50,4 +50,10 @@ export const useFormkit = () => {
50
50
 
51
51
  export const initials = (...strArr: string[]) => strArr.map((str) => str?.charAt(0)).join('');
52
52
 
53
+ export function useEscape(event: KeyboardEvent, closeModel: () => void) {
54
+ if (event.key === 'Escape') {
55
+ closeModel();
56
+ }
57
+ }
58
+
53
59
  export { formatString } from './strings';