mazey-element-ui 2.0.1 → 2.15.16

package/packages/cascader/src/menu.vue

@@ -1,369 +0,0 @@
-<script>
-  import { isDef } from 'element-ui/src/utils/shared';
-  import scrollIntoView from 'element-ui/src/utils/scroll-into-view';
-  import { generateId } from 'element-ui/src/utils/util';
-
-  const copyArray = (arr, props) => {
-    if (!arr || !Array.isArray(arr) || !props) return arr;
-    const result = [];
-    const configurableProps = ['__IS__FLAT__OPTIONS', 'label', 'value', 'disabled'];
-    const childrenProp = props.children || 'children';
-    arr.forEach(item => {
-      const itemCopy = {};
-      configurableProps.forEach(prop => {
-        let name = props[prop];
-        let value = item[name];
-        if (value === undefined) {
-          name = prop;
-          value = item[name];
-        }
-        if (value !== undefined) itemCopy[name] = value;
-      });
-      if (Array.isArray(item[childrenProp])) {
-        itemCopy[childrenProp] = copyArray(item[childrenProp], props);
-      }
-      result.push(itemCopy);
-    });
-    return result;
-  };
-
-  export default {
-    name: 'ElCascaderMenu',
-
-    data() {
-      return {
-        inputWidth: 0,
-        options: [],
-        props: {},
-        visible: false,
-        activeValue: [],
-        value: [],
-        expandTrigger: 'click',
-        changeOnSelect: false,
-        popperClass: '',
-        hoverTimer: 0,
-        clicking: false
-      };
-    },
-
-    watch: {
-      visible(value) {
-        if (value) {
-          this.activeValue = this.value;
-        }
-      },
-      value: {
-        immediate: true,
-        handler(value) {
-          this.activeValue = value;
-        }
-      }
-    },
-
-    computed: {
-      activeOptions: {
-        cache: false,
-        get() {
-          const activeValue = this.activeValue;
-          const configurableProps = ['label', 'value', 'children', 'disabled'];
-
-          const formatOptions = options => {
-            options.forEach(option => {
-              if (option.__IS__FLAT__OPTIONS) return;
-              configurableProps.forEach(prop => {
-                const value = option[this.props[prop] || prop];
-                if (value !== undefined) option[prop] = value;
-              });
-              if (Array.isArray(option.children)) {
-                formatOptions(option.children);
-              }
-            });
-          };
-
-          const loadActiveOptions = (options, activeOptions = []) => {
-            const level = activeOptions.length;
-            activeOptions[level] = options;
-            let active = activeValue[level];
-            if (isDef(active)) {
-              options = options.filter(option => option.value === active)[0];
-              if (options && options.children) {
-                loadActiveOptions(options.children, activeOptions);
-              }
-            }
-            return activeOptions;
-          };
-
-          const optionsCopy = copyArray(this.options, this.props);
-          formatOptions(optionsCopy);
-          return loadActiveOptions(optionsCopy);
-        }
-      },
-      id() {
-        return generateId();
-      }
-    },
-
-    methods: {
-      select(item, menuIndex) {
-        if (item.__IS__FLAT__OPTIONS) {
-          this.activeValue = item.value;
-        } else if (menuIndex) {
-          this.activeValue.splice(menuIndex, this.activeValue.length - 1, item.value);
-        } else {
-          this.activeValue = [item.value];
-        }
-        this.$emit('pick', this.activeValue.slice());
-      },
-      handleMenuLeave() {
-        this.$emit('menuLeave');
-      },
-      activeItem(item, menuIndex) {
-        const len = this.activeOptions.length;
-        this.activeValue.splice(menuIndex, len, item.value);
-        this.activeOptions.splice(menuIndex + 1, len, item.children);
-        if (this.changeOnSelect) {
-          this.$emit('pick', this.activeValue.slice(), false);
-        } else {
-          this.$emit('activeItemChange', this.activeValue);
-        }
-      },
-      scrollMenu(menu) {
-        scrollIntoView(menu, menu.getElementsByClassName('is-active')[0]);
-      },
-      handleMenuEnter() {
-        this.$nextTick(() => this.$refs.menus.forEach(menu => this.scrollMenu(menu)));
-      }
-    },
-
-    render(h) {
-      const {
-        activeValue,
-        activeOptions,
-        visible,
-        expandTrigger,
-        popperClass,
-        hoverThreshold
-      } = this;
-      let itemId = null;
-      let itemIndex = 0;
-
-      let hoverMenuRefs = {};
-      const hoverMenuHandler = e => {
-        const activeMenu = hoverMenuRefs.activeMenu;
-        if (!activeMenu) return;
-        const offsetX = e.offsetX;
-        const width = activeMenu.offsetWidth;
-        const height = activeMenu.offsetHeight;
-
-        if (e.target === hoverMenuRefs.activeItem) {
-          clearTimeout(this.hoverTimer);
-          const {activeItem} = hoverMenuRefs;
-          const offsetY_top = activeItem.offsetTop;
-          const offsetY_Bottom = offsetY_top + activeItem.offsetHeight;
-
-          hoverMenuRefs.hoverZone.innerHTML = `
-            <path style="pointer-events: auto;" fill="transparent" d="M${offsetX} ${offsetY_top} L${width} 0 V${offsetY_top} Z" />
-            <path style="pointer-events: auto;" fill="transparent" d="M${offsetX} ${offsetY_Bottom} L${width} ${height} V${offsetY_Bottom} Z" />
-          `;
-        } else {
-          if (!this.hoverTimer) {
-            this.hoverTimer = setTimeout(() => {
-              hoverMenuRefs.hoverZone.innerHTML = '';
-            }, hoverThreshold);
-          }
-        }
-      };
-
-      const menus = this._l(activeOptions, (menu, menuIndex) => {
-        let isFlat = false;
-        const menuId = `menu-${this.id}-${ menuIndex}`;
-        const ownsId = `menu-${this.id}-${ menuIndex + 1 }`;
-        const items = this._l(menu, item => {
-          const events = {
-            on: {}
-          };
-
-          if (item.__IS__FLAT__OPTIONS) isFlat = true;
-
-          if (!item.disabled) {
-            // keydown up/down/left/right/enter
-            events.on.keydown = (ev) => {
-              const keyCode = ev.keyCode;
-              if ([37, 38, 39, 40, 13, 9, 27].indexOf(keyCode) < 0) {
-                return;
-              }
-              const currentEle = ev.target;
-              const parentEle = this.$refs.menus[menuIndex];
-              const menuItemList = parentEle.querySelectorAll("[tabindex='-1']");
-              const currentIndex = Array.prototype.indexOf.call(menuItemList, currentEle); // 当前索引
-              let nextIndex, nextMenu;
-              if ([38, 40].indexOf(keyCode) > -1) {
-                if (keyCode === 38) { // up键
-                  nextIndex = currentIndex !== 0 ? (currentIndex - 1) : currentIndex;
-                } else if (keyCode === 40) { // down
-                  nextIndex = currentIndex !== (menuItemList.length - 1) ? currentIndex + 1 : currentIndex;
-                }
-                menuItemList[nextIndex].focus();
-              } else if (keyCode === 37) { // left键
-                if (menuIndex !== 0) {
-                  const previousMenu = this.$refs.menus[menuIndex - 1];
-                  previousMenu.querySelector('[aria-expanded=true]').focus();
-                }
-              } else if (keyCode === 39) { // right
-                if (item.children) {
-                  // 有子menu 选择子menu的第一个menuitem
-                  nextMenu = this.$refs.menus[menuIndex + 1];
-                  nextMenu.querySelectorAll("[tabindex='-1']")[0].focus();
-                }
-              } else if (keyCode === 13) {
-                if (!item.children) {
-                  const id = currentEle.getAttribute('id');
-                  parentEle.setAttribute('aria-activedescendant', id);
-                  this.select(item, menuIndex);
-                  this.$nextTick(() => this.scrollMenu(this.$refs.menus[menuIndex]));
-                }
-              } else if (keyCode === 9 || keyCode === 27) { // esc tab
-                this.$emit('closeInside');
-              }
-            };
-            if (item.children) {
-              let triggerEvent = {
-                click: 'click',
-                hover: 'mouseenter'
-              }[expandTrigger];
-              const triggerHandler = () => {
-                this.activeItem(item, menuIndex);
-                this.$nextTick(() => {
-                  // adjust self and next level
-                  this.scrollMenu(this.$refs.menus[menuIndex]);
-                  this.scrollMenu(this.$refs.menus[menuIndex + 1]);
-                });
-              };
-              events.on[triggerEvent] = triggerHandler;
-              events.on['mousedown'] = () => {
-                this.clicking = true;
-              };
-              events.on['focus'] = () => { // focus 选中
-                if (this.clicking) {
-                  this.clicking = false;
-                  return;
-                }
-                triggerHandler();
-              };
-            } else {
-              events.on.click = () => {
-                this.select(item, menuIndex);
-                this.$nextTick(() => this.scrollMenu(this.$refs.menus[menuIndex]));
-              };
-            }
-          }
-          if (!item.disabled && !item.children) { // no children set id
-            itemId = `${menuId}-${itemIndex}`;
-            itemIndex++;
-          }
-          return (
-            <li
-              class={{
-                'el-cascader-menu__item': true,
-                'el-cascader-menu__item--extensible': item.children,
-                'is-active': item.value === activeValue[menuIndex],
-                'is-disabled': item.disabled
-              }}
-              ref={item.value === activeValue[menuIndex] ? 'activeItem' : null}
-              {...events}
-              tabindex= { item.disabled ? null : -1 }
-              role="menuitem"
-              aria-haspopup={ !!item.children }
-              aria-expanded={ item.value === activeValue[menuIndex] }
-              id = { itemId }
-              aria-owns = { !item.children ? null : ownsId }
-            >
-              {item.label}
-            </li>
-          );
-        });
-        let menuStyle = {};
-        if (isFlat) {
-          menuStyle.minWidth = this.inputWidth + 'px';
-        }
-
-        const isHoveredMenu = expandTrigger === 'hover' && activeValue.length - 1 === menuIndex;
-        const hoverMenuEvent = {
-          on: {
-          }
-        };
-
-        if (isHoveredMenu) {
-          hoverMenuEvent.on.mousemove = hoverMenuHandler;
-          menuStyle.position = 'relative';
-        }
-
-        return (
-          <ul
-            class={{
-              'el-cascader-menu': true,
-              'el-cascader-menu--flexible': isFlat
-            }}
-            {...hoverMenuEvent}
-            style={menuStyle}
-            refInFor
-            ref="menus"
-            role="menu"
-            id = { menuId }
-          >
-            {items}
-            {
-              isHoveredMenu
-                ? (<svg
-                  ref="hoverZone"
-                  style={{
-                    position: 'absolute',
-                    top: 0,
-                    height: '100%',
-                    width: '100%',
-                    left: 0,
-                    pointerEvents: 'none'
-                  }}
-                ></svg>) : null
-            }
-          </ul>
-        );
-      });
-
-      if (expandTrigger === 'hover') {
-        this.$nextTick(() => {
-          const activeItem = this.$refs.activeItem;
-
-          if (activeItem) {
-            const activeMenu = activeItem.parentElement;
-            const hoverZone = this.$refs.hoverZone;
-
-            hoverMenuRefs = {
-              activeMenu,
-              activeItem,
-              hoverZone
-            };
-          } else {
-            hoverMenuRefs = {};
-          }
-        });
-      }
-
-      return (
-        <transition name="el-zoom-in-top" on-before-enter={this.handleMenuEnter} on-after-leave={this.handleMenuLeave}>
-          <div
-            v-show={visible}
-            class={[
-              'el-cascader-menus el-popper',
-              popperClass
-            ]}
-            ref="wrapper"
-          >
-            <div x-arrow class="popper__arrow"></div>
-            {menus}
-          </div>
-        </transition>
-      );
-    }
-  };
-</script>

package/packages/color-picker/cooking.conf.js

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

package/packages/color-picker/package.json

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

package/packages/date-picker/README.md

@@ -1,64 +0,0 @@
-# element-datepicker
-
-
-## Installation
-```shell
-npm i element-datepicker -S
-```
-
-## Usage
-
-A:
-```javascript
-import Vue from 'vue'
-import ElDatePicker from 'element-datepicker'
-
-Vue.use(ElDatePicker)
-```
-
-B:
-```javascript
-import Vue from 'vue'
-import { DatePicker, TimePicker, TimeSelect } from 'element-datepicker'
-
-Vue.component(DatePicker.name, DatePicker);
-Vue.component(TimePicker.name, TimePicker);
-Vue.component(TimeSelect.name, TimeSelect);
-```
-
-C:
-```html
-<script src="path/to/vue/dist/vue.js"></script>
-<script src="path/to/el-datepicker/index.js"></script>
-<script>
-  Vue.use(ElDatePicker);
-</script>
-```
-
-### Attributes
-| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
-|---------- |-------------- |---------- |--------------------------------  |-------- |
-| readonly | 完全只读 | boolean | — | false |
-| disabled | 禁用 | boolean | - | false |
-| editable | 文本框可输入 | boolean | - | true |
-| size          | 输入框尺寸     | string          | large, small, mini  | — |
-| placeholder | 占位内容 | string | — | — |
-| type | 显示类型 | string | year/month/date/week/ datetime/datetimerange/daterange | date |
-| format | 时间日期格式化 | string | 年 `yyyy`，月 `MM`，日 `dd`，小时 `HH`，分 `mm`，秒 `ss`，AM/PM `A` | yyyy-MM-dd |
-| align | 对齐方式 | string | left, center, right | left |
-|picker-options | 当前时间日期选择器特有的选项参考下表 | object |  — | {} |
-
-### Picker Options
-| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
-|---------- |-------------- |---------- |--------------------------------  |-------- |
-| shortcuts | 设置快捷选项，需要传入 { text, onClick } 对象用法参考 demo 或下表 | Object[] | - | - |
-| disabledDate | 设置禁用状态，参数为当前日期，要求返回 Boolean | Function | - | - |
-
-### Shortcuts
-| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
-|---------- |-------------- |---------- |--------------------------------  |-------- |
-| text | 标题文本 | string | — | — |
-| onClick | 选中后的回调函数，参数是 vm，可通过触发 'pick' 事件设置选择器的值。例如 vm.$emit('pick', new Date()) | function | — | — |
-
-## License
-MIT

package/packages/date-picker/_index.js

@@ -1,12 +0,0 @@
-import DatePicker from './src/picker/date-picker';
-import TimePicker from './src/picker/time-picker';
-import TimeSelect from './src/picker/time-select';
-
-/* istanbul ignore next */
-export default function install(Vue) {
-  Vue.component(DatePicker.name, DatePicker);
-  Vue.component(TimePicker.name, TimePicker);
-  Vue.component(TimeSelect.name, TimeSelect);
-};
-
-export { DatePicker, TimePicker, TimeSelect };

package/packages/date-picker/cooking.conf.js

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

package/packages/date-picker/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "element-datepicker",
-  "version": "2.0.0",
-  "description": "A datepicker component for Vue.",
-  "keywords": [
-    "element",
-    "vue",
-    "component"
-  ],
-  "main": "./lib/index.js",
-  "repository": "https://github.com/ElemeFE/element/tree/master/packages/date-picker",
-  "author": "long.zhang@ele.me",
-  "license": "MIT",
-  "dependencies": {}
-}

package/packages/loading/README.md

@@ -1,66 +0,0 @@
-# element-loading
-> A element-loading component for Vue.js.
-
-## Demo
-http://element-component.github.io/element-loading
-
-## Installation
-```shell
-npm i element-loading -D
-```
-
-## Usage
-```javascript
-import Vue from 'vue'
-import ElLoading from 'element-loading'
-import 'element-theme-chalk/dist/loading.css'
-
-Vue.use(ElLoading)
-```
-
-### 服务
-Loading 还可以以服务的方式调用。引入 Loading 服务：
-
-在需要调用时：
-```javascript
-Loading.service(options);
-```
-其中 `options` 参数为 Loading 的配置项，具体见下表。`LoadingService` 会返回一个 Loading 实例，可通过调用该实例的 `close` 方法来关闭它：
-```javascript
-let loadingInstance = Loading.service(options);
-loadingInstance.close();
-```
-需要注意的是，以服务的方式调用的全屏 Loading 是单例的：若在前一个全屏 Loading 关闭前再次调用全屏 Loading，并不会创建一个新的 Loading 实例，而是返回现有全屏 Loading 的实例：
-```javascript
-let loadingInstance1 = Loading.service({ fullscreen: true });
-let loadingInstance2 = Loading.service({ fullscreen: true });
-console.log(loadingInstance1 === loadingInstance2); // true
-```
-此时调用它们中任意一个的 `close` 方法都能关闭这个全屏 Loading。
-
-如果完整引入了 Element，那么 Vue.prototype 上会有一个全局方法 `$loading`，它的调用方式为：`this.$loading(options)`，同样会返回一个 Loading 实例。
-
-### Options
-| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
-|---------- |-------------- |---------- |--------------------------------  |-------- |
-| target | Loading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串；若传入字符串，则会将其作为参数传入 `document.querySelector`以获取到对应 DOM 节点 | object/string | — | document.body |
-| body | 同 `v-loading` 指令中的 `body` 修饰符 | boolean | — | false |
-| fullscreen | 同 `v-loading` 指令中的 `fullscreen` 修饰符 | boolean | — | true |
-| lock | 同 `v-loading` 指令中的 `lock` 修饰符 | boolean | — | false |
-| text | 显示在加载图标下方的加载文案 | string | — | — |
-| customClass | Loading 的自定义类名 | string | — | — |
-
-
-## Development
-```shell
-make dev
-
-## test
-make test
-
-## build
-make build
-```
-
-# License
-[MIT](https://opensource.org/licenses/MIT)

package/packages/loading/cooking.conf.js

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

package/packages/loading/package.json

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

package/packages/pagination/README.md

@@ -1,59 +0,0 @@
-# element-pagination
-> A element-pagination component for Vue.js.
-
-## Demo
-http://element-component.github.io/element-pagination
-
-## Installation
-```shell
-npm i element-pagination -D
-```
-
-## Usage
-```javascript
-import Vue from 'vue'
-import ElPagination from 'element-pagination'
-import 'element-theme-chalk/dist/pagination.css'
-
-Vue.use(ElPagination)
-```
-
-or
-
-```javascript
-import Vue from 'vue'
-import ElPagination from 'element-pagination'
-
-Vue.component('el-pagination', ElPagination)
-```
-
-### Attributes
-| 参数               | 说明                                                     | 类型              | 可选值      | 默认值 |
-|--------------------|----------------------------------------------------------|-------------------|-------------|--------|
-| small | 是否使用小型分页样式 | Boolean | — | false |
-| page-size | 每页显示条目个数 | Number | — | 10 |
-| total | 总条目数 | Number | — | - |
-| page-count | 总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性 | Number | — | - |
-| current-page | 当前页数 | Number | — | 1 |
-| layout | 组件布局，子组件名用逗号分隔| String | `sizes`, `prev`, `pager`, `next`, `jumper`, `->`, `total` | 'prev, pager, next, jumper, ->, total'  |
-| page-sizes | 每页显示个数选择器的选项设置 | Number[] | — |  [10, 20, 30, 40, 50, 100] |
-
-### Events
-| 事件名称 | 说明 | 回调参数 |
-|---------|--------|---------|
-| size-change | pageSize 改变时会触发 | 每页条数`size` |
-| current-change | currentPage 改变时会触发 | 当前页`currentPage` |
-
-## Development
-```shell
-make dev
-
-## test
-make test
-
-## build
-make build
-```
-
-# License
-[MIT](https://opensource.org/licenses/MIT)

package/packages/pagination/cooking.conf.js

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

package/packages/pagination/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "element-pagination",
-  "version": "2.0.0",
-  "description": "A pagination component for Vue.js.",
-  "keywords": [
-    "element",
-    "vue",
-    "component"
-  ],
-  "main": "./lib/index.js",
-  "repository": "https://github.com/ElemeFE/element/tree/master/packages/pagination",
-  "author": "qingwei-li<qingwei.li@ele.me>",
-  "license": "MIT",
-  "dependencies": {}
-}