draggable

dist/dev.php

@@ -36,6 +36,7 @@ $dependency = Array(
     ,'src/module/basestyle.js'
     ,'src/module/font.js'
     ,'src/module/zoom.js'
+    ,'src/ui/jquery-ui-1.10.4.custom.min.js'
     ,'src/ui/widget.js'
     ,'src/ui/button.js'
     ,'src/ui/toolbar.js'

src/ui/modal.js

@@ -43,6 +43,10 @@ KM.ui.define( 'modal', {
         $( '[data-hide="modal"],[data-ok="modal"]', me.root() ).hover( function () {
             $( this ).toggleClass( 'kmui-hover' )
         } );
+
+        setTimeout(function() {
+            $('.kmui-modal').draggable({ handle: '.kmui-modal-header' });
+        }, 100);
     },
     toggle: function () {
         var me = this;
@@ -65,7 +69,9 @@ KM.ui.define( 'modal', {
                 .show()
                 .focus()
                 .trigger( 'aftershow' );
-        } )
+        } );
+
+        $('.kmui-modal').draggable({ handle: '.kmui-modal-header' });
     },
     showTip: function ( text ) {
         $( '.kmui-modal-tip', this.root() ).html( text ).fadeIn();

themes/default/_css/dialog.css

@@ -10,6 +10,7 @@
 .kmui-modal-header {
     padding: 5px 10px;
     border-bottom: 1px solid #eee;
+    cursor: move;
 }
 .kmui-modal-header .kmui-close {
     float: right;