refactor: use raw-loader to import template, update directive usage in demo

one/docs/demo/directives/drag/axis.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 export default {
   directives: {

one/docs/demo/directives/drag/base.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 export default {
   directives: {

one/docs/demo/directives/drag/containment.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 export default {
   directives: {

one/docs/demo/directives/drag/sort-x.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 const items = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'.split(/[,. ]+/).filter(Boolean)
 

one/docs/demo/directives/drag/sort-y.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 const items = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'.split(/[,. ]+/).filter(Boolean)
 

one/docs/demo/directives/drag/targets.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import drag from 'veui/directives/drag'
+import { drag } from 'veui'
 
 export default {
   directives: {

one/docs/demo/directives/nudge.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import nudge from 'veui/directives/nudge'
+import { nudge } from 'veui'
 
 export default {
   directives: {

one/docs/demo/directives/resize.vue

@@ -47,8 +47,7 @@
 </template>
 
 <script>
-import { Button } from 'veui'
-import { resize } from 'veui/directives'
+import { Button, resize } from 'veui'
 
 export default {
   components: {

one/docs/demo/directives/tooltip.vue

@@ -22,8 +22,7 @@
 </template>
 
 <script>
-import { Button, Icon } from 'veui'
-import tooltip from 'veui/directives/tooltip'
+import { Button, Icon, tooltip } from 'veui'
 import 'veui-theme-dls-icons/zoom-in'
 import 'veui-theme-dls-icons/upload'
 import 'veui-theme-dls-icons/trash'

one/docs/demo/overlay/position.vue

@@ -18,8 +18,7 @@
 </template>
 
 <script>
-import { Overlay, Button } from 'veui'
-import outside from 'veui/directives/outside'
+import { Overlay, Button, outside } from 'veui'
 
 export default {
   components: {

one/docs/demo/overlay/relative-base.vue

@@ -20,8 +20,7 @@
 </template>
 
 <script>
-import { Overlay, Button } from 'veui'
-import outside from 'veui/directives/outside'
+import { Overlay, Button, outside } from 'veui'
 
 export default {
   components: {