fmui-base 1.0.0

package/lib/selectMember/select.less

@@ -0,0 +1,25 @@
+.t-crumb-scroll{
+  width:100% !important;
+
+}
+.t-crumb{
+  height: 34px;
+  padding:5px 16px;
+}
+.t-disable-mask{
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255,255,255,.4);
+}
+.t-checkbox-field-icon-list.disabled {
+  background-color: rgba(31,56,88,.1);
+}
+.dd-app-avatar{
+  height: 101px !important;
+}
+.t-checkbox-field-icon-list {
+    background: #38adff;
+}

package/lib/selectMember/utils.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var toString = Object.prototype.toString;
+
+
+var isArray = function isArray(arg) {
+  return toString.call(arg) === '[object Array]';
+};
+
+var addUrlParam = function addUrlParam(name, value) {
+  var currentUrl = window.location.href;
+  var reg = void 0;
+  if (/\?/g.test(currentUrl)) {
+    reg = new RegExp(name + '=[-\\w]{4,25}', 'g');
+    if (reg.test(currentUrl)) {
+      currentUrl = currentUrl.replace(reg, name + '=' + value);
+    } else {
+      currentUrl += '&' + name + '=' + value;
+    }
+  } else {
+    currentUrl += '?' + name + '=' + value;
+  }
+  return currentUrl;
+};
+
+// 格式化方法类型
+var FORMATTER_TYPES = {
+  LABEL_FORMATTER: 'label', // 回填值显示
+  OPTION_FORMATTER: 'option' // panel选项显示
+
+};
+
+exports.default = {
+  isArray: isArray,
+  addUrlParam: addUrlParam,
+  FORMATTER_TYPES: FORMATTER_TYPES
+};

package/lib/selectMember//347/247/273/345/212/250/347/253/257/351/200/211/344/272/272/347/273/204/344/273/266/350/257/264/346/230/216/346/226/207/346/241/243.md

@@ -0,0 +1,145 @@
+移动端选人组件说明
+=====================
+
+## 概述
+
+- 移动端选择平台用户、组织、岗位、群组、角色
+
+## 使用前
+
+- 需要在index.html中加入以下隐藏域
+```
+  <input type="hidden" id="token" value=""/>
+  <input type="hidden" id="baseContext" value=""/>
+```
+- index.html的getUser方法中获取token和baseContext，并放入隐藏域
+```
+  $("#token").val(result.token);
+  $('#baseContext').val(result.baseContext);
+  if(result.dingdingType == "corp"){
+    realCorpId = "0";
+  }
+```
+## 页面用法
+
+- 示例
+```
+<SelectMember
+    required
+    readOnly={false}
+    placeholder="请选择"
+    label="选人组件"
+    checkType="checkbox"  
+    code="common,user,org,station,group"
+    commonUsedData={this.state.commonUsedData}
+    chooseType="userAndOrg,userAndGroup"
+    fieldDataValue={this.state.fieldDataValue}
+    scopeTable={this.state.scopeTable}
+    fieldTable={this.state.fieldTable}
+    fieldData={this.state.fieldData}
+    ref="SelectMember"
+    showType="list"
+    isDelete={true}
+	includeDel="0"
+    onChange={(value)=>{t.setState({selectValue: value});}}
+/>
+```
+
+### 属性
+|名称|类型|描述|默认值|是否必填|
+|-----|-------|-------|-----|-----|------|
+|required|boolean|是否有必填标志|false|否|
+|readOnly|boolean|是否是只读形式|false|否|
+|placeholder|string|输入框提示语||否|
+|label|String|输入框字段名||否|
+|checkType|String|单选或多选(值为checkbox/radio)||是|
+|code|String|场景code码(common-常用、user-用户、org-组织、station-岗位、group-群组，以","分隔)||是|
+|chooseType|String|userAndOrg-组织用户都可选择、userNotOrg-只可选择用户不可选择组织、org-只可选择组织不可选择用户(userAndOrg、userNotOrg、org三种type选择其一)；userAndGroup-群组tab页群组和用户都可选择、userNotGroup-群组tab页只可选择用户、group-群组tab页只可选择群组(userAndGroup、userNotGroup、group三种type选择其一)，以","分隔||是|
+|commonUsedData|json格式|常用tab页显示的可选数据||否|
+|scopeTable|String|scope储存表表名，编辑查看场景下显示已选数据|cmp_scope|否(在编辑场景下且不使用defaultValue时必填)|
+|fieldTable|String|对应业务表表名，编辑查看场景下显示已选数据||否(在编辑查看场景下且不使用defaultValue时必填)|
+|fieldData|String|对应业务表字段，编辑查看场景下显示已选数据||否(在编辑查看场景下且不使用defaultValue时必填)|
+|fieldDataValue|String|对应业务表字段值，编辑查看场景下显示已选数据||否(在编辑查看场景下且不使用defaultValue时必填)|
+|showType|String|展示方法(button-按钮，text-已选用户组织岗位群组名称，list-标签形式展示)||是|
+|isDelete|boolean|showType值为list时，展示标签是否需要删除按钮||在showType值为list时为必填项|
+|defaultValue|json格式|在编辑查看场景下，未使用到scope表，用自定义格式保存已选数据时，不能用scopeTable、fieldTable、fieldData、fieldDataValue初始化数据，可用defaultValue拼接数据传入，同样用ref调用初始化||否(在编辑查看场景下且不使用scopeTable、fieldTable、fieldData、fieldDataValue四个字段时必填)|
+|queryLimit|String|1-限制传入数据自身和下级；2-限制传入数据；3-查询传入数据；4-查询传入数据自身和直接下级；5-查询传入数据自身和所有下级||否|
+|limitData|String|与queryLimit相对应，格式为以“,”分隔的id串||否(当queryLimit传值是为必填)|
+|includeDel|String|是否回显已删除的用户，0否/1是| |否()|
+
+- defaultValue数据格式示例
+```
+  [{"scopeType":"user",
+    "scopeValue":"d5ced277574011e780b3000c29ee419e",
+    "scopeName":"测试用户",
+    "imageId":""//钉钉中使用，用户需要返回用户钉钉头像
+  },
+  {"scopeType":"org",
+    "scopeValue":"d5ced277574011e780b3000c29ee412e",
+    "scopeName":"测试部门"
+  },
+  {"scopeType":"station",
+    "scopeValue":"d5ced277574011e780b3001c29ee412e",
+    "scopeName":"测试岗位"
+  },
+  {"scopeType":"group",
+    "scopeValue":"d5ced277534011e780b3001c29ee412e",
+    "scopeName":"测试群组"
+  }];
+```
+- commonUsedData数据格式示例(常用只支持用户选择)
+```
+  [{"scopeType":"user",
+    "scopeValue":"d5ced277574011e780b3000c29ee419e",
+    "scopeName":"测试用户",
+    "imageId":""//钉钉中使用，用户需要返回用户钉钉头像
+  }];
+```
+
+### 事件
+|名称|参数|描述|
+|-----|-------|-------|
+|onChange|value|处理选择之后的返回值|
+
+- 返回值示例
+```
+  [{"scopeType":"user",
+    "scopeValue":"d5ced277574011e780b3000c29ee419e",
+    "scopeName":"测试用户",
+    "imageId":""//用户钉钉头像
+  },
+  {"scopeType":"org",
+    "scopeValue":"d5ced277574011e780b3000c29ee412e",
+    "scopeName":"测试部门"
+  },
+  {"scopeType":"station",
+    "scopeValue":"d5ced277574011e780b3001c29ee412e",
+    "scopeName":"测试岗位"
+  },
+  {"scopeType":"group",
+    "scopeValue":"d5ced277534011e780b3001c29ee412e",
+    "scopeName":"测试群组"
+  }];
+```
+
+### 方法
+|名称|参数|参数类型|描述|
+|-----|-------|-------|-------|
+|initSelectData|||初始化数据，与scopeTable、fieldTable、fieldData、fieldDataValue一起使用，用于编辑查看有已选数据的场景|
+|dialogClearItem|isShowDialog|boolean|清空已选数据，参数为是否需要弹出框提醒|
+
+- 方法使用示例(使用ref调用选人组件中的方法)
+```
+  this.setState({
+        fieldDataValue: "5381b1a3cf41410194d385132cdc8442",
+        scopeTable: "oa_meeting_scope",
+        fieldTable: "oa_meeting_apply_record",
+        fieldData: "attend_user"
+      },()=>{t.refs.SelectMember.initSelectData()});
+```
+
+## 注意事项
+- scopeTable、fieldTable、fieldData、fieldDataValue需要配套使用
+- defaultValue与上述4个参数都是用于编辑查看有已选数据的场景初始化，都是用ref方法调用，二选一即可
+- 用户和组织合并，用户组织都可选择时tab页显示为组织
+- 群组中希望可选择到群组下的用户时，chooseType传入userAndGroup或userNotGroup

package/lib/signature/draw.js

@@ -0,0 +1,268 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/**
+ * Created by louizhai on 17/6/30.
+ * description: Use canvas to draw.
+ */
+function Draw(canvas, degree) {
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  if (!(this instanceof Draw)) {
+    return new Draw(canvas, config);
+  }
+  if (!canvas) {
+    return;
+  }
+
+  var _window$getComputedSt = window.getComputedStyle(canvas, null),
+      width = _window$getComputedSt.width,
+      height = _window$getComputedSt.height;
+
+  width = width.replace('px', '');
+  height = height.replace('px', '');
+
+  width = parseFloat(width);
+  // height = parseFloat(height);
+  height = width / 2;
+
+  // debugger;
+  this.canvas = canvas;
+  this.context = canvas.getContext('2d');
+  this.width = width;
+  this.height = height;
+  var context = this.context;
+
+  // 根据设备像素比优化canvas绘图
+  var devicePixelRatio = window.devicePixelRatio;
+  if (devicePixelRatio) {
+    canvas.style.width = width + 'px';
+    canvas.style.height = height + 'px';
+    canvas.height = height * devicePixelRatio;
+    canvas.width = width * devicePixelRatio;
+    context.scale(devicePixelRatio, devicePixelRatio);
+  } else {
+    canvas.width = width;
+    canvas.height = height;
+  }
+
+  context.lineWidth = 6;
+  context.strokeStyle = 'black';
+  context.lineCap = 'round';
+  context.lineJoin = 'round';
+  Object.assign(context, config);
+
+  var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
+      left = _canvas$getBoundingCl.left,
+      top = _canvas$getBoundingCl.top;
+
+  var point = {};
+  var isMobile = /phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test(navigator.userAgent);
+  // 移动端性能太弱, 去掉模糊以提高手写渲染速度
+  if (!isMobile) {
+    context.shadowBlur = 1;
+    context.shadowColor = 'black';
+  }
+  var pressed = false;
+
+  var paint = function paint(signal) {
+    switch (signal) {
+      case 1:
+        context.beginPath();
+        context.moveTo(point.x, point.y);
+      case 2:
+        context.lineTo(point.x, point.y);
+        context.stroke();
+        break;
+      default:
+    }
+  };
+  var create = function create(signal) {
+    return function (e) {
+      e.preventDefault();
+      if (signal === 1) {
+        pressed = true;
+      }
+      if (signal === 1 || pressed) {
+        e = isMobile ? e.touches[0] : e;
+        point.x = e.clientX - left;
+        point.y = e.clientY - top;
+        paint(signal);
+      }
+    };
+  };
+  var start = create(1);
+  var move = create(2);
+  var requestAnimationFrame = window.requestAnimationFrame;
+  var optimizedMove = requestAnimationFrame ? function (e) {
+    requestAnimationFrame(function () {
+      move(e);
+    });
+  } : move;
+
+  if (isMobile) {
+    canvas.addEventListener('touchstart', start);
+    canvas.addEventListener('touchmove', optimizedMove);
+  } else {
+    canvas.addEventListener('mousedown', start);
+    canvas.addEventListener('mousemove', optimizedMove);
+    ['mouseup', 'mouseleave'].forEach(function (event) {
+      canvas.addEventListener(event, function () {
+        pressed = false;
+      });
+    });
+  }
+
+  // 重置画布坐标系
+  if (typeof degree === 'number') {
+    this.degree = degree;
+    context.rotate(degree * Math.PI / 180);
+    switch (degree) {
+      case -90:
+        context.translate(-height, 0);
+        break;
+      case 90:
+        context.translate(0, -width);
+        break;
+      case -180:
+      case 180:
+        context.translate(-width, -height);
+        break;
+      default:
+    }
+  }
+}
+Draw.prototype = {
+  scale: function scale(width, height) {
+    var canvas = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.canvas;
+
+    var w = canvas.width;
+    var h = canvas.height;
+    width = width || w;
+    height = width / 2;
+    if (width !== w || height !== h) {
+      var tmpCanvas = document.createElement('canvas');
+      var tmpContext = tmpCanvas.getContext('2d');
+      tmpCanvas.width = width;
+      tmpCanvas.height = height;
+      tmpContext.drawImage(canvas, 0, 0, w, h, 0, 0, width, height);
+      canvas = tmpCanvas;
+    }
+    return canvas;
+  },
+  rotate: function rotate(degree) {
+    var image = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.canvas;
+
+    degree = ~~degree;
+    if (degree !== 0) {
+      var maxDegree = 180;
+      var minDegree = -90;
+      if (degree > maxDegree) {
+        degree = maxDegree;
+      } else if (degree < minDegree) {
+        degree = minDegree;
+      }
+
+      var canvas = document.createElement('canvas');
+      var context = canvas.getContext('2d');
+      var width = image.width;
+      var height = width / 2;
+      var degreePI = degree * Math.PI / 180;
+
+      switch (degree) {
+        // 逆时针旋转90°
+        case -90:
+          canvas.width = height;
+          canvas.height = width;
+          context.rotate(degreePI);
+          context.drawImage(image, -width, 0);
+          break;
+        // 顺时针旋转90°
+        case 90:
+          canvas.width = height;
+          canvas.height = width;
+          context.rotate(degreePI);
+          context.drawImage(image, 0, -height);
+          break;
+        // 顺时针旋转180°
+        case 180:
+          canvas.width = width;
+          canvas.height = height;
+          context.rotate(degreePI);
+          context.drawImage(image, -width, -height);
+          break;
+        default:
+      }
+      image = canvas;
+    }
+    return image;
+  },
+  getPNGImage: function getPNGImage() {
+    var canvas = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.canvas;
+
+    return canvas.toDataURL('image/png');
+  },
+  getJPGImage: function getJPGImage() {
+    var canvas = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.canvas;
+
+    return canvas.toDataURL('image/jpeg', 0.5);
+  },
+  downloadPNGImage: function downloadPNGImage(image) {
+    var url = image.replace('image/png', 'image/octet-stream;Content-Disposition:attachment;filename=test.png');
+    // "/dingisv/api/common/createFile"
+    debugger;
+    window.location.href = url;
+  },
+  dataURLtoBlob: function dataURLtoBlob(dataURL) {
+    var arr = dataURL.split(',');
+    var mime = arr[0].match(/:(.*?);/)[1];
+    var bStr = atob(arr[1]);
+    var n = bStr.length;
+    var u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bStr.charCodeAt(n);
+    }
+    return new Blob([u8arr], { type: mime });
+  },
+  clear: function clear() {
+    var width = void 0;
+    var height = void 0;
+    switch (this.degree) {
+      case -90:
+      case 90:
+        width = this.height;
+        height = this.width;
+        break;
+      default:
+        height = this.height;
+        width = this.width;
+    }
+    this.context.clearRect(0, 0, width, height);
+  },
+  upload: function upload(blob, url, success, failure) {
+    var formData = new FormData();
+    var xhr = new XMLHttpRequest();
+    xhr.withCredentials = true;
+    formData.append('image', blob, 'sign');
+
+    xhr.open('POST', url, true);
+    xhr.onload = function () {
+      if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {
+        success(xhr.responseText);
+      } else {
+        failure();
+      }
+    };
+    xhr.onerror = function (e) {
+      if (typeof failure === 'function') {
+        failure(e);
+      } else {
+        console.log('upload img error: ' + e);
+      }
+    };
+    xhr.send(formData);
+  }
+};
+exports.default = Draw;

package/lib/signature/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _sign = require('./sign');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_sign).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }