@ebiz/designer-components 0.0.18-beta.26 → 0.0.18-beta.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.0.18-beta.26",
+  "version": "0.0.18-beta.27",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/EbizRemoteSelect.vue

@@ -41,7 +41,9 @@ const props = defineProps({
      */
     queryParams: {
         type: Object,
-        default: () => ({})
+        default: () => ({
+            name: ''
+        })
     },
     /**
      * 是否多选
@@ -62,7 +64,7 @@ const props = defineProps({
      */
     clearable: {
         type: Boolean,
-        default: false
+        default: true
     },
     /**
      * 是否禁用
@@ -140,24 +142,29 @@ const focus = () => {
 
 defineExpose({
     focus,
-    selectRef
+    selectRef,
+    options
 });
 
 // 远程搜索处理函数
 const handleRemoteSearch = async (keyword) => {
     loading.value = true;
-    console.log('handleRemoteSearch', keyword);
     try {
         const params = {
             queryParams: {
                 ...queryParams.value,
-                keyword
+                name: keyword
             }
         };
-        const res = await dataService.fetch(params, props.apiConfig);
+        const res = await dataService.fetch(params, {
+            key: props.apiConfig.key,
+            apiId: props.apiConfig.apiId,
+            apiType: 'MULTIPLE_DATA_SEARCH'
+        });
         const { labelField, valueField } = props.optionsConfig;
 
         options.value = res.data.map(item => ({
+            ...item,
             label: labelField ? item[labelField] : (item.label || item.name),
             value: valueField ? item[valueField] : (item.value || item.id)
         }));
@@ -206,6 +213,7 @@ onMounted(async () => {
             const { labelField, valueField } = props.optionsConfig;
 
             options.value = res.data.map(item => ({
+                ...item,
                 label: labelField ? item[labelField] : (item.label || item.name),
                 value: valueField ? item[valueField] : (item.value || item.id)
             }));

package/src/index.js

@@ -50,6 +50,7 @@ import EbizDialog from "./components/TdesignDialog.vue";
 import EbizTable from "./components/EbizTable.vue";
 import EbizTableColumn from './components/EbizTableColumn.vue';
 import EbizTableSort from './components/EbizTableSort.vue';
+import EbizDetailBlock from './components/EbizDetailBlock.vue';
 import EbizTree from './components/EbizTree.vue';
 import { MessagePlugin as EbizMessage } from 'tdesign-vue-next';
 
@@ -153,6 +154,8 @@ export {
   EbizTableColumn,
   // 表格排序组件
   EbizTableSort,
+  // 详情块组件
+  EbizDetailBlock,
   // 树组件
   EbizTree
 };

package/src/router/index.js

@@ -256,6 +256,12 @@ const routes = [
     component: () => import('../views/TableSortDemo.vue'),
     meta: { title: 'Ebiz表格排序组件示例' }
   },
+  {
+    path: '/ebiz-detail-block',
+    name: 'EbizDetailBlock',
+    component: () => import('../views/EbizDetailBlockDemo.vue'),
+    meta: { title: 'Ebiz详情块组件示例' }
+  },
   {
     path: '/tree',
     name: 'Tree',

package/src/views/Home.vue

@@ -55,6 +55,7 @@ export default {
       { path: '/tdesign-alert', title: 'TDesign提示组件示例' },
       { path: '/tdesign-dialog', title: 'TDesign对话框组件示例' },
       { path: '/table-demo', title: 'Ebiz表格组件示例' },
+      { path: '/ebiz-detail-block', title: 'Ebiz详情块组件示例' },
       { path: '/table-column', title: 'Ebiz表格列组件示例' },
       { path: '/table-sort', title: 'Ebiz表格排序组件示例' },
       { path: '/tree', title: 'Ebiz树组件示例' }