@opentiny/vue-renderless 3.6.8 → 3.8.2

package/upload-list/vue.js

@@ -1,39 +1,91 @@
 import "../chunk-PKUHTIDK.js";
-import { parsePercentage, handleClick, picturefilePreview, getDeleteData, downloadFile } from "./index";
-import { downloadFile as edmDownloadFile, getToken } from "@opentiny/vue-renderless/file-upload";
-const api = ["t", "state", "parsePercentage", "handleClick", "handlePreview", "picturefilePreview", "getDeleteData", "downloadFile"];
-const renderless = (props, { reactive }, { t, parent, mode: tinyMode, emit, service }, { Modal }) => {
-  const mode = props._mode || parent.$mode || (tinyMode ? tinyMode.value ? tinyMode.value : "pc" : "pc");
+import {
+  parsePercentage,
+  handleClick,
+  picturefilePreview,
+  getDeleteData,
+  downloadFile,
+  play,
+  pause,
+  handleLoadedmetadata,
+  handleTimeupdate,
+  destroyed,
+  showOperatePanel,
+  getFileType,
+  getFileIcon,
+  mounted,
+  calcUploadListLiWidth,
+  reUpload,
+  remove
+} from "./index";
+import { getToken, initService } from "../file-upload";
+import { getApi } from "../file-upload/vue";
+const api = [
+  "t",
+  "state",
+  "parsePercentage",
+  "handleClick",
+  "handlePreview",
+  "picturefilePreview",
+  "getDeleteData",
+  "downloadFile",
+  "play",
+  "pause",
+  "handleLoadedmetadata",
+  "handleTimeupdate",
+  "showOperatePanel",
+  "getFileType",
+  "getFileIcon",
+  "reUpload",
+  "remove"
+];
+const renderless = (props, { reactive, onMounted, onUnmounted, watch }, { t, parent, mode, emit, service, vm, nextTick }, { Modal }) => {
+  const api2 = { getApi };
+  parent = parent.$parent;
+  const constants = parent.$constants;
+  const $service = initService({ props, service });
   const state = reactive({
     focusing: false,
     shows: false,
     startPostion: 0,
-    screenType: mode !== "pc"
+    screenType: mode === "mobile" ? true : false,
+    showPanel: false
   });
-  parent.getToken = getToken({
-    constants: parent.$constants,
-    props: parent,
-    state: parent.state,
-    t,
-    Modal
-  });
-  const api2 = {
+  parent.getToken = getToken({ constants, props: parent, state: parent.state, t, Modal });
+  Object.assign(api2, {
     state,
     getDeleteData: getDeleteData(emit),
     parsePercentage: parsePercentage(),
-    downloadFile: downloadFile(service),
+    downloadFile: downloadFile($service),
     picturefilePreview: picturefilePreview(state),
-    edmDownloadFile: edmDownloadFile({
-      api: parent,
-      constants: parent.$constants,
-      props: parent,
-      service,
-      state: parent.state
-    })
-  };
-  Object.assign(api2, {
-    handleClick: handleClick({ props, api: api2, parent })
+    handleClick: handleClick({ props, api: api2, parent }),
+    play: play({ vm, api: api2 }),
+    pause: pause({ vm }),
+    handleLoadedmetadata: handleLoadedmetadata({ vm }),
+    handleTimeupdate: handleTimeupdate(),
+    destroyed: destroyed({ api: api2, props, vm }),
+    showOperatePanel: showOperatePanel({ state }),
+    getFileType: getFileType(),
+    getFileIcon: getFileIcon(),
+    mounted: mounted({ api: api2, vm }),
+    calcUploadListLiWidth: calcUploadListLiWidth({ vm, nextTick, props, constants }),
+    reUpload: reUpload({ emit, props, parent }),
+    remove: remove({ emit })
   });
+  props.listType === constants.LIST_TYPE.DRAG_SINGLE && watch(
+    () => props.files && props.files[0],
+    (file) => {
+      if (file && file.status === constants.FILE_STATUS.FAIL) {
+        setTimeout(() => {
+          api2.remove({ file });
+        }, 2e3);
+      }
+    },
+    { immediate: true, deep: true }
+  );
+  watch(() => props.files, api2.calcUploadListLiWidth);
+  onMounted(api2.mounted);
+  onUnmounted(api2.destroyed);
   return api2;
 };
 export {

package/user/index.js

@@ -1,9 +1,9 @@
 import "../chunk-PKUHTIDK.js";
-import debounce from "@opentiny/vue-renderless/common/deps/debounce";
-import { toDateStr } from "@opentiny/vue-renderless/common/date";
-import { toJsonStr } from "@opentiny/vue-renderless/common/object";
-import { toJson } from "@opentiny/vue-renderless/common/string";
-import { log } from "@opentiny/vue-renderless/common";
+import debounce from "../common/deps/debounce";
+import { toDateStr } from "../common/date";
+import { toJsonStr } from "../common/object";
+import { toJson } from "../common/string";
+import { log } from "../common/xss";
 const request = {
   timmer: null,
   group: {},
@@ -17,9 +17,8 @@ const request = {
       this.group[valueField] = [];
     }
     queryIds.forEach((id) => {
-      if (!~this.group[valueField].indexOf(id)) {
+      if (!~this.group[valueField].indexOf(id))
         !this.group[valueField].push(id);
-      }
     });
   },
   removeRequest(item) {
@@ -36,20 +35,18 @@ const request = {
   getParams() {
     const args = [];
     for (let key in this.group) {
-      if (Object.prototype.hasOwnProperty.call(this.group, key)) {
-        const all = this.group[key];
-        const items = this.splitArr(all, this.batch);
-        if (key === "userId") {
-          args.push(...items.map((item) => item.join(",")));
-        } else {
-          args.push(
-            ...items.map((item) => ({
-              valueField: key,
-              valueSplit: item.valueSplit,
-              [key]: item.join(",")
-            }))
-          );
-        }
+      const all = this.group[key];
+      const items = this.splitArr(all, this.batch);
+      if (key === "userId") {
+        args.push(...items.map((item) => item.join(",")));
+      } else {
+        args.push(
+          ...items.map((item) => ({
+            valueField: key,
+            valueSplit: item.valueSplit,
+            [key]: item.join(",")
+          }))
+        );
       }
     }
     return args;
@@ -61,12 +58,9 @@ const request = {
     }
     data.forEach((item) => {
       for (let key in this.group) {
-        if (Object.prototype.hasOwnProperty.call(this.group, key)) {
-          if (!me.cache[key]) {
-            me.cache[key] = {};
-          }
-          me.cache[key][item[key]] = item;
-        }
+        if (!me.cache[key])
+          me.cache[key] = {};
+        me.cache[key][item[key]] = item;
       }
     });
   },
@@ -84,7 +78,7 @@ const request = {
     const me = this;
     const reqParamsSeq = me.getParams();
     let reqLen = reqParamsSeq.length;
-    reqParamsSeq.forEach((params) => {
+    reqParamsSeq.map((params) => {
       api.fetchW3Accounts(params).then((data) => {
         me.setCache(data);
         me.requests.slice().forEach((reqItem) => {
@@ -112,7 +106,7 @@ const request = {
               }
             });
           });
-          errors.length && log(`user [${errors.join(",")}] not found`, "warn");
+          errors.length && log.logger.warn(`user [${errors.join(",")}] not found`);
           this.clearRequest();
         }
       });
@@ -149,17 +143,20 @@ const request = {
     return result;
   }
 };
-const suggestUser = (api) => (query) => new Promise((resolve, reject) => {
-  api.fetchSuggestUser(query).then((users) => {
-    if (users.length) {
-      resolve(users);
-    } else {
-      resolve({ invalid: query });
-    }
-  }).catch(reject);
-});
+const suggestUser = (api) => (query) => {
+  return new Promise((resolve, reject) => {
+    api.fetchSuggestUser(query).then((users) => {
+      if (users.length) {
+        resolve(users);
+      } else {
+        resolve({ invalid: query });
+      }
+    }).catch(reject);
+  });
+};
 const updateOptions = ({ props, state, nextTick }) => (usersList) => {
-  const { valueField, textField, noDataText } = props;
+  const { noDataText } = props;
+  const { valueField, textField } = state;
   const values = [].concat(state.user || []);
   const options = [].concat(state.selected);
   const hides = [];
@@ -194,7 +191,7 @@ const autoSelect = ({ props, state, nextTick }) => (usersList) => {
   const values = props.multiple ? [].concat(state.user) : [];
   usersList.forEach((list) => {
     if (list.length === 1) {
-      const value = list[0][props.valueField];
+      const value = list[0][state.valueField];
       !~values.indexOf(value) && values.push(value);
       if (props.autoClose) {
         state.visible = false;
@@ -232,9 +229,8 @@ const searchMethod = ({ api, props, state, emit }) => debounce(props.delay, (que
           usersList.push(item);
         }
       });
-      if (failList.length) {
+      if (failList.length)
         emit("error", failList);
-      }
       api.updateOptions(usersList).then(() => {
         api.autoSelect(usersList).then(() => {
           api.userChange(state.user);
@@ -245,13 +241,15 @@ const searchMethod = ({ api, props, state, emit }) => debounce(props.delay, (que
   }
 });
 const setSelected = ({ api, props, state }) => (value) => {
-  const values = Array.isArray(value) ? value.map((v) => String(v).toLocaleLowerCase()) : String(value).toLocaleLowerCase().split(props.valueSplit);
-  state.selected = state.options.filter((user) => ~values.indexOf(String(user[props.valueField]).toLocaleLowerCase()));
+  const values = Array.isArray(value) ? value.map((v) => (v + "").toLocaleLowerCase()) : (value + "").toLocaleLowerCase().split(props.valueSplit);
+  state.selected = state.options.filter((user) => {
+    return ~values.indexOf((user[state.valueField] + "").toLocaleLowerCase());
+  });
   props.cache && api.cacheUser(state.selected);
 };
 const userChange = ({ api, emit, props, state }) => (value) => {
   const { multiple } = props;
-  let newVal = multiple && Array.isArray(value) ? value.join(props.valueSplit) : String(value || "");
+  let newVal = multiple && Array.isArray(value) ? value.join(props.valueSplit) : (value || "") + "";
   api.setSelected(newVal);
   if (typeof state.lastValue === "string" && state.lastValue !== null && state.lastValue.toLocaleLowerCase() !== newVal.toLocaleLowerCase()) {
     emit("update:modelValue", newVal);
@@ -259,13 +257,14 @@ const userChange = ({ api, emit, props, state }) => (value) => {
   }
   state.lastValue = newVal;
 };
-const syncCacheIds = (ids, props, queryIds, cacheData) => {
-  const { valueField, cacheFields, cacheKey } = props;
+const syncCacheIds = ({ props, state }) => (ids, queryIds, cacheData) => {
+  const { cacheFields, cacheKey } = props;
+  const { valueField } = state;
   const cacheUsers = toJson(window.localStorage.getItem(cacheKey)) || {};
   ids.forEach((id) => {
     if (cacheUsers[id]) {
       const cacheUser2 = cacheUsers[id];
-      const textField = props.textField === "userCN" || props.textField === "userId" || props.textField === "dept" ? "" : props.textField;
+      const textField = state.textField === "userCN" || state.textField === "userId" || state.textField === "dept" ? "" : state.textField;
       if (textField !== "" && !cacheUser2.a) {
         window.localStorage.removeItem(cacheKey);
         queryIds.push(id);
@@ -291,12 +290,13 @@ const syncCacheIds = (ids, props, queryIds, cacheData) => {
   });
 };
 const getUsers = ({ api, props, state }) => (value) => {
-  const { valueField, cache } = props;
+  const { cache } = props;
+  const { valueField } = state;
   const ids = Array.isArray(value) ? value : value.split(props.valueSplit);
   const cacheData = [];
   const queryIds = cache ? [] : ids;
   if (cache) {
-    syncCacheIds(ids, props, queryIds, cacheData);
+    api.syncCacheIds(ids, queryIds, cacheData);
     request.setCache(cacheData, valueField);
     if (!queryIds.length) {
       return Promise.resolve(cacheData);
@@ -308,7 +308,8 @@ const getUsers = ({ api, props, state }) => (value) => {
       if (data.error) {
         reject(data.error);
       } else {
-        resolve(data.concat(cacheData));
+        const filterData = cacheData.filter((cache2) => !~data.findIndex((d) => d[valueField] === cache2[valueField]));
+        resolve(data.concat(filterData));
       }
     };
     request.getusers({ param, api, batch: state.batch, cb });
@@ -335,8 +336,9 @@ const updateCache = ({ props, state }) => () => {
 const saveCache = ({ props }) => (cache) => {
   window.localStorage.setItem(props.cacheKey, toJsonStr(cache));
 };
-const cacheUser = ({ api, props, service }) => (users) => {
-  const { valueField, cacheKey } = props;
+const cacheUser = ({ api, props, service, state }) => (users) => {
+  const { cacheKey } = props;
+  const { valueField } = state;
   const cacheUser2 = toJson(window.localStorage.getItem(cacheKey)) || {};
   const cacheFields = service.userCache;
   let user;
@@ -354,7 +356,7 @@ const cacheUser = ({ api, props, service }) => (users) => {
         u: u[cacheFields.userCN],
         d: u[cacheFields.dept],
         e: u[cacheFields.eno],
-        a: ~["userCN", "userId", "dept"].indexOf(props.textField) ? null : u[props.textField],
+        a: ~["userCN", "userId", "dept"].indexOf(state.textField) ? null : u[state.textField],
         r: 0
       };
       props.cacheFields.forEach((field) => {
@@ -366,21 +368,21 @@ const cacheUser = ({ api, props, service }) => (users) => {
   try {
     api.saveCache(cacheUser2);
   } catch (e) {
-    const sortUsers = Object.keys(cacheUser2).sort((a, b) => cacheUser2[a].r < cacheUser2[b].r ? 1 : -1);
+    const sortUsers = Object.keys(cacheUser2).sort((a, b) => {
+      return cacheUser2[a].r < cacheUser2[b].r ? 1 : -1;
+    });
     const cutUser = sortUsers.splice(0, sortUsers.length / 2);
     const newCache = {};
     for (let i in cutUser) {
-      if (Object.prototype.hasOwnProperty.call(cutUser, i)) {
-        newCache[cutUser[i]] = cacheUser2[cutUser[i]];
-      }
+      newCache[cutUser[i]] = cacheUser2[cutUser[i]];
     }
     api.saveCache(newCache);
   }
 };
-const useSortable = ({ api, props, state, refs }) => () => {
-  const selectDom = refs.select.$el;
+const useSortable = ({ api, props, state, vm }) => () => {
+  const selectDom = vm.$refs.select.$el;
   if (props.sortable && props.multiple && !state.sortable) {
-    const tagsDom = selectDom.querySelector(".tiny-select__tags>span");
+    const tagsDom = selectDom.querySelector(".tiny-select__tags>span>span");
     state.sortable = props.sortable.create(tagsDom, {
       handle: ".tiny-tag",
       ghostClass: "tiny-user__ghost",
@@ -405,7 +407,7 @@ const initUser = ({ api, props, state }) => (value) => {
   }
   state.user = !props.multiple ? "" : [];
   if (typeof value === "number") {
-    value = String(value);
+    value += "";
   }
   if (!value) {
     state.options = [];
@@ -414,10 +416,12 @@ const initUser = ({ api, props, state }) => (value) => {
     return;
   }
   value && api.getUsers(value).then((info) => {
-    info.sort((a, b) => value.indexOf(String(a[props.valueField])) > value.indexOf(String(b[props.valueField])) ? 1 : -1);
+    info.sort((a, b) => {
+      return value.indexOf(a[state.valueField] + "") > value.indexOf(b[state.valueField] + "") ? 1 : -1;
+    });
     const list = info.map((user) => {
       user._show = true;
-      return user[props.valueField];
+      return user[state.valueField];
     });
     state.options = info;
     state.user = props.multiple ? list : list[0];
@@ -432,14 +436,17 @@ const initService = ({ props, service }) => {
     if (propName) {
       return Promise.reject(new Error(`[TINY Error][User]] Prop ${propName} is not configured`));
     } else {
-      return Promise.reject(new Error("[TINY Error][User]] This component depends on @opentiny/vue-service"));
+      return Promise.reject(new Error("[TINY Error][User]] This component depends on @opentiny/service"));
     }
   };
   const $service = service || {};
   const { common = {}, setting = {}, base = {} } = $service;
   const { fetchUser, fetchW3Accounts, fetchSuggestUser, fetchUserByUserId } = $service;
   const { options = {} } = setting;
-  const { UserCache = { uuid: "uuid", userId: "userId", userCN: "userCN", dept: "dept", eno: "employeeNumber" }, User = { batch: 50 } } = options;
+  const {
+    UserCache = { uuid: "uuid", userId: "userId", userCN: "userCN", dept: "dept", eno: "employeeNumber" },
+    User = { batch: 50, textField: "", valueField: "" }
+  } = options;
   return {
     fetchUser: props.fetchUser || fetchUser || noopFnCreator("fetchUser"),
     fetchW3Accounts: props.fetchW3Accounts || fetchW3Accounts || noopFnCreator("fetchW3Accounts"),
@@ -449,21 +456,29 @@ const initService = ({ props, service }) => {
     getLangData: props.getLangData || base.getLangData || noopFnCreator("getLangData"),
     getUserInfo: props.getUserInfo || base.getUserInfo || noopFnCreator("getUserInfo"),
     userCache: props.UserCache || UserCache,
-    batch: User.batch
+    batch: User.batch,
+    textField: User.textField,
+    valueField: User.valueField
   };
 };
 const filter = ({ props, state }) => () => {
   if (props.multiple && props.hideSelected) {
     const selectedUsers = state.user.map((value) => typeof value === "string" ? value.toLocaleLowerCase() : value);
-    return state.options.filter(
-      (user) => !~selectedUsers.indexOf(typeof user[props.valueField] === "string" ? user[props.valueField].toLocaleLowerCase() : user[props.valueField])
-    );
+    return state.options.filter((user) => {
+      return !~selectedUsers.indexOf(
+        typeof user[state.valueField] === "string" ? user[state.valueField].toLocaleLowerCase() : user[state.textField]
+      );
+    });
   }
   return state.options;
 };
+const computedTextField = ({ service, props }) => () => props.textField || service.textField || "userCN";
+const computedValueField = ({ service, props }) => () => props.valueField || service.valueField || "userId";
 export {
   autoSelect,
   cacheUser,
+  computedTextField,
+  computedValueField,
   filter,
   getUsers,
   handleBlur,
@@ -473,6 +488,7 @@ export {
   searchMethod,
   setSelected,
   suggestUser,
+  syncCacheIds,
   updateCache,
   updateOptions,
   useSortable,

package/user/vue.js

@@ -15,10 +15,13 @@ import {
   cacheUser,
   visibleChange,
   initService,
-  filter
+  filter,
+  computedTextField,
+  computedValueField,
+  syncCacheIds
 } from "./index";
 const api = ["state", "handleBlur", "searchMethod", "userChange", "visibleChange", "useSortable", "filter"];
-const renderless = (props, { reactive, watch }, { emit, nextTick, refs, service, constants, dispatch }) => {
+const renderless = (props, { reactive, watch, computed, provide }, { emit, nextTick, vm, service, constants, dispatch }) => {
   const api2 = {};
   const $service = initService({ props, service });
   const state = reactive({
@@ -33,7 +36,9 @@ const renderless = (props, { reactive, watch }, { emit, nextTick, refs, service,
     sortable: null,
     overflow: false,
     addevnet: false,
-    batch: props.batch === false ? false : props.batch || $service.batch
+    batch: props.batch === false ? false : props.batch || $service.batch,
+    textField: computed(() => api2.computedTextField()),
+    valueField: computed(() => api2.computedValueField())
   });
   Object.assign(api2, {
     state,
@@ -48,16 +53,21 @@ const renderless = (props, { reactive, watch }, { emit, nextTick, refs, service,
     handleBlur: handleBlur({ constants, dispatch, state }),
     filter: filter({ props, state }),
     suggestUser: suggestUser(api2),
-    cacheUser: cacheUser({ api: api2, props, service: $service }),
+    cacheUser: cacheUser({ api: api2, props, service: $service, state }),
     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 })
+    useSortable: useSortable({ api: api2, props, state, vm }),
+    computedTextField: computedTextField({ service: $service, props }),
+    computedValueField: computedValueField({ service: $service, props }),
+    syncCacheIds: syncCacheIds({ props, state })
   });
   props.cache && api2.updateCache();
   watch(() => props.modelValue, api2.initUser, { immediate: true });
+  provide("showContent", props.showTips);
+  provide("tips-max-width", props.maxWidth);
   return api2;
 };
 export {

package/user-account/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { initService } from "@opentiny/vue-renderless/user";
+import { initService } from "../user";
 import { init } from "./index";
 const api = ["state"];
 const renderless = (props, { reactive }, { service }) => {

package/user-contact/index.js

@@ -1,11 +1,57 @@
 import "../chunk-PKUHTIDK.js";
-const getUserHref = ({ props }) => () => {
+import { xss } from "../common/xss";
+const getUserHref = ({ api, props }) => () => {
   let href = "javascript:;";
   if (!props.isNewImMode) {
-    href = "javascript:;";
+    const data = props.data;
+    const roleNumber = data.roleNumber ? data.roleNumber.toLocaleLowerCase() : "";
+    if (roleNumber && api.testUID(roleNumber)) {
+      href = `im:${roleNumber}`;
+      return xss.filterUrl(href);
+    }
   }
   return href;
 };
+const doUserAction = ({ api, props, state, eSpaceCtrl }) => () => {
+  if (props.isNewImMode) {
+    if (eSpaceCtrl) {
+      if (state.initialized) {
+        api.openEspace();
+      } else {
+        api.initEspaceLink();
+      }
+    }
+  }
+};
+const initEspaceLink = ({ api, props, state, eSpaceCtrl, eSpaceCtrlDisabled }) => () => {
+  const flag = localStorage.getItem("eSpaceCtrl_initialized");
+  if (Number(flag)) {
+    state.initialized = true;
+    api.openEspace();
+  } else if (!eSpaceCtrlDisabled) {
+    const timeout = props.timeout || 3e3;
+    const pollingInterval = props.pollingInterval || 1e3;
+    const options = { timeout, pollingInterval };
+    eSpaceCtrl.init && eSpaceCtrl.init(options);
+    eSpaceCtrl.ready && eSpaceCtrl.ready(() => {
+      state.initialized = true;
+      api.openEspace();
+    });
+    eSpaceCtrl.error && eSpaceCtrl.error(() => {
+      state.initialized = false;
+    });
+  }
+};
+const openEspace = ({ api, props, eSpaceCtrl }) => () => {
+  const data = props.data;
+  const roleNumber = data.roleNumber ? data.roleNumber.toLocaleLowerCase() : "";
+  if (roleNumber && api.testUID(roleNumber)) {
+    eSpaceCtrl.showImDialog(roleNumber);
+  }
+};
 export {
-  getUserHref
+  doUserAction,
+  getUserHref,
+  initEspaceLink,
+  openEspace
 };

package/user-contact/vue.js

@@ -1,16 +1,25 @@
 import "../chunk-PKUHTIDK.js";
-import { getUserHref } from "./index";
-const api = ["show", "getUserHref"];
-const renderless = (props, { reactive, ref }) => {
+import { init } from "../common/deps/eSpaceCtrl";
+import { getUserHref, doUserAction, initEspaceLink, openEspace } from "./index";
+import { testUID } from "../espace";
+const api = ["show", "getUserHref", "doUserAction", "initEspaceLink", "openEspace", "testUID"];
+const renderless = (props, { reactive, ref }, { service }) => {
+  const api2 = {};
+  const { setting = {} } = service || {};
+  const { widgets = {} } = setting;
+  const eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink;
+  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : init();
   const state = reactive({
     initialized: false
   });
-  const api2 = {
-    state,
-    show: ref(false)
-  };
   Object.assign(api2, {
-    getUserHref: getUserHref({ api: api2, props })
+    state,
+    testUID,
+    show: ref(false),
+    getUserHref: getUserHref({ api: api2, props }),
+    initEspaceLink: initEspaceLink({ api: api2, props, state, eSpaceCtrl, eSpaceCtrlDisabled }),
+    doUserAction: doUserAction({ api: api2, props, state, eSpaceCtrl }),
+    openEspace: openEspace({ api: api2, props, eSpaceCtrl })
   });
   return api2;
 };

package/user-head-group/vue.js

@@ -0,0 +1,17 @@
+import "../chunk-PKUHTIDK.js";
+const api = ["state"];
+const renderless = (props, { reactive, provide }) => {
+  const state = reactive({
+    groupSize: props.groupSize,
+    list: props.list
+  });
+  const api2 = {
+    state
+  };
+  provide("groupSize", state.groupSize);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/user-link/index.js

@@ -5,8 +5,12 @@ const initUser = ({ api, props, state }) => (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]);
+    info.sort((a, b) => {
+      return value.indexOf(a[state.valueField] + "") > value.indexOf(b[state.valueField] + "") ? 1 : -1;
+    });
+    const list = info.map((user) => {
+      return user[state.valueField];
+    });
     state.options = info;
     state.user = props.multiple ? list : list[0];
     props.cache && api.cacheUser(info);
@@ -26,7 +30,11 @@ const showCard = ({ api, service, state }) => (user) => {
 const showDetail = (state) => () => {
   state.expand = !state.expand;
 };
+const computedTextField = ({ service, props }) => () => props.textField || service.textField || "userCN";
+const computedValueField = ({ service, props }) => () => props.valueField || service.valueField || "userId";
 export {
+  computedTextField,
+  computedValueField,
   initUser,
   showCard,
   showDetail