@ebiz/designer-components 0.1.27 → 0.1.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/EbizEmployeeSelector.vue

@@ -110,16 +110,19 @@
             </div>
 
             <div class="employee-list">
-              <div v-for="(item, index) in filteredEmployeeList" :key="index" class="employee-item">
+              <div v-for="(item, index) in filteredEmployeeList" :key="index" class="employee-item" style="cursor: pointer;">
                 <t-checkbox v-model="item.checked" @change="handleCheckChange(item)"></t-checkbox>
-                <div class="employee-avatar">
-                  <t-avatar v-if="item.avatar" :image="item.avatar" size="small" />
-                  <t-avatar v-else size="small">{{ getAvatarText(item.name) }}</t-avatar>
-                </div>
-                <div class="employee-info">
-                  <div class="employee-code">{{ item.no }} - </div>
-                  <div class="employee-name">{{ item.name }}</div>
+                <div style="display: flex; align-items: center; gap: 10px; flex: 1;">
+                  <div class="employee-avatar">
+                    <t-avatar v-if="item.avatar" :image="item.avatar" size="small" />
+                    <t-avatar v-else size="small">{{ getAvatarText(item.name) }}</t-avatar>
+                  </div>
+                  <div class="employee-info">
+                    <div class="employee-code">{{ item.no }} - </div>
+                    <div class="employee-name">{{ item.name }}</div>
+                  </div>
                 </div>
+
               </div>
               <div v-if="filteredEmployeeList.length === 0" class="empty-data">
                 <t-empty />
@@ -176,6 +179,7 @@ import {
   MessagePlugin
 } from 'tdesign-vue-next';
 import dataService from '../apiService/simpleDataService';
+import { get } from 'lodash';
 
 // 定义组件属性
 const props = defineProps({
@@ -270,36 +274,37 @@ const getAvatarText = (name) => {
   return name ? name.substring(0, 1) : '';
 };
 
-// 处理组织数据，转换为树形结构
-const _processOrgData = (data) => {
-  // 转换数据结构为树形结构
-  const map = {};
-  const result = [];
-
-  data.forEach(item => {
-    map[item.id] = {
-      ...item,
-      name: item.name,
-      id: item.id,
-      children: []
-    };
-  });
-
-  data.forEach(item => {
-    const node = map[item.id];
-
-    if (item.manager_dept && map[item.manager_dept]) {
-      map[item.manager_dept].children.push(node);
-    } else {
-      // 只有在显示根组织或不存在父节点时才添加到结果中
-      if (props.showRootOrg || !item.manager_dept) {
-        result.push(node);
+const computedModelValue = computed({
+  set(val) {
+    if( props.single ){
+      if( val.length > 0 ){
+        emit("update:modelValue", val[0]);
+      }else{
+        emit("update:modelValue", "");
       }
+      return ;
     }
-  });
+    emit("update:modelValue", val);
+  },
+  get() {
 
-  return result;
-};
+    let value = props.modelValue
+    
+    if (props.single) {
+      value = props.modelValue ? [props.modelValue] : [];
+    }
+    value.forEach((val)=>{
+      return Number(val);
+    })
+
+    employeeList.value.forEach(emp => {
+      if (!value.includes(Number(emp.id))) {
+        emp.checked = false;
+      }
+    });
+    return value;
+  }
+});
 
 // 更新全选状态
 const updateSelectAllStatus = () => {
@@ -308,7 +313,7 @@ const updateSelectAllStatus = () => {
 
 const updateSelectStatus = () => {
   employeeList.value.forEach(item => {
-    item.checked = props.modelValue.includes(item.id);
+    item.checked = computedModelValue.value.includes(item.id);
   })
 }
 
@@ -320,28 +325,8 @@ const selectedEmployees = computed(() => {
 // 根据搜索文本过滤的员工列表
 const filteredEmployeeList = computed(() => {
   return employeeList.value
-
-  // if (!searchText.value) {
-  //   return employeeList.value;
-  // }
-
-  // const keyword = searchText.value.toLowerCase();
-  // return employeeList.value.filter((item) => {
-  //   return (
-  //     item.name.toLowerCase().includes(keyword) ||
-  //     (item.pinyin && item.pinyin.toLowerCase().includes(keyword)) ||
-  //     (item.code && item.code.toLowerCase().includes(keyword))
-  //   );
-  // });
 });
 
-const allData = ref([])
-
-const fetchAllData = async () => {
-  const response = await dataService.fetch({}, {}, '/process/deptList');
-  employeeList.value = response ?? [];
-}
-fetchAllData()
 
 // 获取组织架构数据
 const fetchOrganizationData = async () => {
@@ -520,7 +505,7 @@ const fetchEmployeesByIds = async (ids) => {
     selectedItems.value = [];
     return;
   }
-  if (props.single) {
+  if( !(ids instanceof Array) ){
     ids = [ids];
   }
 
@@ -628,14 +613,13 @@ const handleCheckChange = (item) => {
 // 移除已选择的项目
 const removeItem = (index, id) => {
   // 移除ID
-  const newIds = [...props.modelValue];
+  const newIds = [...computedModelValue.value];
   const idIndex = newIds.indexOf(id);
   if (idIndex !== -1) {
     newIds.splice(idIndex, 1);
     emit('update:modelValue', newIds);
     emit('change', newIds);
   }
-
   // 移除展示项
   selectedItems.value.splice(index, 1);
 };
@@ -695,17 +679,14 @@ const showDialog = () => {
 const handleConfirm = () => {
   const selectedEmployeeIds = tempSelectedEmployees.value.map(item => item.id);
 
+  computedModelValue.value = selectedEmployeeIds;
   if (props.single) {
-    emit('update:modelValue', selectedEmployeeIds[0]);
     emit('change', selectedEmployeeIds[0]);
     emit('confirm', selectedEmployeeIds[0]);
   } else {
-    emit('update:modelValue', selectedEmployeeIds);
     emit('change', selectedEmployeeIds);
     emit('confirm', selectedEmployeeIds);
-
   }
-
   dialogVisible.value = false;
 };
 
@@ -802,7 +783,7 @@ watch(searchText, (newValue) => {
 // 组件挂载时执行
 onMounted(() => {
   // 获取已选员工详情
-  fetchEmployeesByIds(props.modelValue);
+  fetchEmployeesByIds(computedModelValue.value);
 });
 
 // 处理搜索图标点击

package/src/components/senior/EbizSDialog/index.vue

@@ -274,7 +274,7 @@ const computedTitle = computed(() => {
     case 'add': return '添加数据';
     case 'delete': return '删除确认';
     case 'edit': return '编辑数据';
-    default: return '标题';
+    default: return '';
   }
 })
 

package/src/views/EbizEmployeeSelector.vue

@@ -5,7 +5,7 @@
     <div class="demo-section">
       <h3>基础用法</h3>
       <div class="demo-block">
-        <EbizEmployeeSelector v-model="selectedEmployees" />
+        <EbizEmployeeSelector v-model="selectedEmployees" single />
         
         <div class="demo-info" v-if="selectedEmployees.length > 0">
           <h4>已选员工：</h4>
@@ -23,7 +23,7 @@ import { EbizEmployeeSelector } from '../index.js';
 import { Button as TButton } from 'tdesign-vue-next';
 
 // 演示数据
-const selectedEmployees = ref([]);
+const selectedEmployees = ref("3176");
 const singleEmployee = ref([]);
 const roleEmployees = ref([]);
 const limitedEmployees = ref([]);