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

package/logon-user/vue.js

@@ -1,22 +1,19 @@
-import { init, initService } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive;
-  var service = _ref2.service;
-  var $service = initService({
-    props: props,
-    service: service
+import "../chunk-PKUHTIDK.js";
+import { init, initService } from "./index";
+const api = ["state"];
+const renderless = (props, { reactive }, { service }) => {
+  const $service = initService({ props, service });
+  const state = reactive({
+    userName: ""
   });
-  var state = reactive({
-    userName: ''
-  });
-  var api = {
-    state: state,
-    init: init({
-      service: $service,
-      state: state
-    })
+  const api2 = {
+    state,
+    init: init({ service: $service, state })
   };
-  api.init();
-  return api;
-};
+  api2.init();
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/logout/index.js

@@ -1,118 +1,80 @@
-import { xss } from '@opentiny/vue-renderless/common';
-export var logout = function logout(_ref) {
-  var service = _ref.service,
-    state = _ref.state,
-    props = _ref.props;
-  return function () {
-    var isMock = service.isMock,
-      isLocal = service.isLocal,
-      _service$redirectUrl = service.redirectUrl,
-      redirectUrl = _service$redirectUrl === void 0 ? '' : _service$redirectUrl,
-      getLogoutUrl = service.getLogoutUrl,
-      showLogin = service.showLogin;
-    if (typeof props.beforeLogout === 'function') {
-      if (props.beforeLogout(redirectUrl) === false) {
-        return;
-      }
-    }
-    if (state.logout) {
-      showLogin();
+import "../chunk-PKUHTIDK.js";
+import { xss } from "@opentiny/vue-renderless/common";
+const logout = ({ service, state, props }) => () => {
+  let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;
+  if (typeof props.beforeLogout === "function") {
+    if (props.beforeLogout(redirectUrl) === false) {
       return;
     }
-    var location = window.location;
-    if (redirectUrl) {
-      var isFullPath = redirectUrl.indexOf('//') > -1;
-      if (!isFullPath) {
-        redirectUrl.indexOf('#/') === 0 || (redirectUrl = '#/' + redirectUrl);
-        redirectUrl = location.protocol + '//' + location.host + location.pathname + redirectUrl;
-      }
-    } else {
-      redirectUrl = location.href;
+  }
+  if (state.logout) {
+    showLogin();
+    return;
+  }
+  const location = window.location;
+  if (redirectUrl) {
+    const isFullPath = redirectUrl.includes("//");
+    if (!isFullPath) {
+      redirectUrl.indexOf("#/") === 0 || (redirectUrl = "#/" + redirectUrl);
+      redirectUrl = location.protocol + "//" + location.host + location.pathname + redirectUrl;
     }
-    redirectUrl = xss.filterUrl(redirectUrl);
-    if (!isMock || !isLocal) {
-      getLogoutUrl(redirectUrl).then(function (url) {
-        var temp = decodeURIComponent(url);
-        if (/%[a-fA-F0-9]{2}/.test(temp)) {
-          temp = decodeURIComponent(temp);
-        }
-        location.href = xss.filterUrl(temp);
-      });
+  } else {
+    redirectUrl = location.href;
+  }
+  redirectUrl = xss.filterUrl(redirectUrl);
+  if (!isMock || !isLocal) {
+    getLogoutUrl(redirectUrl).then((url) => {
+      let temp = decodeURIComponent(url);
+      if (/%[a-fA-F0-9]{2}/.test(temp)) {
+        temp = decodeURIComponent(temp);
+      }
+      location.href = xss.filterUrl(temp);
+    });
+  } else {
+    location.href = xss.filterUrl(redirectUrl);
+  }
+  state.logout = true;
+};
+const initService = ({ props, service }) => {
+  const noopFnCreator = (propName) => () => {
+    if (propName) {
+      return Promise.reject(new Error(`[TINY Error][Logout] Prop ${propName} is not configured`));
     } else {
-      location.href = xss.filterUrl(redirectUrl);
+      return Promise.reject(new Error("[TINY Error][Logout] This component depends on @opentiny/vue-service"));
     }
-    state.logout = true;
-  };
-};
-export var initService = function initService(_ref2) {
-  var props = _ref2.props,
-    service = _ref2.service;
-  var noopFnCreator = function noopFnCreator(propName) {
-    return function () {
-      if (propName) {
-        return Promise.reject(new Error("[TINY Error][Logout] Prop ".concat(propName, " is not configured")));
-      } else {
-        return Promise.reject(new Error('[TINY Error][Logout] This component depends on @opentiny/vue-service'));
-      }
-    };
   };
-  var _ref3 = service || {},
-    _ref3$base = _ref3.base,
-    base = _ref3$base === void 0 ? {} : _ref3$base,
-    _ref3$common = _ref3.common,
-    common = _ref3$common === void 0 ? {} : _ref3$common,
-    _ref3$setting = _ref3.setting,
-    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
-    _ref3$network = _ref3.network,
-    network = _ref3$network === void 0 ? {} : _ref3$network,
-    _ref3$ajax = _ref3.ajax,
-    ajax = _ref3$ajax === void 0 ? {} : _ref3$ajax,
-    _ref3$message = _ref3.message,
-    message = _ref3$message === void 0 ? {} : _ref3$message;
-  var _setting$options = setting.options,
-    options = _setting$options === void 0 ? {} : _setting$options,
-    _setting$services = setting.services,
-    services = _setting$services === void 0 ? {} : _setting$services,
-    _setting$redirectUrl = setting.redirectUrl,
-    redirectUrl = _setting$redirectUrl === void 0 ? '' : _setting$redirectUrl,
-    _setting$local = setting.local,
-    local = _setting$local === void 0 ? false : _setting$local;
-  var _network$isMock = network.isMock,
-    isMock = _network$isMock === void 0 ? function () {
-      return false;
-    } : _network$isMock;
-  var _base$getUserInfoSync = base.getUserInfoSync,
-    getUserInfoSync = _base$getUserInfoSync === void 0 ? noopFnCreator() : _base$getUserInfoSync;
-  var _ajax$config = ajax.config,
-    config = _ajax$config === void 0 ? noopFnCreator() : _ajax$config;
-  var _message$subscribe = message.subscribe,
-    subscribe = _message$subscribe === void 0 ? noopFnCreator() : _message$subscribe,
-    _message$publish = message.publish,
-    publish = _message$publish === void 0 ? noopFnCreator() : _message$publish;
+  const { base = {}, common = {}, setting = {}, network = {}, ajax = {}, message = {} } = service || {};
+  const { options = {}, services = {}, redirectUrl = "", local = false } = setting;
+  const { isMock = () => false } = network;
+  const { getUserInfoSync = noopFnCreator() } = base;
+  const { config = noopFnCreator() } = ajax;
+  const { subscribe = noopFnCreator(), publish = noopFnCreator() } = message;
   return {
-    getLogoutUrl: props.getLogoutUrl || common.getLogoutUrl || noopFnCreator('getLogoutUrl'),
+    getLogoutUrl: props.getLogoutUrl || common.getLogoutUrl || noopFnCreator("getLogoutUrl"),
     redirectUrl: props.redirectUrl || redirectUrl,
     isLocal: props.isLocal || local,
     network: props.network || network,
     isMock: props.isMock || isMock(),
-    isGuestUser: props.isGuestUser || function () {
-      return getUserInfoSync().userAccount === props.guestRole;
-    },
-    showLogin: props.showLogin || function () {
+    isGuestUser: props.isGuestUser || (() => getUserInfoSync().userAccount === props.guestRole),
+    showLogin: props.showLogin || (() => {
       window.document.domain = options.Domain;
-      var gateway = config();
+      const gateway = config();
       subscribe({
-        topic: 'aurora.ui.closeLoginDialog',
-        callback: function callback() {
+        topic: "tiny.ui.closeLoginDialog",
+        callback() {
           window.location.reload();
         }
       });
       publish({
-        topic: 'aurora.ui.displayLoginDialog',
+        topic: "tiny.ui.displayLoginDialog",
         data: {
           url: gateway.getRequestUrl(services.Framework.RebuildSession)
         }
       });
-    }
+    })
   };
-};
+};
+export {
+  initService,
+  logout
+};

package/logout/vue.js

@@ -1,22 +1,18 @@
-import { logout, initService } from './index';
-export var api = ['state', 'logout'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive;
-  var service = _ref2.service;
-  var $service = initService({
-    props: props,
-    service: service
-  });
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { logout, initService } from "./index";
+const api = ["state", "logout"];
+const renderless = (props, { reactive }, { service }) => {
+  const $service = initService({ props, service });
+  const state = reactive({
     logout: $service.isGuestUser()
   });
-  var api = {
-    state: state,
-    logout: logout({
-      service: $service,
-      state: state,
-      props: props
-    })
+  const api2 = {
+    state,
+    logout: logout({ service: $service, state, props })
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/milestone/index.js

@@ -1,4 +1,5 @@
-var hexToRgb = function hexToRgb(hex) {
+import "../chunk-PKUHTIDK.js";
+const hexToRgb = (hex) => {
   hex = hex.slice(1);
   if (hex.length == 3) {
     hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
@@ -9,85 +10,61 @@ var hexToRgb = function hexToRgb(hex) {
     b: parseInt(hex.slice(4, 6), 16)
   };
 };
-export var handleClick = function handleClick(_ref) {
-  var emit = _ref.emit;
-  return function (_ref2) {
-    var index = _ref2.index,
-      node = _ref2.node;
-    emit('click', index, node);
-  };
+const handleClick = ({ emit }) => ({ index, node }) => {
+  emit("click", index, node);
 };
-export var flagOprate = function flagOprate(_ref3) {
-  var constants = _ref3.constants,
-    refs = _ref3.refs,
-    state = _ref3.state;
-  return function (_ref4) {
-    var event = _ref4.event,
-      over = _ref4.over,
-      text = _ref4.text;
-    var tooltip = refs.tooltip;
-    if (over) {
-      var textEl = event.target.querySelector(constants.FLAG_CONTENT_CLS);
-      state.tipContent = text;
-      tooltip.state.referenceElm = event.target;
-      tooltip.doDestroy();
-      tooltip.setExpectedState(true);
-      textEl && textEl.scrollWidth > textEl.clientWidth && tooltip.handleShowPopper();
-    } else {
-      tooltip.setExpectedState(false);
-      tooltip.handleClosePopper();
-    }
-  };
+const flagOprate = ({ constants, refs, state }) => ({ event, over, text }) => {
+  const tooltip = refs.tooltip;
+  if (over) {
+    const textEl = event.target.querySelector(constants.FLAG_CONTENT_CLS);
+    state.tipContent = text;
+    tooltip.state.referenceElm = event.target;
+    tooltip.doDestroy();
+    tooltip.setExpectedState(true);
+    textEl && textEl.scrollWidth > textEl.clientWidth && tooltip.handleShowPopper();
+  } else {
+    tooltip.setExpectedState(false);
+    tooltip.handleClosePopper();
+  }
 };
-export var getMileIcon = function getMileIcon(_ref5) {
-  var constants = _ref5.constants,
-    props = _ref5.props;
-  return function (node) {
-    var status = props.milestonesStatus[node[props.statusField]] || constants.DEFAULT_COLOR;
-    var isCompleted = node[props.statusField] === props.completedField;
-    var switchColor = isCompleted && !props.solid;
-    var _hexToRgb = hexToRgb(status),
-      r = _hexToRgb.r,
-      g = _hexToRgb.g,
-      b = _hexToRgb.b;
-    return {
-      background: switchColor ? constants.DEFAULT_BACK_COLOR : status,
-      color: switchColor ? status : constants.DEFAULT_BACK_COLOR,
-      boxShadow: "rgba(".concat(r, ",").concat(g, ",").concat(b, ",.4) ").concat(constants.BOX_SHADOW_PX)
-    };
+const getMileIcon = ({ constants, props }) => (node) => {
+  const status = props.milestonesStatus[node[props.statusField]] || constants.DEFAULT_COLOR;
+  const isCompleted = node[props.statusField] === props.completedField;
+  const switchColor = isCompleted && !props.solid;
+  const { r, g, b } = hexToRgb(status);
+  return {
+    background: switchColor ? constants.DEFAULT_BACK_COLOR : status,
+    color: switchColor ? status : constants.DEFAULT_BACK_COLOR,
+    boxShadow: `rgba(${r},${g},${b},.4) ${constants.BOX_SHADOW_PX}`
   };
 };
-export var getMileContent = function getMileContent(props) {
-  return function (_ref6) {
-    var data = _ref6.data,
-      index = _ref6.index;
-    var content = data[props.flagBefore ? index : index + 1][props.flagField];
-    return Array.isArray(content) ? content : [];
-  };
+const getMileContent = (props) => ({ data, index }) => {
+  const content = data[props.flagBefore ? index : index + 1][props.flagField];
+  return Array.isArray(content) ? content : [];
 };
-export var getLineColor = function getLineColor(props) {
-  return function (status) {
-    var background = '';
-    if (status) {
-      if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(props.lineStyle)) {
-        background = props.lineStyle;
-      }
-      if (props.lineStyle === 2) {
-        background = props.milestonesStatus[status];
-      } else if (props.lineStyle === 1) {
-        background = status === props.completedField ? props.milestonesStatus[status] : '';
-      }
+const getLineColor = (props) => (status) => {
+  let background = "";
+  if (status) {
+    if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(props.lineStyle)) {
+      background = props.lineStyle;
     }
-    return {
-      background: background
-    };
-  };
+    if (props.lineStyle === 2) {
+      background = props.milestonesStatus[status];
+    } else if (props.lineStyle === 1) {
+      background = status === props.completedField ? props.milestonesStatus[status] : "";
+    }
+  }
+  return { background };
+};
+const handleFlagClick = (emit) => ({ idx, flag }) => {
+  emit("flagclick", idx, flag);
+  emit("flag-click", idx, flag);
+};
+export {
+  flagOprate,
+  getLineColor,
+  getMileContent,
+  getMileIcon,
+  handleClick,
+  handleFlagClick
 };
-export var handleFlagClick = function handleFlagClick(emit) {
-  return function (_ref7) {
-    var idx = _ref7.idx,
-      flag = _ref7.flag;
-    emit('flagclick', idx, flag);
-    emit('flag-click', idx, flag);
-  };
-};

package/milestone/vue.js

@@ -1,31 +1,33 @@
-import { handleClick, flagOprate, getMileIcon, getMileContent, getLineColor, handleFlagClick } from './index';
-export var api = ['state', 'showTip', 'handleClick', 'handleFlagClick', 'flagOprate', 'getMileIcon', 'getMileContent', 'getMileFlagStyle', 'getLineColor', 'getStatus'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive;
-  var emit = _ref2.emit,
-    refs = _ref2.refs,
-    constants = _ref2.constants;
-  var state = reactive({
-    tipContent: ''
+import "../chunk-PKUHTIDK.js";
+import { handleClick, flagOprate, getMileIcon, getMileContent, getLineColor, handleFlagClick } from "./index";
+const api = [
+  "state",
+  "showTip",
+  "handleClick",
+  "handleFlagClick",
+  "flagOprate",
+  "getMileIcon",
+  "getMileContent",
+  "getMileFlagStyle",
+  "getLineColor",
+  "getStatus"
+];
+const renderless = (props, { reactive }, { emit, refs, constants }) => {
+  const state = reactive({
+    tipContent: ""
   });
-  var api = {
-    state: state,
+  const api2 = {
+    state,
     getLineColor: getLineColor(props),
     getMileContent: getMileContent(props),
     handleFlagClick: handleFlagClick(emit),
-    handleClick: handleClick({
-      emit: emit,
-      state: state
-    }),
-    getMileIcon: getMileIcon({
-      constants: constants,
-      props: props
-    }),
-    flagOprate: flagOprate({
-      constants: constants,
-      refs: refs,
-      state: state
-    })
+    handleClick: handleClick({ emit, state }),
+    getMileIcon: getMileIcon({ constants, props }),
+    flagOprate: flagOprate({ constants, refs, state })
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};