deciphony-renderer 0.0.18 → 0.0.20

package/dist/components/dragbox/rectDragBox.d.ts

@@ -0,0 +1,114 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    boxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        required: true;
+    };
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    boxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        required: true;
+    };
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        };
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    position: {
+        startPoint: {
+            x: number;
+            y: number;
+        };
+        endPoint: {
+            x: number;
+            y: number;
+        };
+    };
+    boxSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/keySignature.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { KeySignatureMsSymbol, MusicScore } from '../../../deciphony-core/src/types';
+import { KeySignatureMsSymbol, MusicScore } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     keySignature: {
         type: PropType<KeySignatureMsSymbol>;
@@ -36,7 +36,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     musicScore: MusicScore;
-    slotWidth: number;
     measureHeight: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    slotWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/measureContainer.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Measure, MultipleStaves, MusicScore, SingleStaff } from '../../../deciphony-core/src/types';
+import { Measure, MultipleStaves, MusicScore, SingleStaff } from 'deciphony-core';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,11 +8,11 @@ declare function __VLS_template(): {
         default?(_: {
             measure: Measure;
             measureIndex: number;
-            singleStaff: SingleStaff;
-            singleStaffIndex: number;
+            measureWidth: number;
             multipleStaves: MultipleStaves;
             multipleStavesIndex: number;
-            measureWidth: number;
+            singleStaff: SingleStaff;
+            singleStaffIndex: number;
         }): any;
     };
     refs: {};

package/dist/components/msSymbol.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Measure, MsSymbol, MsSymbolContainer, MusicScore, SingleStaff } from '../../../deciphony-core/src/types';
+import { Measure, MsSymbol, MsSymbolContainer, MusicScore, SingleStaff } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     msSymbol: {
         type: PropType<MsSymbol>;
@@ -10,12 +10,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     measure: {
         type: PropType<Measure>;
@@ -52,7 +50,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         required: true;
     };
-    slotBottom: {
+    slotTop: {
         type: NumberConstructor;
         required: true;
     };
@@ -83,12 +81,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     measure: {
         type: PropType<Measure>;
@@ -125,7 +121,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         required: true;
     };
-    slotBottom: {
+    slotTop: {
         type: NumberConstructor;
         required: true;
     };
@@ -147,6 +143,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     isMain: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    msSymbolRef: HTMLDivElement;
+    msSymbolRef: HTMLImageElement;
 }, any>;
 export default _default;

package/dist/components/msSymbolContainer.d.ts

@@ -1,4 +1,4 @@
-import { Measure, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff } from '../../../deciphony-core/src/types';
+import { Measure, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff } from 'deciphony-core';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     msSymbolContainer: {
@@ -6,12 +6,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     measureHeight: {
         type: NumberConstructor;
@@ -54,12 +52,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     measureHeight: {
         type: NumberConstructor;

package/dist/components/msSymbolSlot.d.ts

@@ -1,4 +1,4 @@
-import { Measure, MsSymbol, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff } from '../../../deciphony-core/src/types';
+import { Measure, MsSymbol, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff } from 'deciphony-core';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     msSymbol: {
@@ -10,12 +10,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     containerWidth: {
         type: NumberConstructor;
@@ -69,12 +67,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     containerWidth: {
         type: NumberConstructor;
@@ -136,12 +132,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
         preContainer: {
-            type: PropType<MsSymbolContainer | undefined>;
-            required: true;
+            type: PropType<MsSymbolContainer | null>;
         };
         nextContainer: {
-            type: PropType<MsSymbolContainer | undefined>;
-            required: true;
+            type: PropType<MsSymbolContainer | null>;
         };
         measure: {
             type: PropType<Measure>;
@@ -178,7 +172,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             required: true;
         };
-        slotBottom: {
+        slotTop: {
             type: NumberConstructor;
             required: true;
         };
@@ -205,7 +199,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, import('vue').PublicProps, {
         isMain: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        msSymbolRef: HTMLDivElement;
+        msSymbolRef: HTMLImageElement;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -223,12 +217,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
         preContainer: {
-            type: PropType<MsSymbolContainer | undefined>;
-            required: true;
+            type: PropType<MsSymbolContainer | null>;
         };
         nextContainer: {
-            type: PropType<MsSymbolContainer | undefined>;
-            required: true;
+            type: PropType<MsSymbolContainer | null>;
         };
         measure: {
             type: PropType<Measure>;
@@ -265,7 +257,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             required: true;
         };
-        slotBottom: {
+        slotTop: {
             type: NumberConstructor;
             required: true;
         };

package/dist/components/noteTail.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Measure, MsSymbol, MsSymbolContainer, MusicScore, NoteHead, NoteTail, SingleStaff } from '../../../deciphony-core/src/types';
+import { Measure, MsSymbol, MsSymbolContainer, MusicScore, NoteHead, NoteTail, SingleStaff } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     noteTail: {
         type: PropType<NoteTail>;
@@ -10,12 +10,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     msSymbolContainer: {
         type: PropType<MsSymbolContainer>;
@@ -58,12 +56,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     preContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     nextContainer: {
-        type: PropType<MsSymbolContainer | undefined>;
-        required: true;
+        type: PropType<MsSymbolContainer | null>;
     };
     msSymbolContainer: {
         type: PropType<MsSymbolContainer>;
@@ -96,5 +92,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/slur.d.ts

@@ -1,14 +1,109 @@
 import { PropType } from 'vue';
-import { Slur } from '../../../deciphony-core/src/types';
+import { Slur } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     slur: {
         type: PropType<Slur>;
         required: true;
     };
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+            leftSlope: {
+                x: number;
+                y: number;
+            };
+            rightSlope: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+            leftSlope: {
+                x: number;
+                y: number;
+            };
+            rightSlope: {
+                x: number;
+                y: number;
+            };
+        };
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     slur: {
         type: PropType<Slur>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+            leftSlope: {
+                x: number;
+                y: number;
+            };
+            rightSlope: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+            leftSlope: {
+                x: number;
+                y: number;
+            };
+            rightSlope: {
+                x: number;
+                y: number;
+            };
+        };
+    };
+}>> & Readonly<{}>, {
+    position: {
+        startPoint: {
+            x: number;
+            y: number;
+        };
+        endPoint: {
+            x: number;
+            y: number;
+        };
+        leftSlope: {
+            x: number;
+            y: number;
+        };
+        rightSlope: {
+            x: number;
+            y: number;
+        };
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGPathElement>;
 export default _default;

package/dist/components/spanSymbol.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { MusicScore, SpanSymbol } from '../../../deciphony-core/src/types';
+import { MusicScore, SpanSymbol } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     spanSymbol: {
         type: PropType<SpanSymbol>;

package/dist/components/timeSignature.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { TimeSignatureMsSymbol } from '../../../deciphony-core/src/types';
+import { TimeSignatureMsSymbol } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     timeSignature: {
         type: PropType<TimeSignatureMsSymbol>;

package/dist/components/virtualSymbolContainer.d.ts

@@ -1,4 +1,4 @@
-import { Measure, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff, VirtualSymbolContainerType } from '../../../deciphony-core/src/types';
+import { Measure, MsSymbolContainer, MultipleStaves, MusicScore, SingleStaff, VirtualSymbolContainerType } from 'deciphony-core';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     ind: {};

package/dist/components/volta.d.ts

@@ -1,14 +1,69 @@
 import { PropType } from 'vue';
-import { Volta } from '../../../deciphony-core/src/types';
+import { Volta } from 'deciphony-core';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     volta: {
         type: PropType<Volta>;
         required: true;
     };
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        };
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     volta: {
         type: PropType<Volta>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    position: {
+        type: PropType<{
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        }>;
+        default: () => {
+            startPoint: {
+                x: number;
+                y: number;
+            };
+            endPoint: {
+                x: number;
+                y: number;
+            };
+        };
+    };
+}>> & Readonly<{}>, {
+    position: {
+        startPoint: {
+            x: number;
+            y: number;
+        };
+        endPoint: {
+            x: number;
+            y: number;
+        };
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/composables/useSkin.d.ts

@@ -0,0 +1,9 @@
+export declare function useSkin(): {
+    svgSkin: import('vue').Ref<Record<string, {
+        url: string;
+    }>, Record<string, {
+        url: string;
+    }>>;
+    isOriginSkin: import('vue').ComputedRef<boolean>;
+    resetSkin: () => void;
+};

package/dist/deciphony-renderer.css

@@ -1 +1 @@
-img[data-v-45ed8482]{display:block}.measure[data-v-45ed8482]{pointer-events:all}.singleStaff[data-v-98818cac]{display:grid;grid-template-rows:1fr}.measureSlot[data-v-98818cac]{display:grid;position:relative}.keySignature[data-v-2bd67863]{position:relative}.symbol[data-v-2bd67863]{object-fit:contain}.timeSignature[data-v-08c2b53d]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-weight:700}.timeSignature>div[data-v-08c2b53d]{pointer-events:none}.msSymbol[data-v-5b6eb544]{pointer-events:all}.msSymbolSlot[data-v-501cb6ae]{display:flex;position:absolute}.msSymbolContainer[data-v-a10cc562]{overflow:visible;position:absolute}.resizable-box[data-v-5a499cb9]{border:1px dashed #aaa;box-sizing:border-box}.drag-point[data-v-5a499cb9]{position:absolute;width:10px;height:10px;background-color:#333;z-index:10;cursor:pointer}.top-left[data-v-5a499cb9]{top:-5px;left:-5px;cursor:nwse-resize}.top-right[data-v-5a499cb9]{top:-5px;right:-5px;cursor:nesw-resize}.bottom-left[data-v-5a499cb9]{bottom:-5px;left:-5px;cursor:nesw-resize}.bottom-right[data-v-5a499cb9]{bottom:-5px;right:-5px;cursor:nwse-resize}.volta[data-v-71eea7f6]{border-left:1px solid black;border-top:1px solid black;pointer-events:auto;-webkit-user-select:none;user-select:none}.volta>*[data-v-71eea7f6]{pointer-events:none}.slur[data-v-45a54060]{width:100%;height:100%;pointer-events:auto;-webkit-user-select:none;user-select:none}.slur[data-v-45a54060]>*{pointer-events:none}.slur-svg[data-v-45a54060]{width:100%;height:100%}.slur-path[data-v-45a54060]{fill:#000;stroke:none}.vitrualSymbolContainer[data-v-04b21654]{position:absolute;pointer-events:all;opacity:0}.vitrualSymbolContainer[data-v-04b21654]:hover{opacity:1}.test[data-v-04b21654]{height:50px;width:10px;background-color:#111}.lineLayer[data-v-54269214],.symbolLayer[data-v-54269214]{align-items:start}
+img[data-v-9f0fceab]{display:block}.measure[data-v-9f0fceab]{pointer-events:all}.singleStaff[data-v-a1e2844f]{display:grid;grid-template-rows:1fr}.measureSlot[data-v-a1e2844f]{display:grid;position:relative}.timeSignature[data-v-74f3a255]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-weight:700}.timeSignature>div[data-v-74f3a255]{pointer-events:none}.keySignature[data-v-8485dd0d]{position:relative}.symbol[data-v-8485dd0d]{object-fit:contain}.msSymbol[data-v-f2b994c1]{pointer-events:all}.msSymbolSlot[data-v-ad68dc2d]{display:flex;position:absolute}.msSymbolContainer[data-v-8d8f6d46]{overflow:visible;position:absolute}.volta[data-v-511c3804]{pointer-events:auto;-webkit-user-select:none;user-select:none}.slur[data-v-784581bb]{width:100%;height:100%;pointer-events:auto;-webkit-user-select:none;user-select:none}.slur[data-v-784581bb]>*{pointer-events:none}.slur-svg[data-v-784581bb]{width:100%;height:100%}.slur-path[data-v-784581bb]{fill:#000;stroke:none}svg[data-v-1b2a89b1]{-webkit-user-select:none;user-select:none}svg[data-v-edd33ee1]{-webkit-user-select:none;user-select:none}.vitrualSymbolContainer[data-v-9c8f213c]{position:absolute;pointer-events:all;opacity:0;overflow:hidden}.vitrualSymbolContainer[data-v-9c8f213c]:hover{opacity:1}.test[data-v-9c8f213c]{height:50px;width:10px;background-color:#111}.lineLayer[data-v-88ce0663],.symbolLayer[data-v-88ce0663]{align-items:start}

package/dist/enum.d.ts

@@ -0,0 +1,7 @@
+/** 拖拽框的类型 */
+export declare enum DragType {
+    /** 普通矩形变形框 */
+    RectTransform = "RectTransform",
+    /** 三次贝塞尔曲线类型 */
+    CubicBezier = "CubicBezier"
+}