@ebiz/designer-components 0.0.47 → 0.0.48

package/src/components/EbizRouteBreadcrumb.vue

@@ -1,47 +1,47 @@
-<template>
-  <tiny-breadcrumb>
-    <tiny-breadcrumb-item :to="{ path: '/' }">首页</tiny-breadcrumb-item>
-    <tiny-breadcrumb-item
-      v-for="(item, index) in breadcrumbItems"
-      :key="index"
-      :to="item.path"
-    >
-      {{ item.title }}
-    </tiny-breadcrumb-item>
-  </tiny-breadcrumb>
-</template>
-
-<script>
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-import { TinyBreadcrumb, TinyBreadcrumbItem } from '@opentiny/vue'
-
-export default {
-  name: 'EbizRouteBreadcrumb',
-  components: {
-    TinyBreadcrumb,
-    TinyBreadcrumbItem
-  },
-  setup() {
-    const route = useRoute()
-    
-    const breadcrumbItems = computed(() => {
-      const matched = route.matched.filter(item => item.meta && item.meta.title)
-      return matched.map(item => ({
-        title: item.meta.title,
-        path: item.path
-      }))
-    })
-
-    return {
-      breadcrumbItems
-    }
-  }
-}
-</script>
-
-<style scoped>
-.tiny-breadcrumb {
-  margin: 16px 0;
-}
+<template>
+  <tiny-breadcrumb>
+    <tiny-breadcrumb-item :to="{ path: '/' }">首页</tiny-breadcrumb-item>
+    <tiny-breadcrumb-item
+      v-for="(item, index) in breadcrumbItems"
+      :key="index"
+      :to="item.path"
+    >
+      {{ item.title }}
+    </tiny-breadcrumb-item>
+  </tiny-breadcrumb>
+</template>
+
+<script>
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { TinyBreadcrumb, TinyBreadcrumbItem } from '@opentiny/vue'
+
+export default {
+  name: 'EbizRouteBreadcrumb',
+  components: {
+    TinyBreadcrumb,
+    TinyBreadcrumbItem
+  },
+  setup() {
+    const route = useRoute()
+    
+    const breadcrumbItems = computed(() => {
+      const matched = route.matched.filter(item => item.meta && item.meta.title)
+      return matched.map(item => ({
+        title: item.meta.title,
+        path: item.path
+      }))
+    })
+
+    return {
+      breadcrumbItems
+    }
+  }
+}
+</script>
+
+<style scoped>
+.tiny-breadcrumb {
+  margin: 16px 0;
+}
 </style> 

package/src/components/EbizSelect.vue

@@ -1,95 +1,95 @@
-<template>
-  <div>
-    <tiny-select
-      v-model="value3"
-      filterable
-      remote
-      :remote-config="{ autoSearch: true }"
-      :remote-method="remoteMethod3"
-      :loading="loading3"
-      loading-text="Loading..."
-      @change="onChange"
-    >
-      <tiny-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
-    </tiny-select>
-    
-  </div>
-</template>
-
-<script setup>
-import { onMounted, ref, toRefs} from 'vue'
-import { TinySelect, TinyOption } from '@opentiny/vue'
-import request from '@/apiService/simpleDataService';
-const props = defineProps({
-  apiConfig: {
-    type: Object,
-    default: {
-        apiId: null,
-        apiType: ''
-    }
-  }
-})
-const emit = defineEmits(['formSubmitted'])
-
-onMounted(() => {
-  remoteMethod3('')
-})
-
-const loading3 = ref(false)
-const value3 = ref('')
-const options3 = ref([])
-const list = ref([])
-
-{/* const url = ('http://192.168.0.247:9002/api/appdata/select') */}
-
-const { apiConfig } = toRefs(props);
-
-const remoteMethod3 = (query) => {
-  request.fetch({
-    "queryParams":{"name": query}
-  },{
-    apiId: apiConfig.value.apiId,
-  },'/appdata/select',).then((val) => {
-    console.log("val.data11111", val.data)
-    options3.value = val.data.map((item) => {
-      return { value: item.name, label: item.name }
-    })
-    console.log("options3.value", options3.value)
-
-  }).catch((err) => {
-    console.log("err111111", err)
-  })
-}
-const onChange = () => {
-  emit('formSubmitted', value3.value);
-}
-
-
-{/* const url = ('http://localhost:3000/admin/product/getHomeProList') */}
-
-
-{/* onMounted(async() => {
-    // await axios.get(url).then((val) => {
-    //     console.log('val', val.data.data)
-    //     list.value = val.data.data.map((item) => {
-    //         return { value: item.name, label: item.name }
-    //       })
-    // })
-
-
-    //  post请求  参数：  apiId: 372, queryParams: {"type": 1}
-    await axios.post(url, { apiId: params.apiId, queryParams: { type: 1 } }).then((val) => {
-      list.value = val.data.data.map((item) => {
-        return { value: item.name, label: item.name }
-      })
-    })
-
-}) */}
-
-</script>
-
-<style lang="less" scoped>
-.tiny-select {
-  width: 280px;
-}
-</style>
+<template>
+  <div>
+    <tiny-select
+      v-model="value3"
+      filterable
+      remote
+      :remote-config="{ autoSearch: true }"
+      :remote-method="remoteMethod3"
+      :loading="loading3"
+      loading-text="Loading..."
+      @change="onChange"
+    >
+      <tiny-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
+    </tiny-select>
+    
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, toRefs} from 'vue'
+import { TinySelect, TinyOption } from '@opentiny/vue'
+import request from '@/apiService/simpleDataService';
+const props = defineProps({
+  apiConfig: {
+    type: Object,
+    default: {
+        apiId: null,
+        apiType: ''
+    }
+  }
+})
+const emit = defineEmits(['formSubmitted'])
+
+onMounted(() => {
+  remoteMethod3('')
+})
+
+const loading3 = ref(false)
+const value3 = ref('')
+const options3 = ref([])
+const list = ref([])
+
+{/* const url = ('http://192.168.0.247:9002/api/appdata/select') */}
+
+const { apiConfig } = toRefs(props);
+
+const remoteMethod3 = (query) => {
+  request.fetch({
+    "queryParams":{"name": query}
+  },{
+    apiId: apiConfig.value.apiId,
+  },'/appdata/select',).then((val) => {
+    console.log("val.data11111", val.data)
+    options3.value = val.data.map((item) => {
+      return { value: item.name, label: item.name }
+    })
+    console.log("options3.value", options3.value)
+
+  }).catch((err) => {
+    console.log("err111111", err)
+  })
+}
+const onChange = () => {
+  emit('formSubmitted', value3.value);
+}
+
+
+{/* const url = ('http://localhost:3000/admin/product/getHomeProList') */}
+
+
+{/* onMounted(async() => {
+    // await axios.get(url).then((val) => {
+    //     console.log('val', val.data.data)
+    //     list.value = val.data.data.map((item) => {
+    //         return { value: item.name, label: item.name }
+    //       })
+    // })
+
+
+    //  post请求  参数：  apiId: 372, queryParams: {"type": 1}
+    await axios.post(url, { apiId: params.apiId, queryParams: { type: 1 } }).then((val) => {
+      list.value = val.data.data.map((item) => {
+        return { value: item.name, label: item.name }
+      })
+    })
+
+}) */}
+
+</script>
+
+<style lang="less" scoped>
+.tiny-select {
+  width: 280px;
+}
+</style>

package/src/components/EbizSpace.vue

@@ -1,101 +1,101 @@
-<script setup>
-import { ref, computed } from 'vue';
-import { Space } from 'tdesign-vue-next';
-
-/**
- * EbizSpace 间距组件
- * 基于 TDesign Space 组件封装
- * 用于控制相邻组件之间的间距
- */
-
-const props = defineProps({
-  /**
-   * 对齐方式
-   * @values start/end/center/baseline
-   */
-  align: {
-    type: String,
-    default: '',
-    validator: (val) => ['', 'start', 'end', 'center', 'baseline'].includes(val)
-  },
-  /**
-   * 是否自动换行，仅在 horizontal 时有效
-   */
-  breakLine: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * 间距方向
-   * @values vertical/horizontal
-   */
-  direction: {
-    type: String,
-    default: 'horizontal',
-    validator: (val) => ['vertical', 'horizontal'].includes(val)
-  },
-  /**
-   * 分隔符
-   */
-  separator: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  /**
-   * 间距大小
-   * @values small/medium/large 或具体数值
-   */
-  size: {
-    type: [String, Number, Array],
-    default: 'medium',
-    validator: (val) => {
-      if (typeof val === 'string') {
-        return ['small', 'medium', 'large'].includes(val);
-      }
-      return true;
-    }
-  }
-});
-
-defineEmits([]);
-
-const slots = defineSlots();
-
-/**
- * 计算尺寸大小
- */
-const sizeMap = {
-  small: '8px',
-  medium: '16px',
-  large: '24px'
-};
-
-const computedSize = computed(() => {
-  if (Array.isArray(props.size)) {
-    return props.size.map(item => {
-      if (typeof item === 'string' && sizeMap[item]) {
-        return sizeMap[item];
-      }
-      return item;
-    });
-  }
-
-  if (typeof props.size === 'string' && sizeMap[props.size]) {
-    return sizeMap[props.size];
-  }
-
-  return props.size;
-});
-</script>
-
-<template>
-  <Space
-    :align="align"
-    :breakLine="breakLine"
-    :direction="direction"
-    :separator="separator"
-    :size="computedSize"
-  >
-    <slot></slot>
-  </Space>
+<script setup>
+import { ref, computed } from 'vue';
+import { Space } from 'tdesign-vue-next';
+
+/**
+ * EbizSpace 间距组件
+ * 基于 TDesign Space 组件封装
+ * 用于控制相邻组件之间的间距
+ */
+
+const props = defineProps({
+  /**
+   * 对齐方式
+   * @values start/end/center/baseline
+   */
+  align: {
+    type: String,
+    default: '',
+    validator: (val) => ['', 'start', 'end', 'center', 'baseline'].includes(val)
+  },
+  /**
+   * 是否自动换行，仅在 horizontal 时有效
+   */
+  breakLine: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 间距方向
+   * @values vertical/horizontal
+   */
+  direction: {
+    type: String,
+    default: 'horizontal',
+    validator: (val) => ['vertical', 'horizontal'].includes(val)
+  },
+  /**
+   * 分隔符
+   */
+  separator: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  /**
+   * 间距大小
+   * @values small/medium/large 或具体数值
+   */
+  size: {
+    type: [String, Number, Array],
+    default: 'medium',
+    validator: (val) => {
+      if (typeof val === 'string') {
+        return ['small', 'medium', 'large'].includes(val);
+      }
+      return true;
+    }
+  }
+});
+
+defineEmits([]);
+
+const slots = defineSlots();
+
+/**
+ * 计算尺寸大小
+ */
+const sizeMap = {
+  small: '8px',
+  medium: '16px',
+  large: '24px'
+};
+
+const computedSize = computed(() => {
+  if (Array.isArray(props.size)) {
+    return props.size.map(item => {
+      if (typeof item === 'string' && sizeMap[item]) {
+        return sizeMap[item];
+      }
+      return item;
+    });
+  }
+
+  if (typeof props.size === 'string' && sizeMap[props.size]) {
+    return sizeMap[props.size];
+  }
+
+  return props.size;
+});
+</script>
+
+<template>
+  <Space
+    :align="align"
+    :breakLine="breakLine"
+    :direction="direction"
+    :separator="separator"
+    :size="computedSize"
+  >
+    <slot></slot>
+  </Space>
 </template>