@ebiz/designer-components 0.0.18-beta.29 → 0.0.18-beta.30

package/package.json

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

package/src/apiService/simpleDataService.js

@@ -6,6 +6,7 @@
 
 import axios from 'axios'
 import { TinyNotify } from '@opentiny/vue'
+
 // 从环境变量获取API基础URL
 const API_BASE_URL = 'http://' + window.location.host + '/api'
 
@@ -175,7 +176,7 @@ const dataService = {
     }
     params.apiId = apiConfig.apiId
     if (apiConfig.key) {
-      params.key = apiConfig.key
+      params.apiKey = apiConfig.key
     }
 
     const config = { ...defaultConfig, ...restConfig }

package/src/components/EbizTree.vue

@@ -5,9 +5,6 @@
     :value="modelValue"
     :expanded="expandedModel"
     :actived="activedModel"
-    :transition="transition"
-    :disable-check="disableCheck"
-    :keys="keys"
     @change="handleChange"
     @expand="handleExpand"
     @active="handleActive"
@@ -66,25 +63,6 @@ const props = defineProps({
   items: {
     type: Array,
     default: () => []
-  },
-  // 是否启用过渡动画
-  transition: {
-    type: Boolean,
-    default: false
-  },
-  // 自定义节点禁用状态，返回true表示禁用
-  disableCheck: {
-    type: Function,
-    default: null
-  },
-  // 自定义节点数据中的字段名称
-  keys: {
-    type: Object,
-    default: () => ({
-      label: 'label',
-      value: 'value',
-      children: 'children'
-    })
   }
 });
 

package/src/index.js

@@ -52,7 +52,6 @@ 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 EbizTreeSelector from './components/EbizTreeSelector.vue';
 import { MessagePlugin as EbizMessage } from 'tdesign-vue-next';
 
 // 导入简洁数据服务
@@ -158,6 +157,5 @@ export {
   // 详情块组件
   EbizDetailBlock,
   // 树组件
-  EbizTree,
-  EbizTreeSelector
+  EbizTree
 };

package/src/router/index.js

@@ -267,20 +267,6 @@ const routes = [
     name: 'Tree',
     component: () => import('../views/TreeDemo.vue'),
     meta: { title: 'Ebiz树组件示例' }
-  },
-  {
-    path: '/tree-demo',
-    name: 'TreeDemo',
-    component: () => import('../views/TreeDemo.vue'),
-    meta: { title: 'Ebiz树组件示例' }
-  },
-  {
-    path: '/tree-selector-demo',
-    name: 'TreeSelectorDemo',
-    component: () => import('../views/TreeSelectorDemo.vue'),
-    meta: {
-      title: '树形选择器'
-    }
   }
 ]
 

package/src/views/Home.vue

@@ -1,22 +1,12 @@
 <template>
   <div class="home">
-    <h1>Ebiz 组件库</h1>
+    <h1>组件库示例</h1>
     <div class="component-list">
       <div v-for="(item, index) in components" :key="index" class="component-item">
         <router-link :to="item.path" class="component-link">
           {{ item.title }}
         </router-link>
       </div>
-      
-      <router-link to="/tree-demo" class="component-item">
-        <div class="component-title">树组件</div>
-        <div class="component-desc">用于展示层级结构和操作的组件</div>
-      </router-link>
-      
-      <router-link to="/tree-selector-demo" class="component-item">
-        <div class="component-title">树形选择器</div>
-        <div class="component-desc">基于树组件的选择器，支持搜索和多选</div>
-      </router-link>
     </div>
   </div>
 </template>
@@ -106,18 +96,4 @@ export default {
 .component-link:hover {
   color: #1890ff;
 }
-
-.component-title {
-  font-size: 16px;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
-
-.component-desc {
-  font-size: 14px;
-}
-
-.component-item:hover {
-  background-color: #e6e6e6;
-}
 </style> 

package/src/views/TreeDemo.vue

@@ -1,63 +1,62 @@
 <template>
   <div class="tree-demo">
     <h1>树组件示例</h1>
-
+    
     <h2>基础树</h2>
     <div class="demo-section">
       <EbizTree :items="treeData" />
     </div>
-
+    
     <h2>可选择的树</h2>
     <div class="demo-section">
-      <EbizTree :items="treeData" checkable v-model="checkedValue" @change="handleChange" />
+      <EbizTree 
+        :items="treeData" 
+        checkable 
+        v-model="checkedValue" 
+        @change="handleChange"
+      />
       <div class="result-panel">
         <p>当前选中值: {{ checkedValue.join(', ') }}</p>
       </div>
     </div>
-
-    <h2>带禁用节点的树</h2>
-    <div class="demo-section">
-      <EbizTree :items="treeData" checkable :disable-check="disableTreeNode" />
-      <div class="description">
-        <p>通过 disableCheck 函数自定义禁用节点，所有值为"1.1"的节点无法被勾选</p>
-      </div>
-    </div>
-
+    
     <h2>带连接线的树</h2>
     <div class="demo-section">
-      <EbizTree :items="treeData" line v-model:expanded="expandedNodes" />
-    </div>
-
-    <h2>启用动画效果的树</h2>
-    <div class="demo-section">
-      <EbizTree :items="treeData" line :transition="true" />
-      <div class="description">
-        <p>启用节点展开/收起的过渡动画效果</p>
-      </div>
+      <EbizTree 
+        :items="treeData" 
+        line 
+        v-model:expanded="expandedNodes"
+      />
     </div>
-
+    
     <h2>可拖拽的树</h2>
     <div class="demo-section">
       <EbizTree 
         :items="treeData" 
-        draggable
+        draggable 
         @drag-drop="handleDragDrop"
       />
     </div>
     
     <h2>自定义图标的树</h2>
     <div class="demo-section">
-      <EbizTree :items="treeData" line>
+      <EbizTree 
+        :items="treeData" 
+        line
+      >
         <template #icon="{ node }">
           <span v-if="node.children && node.children.length">📁</span>
           <span v-else>📄</span>
         </template>
       </EbizTree>
     </div>
-
+    
     <h2>节点操作</h2>
     <div class="demo-section">
-      <EbizTree :items="operableTreeData" line>
+      <EbizTree 
+        :items="operableTreeData" 
+        line
+      >
         <template #operations="{ node }">
           <div class="node-operations">
             <button @click.stop="addChildNode(node)">添加</button>
@@ -115,11 +114,6 @@ const treeData = ref([
   }
 ]);
 
-// 禁用特定节点选择的函数
-const disableTreeNode = (node) => {
-  return node.value === '1.1';
-};
-
 // 可操作的树数据
 const operableTreeData = ref([
   {
@@ -245,11 +239,5 @@ const removeNodeByValue = (nodes, value) => {
       }
     }
   }
-  
-  .description {
-    margin-top: 10px;
-    color: #666;
-    font-size: 14px;
-  }
 }
 </style>