cy-element-ui 1.0.0 → 1.0.2

package/lib/utils/util.js

@@ -0,0 +1,272 @@
+'use strict';
+
+exports.__esModule = true;
+exports.isMac = exports.isEmpty = exports.isEqual = exports.arrayEquals = exports.looseEqual = exports.capitalize = exports.kebabCase = exports.autoprefixer = exports.isFirefox = exports.isEdge = exports.isIE = exports.coerceTruthyValueToArray = exports.arrayFind = exports.arrayFindIndex = exports.escapeRegexpString = exports.valueEquals = exports.generateId = exports.getValueByPath = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+exports.noop = noop;
+exports.hasOwn = hasOwn;
+exports.toObject = toObject;
+exports.getPropByPath = getPropByPath;
+exports.rafThrottle = rafThrottle;
+exports.objToArray = objToArray;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _types = require('element-ui/lib/utils/types');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+function noop() {};
+
+function hasOwn(obj, key) {
+	return hasOwnProperty.call(obj, key);
+};
+
+function extend(to, _from) {
+	for (var key in _from) {
+		to[key] = _from[key];
+	}
+	return to;
+};
+
+function toObject(arr) {
+	var res = {};
+	for (var i = 0; i < arr.length; i++) {
+		if (arr[i]) {
+			extend(res, arr[i]);
+		}
+	}
+	return res;
+};
+
+var getValueByPath = exports.getValueByPath = function getValueByPath(object, prop) {
+	prop = prop || '';
+	var paths = prop.split('.');
+	var current = object;
+	var result = null;
+	for (var i = 0, j = paths.length; i < j; i++) {
+		var path = paths[i];
+		if (!current) break;
+
+		if (i === j - 1) {
+			result = current[path];
+			break;
+		}
+		current = current[path];
+	}
+	return result;
+};
+
+function getPropByPath(obj, path, strict) {
+	var tempObj = obj;
+	path = path.replace(/\[(\w+)\]/g, '.$1');
+	path = path.replace(/^\./, '');
+
+	var keyArr = path.split('.');
+	var i = 0;
+	for (var len = keyArr.length; i < len - 1; ++i) {
+		if (!tempObj && !strict) break;
+		var key = keyArr[i];
+		if (key in tempObj) {
+			tempObj = tempObj[key];
+		} else {
+			if (strict) {
+				throw new Error('please transfer a valid prop path to form item!');
+			}
+			break;
+		}
+	}
+	return {
+		o: tempObj,
+		k: keyArr[i],
+		v: tempObj ? tempObj[keyArr[i]] : null
+	};
+};
+
+var generateId = exports.generateId = function generateId() {
+	return Math.floor(Math.random() * 10000);
+};
+
+var valueEquals = exports.valueEquals = function valueEquals(a, b) {
+	// see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
+	if (a === b) return true;
+	if (!(a instanceof Array)) return false;
+	if (!(b instanceof Array)) return false;
+	if (a.length !== b.length) return false;
+	for (var i = 0; i !== a.length; ++i) {
+		if (a[i] !== b[i]) return false;
+	}
+	return true;
+};
+
+var escapeRegexpString = exports.escapeRegexpString = function escapeRegexpString() {
+	var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+};
+
+// TODO: use native Array.find, Array.findIndex when IE support is dropped
+var arrayFindIndex = exports.arrayFindIndex = function arrayFindIndex(arr, pred) {
+	for (var i = 0; i !== arr.length; ++i) {
+		if (pred(arr[i])) {
+			return i;
+		}
+	}
+	return -1;
+};
+
+var arrayFind = exports.arrayFind = function arrayFind(arr, pred) {
+	var idx = arrayFindIndex(arr, pred);
+	return idx !== -1 ? arr[idx] : undefined;
+};
+
+// coerce truthy value to array
+var coerceTruthyValueToArray = exports.coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
+	if (Array.isArray(val)) {
+		return val;
+	} else if (val) {
+		return [val];
+	} else {
+		return [];
+	}
+};
+
+var isIE = exports.isIE = function isIE() {
+	return !_vue2.default.prototype.$isServer && !isNaN(Number(document.documentMode));
+};
+
+var isEdge = exports.isEdge = function isEdge() {
+	return !_vue2.default.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
+};
+
+var isFirefox = exports.isFirefox = function isFirefox() {
+	return !_vue2.default.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+};
+
+var autoprefixer = exports.autoprefixer = function autoprefixer(style) {
+	if ((typeof style === 'undefined' ? 'undefined' : _typeof(style)) !== 'object') return style;
+	var rules = ['transform', 'transition', 'animation'];
+	var prefixes = ['ms-', 'webkit-'];
+	rules.forEach(function (rule) {
+		var value = style[rule];
+		if (rule && value) {
+			prefixes.forEach(function (prefix) {
+				style[prefix + rule] = value;
+			});
+		}
+	});
+	return style;
+};
+
+var kebabCase = exports.kebabCase = function kebabCase(str) {
+	var hyphenateRE = /([^-])([A-Z])/g;
+	return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase();
+};
+
+var capitalize = exports.capitalize = function capitalize(str) {
+	if (!(0, _types.isString)(str)) return str;
+	return str.charAt(0).toUpperCase() + str.slice(1);
+};
+
+var looseEqual = exports.looseEqual = function looseEqual(a, b) {
+	var isObjectA = (0, _types.isObject)(a);
+	var isObjectB = (0, _types.isObject)(b);
+	if (isObjectA && isObjectB) {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} else if (!isObjectA && !isObjectB) {
+		return String(a) === String(b);
+	} else {
+		return false;
+	}
+};
+
+var arrayEquals = exports.arrayEquals = function arrayEquals(arrayA, arrayB) {
+	arrayA = arrayA || [];
+	arrayB = arrayB || [];
+
+	if (arrayA.length !== arrayB.length) {
+		return false;
+	}
+
+	for (var i = 0; i < arrayA.length; i++) {
+		if (!looseEqual(arrayA[i], arrayB[i])) {
+			return false;
+		}
+	}
+
+	return true;
+};
+
+var isEqual = exports.isEqual = function isEqual(value1, value2) {
+	if (Array.isArray(value1) && Array.isArray(value2)) {
+		return arrayEquals(value1, value2);
+	}
+	return looseEqual(value1, value2);
+};
+
+var isEmpty = exports.isEmpty = function isEmpty(val) {
+	// null or undefined
+	if (val == null) return true;
+
+	if (typeof val === 'boolean') return false;
+
+	if (typeof val === 'number') return !val;
+
+	if (val instanceof Error) return val.message === '';
+
+	switch (Object.prototype.toString.call(val)) {
+		// String or Array
+		case '[object String]':
+		case '[object Array]':
+			return !val.length;
+
+		// Map or Set or File
+		case '[object File]':
+		case '[object Map]':
+		case '[object Set]':
+			{
+				return !val.size;
+			}
+		// Plain Object
+		case '[object Object]':
+			{
+				return !Object.keys(val).length;
+			}
+	}
+
+	return false;
+};
+
+function rafThrottle(fn) {
+	var locked = false;
+	return function () {
+		var _this = this;
+
+		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+
+		if (locked) return;
+		locked = true;
+		window.requestAnimationFrame(function (_) {
+			fn.apply(_this, args);
+			locked = false;
+		});
+	};
+}
+
+function objToArray(obj) {
+	if (Array.isArray(obj)) {
+		return obj;
+	}
+	return isEmpty(obj) ? [] : [obj];
+}
+
+var isMac = exports.isMac = function isMac() {
+	return !_vue2.default.prototype.$isServer && /macintosh|mac os x/i.test(navigator.userAgent);
+};

package/lib/utils/vdom.js

@@ -0,0 +1,13 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+exports.isVNode = isVNode;
+
+var _util = require('element-ui/lib/utils/util');
+
+function isVNode(node) {
+	return node !== null && (typeof node === 'undefined' ? 'undefined' : _typeof(node)) === 'object' && (0, _util.hasOwn)(node, 'componentOptions');
+};

package/lib/utils/vue-popper.js

@@ -0,0 +1,202 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _popup = require('element-ui/lib/utils/popup');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var PopperJS = _vue2.default.prototype.$isServer ? function () {} : require('./popper');
+var stop = function stop(e) {
+	return e.stopPropagation();
+};
+
+/**
+ * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
+ * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
+ * @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
+ * @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
+ * @param {Boolean} [visible=false] Visibility of the popup element.
+ * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
+ */
+exports.default = {
+	props: {
+		transformOrigin: {
+			type: [Boolean, String],
+			default: true
+		},
+		placement: {
+			type: String,
+			default: 'bottom'
+		},
+		boundariesPadding: {
+			type: Number,
+			default: 5
+		},
+		reference: {},
+		popper: {},
+		offset: {
+			default: 0
+		},
+		value: Boolean,
+		visibleArrow: Boolean,
+		arrowOffset: {
+			type: Number,
+			default: 35
+		},
+		appendToBody: {
+			type: Boolean,
+			default: true
+		},
+		popperOptions: {
+			type: Object,
+			default: function _default() {
+				return {
+					gpuAcceleration: false
+				};
+			}
+		}
+	},
+
+	data: function data() {
+		return {
+			showPopper: false,
+			currentPlacement: ''
+		};
+	},
+
+
+	watch: {
+		value: {
+			immediate: true,
+			handler: function handler(val) {
+				this.showPopper = val;
+				this.$emit('input', val);
+			}
+		},
+
+		showPopper: function showPopper(val) {
+			if (this.disabled) return;
+			val ? this.updatePopper() : this.destroyPopper();
+			this.$emit('input', val);
+		}
+	},
+
+	methods: {
+		createPopper: function createPopper() {
+			var _this = this;
+
+			if (this.$isServer) return;
+			this.currentPlacement = this.currentPlacement || this.placement;
+			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
+				return;
+			}
+
+			var options = this.popperOptions;
+			var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
+			var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
+
+			if (!reference && this.$slots.reference && this.$slots.reference[0]) {
+				reference = this.referenceElm = this.$slots.reference[0].elm;
+			}
+
+			if (!popper || !reference) return;
+			if (this.visibleArrow) this.appendArrow(popper);
+			if (this.appendToBody) document.body.appendChild(this.popperElm);
+			if (this.popperJS && this.popperJS.destroy) {
+				this.popperJS.destroy();
+			}
+
+			options.placement = this.currentPlacement;
+			options.offset = this.offset;
+			options.arrowOffset = this.arrowOffset;
+			this.popperJS = new PopperJS(reference, popper, options);
+			this.popperJS.onCreate(function (_) {
+				_this.$emit('created', _this);
+				_this.resetTransformOrigin();
+				_this.$nextTick(_this.updatePopper);
+			});
+			if (typeof options.onUpdate === 'function') {
+				this.popperJS.onUpdate(options.onUpdate);
+			}
+			this.popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
+			this.popperElm.addEventListener('click', stop);
+		},
+		updatePopper: function updatePopper() {
+			var popperJS = this.popperJS;
+			if (popperJS) {
+				popperJS.update();
+				if (popperJS._popper) {
+					popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
+				}
+			} else {
+				this.createPopper();
+			}
+		},
+		doDestroy: function doDestroy(forceDestroy) {
+			/* istanbul ignore if */
+			if (!this.popperJS || this.showPopper && !forceDestroy) return;
+			this.popperJS.destroy();
+			this.popperJS = null;
+		},
+		destroyPopper: function destroyPopper() {
+			if (this.popperJS) {
+				this.resetTransformOrigin();
+			}
+		},
+		resetTransformOrigin: function resetTransformOrigin() {
+			if (!this.transformOrigin) return;
+			var placementMap = {
+				top: 'bottom',
+				bottom: 'top',
+				left: 'right',
+				right: 'left'
+			};
+			var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
+			var origin = placementMap[placement];
+			this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? 'center ' + origin : origin + ' center';
+		},
+		appendArrow: function appendArrow(element) {
+			var hash = void 0;
+			if (this.appended) {
+				return;
+			}
+
+			this.appended = true;
+
+			for (var item in element.attributes) {
+				if (/^_v-/.test(element.attributes[item].name)) {
+					hash = element.attributes[item].name;
+					break;
+				}
+			}
+
+			var arrow = document.createElement('div');
+
+			if (hash) {
+				arrow.setAttribute(hash, '');
+			}
+			arrow.setAttribute('x-arrow', '');
+			arrow.className = 'popper__arrow';
+			element.appendChild(arrow);
+		}
+	},
+
+	beforeDestroy: function beforeDestroy() {
+		this.doDestroy(true);
+		if (this.popperElm && this.popperElm.parentNode === document.body) {
+			this.popperElm.removeEventListener('click', stop);
+			document.body.removeChild(this.popperElm);
+		}
+	},
+
+
+	// call destroy in keep-alive mode
+	deactivated: function deactivated() {
+		this.$options.beforeDestroy[0].call(this);
+	}
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cy-element-ui",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"description": "基于ElementUI开发的组件",
 	"main": "lib/element-ui.common.js",
 	"files": [
@@ -63,7 +63,7 @@
 		"url": "https://github.com/ElemeFE/element/issues"
 	},
 	"unpkg": "lib/index.js",
-	"style": "lib/theme-chalk/index.css",
+	"style": ["lib/theme-chalk/index.css", "lib/theme-cy/index.css"],
 	"web-types": "./web-types.json",
 	"dependencies": {
 		"async-validator": "~1.8.1",

package/packages/theme-cy/lib/index.css

@@ -0,0 +1 @@
+.cy-treeselect-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-treeselect-select .cy-treeselect-select-v-placeholder{color:#c0c4cc}.cy-treeselect-select .cy-treeselect-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-treeselect-select.small{height:32px;line-height:32px}.cy-treeselect-select.small .cy-treeselect-select-v{font-size:13px}.cy-treeselect-select.mini{height:28px;line-height:28px}.cy-treeselect-select.mini .cy-treeselect-select-v{font-size:12px}.cy-treeselect-select:hover{border-color:#C0C4CC}.cy-treeselect-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-treeselect-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-treeselect{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-treeselect>span{display:inline-block;width:100%}

package/packages/theme-cy/lib/treeselect.css

@@ -0,0 +1 @@
+.cy-treeselect-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-treeselect-select .cy-treeselect-select-v-placeholder{color:#c0c4cc}.cy-treeselect-select .cy-treeselect-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-treeselect-select.small{height:32px;line-height:32px}.cy-treeselect-select.small .cy-treeselect-select-v{font-size:13px}.cy-treeselect-select.mini{height:28px;line-height:28px}.cy-treeselect-select.mini .cy-treeselect-select-v{font-size:12px}.cy-treeselect-select:hover{border-color:#C0C4CC}.cy-treeselect-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-treeselect-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-treeselect{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-treeselect>span{display:inline-block;width:100%}

package/packages/theme-cy/src/treeselect.scss

@@ -1,4 +1,87 @@
 @import "./base.scss";
 
-.cy-treeselect {
+.cy-treeselect-select {
+	width: 217px;
+	height: 36px;
+	line-height: 36px;
+	border: 1px solid #DCDFE6;
+	border-radius: 4px;
+	padding: 0 29px 0 15px;
+	cursor: pointer;
+	overflow: hidden;
+	position: relative;
+	transition: all .3s;
+
+	.cy-treeselect-select-v {
+		width: 100%;
+		color: #606266;
+		font-size: 14px;
+		white-space: nowrap;
+		overflow: auto;
+	}
+
+	.cy-treeselect-select-v-placeholder {
+		color: #c0c4cc;
+	}
+
+	.cy-treeselect-select-v-icon {
+		color: #C0C4CC;
+		position: absolute;
+		top: 0;
+		right: 9px;
+
+		.cy-treeselect-select-v-arrow {
+			transform: rotateZ(0deg);
+			transition: all .3s;
+		}
+
+		.cy-treeselect-select-v-arrow-show {
+			transform: rotateZ(-180deg);
+		}
+	}
+}
+
+.cy-treeselect-select.small {
+	height: 32px;
+	line-height: 32px;
+
+	.cy-treeselect-select-v {
+		font-size: 13px;
+	}
+}
+
+.cy-treeselect-select.mini {
+	height: 28px;
+	line-height: 28px;
+
+	.cy-treeselect-select-v {
+		font-size: 12px;
+	}
+}
+
+.cy-treeselect-select:hover {
+	border-color: #C0C4CC;
+}
+
+.cy-treeselect-select-con-t {
+	padding-bottom: 5px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid #DCDFE6;
+}
+
+.cy-treeselect-select-con-c {
+	max-height: 300px;
+	overflow: auto;
+}
+
+.el-form-item--medium .el-form-item--content .cy-treeselect {
+	width: 100%;
+	height: 36px;
+	display: flex;
+	align-items: center;
+
+	> span {
+		display: inline-block;
+		width: 100%;
+	}
 }

package/packages/treeselect/src/main.vue

@@ -241,91 +241,3 @@ export default {
 	}
 };
 </script>
-
-<style scoped lang="scss">
-.cy-treeselect-select {
-	width: 217px;
-	height: 36px;
-	line-height: 36px;
-	border: 1px solid #DCDFE6;
-	border-radius: 4px;
-	padding: 0 29px 0 15px;
-	cursor: pointer;
-	overflow: hidden;
-	position: relative;
-	transition: all .3s;
-	
-	.cy-treeselect-select-v {
-		width: 100%;
-		color: #606266;
-		font-size: 14px;
-		white-space: nowrap;
-		overflow: auto;
-	}
-	
-	.cy-treeselect-select-v-placeholder {
-		color: #c0c4cc;
-	}
-	
-	.cy-treeselect-select-v-icon {
-		color: #C0C4CC;
-		position: absolute;
-		top: 0;
-		right: 9px;
-		
-		.cy-treeselect-select-v-arrow {
-			transform: rotateZ(0deg);
-			transition: all .3s;
-		}
-		
-		.cy-treeselect-select-v-arrow-show {
-			transform: rotateZ(-180deg);
-		}
-	}
-}
-
-.cy-treeselect-select.small {
-	height: 32px;
-	line-height: 32px;
-	
-	.cy-treeselect-select-v {
-		font-size: 13px;
-	}
-}
-
-.cy-treeselect-select.mini {
-	height: 28px;
-	line-height: 28px;
-	
-	.cy-treeselect-select-v {
-		font-size: 12px;
-	}
-}
-
-.cy-treeselect-select:hover {
-	border-color: #C0C4CC;
-}
-
-.cy-treeselect-select-con-t {
-	padding-bottom: 5px;
-	margin-bottom: 5px;
-	border-bottom: 1px solid #DCDFE6;
-}
-
-.cy-treeselect-select-con-c {
-	max-height: 300px;
-	overflow: auto;
-}
-
-.el-form-item--medium .el-form-item--content .cy-treeselect {
-	width: 100%;
-	height: 36px;
-	display: flex;
-	align-items: center;
-	
-	> span {
-		display: inline-block;
-		width: 100%;
-	}
-}
-</style>

package/src/index.js

@@ -214,7 +214,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-	version: '2.15.14',
+	version: '1.0.0',
 	locale: locale.use,
 	i18n: locale.i18n,
 	install,