@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/grid/utils/index.js

@@ -1,5 +1,8 @@
-import GlobalEvent from './event';
-export * from './column';
-export * from './common';
-export * from './dom';
-export { GlobalEvent };
+import "../../chunk-PKUHTIDK.js";
+import GlobalEvent from "./event";
+export * from "./column";
+export * from "./common";
+export * from "./dom";
+export {
+  GlobalEvent
+};

package/hrapprover/index.js

@@ -1,118 +1,93 @@
-import { extend } from '@opentiny/vue-renderless/common/object';
-export var getHrList = function getHrList(_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    state = _ref.state;
-  return function (deptCode) {
-    state.loading = true;
-    var params = {
-      code: deptCode,
-      category: props.category
-    };
-    return api.fetchHrapprover(params).then(function (data) {
-      var hraInfo = [];
-      data.forEach(function (info) {
-        var person = info.approval_Person;
-        if (!person) {
-          return;
-        }
-        var persons = person.split('#');
-        persons.forEach(function (val) {
-          var newInfo = extend({}, info, {
-            'approval_person': val
-          });
-          hraInfo.push(newInfo);
-        });
-      });
-      state.loading = false;
-      return hraInfo;
-    });
+import "../chunk-PKUHTIDK.js";
+import { extend } from "@opentiny/vue-renderless/common/object";
+const getHrList = ({ api, props, state }) => (deptCode) => {
+  state.loading = true;
+  const params = {
+    code: deptCode,
+    category: props.category
   };
-};
-export var selectedDept = function selectedDept(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state;
-  return function (value) {
-    if (!value) {
-      state.hrList = [];
-      state.approvalPerson = '';
-      return;
-    }
-    api.getHrList(value).then(function (result) {
-      state.hrList = result;
-      var hasApproval = result.some(function (item) {
-        return item.approval_person === state.approvalPerson;
-      });
-      if (!hasApproval) {
-        state.approvalPerson = '';
+  return api.fetchHrapprover(params).then((data) => {
+    const hraInfo = [];
+    data.forEach((info) => {
+      const person = info.approval_Person;
+      if (!person) {
+        return;
       }
-    })["catch"](function () {
-      state.hrList = [];
+      const persons = person.split("#");
+      persons.forEach((val) => {
+        const newInfo = extend({}, info, { "approval_person": val });
+        hraInfo.push(newInfo);
+      });
     });
-  };
+    state.loading = false;
+    return hraInfo;
+  });
 };
-export var getDisplay = function getDisplay(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state;
-  return function (value) {
-    if (state.current === value) {
-      return;
+const selectedDept = ({ api, state }) => (value) => {
+  if (!value) {
+    state.hrList = [];
+    state.approvalPerson = "";
+    return;
+  }
+  api.getHrList(value).then((result) => {
+    state.hrList = result;
+    const hasApproval = result.some((item) => item.approval_person === state.approvalPerson);
+    if (!hasApproval) {
+      state.approvalPerson = "";
     }
-    state.current = value;
-    if (!value) {
-      state.hrList = [];
-      state.lastHrList = [];
-      state.approvalPerson = '';
-      return;
+  }).catch(() => {
+    state.hrList = [];
+  });
+};
+const getDisplay = ({ api, state }) => (value) => {
+  if (state.current === value) {
+    return;
+  }
+  state.current = value;
+  if (!value) {
+    state.hrList = [];
+    state.lastHrList = [];
+    state.approvalPerson = "";
+    return;
+  }
+  api.getHrList(value).then((result) => {
+    state.hrList = result;
+    state.lastHrList = result;
+    const hasApproval = result.some((item) => item.approval_person === state.approvalPerson);
+    if (!hasApproval) {
+      state.approvalPerson = "";
     }
-    api.getHrList(value).then(function (result) {
-      state.hrList = result;
-      state.lastHrList = result;
-      var hasApproval = result.some(function (item) {
-        return item.approval_person === state.approvalPerson;
-      });
-      if (!hasApproval) {
-        state.approvalPerson = '';
-      }
-    })["catch"](function () {
-      state.hrList = [];
-      state.lastHrList = [];
-      state.approvalPerson = '';
-    });
-  };
+  }).catch(() => {
+    state.hrList = [];
+    state.lastHrList = [];
+    state.approvalPerson = "";
+  });
 };
-export var resetPerson = function resetPerson(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    state.approvalPerson = props.approvalPerson;
-  };
+const resetPerson = ({ props, state }) => () => {
+  state.approvalPerson = props.approvalPerson;
 };
-export var hrChange = function hrChange(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function (value) {
-    state.current = value;
-    emit('update:modelValue', value);
-    emit('update:approvalPerson', state.approvalPerson);
-  };
+const hrChange = ({ emit, state }) => (value) => {
+  state.current = value;
+  emit("update:modelValue", value);
+  emit("update:approvalPerson", state.approvalPerson);
 };
-export var initService = function initService(_ref6) {
-  var props = _ref6.props,
-    service = _ref6.service;
-  var _ref7 = service || {},
-    fetchHrapprover = _ref7.fetchHrapprover;
-  var fetchHrapproverNoop = function fetchHrapproverNoop() {
-    return Promise.reject(new Error('[TINY Error][Hrapprover] Prop fetchHrapprover is not configured'));
-  };
+const initService = ({ props, service }) => {
+  const { fetchHrapprover } = service || {};
+  const fetchHrapproverNoop = () => Promise.reject(new Error("[TINY Error][Hrapprover] Prop fetchHrapprover is not configured"));
   return {
     fetchHrapprover: props.fetchHrapprover || fetchHrapprover || fetchHrapproverNoop
   };
 };
-export var cancel = function cancel(_ref8) {
-  var state = _ref8.state;
-  return function () {
-    state.approvalPerson = state.overdueData;
-    state.hrList = state.lastHrList;
-  };
-};
+const cancel = ({ state }) => () => {
+  state.approvalPerson = state.overdueData;
+  state.hrList = state.lastHrList;
+};
+export {
+  cancel,
+  getDisplay,
+  getHrList,
+  hrChange,
+  initService,
+  resetPerson,
+  selectedDept
+};

package/hrapprover/vue.js

@@ -1,102 +1,57 @@
-import { getHrList, selectedDept, resetPerson, hrChange, initService, getDisplay, cancel } from './index';
-export var api = ['state', 'hrChange', 'selectedDept', 'resetPerson', 'getDisplay', 'cancel'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    props = _ref.props;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { getHrList, selectedDept, resetPerson, hrChange, initService, getDisplay, cancel } from "./index";
+const api = ["state", "hrChange", "selectedDept", "resetPerson", "getDisplay", "cancel"];
+const initState = ({ reactive, props }) => {
+  const state = reactive({
     hrList: [],
     lastHrList: [],
     dept: props.modelValue,
-    current: '',
+    current: "",
     approvalPerson: props.approvalPerson,
-    overdueData: '',
+    overdueData: "",
     loading: false
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    emit = _ref2.emit,
-    props = _ref2.props,
-    $service = _ref2.$service;
-  Object.assign(api, {
-    state: state,
-    hrChange: hrChange({
-      emit: emit,
-      state: state
-    }),
-    resetPerson: resetPerson({
-      props: props,
-      state: state
-    }),
+const initApi = ({ api: api2, state, emit, props, $service }) => {
+  Object.assign(api2, {
+    state,
+    hrChange: hrChange({ emit, state }),
+    resetPerson: resetPerson({ props, state }),
     fetchHrapprover: $service.fetchHrapprover,
-    cancel: cancel({
-      state: state
-    }),
-    getHrList: getHrList({
-      api: api,
-      props: props,
-      state: state
-    }),
-    selectedDept: selectedDept({
-      api: api,
-      state: state
-    }),
-    getDisplay: getDisplay({
-      api: api,
-      state: state
-    })
+    cancel: cancel({ state }),
+    getHrList: getHrList({ api: api2, props, state }),
+    selectedDept: selectedDept({ api: api2, state }),
+    getDisplay: getDisplay({ api: api2, state })
   });
 };
-var initWatch = function initWatch(_ref3) {
-  var watch = _ref3.watch,
-    state = _ref3.state,
-    api = _ref3.api,
-    props = _ref3.props;
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    state.dept = value;
-    api.getDisplay(value);
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.approvalPerson;
-  }, function (value) {
-    state.overdueData = value;
-    state.approvalPerson = value;
-  }, {
-    immediate: true
-  });
+const initWatch = ({ watch, state, api: api2, props }) => {
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.dept = value;
+      api2.getDisplay(value);
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.approvalPerson,
+    (value) => {
+      state.overdueData = value;
+      state.approvalPerson = value;
+    },
+    { immediate: true }
+  );
+};
+const renderless = (props, { reactive, watch }, { service, emit }) => {
+  const api2 = {};
+  const $service = initService({ props, service });
+  const state = initState({ reactive, props });
+  initApi({ api: api2, state, emit, props, $service });
+  initWatch({ watch, state, api: api2, props });
+  return api2;
+};
+export {
+  api,
+  renderless
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var reactive = _ref4.reactive,
-    watch = _ref4.watch;
-  var service = _ref5.service,
-    emit = _ref5.emit;
-  var api = {};
-  var $service = initService({
-    props: props,
-    service: service
-  });
-  var state = initState({
-    reactive: reactive,
-    props: props
-  });
-  initApi({
-    api: api,
-    state: state,
-    emit: emit,
-    props: props,
-    $service: $service
-  });
-  initWatch({
-    watch: watch,
-    state: state,
-    api: api,
-    props: props
-  });
-  return api;
-};

package/image/index.js

@@ -1,187 +1,119 @@
-import { on, off, getScrollContainer, isInContainer } from '@opentiny/vue-renderless/common/deps/dom';
-import { typeOf } from '@opentiny/vue-renderless/common/type';
-import '@opentiny/vue-renderless/common/deps/requestAnimationFrame';
-import { rafThrottle } from '@opentiny/vue-renderless/image-viewer';
-var isSupportObjectFit = function isSupportObjectFit() {
-  return document.documentElement.style.objectFit !== undefined;
+import "../chunk-PKUHTIDK.js";
+import { on, off, getScrollContainer, isInContainer } from "@opentiny/vue-renderless/common/deps/dom";
+import { typeOf } from "@opentiny/vue-renderless/common/type";
+import "@opentiny/vue-renderless/common/deps/requestAnimationFrame";
+import { rafThrottle } from "@opentiny/vue-renderless/image-viewer";
+const isSupportObjectFit = () => document.documentElement.style.objectFit !== void 0;
+const isHtmlElement = (node) => node && node.nodeType === Node.ELEMENT_NODE;
+const computedGetImageStyle = ({ props, api }) => () => {
+  const { fit } = props;
+  if (fit) {
+    return isSupportObjectFit() ? { "object-fit": fit } : api.getImageStyle(fit);
+  }
+  return {};
 };
-var isHtmlElement = function isHtmlElement(node) {
-  return node && node.nodeType === Node.ELEMENT_NODE;
-};
-export var computedGetImageStyle = function computedGetImageStyle(_ref) {
-  var props = _ref.props,
-    api = _ref.api;
-  return function () {
-    var fit = props.fit;
-    if (fit) {
-      return isSupportObjectFit() ? {
-        'object-fit': fit
-      } : api.getImageStyle(fit);
+const computedGetAlignCenter = ({ props, constants }) => () => !isSupportObjectFit() && props.fit !== constants.FILL;
+const computedGetPreview = (props) => () => Array.isArray(props.previewSrcList) && props.previewSrcList.length > 0;
+const loadImage = ({ state, api, attrs, props }) => () => {
+  state.loading = true;
+  state.error = false;
+  const img = new Image();
+  img.onload = (event) => api.handleLoad(event, img);
+  img.onerror = api.handleError;
+  Object.keys(attrs).forEach((key) => {
+    if (key !== "onError" && key !== "onLoad") {
+      const value = attrs[key];
+      img.setAttribute(key, value);
     }
-    return {};
-  };
-};
-export var computedGetAlignCenter = function computedGetAlignCenter(_ref2) {
-  var props = _ref2.props,
-    constants = _ref2.constants;
-  return function () {
-    return !isSupportObjectFit() && props.fit !== constants.FILL;
-  };
-};
-export var computedGetPreview = function computedGetPreview(props) {
-  return function () {
-    return Array.isArray(props.previewSrcList) && props.previewSrcList.length > 0;
-  };
+  });
+  img.src = props.src;
 };
-export var loadImage = function loadImage(_ref3) {
-  var state = _ref3.state,
-    api = _ref3.api,
-    attrs = _ref3.attrs,
-    props = _ref3.props;
-  return function () {
-    state.loading = true;
-    state.error = false;
-    var img = new Image();
-    img.onload = function (event) {
-      return api.handleLoad(event, img);
-    };
-    img.onerror = api.handleError;
-    Object.keys(attrs).forEach(function (key) {
-      if (key !== 'onError' && key !== 'onLoad') {
-        var value = attrs[key];
-        img.setAttribute(key, value);
-      }
-    });
-    img.src = props.src;
-  };
+const handleLoad = ({ state, emit }) => (event, img) => {
+  state.imageWidth = img.width;
+  state.imageHeight = img.height;
+  state.loading = false;
+  emit("load", event);
 };
-export var handleLoad = function handleLoad(_ref4) {
-  var state = _ref4.state,
-    emit = _ref4.emit;
-  return function (event, img) {
-    state.imageWidth = img.width;
-    state.imageHeight = img.height;
-    state.loading = false;
-    emit('load', event);
-  };
+const handleError = ({ state, emit }) => (event) => {
+  state.loading = false;
+  state.error = true;
+  emit("error", event);
 };
-export var handleError = function handleError(_ref5) {
-  var state = _ref5.state,
-    emit = _ref5.emit;
-  return function (event) {
-    state.loading = false;
-    state.error = true;
-    emit('error', event);
-  };
+const handleLazyLoad = ({ state, api, vm, nextTick }) => () => {
+  if (isInContainer(vm.$el, state._scrollContainer)) {
+    nextTick(() => state.show = true);
+    api.removeLazyLoadListener();
+  }
 };
-export var handleLazyLoad = function handleLazyLoad(_ref6) {
-  var state = _ref6.state,
-    api = _ref6.api,
-    vm = _ref6.vm,
-    nextTick = _ref6.nextTick;
-  return function () {
-    if (isInContainer(vm.$el, state._scrollContainer)) {
-      nextTick(function () {
-        return state.show = true;
-      });
-      api.removeLazyLoadListener();
-    }
-  };
+const addLazyLoadListener = ({ props, state, api, vm }) => () => {
+  const { scrollContainer } = props;
+  let _scrollContainer = null;
+  if (isHtmlElement(scrollContainer)) {
+    _scrollContainer = scrollContainer;
+  } else if (typeOf(scrollContainer) === "string") {
+    _scrollContainer = document.querySelector(scrollContainer);
+  } else {
+    _scrollContainer = getScrollContainer(vm.$el);
+  }
+  if (_scrollContainer) {
+    state._scrollContainer = _scrollContainer;
+    state._lazyLoadHandler = rafThrottle(api.handleLazyLoad);
+    on(_scrollContainer, "scroll", state._lazyLoadHandler);
+    api.handleLazyLoad();
+  }
 };
-export var addLazyLoadListener = function addLazyLoadListener(_ref7) {
-  var props = _ref7.props,
-    state = _ref7.state,
-    api = _ref7.api,
-    vm = _ref7.vm;
-  return function () {
-    var scrollContainer = props.scrollContainer;
-    var _scrollContainer = null;
-    if (isHtmlElement(scrollContainer)) {
-      _scrollContainer = scrollContainer;
-    } else if (typeOf(scrollContainer) === 'string') {
-      _scrollContainer = document.querySelector(scrollContainer);
-    } else {
-      _scrollContainer = getScrollContainer(vm.$el);
-    }
-    if (_scrollContainer) {
-      state._scrollContainer = _scrollContainer;
-      state._lazyLoadHandler = rafThrottle(api.handleLazyLoad);
-      on(_scrollContainer, 'scroll', state._lazyLoadHandler);
-      api.handleLazyLoad();
-    }
-  };
+const removeLazyLoadListener = (state) => () => {
+  const { _scrollContainer, _lazyLoadHandler } = state;
+  if (!_scrollContainer || !_lazyLoadHandler) {
+    return;
+  }
+  off(_scrollContainer, "scroll", _lazyLoadHandler);
+  state._scrollContainer = null;
+  state._lazyLoadHandler = null;
 };
-export var removeLazyLoadListener = function removeLazyLoadListener(state) {
-  return function () {
-    var _scrollContainer = state._scrollContainer,
-      _lazyLoadHandler = state._lazyLoadHandler;
-    if (!_scrollContainer || !_lazyLoadHandler) {
-      return;
-    }
-    off(_scrollContainer, 'scroll', _lazyLoadHandler);
-    state._scrollContainer = null;
-    state._lazyLoadHandler = null;
-  };
-};
-export var getImageStyle = function getImageStyle(_ref8) {
-  var state = _ref8.state,
-    vm = _ref8.vm,
-    constants = _ref8.constants;
-  return function (fit) {
-    var imageWidth = state.imageWidth,
-      imageHeight = state.imageHeight;
-    var _vm$$el = vm.$el,
-      containerWidth = _vm$$el.clientWidth,
-      containerHeight = _vm$$el.clientHeight;
-    if (!imageWidth || !imageHeight || !containerWidth || !containerHeight) {
-      return {};
-    }
-    var vertical = imageWidth / imageHeight < 1;
-    if (fit === constants.SCALE_DOWN) {
-      var isSmaller = imageWidth < containerWidth && imageHeight < containerHeight;
-      fit = isSmaller ? constants.NONE : constants.CONTAIN;
-    }
-    if (fit === constants.NONE) {
-      return {
-        width: 'auto',
-        height: 'auto'
-      };
-    }
-    if (fit === constants.CONTAIN) {
-      return vertical ? {
-        width: 'auto'
-      } : {
-        height: 'auto'
-      };
-    }
-    if (fit === constants.COVER) {
-      return vertical ? {
-        height: 'auto'
-      } : {
-        width: 'auto'
-      };
-    }
+const getImageStyle = ({ state, vm, constants }) => (fit) => {
+  const { imageWidth, imageHeight } = state;
+  const { clientWidth: containerWidth, clientHeight: containerHeight } = vm.$el;
+  if (!imageWidth || !imageHeight || !containerWidth || !containerHeight) {
     return {};
-  };
+  }
+  const vertical = imageWidth / imageHeight < 1;
+  if (fit === constants.SCALE_DOWN) {
+    const isSmaller = imageWidth < containerWidth && imageHeight < containerHeight;
+    fit = isSmaller ? constants.NONE : constants.CONTAIN;
+  }
+  if (fit === constants.NONE) {
+    return { width: "auto", height: "auto" };
+  }
+  if (fit === constants.CONTAIN) {
+    return vertical ? { width: "auto" } : { height: "auto" };
+  }
+  if (fit === constants.COVER) {
+    return vertical ? { height: "auto" } : { width: "auto" };
+  }
+  return {};
 };
-export var clickHandler = function clickHandler(state) {
-  return function () {
-    return state.showViewer = true;
-  };
+const clickHandler = (state) => () => state.showViewer = true;
+const closeViewer = (state) => () => state.showViewer = false;
+const mounted = ({ props, api }) => () => {
+  if (props.lazy) {
+    api.addLazyLoadListener();
+  } else {
+    api.loadImage();
+  }
 };
-export var closeViewer = function closeViewer(state) {
-  return function () {
-    return state.showViewer = false;
-  };
+export {
+  addLazyLoadListener,
+  clickHandler,
+  closeViewer,
+  computedGetAlignCenter,
+  computedGetImageStyle,
+  computedGetPreview,
+  getImageStyle,
+  handleError,
+  handleLazyLoad,
+  handleLoad,
+  loadImage,
+  mounted,
+  removeLazyLoadListener
 };
-export var mounted = function mounted(_ref9) {
-  var props = _ref9.props,
-    api = _ref9.api;
-  return function () {
-    if (props.lazy) {
-      api.addLazyLoadListener();
-    } else {
-      api.loadImage();
-    }
-  };
-};