@opentiny/vue-renderless 3.1.0-alpha.0 → 3.4.7

package/user/vue.js

@@ -0,0 +1,113 @@
+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({
+    loading: false,
+    options: [],
+    hisOptions: [],
+    user: props.multiple ? [] : '',
+    selected: [],
+    visible: false,
+    lastValue: null,
+    type: props.valueField,
+    sortable: null,
+    overflow: false,
+    addevnet: false,
+    batch: props.batch === false ? false : props.batch || $service.batch
+  });
+  Object.assign(api, {
+    state: 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
+  });
+  return api;
+};

package/user-account/index.js

@@ -0,0 +1,23 @@
+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;
+        });
+      });
+    });
+  };
+};

package/user-account/vue.js

@@ -0,0 +1,25 @@
+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
+  });
+  var state = reactive({
+    imgUrl: '',
+    userName: '',
+    roleNumber: ''
+  });
+  var api = {
+    state: state,
+    init: init({
+      service: $service,
+      state: state
+    })
+  };
+  api.init();
+  return api;
+};

package/user-contact/index.js

@@ -1,11 +1,8 @@
 export var getUserHref = function getUserHref(_ref) {
-  var api = _ref.api,
-    props = _ref.props;
+  var props = _ref.props;
   return function () {
     var href = 'javascript:;';
     if (!props.isNewImMode) {
-      var data = props.data;
-      var userDescription = data.userDescription ? data.userDescription.toLocaleLowerCase() : '';
       href = 'javascript:;';
     }
     return href;

package/user-head/index.js

@@ -10,8 +10,7 @@ export var computedStyle = function computedStyle(_ref) {
     };
   };
 };
-export var computedMessage = function computedMessage(_ref2) {
-  var props = _ref2.props;
+export var computedMessage = function computedMessage(props) {
   return function () {
     var result = '';
     var total = Math.floor(props.messageTotal);
@@ -24,9 +23,9 @@ export var computedMessage = function computedMessage(_ref2) {
     return result;
   };
 };
-export var computedFontSize = function computedFontSize(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
+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) {
@@ -46,17 +45,16 @@ export var computedFontSize = function computedFontSize(_ref3) {
     };
   };
 };
-export var computedLabel = function computedLabel(_ref4) {
-  var state = _ref4.state,
-    props = _ref4.props;
+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);
   };
 };
-export var getInternalValue = function getInternalValue(_ref5) {
-  var props = _ref5.props;
+export var getInternalValue = function getInternalValue(props) {
   return function () {
-    if (props.modelValue === null) {
+    if (!props.modelValue) {
       var result = '';
       if (props.type === 'icon') {
         result = 'icon-user';

package/user-head/vue.js

@@ -4,12 +4,8 @@ export var renderless = function renderless(props, _ref) {
   var reactive = _ref.reactive,
     computed = _ref.computed;
   var api = {
-    computedMessage: computedMessage({
-      props: props
-    }),
-    getInternalValue: getInternalValue({
-      props: props
-    })
+    computedMessage: computedMessage(props),
+    getInternalValue: getInternalValue(props)
   };
   var state = reactive({
     internalValue: computed(function () {

package/user-link/index.js

@@ -0,0 +1,43 @@
+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);
+    });
+  };
+};
+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;
+    });
+  };
+};
+export var showDetail = function showDetail(state) {
+  return function () {
+    state.expand = !state.expand;
+  };
+};

package/user-link/vue.js

@@ -0,0 +1,60 @@
+import { getUsers, cacheUser, saveCache, initService } from '@opentiny/vue-renderless/user';
+import { initUser, showCard, showDetail } from './index';
+export var api = ['state', 'showCard', 'showDetail'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var reactive = _ref.reactive,
+    watch = _ref.watch;
+  var service = _ref2.service;
+  service = initService({
+    props: props,
+    service: service
+  });
+  var api = {};
+  var state = reactive({
+    options: [],
+    user: [],
+    selected: [],
+    type: props.valueField,
+    expand: false,
+    data: {},
+    spinner: true,
+    imgUrl: '',
+    batch: props.batch === false ? false : props.batch || service.batch
+  });
+  Object.assign(api, {
+    state: state,
+    showDetail: showDetail(state),
+    saveCache: saveCache({
+      props: props
+    }),
+    cacheUser: cacheUser({
+      api: api,
+      props: props,
+      service: service
+    }),
+    initUser: initUser({
+      api: api,
+      props: props,
+      state: state
+    }),
+    getUsers: getUsers({
+      api: api,
+      props: props,
+      state: state
+    }),
+    showCard: showCard({
+      api: api,
+      service: service,
+      state: state
+    }),
+    getUserImageUrl: service.getUserImageUrl,
+    fetchW3Accounts: service.fetchW3Accounts,
+    fetchUserByUserId: service.fetchUserByUserId
+  });
+  watch(function () {
+    return props.modelValue;
+  }, api.initUser, {
+    immediate: true
+  });
+  return api;
+};