Error with sortable

.babelrc

@@ -1,5 +1,21 @@
 {
-  "presets": ["es2015", "stage-2"],
-  "plugins": ["transform-runtime"],
-  "comments": false
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false,
+        "useBuiltIns": false,
+        "targets": "ie >= 9",
+        "exclude": [
+          "transform-async-to-generator",
+          "proposal-async-generator-functions",
+          "transform-regenerator"
+        ]
+      }
+    ]
+  ],
+  "sourceType": "unambiguous",
+  "plugins": [
+    ["@babel/plugin-transform-runtime", {"helpers": false, "corejs": false, "regenerator": false, "useESModules": false, "absoluteRuntime": false}]
+  ]
 }

.browserslistrc

@@ -0,0 +1,3 @@
+> 0.5%
+IE 9
+last 5 versions

.eslintignore

@@ -0,0 +1,2 @@
+node_modules/*
+dist/*

.eslintrc.js

@@ -0,0 +1,52 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'alloy',
+    'alloy/typescript',
+    'plugin:vue/essential',
+    '@vue/typescript',
+
+    'prettier',
+    'plugin:prettier/recommended',
+  ],
+  rules: {
+    'no-console': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'complexity': ["error", 40],
+    'max-params': ["error", 10],
+    '@typescript-eslint/no-empty-interface': 'off',
+    '@typescript-eslint/prefer-for-of': 'off',
+    'guard-for-in': 'off',
+    "@typescript-eslint/explicit-member-accessibility": "off"
+  },
+  parserOptions: {
+    parser: '@typescript-eslint/parser'
+  },
+  plugins: ['@typescript-eslint', 'prettier'],
+  overrides: [{
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    },
+    // {
+    //   // enable the rule specifically for TypeScript files
+    //   "files": ["*.ts", "*.tsx"],
+    //   "rules": {
+    //     "@typescript-eslint/explicit-member-accessibility": ["error"]
+    //   }
+    // },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {
+        "@typescript-eslint/explicit-member-accessibility": ["error"]
+      }
+    },
+  ]
+}

.gitignore

@@ -1,3 +1,21 @@
-.DS_Store
-node_modules/
-npm-debug.log
+*.log
+*.tmp
+*.db
+*.ini
+*.zip
+*.rar
+*.tar
+*.gz
+.*
+*.dev.js
+!.gitignore
+!.eslintrc*
+!.eslintrc.js
+!.eslintignore
+!.babelrc
+!.flowconfig
+!.vscode
+!.browserslistrc
+Icon
+node_modules
+_*

README.md

@@ -1,165 +1,83 @@
 # vue-upload-component
+[![npm](https://img.shields.io/npm/dm/vue-upload-component.svg?style=flat-square)](https://www.npmjs.com/package/vue-upload-component)  [![npm](https://img.shields.io/npm/v/vue-upload-component.svg?style=flat-square)](https://www.npmjs.com/package/vue-upload-component)  [![license](https://img.shields.io/github/license/lian-yue/vue-upload-component.svg?style=flat-square)](https://www.npmjs.com/package/vue-upload-component)  [![gzip](http://img.badgesize.io/lian-yue/vue-upload-component/master/dist/vue-upload-component.min.js.svg?compression=gzip&style=flat-square)](https://github.com/lian-yue/vue-upload-component)
 
-> Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9
-**Html4 does not support the progress bar, file size, accept, timeout, headers, response status code error of judgment**
 
+> Vue.js file upload component
+> The component is just a button
 
 
-## Install
+  - [x] Multi-file upload
+  - [x] Upload directory
+  - [x] Drag upload
+  - [x] Drag the directory
+  - [x] Upload multiple files at the same time
+  - [x] html4 (IE 9)
+  - [x] `PUT` method
+  - [x] Customize the filter
+  - [x] thumbnails
+  - [x] Chunk upload
 
-``` bash
-    npm install vue-upload-component --save
-```
-### CommonJS
-```js
-    var FileUpload = require('vue-upload-component');
 
-    new Vue({
-        template: '<file-upload post-action="/post.method" put-action="/put.method"></file-upload>',
-        components: {
-            FileUpload: FileUpload
-        }
-    })
-
-```
-
-### ES6
-```js
-    import FileUpload from 'vue-upload-component'
-    new Vue({
-        template: '<file-upload post-action="/post.method" put-action="/put.method"></file-upload>',
-        components: {
-            FileUpload
-        }
-    })
-
-```
 
-
-## Example
+# Example
 
 https://lian-yue.github.io/vue-upload-component/
 
-``` html
-    <!-- Example file ./index.html -->
-    <!-- Example file ./src/example.js -->
-    <div id="app">
-        <file-upload title="Add upload files"></file-upload>
-    </div>
-
-    <script type="text/javascript">
-    var FileUpload = require('vue-upload-component');
-
-    new Vue({
-        el:'#app',
-        components: {
-            FileUpload:FileUpload,
-        },
-    });
-    </script>
-```
-
-## Build Setup
+# Installation
 
 ``` bash
-# install dependencies
-npm install
-
-# serve with hot reload at localhost:8080
-npm run dev
-
-# build for production with minification
-npm run build
+npm install vue-upload-component --save
+```
+## Vue3
+``` bash
+npm install vue-upload-component@next --save
 ```
 
+# Documentation
 
-## $dispatch, methods
-    addFileUpload
-
-    removeFileUpload
-
-    fileUploadProgress
+https://lian-yue.github.io/vue-upload-component/#/documents
 
-    beforeFileUpload
 
-    afterFileUpload
 
 
 
 
-## Setting
 
-### Data
-``` js
-    {
-        files: [
-            {
-                id: 'String', // Read only
-                name: 'filename String',
-                size: 'filesize   Number',
-                progress: 'progress String', // Read only
-                speed: "Speed Number", // Read only
-                active: 'active Boolean',
-                error: 'error String',
-                errno: 'errno String',
-                success: 'success Boolean', // Read only
-                data: 'Response data Object or String', // Read only
-                request: {
-                    headers: {
-                        "X-Csrf-Token": "xxxx",
-                    },
-                    data: {
-                        "_csrf_token": "xxxxxx",
-                    },
-                },
-            }
-        ],
+> Vue.js 文件上传组件
+> 组件只是一个按钮
 
+  - [x] 上传多文件
+  - [x] 上传目录
+  - [x] 拖拽
+  - [x] 拖拽目录
+  - [x] 多线程
+  - [x] html4(IE 9)
+  - [x] `PUT` 方法
+  - [x] 自定义过滤器
+  - [x] 缩略图
 
-        // Global
-        request: {
-            headers: {
-                "X-Csrf-Token": "xxxx",
-            },
-            data: {
-                "_csrf_token": "xxxxxx",
-            },
-        },
+# 演示
 
+https://lian-yue.github.io/vue-upload-component/#/zh-cn/
 
-        active: false,
 
-        uploaded: true,  // Read only
 
-        dropActive: false,  // Read only
-    }
-```
+# 安装
 
-
-### Props
-``` html
-    <file-upload :title="Add upload files" :name="file" :drop="Boolean (true = $parent) or Element or Css Selector" :extensions="Array or String or Regular" :post-action="./post.method" :put-action="./put.method" :accept="accept"  :multiple="true" :size="size" :timeout="3600000"></file-upload>
+``` bash
+npm install vue-upload-component --save
 ```
-
+## Vue3
+``` bash
+npm install vue-upload-component@next --save
 ```
-    title="Add upload files"
-
-    name="post file name"
-
-    drop="Boolean (true = $parent) or Element or Css Selector"
 
-    extensions="Array or String or Regular" :post-action="./post.method"
+# 文档
 
-    post-action="./post.method"
+https://lian-yue.github.io/vue-upload-component/#/zh-cn/documents
 
-    put-action="./put.method"
 
-    accept="accept"
 
-    multiple="true or false"
+# Special thanks (特别感谢)
 
-    size="max Size"
-
-    timeout="3600000"
-
-```
+- [@josec89](https://github.com/josec89)