mce 0.18.4 → 0.19.0

package/dist/components/EditorLayout.vue.d.ts

@@ -10,38 +10,16 @@ type __VLS_Slots = Slots & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     editor: typeof Editor;
     resizeStrategy: import("vue").PropType<import("../composables").ResizeStrategy>;
-    activeStrategy: {
-        type: import("vue").PropType<import("../composables").ActiveStrategy>;
-        default: import("../composables").ActiveStrategy;
-    };
-    doubleclickStrategy: {
-        type: import("vue").PropType<import("../composables").DoubleclickStrategy>;
-        default: import("../composables").DoubleclickStrategy;
-    };
-    hoverStrategy: {
-        type: import("vue").PropType<import("../composables").HoverStrategy>;
-        default: import("../composables").HoverStrategy;
-    };
+    activeStrategy: import("vue").PropType<import("../composables").ActiveStrategy>;
+    doubleclickStrategy: import("vue").PropType<import("../composables").DoubleclickStrategy>;
+    hoverStrategy: import("vue").PropType<import("../composables").HoverStrategy>;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     editor: typeof Editor;
     resizeStrategy: import("vue").PropType<import("../composables").ResizeStrategy>;
-    activeStrategy: {
-        type: import("vue").PropType<import("../composables").ActiveStrategy>;
-        default: import("../composables").ActiveStrategy;
-    };
-    doubleclickStrategy: {
-        type: import("vue").PropType<import("../composables").DoubleclickStrategy>;
-        default: import("../composables").DoubleclickStrategy;
-    };
-    hoverStrategy: {
-        type: import("vue").PropType<import("../composables").HoverStrategy>;
-        default: import("../composables").HoverStrategy;
-    };
-}>> & Readonly<{}>, {
-    activeStrategy: import("../composables").ActiveStrategy;
-    doubleclickStrategy: import("../composables").DoubleclickStrategy;
-    hoverStrategy: import("../composables").HoverStrategy;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    activeStrategy: import("vue").PropType<import("../composables").ActiveStrategy>;
+    doubleclickStrategy: import("vue").PropType<import("../composables").DoubleclickStrategy>;
+    hoverStrategy: import("vue").PropType<import("../composables").HoverStrategy>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/Selection.vue.d.ts

@@ -100,8 +100,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
             movable: boolean;
             rotatable: boolean;
             resizable: boolean;
-            tag: string | any;
             resizeStrategy: "free" | "lockAspectRatio";
+            tag: string | any;
             lockAspectRatioStrategy: "all" | "diagonal";
             handleShape: "rect" | "circle";
             handles: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
@@ -133,8 +133,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
         movable: boolean;
         rotatable: boolean;
         resizable: boolean;
-        tag: string | any;
         resizeStrategy: "free" | "lockAspectRatio";
+        tag: string | any;
         lockAspectRatioStrategy: "all" | "diagonal";
         handleShape: "rect" | "circle";
         handles: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
@@ -166,7 +166,7 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
         onStart?: ((context: Mce.TransformContext) => any) | undefined;
         onEnd?: ((context: Mce.TransformContext) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Partial<Mce.TransformValue> | undefined) => any) | undefined;
-    }>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "threshold" | "ui" | "movable" | "rotatable" | "resizable" | "tag" | "resizeStrategy" | "lockAspectRatioStrategy" | "handleShape" | "handles")> & {
+    }>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "threshold" | "ui" | "movable" | "rotatable" | "resizable" | "resizeStrategy" | "tag" | "lockAspectRatioStrategy" | "handleShape" | "handles")> & {
         start: (event?: MouseEvent, index?: number) => boolean;
         activeHandle: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined;
         transforming: boolean;
@@ -285,8 +285,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
             movable: boolean;
             rotatable: boolean;
             resizable: boolean;
-            tag: string | any;
             resizeStrategy: "free" | "lockAspectRatio";
+            tag: string | any;
             lockAspectRatioStrategy: "all" | "diagonal";
             handleShape: "rect" | "circle";
             handles: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
@@ -318,8 +318,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
         movable: boolean;
         rotatable: boolean;
         resizable: boolean;
-        tag: string | any;
         resizeStrategy: "free" | "lockAspectRatio";
+        tag: string | any;
         lockAspectRatioStrategy: "all" | "diagonal";
         handleShape: "rect" | "circle";
         handles: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
@@ -351,7 +351,7 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {
         onStart?: ((context: Mce.TransformContext) => any) | undefined;
         onEnd?: ((context: Mce.TransformContext) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Partial<Mce.TransformValue> | undefined) => any) | undefined;
-    }>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "threshold" | "ui" | "movable" | "rotatable" | "resizable" | "tag" | "resizeStrategy" | "lockAspectRatioStrategy" | "handleShape" | "handles")> & {
+    }>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "threshold" | "ui" | "movable" | "rotatable" | "resizable" | "resizeStrategy" | "tag" | "lockAspectRatioStrategy" | "handleShape" | "handles")> & {
         start: (event?: MouseEvent, index?: number) => boolean;
         activeHandle: ("move" | "resize-b" | "resize-r" | "resize-l" | "resize-t" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined;
         transforming: boolean;

package/dist/components/Workflow.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/shared/Transform.vue.d.ts

@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     movable: boolean;
     rotatable: boolean;
     resizable: boolean;
-    tag: string | any;
     resizeStrategy: "free" | "lockAspectRatio";
+    tag: string | any;
     lockAspectRatioStrategy: "all" | "diagonal";
     handleShape: "rect" | "circle";
     handles: Handle[];

package/dist/composables/icons.d.ts

@@ -15,6 +15,7 @@ export interface IconAliases {
     mouseLeftClick: IconValue;
     mouseRightClick: IconValue;
     check: IconValue;
+    plus: IconValue;
     collapse: IconValue;
     frame: IconValue;
     group: IconValue;

package/dist/index.css

@@ -1458,6 +1458,81 @@
 .m-text-editor__editor {
   pointer-events: auto !important;
   cursor: move;
+}.m-workflow {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 2;
+}
+.m-workflow__preview {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  pointer-events: none;
+}
+.m-workflow__preview path {
+  fill: none;
+  stroke: rgb(var(--m-theme-primary, 30 200 230));
+  stroke-width: 2;
+  stroke-linecap: round;
+}
+.m-workflow__port {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  margin: -9px 0 0 -9px;
+  border-radius: 50%;
+  background: rgb(var(--m-theme-primary, 30 200 230));
+  color: #fff;
+  font-size: 12px;
+  cursor: crosshair;
+  pointer-events: auto;
+  user-select: none;
+  box-shadow: 0 0 0 2px #fff;
+}
+.m-workflow__backdrop {
+  position: fixed;
+  inset: 0;
+  pointer-events: auto;
+}
+.m-workflow__menu {
+  position: absolute;
+  min-width: 200px;
+  padding: 6px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+  pointer-events: auto;
+}
+.m-workflow__menu-title {
+  padding: 6px 10px;
+  font-size: 12px;
+  color: #9ca3af;
+}
+.m-workflow__menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 8px 10px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  font-size: 14px;
+  color: #1f2937;
+  cursor: pointer;
+}
+.m-workflow__menu-item:hover {
+  background: #f3f4f6;
+}
+.m-workflow__menu-kbd {
+  font-size: 12px;
+  color: #9ca3af;
 }.m-floatbar .m-overlay-content {
   overflow: visible;
 }.m-float-panel {

package/dist/index.d.ts

@@ -18,5 +18,6 @@ export * from './plugin';
 export * from './plugins';
 export * from './scene';
 export * from './types';
+export * from './utils/create';
 export type { Camera2D, Element2D, Engine } from 'modern-canvas';
 export type { Document, Element, NormalizedElement } from 'modern-idoc';