@opentiny/vue-renderless 3.1.0-alpha.0

package/common/index.js

@@ -0,0 +1,288 @@
+import { log as uLog, xss } from '@opentiny/vue-renderless/common/xss.js';
+export var KEY_CODE = {
+  Backspace: 8,
+  Tab: 9,
+  Clear: 12,
+  Enter: 13,
+  Shift: 16,
+  Control: 17,
+  Alt: 18,
+  CapsLock: 20,
+  Escape: 27,
+  Space: 32,
+  PageUp: 33,
+  PageDown: 34,
+  End: 35,
+  Home: 36,
+  'ArrowLeft': 37,
+  'ArrowUp': 38,
+  'ArrowRight': 39,
+  'ArrowDown': 40,
+  Insert: 45,
+  Delete: 46,
+  Colon: 58,
+  Semicolon: 59,
+  LessThan: 60,
+  Equals: 61,
+  GreaterThan: 62,
+  QuestionMark: 63,
+  AtMark: 64,
+  KeyA: 65,
+  KeyB: 66,
+  KeyC: 67,
+  KeyD: 68,
+  'KeyE': 69,
+  'KeyF': 70,
+  'KeyG': 71,
+  'KeyH': 72,
+  KeyI: 73,
+  KeyJ: 74,
+  KeyK: 75,
+  KeyL: 76,
+  KeyM: 77,
+  KeyN: 78,
+  KeyO: 79,
+  KeyP: 80,
+  KeyQ: 81,
+  'KeyR': 82,
+  'KeyS': 83,
+  'KeyT': 84,
+  'KeyU': 85,
+  KeyV: 86,
+  KeyW: 87,
+  KeyX: 88,
+  KeyY: 89,
+  KeyZ: 90,
+  'Digit0': 48,
+  'Digit1': 49,
+  'Digit2': 50,
+  'Digit3': 51,
+  Digit4: 52,
+  Digit5: 53,
+  Digit6: 54,
+  Digit7: 55,
+  Digit8: 56,
+  Digit9: 57,
+  'F1': 112,
+  'F2': 113,
+  'F3': 114,
+  'F4': 115,
+  F5: 116,
+  F6: 117,
+  F7: 118,
+  F8: 119,
+  F9: 120,
+  F10: 121,
+  F11: 122,
+  F12: 123,
+  'NumLock': 144,
+  'Numpad0': 96,
+  'Numpad1': 97,
+  'Numpad2': 98,
+  Numpad3: 99,
+  Numpad4: 100,
+  Numpad5: 101,
+  Numpad6: 102,
+  Numpad7: 103,
+  Numpad8: 104,
+  Numpad9: 105,
+  'NumpadMultiply': 106,
+  'NumpadAdd': 107,
+  'NumpadEnter': 13,
+  'NumpadSubtract': 109,
+  NumpadDecimal: 110,
+  NumpadDivide: 111,
+  NumpadComma: 190
+};
+export var POSITION = {
+  Left: 'left',
+  Right: 'right',
+  Top: 'top',
+  Bottom: 'bottom'
+};
+export var SORT = {
+  Asc: 'asc',
+  Desc: 'desc'
+};
+export var REFRESH_INTERVAL = 100;
+export var IPTHRESHOLD = {
+  Min: 0,
+  Max: 255,
+  NonNumeric: 25
+};
+export var DATE = {
+  FullDatetime: 'yyyy-MM-dd hh:mm:ss.SSS',
+  LongDatetime: 'yyyy-MM-dd hh:mm:ss',
+  Datetime: 'yyyy-MM-dd hh:mm',
+  Date: 'yyyy-MM-dd',
+  FullTime: 'hh:mm:ss.SSS',
+  LongTime: 'hh:mm:ss',
+  Time: 'hh:mm',
+  YearMonth: 'yyyy-MM'
+};
+var TriggerTypes = 'date,datetime,time,time-select,week,month,year,daterange,monthrange,timerange,datetimerange,dates';
+export var DATEPICKER = {
+  Day: 'day',
+  Date: 'date',
+  Dates: 'dates',
+  Year: 'year',
+  Month: 'month',
+  Week: 'week',
+  Normal: 'normal',
+  Today: 'today',
+  PreMonth: 'pre-month',
+  NextMonth: 'next-month',
+  YearI18n: 'ui.datepicker.year',
+  List: [38, 40, 37, 39],
+  YearObj: {
+    38: -4,
+    40: 4,
+    37: -1,
+    39: 1
+  },
+  WeekObj: {
+    38: -1,
+    40: 1,
+    37: -1,
+    39: 1
+  },
+  DayObj: {
+    38: -7,
+    40: 7,
+    37: -1,
+    39: 1
+  },
+  Aviailable: 'available',
+  Default: 'default',
+  Current: 'current',
+  InRange: 'in-range',
+  StartDate: 'start-date',
+  EndDate: 'end-date',
+  Selected: 'selected',
+  Disabled: 'disabled',
+  Range: 'range',
+  fullMonths: 'January,February,March,April,May,June,July,August,September,October,November,December'.split(','),
+  fullWeeks: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+  MonhtList: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'],
+  Weeks: ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'],
+  PlacementMap: {
+    left: 'bottom-start',
+    center: 'bottom',
+    right: 'bottom-end'
+  },
+  TriggerTypes: TriggerTypes.split(','),
+  DateFormats: {
+    year: 'yyyy',
+    month: 'yyyy-MM',
+    time: 'HH:mm:ss',
+    week: 'yyyywWW',
+    date: 'yyyy-MM-dd',
+    timerange: 'HH:mm:ss',
+    monthrange: 'yyyy-MM',
+    daterange: 'yyyy-MM-dd',
+    datetime: 'yyyy-MM-dd HH:mm:ss',
+    datetimerange: 'yyyy-MM-dd HH:mm:ss'
+  },
+  Time: 'time',
+  TimeRange: 'timerange',
+  IconTime: 'icon-time',
+  IconDate: 'icon-Calendar',
+  DateRange: 'daterange',
+  DateTimeRange: 'datetimerange',
+  MonthRange: 'monthrange',
+  TimeSelect: 'time-select',
+  TimesTamp: 'timestamp',
+  DateTime: 'datetime',
+  SelectbaleRange: 'selectableRange',
+  Start: '09:00',
+  End: '18:00',
+  Step: '00:30',
+  CompareOne: '-1:-1',
+  CompareHundred: '100:100',
+  selClass: '.selected',
+  queryClass: '.tiny-picker-panel__content',
+  disableClass: '.time-select-item:not(.disabled)',
+  defaultClass: '.default',
+  Qurtyli: 'li',
+  MappingKeyCode: {
+    40: 1,
+    38: -1
+  },
+  DatePicker: 'DatePicker',
+  TimePicker: 'TimePicker'
+};
+export var BROWSER_NAME = {
+  IE: 'ie',
+  Edge: 'edge',
+  Chrome: 'chrome',
+  Firefox: 'firefox'
+};
+export var MOUSEDELTA = 120;
+export var VALIDATE_STATE = {
+  Validating: 'validating',
+  Success: 'success',
+  Error: 'error'
+};
+export var CASCADER = {
+  SvgStr: '<path style="pointer-events: auto;" fill="transparent" d="M',
+  CascaderNodeExpand: '.tiny-cascader-node[aria-expanded="true"]',
+  CascaderNodeTab: '.tiny-cascader-node[tabindex="-1"]',
+  ScrollWrap: '.tiny-scrollbar__wrap',
+  CascaderActice: '.tiny-cascader-node.is-active',
+  ActivePath: '.tiny-cascader-node.in-active-path',
+  PropsObject: {
+    'expand-trigger': 'expand-trigger is removed, use `props.expandTrigger` instead.',
+    'change-on-select': 'change-on-select is removed, use `props.checkStrictly` instead.',
+    'hover-threshold': 'hover-threshold is removed, use `props.hoverThreshold` instead'
+  },
+  EventObject: {
+    'active-item-change': 'active-item-change is renamed to expand-change'
+  },
+  SugItem: '.tiny-cascader__suggestion-item',
+  CascaderMenu: '.tiny-cascader-menu',
+  InputClass: '.tiny-input__inner',
+  TagClass: '.tiny-cascader__tags',
+  ListClass: '.tiny-cascader__suggestion-list',
+  PropsExpandTri: 'expandTrigger',
+  PropsCheckStric: 'checkStrictly',
+  PropsHover: 'hoverThreshold',
+  MenuConnector: 'cascader-menu-'
+};
+export var EDOC = {
+  uploadFlag: 'uploadDocument',
+  edocFlag: 'edoc_flag_',
+  edocUrl: 'edoc_url_',
+  action: '/EdocAction.do?methodFlag=getJsonp&timestamp=',
+  name: 'edocupload',
+  path: '',
+  updateFlag: 'updateDocumentContent',
+  docVersion: '&docVersion=',
+  preview: 'edoc/preview',
+  docId: '?docId=',
+  formName: 'previewForm',
+  formAction: '<form action="',
+  formMethod: '" method="post" target=\'',
+  formInput: '<input type="hidden" name="methodFlag" value="view">',
+  formInutValue: '<input type="hidden" name="hw_document_code" value="',
+  closeDom: '"/>',
+  formClose: '</form>',
+  hwVersion: '&hw_doc_version=',
+  heightStr: '&tmb_height=',
+  widthStr: '&hw_thumb_width=',
+  imgPreview: 'edoc/previewImage',
+  hwId: '?hw_doc_id=',
+  viewThumb: 'viewThumb',
+  viewImage: 'viewImage',
+  methodFlag: '?methodFlag=',
+  code: '&hw_document_code=',
+  imgDom: '<img src="',
+  imgClose: '">',
+  constants: 320,
+  twenty: 20
+};
+export var version = process.env.RUNTIME_VERSION;
+export var log = function log(data) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'log';
+  uLog.logger[type](data);
+};
+export { xss };

package/common/object.js

@@ -0,0 +1,228 @@
+import { hasOwn, typeOf, isObject, isPlainObject, isNull } from '@opentiny/vue-renderless/common/type';
+export var each = function each(obj, handle) {
+  if (typeof handle !== 'function') {
+    return;
+  }
+  for (var name in obj) {
+    if (hasOwn.call(obj, name)) {
+      if (handle(name, obj[name]) === false) {
+        break;
+      }
+    }
+  }
+};
+var extend;
+export var getObj = function getObj(data, names, isExceptRoot) {
+  if (!data || !isPlainObject(data) || !names || typeof names !== 'string') {
+    return;
+  }
+  names = names.split('.');
+  var obj = data;
+  var len = names.length;
+  if (len > 1) {
+    var startIndex = isExceptRoot ? 1 : 0;
+    for (var i = startIndex; i < len; i++) {
+      obj = obj[names[i]];
+      if (isNull(obj)) {
+        return obj;
+      }
+    }
+    return obj;
+  } else {
+    return obj[names[0]];
+  }
+};
+export var setObj = function setObj(data, names, value, isMerge) {
+  if (!data || !isPlainObject(data) || !names || typeof names !== 'string') {
+    return data;
+  }
+  names = names.split('.');
+  var obj = data;
+  var len = names.length;
+  var item = names[0];
+  if (len > 1) {
+    len--;
+    var tmpl = obj;
+    var name, target;
+    for (var i = 0; i < len; i++) {
+      name = names[i];
+      target = tmpl[name];
+      if (target === null || !isPlainObject(target)) {
+        tmpl[name] = {};
+        target = tmpl[name];
+      }
+      tmpl = target;
+    }
+    item = names[len];
+    isMerge ? isPlainObject(tmpl[item]) ? extend(true, tmpl[item], value) : tmpl[item] = value : tmpl[item] = value;
+  } else {
+    isMerge ? isPlainObject(obj[item]) ? extend(true, obj[item], value) : obj[item] = value : obj[item] = value;
+  }
+  return obj;
+};
+export var copyField = function copyField(data, fields, isMerge, isExclude) {
+  var setValue = function setValue(obj, result, name, key, isMerge) {
+    var include = key.indexOf(name) === 0;
+    var keySplit = key.split(name);
+    var hasNextDot = keySplit[1] && keySplit[1].indexOf('.') === 0;
+    if (name === key || include && hasNextDot) {
+      if (name !== key) {
+        each(getObj(obj, name), function (field) {
+          setValue(obj, result, "".concat(name, ".").concat(field), key);
+        });
+      }
+    } else {
+      if (fields.indexOf(name) < 0) {
+        setObj(result, name, getObj(obj, name), isMerge);
+      }
+    }
+  };
+  var innerCopyFields = function innerCopyFields(obj, fields, isMerge, isExclude) {
+    var result = {};
+    if (isExclude) {
+      each(obj, function (name) {
+        return fields.forEach(function (key) {
+          return setValue(obj, result, name, key, isMerge);
+        });
+      });
+    } else {
+      fields.forEach(function (field) {
+        return setObj(result, field, getObj(obj, field), isMerge);
+      });
+    }
+    return result;
+  };
+  if (isPlainObject(data)) {
+    return Array.isArray(fields) ? innerCopyFields(data, fields, isMerge, isExclude) : extend(isMerge !== false, {}, data);
+  }
+  return data;
+};
+export var copyArray = function copyArray(arr) {
+  return Array.isArray(arr) ? arr.map(function (item) {
+    return copyField(item);
+  }) : arr;
+};
+var deepCopy = function deepCopy(target, name, deep, copy, src) {
+  var copyIsArray;
+  if (deep && copy && (isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
+    if (copyIsArray) {
+      copyIsArray = false;
+      target[name] = copyArray(copy);
+    } else {
+      var clone = src && isPlainObject(src) ? src : {};
+      target[name] = extend(deep, clone, copy);
+    }
+  } else if (copy !== undefined) {
+    try {
+      target[name] = copy;
+    } catch (e) {}
+  }
+};
+extend = function extend() {
+  var args = arguments;
+  var length = args.length;
+  var target = args[0] || {};
+  var i = 1;
+  var deep = false;
+  if (typeOf(target) === 'boolean') {
+    deep = target;
+    target = args[i] || {};
+    i++;
+  }
+  if (!isObject(target) && typeOf(target) !== 'function') {
+    target = {};
+  }
+  if (i === length) {
+    target = this;
+    i--;
+  }
+  for (; i < length; i++) {
+    var options = args[i];
+    if (options !== null && isObject(options)) {
+      var names = Object.keys(options);
+      for (var _i = 0, _names = names; _i < _names.length; _i++) {
+        var name = _names[_i];
+        var src = target[name];
+        var copy = options[name];
+        if (target !== copy) {
+          deepCopy(target, name, deep, copy, src);
+        }
+      }
+    }
+  }
+  return target;
+};
+var _isEachEqual;
+export var isEqual = function isEqual(sourceData, targetData, deep, fields) {
+  if (typeOf(sourceData) === typeOf(targetData)) {
+    deep = deep !== false;
+    if (Array.isArray(fields)) {
+      var _sourceData = copyField(sourceData, fields);
+      var _targetData = copyField(targetData, fields);
+      return isEqual(_sourceData, _targetData, deep);
+    }
+    var source = _isEachEqual(sourceData, targetData, deep);
+    var target = _isEachEqual(targetData, sourceData, deep);
+    return source === target && source !== false;
+  }
+  return false;
+};
+_isEachEqual = function isEachEqual(data1, data2, deep) {
+  if (!isPlainObject(data1)) {
+    if (!Array.isArray(data1)) {
+      return data1 === data2;
+    }
+    if (data1.length !== data2.length) {
+      return false;
+    }
+    for (var i = 0, length = data1.length; i < length; i++) {
+      var result = isEqual(data1[i], data2[i], deep);
+      if (!result) {
+        return false;
+      }
+    }
+    return true;
+  }
+  var bEqual = true;
+  var names = Object.keys(data1);
+  for (var _i2 = 0, _names2 = names; _i2 < _names2.length; _i2++) {
+    var name = _names2[_i2];
+    if (hasOwn.call(data2, name)) {
+      var _data1 = data1[name];
+      var _data2 = data2[name];
+      if (deep && isObject(_data1) || Array.isArray(_data1)) {
+        bEqual = _isEachEqual(_data1, _data2, deep);
+      } else {
+        bEqual = _data1 === _data2;
+      }
+    } else {
+      bEqual = false;
+    }
+    if (bEqual === false) {
+      break;
+    }
+  }
+  return bEqual;
+};
+export { _isEachEqual as isEachEqual, extend };
+export var toJsonStr = function toJsonStr(obj) {
+  try {
+    return JSON.stringify(obj);
+  } catch (e) {
+    return undefined;
+  }
+};
+export var merge = function merge(target) {
+  for (var i = 1, len = arguments.length; i < len; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (hasOwn.call(source, prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+  return target;
+};

package/common/runtime.js

@@ -0,0 +1,52 @@
+import * as array from '@opentiny/vue-renderless/common/array';
+import browser from '@opentiny/vue-renderless/common/browser';
+import * as date from '@opentiny/vue-renderless/common/date';
+import * as decimal from '@opentiny/vue-renderless/common/decimal';
+import * as object from '@opentiny/vue-renderless/common/object';
+import * as string from '@opentiny/vue-renderless/common/string';
+import * as type from '@opentiny/vue-renderless/common/type';
+import * as dataset from '@opentiny/vue-renderless/common/dataset';
+import afterLeave from '@opentiny/vue-renderless/common/deps/after-leave';
+import clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
+import debounce from '@opentiny/vue-renderless/common/deps/debounce';
+import * as dom from '@opentiny/vue-renderless/common/deps/dom';
+import popper from '@opentiny/vue-renderless/common/deps/popper';
+import popupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
+import * as resizeEvent from '@opentiny/vue-renderless/common/deps/resize-event';
+import * as scrollbarWidth from '@opentiny/vue-renderless/common/deps/scrollbar-width';
+import throttle from '@opentiny/vue-renderless/common/deps/throttle';
+import vueEmitter from '@opentiny/vue-renderless/common/deps/vue-emitter';
+import vuePopper from '@opentiny/vue-renderless/common/deps/vue-popper';
+import vuePopup from '@opentiny/vue-renderless/common/deps/vue-popup';
+import validate from '@opentiny/vue-renderless/common/validate';
+import memorize from '@opentiny/vue-renderless/common/deps/memorize';
+import * as common from '@opentiny/vue-renderless/common';
+var version = process.env.RUNTIME_VERSION;
+var Renderless = {
+  browser: browser,
+  array: array,
+  date: date,
+  object: object,
+  decimal: decimal,
+  type: type,
+  string: string,
+  afterLeave: afterLeave,
+  dataset: dataset,
+  clickoutside: clickoutside,
+  dom: dom,
+  debounce: debounce,
+  popper: popper,
+  resizeEvent: resizeEvent,
+  popupManager: popupManager,
+  scrollbarWidth: scrollbarWidth,
+  vueEmitter: vueEmitter,
+  vuePopper: vuePopper,
+  throttle: throttle,
+  vuePopup: vuePopup,
+  memorize: memorize,
+  common: common,
+  validate: validate,
+  version: version
+};
+export default Renderless;
+export { array, browser, date, decimal, object, string, type, dataset, afterLeave, clickoutside, debounce, dom, popper, popupManager, resizeEvent, scrollbarWidth, throttle, vueEmitter, vuePopper, vuePopup, validate, memorize, common, version };