@ebiz/designer-components 0.0.58 → 0.0.59

package/src/components/EbizRouteBreadcrumb.vue

@@ -1,47 +1,47 @@
-<template>
-  <t-breadcrumb>
-    <t-breadcrumb-item :to="{ path: '/' }">首页</t-breadcrumb-item>
-    <t-breadcrumb-item
-      v-for="(item, index) in breadcrumbItems"
-      :key="index"
-      :to="item.path"
-    >
-      {{ item.title }}
-    </t-breadcrumb-item>
-  </t-breadcrumb>
-</template>
-
-<script>
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-import { Breadcrumb as TBreadcrumb, BreadcrumbItem as TBreadcrumbItem } from 'tdesign-vue-next'
-
-export default {
-  name: 'EbizRouteBreadcrumb',
-  components: {
-    TBreadcrumb,
-    TBreadcrumbItem
-  },
-  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>
-.t-breadcrumb {
-  margin: 16px 0;
-}
+<template>
+  <t-breadcrumb>
+    <t-breadcrumb-item :to="{ path: '/' }">首页</t-breadcrumb-item>
+    <t-breadcrumb-item
+      v-for="(item, index) in breadcrumbItems"
+      :key="index"
+      :to="item.path"
+    >
+      {{ item.title }}
+    </t-breadcrumb-item>
+  </t-breadcrumb>
+</template>
+
+<script>
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { Breadcrumb as TBreadcrumb, BreadcrumbItem as TBreadcrumbItem } from 'tdesign-vue-next'
+
+export default {
+  name: 'EbizRouteBreadcrumb',
+  components: {
+    TBreadcrumb,
+    TBreadcrumbItem
+  },
+  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>
+.t-breadcrumb {
+  margin: 16px 0;
+}
 </style> 

package/src/components/EbizSelect.vue

@@ -1,85 +1,85 @@
-<template>
-  <div>
-    <t-select
-      v-model="selectedValue"
-      filterable
-      :loading="loading"
-      loading-text="Loading..."
-      :remote="true"
-      @search="remoteSearch"
-      @change="onChange"
-      style="width: 280px;"
-    >
-      <t-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-    </t-select>
-  </div>
-</template>
-
-<script setup>
-import { onMounted, ref, toRefs } from 'vue'
-import { Select as TSelect, Option as TOption } from 'tdesign-vue-next'
-import request from '@/apiService/simpleDataService';
-
-const props = defineProps({
-  apiConfig: {
-    type: Object,
-    default: () => ({
-      apiId: null,
-      apiType: ''
-    })
-  }
-})
-
-const emit = defineEmits(['formSubmitted'])
-
-const loading = ref(false)
-const selectedValue = ref('')
-const options = ref([])
-
-const { apiConfig } = toRefs(props);
-
-const remoteSearch = (query) => {
-  if (!apiConfig.value.apiId) return;
-  
-  loading.value = true;
-  request.fetch({
-    "queryParams": { "name": query }
-  }, {
-    apiId: apiConfig.value.apiId,
-  }, '/appdata/select')
-    .then((val) => {
-      options.value = val.data.map((item) => {
-        return { value: item.name, label: item.name }
-      })
-    })
-    .catch((_err) => {
-      // 错误处理
-    })
-    .finally(() => {
-      loading.value = false;
-    });
-}
-
-const onChange = () => {
-  emit('formSubmitted', selectedValue.value);
-}
-
-// 初始加载数据
-onMounted(() => {
-  remoteSearch('');
-})
-</script>
-
-<style lang="less" scoped>
-/* TDesign主题样式定制 */
-:deep(.t-select) {
-  &.t-is-focused {
-    border-color: #5e7ce0;
-  }
-}
-
-:deep(.t-select__panel) {
-  max-height: 300px;
-  overflow-y: auto;
-}
-</style>
+<template>
+  <div>
+    <t-select
+      v-model="selectedValue"
+      filterable
+      :loading="loading"
+      loading-text="Loading..."
+      :remote="true"
+      @search="remoteSearch"
+      @change="onChange"
+      style="width: 280px;"
+    >
+      <t-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+    </t-select>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, toRefs } from 'vue'
+import { Select as TSelect, Option as TOption } from 'tdesign-vue-next'
+import request from '@/apiService/simpleDataService';
+
+const props = defineProps({
+  apiConfig: {
+    type: Object,
+    default: () => ({
+      apiId: null,
+      apiType: ''
+    })
+  }
+})
+
+const emit = defineEmits(['formSubmitted'])
+
+const loading = ref(false)
+const selectedValue = ref('')
+const options = ref([])
+
+const { apiConfig } = toRefs(props);
+
+const remoteSearch = (query) => {
+  if (!apiConfig.value.apiId) return;
+  
+  loading.value = true;
+  request.fetch({
+    "queryParams": { "name": query }
+  }, {
+    apiId: apiConfig.value.apiId,
+  }, '/appdata/select')
+    .then((val) => {
+      options.value = val.data.map((item) => {
+        return { value: item.name, label: item.name }
+      })
+    })
+    .catch((_err) => {
+      // 错误处理
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+}
+
+const onChange = () => {
+  emit('formSubmitted', selectedValue.value);
+}
+
+// 初始加载数据
+onMounted(() => {
+  remoteSearch('');
+})
+</script>
+
+<style lang="less" scoped>
+/* TDesign主题样式定制 */
+:deep(.t-select) {
+  &.t-is-focused {
+    border-color: #5e7ce0;
+  }
+}
+
+:deep(.t-select__panel) {
+  max-height: 300px;
+  overflow-y: auto;
+}
+</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>