index.d.ts 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690
  1. import { App } from 'vue';
  2. export { default as DraggableContainer } from './components/DraggableContainer';
  3. declare const _default: ({
  4. new (...args: any[]): {
  5. $: import("vue").ComponentInternalInstance;
  6. $data: {};
  7. $props: Partial<{
  8. active: boolean;
  9. x: number;
  10. y: number;
  11. w: number;
  12. h: number;
  13. draggable: boolean;
  14. resizable: boolean;
  15. initW: number;
  16. initH: number;
  17. disabledX: boolean;
  18. disabledY: boolean;
  19. disabledW: boolean;
  20. disabledH: boolean;
  21. minW: number;
  22. minH: number;
  23. parent: boolean;
  24. handles: unknown[];
  25. classNameDraggable: string;
  26. classNameResizable: string;
  27. classNameDragging: string;
  28. classNameResizing: string;
  29. classNameActive: string;
  30. classNameHandle: string;
  31. lockAspectRatio: boolean;
  32. }> & Pick<Readonly<{
  33. active: boolean;
  34. x: number;
  35. y: number;
  36. w: number;
  37. h: number;
  38. draggable: boolean;
  39. resizable: boolean;
  40. initW: number;
  41. initH: number;
  42. disabledX: boolean;
  43. disabledY: boolean;
  44. disabledW: boolean;
  45. disabledH: boolean;
  46. minW: number;
  47. minH: number;
  48. parent: boolean;
  49. handles: unknown[];
  50. classNameDraggable: string;
  51. classNameResizable: string;
  52. classNameDragging: string;
  53. classNameResizing: string;
  54. classNameActive: string;
  55. classNameHandle: string;
  56. lockAspectRatio: boolean;
  57. } & {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "style" | "key" | "ref" | "class" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted">;
  58. $attrs: Record<string, unknown>;
  59. $refs: Record<string, unknown>;
  60. $slots: Readonly<{
  61. [name: string]: import("vue").Slot;
  62. }>;
  63. $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
  64. $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
  65. $emit: (event: string, ...args: any[]) => void;
  66. $el: any;
  67. $options: import("vue").ComponentOptionsBase<Readonly<{
  68. active: boolean;
  69. x: number;
  70. y: number;
  71. w: number;
  72. h: number;
  73. draggable: boolean;
  74. resizable: boolean;
  75. initW: number;
  76. initH: number;
  77. disabledX: boolean;
  78. disabledY: boolean;
  79. disabledW: boolean;
  80. disabledH: boolean;
  81. minW: number;
  82. minH: number;
  83. parent: boolean;
  84. handles: unknown[];
  85. classNameDraggable: string;
  86. classNameResizable: string;
  87. classNameDragging: string;
  88. classNameResizing: string;
  89. classNameActive: string;
  90. classNameHandle: string;
  91. lockAspectRatio: boolean;
  92. } & {}>, {
  93. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  94. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  95. setWidth(val: number): number;
  96. setHeight(val: number): number;
  97. setTop(val: number): number;
  98. setLeft(val: number): number;
  99. minWidth: import("vue").ComputedRef<number>;
  100. minHeight: import("vue").ComputedRef<number>;
  101. maxWidth: import("vue").ComputedRef<number>;
  102. maxHeight: import("vue").ComputedRef<number>;
  103. minLeft: import("vue").ComputedRef<number>;
  104. minTop: import("vue").ComputedRef<number>;
  105. maxLeft: import("vue").ComputedRef<number>;
  106. maxTop: import("vue").ComputedRef<number>;
  107. parentWidth: import("vue").Ref<number>;
  108. parentHeight: import("vue").Ref<number>;
  109. id: string;
  110. width: import("vue").Ref<number>;
  111. height: import("vue").Ref<number>;
  112. top: import("vue").Ref<number>;
  113. left: import("vue").Ref<number>;
  114. enable: import("vue").Ref<boolean>;
  115. dragging: import("vue").Ref<boolean>;
  116. resizing: import("vue").Ref<boolean>;
  117. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  118. resizingMaxHeight: import("vue").Ref<number>;
  119. resizingMaxWidth: import("vue").Ref<number>;
  120. resizingMinWidth: import("vue").Ref<number>;
  121. resizingMinHeight: import("vue").Ref<number>;
  122. aspectRatio: import("vue").ComputedRef<number>;
  123. setEnable: (value: boolean) => boolean;
  124. setDragging: (value: boolean) => boolean;
  125. setResizing: (value: boolean) => boolean;
  126. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  127. setResizingMaxHeight: (value: number) => number;
  128. setResizingMaxWidth: (value: number) => number;
  129. setResizingMinWidth: (value: number) => number;
  130. setResizingMinHeight: (value: number) => number;
  131. containerRef: import("vue").Ref<HTMLElement>;
  132. containerProvider: import("./components/types").ContainerProvider;
  133. }, unknown, {
  134. style(): {
  135. [propName: string]: string;
  136. };
  137. klass(): {
  138. [propName: string]: string | boolean;
  139. };
  140. }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
  141. active: boolean;
  142. x: number;
  143. y: number;
  144. w: number;
  145. h: number;
  146. draggable: boolean;
  147. resizable: boolean;
  148. initW: number;
  149. initH: number;
  150. disabledX: boolean;
  151. disabledY: boolean;
  152. disabledW: boolean;
  153. disabledH: boolean;
  154. minW: number;
  155. minH: number;
  156. parent: boolean;
  157. handles: unknown[];
  158. classNameDraggable: string;
  159. classNameResizable: string;
  160. classNameDragging: string;
  161. classNameResizing: string;
  162. classNameActive: string;
  163. classNameHandle: string;
  164. lockAspectRatio: boolean;
  165. }>;
  166. $forceUpdate: import("vue").ReactiveEffect<any>;
  167. $nextTick: typeof import("vue").nextTick;
  168. $watch(source: TimerHandler, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
  169. } & Readonly<{
  170. active: boolean;
  171. x: number;
  172. y: number;
  173. w: number;
  174. h: number;
  175. draggable: boolean;
  176. resizable: boolean;
  177. initW: number;
  178. initH: number;
  179. disabledX: boolean;
  180. disabledY: boolean;
  181. disabledW: boolean;
  182. disabledH: boolean;
  183. minW: number;
  184. minH: number;
  185. parent: boolean;
  186. handles: unknown[];
  187. classNameDraggable: string;
  188. classNameResizable: string;
  189. classNameDragging: string;
  190. classNameResizing: string;
  191. classNameActive: string;
  192. classNameHandle: string;
  193. lockAspectRatio: boolean;
  194. } & {}> & import("vue").ShallowUnwrapRef<{
  195. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  196. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  197. setWidth(val: number): number;
  198. setHeight(val: number): number;
  199. setTop(val: number): number;
  200. setLeft(val: number): number;
  201. minWidth: import("vue").ComputedRef<number>;
  202. minHeight: import("vue").ComputedRef<number>;
  203. maxWidth: import("vue").ComputedRef<number>;
  204. maxHeight: import("vue").ComputedRef<number>;
  205. minLeft: import("vue").ComputedRef<number>;
  206. minTop: import("vue").ComputedRef<number>;
  207. maxLeft: import("vue").ComputedRef<number>;
  208. maxTop: import("vue").ComputedRef<number>;
  209. parentWidth: import("vue").Ref<number>;
  210. parentHeight: import("vue").Ref<number>;
  211. id: string;
  212. width: import("vue").Ref<number>;
  213. height: import("vue").Ref<number>;
  214. top: import("vue").Ref<number>;
  215. left: import("vue").Ref<number>;
  216. enable: import("vue").Ref<boolean>;
  217. dragging: import("vue").Ref<boolean>;
  218. resizing: import("vue").Ref<boolean>;
  219. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  220. resizingMaxHeight: import("vue").Ref<number>;
  221. resizingMaxWidth: import("vue").Ref<number>;
  222. resizingMinWidth: import("vue").Ref<number>;
  223. resizingMinHeight: import("vue").Ref<number>;
  224. aspectRatio: import("vue").ComputedRef<number>;
  225. setEnable: (value: boolean) => boolean;
  226. setDragging: (value: boolean) => boolean;
  227. setResizing: (value: boolean) => boolean;
  228. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  229. setResizingMaxHeight: (value: number) => number;
  230. setResizingMaxWidth: (value: number) => number;
  231. setResizingMinWidth: (value: number) => number;
  232. setResizingMinHeight: (value: number) => number;
  233. containerRef: import("vue").Ref<HTMLElement>;
  234. containerProvider: import("./components/types").ContainerProvider;
  235. }> & {
  236. style: {
  237. [propName: string]: string;
  238. };
  239. klass: {
  240. [propName: string]: string | boolean;
  241. };
  242. } & import("vue").ComponentCustomProperties;
  243. __isFragment?: never;
  244. __isTeleport?: never;
  245. __isSuspense?: never;
  246. } & import("vue").ComponentOptionsBase<Readonly<{
  247. active: boolean;
  248. x: number;
  249. y: number;
  250. w: number;
  251. h: number;
  252. draggable: boolean;
  253. resizable: boolean;
  254. initW: number;
  255. initH: number;
  256. disabledX: boolean;
  257. disabledY: boolean;
  258. disabledW: boolean;
  259. disabledH: boolean;
  260. minW: number;
  261. minH: number;
  262. parent: boolean;
  263. handles: unknown[];
  264. classNameDraggable: string;
  265. classNameResizable: string;
  266. classNameDragging: string;
  267. classNameResizing: string;
  268. classNameActive: string;
  269. classNameHandle: string;
  270. lockAspectRatio: boolean;
  271. } & {}>, {
  272. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  273. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  274. setWidth(val: number): number;
  275. setHeight(val: number): number;
  276. setTop(val: number): number;
  277. setLeft(val: number): number;
  278. minWidth: import("vue").ComputedRef<number>;
  279. minHeight: import("vue").ComputedRef<number>;
  280. maxWidth: import("vue").ComputedRef<number>;
  281. maxHeight: import("vue").ComputedRef<number>;
  282. minLeft: import("vue").ComputedRef<number>;
  283. minTop: import("vue").ComputedRef<number>;
  284. maxLeft: import("vue").ComputedRef<number>;
  285. maxTop: import("vue").ComputedRef<number>;
  286. parentWidth: import("vue").Ref<number>;
  287. parentHeight: import("vue").Ref<number>;
  288. id: string;
  289. width: import("vue").Ref<number>;
  290. height: import("vue").Ref<number>;
  291. top: import("vue").Ref<number>;
  292. left: import("vue").Ref<number>;
  293. enable: import("vue").Ref<boolean>;
  294. dragging: import("vue").Ref<boolean>;
  295. resizing: import("vue").Ref<boolean>;
  296. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  297. resizingMaxHeight: import("vue").Ref<number>;
  298. resizingMaxWidth: import("vue").Ref<number>;
  299. resizingMinWidth: import("vue").Ref<number>;
  300. resizingMinHeight: import("vue").Ref<number>;
  301. aspectRatio: import("vue").ComputedRef<number>;
  302. setEnable: (value: boolean) => boolean;
  303. setDragging: (value: boolean) => boolean;
  304. setResizing: (value: boolean) => boolean;
  305. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  306. setResizingMaxHeight: (value: number) => number;
  307. setResizingMaxWidth: (value: number) => number;
  308. setResizingMinWidth: (value: number) => number;
  309. setResizingMinHeight: (value: number) => number;
  310. containerRef: import("vue").Ref<HTMLElement>;
  311. containerProvider: import("./components/types").ContainerProvider;
  312. }, unknown, {
  313. style(): {
  314. [propName: string]: string;
  315. };
  316. klass(): {
  317. [propName: string]: string | boolean;
  318. };
  319. }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
  320. active: boolean;
  321. x: number;
  322. y: number;
  323. w: number;
  324. h: number;
  325. draggable: boolean;
  326. resizable: boolean;
  327. initW: number;
  328. initH: number;
  329. disabledX: boolean;
  330. disabledY: boolean;
  331. disabledW: boolean;
  332. disabledH: boolean;
  333. minW: number;
  334. minH: number;
  335. parent: boolean;
  336. handles: unknown[];
  337. classNameDraggable: string;
  338. classNameResizable: string;
  339. classNameDragging: string;
  340. classNameResizing: string;
  341. classNameActive: string;
  342. classNameHandle: string;
  343. lockAspectRatio: boolean;
  344. }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & ((app: App<any>, ...options: any[]) => any) & {
  345. install?: (app: App<any>, ...options: any[]) => any;
  346. }) | ({
  347. new (...args: any[]): {
  348. $: import("vue").ComponentInternalInstance;
  349. $data: {};
  350. $props: Partial<{
  351. active: boolean;
  352. x: number;
  353. y: number;
  354. w: number;
  355. h: number;
  356. draggable: boolean;
  357. resizable: boolean;
  358. initW: number;
  359. initH: number;
  360. disabledX: boolean;
  361. disabledY: boolean;
  362. disabledW: boolean;
  363. disabledH: boolean;
  364. minW: number;
  365. minH: number;
  366. parent: boolean;
  367. handles: unknown[];
  368. classNameDraggable: string;
  369. classNameResizable: string;
  370. classNameDragging: string;
  371. classNameResizing: string;
  372. classNameActive: string;
  373. classNameHandle: string;
  374. lockAspectRatio: boolean;
  375. }> & Pick<Readonly<{
  376. active: boolean;
  377. x: number;
  378. y: number;
  379. w: number;
  380. h: number;
  381. draggable: boolean;
  382. resizable: boolean;
  383. initW: number;
  384. initH: number;
  385. disabledX: boolean;
  386. disabledY: boolean;
  387. disabledW: boolean;
  388. disabledH: boolean;
  389. minW: number;
  390. minH: number;
  391. parent: boolean;
  392. handles: unknown[];
  393. classNameDraggable: string;
  394. classNameResizable: string;
  395. classNameDragging: string;
  396. classNameResizing: string;
  397. classNameActive: string;
  398. classNameHandle: string;
  399. lockAspectRatio: boolean;
  400. } & {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "style" | "key" | "ref" | "class" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted">;
  401. $attrs: Record<string, unknown>;
  402. $refs: Record<string, unknown>;
  403. $slots: Readonly<{
  404. [name: string]: import("vue").Slot;
  405. }>;
  406. $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
  407. $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
  408. $emit: (event: string, ...args: any[]) => void;
  409. $el: any;
  410. $options: import("vue").ComponentOptionsBase<Readonly<{
  411. active: boolean;
  412. x: number;
  413. y: number;
  414. w: number;
  415. h: number;
  416. draggable: boolean;
  417. resizable: boolean;
  418. initW: number;
  419. initH: number;
  420. disabledX: boolean;
  421. disabledY: boolean;
  422. disabledW: boolean;
  423. disabledH: boolean;
  424. minW: number;
  425. minH: number;
  426. parent: boolean;
  427. handles: unknown[];
  428. classNameDraggable: string;
  429. classNameResizable: string;
  430. classNameDragging: string;
  431. classNameResizing: string;
  432. classNameActive: string;
  433. classNameHandle: string;
  434. lockAspectRatio: boolean;
  435. } & {}>, {
  436. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  437. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  438. setWidth(val: number): number;
  439. setHeight(val: number): number;
  440. setTop(val: number): number;
  441. setLeft(val: number): number;
  442. minWidth: import("vue").ComputedRef<number>;
  443. minHeight: import("vue").ComputedRef<number>;
  444. maxWidth: import("vue").ComputedRef<number>;
  445. maxHeight: import("vue").ComputedRef<number>;
  446. minLeft: import("vue").ComputedRef<number>;
  447. minTop: import("vue").ComputedRef<number>;
  448. maxLeft: import("vue").ComputedRef<number>;
  449. maxTop: import("vue").ComputedRef<number>;
  450. parentWidth: import("vue").Ref<number>;
  451. parentHeight: import("vue").Ref<number>;
  452. id: string;
  453. width: import("vue").Ref<number>;
  454. height: import("vue").Ref<number>;
  455. top: import("vue").Ref<number>;
  456. left: import("vue").Ref<number>;
  457. enable: import("vue").Ref<boolean>;
  458. dragging: import("vue").Ref<boolean>;
  459. resizing: import("vue").Ref<boolean>;
  460. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  461. resizingMaxHeight: import("vue").Ref<number>;
  462. resizingMaxWidth: import("vue").Ref<number>;
  463. resizingMinWidth: import("vue").Ref<number>;
  464. resizingMinHeight: import("vue").Ref<number>;
  465. aspectRatio: import("vue").ComputedRef<number>;
  466. setEnable: (value: boolean) => boolean;
  467. setDragging: (value: boolean) => boolean;
  468. setResizing: (value: boolean) => boolean;
  469. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  470. setResizingMaxHeight: (value: number) => number;
  471. setResizingMaxWidth: (value: number) => number;
  472. setResizingMinWidth: (value: number) => number;
  473. setResizingMinHeight: (value: number) => number;
  474. containerRef: import("vue").Ref<HTMLElement>;
  475. containerProvider: import("./components/types").ContainerProvider;
  476. }, unknown, {
  477. style(): {
  478. [propName: string]: string;
  479. };
  480. klass(): {
  481. [propName: string]: string | boolean;
  482. };
  483. }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
  484. active: boolean;
  485. x: number;
  486. y: number;
  487. w: number;
  488. h: number;
  489. draggable: boolean;
  490. resizable: boolean;
  491. initW: number;
  492. initH: number;
  493. disabledX: boolean;
  494. disabledY: boolean;
  495. disabledW: boolean;
  496. disabledH: boolean;
  497. minW: number;
  498. minH: number;
  499. parent: boolean;
  500. handles: unknown[];
  501. classNameDraggable: string;
  502. classNameResizable: string;
  503. classNameDragging: string;
  504. classNameResizing: string;
  505. classNameActive: string;
  506. classNameHandle: string;
  507. lockAspectRatio: boolean;
  508. }>;
  509. $forceUpdate: import("vue").ReactiveEffect<any>;
  510. $nextTick: typeof import("vue").nextTick;
  511. $watch(source: TimerHandler, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
  512. } & Readonly<{
  513. active: boolean;
  514. x: number;
  515. y: number;
  516. w: number;
  517. h: number;
  518. draggable: boolean;
  519. resizable: boolean;
  520. initW: number;
  521. initH: number;
  522. disabledX: boolean;
  523. disabledY: boolean;
  524. disabledW: boolean;
  525. disabledH: boolean;
  526. minW: number;
  527. minH: number;
  528. parent: boolean;
  529. handles: unknown[];
  530. classNameDraggable: string;
  531. classNameResizable: string;
  532. classNameDragging: string;
  533. classNameResizing: string;
  534. classNameActive: string;
  535. classNameHandle: string;
  536. lockAspectRatio: boolean;
  537. } & {}> & import("vue").ShallowUnwrapRef<{
  538. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  539. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  540. setWidth(val: number): number;
  541. setHeight(val: number): number;
  542. setTop(val: number): number;
  543. setLeft(val: number): number;
  544. minWidth: import("vue").ComputedRef<number>;
  545. minHeight: import("vue").ComputedRef<number>;
  546. maxWidth: import("vue").ComputedRef<number>;
  547. maxHeight: import("vue").ComputedRef<number>;
  548. minLeft: import("vue").ComputedRef<number>;
  549. minTop: import("vue").ComputedRef<number>;
  550. maxLeft: import("vue").ComputedRef<number>;
  551. maxTop: import("vue").ComputedRef<number>;
  552. parentWidth: import("vue").Ref<number>;
  553. parentHeight: import("vue").Ref<number>;
  554. id: string;
  555. width: import("vue").Ref<number>;
  556. height: import("vue").Ref<number>;
  557. top: import("vue").Ref<number>;
  558. left: import("vue").Ref<number>;
  559. enable: import("vue").Ref<boolean>;
  560. dragging: import("vue").Ref<boolean>;
  561. resizing: import("vue").Ref<boolean>;
  562. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  563. resizingMaxHeight: import("vue").Ref<number>;
  564. resizingMaxWidth: import("vue").Ref<number>;
  565. resizingMinWidth: import("vue").Ref<number>;
  566. resizingMinHeight: import("vue").Ref<number>;
  567. aspectRatio: import("vue").ComputedRef<number>;
  568. setEnable: (value: boolean) => boolean;
  569. setDragging: (value: boolean) => boolean;
  570. setResizing: (value: boolean) => boolean;
  571. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  572. setResizingMaxHeight: (value: number) => number;
  573. setResizingMaxWidth: (value: number) => number;
  574. setResizingMinWidth: (value: number) => number;
  575. setResizingMinHeight: (value: number) => number;
  576. containerRef: import("vue").Ref<HTMLElement>;
  577. containerProvider: import("./components/types").ContainerProvider;
  578. }> & {
  579. style: {
  580. [propName: string]: string;
  581. };
  582. klass: {
  583. [propName: string]: string | boolean;
  584. };
  585. } & import("vue").ComponentCustomProperties;
  586. __isFragment?: never;
  587. __isTeleport?: never;
  588. __isSuspense?: never;
  589. } & import("vue").ComponentOptionsBase<Readonly<{
  590. active: boolean;
  591. x: number;
  592. y: number;
  593. w: number;
  594. h: number;
  595. draggable: boolean;
  596. resizable: boolean;
  597. initW: number;
  598. initH: number;
  599. disabledX: boolean;
  600. disabledY: boolean;
  601. disabledW: boolean;
  602. disabledH: boolean;
  603. minW: number;
  604. minH: number;
  605. parent: boolean;
  606. handles: unknown[];
  607. classNameDraggable: string;
  608. classNameResizable: string;
  609. classNameDragging: string;
  610. classNameResizing: string;
  611. classNameActive: string;
  612. classNameHandle: string;
  613. lockAspectRatio: boolean;
  614. } & {}>, {
  615. handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
  616. resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
  617. setWidth(val: number): number;
  618. setHeight(val: number): number;
  619. setTop(val: number): number;
  620. setLeft(val: number): number;
  621. minWidth: import("vue").ComputedRef<number>;
  622. minHeight: import("vue").ComputedRef<number>;
  623. maxWidth: import("vue").ComputedRef<number>;
  624. maxHeight: import("vue").ComputedRef<number>;
  625. minLeft: import("vue").ComputedRef<number>;
  626. minTop: import("vue").ComputedRef<number>;
  627. maxLeft: import("vue").ComputedRef<number>;
  628. maxTop: import("vue").ComputedRef<number>;
  629. parentWidth: import("vue").Ref<number>;
  630. parentHeight: import("vue").Ref<number>;
  631. id: string;
  632. width: import("vue").Ref<number>;
  633. height: import("vue").Ref<number>;
  634. top: import("vue").Ref<number>;
  635. left: import("vue").Ref<number>;
  636. enable: import("vue").Ref<boolean>;
  637. dragging: import("vue").Ref<boolean>;
  638. resizing: import("vue").Ref<boolean>;
  639. resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
  640. resizingMaxHeight: import("vue").Ref<number>;
  641. resizingMaxWidth: import("vue").Ref<number>;
  642. resizingMinWidth: import("vue").Ref<number>;
  643. resizingMinHeight: import("vue").Ref<number>;
  644. aspectRatio: import("vue").ComputedRef<number>;
  645. setEnable: (value: boolean) => boolean;
  646. setDragging: (value: boolean) => boolean;
  647. setResizing: (value: boolean) => boolean;
  648. setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
  649. setResizingMaxHeight: (value: number) => number;
  650. setResizingMaxWidth: (value: number) => number;
  651. setResizingMinWidth: (value: number) => number;
  652. setResizingMinHeight: (value: number) => number;
  653. containerRef: import("vue").Ref<HTMLElement>;
  654. containerProvider: import("./components/types").ContainerProvider;
  655. }, unknown, {
  656. style(): {
  657. [propName: string]: string;
  658. };
  659. klass(): {
  660. [propName: string]: string | boolean;
  661. };
  662. }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
  663. active: boolean;
  664. x: number;
  665. y: number;
  666. w: number;
  667. h: number;
  668. draggable: boolean;
  669. resizable: boolean;
  670. initW: number;
  671. initH: number;
  672. disabledX: boolean;
  673. disabledY: boolean;
  674. disabledW: boolean;
  675. disabledH: boolean;
  676. minW: number;
  677. minH: number;
  678. parent: boolean;
  679. handles: unknown[];
  680. classNameDraggable: string;
  681. classNameResizable: string;
  682. classNameDragging: string;
  683. classNameResizing: string;
  684. classNameActive: string;
  685. classNameHandle: string;
  686. lockAspectRatio: boolean;
  687. }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
  688. install: (app: App<any>, ...options: any[]) => any;
  689. });
  690. export default _default;