@ebiz/designer-components 0.0.41 → 0.0.45

package/package.json

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

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

@@ -42,7 +42,7 @@
                     </div>
                 </div>
                 <div style="margin-top: 8px;">
-                    <slot :data="data"></slot>
+                    <slot :data="computedData"></slot>
                 </div>
             </div>
 
@@ -79,24 +79,30 @@ const refreshing = ref(false)
 const total = ref(0)
 const pageSizeOptions = ref([10, 20, 50, 100])
 
-const data = ref([
-    {
-        id: 1,
-        name: '张三',
-        age: 18,
-        gender: '男',
-        address: '北京市海淀区'
-    },
-    {
-        id: 2,
-        name: '李四',
-        age: 20,
-        gender: '女',
-        address: '北京市朝阳区'
-    }
-]);
+const data = ref();
 
 const props = defineProps({
+    showDemoData: {
+        type: Boolean,
+        default: true
+    },
+    demoData: {
+        type: Array,
+        default: () => [{
+            id: 1,
+            name: '张三',
+            age: 18,
+            gender: '男',
+            address: '北京市海淀区'
+        },
+            {
+                id: 2,
+                name: '李四',
+                age: 20,
+                gender: '女',
+                address: '北京市朝阳区'
+            }]
+    },
     showPageHeader: {
         type: Boolean,
         default: true
@@ -173,6 +179,18 @@ const props = defineProps({
     }
 });
 
+const computedData = computed(() => {
+    const developMode = window.localStorage.getItem('ebiz-develop-mode')
+    if (developMode === 'designer') {
+        if (props.showDemoData) {
+            return props.demoData
+        }
+        return [];
+    }
+    return data.value
+})
+
+
 const defaultFormData = ref({ ...props.formData })
 const searchValue = ref('')
 

package/src/components/senior/EbizSForm/item.vue

@@ -24,9 +24,32 @@
 
         <!-- 选择器 -->
         <template v-else-if="type === 'select'">
-            <t-select v-model="computedModelValue" :options="options" :placeholder="placeholder || '请选择'"
-                :disabled="disabled" :clearable="clearable" :filterable="filterable" :multiple="multiple"
-                :loading="loading" @change="handleChange" />
+            <template v-if="isRemote">
+                <ebiz-remote-select
+                    v-model="computedModelValue"
+                    :placeholder="placeholder || '请选择'"
+                    :disabled="disabled"
+                    :clearable="clearable"
+                    :filterable="filterable"
+                    :multiple="multiple"
+                    :loading="loading"
+                    :remote-api-config="remoteApiConfig"
+                    @change="handleChange"
+                />
+            </template>
+            <template v-else>
+                <t-select
+                    v-model="computedModelValue"
+                    :options="options"
+                    :placeholder="placeholder || '请选择'"
+                    :disabled="disabled"
+                    :clearable="clearable"
+                    :filterable="filterable"
+                    :multiple="multiple"
+                    :loading="loading"
+                    @change="handleChange"
+                />
+            </template>
         </template>
 
         <!-- 日期选择器 -->
@@ -134,6 +157,7 @@ import {
     TreeSelect as TTreeSelect,
     ColorPicker as TColorPicker
 } from 'tdesign-vue-next';
+import EbizRemoteSelect from '../../EbizRemoteSelect.vue';
 
 const props = defineProps({
     /**
@@ -436,6 +460,27 @@ const props = defineProps({
         type: String,
         default: 'file',
         validator: (val) => ['file', 'image', 'image-flow'].includes(val)
+    },
+    /**
+     * 是否开启远程搜索
+     */
+    isRemote: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 远程搜索配置
+     */
+    remoteApiConfig: {
+        type: Object,
+        default: () => ({
+            url: '',
+            method: 'GET',
+            params: {},
+            data: {},
+            headers: {},
+            transformResponse: null
+        })
     }
 });