@sepveneto/dnde 0.5.0 → 0.5.2

package/dist/Editor.vue.d.ts

@@ -125,7 +125,9 @@ declare const _default: Vue.DefineComponent<Vue.ExtractPropTypes<{
         _view: "page";
         list: any[];
     }): void;
-}, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+}, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
     readonly remoteUrl: {
         readonly type: StringConstructor;
         readonly required: true;
@@ -138,7 +140,9 @@ declare const _default: Vue.DefineComponent<Vue.ExtractPropTypes<{
         readonly type: Vue.PropType<Record<string, any>>;
         readonly default: () => {};
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
     readonly widgets: import("./store").LikeWidget[];
     readonly extra: Record<string, any>;
 }, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;

package/dist/editor.js

@@ -18013,7 +18013,7 @@ function apply(func, thisArg, args) {
  * _.times(2, _.noop);
  * // => [undefined, undefined]
  */
-function noop$2() {
+function noop$3() {
   // No operation performed.
 }
 
@@ -22651,7 +22651,7 @@ var INFINITY$1 = 1 / 0;
  * @param {Array} values The values to add to the set.
  * @returns {Object} Returns the new set.
  */
-var createSet = !(Set$1 && (1 / setToArray(new Set$1([,-0]))[1]) == INFINITY$1) ? noop$2 : function(values) {
+var createSet = !(Set$1 && (1 / setToArray(new Set$1([,-0]))[1]) == INFINITY$1) ? noop$3 : function(values) {
   return new Set$1(values);
 };
 
@@ -22786,7 +22786,7 @@ const isDef = (val) => typeof val !== "undefined";
 const isFunction = (val) => typeof val === "function";
 const isString$1 = (val) => typeof val === "string";
 const clamp$1 = (n, min, max) => Math.min(max, Math.max(min, n));
-const noop$1 = () => {
+const noop$2 = () => {
 };
 const isIOS = isClient$1 && ((_a$2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a$2.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
@@ -22794,7 +22794,7 @@ function resolveUnref(r) {
   return typeof r === "function" ? r() : unref(r);
 }
 
-function createFilterWrapper(filter, fn) {
+function createFilterWrapper$1(filter, fn) {
   function wrapper(...args) {
     return new Promise((resolve, reject) => {
       Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
@@ -22802,14 +22802,14 @@ function createFilterWrapper(filter, fn) {
   }
   return wrapper;
 }
-function debounceFilter(ms, options = {}) {
+function debounceFilter$1(ms, options = {}) {
   let timer;
   let maxTimer;
-  let lastRejector = noop$1;
+  let lastRejector = noop$2;
   const _clearTimeout = (timer2) => {
     clearTimeout(timer2);
     lastRejector();
-    lastRejector = noop$1;
+    lastRejector = noop$2;
   };
   const filter = (invoke) => {
     const duration = resolveUnref(ms);
@@ -22847,14 +22847,14 @@ function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = fa
   let lastExec = 0;
   let timer;
   let isLeading = true;
-  let lastRejector = noop$1;
+  let lastRejector = noop$2;
   let lastValue;
   const clear = () => {
     if (timer) {
       clearTimeout(timer);
       timer = void 0;
       lastRejector();
-      lastRejector = noop$1;
+      lastRejector = noop$2;
     }
   };
   const filter = (_invoke) => {
@@ -22972,13 +22972,13 @@ function reactiveComputed(fn) {
   return toReactive(computed(fn));
 }
 
-function useDebounceFn(fn, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn);
+function useDebounceFn$1(fn, ms = 200, options = {}) {
+  return createFilterWrapper$1(debounceFilter$1(ms, options), fn);
 }
 
 function refDebounced(value, ms = 200, options = {}) {
   const debounced = ref(value.value);
-  const updater = useDebounceFn(() => {
+  const updater = useDebounceFn$1(() => {
     debounced.value = value.value;
   }, ms, options);
   watch(value, () => updater());
@@ -22986,7 +22986,7 @@ function refDebounced(value, ms = 200, options = {}) {
 }
 
 function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
+  return createFilterWrapper$1(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
 }
 
 function tryOnMounted(fn, sync = true) {
@@ -23057,7 +23057,7 @@ function useEventListener$1(...args) {
     [target, events, listeners, options] = args;
   }
   if (!target)
-    return noop$1;
+    return noop$2;
   if (!Array.isArray(events))
     events = [events];
   if (!Array.isArray(listeners))
@@ -23094,7 +23094,7 @@ function onClickOutside(target, handler, options = {}) {
     return;
   if (isIOS && !_iOSWorkaround) {
     _iOSWorkaround = true;
-    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop$1));
+    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop$2));
   }
   let shouldListen = true;
   const shouldIgnore = (event) => {
@@ -23351,7 +23351,7 @@ function useIntersectionObserver(target, callback, options = {}) {
     window = defaultWindow$1
   } = options;
   const isSupported = useSupported(() => window && "IntersectionObserver" in window);
-  let cleanup = noop$1;
+  let cleanup = noop$2;
   const stopWatch = isSupported.value ? watch(() => ({
     el: unrefElement$1(target),
     root: unrefElement$1(root)
@@ -23367,9 +23367,9 @@ function useIntersectionObserver(target, callback, options = {}) {
     observer.observe(el);
     cleanup = () => {
       observer.disconnect();
-      cleanup = noop$1;
+      cleanup = noop$2;
     };
-  }, { immediate: true, flush: "post" }) : noop$1;
+  }, { immediate: true, flush: "post" }) : noop$2;
   const stop = () => {
     cleanup();
     stopWatch();
@@ -82334,10 +82334,71 @@ const isClient = typeof window !== "undefined" && typeof document !== "undefined
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const toString = Object.prototype.toString;
 const isObject = (val) => toString.call(val) === "[object Object]";
+const noop$1 = () => {
+};
+
+function createFilterWrapper(filter, fn) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
+    });
+  }
+  return wrapper;
+}
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop$1;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop$1;
+  };
+  let lastInvoker;
+  const filter = (invoke) => {
+    const duration = toValue(ms);
+    const maxDuration = toValue(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      lastInvoker = invoke;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(lastInvoker());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter;
+}
 function toArray(value) {
   return Array.isArray(value) ? value : [value];
 }
 
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(
+    debounceFilter(ms, options),
+    fn
+  );
+}
+
 function watchImmediate(source, cb, options) {
   return watch(
     source,
@@ -105495,7 +105556,7 @@ const useEditor = defineStore("editor", () => {
   }
   function setData(data) {
     const widget2 = app.widgetMap.get(data._view) || defaultPage;
-    const { style, list, data: props } = data;
+    const { style, list = [], data: props } = data;
     const info = {
       props,
       style,
@@ -106796,9 +106857,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         name: "widgets",
         entry: `${props.remoteUrl}/mf-manifest.json`
       }
-      // TODO: 重构后需要重新验证
       // 必须开启，否则从其它页面切换回编辑器会导致渲染异常
-    ]);
+    ], { force: true });
     const ViewRender = loadFromRemote("widgets", "viewRender");
     app.setWidgets(props.widgets);
     const refConfigPanel = useTemplateRef("configPanelRef");
@@ -106894,7 +106954,9 @@ const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["styles", [_style_0]]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Editor",
   props: editorProps,
-  setup(__props, { expose: __expose }) {
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     runtimeExports.init({
       name: "editor",
       remotes: [],
@@ -106920,6 +106982,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const editor = useEditor();
     editor.shadowRoot = useShadowRoot();
+    const updateModelValue = useDebounceFn(() => {
+      const data = editor.getData();
+      emit("change", data);
+    }, 1e3);
+    watch(() => editor.rootNode, () => {
+      updateModelValue();
+    }, { deep: true });
     window.__shadowdom_css_runtime__ = async (tagLink) => {
       try {
         const res = await fetch(tagLink.href);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sepveneto/dnde",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "",
   "author": "",
   "license": "GPL",