@cgboiler/biz-mobile 1.17.8 → 1.17.9

package/es/index.d.ts

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

package/es/index.js

@@ -1,7 +1,7 @@
 import MdPreview from "./md-preview";
 import OrgPicker from "./org-picker";
 import ProjectSelect from "./project-select";
-const version = "1.17.7";
+const version = "1.17.8";
 function install(app) {
   const components = [
     MdPreview,

package/es/org-picker/OrgPicker.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
 import "./_atomic.css";
 import { defineComponent, ref, computed, watch } from "vue";
-import { ActionSheet, Search, List, Image, Empty, Tabs, Tab } from "vant";
+import { ActionSheet, Search, List, Image, Empty, Tabs, Tab, Icon } from "vant";
 import DeptImg from "./components/DeptImg";
 import { orgPickerProps } from "./types";
 import { useApi } from "./useApi";
@@ -19,15 +19,16 @@ var stdin_default = defineComponent({
       getOrgList,
       orgList,
       deptPath,
-      userList,
-      setRecentSelectedUsers
+      userList
     } = api;
     getOrgList();
-    const activeTab = ref("txl");
+    const activeTab = ref("zjxz");
     const {
       keyword,
       searchRef,
       recentSelectedHistory,
+      setRecentUsers,
+      handleDeleteHistorySelect,
       highlightText,
       renderSearchResult
     } = useSearch(props, api);
@@ -67,7 +68,7 @@ var stdin_default = defineComponent({
         selectedItems.value = [item];
         emit("update:modelValue", [item.id]);
         emit("update:show", false);
-        setRecentSelectedUsers(selectedItems.value);
+        setRecentUsers(selectedItems.value);
       }
     };
     const handleHistorySelect = (item) => {
@@ -76,7 +77,7 @@ var stdin_default = defineComponent({
     const handleConfirm = () => {
       emit("update:show", false);
       emit("update:modelValue", selectedItems.value.map((item) => item.id));
-      setRecentSelectedUsers(selectedItems.value);
+      setRecentUsers(selectedItems.value);
     };
     const isSelected = (item) => {
       return selectedItems.value.some((s) => s.id === item.id);
@@ -130,8 +131,18 @@ var stdin_default = defineComponent({
       }, null) : recentSelectedHistory.value.map((historyItem) => _createVNode("div", {
         "key": historyItem.id,
         "onClick": () => handleHistorySelect(historyItem),
-        "class": "px-16px py-8px border-b border-[#eee]"
-      }, [_createVNode("span", null, [historyItem.selectedUsers.map((user) => highlightText(user.name, keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])])]))]) : _createVNode(_Fragment, null, [_createVNode("div", {
+        "class": "py-8px border-b border-[#eee] flex items-center"
+      }, [_createVNode("span", {
+        "class": "flex-1"
+      }, [historyItem.selectedUsers.map((user) => highlightText(user.name, keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])]), _createVNode("span", {
+        "class": "p-4px pl-2",
+        "onClick": (e) => {
+          e.stopPropagation();
+          handleDeleteHistorySelect(historyItem);
+        }
+      }, [_createVNode(Icon, {
+        "name": "delete-o"
+      }, null)])]))]) : _createVNode(_Fragment, null, [_createVNode("div", {
         "class": "breadcrumb-nav"
       }, [deptPath.value.map((dept, index) => _createVNode("span", {
         "key": dept.id

package/es/org-picker/_atomic.css

@@ -56,14 +56,16 @@
 .cgx-atm .flex{display:flex;}
 .cgx-atm .flex-1{flex:1 1 0%;}
 .cgx-atm .flex-col{flex-direction:column;}
+.cgx-atm .items-center{align-items:center;}
 .cgx-atm .overflow-auto{overflow:auto;}
 .cgx-atm .overflow-hidden{overflow:hidden;}
 .cgx-atm .border-b{border-bottom-width:1px;border-bottom-style:solid;}
 .cgx-atm .border-\[\#eee\]{--un-border-opacity:1;border-color:rgba(238,238,238,var(--un-border-opacity));}
-.cgx-atm .px-\[16px\],
-.cgx-atm .px-16px{padding-left:16px;padding-right:16px;}
+.cgx-atm .p-4px{padding:4px;}
+.cgx-atm .px-\[16px\]{padding-left:16px;padding-right:16px;}
 .cgx-atm .py-\[8px\],
 .cgx-atm .py-8px{padding-top:8px;padding-bottom:8px;}
+.cgx-atm .pl-2{padding-left:0.5rem;}
 .cgx-atm .text-center{text-align:center;}
 .cgx-atm .text-\[14px\]{font-size:14px;}
 .cgx-atm .leading-\[38px\]{line-height:38px;}

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 .highlight{color:var(--van-primary-color);font-weight:700}.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 .org-selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:68px;border-bottom:1px solid #eee}.org-list .org-selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0;position:relative}.org-list .org-selected-items .selected-tag .close-icon{position:absolute;top:0;right:0;z-index:1;background-color:#fff;border-radius:50%;border:1px solid #eee;width:10px;height:10px;display:flex;align-items:center;justify-content:center;font-size:6px;color:#969799}.org-list .org-selected-items .selected-tag .tag-avatar{width:40px;height:40px}.org-list .org-selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee;object-fit:contain}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .org-content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.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 .org-item-select-icon{display:none;padding-left:4px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item.selected .org-item-select-icon{display:inline}.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;object-fit:contain}.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}.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 .highlight{color:var(--van-primary-color);font-weight:700}.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 .org-selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:68px;border-bottom:1px solid #eee}.org-list .org-selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0;position:relative}.org-list .org-selected-items .selected-tag .close-icon{position:absolute;top:0;right:0;z-index:1;background-color:#fff;border-radius:50%;border:1px solid #eee;width:10px;height:10px;display:flex;align-items:center;justify-content:center;font-size:6px;color:#969799}.org-list .org-selected-items .selected-tag .tag-avatar{width:40px;height:40px}.org-list .org-selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee;object-fit:contain}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .org-content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:4px}.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 .org-item-select-icon{display:none;padding-left:4px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item.selected .org-item-select-icon{display:inline}.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;object-fit:contain}.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}.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

@@ -98,6 +98,7 @@
     flex-direction: column;
     overflow: hidden;
     position: relative;
+    padding-top: 4px;
   }
 
   .feed-list-wrap {

package/es/org-picker/useApi.d.ts

@@ -52,6 +52,7 @@ export declare const useApi: () => {
         id: string | number;
         name: string;
     }[]>;
+    deleteRecentSelectedUsers: (id: string) => Promise<void>;
     searchOrgList: import("lodash-es").DebouncedFunc<(userName: string) => Promise<void>>;
     getRecentSelectedUsers: () => Promise<RecentSelection[]>;
     setRecentSelectedUsers: (users: OrgItem[]) => Promise<void>;

package/es/org-picker/useApi.js

@@ -104,6 +104,15 @@ const useApi = () => {
       console.error("Failed to set recent selected users history to localStorage", error);
     }
   });
+  const deleteRecentSelectedUsers = (id) => __async(void 0, null, function* () {
+    const history = yield getRecentSelectedUsers();
+    const updatedHistory = history.filter((item) => item.id !== id);
+    try {
+      yield setStorage(RECENT_SELECTED_USERS_KEY, JSON.parse(JSON.stringify(updatedHistory)));
+    } catch (error) {
+      console.error("Failed to delete recent selected users history to localStorage", error);
+    }
+  });
   return {
     userList,
     orgList,
@@ -111,6 +120,7 @@ const useApi = () => {
     getOrgList,
     currentDeptId,
     deptPath,
+    deleteRecentSelectedUsers,
     searchOrgList,
     getRecentSelectedUsers,
     setRecentSelectedUsers

package/es/org-picker/useSearch.d.ts

@@ -1,7 +1,9 @@
 export declare function useSearch(props: any, api: any): {
     keyword: import("vue").Ref<string, string>;
     searchRef: import("vue").Ref<any, any>;
+    setRecentUsers: (users: any[]) => Promise<void>;
     renderSearchResult: ({ handleHistorySelect, isSelected, handleSelect }: any) => import("vue/jsx-runtime").JSX.Element;
+    handleDeleteHistorySelect: (item: any) => Promise<void>;
     filteredOrgList: import("vue").ComputedRef<any>;
     recentSelectedHistory: import("vue").Ref<any[], any[]>;
     filterRecentSelectedHistory: import("vue").Ref<any[], any[]>;

package/es/org-picker/useSearch.js

@@ -28,6 +28,8 @@ function useSearch(props, api) {
     getOrgList,
     currentDeptId,
     searchOrgList,
+    setRecentSelectedUsers,
+    deleteRecentSelectedUsers,
     getRecentSelectedUsers
   } = api;
   const keyword = ref("");
@@ -37,6 +39,14 @@ function useSearch(props, api) {
   watchEffect(() => __async(this, null, function* () {
     recentSelectedHistory.value = yield getRecentSelectedUsers();
   }));
+  const setRecentUsers = (users) => __async(this, null, function* () {
+    yield setRecentSelectedUsers(users);
+    recentSelectedHistory.value = yield getRecentSelectedUsers();
+  });
+  const handleDeleteHistorySelect = (item) => __async(this, null, function* () {
+    yield deleteRecentSelectedUsers(item.id);
+    recentSelectedHistory.value = yield getRecentSelectedUsers();
+  });
   watchEffect(() => {
     if (keyword.value) {
       filterRecentSelectedHistory.value = recentSelectedHistory.value.filter((item) => item.selectedUsers.some((user) => keyword.value.split("").some((char) => user.name.includes(char))));
@@ -85,7 +95,7 @@ function useSearch(props, api) {
     }, [filterRecentSelectedHistory.value.length ? _createVNode(_Fragment, null, [_createVNode("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [_createTextVNode("\u6700\u8FD1\u9009\u62E9")]), _createVNode("div", {
-      "class": "recent-list-wrap flex-1 overflow-auto px-[16px] py-[8px]"
+      "class": "recent-list-wrap flex-1 overflow-auto py-[8px]"
     }, [filterRecentSelectedHistory.value.map((historyItem) => _createVNode("div", {
       "key": historyItem.id,
       "onClick": () => handleHistorySelect(historyItem),
@@ -113,7 +123,9 @@ function useSearch(props, api) {
   return {
     keyword,
     searchRef,
+    setRecentUsers,
     renderSearchResult,
+    handleDeleteHistorySelect,
     filteredOrgList,
     recentSelectedHistory,
     filterRecentSelectedHistory,

package/lib/index.d.ts

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

package/lib/index.js

@@ -42,7 +42,7 @@ var import_project_select = __toESM(require("./project-select"));
 __reExport(stdin_exports, require("./md-preview"), module.exports);
 __reExport(stdin_exports, require("./org-picker"), module.exports);
 __reExport(stdin_exports, require("./project-select"), module.exports);
-const version = "1.17.7";
+const version = "1.17.8";
 function install(app) {
   const components = [
     import_md_preview.default,

package/lib/org-picker/OrgPicker.js

@@ -51,15 +51,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       getOrgList,
       orgList,
       deptPath,
-      userList,
-      setRecentSelectedUsers
+      userList
     } = api;
     getOrgList();
-    const activeTab = (0, import_vue2.ref)("txl");
+    const activeTab = (0, import_vue2.ref)("zjxz");
     const {
       keyword,
       searchRef,
       recentSelectedHistory,
+      setRecentUsers,
+      handleDeleteHistorySelect,
       highlightText,
       renderSearchResult
     } = (0, import_useSearch.useSearch)(props, api);
@@ -99,7 +100,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         selectedItems.value = [item];
         emit("update:modelValue", [item.id]);
         emit("update:show", false);
-        setRecentSelectedUsers(selectedItems.value);
+        setRecentUsers(selectedItems.value);
       }
     };
     const handleHistorySelect = (item) => {
@@ -108,7 +109,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const handleConfirm = () => {
       emit("update:show", false);
       emit("update:modelValue", selectedItems.value.map((item) => item.id));
-      setRecentSelectedUsers(selectedItems.value);
+      setRecentUsers(selectedItems.value);
     };
     const isSelected = (item) => {
       return selectedItems.value.some((s) => s.id === item.id);
@@ -162,8 +163,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, null) : recentSelectedHistory.value.map((historyItem) => (0, import_vue.createVNode)("div", {
         "key": historyItem.id,
         "onClick": () => handleHistorySelect(historyItem),
-        "class": "px-16px py-8px border-b border-[#eee]"
-      }, [(0, import_vue.createVNode)("span", null, [historyItem.selectedUsers.map((user) => highlightText(user.name, keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])])]))]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
+        "class": "py-8px border-b border-[#eee] flex items-center"
+      }, [(0, import_vue.createVNode)("span", {
+        "class": "flex-1"
+      }, [historyItem.selectedUsers.map((user) => highlightText(user.name, keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])]), (0, import_vue.createVNode)("span", {
+        "class": "p-4px pl-2",
+        "onClick": (e) => {
+          e.stopPropagation();
+          handleDeleteHistorySelect(historyItem);
+        }
+      }, [(0, import_vue.createVNode)(import_vant.Icon, {
+        "name": "delete-o"
+      }, null)])]))]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
         "class": "breadcrumb-nav"
       }, [deptPath.value.map((dept, index) => (0, import_vue.createVNode)("span", {
         "key": dept.id

package/lib/org-picker/_atomic.css

@@ -56,14 +56,16 @@
 .cgx-atm .flex{display:flex;}
 .cgx-atm .flex-1{flex:1 1 0%;}
 .cgx-atm .flex-col{flex-direction:column;}
+.cgx-atm .items-center{align-items:center;}
 .cgx-atm .overflow-auto{overflow:auto;}
 .cgx-atm .overflow-hidden{overflow:hidden;}
 .cgx-atm .border-b{border-bottom-width:1px;border-bottom-style:solid;}
 .cgx-atm .border-\[\#eee\]{--un-border-opacity:1;border-color:rgba(238,238,238,var(--un-border-opacity));}
-.cgx-atm .px-\[16px\],
-.cgx-atm .px-16px{padding-left:16px;padding-right:16px;}
+.cgx-atm .p-4px{padding:4px;}
+.cgx-atm .px-\[16px\]{padding-left:16px;padding-right:16px;}
 .cgx-atm .py-\[8px\],
 .cgx-atm .py-8px{padding-top:8px;padding-bottom:8px;}
+.cgx-atm .pl-2{padding-left:0.5rem;}
 .cgx-atm .text-center{text-align:center;}
 .cgx-atm .text-\[14px\]{font-size:14px;}
 .cgx-atm .leading-\[38px\]{line-height:38px;}

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 .highlight{color:var(--van-primary-color);font-weight:700}.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 .org-selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:68px;border-bottom:1px solid #eee}.org-list .org-selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0;position:relative}.org-list .org-selected-items .selected-tag .close-icon{position:absolute;top:0;right:0;z-index:1;background-color:#fff;border-radius:50%;border:1px solid #eee;width:10px;height:10px;display:flex;align-items:center;justify-content:center;font-size:6px;color:#969799}.org-list .org-selected-items .selected-tag .tag-avatar{width:40px;height:40px}.org-list .org-selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee;object-fit:contain}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .org-content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.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 .org-item-select-icon{display:none;padding-left:4px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item.selected .org-item-select-icon{display:inline}.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;object-fit:contain}.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}.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 .highlight{color:var(--van-primary-color);font-weight:700}.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 .org-selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:68px;border-bottom:1px solid #eee}.org-list .org-selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0;position:relative}.org-list .org-selected-items .selected-tag .close-icon{position:absolute;top:0;right:0;z-index:1;background-color:#fff;border-radius:50%;border:1px solid #eee;width:10px;height:10px;display:flex;align-items:center;justify-content:center;font-size:6px;color:#969799}.org-list .org-selected-items .selected-tag .tag-avatar{width:40px;height:40px}.org-list .org-selected-items .selected-tag .tag-avatar img{border-radius:4px;border:1px solid #eee;object-fit:contain}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .org-content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:4px}.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 .org-item-select-icon{display:none;padding-left:4px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item.selected .org-item-select-icon{display:inline}.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;object-fit:contain}.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}.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

@@ -98,6 +98,7 @@
     flex-direction: column;
     overflow: hidden;
     position: relative;
+    padding-top: 4px;
   }
 
   .feed-list-wrap {

package/lib/org-picker/useApi.d.ts

@@ -52,6 +52,7 @@ export declare const useApi: () => {
         id: string | number;
         name: string;
     }[]>;
+    deleteRecentSelectedUsers: (id: string) => Promise<void>;
     searchOrgList: import("lodash-es").DebouncedFunc<(userName: string) => Promise<void>>;
     getRecentSelectedUsers: () => Promise<RecentSelection[]>;
     setRecentSelectedUsers: (users: OrgItem[]) => Promise<void>;

package/lib/org-picker/useApi.js

@@ -126,6 +126,15 @@ const useApi = () => {
       console.error("Failed to set recent selected users history to localStorage", error);
     }
   });
+  const deleteRecentSelectedUsers = (id) => __async(void 0, null, function* () {
+    const history = yield getRecentSelectedUsers();
+    const updatedHistory = history.filter((item) => item.id !== id);
+    try {
+      yield (0, import_core.setStorage)(RECENT_SELECTED_USERS_KEY, JSON.parse(JSON.stringify(updatedHistory)));
+    } catch (error) {
+      console.error("Failed to delete recent selected users history to localStorage", error);
+    }
+  });
   return {
     userList,
     orgList,
@@ -133,6 +142,7 @@ const useApi = () => {
     getOrgList,
     currentDeptId,
     deptPath,
+    deleteRecentSelectedUsers,
     searchOrgList,
     getRecentSelectedUsers,
     setRecentSelectedUsers

package/lib/org-picker/useSearch.d.ts

@@ -1,7 +1,9 @@
 export declare function useSearch(props: any, api: any): {
     keyword: import("vue").Ref<string, string>;
     searchRef: import("vue").Ref<any, any>;
+    setRecentUsers: (users: any[]) => Promise<void>;
     renderSearchResult: ({ handleHistorySelect, isSelected, handleSelect }: any) => import("vue/jsx-runtime").JSX.Element;
+    handleDeleteHistorySelect: (item: any) => Promise<void>;
     filteredOrgList: import("vue").ComputedRef<any>;
     recentSelectedHistory: import("vue").Ref<any[], any[]>;
     filterRecentSelectedHistory: import("vue").Ref<any[], any[]>;

package/lib/org-picker/useSearch.js

@@ -50,6 +50,8 @@ function useSearch(props, api) {
     getOrgList,
     currentDeptId,
     searchOrgList,
+    setRecentSelectedUsers,
+    deleteRecentSelectedUsers,
     getRecentSelectedUsers
   } = api;
   const keyword = (0, import_vue2.ref)("");
@@ -59,6 +61,14 @@ function useSearch(props, api) {
   (0, import_vue2.watchEffect)(() => __async(this, null, function* () {
     recentSelectedHistory.value = yield getRecentSelectedUsers();
   }));
+  const setRecentUsers = (users) => __async(this, null, function* () {
+    yield setRecentSelectedUsers(users);
+    recentSelectedHistory.value = yield getRecentSelectedUsers();
+  });
+  const handleDeleteHistorySelect = (item) => __async(this, null, function* () {
+    yield deleteRecentSelectedUsers(item.id);
+    recentSelectedHistory.value = yield getRecentSelectedUsers();
+  });
   (0, import_vue2.watchEffect)(() => {
     if (keyword.value) {
       filterRecentSelectedHistory.value = recentSelectedHistory.value.filter((item) => item.selectedUsers.some((user) => keyword.value.split("").some((char) => user.name.includes(char))));
@@ -107,7 +117,7 @@ function useSearch(props, api) {
     }, [filterRecentSelectedHistory.value.length ? (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [(0, import_vue.createTextVNode)("\u6700\u8FD1\u9009\u62E9")]), (0, import_vue.createVNode)("div", {
-      "class": "recent-list-wrap flex-1 overflow-auto px-[16px] py-[8px]"
+      "class": "recent-list-wrap flex-1 overflow-auto py-[8px]"
     }, [filterRecentSelectedHistory.value.map((historyItem) => (0, import_vue.createVNode)("div", {
       "key": historyItem.id,
       "onClick": () => handleHistorySelect(historyItem),
@@ -135,7 +145,9 @@ function useSearch(props, api) {
   return {
     keyword,
     searchRef,
+    setRecentUsers,
     renderSearchResult,
+    handleDeleteHistorySelect,
     filteredOrgList,
     recentSelectedHistory,
     filterRecentSelectedHistory,

package/package.json

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