@opentiny/vue-renderless 3.1.0-alpha.0 → 3.4.7

package/picker/index.js

@@ -40,7 +40,9 @@ export var watchPickerVisible = function watchPickerVisible(_ref2) {
     props = _ref2.props,
     state = _ref2.state;
   return function (value) {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (value) {
       api.showPicker();
       state.valueOnOpen = Array.isArray(props.modelValue) ? _toConsumableArray(props.modelValue) : props.modelValue;
@@ -91,8 +93,10 @@ export var getMode = function getMode(_ref3) {
 export var formatAsFormatAndType = function formatAsFormatAndType(_ref4) {
   var api = _ref4.api;
   return function (value, customFormat, type) {
-    if (!value) return null;
-    var formatter = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()['default']).formatter;
+    if (!value) {
+      return null;
+    }
+    var formatter = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()["default"]).formatter;
     var format = customFormat || DATEPICKER.DateFormats[type];
     return formatter(value, format);
   };
@@ -117,8 +121,10 @@ export var parseAsFormatAndType = function parseAsFormatAndType(_ref6) {
   var api = _ref6.api;
   return function (value, customFormat, type) {
     var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-';
-    if (!value) return null;
-    var parser = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()['default']).parser;
+    if (!value) {
+      return null;
+    }
+    var parser = (api.typeValueResolveMap()[type] || api.typeValueResolveMap()["default"]).parser;
     var format = customFormat || DATEPICKER.DateFormats[type];
     return parser(value, format, rangeSeparator);
   };
@@ -129,8 +135,12 @@ export var parsedValue = function parsedValue(_ref7) {
     state = _ref7.state,
     t = _ref7.t;
   return function () {
-    if (!props.modelValue) return props.modelValue;
-    if (state.type === DATEPICKER.TimeSelect) return props.modelValue;
+    if (!props.modelValue) {
+      return props.modelValue;
+    }
+    if (state.type === DATEPICKER.TimeSelect) {
+      return props.modelValue;
+    }
     var valueIsDateObject = isDateObject(props.modelValue) || Array.isArray(props.modelValue) && props.modelValue.every(isDateObject);
     var _state$timezone = state.timezone,
       from = _state$timezone.from,
@@ -237,14 +247,18 @@ export var getValueFormat = function getValueFormat(_ref10) {
 export var dateFormatter = function dateFormatter(_ref11) {
   var t = _ref11.t;
   return function (value, format) {
-    if (format === DATEPICKER.TimesTamp) return value.getTime();
+    if (format === DATEPICKER.TimesTamp) {
+      return value.getTime();
+    }
     return formatDate(value, format, t);
   };
 };
 export var dateParser = function dateParser(_ref12) {
   var t = _ref12.t;
   return function (text, format) {
-    if (format === DATEPICKER.TimesTamp) return new Date(Number(text));
+    if (format === DATEPICKER.TimesTamp) {
+      return new Date(Number(text));
+    }
     return parseDate(text, format, t);
   };
 };
@@ -286,7 +300,7 @@ export var getWeekData = function getWeekData(value) {
 var getDefaultOfTypeValueResolveMap = function getDefaultOfTypeValueResolveMap() {
   return {
     formatter: function formatter(value) {
-      return value ? '' + value : '';
+      return value ? String(value) : '';
     },
     parser: function parser(text) {
       return text === undefined || text === '' ? null : text;
@@ -318,7 +332,7 @@ var getWeekOfTypeValueResolveMap = function getWeekOfTypeValueResolveMap(_ref13)
 var getNumberOfTypeValueResolveMap = function getNumberOfTypeValueResolveMap() {
   return {
     formatter: function formatter(value) {
-      return value ? '' + value : '';
+      return value ? String(value) : '';
     },
     parser: function parser(text) {
       var result = Number(text);
@@ -402,7 +416,9 @@ export var firstInputId = function firstInputId(_ref15) {
     } else {
       id = props.id;
     }
-    if (id) obj.id = id;
+    if (id) {
+      obj.id = id;
+    }
     return obj;
   };
 };
@@ -415,7 +431,9 @@ export var secondInputId = function secondInputId(_ref16) {
     if (state.ranged) {
       id = props.id && props.id[1];
     }
-    if (id) obj.id = id;
+    if (id) {
+      obj.id = id;
+    }
     return obj;
   };
 };
@@ -478,7 +496,9 @@ export var handleMouseEnter = function handleMouseEnter(_ref22) {
   var props = _ref22.props,
     state = _ref22.state;
   return function () {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (!state.valueIsEmpty && props.clearable) {
       state.showClose = true;
     }
@@ -584,7 +604,9 @@ export var handleClickIcon = function handleClickIcon(_ref26) {
     props = _ref26.props,
     state = _ref26.state;
   return function (event) {
-    if (props.readonly || state.pickerDisabled) return;
+    if (props.readonly || state.pickerDisabled) {
+      return;
+    }
     if (state.showClose) {
       state.valueOnOpen = props.modelValue;
       event.stopPropagation();
@@ -604,7 +626,9 @@ export var handleClose = function handleClose(_ref27) {
     props = _ref27.props,
     state = _ref27.state;
   return function () {
-    if (!state.pickerVisible) return;
+    if (!state.pickerVisible) {
+      return;
+    }
     state.pickerVisible = false;
     if (state.type === DATEPICKER.Dates) {
       var oldValue = api.parseAsFormatAndType(state.valueOnOpen, state.valueFormat, state.type, props.rangeSeparator) || state.valueOnOpen;
@@ -794,7 +818,9 @@ export var updateOptions = function updateOptions(_ref34) {
     props = _ref34.props,
     state = _ref34.state;
   return function () {
-    if (!state.picker) return;
+    if (!state.picker) {
+      return;
+    }
     var options = props.pickerOptions;
     if (options && options.selectableRange) {
       var ranges = options.selectableRange;

package/picker/timezone.js

@@ -1,5 +1,5 @@
 export default {
-  'en-US': [{
+  'enUS': [{
     name: '(UTC-12:00)International Date Line West',
     code: '001-12',
     offset: -12,
@@ -485,7 +485,7 @@ export default {
     offset: 13,
     tz: 'Pacific/Tongatapu'
   }],
-  'zh-CN': [{
+  'zhCN': [{
     name: '(UTC-12:00)国际日期变更线西',
     code: '001-12',
     offset: -12,

package/picker-column/index.js

@@ -61,10 +61,14 @@ export var adjustIndex = function adjustIndex(state) {
   return function (index) {
     index = range(index, 0, state.count);
     for (var i = index; i < state.count; i++) {
-      if (!isOptionDisabled(state.columnsItem.values[i])) return i;
+      if (!isOptionDisabled(state.columnsItem.values[i])) {
+        return i;
+      }
     }
     for (var _i = index - 1; _i >= 0; _i--) {
-      if (!isOptionDisabled(state.columnsItem.values[_i])) return _i;
+      if (!isOptionDisabled(state.columnsItem.values[_i])) {
+        return _i;
+      }
     }
   };
 };
@@ -176,7 +180,7 @@ export var momentum = function momentum(_ref9) {
     var speed = Math.abs(distance / duration);
     distance = state.offset + speed / 0.002 * (distance < 0 ? -1 : 1);
     var index = range(Math.round(-distance / state.itemHeight), 0, state.count - 1);
-    state.duration = +props.swipeDuration;
+    state.duration = Number(props.swipeDuration);
     api.setIndex(index, true);
   };
 };

package/pop-upload/index.js

@@ -307,9 +307,11 @@ export var beforeAvatarUpload = function beforeAvatarUpload(_ref24) {
       var arr = filepath.split('.');
       var fileend = '.' + arr[arr.length - 1];
       isnext = !~state.uploadFileType.indexOf(fileend);
-      if (isnext) state.errorTips.push({
-        type: file.name
-      });
+      if (isnext) {
+        state.errorTips.push({
+          type: file.name
+        });
+      }
     }
     if (state.maxUploadFileSize && state.maxUploadFileSize != 0) {
       if (file.size > state.maxUploadFileSize) {

package/popeditor/index.js

@@ -112,7 +112,9 @@ export var getRadioSelectedData = function getRadioSelectedData(_ref6) {
     var refs = vm.$refs;
     var table = props.showHistory && state.activeName === 'history' ? refs[constants.GRID_REF.history] : refs[constants.GRID_REF.source];
     var radioRow = table && table.getRadioRow();
-    if (radioRow) state.selectedDatas = radioRow;
+    if (radioRow) {
+      state.selectedDatas = radioRow;
+    }
     state.commitValue = state.selectedDatas ? state.selectedDatas[props.valueField] : '';
   };
 };
@@ -237,7 +239,9 @@ export var handleCancel = function handleCancel(_ref13) {
     state = _ref13.state,
     constants = _ref13.constants;
   return function () {
-    if (typeof props.beforeClose === 'function' && props.beforeClose('cancel') === false) return;
+    if (typeof props.beforeClose === 'function' && props.beforeClose('cancel') === false) {
+      return;
+    }
     cancelOrClose({
       props: props,
       state: state,
@@ -307,7 +311,7 @@ var getTreeSelectList = function getTreeSelectList(_ref17) {
   var value = _ref17.value,
     state = _ref17.state,
     props = _ref17.props;
-  value = typeOf(value) === 'number' ? isNaN(value) ? '' : '' + value : value;
+  value = typeOf(value) === 'number' ? isNaN(value) ? '' : String(value) : value;
   var treeSelectList = [];
   if (!isNullOrEmpty(value)) {
     var values = value.split(props.valueSplit);
@@ -552,7 +556,7 @@ export var sourceGridSelectAll = function sourceGridSelectAll(_ref26) {
       });
     } else {
       var len = state.sourceGridDataset.length;
-      var _loop = function _loop(i) {
+      var _loop = function _loop() {
         var sourceGridItem = state.sourceGridDataset[i][props.valueField];
         var selectedItem = find(state.selectedValues, function (val) {
           return val == sourceGridItem;
@@ -564,7 +568,7 @@ export var sourceGridSelectAll = function sourceGridSelectAll(_ref26) {
         }
       };
       for (var i = 0; i < len; i++) {
-        _loop(i);
+        _loop();
       }
     }
     if (state.showSuggestPanel) {
@@ -604,7 +608,9 @@ export var sourceGridSelectChange = function sourceGridSelectChange(_ref28) {
 };
 export var filterNode = function filterNode() {
   return function (value, data) {
-    if (!value) return true;
+    if (!value) {
+      return true;
+    }
     return data.label.indexOf(value) !== -1;
   };
 };
@@ -758,7 +764,9 @@ export var doSuggesst = function doSuggesst(_ref37) {
     popper = _ref37.popper,
     api = _ref37.api;
   return function (event) {
-    if (!props.suggest) return;
+    if (!props.suggest) {
+      return;
+    }
     var query = event;
     off(window, 'resize', api.updateSuggestWidth);
     off(document, 'click', api.closeSuggestPanel);

package/popover/index.js

@@ -1,11 +1,41 @@
 import { on, off, addClass, removeClass } from '@opentiny/vue-renderless/common/deps/dom';
 import { guid } from '@opentiny/vue-renderless/common/string';
 import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var mounted = function mounted(_ref) {
+var processTrigger = function processTrigger(_ref) {
   var api = _ref.api,
     state = _ref.state,
-    constants = _ref.constants,
-    props = _ref.props;
+    props = _ref.props,
+    nextTick = _ref.nextTick;
+  var referenceElm = state.referenceElm,
+    popperElm = state.popperElm;
+  if (props.trigger === 'click') {
+    on(referenceElm, 'click', api.doToggle);
+    on(document, 'click', api.handleDocumentClick);
+  } else if (props.trigger === 'hover') {
+    on(referenceElm, 'mouseenter', api.handleMouseEnter);
+    on(popperElm, 'mouseenter', api.handleMouseEnter);
+    on(referenceElm, 'mouseleave', api.handleMouseLeave);
+    on(popperElm, 'mouseleave', api.handleMouseLeave);
+  } else if (props.trigger === 'focus') {
+    if (referenceElm.querySelector('input, textarea')) {
+      on(referenceElm, 'focusin', api.doShow);
+      on(referenceElm, 'focusout', api.doClose);
+    } else {
+      on(referenceElm, 'mousedown', api.doShow);
+      on(referenceElm, 'mouseup', api.doClose);
+    }
+  } else if (props.trigger === 'manual') {
+    if (props.modelValue) {
+      nextTick(api.doShow);
+    }
+  }
+};
+export var mounted = function mounted(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    constants = _ref2.constants,
+    props = _ref2.props,
+    nextTick = _ref2.nextTick;
   return function () {
     state.mounted = true;
     var referenceElm = state.referenceElm,
@@ -31,23 +61,12 @@ export var mounted = function mounted(_ref) {
       on(referenceElm, 'keydown', api.handleKeydown);
       on(referenceElm, 'click', api.handleClick);
     }
-    if (props.trigger === 'click') {
-      on(referenceElm, 'click', api.doToggle);
-      on(document, 'click', api.handleDocumentClick);
-    } else if (props.trigger === 'hover') {
-      on(referenceElm, 'mouseenter', api.handleMouseEnter);
-      on(popperElm, 'mouseenter', api.handleMouseEnter);
-      on(referenceElm, 'mouseleave', api.handleMouseLeave);
-      on(popperElm, 'mouseleave', api.handleMouseLeave);
-    } else if (props.trigger === 'focus') {
-      if (referenceElm.querySelector('input, textarea')) {
-        on(referenceElm, 'focusin', api.doShow);
-        on(referenceElm, 'focusout', api.doClose);
-      } else {
-        on(referenceElm, 'mousedown', api.doShow);
-        on(referenceElm, 'mouseup', api.doClose);
-      }
-    }
+    processTrigger({
+      api: api,
+      state: state,
+      props: props,
+      nextTick: nextTick
+    });
   };
 };
 export var doToggle = function doToggle(state) {
@@ -65,9 +84,9 @@ export var doClose = function doClose(state) {
     state.showPopper = false;
   };
 };
-export var handleFocus = function handleFocus(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
+export var handleFocus = function handleFocus(_ref3) {
+  var props = _ref3.props,
+    state = _ref3.state;
   return function () {
     addClass(state.referenceElm, 'focusing');
     if (props.trigger === 'click' || props.trigger === 'focus') {
@@ -76,13 +95,17 @@ export var handleFocus = function handleFocus(_ref2) {
   };
 };
 export var handleClick = function handleClick(state) {
-  return function () {
+  return function (event) {
+    var popperElm = state.popperElm;
+    if (event !== null && event !== void 0 && event.target && popperElm) {
+      popperElm.webCompEventTarget = event.target;
+    }
     removeClass(state.referenceElm, 'focusing');
   };
 };
-export var handleBlur = function handleBlur(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
+export var handleBlur = function handleBlur(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
   return function () {
     removeClass(state.referenceElm, 'focusing');
     if (props.trigger === 'click' || props.trigger === 'focus') {
@@ -90,9 +113,9 @@ export var handleBlur = function handleBlur(_ref3) {
     }
   };
 };
-export var handleMouseEnter = function handleMouseEnter(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
+export var handleMouseEnter = function handleMouseEnter(_ref5) {
+  var props = _ref5.props,
+    state = _ref5.state;
   return function () {
     clearTimeout(state.timer);
     if (props.openDelay) {
@@ -104,18 +127,18 @@ export var handleMouseEnter = function handleMouseEnter(_ref4) {
     }
   };
 };
-export var handleKeydown = function handleKeydown(_ref5) {
-  var api = _ref5.api,
-    props = _ref5.props;
+export var handleKeydown = function handleKeydown(_ref6) {
+  var api = _ref6.api,
+    props = _ref6.props;
   return function (event) {
     if (event.keyCode === KEY_CODE.Escape && props.trigger !== 'manual') {
       api.doClose();
     }
   };
 };
-export var handleMouseLeave = function handleMouseLeave(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
+export var handleMouseLeave = function handleMouseLeave(_ref7) {
+  var props = _ref7.props,
+    state = _ref7.state;
   return function () {
     clearTimeout(state.timer);
     if (props.closeDelay) {
@@ -127,14 +150,19 @@ export var handleMouseLeave = function handleMouseLeave(_ref6) {
     }
   };
 };
-export var handleDocumentClick = function handleDocumentClick(_ref7) {
-  var refs = _ref7.refs,
-    state = _ref7.state;
+export var handleDocumentClick = function handleDocumentClick(_ref8) {
+  var refs = _ref8.refs,
+    state = _ref8.state;
   return function (event) {
+    var _target;
     var reference = state.referenceElm;
     var popperElm = state.popperElm;
     var $el = refs.root;
-    if (!$el || !reference || $el.contains(event.target) || reference.contains(event.target) || !popperElm || popperElm.contains(event.target)) {
+    var target = event.target;
+    if ((_target = target) !== null && _target !== void 0 && _target.shadowRoot && popperElm) {
+      target = popperElm.webCompEventTarget;
+    }
+    if (!$el || !reference || $el.contains(target) || reference.contains(target) || !popperElm || popperElm.contains(target)) {
       return;
     }
     state.showPopper = false;
@@ -145,26 +173,31 @@ export var handleAfterEnter = function handleAfterEnter(emit) {
     emit('after-enter');
   };
 };
-export var handleAfterLeave = function handleAfterLeave(_ref8) {
-  var emit = _ref8.emit,
-    api = _ref8.api;
+export var handleAfterLeave = function handleAfterLeave(emit) {
   return function () {
     emit('after-leave');
-    api.doDestroy();
   };
 };
-export var cleanup = function cleanup(_ref9) {
-  var props = _ref9.props,
+export var handleItemClick = function handleItemClick(_ref9) {
+  var emit = _ref9.emit,
     state = _ref9.state;
+  return function (item) {
+    state.showPopper = false;
+    emit('item-click', item);
+  };
+};
+export var cleanup = function cleanup(_ref10) {
+  var props = _ref10.props,
+    state = _ref10.state;
   return function () {
     if (props.openDelay) {
       clearTimeout(state.timer);
     }
   };
 };
-export var destroyed = function destroyed(_ref10) {
-  var state = _ref10.state,
-    api = _ref10.api;
+export var destroyed = function destroyed(_ref11) {
+  var state = _ref11.state,
+    api = _ref11.api;
   return function () {
     var reference = state.referenceElm;
     off(reference, 'click', api.doToggle);
@@ -184,11 +217,11 @@ export var computedTooltipId = function computedTooltipId(constants) {
     return "".concat(constants.IDPREFIX, "-").concat(guid('', 4));
   };
 };
-export var wrapMounted = function wrapMounted(_ref11) {
-  var api = _ref11.api,
-    props = _ref11.props,
-    refs = _ref11.refs,
-    state = _ref11.state;
+export var wrapMounted = function wrapMounted(_ref12) {
+  var api = _ref12.api,
+    props = _ref12.props,
+    refs = _ref12.refs,
+    state = _ref12.state;
   return function () {
     var reference = refs.reference,
       popper = refs.popper,

package/popover/vue.js

@@ -1,6 +1,6 @@
-import { mounted, computedTooltipId, destroyed, doToggle, doShow, doClose, handleFocus, handleClick, handleBlur, handleKeydown, handleAfterEnter, handleAfterLeave, handleMouseEnter, handleMouseLeave, handleDocumentClick, cleanup, wrapMounted } from './index';
+import { mounted, computedTooltipId, destroyed, doToggle, doShow, doClose, handleFocus, handleClick, handleBlur, handleKeydown, handleAfterEnter, handleAfterLeave, handleMouseEnter, handleMouseLeave, handleDocumentClick, cleanup, wrapMounted, handleItemClick } from './index';
 import userPopper from '@opentiny/vue-renderless/common/deps/vue-popper';
-export var api = ['state', 'handleAfterEnter', 'handleAfterLeave'];
+export var api = ['state', 'handleAfterEnter', 'handleAfterLeave', 'handleItemClick'];
 var initState = function initState(_ref) {
   var reactive = _ref.reactive,
     computed = _ref.computed,
@@ -27,14 +27,16 @@ var initApi = function initApi(_ref2) {
     refs = _ref2.refs,
     emit = _ref2.emit,
     doDestroy = _ref2.doDestroy,
-    constants = _ref2.constants;
+    constants = _ref2.constants,
+    nextTick = _ref2.nextTick;
   Object.assign(api, {
     state: state,
     mounted: mounted({
       api: api,
       state: state,
       constants: constants,
-      props: props
+      props: props,
+      nextTick: nextTick
     }),
     cleanup: cleanup({
       state: state,
@@ -67,10 +69,7 @@ var initApi = function initApi(_ref2) {
       props: props,
       state: state
     }),
-    handleAfterLeave: handleAfterLeave({
-      emit: emit,
-      api: api
-    }),
+    handleAfterLeave: handleAfterLeave(emit),
     handleMouseEnter: handleMouseEnter({
       props: props,
       state: state
@@ -84,6 +83,10 @@ var initApi = function initApi(_ref2) {
       props: props,
       refs: refs,
       state: state
+    }),
+    handleItemClick: handleItemClick({
+      emit: emit,
+      state: state
     })
   });
 };
@@ -154,7 +157,8 @@ export var renderless = function renderless(props, _ref4, _ref5) {
     state: state,
     refs: refs,
     emit: emit,
-    doDestroy: doDestroy
+    doDestroy: doDestroy,
+    nextTick: nextTick
   });
   onDeactivated(function () {
     api.destroyed();

package/rate/index.js

@@ -167,8 +167,8 @@ export var computedText = function computedText(_ref9) {
     state = _ref9.state;
   var result = '';
   var currentValue = 0;
-  if (!isNaN(+state.currentValue)) {
-    currentValue = +state.currentValue > 0 ? +state.currentValue : 0;
+  if (!isNaN(Number(state.currentValue))) {
+    currentValue = Number(state.currentValue) > 0 ? Number(state.currentValue) : 0;
   }
   if (currentValue > props.texts.length) {
     currentValue = props.texts.length;

package/rich-text/clipboard.js

@@ -0,0 +1,77 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var selectors = [];
+var doms = [];
+var scrolls = [];
+function backup() {
+  doms.push(window);
+  scrolls.push({
+    left: window.pageXOffset,
+    top: window.pageYOffset
+  });
+  selectors.forEach(function (selector) {
+    var dom = document.querySelector(".".concat(selector));
+    if (dom) {
+      doms.push(dom);
+      scrolls.push({
+        left: dom.scrollLeft,
+        top: dom.scrollTop
+      });
+    }
+  });
+}
+function restore() {
+  doms.forEach(function (dom, i) {
+    return dom.scrollTo(scrolls[i]);
+  });
+  doms = [];
+  scrolls = [];
+}
+function registerCustomClipboard(Quill, keepClass) {
+  var Clipboard = Quill["import"]('modules/clipboard');
+  var Delta = Quill["import"]('delta');
+  if (typeof keepClass === 'string') {
+    selectors.push(keepClass);
+  } else if (Array.isArray(keepClass)) {
+    selectors = keepClass.slice(0);
+  }
+  var CustomClipboard = function (_Clipboard) {
+    _inherits(CustomClipboard, _Clipboard);
+    var _super = _createSuper(CustomClipboard);
+    function CustomClipboard() {
+      _classCallCheck(this, CustomClipboard);
+      return _super.apply(this, arguments);
+    }
+    _createClass(CustomClipboard, [{
+      key: "onPaste",
+      value: function onPaste(e) {
+        var _this = this;
+        backup();
+        if (e.defaultPrevented || !this.quill.isEnabled()) {
+          return;
+        }
+        var range = this.quill.getSelection();
+        var delta = new Delta().retain(range.index);
+        var scrollTop = this.quill.scrollingContainer.scrollTop;
+        this.container.focus();
+        this.quill.selection.update(Quill.sources.SILENT);
+        setTimeout(function () {
+          delta = delta.concat(_this.convert())["delete"](range.length);
+          _this.quill.updateContents(delta, Quill.sources.USER);
+          _this.quill.setSelection(delta.length() - range.length, Quill.sources.SILENT);
+          _this.quill.scrollingContainer.scrollTop = scrollTop;
+          _this.quill.focus();
+          restore();
+        }, 1);
+      }
+    }]);
+    return CustomClipboard;
+  }(Clipboard);
+  Quill.register('modules/clipboard', CustomClipboard, true);
+}
+export default registerCustomClipboard;