7moor-element-ui 2.14.63

package/packages/upload/src/upload.vue

@@ -0,0 +1,256 @@
+<script>
+	import ajax from './ajax';
+	import UploadDragger from './upload-dragger.vue';
+
+	export default {
+		inject: ['uploader'],
+		components: {
+			UploadDragger,
+		},
+		props: {
+			type: String,
+			action: {
+				type: String,
+				required: true,
+			},
+			name: {
+				type: String,
+				default: 'file',
+			},
+			data: Object,
+			headers: Object,
+			withCredentials: Boolean,
+			multiple: Boolean,
+			accept: String,
+			onStart: Function,
+			onProgress: Function,
+			onSuccess: Function,
+			onError: Function,
+			beforeUpload: Function,
+			drag: Boolean,
+			paste: Boolean,
+			onPreview: {
+				type: Function,
+				default: function () {},
+			},
+			onRemove: {
+				type: Function,
+				default: function () {},
+			},
+			fileList: Array,
+			autoUpload: Boolean,
+			listType: String,
+			httpRequest: {
+				type: Function,
+				default: ajax,
+			},
+			disabled: Boolean,
+			limit: Number,
+			onExceed: Function,
+		},
+
+		data() {
+			return {
+				mouseover: false,
+				reqs: {},
+			};
+		},
+
+		methods: {
+			handlePaste(event) {
+				if (!this.mouseover) return;
+				let items = event.clipboardData && event.clipboardData.items;
+				let file = null;
+				if (items && items.length) {
+					for (var i = 0; i < items.length; i++) {
+						if (items[i].type.indexOf('image') !== -1) {
+							file = items[i].getAsFile();
+						}
+					}
+				}
+				if (!file) return;
+				this.uploadFiles([file]);
+			},
+			isImage(str) {
+				return str.indexOf('image') !== -1;
+			},
+			handleChange(ev) {
+				const files = ev.target.files;
+				if (!files) return;
+				this.uploadFiles(files);
+			},
+			uploadFiles(files) {
+				if (this.limit && this.fileList.length + files.length > this.limit) {
+					this.onExceed && this.onExceed(files, this.fileList);
+					return;
+				}
+
+				let postFiles = Array.prototype.slice.call(files);
+				if (!this.multiple) {
+					postFiles = postFiles.slice(0, 1);
+				}
+
+				if (postFiles.length === 0) {
+					return;
+				}
+
+				postFiles.forEach((rawFile) => {
+					this.onStart(rawFile);
+					if (this.autoUpload) this.upload(rawFile);
+				});
+			},
+			upload(rawFile) {
+				this.$refs.input.value = null;
+
+				if (!this.beforeUpload) {
+					return this.post(rawFile);
+				}
+
+				const before = this.beforeUpload(rawFile);
+				if (before && before.then) {
+					before.then(
+						(processedFile) => {
+							const fileType = Object.prototype.toString.call(processedFile);
+
+							if (fileType === '[object File]' || fileType === '[object Blob]') {
+								if (fileType === '[object Blob]') {
+									processedFile = new File([processedFile], rawFile.name, {
+										type: rawFile.type,
+									});
+								}
+								for (const p in rawFile) {
+									if (rawFile.hasOwnProperty(p)) {
+										processedFile[p] = rawFile[p];
+									}
+								}
+								this.post(processedFile);
+							} else {
+								this.post(rawFile);
+							}
+						},
+						() => {
+							this.onRemove(null, rawFile);
+						}
+					);
+				} else if (before !== false) {
+					this.post(rawFile);
+				} else {
+					this.onRemove(null, rawFile);
+				}
+			},
+			abort(file) {
+				const { reqs } = this;
+				if (file) {
+					let uid = file;
+					if (file.uid) uid = file.uid;
+					if (reqs[uid]) {
+						reqs[uid].abort();
+					}
+				} else {
+					Object.keys(reqs).forEach((uid) => {
+						if (reqs[uid]) reqs[uid].abort();
+						delete reqs[uid];
+					});
+				}
+			},
+			post(rawFile) {
+				const { uid } = rawFile;
+				const options = {
+					headers: this.headers,
+					withCredentials: this.withCredentials,
+					file: rawFile,
+					data: this.data,
+					filename: this.name,
+					action: this.action,
+					onProgress: (e) => {
+						this.onProgress(e, rawFile);
+					},
+					onSuccess: (res) => {
+						this.onSuccess(res, rawFile);
+						delete this.reqs[uid];
+					},
+					onError: (err) => {
+						this.onError(err, rawFile);
+						delete this.reqs[uid];
+					},
+				};
+				const req = this.httpRequest(options);
+				this.reqs[uid] = req;
+				if (req && req.then) {
+					req.then(options.onSuccess, options.onError);
+				}
+			},
+			handleClick() {
+				if (!this.disabled) {
+					this.$refs.input.value = null;
+					this.$refs.input.click();
+				}
+			},
+			handleKeydown(e) {
+				if (e.target !== e.currentTarget) return;
+				if (e.keyCode === 13 || e.keyCode === 32) {
+					this.handleClick();
+				}
+			},
+			over() {
+				this.mouseover = true;
+			},
+			out() {
+				this.mouseover = false;
+			},
+		},
+
+		mounted() {
+			this.paste && document.addEventListener('paste', this.handlePaste);
+		},
+		destroyed() {
+			this.paste && document.removeEventListener('paste', this.handlePaste);
+		},
+		render(h) {
+			let {
+				handleClick,
+				drag,
+				name,
+				handleChange,
+				multiple,
+				accept,
+				listType,
+				uploadFiles,
+				disabled,
+				handleKeydown,
+				over,
+				out,
+			} = this;
+			const data = {
+				class: {
+					'el-upload': true,
+				},
+				on: {
+					click: handleClick,
+					keydown: handleKeydown,
+				},
+			};
+			data.class[`el-upload--${listType}`] = true;
+			return (
+				<div {...data} tabindex="0" ref="inputBox" onMouseover={over} onMouseout={out}>
+					{drag ? (
+						<upload-dragger disabled={disabled} on-file={uploadFiles}>
+							{this.$slots.default}
+						</upload-dragger>
+					) : (
+						this.$slots.default
+					)}
+					<input
+						class="el-upload__input"
+						type="file"
+						ref="input"
+						name={name}
+						on-change={handleChange}
+						multiple={multiple}
+						accept={accept}
+					></input>
+				</div>
+			);
+		},
+	};
+</script>

package/src/directives/mousewheel.js

@@ -0,0 +1,18 @@
+import normalizeWheel from 'normalize-wheel';
+
+const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+
+const mousewheel = function(element, callback) {
+  if (element && element.addEventListener) {
+    element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function(event) {
+      const normalized = normalizeWheel(event);
+      callback && callback.apply(this, [event, normalized]);
+    });
+  }
+};
+
+export default {
+  bind(el, binding) {
+    mousewheel(el, binding.value);
+  }
+};

package/src/directives/repeat-click.js

@@ -0,0 +1,24 @@
+import { once, on } from '7moor-element-ui/src/utils/dom';
+
+export default {
+  bind(el, binding, vnode) {
+    let interval = null;
+    let startTime;
+    const handler = () => vnode.context[binding.expression].apply();
+    const clear = () => {
+      if (Date.now() - startTime < 100) {
+        handler();
+      }
+      clearInterval(interval);
+      interval = null;
+    };
+
+    on(el, 'mousedown', (e) => {
+      if (e.button !== 0) return;
+      startTime = Date.now();
+      once(document, 'mouseup', clear);
+      clearInterval(interval);
+      interval = setInterval(handler, 100);
+    });
+  }
+};

package/src/index.js

@@ -0,0 +1,294 @@
+/* Automatically generated by './build/bin/build-entry.js' */
+
+import Pagination from '../packages/pagination/index.js';
+import Dialog from '../packages/dialog/index.js';
+import Autocomplete from '../packages/autocomplete/index.js';
+import Dropdown from '../packages/dropdown/index.js';
+import DropdownMenu from '../packages/dropdown-menu/index.js';
+import DropdownItem from '../packages/dropdown-item/index.js';
+import Menu from '../packages/menu/index.js';
+import Submenu from '../packages/submenu/index.js';
+import MenuItem from '../packages/menu-item/index.js';
+import MenuItemGroup from '../packages/menu-item-group/index.js';
+import Input from '../packages/input/index.js';
+import InputNumber from '../packages/input-number/index.js';
+import Radio from '../packages/radio/index.js';
+import RadioGroup from '../packages/radio-group/index.js';
+import RadioButton from '../packages/radio-button/index.js';
+import Checkbox from '../packages/checkbox/index.js';
+import CheckboxButton from '../packages/checkbox-button/index.js';
+import CheckboxGroup from '../packages/checkbox-group/index.js';
+import Switch from '../packages/switch/index.js';
+import Select from '../packages/select/index.js';
+import Option from '../packages/option/index.js';
+import OptionGroup from '../packages/option-group/index.js';
+import Button from '../packages/button/index.js';
+import ButtonGroup from '../packages/button-group/index.js';
+import Table from '../packages/table/index.js';
+import TableColumn from '../packages/table-column/index.js';
+import DatePicker from '../packages/date-picker/index.js';
+import TimeSelect from '../packages/time-select/index.js';
+import TimePicker from '../packages/time-picker/index.js';
+import Popover from '../packages/popover/index.js';
+import Tooltip from '../packages/tooltip/index.js';
+import MessageBox from '../packages/message-box/index.js';
+import Breadcrumb from '../packages/breadcrumb/index.js';
+import BreadcrumbItem from '../packages/breadcrumb-item/index.js';
+import Form from '../packages/form/index.js';
+import FormItem from '../packages/form-item/index.js';
+import Tabs from '../packages/tabs/index.js';
+import TabPane from '../packages/tab-pane/index.js';
+import Tag from '../packages/tag/index.js';
+import Tree from '../packages/tree/index.js';
+import Alert from '../packages/alert/index.js';
+import Notification from '../packages/notification/index.js';
+import Slider from '../packages/slider/index.js';
+import Loading from '../packages/loading/index.js';
+import Icon from '../packages/icon/index.js';
+import Row from '../packages/row/index.js';
+import Col from '../packages/col/index.js';
+import Upload from '../packages/upload/index.js';
+import Progress from '../packages/progress/index.js';
+import Spinner from '../packages/spinner/index.js';
+import Message from '../packages/message/index.js';
+import Badge from '../packages/badge/index.js';
+import Card from '../packages/card/index.js';
+import Rate from '../packages/rate/index.js';
+import Steps from '../packages/steps/index.js';
+import Step from '../packages/step/index.js';
+import Carousel from '../packages/carousel/index.js';
+import Scrollbar from '../packages/scrollbar/index.js';
+import CarouselItem from '../packages/carousel-item/index.js';
+import Collapse from '../packages/collapse/index.js';
+import CollapseItem from '../packages/collapse-item/index.js';
+import Cascader from '../packages/cascader/index.js';
+import ColorPicker from '../packages/color-picker/index.js';
+import Transfer from '../packages/transfer/index.js';
+import Container from '../packages/container/index.js';
+import Header from '../packages/header/index.js';
+import Aside from '../packages/aside/index.js';
+import Main from '../packages/main/index.js';
+import Footer from '../packages/footer/index.js';
+import Timeline from '../packages/timeline/index.js';
+import TimelineItem from '../packages/timeline-item/index.js';
+import Link from '../packages/link/index.js';
+import Divider from '../packages/divider/index.js';
+import Image from '../packages/image/index.js';
+import Calendar from '../packages/calendar/index.js';
+import Backtop from '../packages/backtop/index.js';
+import InfiniteScroll from '../packages/infinite-scroll/index.js';
+import PageHeader from '../packages/page-header/index.js';
+import CascaderPanel from '../packages/cascader-panel/index.js';
+import Avatar from '../packages/avatar/index.js';
+import Drawer from '../packages/drawer/index.js';
+import Popconfirm from '../packages/popconfirm/index.js';
+import CustomPicker from '../packages/custom-picker/index.js';
+import MemberLabel from '../packages/member-label/index.js';
+import locale from '7moor-element-ui/src/locale';
+import CollapseTransition from '7moor-element-ui/src/transitions/collapse-transition';
+
+const components = [
+  Pagination,
+  Dialog,
+  Autocomplete,
+  Dropdown,
+  DropdownMenu,
+  DropdownItem,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Radio,
+  RadioGroup,
+  RadioButton,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  Switch,
+  Select,
+  Option,
+  OptionGroup,
+  Button,
+  ButtonGroup,
+  Table,
+  TableColumn,
+  DatePicker,
+  TimeSelect,
+  TimePicker,
+  Popover,
+  Tooltip,
+  Breadcrumb,
+  BreadcrumbItem,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  Tag,
+  Tree,
+  Alert,
+  Slider,
+  Icon,
+  Row,
+  Col,
+  Upload,
+  Progress,
+  Spinner,
+  Badge,
+  Card,
+  Rate,
+  Steps,
+  Step,
+  Carousel,
+  Scrollbar,
+  CarouselItem,
+  Collapse,
+  CollapseItem,
+  Cascader,
+  ColorPicker,
+  Transfer,
+  Container,
+  Header,
+  Aside,
+  Main,
+  Footer,
+  Timeline,
+  TimelineItem,
+  Link,
+  Divider,
+  Image,
+  Calendar,
+  Backtop,
+  PageHeader,
+  CascaderPanel,
+  Avatar,
+  Drawer,
+  Popconfirm,
+  CustomPicker,
+  MemberLabel,
+  CollapseTransition
+];
+
+const install = function(Vue, opts = {}) {
+  locale.use(opts.locale);
+  locale.i18n(opts.i18n);
+
+  components.forEach(component => {
+    Vue.component(component.name, component);
+  });
+
+  Vue.use(InfiniteScroll);
+  Vue.use(Loading.directive);
+
+  Vue.prototype.$ELEMENT = {
+    size: opts.size || '',
+    zIndex: opts.zIndex || 2000
+  };
+
+  Vue.prototype.$loading = Loading.service;
+  Vue.prototype.$msgbox = MessageBox;
+  Vue.prototype.$alert = MessageBox.alert;
+  Vue.prototype.$confirm = MessageBox.confirm;
+  Vue.prototype.$prompt = MessageBox.prompt;
+  Vue.prototype.$notify = Notification;
+  Vue.prototype.$message = Message;
+
+};
+
+/* istanbul ignore if */
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  version: '2.14.63',
+  locale: locale.use,
+  i18n: locale.i18n,
+  install,
+  CollapseTransition,
+  Loading,
+  Pagination,
+  Dialog,
+  Autocomplete,
+  Dropdown,
+  DropdownMenu,
+  DropdownItem,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Radio,
+  RadioGroup,
+  RadioButton,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  Switch,
+  Select,
+  Option,
+  OptionGroup,
+  Button,
+  ButtonGroup,
+  Table,
+  TableColumn,
+  DatePicker,
+  TimeSelect,
+  TimePicker,
+  Popover,
+  Tooltip,
+  MessageBox,
+  Breadcrumb,
+  BreadcrumbItem,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  Tag,
+  Tree,
+  Alert,
+  Notification,
+  Slider,
+  Icon,
+  Row,
+  Col,
+  Upload,
+  Progress,
+  Spinner,
+  Message,
+  Badge,
+  Card,
+  Rate,
+  Steps,
+  Step,
+  Carousel,
+  Scrollbar,
+  CarouselItem,
+  Collapse,
+  CollapseItem,
+  Cascader,
+  ColorPicker,
+  Transfer,
+  Container,
+  Header,
+  Aside,
+  Main,
+  Footer,
+  Timeline,
+  TimelineItem,
+  Link,
+  Divider,
+  Image,
+  Calendar,
+  Backtop,
+  InfiniteScroll,
+  PageHeader,
+  CascaderPanel,
+  Avatar,
+  Drawer,
+  Popconfirm,
+  CustomPicker,
+  MemberLabel
+};

package/src/locale/format.js

@@ -0,0 +1,46 @@
+import { hasOwn } from '7moor-element-ui/src/utils/util';
+
+const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+export default function(Vue) {
+
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+  function template(string, ...args) {
+    if (args.length === 1 && typeof args[0] === 'object') {
+      args = args[0];
+    }
+
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
+
+    return string.replace(RE_NARGS, (match, prefix, i, index) => {
+      let result;
+
+      if (string[index - 1] === '{' &&
+        string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = hasOwn(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
+        }
+
+        return result;
+      }
+    });
+  }
+
+  return template;
+}

package/src/locale/index.js

@@ -0,0 +1,50 @@
+import defaultLang from '7moor-element-ui/src/locale/lang/zh-CN';
+import Vue from 'vue';
+import deepmerge from 'deepmerge';
+import Format from './format';
+
+const format = Format(Vue);
+let lang = defaultLang;
+let merged = false;
+let i18nHandler = function() {
+  const vuei18n = Object.getPrototypeOf(this || Vue).$t;
+  if (typeof vuei18n === 'function' && !!Vue.locale) {
+
+    if (!merged) {
+      merged = true;
+
+      Vue.locale(
+        Vue.config.lang,
+        deepmerge(lang, Vue.locale(Vue.config.lang) || {}, { clone: true })
+      );
+    }
+    return vuei18n.apply(this, arguments);
+  }
+};
+
+export const t = function(path, options) {
+  let value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+
+  const array = path.split('.');
+  let current = lang;
+
+  for (let i = 0, j = array.length; i < j; i++) {
+    const property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+
+export const use = function(l) {
+  lang = l || lang;
+};
+
+export const i18n = function(fn) {
+  i18nHandler = fn || i18nHandler;
+};
+
+export default { use, t, i18n };