mazey-element-ui 2.0.1 → 2.15.16

package/packages/upload/README.md

@@ -1,67 +0,0 @@
-# element-upload
-> A element-upload component for Vue.js.
-
-## Demo
-http://element-component.github.io/element-upload
-
-## Installation
-```shell
-npm i element-upload -D
-```
-
-## Usage
-```javascript
-import Vue from 'vue'
-import ElUpload from 'element-upload'
-import 'element-theme-chalk/dist/upload.css'
-
-Vue.use(ElUpload)
-```
-
-or
-
-```javascript
-import Vue from 'vue'
-import ElUpload from 'element-upload'
-
-Vue.component('el-upload', ElUpload)
-```
-
-### Attribute
-| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
-|---------- |-------------- |---------- |--------------------------------  |-------- |
-| action | 必选参数, 上传的地址 | string | — | — |
-| headers | 可选参数, 设置上传的请求头部 | object | — | — |
-| multiple | 可选参数, 是否支持多选文件 | boolean | — | — |
-| data | 可选参数, 上传时附带的额外参数 | object | — | — |
-| name | 可选参数, 上传的文件字段名 | string | — | file |
-| with-credentials | 支持发送 cookie 凭证信息 | boolean | — | false |
-| show-file-list | 是否显示已上传文件列表 | boolean | — | true |
-| type | 上传控件类型 | string | select,drag | select |
-| accept | 可选参数, 接受上传的[文件类型](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept)（thumbnail-mode 模式下此参数无效）| string | — | — |
-| on-preview | 可选参数, 点击已上传的文件链接时的钩子, 可以通过 file.response 拿到服务端返回数据 | function(file) | — | — |
-| on-remove | 可选参数, 文件列表移除文件时的钩子 | function(file, fileList) | — | — |
-| on-success | 可选参数, 文件上传成功时的钩子 | function(response, file, fileList) | — | — |
-| on-error | 可选参数, 文件上传失败时的钩子 | function(err, response, file) | — | — |
-| before-upload | 可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。 | function(file) | — | — |
-| thumbnail-mode | 是否设置为图片模式，该模式下会显示图片缩略图 | boolean | — | false |
-| default-file-list | 默认已上传的文件列表, 例如: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}] | array | — | [] |
-
-### Methods
-| 方法名      | 说明          | 参数 |
-|---------- |-------------- | - |
-| clearFiles | 清空已上传的文件列表 | — |
-
-## Development
-```shell
-make dev
-
-## test
-make test
-
-## build
-make build
-```
-
-# License
-[MIT](https://opensource.org/licenses/MIT)

package/packages/upload/cooking.conf.js

@@ -1,6 +0,0 @@
-var cooking = require('cooking');
-var gen = require('../../build/gen-single-config');
-
-cooking.set(gen(__dirname, 'ElUpload'));
-
-module.exports = cooking.resolve();

package/packages/upload/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "element-upload",
-  "version": "2.0.0",
-  "description": "A upload component for Vue.js.",
-  "keywords": [
-    "element",
-    "vue",
-    "component"
-  ],
-  "main": "./lib/index.js",
-  "repository": "https://github.com/ElemeFE/element/tree/master/packages/upload",
-  "author": "elemefe",
-  "license": "MIT",
-  "dependencies": {},
-  "devDependencies": {}
-}

package/packages/upload/src/iframe-upload.vue

@@ -1,167 +0,0 @@
-<script>
-import UploadDragger from './upload-dragger.vue';
-
-export default {
-  components: {
-    UploadDragger
-  },
-  props: {
-    type: String,
-    data: {},
-    action: {
-      type: String,
-      required: true
-    },
-    name: {
-      type: String,
-      default: 'file'
-    },
-    withCredentials: Boolean,
-    accept: String,
-    onStart: Function,
-    onProgress: Function,
-    onSuccess: Function,
-    onError: Function,
-    beforeUpload: Function,
-    onPreview: {
-      type: Function,
-      default: function() {}
-    },
-    onRemove: {
-      type: Function,
-      default: function() {}
-    },
-    drag: Boolean,
-    listType: String,
-    disabled: Boolean,
-    limit: Number,
-    onExceed: Function
-  },
-
-  data() {
-    return {
-      mouseover: false,
-      domain: '',
-      file: null,
-      submitting: false
-    };
-  },
-
-  methods: {
-    isImage(str) {
-      return str.indexOf('image') !== -1;
-    },
-    handleClick() {
-      if (!this.disabled) {
-        this.$refs.input.click();
-      }
-    },
-    handleChange(ev) {
-      const file = ev.target.value;
-      if (file) {
-        this.uploadFiles(file);
-      }
-    },
-    uploadFiles(file) {
-      if (this.limit && this.$parent.uploadFiles.length + file.length > this.limit) {
-        this.onExceed && this.onExceed(this.fileList);
-        return;
-      }
-
-      if (this.submitting) return;
-      this.submitting = true;
-      this.file = file;
-      this.onStart(file);
-
-      const formNode = this.getFormNode();
-      const dataSpan = this.getFormDataNode();
-      let data = this.data;
-      if (typeof data === 'function') {
-        data = data(file);
-      }
-      const inputs = [];
-      for (const key in data) {
-        if (data.hasOwnProperty(key)) {
-          inputs.push(`<input name="${key}" value="${data[key]}"/>`);
-        }
-      }
-      dataSpan.innerHTML = inputs.join('');
-      formNode.submit();
-      dataSpan.innerHTML = '';
-    },
-    getFormNode() {
-      return this.$refs.form;
-    },
-    getFormDataNode() {
-      return this.$refs.data;
-    }
-  },
-
-  created() {
-    this.frameName = 'frame-' + Date.now();
-  },
-
-  mounted() {
-    const self = this;
-    !this.$isServer && window.addEventListener('message', (event) => {
-      if (!self.file) return;
-      const targetOrigin = new URL(self.action).origin;
-      if (event.origin !== targetOrigin) return;
-      const response = event.data;
-      if (response.result === 'success') {
-        self.onSuccess(response, self.file);
-      } else if (response.result === 'failed') {
-        self.onError(response, self.file);
-      }
-      self.submitting = false;
-      self.file = null;
-    }, false);
-  },
-
-  render(h) {
-    const {
-      drag,
-      uploadFiles,
-      listType,
-      frameName,
-      disabled
-    } = this;
-    const oClass = { 'el-upload': true };
-    oClass[`el-upload--${listType}`] = true;
-
-    return (
-      <div
-        class={oClass}
-        on-click={this.handleClick}
-        nativeOn-drop={this.onDrop}
-        nativeOn-dragover={this.handleDragover}
-        nativeOn-dragleave={this.handleDragleave}
-      >
-        <iframe
-          on-load={this.onload}
-          ref="iframe"
-          name={frameName}
-        >
-        </iframe>
-        <form ref="form" action={this.action} target={frameName} enctype="multipart/form-data" method="POST">
-          <input
-            class="el-upload__input"
-            type="file"
-            ref="input"
-            name="file"
-            on-change={this.handleChange}
-            accept={this.accept}>
-          </input>
-          <input type="hidden" name="documentDomain" value={ this.$isServer ? '' : document.domain } />
-          <span ref="data"></span>
-        </form>
-        {
-          drag
-            ? <upload-dragger on-file={uploadFiles} disabled={disabled}>{this.$slots.default}</upload-dragger>
-            : this.$slots.default
-        }
-      </div>
-    );
-  }
-};
-</script>

package/src/utils/sync.js

@@ -1,54 +0,0 @@
-const SYNC_HOOK_PROP = '$v-sync';
-
-/**
- * v-sync directive
- *
- * Usage:
- *  v-sync:component-prop="context prop name"
- *
- * If your want to sync component's prop "visible" to context prop "myVisible", use like this:
- *  v-sync:visible="myVisible"
- */
-export default {
-  bind(el, binding, vnode) {
-    const context = vnode.context;
-    const component = vnode.child;
-    const expression = binding.expression;
-    const prop = binding.arg;
-
-    if (!expression || !prop) {
-      console.warn('v-sync should specify arg & expression, for example: v-sync:visible="myVisible"');
-      return;
-    }
-
-    if (!component || !component.$watch) {
-      console.warn('v-sync is only available on Vue Component');
-      return;
-    }
-
-    const unwatchContext = context.$watch(expression, (val) => {
-      component[prop] = val;
-    });
-
-    const unwatchComponent = component.$watch(prop, (val) => {
-      context[expression] = val;
-    });
-
-    Object.defineProperty(component, SYNC_HOOK_PROP, {
-      value: {
-        unwatchContext,
-        unwatchComponent
-      },
-      enumerable: false
-    });
-  },
-
-  unbind(el, binding, vnode) {
-    const component = vnode.child;
-    if (component && component[SYNC_HOOK_PROP]) {
-      const { unwatchContext, unwatchComponent } = component[SYNC_HOOK_PROP];
-      unwatchContext && unwatchContext();
-      unwatchComponent && unwatchComponent();
-    }
-  }
-};