@cgboiler/biz-mobile 1.2.0 → 1.4.0

package/es/project-select/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.project-list{height:90vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item:last-child{border-bottom:none}
+:root:root{--van-action-sheet-max-height: 100%}.project-list{height:85vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item:last-child{border-bottom:none}

package/es/project-select/index.less

@@ -2,7 +2,7 @@
   --van-action-sheet-max-height: 100%;
 }
 .project-list {
-  height: 90vh;
+  height: 85vh;
   display: flex;
   flex-direction: column;
 

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.1.2";
+export const version: "1.3.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.1.2";
+const version = "1.3.0";
 function install(app) {
   const components = [
     import_org_picker.default,

package/lib/org-picker/OrgPicker.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
@@ -24,6 +34,7 @@ var import_vue = require("vue");
 var import_atomic = require("./_atomic.css");
 var import_vue2 = require("vue");
 var import_vant = require("vant");
+var import_deptImg = __toESM(require("./components/deptImg"));
 var import_types = require("./types");
 var import_useApi = require("./useApi");
 var import_index = require("./index.css");
@@ -36,10 +47,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const {
       orgList,
-      getOrgList
+      getOrgList,
+      currentDeptId,
+      deptPath,
+      searchOrgList
     } = (0, import_useApi.useApi)();
     getOrgList();
     const handleSelect = (item) => {
+      if (item.type === "dept") {
+        getOrgList(item.id);
+        return;
+      }
       if (props.multiple) {
         const currentValue = props.modelValue ? [...Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]] : [];
         const index = currentValue.findIndex((selected) => selected.id === item.id);
@@ -60,10 +78,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const keyword = (0, import_vue2.ref)("");
     const loading = (0, import_vue2.ref)(false);
     const finished = (0, import_vue2.ref)(true);
+    (0, import_vue2.watch)(keyword, (newKeyword) => {
+      if (newKeyword) {
+        searchOrgList(newKeyword);
+      } else {
+        getOrgList(currentDeptId.value);
+      }
+    });
     const filteredOrgList = (0, import_vue2.computed)(() => {
-      return orgList.value.filter((item) => {
-        return item.name.toLowerCase().includes(keyword.value.toLowerCase());
-      }).slice(0, 300);
+      if (keyword.value) {
+        return orgList.value;
+      }
+      const departments = orgList.value.filter((item) => item.type === "dept");
+      const personnel = orgList.value.filter((item) => item.type !== "dept");
+      return [...personnel, ...departments];
     });
     const isSelected = (item) => {
       var _a;
@@ -92,7 +120,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "placeholder": "\u641C\u7D22\u4EBA\u5458",
         "class": "search-bar"
-      }, null), (0, import_vue.createVNode)(import_vant.List, {
+      }, null), !keyword.value && (0, import_vue.createVNode)("div", {
+        "class": "breadcrumb-nav"
+      }, [deptPath.value.map((dept, index) => (0, import_vue.createVNode)("span", {
+        "key": dept.id
+      }, [(0, import_vue.createVNode)("span", {
+        "class": ["dept-name", index === deptPath.value.length - 1 ? "current-dept" : ""],
+        "onClick": () => handleSelect({
+          id: dept.id,
+          type: "dept"
+        })
+      }, [dept.name]), index < deptPath.value.length - 1 && (0, import_vue.createVNode)("span", {
+        "class": "separator"
+      }, [(0, import_vue.createTextVNode)(" / ")])]))]), (0, import_vue.createVNode)("div", {
+        "class": "feed-list-wrap"
+      }, [(0, import_vue.createVNode)(import_vant.List, {
         "loading": loading.value,
         "finished": finished.value,
         "onLoad": onLoad
@@ -100,15 +142,32 @@ var stdin_default = (0, import_vue2.defineComponent)({
         default: () => [filteredOrgList.value.map((item) => (0, import_vue.createVNode)("div", {
           "class": ["org-item", isSelected(item) ? "selected" : ""],
           "onClick": () => handleSelect(item)
+        }, [item.type === "dept" ? (0, import_vue.createVNode)("div", {
+          "class": "org-avatar"
+        }, [(0, import_vue.createVNode)(import_deptImg.default, null, null)]) : (0, import_vue.createVNode)(import_vant.Image, {
+          "class": "org-avatar",
+          "src": item.avatar
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": "org-name"
+        }, [item.name])]))]
+      }), keyword.value && (0, import_vue.createVNode)(import_vant.List, {
+        "loading": loading.value,
+        "finished": finished.value,
+        "onLoad": onLoad,
+        "class": "search-result-list"
+      }, {
+        default: () => [filteredOrgList.value.filter((item) => item.type !== "dept").map((item) => (0, import_vue.createVNode)("div", {
+          "class": ["org-item", isSelected(item) ? "selected" : ""],
+          "onClick": () => handleSelect(item)
         }, [(0, import_vue.createVNode)(import_vant.Image, {
           "class": "org-avatar",
-          "width": "40",
-          "height": "40",
           "src": item.avatar
         }, null), (0, import_vue.createVNode)("div", {
           "class": "org-name"
         }, [item.name])]))]
-      }), props.multiple && (0, import_vue.createVNode)("div", {
+      }), keyword.value && filteredOrgList.value.filter((item) => item.type !== "dept").length === 0 && (0, import_vue.createVNode)("div", {
+        "class": "empty-search-result"
+      }, [(0, import_vue.createTextVNode)("\u672A\u627E\u5230\u76F8\u5173\u4EBA\u5458")])]), props.multiple && (0, import_vue.createVNode)("div", {
         "class": "bottom-section"
       }, [Array.isArray(props.modelValue) && props.modelValue.length > 0 && (0, import_vue.createVNode)("div", {
         "class": "selected-items"

package/lib/org-picker/components/_atomic.css

@@ -0,0 +1,32 @@
+
+.cgx-atm .flex {
+  align-items: initial;
+  flex-direction: initial;
+  justify-content: initial;
+  flex-wrap: initial;
+}
+.cgx-atm .flex-row {
+  flex-direction: row;
+}
+.cgx-atm .flex-col {
+  flex-direction: column;
+}
+.cgx-atm .justify-center {
+  justify-content: center;
+}
+.cgx-atm .justify-between {
+  justify-content: space-between;
+}
+.cgx-atm .justify-around {
+  justify-content: space-around;
+}
+.cgx-atm .justify-end {
+  justify-content: flex-end;
+}
+.cgx-atm .items-center {
+  align-items: center;
+}
+.cgx-atm .flex-wrap {
+  flex-wrap: wrap;
+}
+  

package/lib/org-picker/components/deptImg.d.ts

@@ -0,0 +1,2 @@
+declare const DeptImg: () => import("vue/jsx-runtime").JSX.Element;
+export default DeptImg;

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

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+const DeptImg = () => (0, import_vue.createVNode)("svg", {
+  "viewBox": "0 0 1204 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "p-id": "7601"
+}, [(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"
+}, 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"
+}, null)]);
+var stdin_default = DeptImg;

package/lib/org-picker/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.org-list{height:90vh;display:flex;flex-direction:column}.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 .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;border-radius:4px;overflow:hidden}.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: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}

package/lib/org-picker/index.less

@@ -2,10 +2,28 @@
   --van-action-sheet-max-height: 100%;
 }
 .org-list {
-  height: 90vh;
+  height: 85vh;
   display: flex;
   flex-direction: column;
 
+  .breadcrumb-nav {
+    margin-bottom: 4px;
+    padding: 2px 16px;
+    border-radius: 4px;
+    font-size: 12px;
+
+    .dept-name {
+      &.current-dept {
+        color: #969799; /* 提示文字颜色 */
+      }
+    }
+
+    .separator {
+      color: #969799;
+      margin: 0 4px;
+    }
+  }
+
   .search-bar {
     position: sticky;
     top: 0;
@@ -49,6 +67,24 @@
     padding: 0 16px;
   }
 
+  .feed-list-wrap {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+    position: relative;
+  }
+  .search-result-list {
+    position: absolute;
+    top: 0; /* Adjust based on search bar and breadcrumb height */
+    left: 0;
+    right: 0;
+    bottom: 0; /* Adjust based on bottom section height if multiple is true */
+    z-index: 1;
+    background-color: #fff; /* Ensure background is white */
+    overflow-y: auto;
+    padding: 0 16px;
+  }
+
   .org-item {
     padding: 12px 0;
     border-bottom: 1px solid #eee;
@@ -63,8 +99,15 @@
 
     .org-avatar {
       flex-shrink: 0;
-      border-radius: 4px;
-      overflow: hidden;
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      img {
+        border-radius: 4px;
+        border: 1px solid #eee;
+      }
     }
 
     .org-name {

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

@@ -2,6 +2,7 @@ import { ExtractPropTypes, PropType } from 'vue';
 export interface OrgItem {
     id: string | number;
     name: string;
+    type: string;
     avatar?: string;
 }
 export declare const orgPickerProps: {

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

@@ -3,11 +3,25 @@ export declare const useApi: () => {
     orgList: import("vue").Ref<{
         id: string | number;
         name: string;
+        type: string;
         avatar?: string | undefined;
     }[], OrgItem[] | {
         id: string | number;
         name: string;
+        type: string;
         avatar?: string | undefined;
     }[]>;
-    getOrgList: () => Promise<void>;
+    getOrgList: (deptId?: string) => Promise<void>;
+    currentDeptId: import("vue").Ref<string, string>;
+    deptPath: import("vue").Ref<{
+        id: string | number;
+        name: string;
+    }[], {
+        id: string | number;
+        name: string;
+    }[] | {
+        id: string | number;
+        name: string;
+    }[]>;
+    searchOrgList: import("lodash-es").DebouncedFunc<(userName: string) => Promise<void>>;
 };