@bagelink/vue 0.0.602 → 0.0.610

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, reactive, computed, inject, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, withModifiers, createTextVNode, watch, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, withDirectives, isRef, vModelCheckbox, provide, toRef, Teleport, render as render$f, onBeforeUpdate, vShow, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, watchEffect, markRaw, customRef, resolveDirective } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, reactive, computed, inject, watch, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, withModifiers, createTextVNode, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, withDirectives, isRef, vModelCheckbox, provide, toRef, Teleport, render as render$f, onBeforeUpdate, vShow, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, watchEffect, markRaw, customRef, resolveDirective } from "vue";
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -5262,7 +5262,8 @@ function debounce$2(fn3, delay = 500) {
   timeout = setTimeout(fn3, delay);
 }
 function keyToLabel(key) {
-  return (key == null ? void 0 : key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ")) || key;
+  if (key === void 0) return key;
+  return key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ") || key;
 }
 async function copyText(text, cb) {
   await navigator.clipboard.writeText(text);
@@ -5416,6 +5417,15 @@ function useBglSchema({ schema, showFields, data: data2 } = {}) {
   }
   return getFallbackSchema(data2, showFields);
 }
+function useLocalStorage(key, initialValue) {
+  const storedValue = localStorage.getItem(key);
+  const initial = storedValue ? JSON.parse(storedValue) : initialValue;
+  const value = ref(initial);
+  watch(() => value.value, (val) => {
+    localStorage.setItem(key, JSON.stringify(val));
+  }, { immediate: true, deep: true });
+  return value;
+}
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
@@ -6347,7 +6357,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-73d79ea6"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-d01cb754"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$C = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6381,7 +6391,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "59d71ad2": unref(computedItemHiehgt)
+      "02b73339": unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6482,7 +6492,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     }
     function toggleSelectItem(item) {
       if (!computedSelectedItems.value.length) {
-        emit2("select", item);
+        const obj = { ...item };
+        Object.keys(obj).forEach((key) => {
+          if (key.startsWith("_transformed_")) delete obj[key];
+        });
+        emit2("select", obj);
         return;
       }
       const index2 = computedSelectedItems.value.indexOf(item.id);
@@ -6582,7 +6596,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-73d79ea6"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$E = {};
 const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -6625,16 +6639,23 @@ const _hoisted_2$s = {
 const _hoisted_3$i = { class: "key" };
 const _hoisted_4$c = { class: "m-0" };
 const _hoisted_5$c = { key: 1 };
-const _hoisted_6$7 = { class: "key" };
-const _hoisted_7$3 = { class: "m-0" };
-const _hoisted_8$1 = { class: "vlue" };
-const _hoisted_9$1 = { class: "m-0" };
+const _hoisted_6$7 = {
+  key: 0,
+  class: "data-row"
+};
+const _hoisted_7$3 = { class: "key" };
+const _hoisted_8$1 = { class: "m-0" };
+const _hoisted_9$1 = {
+  key: 0,
+  class: "m-0"
+};
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     showFields: {},
     schema: {},
-    title: {}
+    title: {},
+    excludeUnset: { type: Boolean }
   }, {
     "data": { default: {} },
     "dataModifiers": {}
@@ -6643,12 +6664,25 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props2 = __props;
     const itemData = useModel(__props, "data");
-    const computedSchema = computed(
-      () => getFallbackSchema(
-        [itemData.value],
-        props2.showFields
-      )
-    );
+    function dataTransform(dataValue) {
+      if (!dataValue) return dataValue;
+      if (Array.isArray(dataValue)) return dataValue.map(dataTransform);
+      if (typeof dataValue === "object") {
+        Object.keys(dataValue).forEach((key) => {
+          dataValue[key] = dataTransform(dataValue[key]);
+        });
+      }
+      if (typeof dataValue === "string" && /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(dataValue)) {
+        const date2 = new Date(dataValue);
+        return date2.toDateString();
+      }
+      return dataValue;
+    }
+    function isUnset(value) {
+      if (!props2.excludeUnset) return false;
+      return value === void 0 || value === null || value === "" || value.length === 0;
+    }
+    const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
@@ -6676,17 +6710,16 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         }), 128)),
         !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, ({ id, label }) => {
-            return openBlock(), createElementBlock("div", {
-              key: id,
-              class: "data-row"
-            }, [
-              createElementVNode("div", _hoisted_6$7, [
-                createElementVNode("p", _hoisted_7$3, toDisplayString(label), 1)
-              ]),
-              createElementVNode("div", _hoisted_8$1, [
-                createElementVNode("p", _hoisted_9$1, toDisplayString(itemData.value[id ?? ""]), 1)
-              ])
-            ]);
+            return openBlock(), createElementBlock(Fragment$1, { key: id }, [
+              !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+                createElementVNode("div", _hoisted_7$3, [
+                  createElementVNode("p", _hoisted_8$1, toDisplayString(label), 1)
+                ]),
+                createElementVNode("div", null, [
+                  id ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(dataTransform(itemData.value[id])), 1)) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true)
+            ], 64);
           }), 128))
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "footer", {}, void 0, true)
@@ -6694,7 +6727,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-792f7ec0"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0ffde6c7"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -28863,7 +28896,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-5409803c"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-6716fd45"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = { class: "bagel-input" };
 const _hoisted_2$e = {
   key: 0,
@@ -29107,7 +29140,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5409803c"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6716fd45"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-eceeebfb"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$i = ["title"];
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
@@ -41452,7 +41485,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -44360,6 +44393,11 @@ let Editor$1 = class Editor2 extends EventEmitter {
     }
     const state2 = this.state.apply(transaction);
     const selectionHasChanged = !this.state.selection.eq(state2.selection);
+    this.emit("beforeTransaction", {
+      editor: this,
+      transaction,
+      nextState: state2
+    });
     this.view.updateState(state2);
     this.emit("transaction", {
       editor: this,
@@ -49821,12 +49859,12 @@ function useDebouncedRef(value) {
 class Editor extends Editor$1 {
   constructor(options = {}) {
     super(options);
-    this.vueRenderers = reactive(/* @__PURE__ */ new Map());
     this.contentComponent = null;
+    this.appContext = null;
     this.reactiveState = useDebouncedRef(this.view.state);
     this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage);
-    this.on("transaction", () => {
-      this.reactiveState.value = this.view.state;
+    this.on("beforeTransaction", ({ nextState }) => {
+      this.reactiveState.value = nextState;
       this.reactiveExtensionStorage.value = this.extensionStorage;
     });
     return markRaw(this);
@@ -49873,6 +49911,16 @@ const EditorContent = defineComponent({
           const element = unref(rootEl2.value);
           rootEl2.value.append(...editor.options.element.childNodes);
           editor.contentComponent = instance.ctx._;
+          if (instance) {
+            editor.appContext = {
+              ...instance.appContext,
+              provides: {
+                // @ts-ignore
+                ...instance.provides,
+                ...instance.appContext.provides
+              }
+            };
+          }
           editor.setOptions({
             element
           });
@@ -49891,6 +49939,7 @@ const EditorContent = defineComponent({
         });
       }
       editor.contentComponent = null;
+      editor.appContext = null;
       if (!editor.options.element.firstChild) {
         return;
       }
@@ -49903,24 +49952,11 @@ const EditorContent = defineComponent({
     return { rootEl: rootEl2 };
   },
   render() {
-    const vueRenderers = [];
-    if (this.editor) {
-      this.editor.vueRenderers.forEach((vueRenderer) => {
-        const node = h$2(Teleport, {
-          to: vueRenderer.teleportElement,
-          key: vueRenderer.id
-        }, h$2(vueRenderer.component, {
-          ref: vueRenderer.id,
-          ...vueRenderer.props
-        }));
-        vueRenderers.push(node);
-      });
-    }
     return h$2("div", {
       ref: (el) => {
         this.rootEl = el;
       }
-    }, ...vueRenderers);
+    });
   }
 });
 defineComponent({
@@ -56307,10 +56343,18 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "bgl_input signature-pad",
+        class: "bgl_input signature-pad relative",
         onTouchmove: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent"]))
       }, [
+        !_ctx.disabled ? (openBlock(), createBlock(unref(Btn), {
+          key: 0,
+          flat: "",
+          thin: "",
+          icon: "refresh",
+          class: "position-bottom-end",
+          onClick: clear
+        })) : createCommentVNode("", true),
         createElementVNode("canvas", {
           ref_key: "vCanvas",
           ref: vCanvas,
@@ -63615,5 +63659,6 @@ export {
   useEscape,
   useI18nT,
   useLang,
+  useLocalStorage,
   useModal
 };