@opentiny/vue-renderless 3.1.0-alpha.0

package/picker-column/vue.js

@@ -0,0 +1,163 @@
+import { computedWrapperStyle, computedBaseOffset, onClickItem, setIndex, adjustIndex, mountedHandler, momentum, onTransitionEnd, getOptionText, setValue, getValue, setOptions, deepClone, beforeUnmountHandler, onTouchstart, onTouchmove, onTouchend } from './index';
+export var api = ['state', 'onClickItem', 'onTransitionEnd', 'setValue', 'getValue', 'setOptions', 'setIndex'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    computed = _ref.computed,
+    props = _ref.props,
+    api = _ref.api;
+  var state = reactive({
+    columnsItem: props.columnsItem,
+    columnsItemArr: props.columnsItem.values,
+    currentIndex: props.defaultIndex,
+    itemHeight: props.itemHeight,
+    visibleItemCount: props.visibleItemCount,
+    offset: 0,
+    duration: 0,
+    startOffset: 0,
+    moving: false,
+    defaultDuration: 200,
+    momentumLimitTime: 300,
+    momentumLimitDistance: 15,
+    touchStartTime: null,
+    momentumOffset: 0,
+    direction: '',
+    deltaX: 0,
+    deltaY: 0,
+    offsetX: 0,
+    offsetY: 0,
+    count: props.columnsItem.values.length,
+    transitionEndTrigger: null,
+    clumnsWrapHeight: null,
+    maskStyle: null,
+    wrapperStyle: computed(function () {
+      return api.computedWrapperStyle();
+    }),
+    baseOffset: computed(function () {
+      return api.computedBaseOffset();
+    })
+  });
+  return state;
+};
+var initApi = function initApi(_ref2) {
+  var api = _ref2.api,
+    props = _ref2.props,
+    state = _ref2.state,
+    refs = _ref2.refs,
+    emit = _ref2.emit;
+  Object.assign(api, {
+    state: state,
+    getValue: getValue(state),
+    adjustIndex: adjustIndex(state),
+    onTouchmove: onTouchmove({
+      state: state
+    }),
+    onTouchstart: onTouchstart({
+      state: state
+    }),
+    getOptionText: getOptionText({
+      state: state,
+      props: props
+    }),
+    onTransitionEnd: onTransitionEnd(state),
+    computedBaseOffset: computedBaseOffset({
+      state: state,
+      props: props
+    }),
+    computedWrapperStyle: computedWrapperStyle(state),
+    setValue: setValue({
+      api: api,
+      state: state
+    }),
+    onTouchend: onTouchend({
+      api: api,
+      state: state
+    }),
+    setOptions: setOptions({
+      api: api,
+      state: state,
+      props: props
+    }),
+    momentum: momentum({
+      api: api,
+      state: state,
+      props: props
+    }),
+    setIndex: setIndex({
+      api: api,
+      state: state,
+      emit: emit
+    }),
+    onClickItem: onClickItem({
+      api: api,
+      state: state
+    }),
+    mountedHandler: mountedHandler({
+      api: api,
+      state: state,
+      refs: refs
+    }),
+    beforeUnmountHandler: beforeUnmountHandler({
+      api: api,
+      refs: refs
+    })
+  });
+};
+var initWatch = function initWatch(_ref3) {
+  var watch = _ref3.watch,
+    props = _ref3.props,
+    state = _ref3.state,
+    api = _ref3.api;
+  watch(function () {
+    return props.defaultIndex;
+  }, api.setIndex, {
+    immediate: true
+  });
+  watch(function () {
+    return props.columnsItem;
+  }, function (value) {
+    state.columnsItem = value;
+  }, {
+    immediate: true
+  });
+  watch(function () {
+    return props.columnsItem.values;
+  }, function (value) {
+    state.count = value.length;
+  }, {
+    immediate: true
+  });
+};
+export var renderless = function renderless(props, _ref4, _ref5) {
+  var computed = _ref4.computed,
+    onMounted = _ref4.onMounted,
+    reactive = _ref4.reactive,
+    watch = _ref4.watch,
+    onBeforeUnmount = _ref4.onBeforeUnmount;
+  var emit = _ref5.emit,
+    refs = _ref5.refs;
+  var api = {};
+  var state = initState({
+    reactive: reactive,
+    computed: computed,
+    props: props,
+    api: api
+  });
+  initApi({
+    api: api,
+    props: props,
+    state: state,
+    refs: refs,
+    emit: emit
+  });
+  api.setIndex(state.currentIndex);
+  state.columnsItem = deepClone(props.columnsItem);
+  initWatch({
+    watch: watch,
+    props: props,
+    state: state,
+    api: api
+  });
+  onMounted(api.mountedHandler);
+  onBeforeUnmount(api.beforeUnmountHandler);
+  return api;
+};

package/pop-upload/index.js

@@ -0,0 +1,324 @@
+export var computedSetDialogTitle = function computedSetDialogTitle(_ref) {
+  var constants = _ref.constants,
+    props = _ref.props,
+    t = _ref.t;
+  return function () {
+    return props.dialogTitle || t(constants.DIALOG_TITLE);
+  };
+};
+export var computedUploadSuccess = function computedUploadSuccess(_ref2) {
+  var constants = _ref2.constants,
+    t = _ref2.t;
+  return function () {
+    return t(constants.UPLOAD_SUCCESS);
+  };
+};
+export var computedCancel = function computedCancel(_ref3) {
+  var constants = _ref3.constants,
+    props = _ref3.props,
+    t = _ref3.t;
+  return function () {
+    return props.cancelButtonText || t(constants.CANCEL_BUTTTON_TEXT);
+  };
+};
+export var computedconfirm = function computedconfirm(_ref4) {
+  var constants = _ref4.constants,
+    props = _ref4.props,
+    t = _ref4.t;
+  return function () {
+    return props.submitButtonText || t(constants.SAVE_BUTTON_TEXT);
+  };
+};
+export var computedFileName = function computedFileName(_ref5) {
+  var constants = _ref5.constants,
+    t = _ref5.t;
+  return function () {
+    return t(constants.FILE_NAME);
+  };
+};
+export var computedUploadError = function computedUploadError(_ref6) {
+  var constants = _ref6.constants,
+    t = _ref6.t;
+  return function () {
+    return t(constants.UPLOAD_ERROR);
+  };
+};
+export var computedFileStatus = function computedFileStatus(_ref7) {
+  var constants = _ref7.constants,
+    t = _ref7.t;
+  return function () {
+    return t(constants.FILE_STATUS);
+  };
+};
+export var computedFileSize = function computedFileSize(_ref8) {
+  var constants = _ref8.constants,
+    t = _ref8.t;
+  return function () {
+    return t(constants.FILE_SIZE);
+  };
+};
+export var computedErrorSizeTips = function computedErrorSizeTips(_ref9) {
+  var constants = _ref9.constants,
+    t = _ref9.t;
+  return function () {
+    return t(constants.ERROR_SIZE_TIPS);
+  };
+};
+export var computedErrorNumTips = function computedErrorNumTips(_ref10) {
+  var constants = _ref10.constants,
+    t = _ref10.t;
+  return function () {
+    return t(constants.ERROR_NUM_TIPS);
+  };
+};
+export var computedErrorTypeTips = function computedErrorTypeTips(_ref11) {
+  var constants = _ref11.constants,
+    t = _ref11.t;
+  return function () {
+    return t(constants.ERROR_TYPE_TIPS);
+  };
+};
+export var computedUploadButtonText = function computedUploadButtonText(_ref12) {
+  var constants = _ref12.constants,
+    props = _ref12.props,
+    t = _ref12.t;
+  return function () {
+    return props.uploadButtonText || t(constants.UPLOAD_BUTTON_TEXT);
+  };
+};
+export var computedUploadsButtonText = function computedUploadsButtonText(_ref13) {
+  var constants = _ref13.constants,
+    t = _ref13.t;
+  return function () {
+    return t(constants.UPLOADS_BUTTON_TEXT);
+  };
+};
+export var computedTipsTitleText = function computedTipsTitleText(_ref14) {
+  var constants = _ref14.constants,
+    t = _ref14.t;
+  return function () {
+    return t(constants.TIPS_TITLE_TEXT);
+  };
+};
+export var computedLimitSizeTips = function computedLimitSizeTips(_ref15) {
+  var constants = _ref15.constants,
+    t = _ref15.t;
+  return function () {
+    return t(constants.LIMIT_UPLOAD_FILE_SIZE);
+  };
+};
+export var computedLimitTypeTips = function computedLimitTypeTips(_ref16) {
+  var constants = _ref16.constants,
+    t = _ref16.t;
+  return function () {
+    return t(constants.LIMIT_UPLOAD_FILE_TYPE);
+  };
+};
+export var computedLimitCountTips = function computedLimitCountTips(_ref17) {
+  var constants = _ref17.constants,
+    t = _ref17.t;
+  return function () {
+    return t(constants.LIMIT_UPLOAD_FILE_NUMBER);
+  };
+};
+export var fileUploadChange = function fileUploadChange(state) {
+  return function (file, fileList) {
+    return state.uploadList = fileList || [];
+  };
+};
+export var deleteFile = function deleteFile(_ref18) {
+  var emit = _ref18.emit,
+    state = _ref18.state,
+    props = _ref18.props;
+  return function (file) {
+    var doRemove = function doRemove() {
+      state.uploadList.splice(state.uploadList.indexOf(file), 1);
+      emit('remove', file, state.uploadList);
+    };
+    if (!props.beforeRemove) {
+      doRemove();
+    } else if (typeof props.beforeRemove === 'function') {
+      var before = props.beforeRemove(file);
+      if (before && before.then) {
+        before.then(doRemove, function (e) {
+          return e;
+        });
+      } else if (before !== false) {
+        doRemove();
+      }
+    }
+  };
+};
+export var watchWithCredentials = function watchWithCredentials(state) {
+  return function (value) {
+    return state.withCredentials = value;
+  };
+};
+export var uploadSubmit = function uploadSubmit(refs) {
+  return function () {
+    return refs.upload.submit();
+  };
+};
+export var abort = function abort(refs) {
+  return function () {
+    return refs.upload.abort();
+  };
+};
+export var watchHeaders = function watchHeaders(state) {
+  return function (value) {
+    return state.headers = value;
+  };
+};
+export var watchAction = function watchAction(state) {
+  return function (value) {
+    return state.action = value;
+  };
+};
+export var watchMultiple = function watchMultiple(state) {
+  return function (value) {
+    return state.multiple = value;
+  };
+};
+export var watchDisabled = function watchDisabled(state) {
+  return function (value) {
+    return state.disabled = value;
+  };
+};
+export var watchAccept = function watchAccept(state) {
+  return function (value) {
+    return state.accept = value;
+  };
+};
+export var closeErrorTips = function closeErrorTips(state) {
+  return function () {
+    return state.errorTips = [];
+  };
+};
+export var closeSuccessTips = function closeSuccessTips(state) {
+  return function () {
+    return state.successTips = [];
+  };
+};
+export var watchFilters = function watchFilters(state) {
+  return function (value) {
+    return state.filters = value;
+  };
+};
+export var watchLimit = function watchLimit(state) {
+  return function (value) {
+    state.limit = value;
+    if (value != undefined && value > 0) {
+      state.tipsTitle[0] = {
+        count: value
+      };
+    } else {
+      state.tipsTitle[0] = undefined;
+    }
+  };
+};
+export var watchUploaFileType = function watchUploaFileType(state) {
+  return function (value) {
+    if (!Array.isArray(value)) {
+      state.tipsTitle[1] = undefined;
+      return;
+    }
+    state.uploadFileType = value;
+    state.tipsTitle[1] = {
+      type: value.join(',')
+    };
+  };
+};
+export var watchMaxUploadFileSize = function watchMaxUploadFileSize(_ref19) {
+  var constants = _ref19.constants,
+    state = _ref19.state;
+  return function (value) {
+    state.maxUploadFileSize = value;
+    if (value != undefined && value != 0) {
+      state.tipsTitle[2] = {
+        size: Math.floor(value / 1024) + constants.KB
+      };
+    } else {
+      state.tipsTitle[2] = undefined;
+    }
+  };
+};
+export var showDialog = function showDialog(state) {
+  return function () {
+    state.isShowDialog = true;
+    state.uploadList = [];
+  };
+};
+export var closeDialog = function closeDialog(_ref20) {
+  var refs = _ref20.refs,
+    state = _ref20.state;
+  return function () {
+    state.isShowDialog = false;
+    state.errorTips = [];
+    state.successTips = [];
+    refs.upload.clearFiles();
+  };
+};
+export var progressEvent = function progressEvent(emit) {
+  return function (file) {
+    emit('progress', file);
+  };
+};
+export var errorEvent = function errorEvent(_ref21) {
+  var emit = _ref21.emit,
+    state = _ref21.state;
+  return function (file) {
+    state.errorTips.push({
+      error: file
+    });
+    emit('error', file);
+  };
+};
+export var handleExceed = function handleExceed(_ref22) {
+  var emit = _ref22.emit,
+    state = _ref22.state;
+  return function (files, fileList) {
+    state.errorTips.push({
+      num: files
+    });
+    emit('exceed', files, fileList);
+  };
+};
+export var handleAvatarSuccess = function handleAvatarSuccess(_ref23) {
+  var api = _ref23.api,
+    emit = _ref23.emit,
+    state = _ref23.state;
+  return function (res, file) {
+    api.deleteFile(file);
+    state.successTips.push(file.name);
+    emit('success', res, file);
+  };
+};
+export var beforeAvatarUpload = function beforeAvatarUpload(_ref24) {
+  var props = _ref24.props,
+    state = _ref24.state;
+  return function (file) {
+    if (typeof props.beforeUpload === 'function') {
+      return props.beforeUpload(file);
+    }
+    var filepath = file.name;
+    var isnext = false;
+    var isSize = false;
+    if (state.uploadFileType && state.uploadFileType.length != 0) {
+      var arr = filepath.split('.');
+      var fileend = '.' + arr[arr.length - 1];
+      isnext = !~state.uploadFileType.indexOf(fileend);
+      if (isnext) state.errorTips.push({
+        type: file.name
+      });
+    }
+    if (state.maxUploadFileSize && state.maxUploadFileSize != 0) {
+      if (file.size > state.maxUploadFileSize) {
+        state.errorTips.push({
+          size: file.name
+        });
+        isSize = true;
+      }
+    }
+    return !isnext && !isSize;
+  };
+};