@opentiny/vue-renderless 3.1.0-alpha.0

package/pop-upload/vue.js

@@ -0,0 +1,292 @@
+import { showDialog, computedUploadSuccess, closeSuccessTips, computedUploadError, progressEvent, computedErrorNumTips, beforeAvatarUpload, handleAvatarSuccess, handleExceed, errorEvent, watchWithCredentials, abort, computedErrorSizeTips, computedErrorTypeTips, computedFileName, computedFileStatus, computedFileSize, computedLimitSizeTips, computedLimitTypeTips, computedLimitCountTips, computedTipsTitleText, closeErrorTips, watchUploaFileType, watchMaxUploadFileSize, watchFilters, watchAccept, computedUploadButtonText, computedUploadsButtonText, watchDisabled, watchMultiple, watchLimit, watchAction, watchHeaders, uploadSubmit, closeDialog, computedSetDialogTitle, computedCancel, computedconfirm, fileUploadChange, deleteFile } from './index';
+export var api = ['state', 'closeSuccessTips', 'abort', 'beforeAvatarUpload', 'beforeRemove', 'handleAvatarSuccess', 'handleExceed', 'errorEvent', 'progressEvent', 'closeErrorTips', 'uploadSubmit', 'showDialog', 'closeDialog', 'fileUploadChange', 'deleteFile'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    props = _ref.props,
+    computed = _ref.computed,
+    api = _ref.api;
+  return reactive({
+    errorTips: [],
+    uploadList: [],
+    successTips: [],
+    limit: props.limit,
+    isShowDialog: false,
+    accept: props.accept,
+    action: props.action,
+    filters: props.filters,
+    headers: props.headers,
+    disabled: props.disabled,
+    multiple: props.multiple,
+    uploadFileType: props.uploadFileType,
+    withCredentials: props.withCredentials,
+    maxUploadFileSize: props.maxUploadFileSize,
+    tipsTitle: [undefined, undefined, undefined],
+    fileSize: computed(function () {
+      return api.computedFileSize();
+    }),
+    fileName: computed(function () {
+      return api.computedFileName();
+    }),
+    fileStatus: computed(function () {
+      return api.computedFileStatus();
+    }),
+    cancelButtonText: computed(function () {
+      return api.computedCancel();
+    }),
+    submitButtonText: computed(function () {
+      return api.computedconfirm();
+    }),
+    errorNumTips: computed(function () {
+      return api.computedErrorNumTips();
+    }),
+    dialogTitle: computed(function () {
+      return api.computedSetDialogTitle();
+    }),
+    errorSizeTips: computed(function () {
+      return api.computedErrorSizeTips();
+    }),
+    tipsTitleText: computed(function () {
+      return api.computedTipsTitleText();
+    }),
+    limitTypeTips: computed(function () {
+      return api.computedLimitTypeTips();
+    }),
+    uploadErrorTips: computed(function () {
+      return api.computedUploadError();
+    }),
+    errorTypeTips: computed(function () {
+      return api.computedErrorTypeTips();
+    }),
+    limitSizeTips: computed(function () {
+      return api.computedLimitSizeTips();
+    }),
+    limitCountTips: computed(function () {
+      return api.computedLimitCountTips();
+    }),
+    uploadSuccessTips: computed(function () {
+      return api.computedUploadSuccess();
+    }),
+    uploadButtonText: computed(function () {
+      return api.computedUploadButtonText();
+    }),
+    uploadsButtonText: computed(function () {
+      return api.computedUploadsButtonText();
+    })
+  });
+};
+var initApi = function initApi(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    refs = _ref2.refs,
+    emit = _ref2.emit,
+    props = _ref2.props,
+    constants = _ref2.constants,
+    t = _ref2.t;
+  Object.assign(api, {
+    state: state,
+    abort: abort(refs),
+    showDialog: showDialog(state),
+    watchLimit: watchLimit(state),
+    watchAction: watchAction(state),
+    uploadSubmit: uploadSubmit(refs),
+    watchAccept: watchAccept(state),
+    progressEvent: progressEvent(emit),
+    watchHeaders: watchHeaders(state),
+    watchFilters: watchFilters(state),
+    watchMultiple: watchMultiple(state),
+    watchDisabled: watchDisabled(state),
+    closeErrorTips: closeErrorTips(state),
+    deleteFile: deleteFile({
+      emit: emit,
+      state: state,
+      props: props
+    }),
+    errorEvent: errorEvent({
+      emit: emit,
+      state: state
+    }),
+    closeSuccessTips: closeSuccessTips(state),
+    fileUploadChange: fileUploadChange(state),
+    closeDialog: closeDialog({
+      refs: refs,
+      state: state
+    }),
+    handleExceed: handleExceed({
+      emit: emit,
+      state: state
+    }),
+    watchUploaFileType: watchUploaFileType(state),
+    beforeAvatarUpload: beforeAvatarUpload({
+      props: props,
+      state: state
+    }),
+    watchWithCredentials: watchWithCredentials(state),
+    computedFileName: computedFileName({
+      constants: constants,
+      t: t
+    }),
+    computedFileSize: computedFileSize({
+      constants: constants,
+      t: t
+    }),
+    computedCancel: computedCancel({
+      constants: constants,
+      props: props,
+      t: t
+    }),
+    computedFileStatus: computedFileStatus({
+      constants: constants,
+      t: t
+    }),
+    computedconfirm: computedconfirm({
+      constants: constants,
+      props: props,
+      t: t
+    }),
+    computedUploadError: computedUploadError({
+      constants: constants,
+      t: t
+    }),
+    computedErrorNumTips: computedErrorNumTips({
+      constants: constants,
+      t: t
+    }),
+    handleAvatarSuccess: handleAvatarSuccess({
+      api: api,
+      emit: emit,
+      state: state
+    }),
+    computedErrorTypeTips: computedErrorTypeTips({
+      constants: constants,
+      t: t
+    }),
+    computedErrorSizeTips: computedErrorSizeTips({
+      constants: constants,
+      t: t
+    }),
+    computedLimitSizeTips: computedLimitSizeTips({
+      constants: constants,
+      t: t
+    }),
+    computedLimitTypeTips: computedLimitTypeTips({
+      constants: constants,
+      t: t
+    }),
+    computedTipsTitleText: computedTipsTitleText({
+      constants: constants,
+      t: t
+    }),
+    computedUploadSuccess: computedUploadSuccess({
+      constants: constants,
+      t: t
+    }),
+    computedLimitCountTips: computedLimitCountTips({
+      constants: constants,
+      t: t
+    }),
+    watchMaxUploadFileSize: watchMaxUploadFileSize({
+      constants: constants,
+      state: state
+    }),
+    computedUploadsButtonText: computedUploadsButtonText({
+      constants: constants,
+      t: t
+    }),
+    computedSetDialogTitle: computedSetDialogTitle({
+      constants: constants,
+      props: props,
+      t: t
+    }),
+    computedUploadButtonText: computedUploadButtonText({
+      constants: constants,
+      props: props,
+      t: t
+    })
+  });
+};
+var initWatch = function initWatch(_ref3) {
+  var watch = _ref3.watch,
+    props = _ref3.props,
+    api = _ref3.api;
+  watch(function () {
+    return props.withCredentials;
+  }, api.watchWithCredentials, {
+    immediate: true
+  });
+  watch(function () {
+    return props.uploadFileType;
+  }, api.watchUploaFileType, {
+    immediate: true
+  });
+  watch(function () {
+    return props.maxUploadFileSize;
+  }, api.watchMaxUploadFileSize, {
+    immediate: true
+  });
+  watch(function () {
+    return props.accept;
+  }, api.watchAccept, {
+    immediate: true
+  });
+  watch(function () {
+    return props.disabled;
+  }, api.watchDisabled, {
+    immediate: true
+  });
+  watch(function () {
+    return props.multiple;
+  }, api.watchMultiple, {
+    immediate: true
+  });
+  watch(function () {
+    return props.action;
+  }, api.watchAction, {
+    immediate: true
+  });
+  watch(function () {
+    return props.headers;
+  }, api.watchHeaders, {
+    immediate: true
+  });
+  watch(function () {
+    return props.filters;
+  }, api.watchFilters, {
+    immediate: true
+  });
+  watch(function () {
+    return props.limit;
+  }, api.watchLimit, {
+    immediate: true
+  });
+};
+export var renderless = function renderless(props, _ref4, _ref5) {
+  var computed = _ref4.computed,
+    reactive = _ref4.reactive,
+    watch = _ref4.watch;
+  var t = _ref5.t,
+    constants = _ref5.constants,
+    emit = _ref5.emit,
+    refs = _ref5.refs;
+  var api = {};
+  var state = initState({
+    reactive: reactive,
+    props: props,
+    computed: computed,
+    api: api
+  });
+  initApi({
+    api: api,
+    state: state,
+    refs: refs,
+    emit: emit,
+    props: props,
+    constants: constants,
+    t: t
+  });
+  initWatch({
+    watch: watch,
+    props: props,
+    api: api
+  });
+  return api;
+};