@cgboiler/biz-mobile 1.4.0 → 1.5.0

package/es/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.3.0";
+export const version: "1.4.0";
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';
 export { OrgPicker, ProjectSelect };

package/es/index.js

@@ -1,6 +1,6 @@
 import OrgPicker from "./org-picker";
 import ProjectSelect from "./project-select";
-const version = "1.3.0";
+const version = "1.4.0";
 function install(app) {
   const components = [
     OrgPicker,

package/es/org-picker/OrgPicker.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import "./_atomic.css";
 import { defineComponent, ref, computed, watch } from "vue";
-import { ActionSheet, Search, List, Image } from "vant";
+import { ActionSheet, Search, List, Image, Empty } from "vant";
 import DeptImg from "./components/deptImg";
 import { orgPickerProps } from "./types";
 import { useApi } from "./useApi";
@@ -102,7 +102,9 @@ var stdin_default = defineComponent({
         "class": "separator"
       }, [_createTextVNode(" / ")])]))]), _createVNode("div", {
         "class": "feed-list-wrap"
-      }, [_createVNode(List, {
+      }, [!keyword.value && filteredOrgList.value.filter((item) => item.type !== "dept").length === 0 ? _createVNode(Empty, {
+        "description": "\u8BE5\u90E8\u95E8\u4E0B\u6CA1\u6709\u4EBA\u5458"
+      }, null) : _createVNode(List, {
         "loading": loading.value,
         "finished": finished.value,
         "onLoad": onLoad

package/es/org-picker/components/deptImg.js

@@ -1,18 +1,16 @@
 import { createVNode as _createVNode } from "vue";
 import "./_atomic.css";
 const DeptImg = () => _createVNode("svg", {
+  "style": "width: 100%;height: 100%;",
   "viewBox": "0 0 1204 1024",
   "version": "1.1",
-  "xmlns": "http://www.w3.org/2000/svg",
-  "p-id": "7601"
+  "xmlns": "http://www.w3.org/2000/svg"
 }, [_createVNode("path", {
   "d": "M561.63235285 164.57352927h335.01838211c27.29779432 0 49.63235285 22.33455854 49.63235366 49.63235284v62.04044147c0 27.29779432-22.33455854 49.63235285-49.63235366 49.63235284H561.63235285c-27.29779432 0-49.63235285-22.33455854-49.63235285-49.63235284v-62.04044147c0-27.29779432 22.33455854-49.63235285 49.63235285-49.63235284z",
-  "fill": "#AFFCFE",
-  "p-id": "7602"
+  "fill": "#AFFCFE"
 }, null), _createVNode("path", {
   "d": "M983.50735284 933.875H189.38970568c-54.59558862 0-99.26470568-44.66911789-99.26470568-99.26470568V189.38970568c0-54.59558862 44.66911789-99.26470568 99.26470568-99.26470568h285.38602928c68.24448496 18.61213211 54.59558862 53.35477927 99.2647065 99.26470568l31.02021992 49.63235286H983.50735284c54.59558862 0 99.26470568 44.66911789 99.26470569 99.2647065v496.32352928c0 54.59558862-44.66911789 99.26470568-99.26470569 99.26470568z",
-  "fill": "#2F77F1",
-  "p-id": "7603"
+  "fill": "#2F77F1"
 }, null)]);
 var stdin_default = DeptImg;
 export {

package/es/org-picker/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.org-list{height:85vh;display:flex;flex-direction:column}.org-list .breadcrumb-nav{margin-bottom:4px;padding:2px 16px;border-radius:4px;font-size:12px}.org-list .breadcrumb-nav .dept-name.current-dept{color:#969799}.org-list .breadcrumb-nav .separator{color:#969799;margin:0 4px}.org-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .bottom-section .selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:35px}.org-list .bottom-section .selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0}.org-list .bottom-section .selected-items .selected-tag .tag-avatar{width:32px;height:32px;cursor:pointer;border-radius:4px;overflow:hidden}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .feed-list-wrap{flex:1;display:flex;overflow:hidden;position:relative}.org-list .search-result-list{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#fff;overflow-y:auto;padding:0 16px}.org-list .org-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:12px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item .org-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.org-list .org-item .org-avatar img{border-radius:4px;border:1px solid #eee}.org-list .org-item .org-name{font-size:14px;flex:1}.org-list .org-item:last-child{border-bottom:none}.org-list .action-buttons{padding:16px;display:flex;justify-content:center;border-top:1px solid #eee}.org-list .action-buttons .confirm-button{background-color:var(--van-primary-color);color:#fff;padding:10px 0;border-radius:4px;text-align:center;width:100%;font-size:14px}
+:root:root{--van-action-sheet-max-height: 100%}.org-list{height:85vh;display:flex;flex-direction:column}.org-list .breadcrumb-nav{margin-bottom:4px;padding:2px 16px;border-radius:4px;font-size:12px}.org-list .breadcrumb-nav .dept-name.current-dept{color:#969799}.org-list .breadcrumb-nav .separator{color:#969799;margin:0 4px}.org-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .bottom-section .selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:35px}.org-list .bottom-section .selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0}.org-list .bottom-section .selected-items .selected-tag .tag-avatar{width:36px;height:36px}.org-list .bottom-section .selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .feed-list-wrap{flex:1;display:flex;overflow:hidden;position:relative;justify-content:center}.org-list .search-result-list{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#fff;overflow-y:auto;padding:0 16px}.org-list .org-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:12px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item .org-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.org-list .org-item .org-avatar img{border-radius:4px;border:1px solid #eee}.org-list .org-item .org-name{font-size:14px;flex:1}.org-list .org-item:last-child{border-bottom:none}.org-list .action-buttons{padding:16px;display:flex;justify-content:center;border-top:1px solid #eee}.org-list .action-buttons .confirm-button{background-color:var(--van-primary-color);color:#fff;padding:10px 0;border-radius:4px;text-align:center;width:100%;font-size:14px}

package/es/org-picker/index.less

@@ -51,11 +51,12 @@
         margin: 0;
 
         .tag-avatar {
-          width: 32px;
-          height: 32px;
-          cursor: pointer;
-          border-radius: 4px;
-          overflow: hidden;
+          width: 36px;
+          height: 36px;
+          img {
+            border-radius: 4px;
+            border: 1px solid #eee;
+          }
         }
       }
     }
@@ -72,6 +73,7 @@
     display: flex;
     overflow: hidden;
     position: relative;
+    justify-content: center;
   }
   .search-result-list {
     position: absolute;

package/es/org-picker/useApi.js

@@ -21,6 +21,20 @@ var __async = (__this, __arguments, generator) => {
 import { ref } from "vue";
 import { useFetch } from "@cgboiler/core";
 import { debounce } from "lodash-es";
+const orgListCache = /* @__PURE__ */ new Map();
+const fetchOrgList = (deptId) => __async(void 0, null, function* () {
+  if (orgListCache.has(deptId || "")) {
+    return orgListCache.get(deptId || "");
+  }
+  const res = (yield useFetch(
+    `https://wflow.cgboiler.com/v1/oa/org/tree/cloud?deptId=${deptId}&type=user`,
+    {
+      method: "GET"
+    }
+  )) || [];
+  orgListCache.set(deptId || "", res);
+  return res;
+});
 const useApi = () => {
   const orgList = ref([]);
   const currentDeptId = ref("1");
@@ -38,13 +52,8 @@ const useApi = () => {
         }
       }
     }
-    const res = yield useFetch(
-      `https://wflow.cgboiler.com/v1/oa/org/tree/cloud?deptId=${currentDeptId.value}&type=user`,
-      {
-        method: "GET"
-      }
-    );
-    orgList.value = res || [];
+    const list = yield fetchOrgList(currentDeptId.value);
+    orgList.value = list || [];
   });
   const searchOrgList = debounce((userName) => __async(void 0, null, function* () {
     if (!userName) {

package/lib/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.3.0";
+export const version: "1.4.0";
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';
 export { OrgPicker, ProjectSelect };

package/lib/index.js

@@ -39,7 +39,7 @@ var import_org_picker = __toESM(require("./org-picker"));
 var import_project_select = __toESM(require("./project-select"));
 __reExport(stdin_exports, require("./org-picker"), module.exports);
 __reExport(stdin_exports, require("./project-select"), module.exports);
-const version = "1.3.0";
+const version = "1.4.0";
 function install(app) {
   const components = [
     import_org_picker.default,

package/lib/org-picker/OrgPicker.js

@@ -134,7 +134,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": "separator"
       }, [(0, import_vue.createTextVNode)(" / ")])]))]), (0, import_vue.createVNode)("div", {
         "class": "feed-list-wrap"
-      }, [(0, import_vue.createVNode)(import_vant.List, {
+      }, [!keyword.value && filteredOrgList.value.filter((item) => item.type !== "dept").length === 0 ? (0, import_vue.createVNode)(import_vant.Empty, {
+        "description": "\u8BE5\u90E8\u95E8\u4E0B\u6CA1\u6709\u4EBA\u5458"
+      }, null) : (0, import_vue.createVNode)(import_vant.List, {
         "loading": loading.value,
         "finished": finished.value,
         "onLoad": onLoad

package/lib/org-picker/components/deptImg.js

@@ -23,17 +23,15 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_atomic = require("./_atomic.css");
 const DeptImg = () => (0, import_vue.createVNode)("svg", {
+  "style": "width: 100%;height: 100%;",
   "viewBox": "0 0 1204 1024",
   "version": "1.1",
-  "xmlns": "http://www.w3.org/2000/svg",
-  "p-id": "7601"
+  "xmlns": "http://www.w3.org/2000/svg"
 }, [(0, import_vue.createVNode)("path", {
   "d": "M561.63235285 164.57352927h335.01838211c27.29779432 0 49.63235285 22.33455854 49.63235366 49.63235284v62.04044147c0 27.29779432-22.33455854 49.63235285-49.63235366 49.63235284H561.63235285c-27.29779432 0-49.63235285-22.33455854-49.63235285-49.63235284v-62.04044147c0-27.29779432 22.33455854-49.63235285 49.63235285-49.63235284z",
-  "fill": "#AFFCFE",
-  "p-id": "7602"
+  "fill": "#AFFCFE"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M983.50735284 933.875H189.38970568c-54.59558862 0-99.26470568-44.66911789-99.26470568-99.26470568V189.38970568c0-54.59558862 44.66911789-99.26470568 99.26470568-99.26470568h285.38602928c68.24448496 18.61213211 54.59558862 53.35477927 99.2647065 99.26470568l31.02021992 49.63235286H983.50735284c54.59558862 0 99.26470568 44.66911789 99.26470569 99.2647065v496.32352928c0 54.59558862-44.66911789 99.26470568-99.26470569 99.26470568z",
-  "fill": "#2F77F1",
-  "p-id": "7603"
+  "fill": "#2F77F1"
 }, null)]);
 var stdin_default = DeptImg;

package/lib/org-picker/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.org-list{height:85vh;display:flex;flex-direction:column}.org-list .breadcrumb-nav{margin-bottom:4px;padding:2px 16px;border-radius:4px;font-size:12px}.org-list .breadcrumb-nav .dept-name.current-dept{color:#969799}.org-list .breadcrumb-nav .separator{color:#969799;margin:0 4px}.org-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .bottom-section .selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:35px}.org-list .bottom-section .selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0}.org-list .bottom-section .selected-items .selected-tag .tag-avatar{width:32px;height:32px;cursor:pointer;border-radius:4px;overflow:hidden}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .feed-list-wrap{flex:1;display:flex;overflow:hidden;position:relative}.org-list .search-result-list{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#fff;overflow-y:auto;padding:0 16px}.org-list .org-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:12px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item .org-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.org-list .org-item .org-avatar img{border-radius:4px;border:1px solid #eee}.org-list .org-item .org-name{font-size:14px;flex:1}.org-list .org-item:last-child{border-bottom:none}.org-list .action-buttons{padding:16px;display:flex;justify-content:center;border-top:1px solid #eee}.org-list .action-buttons .confirm-button{background-color:var(--van-primary-color);color:#fff;padding:10px 0;border-radius:4px;text-align:center;width:100%;font-size:14px}
+:root:root{--van-action-sheet-max-height: 100%}.org-list{height:85vh;display:flex;flex-direction:column}.org-list .breadcrumb-nav{margin-bottom:4px;padding:2px 16px;border-radius:4px;font-size:12px}.org-list .breadcrumb-nav .dept-name.current-dept{color:#969799}.org-list .breadcrumb-nav .separator{color:#969799;margin:0 4px}.org-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .bottom-section .selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:35px}.org-list .bottom-section .selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0}.org-list .bottom-section .selected-items .selected-tag .tag-avatar{width:36px;height:36px}.org-list .bottom-section .selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .feed-list-wrap{flex:1;display:flex;overflow:hidden;position:relative;justify-content:center}.org-list .search-result-list{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#fff;overflow-y:auto;padding:0 16px}.org-list .org-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:12px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item .org-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.org-list .org-item .org-avatar img{border-radius:4px;border:1px solid #eee}.org-list .org-item .org-name{font-size:14px;flex:1}.org-list .org-item:last-child{border-bottom:none}.org-list .action-buttons{padding:16px;display:flex;justify-content:center;border-top:1px solid #eee}.org-list .action-buttons .confirm-button{background-color:var(--van-primary-color);color:#fff;padding:10px 0;border-radius:4px;text-align:center;width:100%;font-size:14px}

package/lib/org-picker/index.less

@@ -51,11 +51,12 @@
         margin: 0;
 
         .tag-avatar {
-          width: 32px;
-          height: 32px;
-          cursor: pointer;
-          border-radius: 4px;
-          overflow: hidden;
+          width: 36px;
+          height: 36px;
+          img {
+            border-radius: 4px;
+            border: 1px solid #eee;
+          }
         }
       }
     }
@@ -72,6 +73,7 @@
     display: flex;
     overflow: hidden;
     position: relative;
+    justify-content: center;
   }
   .search-result-list {
     position: absolute;

package/lib/org-picker/useApi.js

@@ -43,6 +43,20 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_core = require("@cgboiler/core");
 var import_lodash_es = require("lodash-es");
+const orgListCache = /* @__PURE__ */ new Map();
+const fetchOrgList = (deptId) => __async(void 0, null, function* () {
+  if (orgListCache.has(deptId || "")) {
+    return orgListCache.get(deptId || "");
+  }
+  const res = (yield (0, import_core.useFetch)(
+    `https://wflow.cgboiler.com/v1/oa/org/tree/cloud?deptId=${deptId}&type=user`,
+    {
+      method: "GET"
+    }
+  )) || [];
+  orgListCache.set(deptId || "", res);
+  return res;
+});
 const useApi = () => {
   const orgList = (0, import_vue.ref)([]);
   const currentDeptId = (0, import_vue.ref)("1");
@@ -60,13 +74,8 @@ const useApi = () => {
         }
       }
     }
-    const res = yield (0, import_core.useFetch)(
-      `https://wflow.cgboiler.com/v1/oa/org/tree/cloud?deptId=${currentDeptId.value}&type=user`,
-      {
-        method: "GET"
-      }
-    );
-    orgList.value = res || [];
+    const list = yield fetchOrgList(currentDeptId.value);
+    orgList.value = list || [];
   });
   const searchOrgList = (0, import_lodash_es.debounce)((userName) => __async(void 0, null, function* () {
     if (!userName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-mobile",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",