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

package/user/vue.js

@@ -1,24 +1,31 @@
-import { initUser, handleBlur, updateOptions, useSortable, userChange, suggestUser, autoSelect, searchMethod, setSelected, getUsers, updateCache, saveCache, cacheUser, visibleChange, initService, filter } from './index';
-export var api = ['state', 'handleBlur', 'searchMethod', 'userChange', 'visibleChange', 'useSortable', 'filter'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive,
-    watch = _ref.watch;
-  var emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs,
-    service = _ref2.service,
-    constants = _ref2.constants,
-    dispatch = _ref2.dispatch;
-  var api = {};
-  var $service = initService({
-    props: props,
-    service: service
-  });
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  initUser,
+  handleBlur,
+  updateOptions,
+  useSortable,
+  userChange,
+  suggestUser,
+  autoSelect,
+  searchMethod,
+  setSelected,
+  getUsers,
+  updateCache,
+  saveCache,
+  cacheUser,
+  visibleChange,
+  initService,
+  filter
+} from "./index";
+const api = ["state", "handleBlur", "searchMethod", "userChange", "visibleChange", "useSortable", "filter"];
+const renderless = (props, { reactive, watch }, { emit, nextTick, refs, service, constants, dispatch }) => {
+  const api2 = {};
+  const $service = initService({ props, service });
+  const state = reactive({
     loading: false,
     options: [],
     hisOptions: [],
-    user: props.multiple ? [] : '',
+    user: props.multiple ? [] : "",
     selected: [],
     visible: false,
     lastValue: null,
@@ -28,86 +35,32 @@ export var renderless = function renderless(props, _ref, _ref2) {
     addevnet: false,
     batch: props.batch === false ? false : props.batch || $service.batch
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     fetchW3Accounts: $service.fetchW3Accounts,
     fetchSuggestUser: $service.fetchSuggestUser,
     fetchUserByUserId: $service.fetchUserByUserId,
-    visibleChange: visibleChange({
-      state: state,
-      emit: emit
-    }),
-    saveCache: saveCache({
-      props: props
-    }),
-    updateCache: updateCache({
-      props: props,
-      state: state
-    }),
-    autoSelect: autoSelect({
-      props: props,
-      state: state,
-      nextTick: nextTick
-    }),
-    updateOptions: updateOptions({
-      props: props,
-      state: state,
-      nextTick: nextTick
-    }),
-    handleBlur: handleBlur({
-      constants: constants,
-      dispatch: dispatch,
-      state: state
-    }),
-    filter: filter({
-      props: props,
-      state: state
-    }),
-    suggestUser: suggestUser(api),
-    cacheUser: cacheUser({
-      api: api,
-      props: props,
-      service: $service
-    }),
-    initUser: initUser({
-      api: api,
-      props: props,
-      state: state
-    }),
-    getUsers: getUsers({
-      api: api,
-      props: props,
-      state: state
-    }),
-    setSelected: setSelected({
-      api: api,
-      props: props,
-      state: state
-    }),
-    searchMethod: searchMethod({
-      api: api,
-      props: props,
-      state: state,
-      emit: emit
-    }),
-    userChange: userChange({
-      api: api,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    useSortable: useSortable({
-      api: api,
-      props: props,
-      state: state,
-      refs: refs
-    })
-  });
-  props.cache && api.updateCache();
-  watch(function () {
-    return props.modelValue;
-  }, api.initUser, {
-    immediate: true
+    visibleChange: visibleChange({ state, emit }),
+    saveCache: saveCache({ props }),
+    updateCache: updateCache({ props, state }),
+    autoSelect: autoSelect({ props, state, nextTick }),
+    updateOptions: updateOptions({ props, state, nextTick }),
+    handleBlur: handleBlur({ constants, dispatch, state }),
+    filter: filter({ props, state }),
+    suggestUser: suggestUser(api2),
+    cacheUser: cacheUser({ api: api2, props, service: $service }),
+    initUser: initUser({ api: api2, props, state }),
+    getUsers: getUsers({ api: api2, props, state }),
+    setSelected: setSelected({ api: api2, props, state }),
+    searchMethod: searchMethod({ api: api2, props, state, emit }),
+    userChange: userChange({ api: api2, emit, props, state }),
+    useSortable: useSortable({ api: api2, props, state, refs })
   });
-  return api;
-};
+  props.cache && api2.updateCache();
+  watch(() => props.modelValue, api2.initUser, { immediate: true });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/user-account/index.js

@@ -1,23 +1,18 @@
-export var init = function init(_ref) {
-  var service = _ref.service,
-    state = _ref.state;
-  return function () {
-    var getUserInfo = service.getUserInfo,
-      getUserImageUrl = service.getUserImageUrl,
-      getLangData = service.getLangData;
-    getLangData().then(function (langData) {
-      getUserInfo().then(function (user) {
-        getUserImageUrl(user.employeeNumber).then(function (url) {
-          var _langData$locale = langData.locale,
-            locale = _langData$locale === void 0 ? 'zhCN' : _langData$locale;
-          var displayNameCn = user.displayNameCn,
-            displayNameEn = user.displayNameEn,
-            userCN = user.userCN;
-          var displayName = locale === 'zhCN' ? displayNameCn || userCN : displayNameEn || userCN;
-          state.imgUrl = url;
-          state.userName = displayName;
-        });
+import "../chunk-PKUHTIDK.js";
+const init = ({ service, state }) => () => {
+  const { getUserInfo, getUserImageUrl, getLangData } = service;
+  getLangData().then((langData) => {
+    getUserInfo().then((user) => {
+      getUserImageUrl(user.employeeNumber).then((url) => {
+        const { locale = "zhCN" } = langData;
+        const { displayNameCn, displayNameEn, userCN } = user;
+        const displayName = locale === "zhCN" ? displayNameCn || userCN : displayNameEn || userCN;
+        state.imgUrl = url;
+        state.userName = displayName;
       });
     });
-  };
-};
+  });
+};
+export {
+  init
+};

package/user-account/vue.js

@@ -1,25 +1,22 @@
-import { initService } from '@opentiny/vue-renderless/user';
-import { init } 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 { initService } from "@opentiny/vue-renderless/user";
+import { init } from "./index";
+const api = ["state"];
+const renderless = (props, { reactive }, { service }) => {
+  const $service = initService({ props, service });
+  const state = reactive({
+    imgUrl: "",
+    userName: "",
+    roleNumber: ""
   });
-  var state = reactive({
-    imgUrl: '',
-    userName: '',
-    roleNumber: ''
-  });
-  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/user-contact/index.js

@@ -1,10 +1,11 @@
-export var getUserHref = function getUserHref(_ref) {
-  var props = _ref.props;
-  return function () {
-    var href = 'javascript:;';
-    if (!props.isNewImMode) {
-      href = 'javascript:;';
-    }
-    return href;
-  };
-};
+import "../chunk-PKUHTIDK.js";
+const getUserHref = ({ props }) => () => {
+  let href = "javascript:;";
+  if (!props.isNewImMode) {
+    href = "javascript:;";
+  }
+  return href;
+};
+export {
+  getUserHref
+};

package/user-contact/vue.js

@@ -1,20 +1,20 @@
-import { getUserHref } from './index';
-export var api = ['show', 'getUserHref'];
-export var renderless = function renderless(props, _ref) {
-  var reactive = _ref.reactive,
-    ref = _ref.ref;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { getUserHref } from "./index";
+const api = ["show", "getUserHref"];
+const renderless = (props, { reactive, ref }) => {
+  const state = reactive({
     initialized: false
   });
-  var api = {
-    state: state,
+  const api2 = {
+    state,
     show: ref(false)
   };
-  Object.assign(api, {
-    getUserHref: getUserHref({
-      api: api,
-      props: props
-    })
+  Object.assign(api2, {
+    getUserHref: getUserHref({ api: api2, props })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/user-head/index.js

@@ -1,93 +1,78 @@
-export var computedStyle = function computedStyle(_ref) {
-  var state = _ref.state,
-    props = _ref.props;
-  return function () {
-    return {
-      fill: props.color,
-      color: props.color,
-      backgroundColor: props.backgroundColor,
-      backgroundImage: /^(image)$/.test(props.type) && state.internalValue ? "url(".concat(state.internalValue, ")") : 'none'
-    };
+import "../chunk-PKUHTIDK.js";
+const computedStyle = ({ state, props }) => () => {
+  return {
+    fill: props.color,
+    color: props.color,
+    backgroundColor: props.backgroundColor,
+    backgroundImage: /^(image)$/.test(props.type) && state.internalValue ? `url(${state.internalValue})` : "none"
   };
 };
-export var computedMessage = function computedMessage(props) {
-  return function () {
-    var result = '';
-    var total = Math.floor(props.messageTotal);
-    if (props.messageType === 'details' && !isNaN(total) && total > 0) {
-      result = total;
-      if (props.messageUpperLimit && total > props.messageUpperLimit) {
-        result = "".concat(props.messageUpperLimit, "+");
-      }
+const computedMessage = (props) => () => {
+  let result = "";
+  const total = Math.floor(props.messageTotal);
+  if (props.messageType === "details" && !isNaN(total) && total > 0) {
+    result = total;
+    if (props.messageUpperLimit && total > props.messageUpperLimit) {
+      result = `${props.messageUpperLimit}+`;
     }
-    return result;
-  };
+  }
+  return result;
 };
-export var computedFontSize = function computedFontSize(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var fontSize = '';
-    if (props.type === 'label' && state.label && !props.min) {
-      var length = state.label.length;
-      var sizeMap = {
-        1: '40px',
-        2: '30px',
-        3: '22px',
-        4: '20px',
-        5: '18px',
-        6: '16px'
-      };
-      fontSize = sizeMap[length];
-    }
-    return {
-      fontSize: fontSize
+const computedFontSize = ({ props, state }) => () => {
+  let fontSize = "";
+  if (props.type === "label" && state.label && !props.min) {
+    const length = state.label.length;
+    const sizeMap = {
+      1: "40px",
+      2: "30px",
+      3: "22px",
+      4: "20px",
+      5: "18px",
+      6: "16px"
     };
-  };
-};
-export var computedLabel = function computedLabel(_ref3) {
-  var state = _ref3.state,
-    props = _ref3.props;
-  return function () {
-    return props.min ? state.internalValue.substr(0, 2) : state.internalValue.substr(0, 6);
-  };
+    fontSize = sizeMap[length];
+  }
+  return { fontSize };
 };
-export var getInternalValue = function getInternalValue(props) {
-  return function () {
-    if (!props.modelValue) {
-      var result = '';
-      if (props.type === 'icon') {
-        result = 'icon-user';
-      } else if (props.type === 'label') {
-        result = 'U';
-      }
-      return result;
-    } else {
-      return props.modelValue;
+const computedLabel = ({ state, props }) => () => props.min ? state.internalValue.substr(0, 2) : state.internalValue.substr(0, 6);
+const getInternalValue = (props) => () => {
+  if (!props.modelValue) {
+    let result = "";
+    if (props.type === "icon") {
+      result = "icon-user";
+    } else if (props.type === "label") {
+      result = "U";
     }
-  };
+    return result;
+  } else {
+    return props.modelValue;
+  }
 };
-export var computedSize = function computedSize(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    var size = props.size;
-    if (typeof size === 'string') {
-      switch (size) {
-        case 'large':
-          size = 64;
-          break;
-        case 'medium':
-          size = 40;
-          break;
-        case 'small':
-          size = 22;
-          break;
-        default:
-          size = 40;
-          break;
-      }
+const computedSize = ({ props, state }) => () => {
+  let size = props.size;
+  if (typeof size === "string") {
+    switch (size) {
+      case "large":
+        size = 64;
+        break;
+      case "medium":
+        size = 40;
+        break;
+      case "small":
+        size = 22;
+        break;
+      default:
+        size = 40;
+        break;
     }
-    return size;
-  };
-};
+  }
+  return size;
+};
+export {
+  computedFontSize,
+  computedLabel,
+  computedMessage,
+  computedSize,
+  computedStyle,
+  getInternalValue
+};

package/user-head/vue.js

@@ -1,50 +1,29 @@
-import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue, computedSize } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed;
-  var api = {
+import "../chunk-PKUHTIDK.js";
+import { computedMessage, computedStyle, computedFontSize, computedLabel, getInternalValue, computedSize } from "./index";
+const api = ["state"];
+const renderless = (props, { reactive, computed }) => {
+  const api2 = {
     computedMessage: computedMessage(props),
     getInternalValue: getInternalValue(props)
   };
-  var state = reactive({
-    internalValue: computed(function () {
-      return api.getInternalValue();
-    }),
-    label: computed(function () {
-      return api.computedLabel();
-    }),
-    style: computed(function () {
-      return api.computedStyle();
-    }),
-    message: computed(function () {
-      return api.computedMessage();
-    }),
-    fontSize: computed(function () {
-      return api.computedFontSize();
-    }),
-    size: computed(function () {
-      return api.computedSize();
-    })
+  const state = reactive({
+    internalValue: computed(() => api2.getInternalValue()),
+    label: computed(() => api2.computedLabel()),
+    style: computed(() => api2.computedStyle()),
+    message: computed(() => api2.computedMessage()),
+    fontSize: computed(() => api2.computedFontSize()),
+    size: computed(() => api2.computedSize())
   });
-  Object.assign(api, {
-    state: state,
-    computedLabel: computedLabel({
-      state: state,
-      props: props
-    }),
-    computedStyle: computedStyle({
-      state: state,
-      props: props
-    }),
-    computedFontSize: computedFontSize({
-      props: props,
-      state: state
-    }),
-    computedSize: computedSize({
-      props: props,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    computedLabel: computedLabel({ state, props }),
+    computedStyle: computedStyle({ state, props }),
+    computedFontSize: computedFontSize({ props, state }),
+    computedSize: computedSize({ props, state })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/user-link/index.js

@@ -1,43 +1,33 @@
-export var initUser = function initUser(_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    state = _ref.state;
-  return function (value) {
-    if (!value) {
-      state.user = value;
-      return;
-    }
-    api.getUsers(value).then(function (info) {
-      info.sort(function (a, b) {
-        return value.indexOf(String(a[props.valueField])) > value.indexOf(String(b[props.valueField])) ? 1 : -1;
-      });
-      var list = info.map(function (user) {
-        return user[props.valueField];
-      });
-      state.options = info;
-      state.user = props.multiple ? list : list[0];
-      props.cache && api.cacheUser(info);
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+const initUser = ({ api, props, state }) => (value) => {
+  if (!value) {
+    state.user = value;
+    return;
+  }
+  api.getUsers(value).then((info) => {
+    info.sort((a, b) => value.indexOf(String(a[props.valueField])) > value.indexOf(String(b[props.valueField])) ? 1 : -1);
+    const list = info.map((user) => user[props.valueField]);
+    state.options = info;
+    state.user = props.multiple ? list : list[0];
+    props.cache && api.cacheUser(info);
+  });
 };
-export var showCard = function showCard(_ref2) {
-  var api = _ref2.api,
-    service = _ref2.service,
-    state = _ref2.state;
-  return function (user) {
-    state.spinner = true;
-    state.expand = false;
-    service.fetchUser(user.employeeNumber).then(function (data) {
-      state.data = data;
-      state.spinner = false;
-    });
-    api.getUserImageUrl(user.employeeNumber).then(function (url) {
-      state.imgUrl = url;
-    });
-  };
+const showCard = ({ api, service, state }) => (user) => {
+  state.spinner = true;
+  state.expand = false;
+  service.fetchUser(user.employeeNumber).then((data) => {
+    state.data = data;
+    state.spinner = false;
+  });
+  api.getUserImageUrl(user.employeeNumber).then((url) => {
+    state.imgUrl = url;
+  });
+};
+const showDetail = (state) => () => {
+  state.expand = !state.expand;
+};
+export {
+  initUser,
+  showCard,
+  showDetail
 };
-export var showDetail = function showDetail(state) {
-  return function () {
-    state.expand = !state.expand;
-  };
-};