修改mymodule

master
jwg 2 months ago
parent 42f807adf0
commit 1b9f16fd68

@ -1,12 +1,12 @@
<template> <template>
<div class="dv-decoration-3" :ref="ref"> <div class="dv-decoration-3" :ref="ref">
<svg :width="`${svgWH[0]}px`" :height="`${svgWH[1]}px`" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`"> <svg
:width="`${svgWH[0]}px`"
<template :height="`${svgWH[1]}px`"
v-for="(point, i) in points" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`"
> >
<template v-for="(point, i) in points" :key="i">
<rect <rect
:key="i"
:fill="mergedColor[0]" :fill="mergedColor[0]"
:x="point[0] - halfPointSideLength" :x="point[0] - halfPointSideLength"
:y="point[1] - halfPointSideLength" :y="point[1] - halfPointSideLength"
@ -40,7 +40,7 @@ export default {
props: { props: {
color: { color: {
type: Array, type: Array,
default: () => ([]) default: () => []
} }
}, },
data() { data() {
@ -94,10 +94,13 @@ export default {
const horizontalGap = w / (rowPoints + 1) const horizontalGap = w / (rowPoints + 1)
const verticalGap = h / (rowNum + 1) const verticalGap = h / (rowNum + 1)
let points = new Array(rowNum).fill(0).map((foo, i) => let points = new Array(rowNum)
new Array(rowPoints).fill(0).map((foo, j) => [ .fill(0)
horizontalGap * (j + 1), verticalGap * (i + 1) .map((foo, i) =>
])) new Array(rowPoints)
.fill(0)
.map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)])
)
this.points = points.reduce((all, item) => [...all, ...item], []) this.points = points.reduce((all, item) => [...all, ...item], [])
}, },

@ -1,11 +1,12 @@
<template> <template>
<div class="dv-decoration-6" :ref="ref"> <div class="dv-decoration-6" :ref="ref">
<svg :width="`${svgWH[0]}px`" :height="`${svgWH[1]}px`" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`"> <svg
<template :width="`${svgWH[0]}px`"
v-for="(point, i) in points" :height="`${svgWH[1]}px`"
:style="`transform:scale(${svgScale[0]},${svgScale[1]});`"
> >
<template v-for="(point, i) in points" :key="i">
<rect <rect
:key="i"
:fill="mergedColor[Math.random() > 0.5 ? 0 : 1]" :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
:x="point[0] - halfRectWidth" :x="point[0] - halfRectWidth"
:y="point[1] - heights[i] / 2" :y="point[1] - heights[i] / 2"
@ -14,7 +15,10 @@
> >
<animate <animate
attributeName="y" attributeName="y"
:values="`${point[1] - minHeights[i] / 2};${point[1] - heights[i] / 2};${point[1] - minHeights[i] / 2}`" :values="
`${point[1] - minHeights[i] / 2};${point[1] -
heights[i] / 2};${point[1] - minHeights[i] / 2}`
"
:dur="`${randoms[i]}s`" :dur="`${randoms[i]}s`"
keyTimes="0;0.5;1" keyTimes="0;0.5;1"
calcMode="spline" calcMode="spline"
@ -53,7 +57,7 @@ export default {
props: { props: {
color: { color: {
type: Array, type: Array,
default: () => ([]) default: () => []
} }
}, },
data() { data() {
@ -110,21 +114,30 @@ export default {
const horizontalGap = w / (rowPoints + 1) const horizontalGap = w / (rowPoints + 1)
const verticalGap = h / (rowNum + 1) const verticalGap = h / (rowNum + 1)
let points = new Array(rowNum).fill(0).map((foo, i) => let points = new Array(rowNum)
new Array(rowPoints).fill(0).map((foo, j) => [ .fill(0)
horizontalGap * (j + 1), verticalGap * (i + 1) .map((foo, i) =>
])) new Array(rowPoints)
.fill(0)
.map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)])
)
this.points = points.reduce((all, item) => [...all, ...item], []) this.points = points.reduce((all, item) => [...all, ...item], [])
const heights = this.heights = new Array(rowNum * rowPoints) const heights = (this.heights = new Array(rowNum * rowPoints)
.fill(0).map(foo => .fill(0)
Math.random() > 0.8 ? randomExtend(0.7 * h, h) : randomExtend(0.2 * h, 0.5 * h)) .map((foo) =>
Math.random() > 0.8
? randomExtend(0.7 * h, h)
: randomExtend(0.2 * h, 0.5 * h)
))
this.minHeights = new Array(rowNum * rowPoints) this.minHeights = new Array(rowNum * rowPoints)
.fill(0).map((foo, i) => heights[i] * Math.random()) .fill(0)
.map((foo, i) => heights[i] * Math.random())
this.randoms = new Array(rowNum * rowPoints) this.randoms = new Array(rowNum * rowPoints)
.fill(0).map(foo => Math.random() + 1.5) .fill(0)
.map((foo) => Math.random() + 1.5)
}, },
calcScale() { calcScale() {
const { width, height, svgWH } = this const { width, height, svgWH } = this

@ -1,4 +1,4 @@
import curves from './config/curves' import curves from '@jiaminghi/transition/src/config/curves'
const defaultTransitionBC = 'linear' const defaultTransitionBC = 'linear'

@ -3,7 +3,7 @@ const { expect } = require('chai')
const { const {
transition, transition,
injectNewCurve injectNewCurve
} = require('../src/index') } = require('@jiaminghi/transition/src')
const testCurve = [[[0.000, 1.000]],[[0.151, 0.396], [0.019, 0.604], [0.330, 0.056]],[[1.000, 0.000]]] const testCurve = [[[0.000, 1.000]],[[0.151, 0.396], [0.019, 0.604], [0.330, 0.056]],[[1.000, 0.000]]]

@ -6,8 +6,8 @@ import {
GetPositionStore, GetPositionStore,
MatchedLine, MatchedLine,
SetMatchedLine SetMatchedLine
} from './types' } from 'vue3-draggable-resizable/src/components/types'
import { IDENTITY } from './utils' import { IDENTITY } from 'vue3-draggable-resizable/src/components/utils'
export default defineComponent({ export default defineComponent({
name: 'DraggableContainer', name: 'DraggableContainer',

@ -6,16 +6,16 @@ import {
initParent, initParent,
initLimitSizeAndMethods, initLimitSizeAndMethods,
initResizeHandle initResizeHandle
} from './hooks' } from 'vue3-draggable-resizable/src/components/hooks'
import './index.css' import 'vue3-draggable-resizable/src/components/index.css'
import { getElSize, filterHandles, IDENTITY } from './utils' import { getElSize, filterHandles, IDENTITY } from 'vue3-draggable-resizable/src/components/utils'
import { import {
UpdatePosition, UpdatePosition,
GetPositionStore, GetPositionStore,
ResizingHandle, ResizingHandle,
ContainerProvider, ContainerProvider,
SetMatchedLine SetMatchedLine
} from './types' } from 'vue3-draggable-resizable/src/components/types'
export const ALL_HANDLES: ResizingHandle[] = [ export const ALL_HANDLES: ResizingHandle[] = [
'tl', 'tl',

@ -1,11 +1,11 @@
import { onMounted, onUnmounted, ref, watch, Ref, computed } from 'vue' import { onMounted, onUnmounted, ref, watch, Ref, computed } from 'vue'
import { getElSize, filterHandles, getId, getReferenceLineMap } from './utils' import { getElSize, filterHandles, getId, getReferenceLineMap } from 'vue3-draggable-resizable/src/components/utils'
import { import {
ContainerProvider, ContainerProvider,
MatchedLine, MatchedLine,
ReferenceLineMap, ReferenceLineMap,
ResizingHandle ResizingHandle
} from './types' } from 'vue3-draggable-resizable/src/components/types'
export function useState<T>(initialState: T): [Ref<T>, (value: T) => T] { export function useState<T>(initialState: T): [Ref<T>, (value: T) => T] {
const state = ref(initialState) as Ref<T> const state = ref(initialState) as Ref<T>

@ -1,5 +1,5 @@
import { Ref } from 'vue' import { Ref } from 'vue'
import { initParent } from './hooks' import { initParent } from 'vue3-draggable-resizable/src/components/hooks'
export interface Position { export interface Position {
x: number x: number

@ -3,8 +3,8 @@ import {
ParentSize, ParentSize,
ReferenceLineMap, ReferenceLineMap,
ResizingHandle ResizingHandle
} from './types' } from 'vue3-draggable-resizable/src/components/types'
import { ALL_HANDLES } from './Vue3DraggableResizable' import { ALL_HANDLES } from 'vue3-draggable-resizable/src/components/Vue3DraggableResizable'
export const IDENTITY = Symbol('Vue3DraggableResizable') export const IDENTITY = Symbol('Vue3DraggableResizable')

@ -1,5 +1,5 @@
import VueDraggableResizable from './components/Vue3DraggableResizable' import VueDraggableResizable from 'vue3-draggable-resizable/src/components/Vue3DraggableResizable'
import DraggableContainer from './components/DraggableContainer' import DraggableContainer from 'vue3-draggable-resizable/src/components/DraggableContainer'
import { App, Plugin } from 'vue' import { App, Plugin } from 'vue'
VueDraggableResizable.install = (app: App) => { VueDraggableResizable.install = (app: App) => {
@ -8,5 +8,5 @@ VueDraggableResizable.install = (app: App) => {
return app return app
} }
export { default as DraggableContainer } from './components/DraggableContainer' export { default as DraggableContainer } from 'vue3-draggable-resizable/src/components/DraggableContainer'
export default VueDraggableResizable as typeof VueDraggableResizable & Plugin export default VueDraggableResizable as typeof VueDraggableResizable & Plugin

@ -1,5 +1,5 @@
import { Ref } from 'vue'; import { Ref } from 'vue';
import { ContainerProvider, ResizingHandle } from './types'; import { ContainerProvider, ResizingHandle } from 'vue3-draggable-resizable/typings/components/types';
export declare function useState<T>(initialState: T): [Ref<T>, (value: T) => T]; export declare function useState<T>(initialState: T): [Ref<T>, (value: T) => T];
export declare function initState(props: any, emit: any): { export declare function initState(props: any, emit: any): {
id: string; id: string;

@ -1,5 +1,5 @@
import { Ref } from 'vue'; import { Ref } from 'vue';
import { initParent } from './hooks'; import { initParent } from 'vue3-draggable-resizable/typings/components/hooks';
export interface Position { export interface Position {
x: number; x: number;
y: number; y: number;

@ -1,5 +1,5 @@
import { App } from 'vue'; import { App } from 'vue';
export { default as DraggableContainer } from './components/DraggableContainer'; export { default as DraggableContainer } from 'vue3-draggable-resizable/typings/components/DraggableContainer';
declare const _default: ({ declare const _default: ({
new (...args: any[]): { new (...args: any[]): {
$: import("vue").ComponentInternalInstance; $: import("vue").ComponentInternalInstance;
@ -90,8 +90,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}>, { } & {}>, {
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -114,7 +114,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -123,7 +123,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -133,7 +133,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}, unknown, { }, unknown, {
style(): { style(): {
[propName: string]: string; [propName: string]: string;
@ -196,8 +196,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}> & import("vue").ShallowUnwrapRef<{ } & {}> & import("vue").ShallowUnwrapRef<{
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -220,7 +220,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -229,7 +229,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -239,7 +239,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}> & { }> & {
style: { style: {
[propName: string]: string; [propName: string]: string;
@ -277,8 +277,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}>, { } & {}>, {
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -301,7 +301,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -310,7 +310,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -320,7 +320,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}, unknown, { }, unknown, {
style(): { style(): {
[propName: string]: string; [propName: string]: string;
@ -445,8 +445,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}>, { } & {}>, {
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -469,7 +469,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -478,7 +478,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -488,7 +488,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}, unknown, { }, unknown, {
style(): { style(): {
[propName: string]: string; [propName: string]: string;
@ -551,8 +551,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}> & import("vue").ShallowUnwrapRef<{ } & {}> & import("vue").ShallowUnwrapRef<{
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -575,7 +575,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -584,7 +584,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -594,7 +594,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}> & { }> & {
style: { style: {
[propName: string]: string; [propName: string]: string;
@ -632,8 +632,8 @@ declare const _default: ({
classNameHandle: string; classNameHandle: string;
lockAspectRatio: boolean; lockAspectRatio: boolean;
} & {}>, { } & {}>, {
handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>; handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void; resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
setWidth(val: number): number; setWidth(val: number): number;
setHeight(val: number): number; setHeight(val: number): number;
setTop(val: number): number; setTop(val: number): number;
@ -656,7 +656,7 @@ declare const _default: ({
enable: import("vue").Ref<boolean>; enable: import("vue").Ref<boolean>;
dragging: import("vue").Ref<boolean>; dragging: import("vue").Ref<boolean>;
resizing: import("vue").Ref<boolean>; resizing: import("vue").Ref<boolean>;
resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>; resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
resizingMaxHeight: import("vue").Ref<number>; resizingMaxHeight: import("vue").Ref<number>;
resizingMaxWidth: import("vue").Ref<number>; resizingMaxWidth: import("vue").Ref<number>;
resizingMinWidth: import("vue").Ref<number>; resizingMinWidth: import("vue").Ref<number>;
@ -665,7 +665,7 @@ declare const _default: ({
setEnable: (value: boolean) => boolean; setEnable: (value: boolean) => boolean;
setDragging: (value: boolean) => boolean; setDragging: (value: boolean) => boolean;
setResizing: (value: boolean) => boolean; setResizing: (value: boolean) => boolean;
setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle; setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
setResizingMaxHeight: (value: number) => number; setResizingMaxHeight: (value: number) => number;
setResizingMaxWidth: (value: number) => number; setResizingMaxWidth: (value: number) => number;
setResizingMinWidth: (value: number) => number; setResizingMinWidth: (value: number) => number;
@ -675,7 +675,7 @@ declare const _default: ({
$setTop: (val: number) => number; $setTop: (val: number) => number;
$setLeft: (val: number) => number; $setLeft: (val: number) => number;
containerRef: import("vue").Ref<HTMLElement>; containerRef: import("vue").Ref<HTMLElement>;
containerProvider: import("./components/types").ContainerProvider; containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
}, unknown, { }, unknown, {
style(): { style(): {
[propName: string]: string; [propName: string]: string;

160
package-lock.json generated

@ -2099,6 +2099,16 @@
"integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=", "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=",
"dev": true "dev": true
}, },
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"cacache": { "cacache": {
"version": "13.0.1", "version": "13.0.1",
"resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz", "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz",
@ -2125,6 +2135,53 @@
"unique-filename": "^1.1.1" "unique-filename": "^1.1.1"
} }
}, },
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.4",
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
"integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"source-map": { "source-map": {
"version": "0.6.1", "version": "0.6.1",
"resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz", "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
@ -2141,6 +2198,16 @@
"minipass": "^3.1.1" "minipass": "^3.1.1"
} }
}, },
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"terser-webpack-plugin": { "terser-webpack-plugin": {
"version": "2.3.8", "version": "2.3.8",
"resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz?cache=0&sync_timestamp=1603881772144&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-2.3.8.tgz", "resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz?cache=0&sync_timestamp=1603881772144&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-2.3.8.tgz",
@ -2157,6 +2224,18 @@
"terser": "^4.6.12", "terser": "^4.6.12",
"webpack-sources": "^1.4.3" "webpack-sources": "^1.4.3"
} }
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
}
} }
} }
}, },
@ -12177,87 +12256,6 @@
} }
} }
}, },
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
"integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
}
}
},
"vue-router": { "vue-router": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.1.tgz?cache=0&sync_timestamp=1607347326065&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.1.tgz", "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.1.tgz?cache=0&sync_timestamp=1607347326065&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.1.tgz",

Loading…
Cancel
Save