@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/roles/index.js

@@ -1,87 +1,58 @@
-import { xss } from '@opentiny/vue-renderless/common';
-export var showList = function showList(state) {
-  return function () {
-    return state.showPopover = true;
-  };
-};
-export var show = function show(state) {
-  return function () {
-    return state.showIcon = false;
-  };
-};
-export var hide = function hide(state) {
-  return function () {
-    return state.showIcon = true;
-  };
-};
-export var getRoleList = function getRoleList(_ref) {
-  var constants = _ref.constants,
-    service = _ref.service,
-    state = _ref.state;
-  return function () {
-    var envInfo = service.getEnvInfoSync() || {};
-    var userInfo = envInfo.user || {};
-    var validRols = userInfo.validRoles || [];
-    var currentRole = userInfo.currentRole || {};
-    state.currentRole = currentRole.roleName;
-    state.currentId = currentRole.roleId;
-    if (validRols.length > 2) {
-      validRols.filter(function (item) {
-        return item.roleName !== constants.AUTH || item.roleName !== constants.ANONYMOUS;
-      });
-    }
-    return validRols;
-  };
+import "../chunk-PKUHTIDK.js";
+import { xss } from "@opentiny/vue-renderless/common";
+const showList = (state) => () => state.showPopover = true;
+const show = (state) => () => state.showIcon = false;
+const hide = (state) => () => state.showIcon = true;
+const getRoleList = ({ constants, service, state }) => () => {
+  const envInfo = service.getEnvInfoSync() || {};
+  const userInfo = envInfo.user || {};
+  const validRols = userInfo.validRoles || [];
+  const currentRole = userInfo.currentRole || {};
+  state.currentRole = currentRole.roleName;
+  state.currentId = currentRole.roleId;
+  if (validRols.length > 2) {
+    validRols.filter((item) => item.roleName !== constants.AUTH || item.roleName !== constants.ANONYMOUS);
+  }
+  return validRols;
 };
-export var changeRole = function changeRole(_ref2) {
-  var constants = _ref2.constants,
-    emit = _ref2.emit,
-    props = _ref2.props,
-    service = _ref2.service,
-    state = _ref2.state;
-  return function (_ref3) {
-    var roleId = _ref3.roleId;
-    if (state.currentId === roleId) {
-      return;
-    }
-    emit('change', roleId);
-    service.getCustomized().then(function (data) {
-      data = data || [];
-      var setting = data.filter(function (item) {
-        return item.settingKey === constants.GLOBAL;
-      })[0] || {};
-      var getRole = props.fetchRole ? props.fetchRole() : service.getChangeRoleUrl(roleId);
-      getRole.then(function (url) {
-        var keys = Object.keys(setting);
-        if (keys.indexOf(constants.ROLE) === -1) {
-          setting.lastRole = roleId;
-          service.pushCustomized(setting).then(function () {
-            window.location.href = xss.filterUrl(url);
-          });
-        } else {
+const changeRole = ({ constants, emit, props, service, state }) => ({ roleId }) => {
+  if (state.currentId === roleId) {
+    return;
+  }
+  emit("change", roleId);
+  service.getCustomized().then((data) => {
+    data = data || [];
+    const setting = data.filter((item) => item.settingKey === constants.GLOBAL)[0] || {};
+    const getRole = props.fetchRole ? props.fetchRole() : service.getChangeRoleUrl(roleId);
+    getRole.then((url) => {
+      const keys = Object.keys(setting);
+      if (!keys.includes(constants.ROLE)) {
+        setting.lastRole = roleId;
+        service.pushCustomized(setting).then(() => {
           window.location.href = xss.filterUrl(url);
-        }
-      });
+        });
+      } else {
+        window.location.href = xss.filterUrl(url);
+      }
     });
-  };
+  });
 };
-export var initService = function initService(service) {
-  var _ref4 = service || {},
-    _ref4$base = _ref4.base,
-    base = _ref4$base === void 0 ? {} : _ref4$base,
-    _ref4$common = _ref4.common,
-    common = _ref4$common === void 0 ? {} : _ref4$common,
-    pushCustomized = _ref4.pushCustomized;
-  var noopFn = function noopFn() {
-    return Promise.resolve(null);
-  };
-  var commonNoopFn = function commonNoopFn() {
-    return Promise.reject(new Error('[Tiny Error][Roles] This component depends on @opentiny/vue-service'));
-  };
+const initService = (service) => {
+  const { base = {}, common = {}, pushCustomized } = service || {};
+  const noopFn = () => Promise.resolve(null);
+  const commonNoopFn = () => Promise.reject(new Error("[Tiny Error][Roles] This component depends on @opentiny/vue-service"));
   return {
     getEnvInfoSync: base.getEnvInfoSync || commonNoopFn,
     getChangeRoleUrl: common.getChangeRoleUrl || commonNoopFn,
     getCustomized: common.getCustomized || noopFn,
     pushCustomized: pushCustomized || noopFn
   };
-};
+};
+export {
+  changeRole,
+  getRoleList,
+  hide,
+  initService,
+  show,
+  showList
+};

package/roles/vue.js

@@ -1,39 +1,27 @@
-import { showList, show, hide, getRoleList, changeRole, initService } from './index';
-export var api = ['state', 'showList', 'show', 'hide', 'changeRole'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var emit = _ref2.emit,
-    service = _ref2.service,
-    constants = _ref2.constants;
-  var $service = initService(service);
-  var api = {};
-  var state = reactive({
-    currentRole: '',
-    currentId: '',
+import "../chunk-PKUHTIDK.js";
+import { showList, show, hide, getRoleList, changeRole, initService } from "./index";
+const api = ["state", "showList", "show", "hide", "changeRole"];
+const renderless = (props, { computed, reactive }, { emit, service, constants }) => {
+  const $service = initService(service);
+  let api2 = {};
+  const state = reactive({
+    currentRole: "",
+    currentId: "",
     showPopover: true,
     showIcon: true,
-    roleList: computed(function () {
-      return api.getRoleList();
-    })
+    roleList: computed(() => api2.getRoleList())
   });
-  api = {
-    state: state,
+  api2 = {
+    state,
     show: show(state),
     hide: hide(state),
     showList: showList(state),
-    getRoleList: getRoleList({
-      constants: constants,
-      service: $service,
-      state: state
-    }),
-    changeRole: changeRole({
-      constants: constants,
-      emit: emit,
-      props: props,
-      service: $service,
-      state: state
-    })
+    getRoleList: getRoleList({ constants, service: $service, state }),
+    changeRole: changeRole({ constants, emit, props, service: $service, state })
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/row/index.js

@@ -1,19 +1,18 @@
-export var computedClassName = function computedClassName(_ref) {
-  var flex = _ref.flex,
-    justify = _ref.justify,
-    align = _ref.align;
-  var className = [];
+import "../chunk-PKUHTIDK.js";
+const computedClassName = ({ flex, justify, align }) => {
+  const className = [];
   if (flex) {
-    className.push('row-flex');
-    className.push("row-justify-".concat(justify));
-    className.push("row-align-".concat(align));
+    className.push("row-flex");
+    className.push(`row-justify-${justify}`);
+    className.push(`row-align-${align}`);
   }
-  return className.join(' ');
+  return className.join(" ");
+};
+const computedStyle = (gutter) => {
+  const value = gutter ? -(gutter / 2) : 0;
+  return value ? { marginLeft: value + "px", marginRight: value + "px" } : {};
+};
+export {
+  computedClassName,
+  computedStyle
 };
-export var computedStyle = function computedStyle(gutter) {
-  var value = gutter ? -(gutter / 2) : 0;
-  return value ? {
-    marginLeft: value + 'px',
-    marginRight: value + 'px'
-  } : {};
-};

package/row/vue.js

@@ -1,24 +1,25 @@
-import { computedClassName, computedStyle } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var api = {
-    computedStyle: computedStyle,
-    computedClassName: computedClassName
+import "../chunk-PKUHTIDK.js";
+import { computedClassName, computedStyle } from "./index";
+const api = ["state"];
+const renderless = (props, { computed, reactive }) => {
+  const api2 = {
+    computedStyle,
+    computedClassName
   };
-  var state = reactive({
-    style: computed(function () {
-      return api.computedStyle(props.gutter);
-    }),
-    className: computed(function () {
-      return api.computedClassName({
+  const state = reactive({
+    style: computed(() => api2.computedStyle(props.gutter)),
+    className: computed(
+      () => api2.computedClassName({
         flex: props.flex,
         justify: props.justify,
         align: props.align
-      });
-    })
+      })
+    )
   });
-  api.state = state;
-  return api;
-};
+  api2.state = state;
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/scroll-text/index.js

@@ -1,24 +1,19 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export var computedBindStyle = function computedBindStyle(_ref) {
-  var constants = _ref.constants,
-    time = _ref.time;
-  return _defineProperty({}, constants.ANIMATION_DURATION, parseInt(time, 10) + 's');
+import "../chunk-PKUHTIDK.js";
+const computedBindStyle = ({ constants, time }) => ({
+  [constants.ANIMATION_DURATION]: parseInt(time, 10) + "s"
+});
+const stopAnimation = ({ props, state }) => () => {
+  if (props.hoverStop) {
+    state.isStop = true;
+  }
 };
-export var stopAnimation = function stopAnimation(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
-  return function () {
-    if (props.hoverStop) {
-      state.isStop = true;
-    }
-  };
+const startAnimation = ({ props, state }) => () => {
+  if (props.hoverStop) {
+    state.isStop = false;
+  }
+};
+export {
+  computedBindStyle,
+  startAnimation,
+  stopAnimation
 };
-export var startAnimation = function startAnimation(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    if (props.hoverStop) {
-      state.isStop = false;
-    }
-  };
-};

package/scroll-text/vue.js

@@ -1,31 +1,22 @@
-import { computedBindStyle, stopAnimation, startAnimation } from './index';
-export var api = ['state', 'startAnimation', 'stopAnimation'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var constants = _ref2.constants;
-  var api = {
-    computedBindStyle: computedBindStyle
+import "../chunk-PKUHTIDK.js";
+import { computedBindStyle, stopAnimation, startAnimation } from "./index";
+const api = ["state", "startAnimation", "stopAnimation"];
+const renderless = (props, { computed, reactive }, { constants }) => {
+  const api2 = {
+    computedBindStyle
   };
-  var state = reactive({
+  const state = reactive({
     isStop: false,
-    bindStyle: computed(function () {
-      return api.computedBindStyle({
-        constants: constants,
-        time: props.time
-      });
-    })
+    bindStyle: computed(() => api2.computedBindStyle({ constants, time: props.time }))
   });
-  Object.assign(api, {
-    state: state,
-    startAnimation: startAnimation({
-      props: props,
-      state: state
-    }),
-    stopAnimation: stopAnimation({
-      props: props,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    startAnimation: startAnimation({ props, state }),
+    stopAnimation: stopAnimation({ props, state })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/scrollbar/index.js

@@ -1,127 +1,99 @@
-var horizontal = {
-  key: 'horizontal',
-  offset: 'offsetWidth',
-  scroll: 'scrollLeft',
-  scrollSize: 'scrollWidth',
-  size: 'width',
-  axis: 'X',
-  client: 'clientX',
-  direction: 'left'
+import "../chunk-PKUHTIDK.js";
+const horizontal = {
+  key: "horizontal",
+  offset: "offsetWidth",
+  scroll: "scrollLeft",
+  scrollSize: "scrollWidth",
+  size: "width",
+  axis: "X",
+  client: "clientX",
+  direction: "left"
 };
-var vertical = {
-  key: 'vertical',
-  offset: 'offsetHeight',
-  scroll: 'scrollTop',
-  scrollSize: 'scrollHeight',
-  size: 'height',
-  axis: 'Y',
-  client: 'clientY',
-  direction: 'top'
+const vertical = {
+  key: "vertical",
+  offset: "offsetHeight",
+  scroll: "scrollTop",
+  scrollSize: "scrollHeight",
+  size: "height",
+  axis: "Y",
+  client: "clientY",
+  direction: "top"
 };
-export var BAR_MAP = {
-  horizontal: horizontal,
-  vertical: vertical
+const BAR_MAP = {
+  horizontal,
+  vertical
 };
-export var renderThumbStyle = function renderThumbStyle(_ref) {
-  var bar = _ref.bar,
-    move = _ref.move,
-    size = _ref.size;
-  var style = {};
-  var translate = "translate".concat(bar.axis, "(").concat(move, "%)");
+const renderThumbStyle = ({ bar, move, size }) => {
+  const style = {};
+  const translate = `translate${bar.axis}(${move}%)`;
   style[bar.size] = size;
-  Object.assign(style, {
-    transform: translate,
-    msTransform: translate,
-    webkitTransform: translate
-  });
+  Object.assign(style, { transform: translate, msTransform: translate, webkitTransform: translate });
   return style;
 };
-export var clickThumbHandler = function clickThumbHandler(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state;
-  return function (event) {
-    if (event.ctrlKey || event.button === 2) {
-      return;
-    }
-    api.startDrag(event);
-    state[state.bar.axis] = event.currentTarget[state.bar.offset] - (event[state.bar.client] - event.currentTarget.getBoundingClientRect()[state.bar.direction]);
-  };
+const clickThumbHandler = ({ api, state }) => (event) => {
+  if (event.ctrlKey || event.button === 2) {
+    return;
+  }
+  api.startDrag(event);
+  state[state.bar.axis] = event.currentTarget[state.bar.offset] - (event[state.bar.client] - event.currentTarget.getBoundingClientRect()[state.bar.direction]);
 };
-export var clickTrackHandler = function clickTrackHandler(_ref3) {
-  var refs = _ref3.refs,
-    state = _ref3.state;
-  return function (event) {
-    var offset = Math.abs(event.target.getBoundingClientRect()[state.bar.direction] - event[state.bar.client]);
-    var thumbHalf = refs.thumb[state.bar.offset] / 2;
-    var thumbPositionPercentage = (offset - thumbHalf) * 100 / refs.bar[state.bar.offset];
-    state.wrap[state.bar.scroll] = thumbPositionPercentage * state.wrap[state.bar.scrollSize] / 100;
-  };
+const clickTrackHandler = ({ refs, state }) => (event) => {
+  const offset = Math.abs(event.target.getBoundingClientRect()[state.bar.direction] - event[state.bar.client]);
+  const thumbHalf = refs.thumb[state.bar.offset] / 2;
+  const thumbPositionPercentage = (offset - thumbHalf) * 100 / refs.bar[state.bar.offset];
+  state.wrap[state.bar.scroll] = thumbPositionPercentage * state.wrap[state.bar.scrollSize] / 100;
 };
-export var startDrag = function startDrag(_ref4) {
-  var api = _ref4.api,
-    on = _ref4.on,
-    state = _ref4.state;
-  return function (event) {
-    event.stopImmediatePropagation();
-    state.cursorDown = true;
-    on(document, 'mousemove', api.mouseMoveDocumentHandler);
-    on(document, 'mouseup', api.mouseUpDocumentHandler);
-    document.onselectstart = function () {
-      return false;
-    };
-  };
+const startDrag = ({ api, on, state }) => (event) => {
+  event.stopImmediatePropagation();
+  state.cursorDown = true;
+  on(document, "mousemove", api.mouseMoveDocumentHandler);
+  on(document, "mouseup", api.mouseUpDocumentHandler);
+  document.onselectstart = () => false;
 };
-export var mouseMoveDocumentHandler = function mouseMoveDocumentHandler(_ref5) {
-  var refs = _ref5.refs,
-    state = _ref5.state;
-  return function (event) {
-    if (state.cursorDown === false) {
-      return;
-    }
-    var prevPage = state[state.bar.axis];
-    if (!prevPage) {
-      return;
-    }
-    var offset = (refs.bar.getBoundingClientRect()[state.bar.direction] - event[state.bar.client]) * -1;
-    var thumbClickPosition = refs.thumb[state.bar.offset] - prevPage;
-    var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / refs.bar[state.bar.offset];
-    state.wrap[state.bar.scroll] = thumbPositionPercentage * state.wrap[state.bar.scrollSize] / 100;
-  };
+const mouseMoveDocumentHandler = ({ refs, state }) => (event) => {
+  if (state.cursorDown === false) {
+    return;
+  }
+  const prevPage = state[state.bar.axis];
+  if (!prevPage) {
+    return;
+  }
+  const offset = (refs.bar.getBoundingClientRect()[state.bar.direction] - event[state.bar.client]) * -1;
+  const thumbClickPosition = refs.thumb[state.bar.offset] - prevPage;
+  const thumbPositionPercentage = (offset - thumbClickPosition) * 100 / refs.bar[state.bar.offset];
+  state.wrap[state.bar.scroll] = thumbPositionPercentage * state.wrap[state.bar.scrollSize] / 100;
 };
-export var mouseUpDocumentHandler = function mouseUpDocumentHandler(_ref6) {
-  var api = _ref6.api,
-    off = _ref6.off,
-    state = _ref6.state;
-  return function () {
-    state.cursorDown = false;
-    state[state.bar.axis] = 0;
-    off(document, 'mousemove', api.mouseMoveDocumentHandler);
-    document.onselectstart = null;
-  };
+const mouseUpDocumentHandler = ({ api, off, state }) => () => {
+  state.cursorDown = false;
+  state[state.bar.axis] = 0;
+  off(document, "mousemove", api.mouseMoveDocumentHandler);
+  document.onselectstart = null;
 };
-export var handleScroll = function handleScroll(_ref7) {
-  var refs = _ref7.refs,
-    state = _ref7.state,
-    emit = _ref7.emit;
-  return function (event) {
-    var wrap = refs.wrap;
-    state.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
-    state.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
-    emit('scroll', event);
-  };
+const handleScroll = ({ refs, state, emit }) => (event) => {
+  const wrap = refs.wrap;
+  state.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
+  state.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
+  emit("scroll", event);
+};
+const update = ({ refs, state }) => () => {
+  let heightPercentage, widthPercentage;
+  const wrap = refs.wrap;
+  if (!wrap) {
+    return;
+  }
+  heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
+  widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
+  state.sizeHeight = heightPercentage < 100 ? heightPercentage + "%" : "";
+  state.sizeWidth = widthPercentage < 100 ? widthPercentage + "%" : "";
+};
+export {
+  BAR_MAP,
+  clickThumbHandler,
+  clickTrackHandler,
+  handleScroll,
+  mouseMoveDocumentHandler,
+  mouseUpDocumentHandler,
+  renderThumbStyle,
+  startDrag,
+  update
 };
-export var update = function update(_ref8) {
-  var refs = _ref8.refs,
-    state = _ref8.state;
-  return function () {
-    var heightPercentage, widthPercentage;
-    var wrap = refs.wrap;
-    if (!wrap) {
-      return;
-    }
-    heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
-    widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
-    state.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
-    state.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
-  };
-};