Vue3DraggableResizable.d.ts 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. import { Ref } from 'vue';
  2. import './index.css';
  3. import { ResizingHandle, ContainerProvider } from './types';
  4. export declare const ALL_HANDLES: ResizingHandle[];
  5. declare const VueDraggableResizable: import("vue").DefineComponent<{
  6. initW: {
  7. type: NumberConstructor;
  8. default: any;
  9. };
  10. initH: {
  11. type: NumberConstructor;
  12. default: any;
  13. };
  14. w: {
  15. type: NumberConstructor;
  16. default: number;
  17. };
  18. h: {
  19. type: NumberConstructor;
  20. default: number;
  21. };
  22. x: {
  23. type: NumberConstructor;
  24. default: number;
  25. };
  26. y: {
  27. type: NumberConstructor;
  28. default: number;
  29. };
  30. draggable: {
  31. type: BooleanConstructor;
  32. default: boolean;
  33. };
  34. resizable: {
  35. type: BooleanConstructor;
  36. default: boolean;
  37. };
  38. disabledX: {
  39. type: BooleanConstructor;
  40. default: boolean;
  41. };
  42. disabledY: {
  43. type: BooleanConstructor;
  44. default: boolean;
  45. };
  46. disabledW: {
  47. type: BooleanConstructor;
  48. default: boolean;
  49. };
  50. disabledH: {
  51. type: BooleanConstructor;
  52. default: boolean;
  53. };
  54. minW: {
  55. type: NumberConstructor;
  56. default: number;
  57. };
  58. minH: {
  59. type: NumberConstructor;
  60. default: number;
  61. };
  62. active: {
  63. type: BooleanConstructor;
  64. default: boolean;
  65. };
  66. parent: {
  67. type: BooleanConstructor;
  68. default: boolean;
  69. };
  70. handles: {
  71. type: ArrayConstructor;
  72. default: ResizingHandle[];
  73. validator: (handles: ResizingHandle[]) => boolean;
  74. };
  75. classNameDraggable: {
  76. type: StringConstructor;
  77. default: string;
  78. };
  79. classNameResizable: {
  80. type: StringConstructor;
  81. default: string;
  82. };
  83. classNameDragging: {
  84. type: StringConstructor;
  85. default: string;
  86. };
  87. classNameResizing: {
  88. type: StringConstructor;
  89. default: string;
  90. };
  91. classNameActive: {
  92. type: StringConstructor;
  93. default: string;
  94. };
  95. classNameHandle: {
  96. type: StringConstructor;
  97. default: string;
  98. };
  99. lockAspectRatio: {
  100. type: BooleanConstructor;
  101. default: boolean;
  102. };
  103. }, {
  104. handlesFiltered: import("vue").ComputedRef<ResizingHandle[]>;
  105. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: ResizingHandle) => void;
  106. setWidth(val: number): number;
  107. setHeight(val: number): number;
  108. setTop(val: number): number;
  109. setLeft(val: number): number;
  110. minWidth: import("vue").ComputedRef<number>;
  111. minHeight: import("vue").ComputedRef<number>;
  112. maxWidth: import("vue").ComputedRef<number>;
  113. maxHeight: import("vue").ComputedRef<number>;
  114. minLeft: import("vue").ComputedRef<number>;
  115. minTop: import("vue").ComputedRef<number>;
  116. maxLeft: import("vue").ComputedRef<number>;
  117. maxTop: import("vue").ComputedRef<number>;
  118. parentWidth: Ref<number>;
  119. parentHeight: Ref<number>;
  120. id: string;
  121. width: Ref<number>;
  122. height: Ref<number>;
  123. top: Ref<number>;
  124. left: Ref<number>;
  125. enable: Ref<boolean>;
  126. dragging: Ref<boolean>;
  127. resizing: Ref<boolean>;
  128. resizingHandle: Ref<ResizingHandle>;
  129. resizingMaxHeight: Ref<number>;
  130. resizingMaxWidth: Ref<number>;
  131. resizingMinWidth: Ref<number>;
  132. resizingMinHeight: Ref<number>;
  133. aspectRatio: import("vue").ComputedRef<number>;
  134. setEnable: (value: boolean) => boolean;
  135. setDragging: (value: boolean) => boolean;
  136. setResizing: (value: boolean) => boolean;
  137. setResizingHandle: (value: ResizingHandle) => ResizingHandle;
  138. setResizingMaxHeight: (value: number) => number;
  139. setResizingMaxWidth: (value: number) => number;
  140. setResizingMinWidth: (value: number) => number;
  141. setResizingMinHeight: (value: number) => number;
  142. containerRef: Ref<HTMLElement>;
  143. containerProvider: ContainerProvider;
  144. }, unknown, {
  145. style(): {
  146. [propName: string]: string;
  147. };
  148. klass(): {
  149. [propName: string]: string | boolean;
  150. };
  151. }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
  152. active: boolean;
  153. x: number;
  154. y: number;
  155. w: number;
  156. h: number;
  157. draggable: boolean;
  158. resizable: boolean;
  159. initW: number;
  160. initH: number;
  161. disabledX: boolean;
  162. disabledY: boolean;
  163. disabledW: boolean;
  164. disabledH: boolean;
  165. minW: number;
  166. minH: number;
  167. parent: boolean;
  168. handles: unknown[];
  169. classNameDraggable: string;
  170. classNameResizable: string;
  171. classNameDragging: string;
  172. classNameResizing: string;
  173. classNameActive: string;
  174. classNameHandle: string;
  175. lockAspectRatio: boolean;
  176. } & {}>, {
  177. active: boolean;
  178. x: number;
  179. y: number;
  180. w: number;
  181. h: number;
  182. draggable: boolean;
  183. resizable: boolean;
  184. initW: number;
  185. initH: number;
  186. disabledX: boolean;
  187. disabledY: boolean;
  188. disabledW: boolean;
  189. disabledH: boolean;
  190. minW: number;
  191. minH: number;
  192. parent: boolean;
  193. handles: unknown[];
  194. classNameDraggable: string;
  195. classNameResizable: string;
  196. classNameDragging: string;
  197. classNameResizing: string;
  198. classNameActive: string;
  199. classNameHandle: string;
  200. lockAspectRatio: boolean;
  201. }>;
  202. export default VueDraggableResizable;