@zkwq/business 0.0.4 → 0.0.6

package/src/components/base/ui/upload/ajax.js

@@ -1,85 +0,0 @@
-function getError(action, option, xhr) {
-  let msg
-  if (xhr.response) {
-    msg = `${xhr.response.error || xhr.response}`
-  } else if (xhr.responseText) {
-    msg = `${xhr.responseText}`
-  } else {
-    msg = `fail to post ${action} ${xhr.status}`
-  }
-
-  const err = new Error(msg)
-  err.status = xhr.status
-  err.method = 'post'
-  err.url = action
-  return err
-}
-
-function getBody(xhr) {
-  const text = xhr.responseText || xhr.response
-  if (!text) {
-    return text
-  }
-
-  try {
-    return JSON.parse(text)
-  } catch (e) {
-    return text
-  }
-}
-
-export default function upload(option) {
-  if (typeof XMLHttpRequest === 'undefined') {
-    return
-  }
-
-  const xhr = new XMLHttpRequest()
-  const action = option.action
-
-  if (xhr.upload) {
-    xhr.upload.onprogress = function progress(e) {
-      if (e.total > 0) {
-        e.percent = e.loaded / e.total * 100
-      }
-      option.onProgress(e)
-    }
-  }
-
-  const formData = new FormData()
-
-  if (option.data) {
-    Object.keys(option.data).forEach(key => {
-      formData.append(key, option.data[key])
-    })
-  }
-
-  formData.append(option.filename, option.file, option.file.name)
-
-  xhr.onerror = function error(e) {
-    option.onError(e)
-  }
-
-  xhr.onload = function onload() {
-    if (xhr.status < 200 || xhr.status >= 300) {
-      return option.onError(getError(action, option, xhr))
-    }
-
-    option.onSuccess(getBody(xhr))
-  }
-
-  xhr.open('post', action, true)
-
-  if (option.withCredentials && 'withCredentials' in xhr) {
-    xhr.withCredentials = true
-  }
-
-  const headers = option.headers || {}
-
-  for (let item in headers) {
-    if (headers.hasOwnProperty(item) && headers[item] !== null) {
-      xhr.setRequestHeader(item, headers[item])
-    }
-  }
-  xhr.send(formData)
-  return xhr
-}

package/src/components/base/ui/util/aria-dialog.js

@@ -1,90 +0,0 @@
-import Utils from './aria-utils';
-
-/**
- * @constructor
- * @desc Dialog object providing modal focus management.
- *
- * Assumptions: The element serving as the dialog container is present in the
- * DOM and hidden. The dialog container has role='dialog'.
- *
- * @param dialogId
- *          The ID of the element serving as the dialog container.
- * @param focusAfterClosed
- *          Either the DOM node or the ID of the DOM node to focus when the
- *          dialog closes.
- * @param focusFirst
- *          Optional parameter containing either the DOM node or the ID of the
- *          DOM node to focus when the dialog opens. If not specified, the
- *          first focusable element in the dialog will receive focus.
- */
-var aria = aria || {};
-var tabEvent;
-
-aria.Dialog = function(dialog, focusAfterClosed, focusFirst) {
-  this.dialogNode = dialog;
-  if (this.dialogNode === null || this.dialogNode.getAttribute('role') !== 'dialog') {
-    throw new Error('Dialog() requires a DOM element with ARIA role of dialog.');
-  }
-
-  if (typeof focusAfterClosed === 'string') {
-    this.focusAfterClosed = document.getElementById(focusAfterClosed);
-  } else if (typeof focusAfterClosed === 'object') {
-    this.focusAfterClosed = focusAfterClosed;
-  } else {
-    this.focusAfterClosed = null;
-  }
-
-  if (typeof focusFirst === 'string') {
-    this.focusFirst = document.getElementById(focusFirst);
-  } else if (typeof focusFirst === 'object') {
-    this.focusFirst = focusFirst;
-  } else {
-    this.focusFirst = null;
-  }
-
-  if (this.focusFirst) {
-    this.focusFirst.focus();
-  } else {
-    Utils.focusFirstDescendant(this.dialogNode);
-  }
-
-  this.lastFocus = document.activeElement;
-  tabEvent = (e) => {
-    this.trapFocus(e);
-  };
-  this.addListeners();
-};
-
-aria.Dialog.prototype.addListeners = function() {
-  document.addEventListener('focus', tabEvent, true);
-};
-
-aria.Dialog.prototype.removeListeners = function() {
-  document.removeEventListener('focus', tabEvent, true);
-};
-
-aria.Dialog.prototype.closeDialog = function() {
-  this.removeListeners();
-  if (this.focusAfterClosed) {
-    setTimeout(() => {
-      this.focusAfterClosed.focus();
-    });
-  }
-};
-
-aria.Dialog.prototype.trapFocus = function(event) {
-  if (Utils.IgnoreUtilFocusChanges) {
-    return;
-  }
-  if (this.dialogNode.contains(event.target)) {
-    this.lastFocus = event.target;
-  } else {
-    Utils.focusFirstDescendant(this.dialogNode);
-    if (this.lastFocus === document.activeElement) {
-      Utils.focusLastDescendant(this.dialogNode);
-    }
-    this.lastFocus = document.activeElement;
-  }
-};
-
-export default aria.Dialog;

package/src/components/base/ui/util/aria-utils.js

@@ -1,122 +0,0 @@
-var aria = aria || {};
-
-aria.Utils = aria.Utils || {};
-
-/**
- * @desc Set focus on descendant nodes until the first focusable element is
- *       found.
- * @param element
- *          DOM node for which to find the first focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-aria.Utils.focusFirstDescendant = function(element) {
-  for (var i = 0; i < element.childNodes.length; i++) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-/**
- * @desc Find the last descendant node that is focusable.
- * @param element
- *          DOM node for which to find the last focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-
-aria.Utils.focusLastDescendant = function(element) {
-  for (var i = element.childNodes.length - 1; i >= 0; i--) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-/**
- * @desc Set Attempt to set focus on the current node.
- * @param element
- *          The node to attempt to focus on.
- * @returns
- *  true if element is focused.
- */
-aria.Utils.attemptFocus = function(element) {
-  if (!aria.Utils.isFocusable(element)) {
-    return false;
-  }
-  aria.Utils.IgnoreUtilFocusChanges = true;
-  try {
-    element.focus();
-  } catch (e) {
-  }
-  aria.Utils.IgnoreUtilFocusChanges = false;
-  return (document.activeElement === element);
-};
-
-aria.Utils.isFocusable = function(element) {
-  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)) {
-    return true;
-  }
-
-  if (element.disabled) {
-    return false;
-  }
-
-  switch (element.nodeName) {
-    case 'A':
-      return !!element.href && element.rel !== 'ignore';
-    case 'INPUT':
-      return element.type !== 'hidden' && element.type !== 'file';
-    case 'BUTTON':
-    case 'SELECT':
-    case 'TEXTAREA':
-      return true;
-    default:
-      return false;
-  }
-};
-
-/**
- * 触发一个事件
- * mouseenter, mouseleave, mouseover, keyup, change, click 等
- * @param  {Element} elm
- * @param  {String} name
- * @param  {*} opts
- */
-aria.Utils.triggerEvent = function(elm, name, ...opts) {
-  let eventName;
-
-  if (/^mouse|click/.test(name)) {
-    eventName = 'MouseEvents';
-  } else if (/^key/.test(name)) {
-    eventName = 'KeyboardEvent';
-  } else {
-    eventName = 'HTMLEvents';
-  }
-  const evt = document.createEvent(eventName);
-
-  evt.initEvent(name, ...opts);
-  elm.dispatchEvent
-    ? elm.dispatchEvent(evt)
-    : elm.fireEvent('on' + name, evt);
-
-  return elm;
-};
-
-aria.Utils.keys = {
-  tab: 9,
-  enter: 13,
-  space: 32,
-  left: 37,
-  up: 38,
-  right: 39,
-  down: 40,
-  esc: 27
-};
-
-export default aria.Utils;

package/src/components/base/ui/util/clickoutside.js

@@ -1,76 +0,0 @@
-import Vue from 'vue'
-import { on } from './dom'
-
-const nodeList = []
-const ctx = '@@clickoutsideContext'
-
-let startClick
-let seed = 0
-
-!Vue.prototype.$isServer && on(document, 'mousedown', e => (startClick = e))
-
-!Vue.prototype.$isServer && on(document, 'mouseup', e => {
-  nodeList.forEach(node => node[ctx].documentHandler(e, startClick))
-})
-
-function createDocumentHandler(el, binding, vnode) {
-  return function(mouseup = {}, mousedown = {}) {
-    if (!vnode ||
-      !vnode.context ||
-      !mouseup.target ||
-      !mousedown.target ||
-      el.contains(mouseup.target) ||
-      el.contains(mousedown.target) ||
-      el === mouseup.target ||
-      (vnode.context.popperElm &&
-      (vnode.context.popperElm.contains(mouseup.target) ||
-      vnode.context.popperElm.contains(mousedown.target)))) return
-
-    if (binding.expression &&
-      el[ctx].methodName &&
-      vnode.context[el[ctx].methodName]) {
-      vnode.context[el[ctx].methodName]()
-    } else {
-      el[ctx].bindingFn && el[ctx].bindingFn()
-    }
-  }
-}
-
-/**
- * v-clickoutside
- * @desc 点击元素外面才会触发的事件
- * @example
- * ```vue
- * <div v-element-clickoutside="handleClose">
- * ```
- */
-export default {
-  bind(el, binding, vnode) {
-    nodeList.push(el)
-    const id = seed++
-    el[ctx] = {
-      id,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      methodName: binding.expression,
-      bindingFn: binding.value
-    }
-  },
-
-  update(el, binding, vnode) {
-    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode)
-    el[ctx].methodName = binding.expression
-    el[ctx].bindingFn = binding.value
-  },
-
-  unbind(el) {
-    let len = nodeList.length
-
-    for (let i = 0; i < len; i++) {
-      if (nodeList[i][ctx].id === el[ctx].id) {
-        nodeList.splice(i, 1)
-        break
-      }
-    }
-    delete el[ctx]
-  }
-}

package/src/components/base/ui/util/date-util.js

@@ -1,292 +0,0 @@
-import fecha from './date';
-import { t } from '../locale';
-
-const weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
-const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
-
-const newArray = function(start, end) {
-  let result = [];
-  for (let i = start; i <= end; i++) {
-    result.push(i);
-  }
-  return result;
-};
-
-export const getI18nSettings = () => {
-  return {
-    dayNamesShort: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
-    dayNames: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
-    monthNamesShort: months.map(month => t(`el.datepicker.months.${ month }`)),
-    monthNames: months.map((month, index) => t(`el.datepicker.month${ index + 1 }`)),
-    amPm: ['am', 'pm']
-  };
-};
-
-export const toDate = function(date) {
-  return isDate(date) ? new Date(date) : null;
-};
-
-export const isDate = function(date) {
-  if (date === null || date === undefined) return false;
-  if (isNaN(new Date(date).getTime())) return false;
-  if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
-  return true;
-};
-
-export const isDateObject = function(val) {
-  return val instanceof Date;
-};
-
-export const formatDate = function(date, format) {
-  date = toDate(date);
-  if (!date) return '';
-  return fecha.format(date, format || 'yyyy-MM-dd', getI18nSettings());
-};
-
-export const parseDate = function(string, format) {
-  return fecha.parse(string, format || 'yyyy-MM-dd', getI18nSettings());
-};
-
-export const getDayCountOfMonth = function(year, month) {
-  if (month === 3 || month === 5 || month === 8 || month === 10) {
-    return 30;
-  }
-
-  if (month === 1) {
-    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
-      return 29;
-    } else {
-      return 28;
-    }
-  }
-
-  return 31;
-};
-
-export const getDayCountOfYear = function(year) {
-  const isLeapYear = year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
-  return isLeapYear ? 366 : 365;
-};
-
-export const getFirstDayOfMonth = function(date) {
-  const temp = new Date(date.getTime());
-  temp.setDate(1);
-  return temp.getDay();
-};
-
-// see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
-// {prev, next} Date should work for Daylight Saving Time
-// Adding 24 * 60 * 60 * 1000 does not work in the above scenario
-export const prevDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
-};
-
-export const nextDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-};
-
-export const getStartDateOfMonth = function(year, month) {
-  const result = new Date(year, month, 1);
-  const day = result.getDay();
-
-  if (day === 0) {
-    return prevDate(result, 7);
-  } else {
-    return prevDate(result, day);
-  }
-};
-
-export const getWeekNumber = function(src) {
-  if (!isDate(src)) return null;
-  const date = new Date(src.getTime());
-  date.setHours(0, 0, 0, 0);
-  // Thursday in current week decides the year.
-  date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
-  // January 4 is always in week 1.
-  const week1 = new Date(date.getFullYear(), 0, 4);
-  // Adjust to Thursday in week 1 and count number of weeks from date to week 1.
-  // Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
-  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
-};
-
-export const getRangeHours = function(ranges) {
-  const hours = [];
-  let disabledHours = [];
-
-  (ranges || []).forEach(range => {
-    const value = range.map(date => date.getHours());
-
-    disabledHours = disabledHours.concat(newArray(value[0], value[1]));
-  });
-
-  if (disabledHours.length) {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = disabledHours.indexOf(i) === -1;
-    }
-  } else {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = false;
-    }
-  }
-
-  return hours;
-};
-
-export const getPrevMonthLastDays = (date, amount) => {
-  if (amount <= 0) return [];
-  const temp = new Date(date.getTime());
-  temp.setDate(0);
-  const lastDay = temp.getDate();
-  return range(amount).map((_, index) => lastDay - (amount - index - 1));
-};
-
-export const getMonthDays = (date) => {
-  const temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  const days = temp.getDate();
-  return range(days).map((_, index) => index + 1);
-};
-
-function setRangeData(arr, start, end, value) {
-  for (let i = start; i < end; i++) {
-    arr[i] = value;
-  }
-}
-
-export const getRangeMinutes = function(ranges, hour) {
-  const minutes = new Array(60);
-
-  if (ranges.length > 0) {
-    ranges.forEach(range => {
-      const start = range[0];
-      const end = range[1];
-      const startHour = start.getHours();
-      const startMinute = start.getMinutes();
-      const endHour = end.getHours();
-      const endMinute = end.getMinutes();
-      if (startHour === hour && endHour !== hour) {
-        setRangeData(minutes, startMinute, 60, true);
-      } else if (startHour === hour && endHour === hour) {
-        setRangeData(minutes, startMinute, endMinute + 1, true);
-      } else if (startHour !== hour && endHour === hour) {
-        setRangeData(minutes, 0, endMinute + 1, true);
-      } else if (startHour < hour && endHour > hour) {
-        setRangeData(minutes, 0, 60, true);
-      }
-    });
-  } else {
-    setRangeData(minutes, 0, 60, true);
-  }
-  return minutes;
-};
-
-export const range = function(n) {
-  // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
-  return Array.apply(null, {length: n}).map((_, n) => n);
-};
-
-export const modifyDate = function(date, y, m, d) {
-  return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-};
-
-export const modifyTime = function(date, h, m, s) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
-};
-
-export const modifyWithTimeString = (date, time) => {
-  if (date == null || !time) {
-    return date;
-  }
-  time = parseDate(time, 'HH:mm:ss');
-  return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
-};
-
-export const clearTime = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-};
-
-export const clearMilliseconds = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
-};
-
-export const limitTimeRange = function(date, ranges, format = 'HH:mm:ss') {
-  // TODO: refactory a more elegant solution
-  if (ranges.length === 0) return date;
-  const normalizeDate = date => fecha.parse(fecha.format(date, format), format);
-  const ndate = normalizeDate(date);
-  const nranges = ranges.map(range => range.map(normalizeDate));
-  if (nranges.some(nrange => ndate >= nrange[0] && ndate <= nrange[1])) return date;
-
-  let minDate = nranges[0][0];
-  let maxDate = nranges[0][0];
-
-  nranges.forEach(nrange => {
-    minDate = new Date(Math.min(nrange[0], minDate));
-    maxDate = new Date(Math.max(nrange[1], minDate));
-  });
-
-  const ret = ndate < minDate ? minDate : maxDate;
-  // preserve Year/Month/Date
-  return modifyDate(
-    ret,
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate()
-  );
-};
-
-export const timeWithinRange = function(date, selectableRange, format) {
-  const limitedDate = limitTimeRange(date, selectableRange, format);
-  return limitedDate.getTime() === date.getTime();
-};
-
-export const changeYearMonthAndClampDate = function(date, year, month) {
-  // clamp date to the number of days in `year`, `month`
-  // eg: (2010-1-31, 2010, 2) => 2010-2-28
-  const monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
-  return modifyDate(date, year, month, monthDate);
-};
-
-export const prevMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 0
-    ? changeYearMonthAndClampDate(date, year - 1, 11)
-    : changeYearMonthAndClampDate(date, year, month - 1);
-};
-
-export const nextMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 11
-    ? changeYearMonthAndClampDate(date, year + 1, 0)
-    : changeYearMonthAndClampDate(date, year, month + 1);
-};
-
-export const prevYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year - amount, month);
-};
-
-export const nextYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year + amount, month);
-};
-
-export const extractDateFormat = function(format) {
-  return format
-    .replace(/\W?m{1,2}|\W?ZZ/g, '')
-    .replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '')
-    .trim();
-};
-
-export const extractTimeFormat = function(format) {
-  return format
-    .replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '')
-    .trim();
-};
-
-export const validateRangeInOneMonth = function(start, end) {
-  return (start.getMonth() === end.getMonth()) && (start.getFullYear() === end.getFullYear());
-};