@vunk/form 1.1.82 → 1.1.83

package/components/vditor/index.mjs

@@ -1,5 +1,5 @@
 import Vditor from 'vditor';
-import { inject, unref, ref, watch, defineComponent, nextTick, shallowRef, provide, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, withCtx, normalizeClass, renderSlot, createCommentVNode } from 'vue';
+import { inject, unref, ref, getCurrentScope, onScopeDispose, watch, defineComponent, nextTick, shallowRef, provide, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, withCtx, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import { VkAsyncTeleport } from '@vunk/core';
 
@@ -46,12 +46,17 @@ const props = {
       "export",
       "|"
     ]
+  },
+  fullscreen: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
   load: (e) => e,
   "update:modelValue": (e) => e,
-  ctrlEnter: (e) => e
+  ctrlEnter: (e) => e,
+  "update:fullscreen": (e) => e
 };
 
 function mitt(n){return {all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e]);},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]));},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e);}),(i=n.get("*"))&&i.slice().map(function(n){n(t,e);});}}}
@@ -99,17 +104,25 @@ function pausableFilter(extendFilter = bypassFilter) {
   return { isActive, pause, resume, eventFilter };
 }
 
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+
+var __getOwnPropSymbols$6$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6$1 = Object.prototype.propertyIsEnumerable;
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6$1)
+    for (var prop of __getOwnPropSymbols$6$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -142,7 +155,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$1 = (source, exclude) => {
+var __objRest$1$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -157,7 +170,7 @@ var __objRest$1 = (source, exclude) => {
 function watchPausable(source, cb, options = {}) {
   const _a = options, {
     eventFilter: filter
-  } = _a, watchOptions = __objRest$1(_a, [
+  } = _a, watchOptions = __objRest$1$1(_a, [
     "eventFilter"
   ]);
   const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
@@ -167,7 +180,71 @@ function watchPausable(source, cb, options = {}) {
   return { stop, pause, resume, isActive };
 }
 
-var _sfc_main$1 = defineComponent({
+function unrefElement(elRef) {
+  var _a;
+  const plain = unref(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+
+const defaultWindow = isClient ? window : void 0;
+
+const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey = "__vueuse_ssr_handlers__";
+_global[globalKey] = _global[globalKey] || {};
+
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function useMutationObserver(target, callback, options = {}) {
+  const _a = options, { window = defaultWindow } = _a, mutationOptions = __objRest$1(_a, ["window"]);
+  let observer;
+  const isSupported = window && "MutationObserver" in window;
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const stopWatch = watch(() => unrefElement(target), (el) => {
+    cleanup();
+    if (isSupported && window && el) {
+      observer = new MutationObserver(callback);
+      observer.observe(el, mutationOptions);
+    }
+  }, { immediate: true });
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+
+var _sfc_main$2 = defineComponent({
   props: {
     modelValue: {
       type: String,
@@ -195,12 +272,55 @@ var _sfc_main$1 = defineComponent({
   }
 });
 
-var HandleValue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/vditor/src/handle-value.vue"]]);
+var HandleValue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/vditor/src/handle-value.vue"]]);
+
+var _sfc_main$1 = defineComponent({
+  props: {
+    fullscreen: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    "update:fullscreen": null
+  },
+  setup(props, { emit }) {
+    const vditor = useVditor();
+    const el = vditor.vditor.element;
+    const domFullscreen = ref(false);
+    useMutationObserver(el, () => {
+      if (el.classList.contains("vditor--fullscreen")) {
+        domFullscreen.value = true;
+      } else {
+        domFullscreen.value = false;
+      }
+    }, {
+      attributes: true
+    });
+    watch(() => props.fullscreen, (value) => {
+      if (value !== domFullscreen.value) {
+        const ir = vditor.vditor.ir?.element;
+        if (!ir) return;
+        ir.dispatchEvent(new KeyboardEvent("keydown", {
+          key: "'",
+          ctrlKey: true
+        }));
+      }
+    }, { immediate: true });
+    watch(() => domFullscreen.value, (value) => {
+      emit("update:fullscreen", value);
+    });
+    return () => null;
+  }
+});
+
+var HandleFullscreen = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/vditor/src/handle-fullscreen.vue"]]);
 
 var _sfc_main = defineComponent({
   name: "VkfVditor",
   components: {
     HandleValue,
+    HandleFullscreen,
     VkAsyncTeleport
   },
   props,
@@ -233,6 +353,7 @@ var _sfc_main = defineComponent({
           props2.defaultOptions.input?.(value);
         },
         ctrlEnter(value) {
+          emit("update:modelValue", value);
           emit("ctrlEnter", value);
         },
         focus(v) {
@@ -261,6 +382,7 @@ const _hoisted_1 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkAsyncTeleport = resolveComponent("VkAsyncTeleport");
   const _component_HandleValue = resolveComponent("HandleValue");
+  const _component_HandleFullscreen = resolveComponent("HandleFullscreen");
   return openBlock(), createElementBlock(
     Fragment,
     null,
@@ -299,7 +421,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "model-value": _ctx.modelValue,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }, null, 8, ["model-value"])) : createCommentVNode("v-if", true),
-      _ctx.ready ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("v-if", true)
+      _ctx.ready ? (openBlock(), createBlock(_component_HandleFullscreen, {
+        key: 2,
+        fullscreen: _ctx.fullscreen,
+        "onUpdate:fullscreen": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fullscreen", $event))
+      }, null, 8, ["fullscreen"])) : createCommentVNode("v-if", true),
+      _ctx.ready ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("v-if", true)
     ],
     64
     /* STABLE_FRAGMENT */

package/components/vditor/src/ctx.d.ts

@@ -18,9 +18,14 @@ export declare const props: {
         type: PropType<string[]>;
         default: () => string[];
     };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const emits: {
     load: (e: Vditor) => Vditor;
     'update:modelValue': (e: string) => string;
     ctrlEnter: (e: string) => string;
+    'update:fullscreen': (e: boolean) => boolean;
 };

package/components/vditor/src/handle-fullscreen.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:fullscreen': any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:fullscreen"?: (...args: any[] | unknown[]) => any;
+}, {
+    fullscreen: boolean;
+}, {}>;
+export default _default;

package/components/vditor/src/index.vue.d.ts

@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     vditorNode: Ref<HTMLDivElement>;
     isTextareaFocus: Ref<boolean>;
@@ -25,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     load: (e: Vditor) => Vditor;
     'update:modelValue': (e: string) => string;
     ctrlEnter: (e: string) => string;
+    'update:fullscreen': (e: boolean) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -42,14 +47,20 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (e: string) => any;
     onLoad?: (e: Vditor) => any;
+    "onUpdate:fullscreen"?: (e: boolean) => any;
     onCtrlEnter?: (e: string) => any;
 }, {
     placeholder: string;
     modelValue: string;
     defaultOptions: IOptions;
+    fullscreen: boolean;
     toolbar: string[];
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.1.82",
+  "version": "1.1.83",
   "description": "",
   "main": "index.esm.js",
   "scripts": {