@mdsfe/mds-ui 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (C) 2005-present, 58.com.  All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+<p style="background:#000;text-align:center;padding: 20px 0">
+<a href="https://matrix.58.com/)">
+  <img style="width: 46px;
+    height: 46px;display: inline-block;
+    vertical-align: middle;" src="https://matrix.58.com/home/dist/img/logo.gif"/>
+  <i style="font-size: 32px;
+    color: #fff;
+    display: inline-block;
+    vertical-align: middle;">MATRIX</i>
+</a>
+</p>
+
+[![Build Status][travis-image]][travis-url] [![license][license-image]][license-url] [![javascript style guide][standard-image]][standard-url] [![version][version-image]][version-url]
+
+[travis-url]: https://www.travis-ci.org
+[travis-image]: https://img.shields.io/badge/build-passing-brightgreen.svg
+[standard-image]: https://img.shields.io/badge/code_style-standard-brightgreen.svg
+[standard-url]: https://standardjs.com
+[license-image]: https://img.shields.io/badge/license-MIT-blue.svg
+[license-url]: demo/miniprogram-demo/LICENSE
+[version-image]: https://img.shields.io/badge/version-v0.0.9-blue.svg
+[version-url]: README.md
+
+> Better enable enterprise project in the background
+
+## Intro
+
+这是基于 [Vue](https://vuejs.org/) 的组件化实现，开发和服务于企业级产品，意旨在帮助开发者快速搭建属于自己的业务应用。
+
+
+
+## Install
+
+#### npm 安装
+> 推荐使用npm的方式安装，能更好的和`webpack`等打包工具配合使用
+``` bash
+npm install @bic-fe/mds-ui -S
+```
+
+#### CDN 引用
+> 支持在页面上引入`Js`和`Css`文件既可以开始使用
+
+```
+<!-- 引入样式 -->
+<link rel="stylesheet" href="https://unpkg.com/@bic-fe/mds-ui/dist/mds-ui.min.css">
+<!-- 引入组件库 -->
+<script src="https://unpkg.com/@bic-fe/mds-ui/dist/mds-ui.min.js"></script>
+
+```
+`注意`：使用`CDN`引入`mds-ui`组件库需要在链接地址上锁定版本，避免组件库升级的时候带来兼容性的影响。锁定版本的方法为在连接后面增加版本号
+
+目前可以通过 [unpkg.com/mds-ui](https://unpkg.com/browse/@bic-fe/mds-ui/) 获取到最新版本的资源，支持在页面上引入Js和Css文件既可以开始使用
+
+## Quick Start
+
+#### 完整引入
+
+```
+import Vue from 'vue'; // 引入Vue
+import '@bic-fe/mds-ui/dist/mds-ui.min.css'; // 引入组件的样式 
+import MdsUi from '@bic-fe/mds-ui'; // 引入组件
+
+Vue.use(MdsUi); // 使用组件
+
+```
+
+#### 按需引入
+
+方法一：
+
+可以通过下面的写法来按需加载组件
+
+```
+import Button from '@bic-fe/mds-ui/dist/button';
+```
+方法二：
+
+也可以使用 babel-plugin-import 来进行按需加载
+
+```
+import { Button } from '@bic-fe/mds-ui';
+```
+`.babelrc`修改
+
+```
+{
+  "plugins": [
+    [
+      "import", {
+        "libraryName": "@bic-fe/mds-ui",
+        "libraryDirectory": "dist",
+        "styleLibraryDirectory": "dist/style",
+        "style":true
+      }
+    ]
+  ]
+}
+
+```
+## Browser Support
+
+Modern browsers and Internet Explorer 10+.
+
+## License
+
+[MIT](http://opensource.org/licenses/MIT)

package/dist/_locale/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+exports.__esModule = true;
+exports.tfn = undefined;
+
+var _zhCN = require('./zh-CN.js');
+
+var _zhCN2 = _interopRequireDefault(_zhCN);
+
+var _util = require('../_util/util.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var tfn = exports.tfn = function tfn(path) {
+  return (0, _util.getValueByPath)(_zhCN2.default, path, '');
+};
+
+exports.default = { tfn: tfn };

package/dist/_locale/zh-CN.js

@@ -0,0 +1,123 @@
+'use strict';
+
+exports.__esModule = true;
+exports.default = {
+  mds: {
+    colorpicker: {
+      confirm: '确定',
+      clear: '清空'
+    },
+    datepicker: {
+      now: '此刻',
+      today: '今天',
+      cancel: '取消',
+      clear: '清空',
+      confirm: '确定',
+      selectDate: '选择日期',
+      selectTime: '选择时间',
+      startDate: '开始日期',
+      startTime: '开始时间',
+      endDate: '结束日期',
+      endTime: '结束时间',
+      prevYear: '前一年',
+      nextYear: '后一年',
+      prevMonth: '上个月',
+      nextMonth: '下个月',
+      year: '年',
+      month1: '1 月',
+      month2: '2 月',
+      month3: '3 月',
+      month4: '4 月',
+      month5: '5 月',
+      month6: '6 月',
+      month7: '7 月',
+      month8: '8 月',
+      month9: '9 月',
+      month10: '10 月',
+      month11: '11 月',
+      month12: '12 月',
+      week: '周次',
+      weeks: {
+        sun: '日',
+        mon: '一',
+        tue: '二',
+        wed: '三',
+        thu: '四',
+        fri: '五',
+        sat: '六'
+      },
+      months: {
+        jan: '一月',
+        feb: '二月',
+        mar: '三月',
+        apr: '四月',
+        may: '五月',
+        jun: '六月',
+        jul: '七月',
+        aug: '八月',
+        sep: '九月',
+        oct: '十月',
+        nov: '十一月',
+        dec: '十二月'
+      }
+    },
+    select: {
+      loading: '加载中',
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      placeholder: '请选择'
+    },
+    cascader: {
+      noMatch: '无匹配数据',
+      loading: '加载中',
+      placeholder: '请选择',
+      noData: '暂无数据'
+    },
+    pagination: {
+      goto: '前往',
+      pagesize: '条/页',
+      total: '共 {total} 条',
+      pageClassifier: '页'
+    },
+    messagebox: {
+      title: '提示',
+      confirm: '确定',
+      cancel: '取消',
+      error: '输入的数据不合法!'
+    },
+    upload: {
+      deleteTip: '按 delete 键可删除',
+      delete: '删除',
+      preview: '查看图片',
+      continue: '继续上传'
+    },
+    table: {
+      emptyText: '暂无数据',
+      confirmFilter: '筛选',
+      resetFilter: '重置',
+      clearFilter: '全部',
+      sumText: '合计'
+    },
+    tree: {
+      emptyText: '暂无数据'
+    },
+    transfer: {
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      titles: ['列表 1', '列表 2'],
+      filterPlaceholder: '请输入搜索内容',
+      noCheckedFormat: '共 {total} 项',
+      hasCheckedFormat: '已选 {checked}/{total} 项'
+    },
+    image: {
+      error: '加载失败'
+    },
+    pageHeader: {
+      title: '返回'
+    },
+    popconfirm: {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消'
+    }
+  }
+};

package/dist/_mixin/emitter.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+function _broadcast(componentName, eventName, params) {
+  this.$children.forEach(function (child) {
+    var name = child.$options.componentName;
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params));
+    } else {
+      _broadcast.apply(child, [componentName, eventName].concat([params]));
+    }
+  });
+}
+exports.default = {
+  methods: {
+    dispatch: function dispatch(componentName, eventName, params) {
+      var parent = this.$parent || this.$root;
+      var name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    broadcast: function broadcast(componentName, eventName, params) {
+      _broadcast.call(this, componentName, eventName, params);
+    }
+  }
+};

package/dist/_mixin/focus.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+
+exports.default = function (ref) {
+  return {
+    methods: {
+      focus: function focus() {
+        this.$refs[ref].focus();
+      }
+    }
+  };
+};

package/dist/_mixin/locale.js

@@ -0,0 +1,17 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _index = require('../_locale/index.js');
+
+exports.default = {
+  methods: {
+    t: function t() {
+      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return _index.tfn.apply(this, args);
+    }
+  }
+};

package/dist/_mixin/popper.js

@@ -0,0 +1,192 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _create = require('babel-runtime/core-js/object/create');
+
+var _create2 = _interopRequireDefault(_create);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _popper = require('popper.js');
+
+var _popper2 = _interopRequireDefault(_popper);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 实际使用的位置和popper.js的位置映射表
+ */
+var placementMap = {
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom',
+  topLeft: 'top-start',
+  topRight: 'top-end',
+  bottomLeft: 'bottom-start',
+  bottomRight: 'bottom-end',
+  leftTop: 'left-start',
+  leftBottom: 'left-end',
+  rightTop: 'right-start',
+  rightBottom: 'right-end'
+};
+var popperMap = {
+  'top': 'top',
+  'left': 'left',
+  'right': 'right',
+  'bottom': 'bottom',
+  'top-start': 'topLeft',
+  'top-end': 'topRight',
+  'bottom-start': 'bottomLeft',
+  'bottom-end': 'bottomRight',
+  'left-start': 'leftTop',
+  'left-end': 'leftBottom',
+  'right-start': 'rightTop',
+  'right-end': 'rightBottom'
+};
+
+exports.default = {
+  props: {
+    placement: {
+      type: String,
+      default: 'bottom'
+    },
+    popperOptions: {
+      type: Object,
+      default: function _default() {}
+    }
+  },
+  data: function data() {
+    return {
+      placementMap: placementMap,
+      popperMap: popperMap,
+      popper: null,
+      reference: null,
+      visible: false,
+      visibleArrow: false,
+      currentPalcement: '',
+      popperModifiers: {}
+    };
+  },
+
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        this.$nextTick(function () {
+          _this.updatePopper();
+        });
+      } else {
+        this.destroyPopper();
+      }
+    }
+  },
+  computed: {
+    placementCls: function placementCls() {
+      return [this.prefixCls + '-placement-' + this.popperMap[this.currentPalcement]];
+    }
+  },
+  created: function created() {
+    this.currentPalcement = this.placementMap[this.placement];
+  },
+
+  methods: {
+    createPopper: function createPopper() {
+      var _this2 = this;
+
+      if ((0, _keys2.default)(this.placementMap).indexOf(this.placement) === -1) return;
+      this.popper = this.popper || this.$refs.popper;
+      if (this.popperVM && this.popperVM.$el) {
+        this.popper = this.popperVM.$el;
+      }
+      var options = (0, _create2.default)(null);
+      if (!this.popper || !this.reference) return;
+      if (this.visibleArrow) this.appendArrow(this.popper);
+      document.body.appendChild(this.popper);
+      if (this.popperJS && this.popperJS.destroy) {
+        this.popperJS.destroy();
+      }
+      options.placement = this.currentPalcement;
+      var defaultModifiers = {
+        computeStyle: {
+          gpuAcceleration: false
+        }
+      };
+      options.modifiers = (0, _assign2.default)({}, defaultModifiers, this.popperModifiers);
+      options.onCreate = function () {
+        _this2.currentPalcement = _this2.popper.getAttribute('x-placement');
+        _this2.resetTransformOrigin();
+        _this2.$nextTick(_this2.updatePopper);
+      };
+      options.onUpdate = function () {
+        _this2.currentPalcement = _this2.popper.getAttribute('x-placement');
+      };
+      this.popperJS = new _popper2.default(this.reference, this.popper, (0, _extends3.default)({}, options, this.popperOptions));
+    },
+    updatePopper: function updatePopper() {
+      if (this.popperJS) {
+        this.popperJS.update();
+      } else {
+        this.createPopper();
+      }
+    },
+    doDestroy: function doDestroy() {
+      if (this.visible || !this.popperJS) return;
+      this.popperJS.destroy();
+      this.popperJS = null;
+    },
+    destroyPopper: function destroyPopper() {
+      if (this.popperJS) {
+        this.resetTransformOrigin();
+      }
+    },
+    resetTransformOrigin: function resetTransformOrigin() {
+      var tfPlacementMap = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
+      var placement = this.currentPalcement.split('-')[0];
+      var origin = tfPlacementMap[placement];
+      this.popper.style.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;
+
+      (0, _keys2.default)(element.attributes).some(function (item) {
+        if (/^_v-/.test(element.attributes[item].name)) {
+          hash = element.attributes[item].name;
+          return true;
+        }
+        return false;
+      });
+
+      var arrow = document.createElement('div');
+
+      if (hash) {
+        arrow.setAttribute(hash, '');
+      }
+      arrow.className = this.prefixCls + '-arrow';
+      element.querySelector('.' + this.prefixCls + '-content').appendChild(arrow);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.doDestroy();
+    if (this.popper && this.popper.parentNode === document.body) {
+      document.body.removeChild(this.popper);
+    }
+  }
+};