@ebiz/designer-components 0.0.57 → 0.0.59

package/src/components/EbizDescriptionsItem.vue

@@ -1,48 +1,48 @@
-<template>
-  <div>
-    <slot></slot>
-  </div>
-</template>
-
-<script setup>
-import { defineProps } from 'vue';
-
-defineProps({
-  label: {
-    type: String,
-    default: ''
-  },
-  span: {
-    type: Number,
-    default: 1
-  },
-  className: {
-    type: String,
-    default: ''
-  },
-  labelClassName: {
-    type: String,
-    default: ''
-  },
-  contentClassName: {
-    type: String,
-    default: ''
-  },
-  layout: {
-    type: String,
-    default: '',
-    validator(val) {
-      if (!val) return true;
-      return ['horizontal', 'vertical'].includes(val);
-    }
-  }
-});
-</script>
-
-<style scoped>
-.ebiz-descriptions-item {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-}
+<template>
+  <div>
+    <slot></slot>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+defineProps({
+  label: {
+    type: String,
+    default: ''
+  },
+  span: {
+    type: Number,
+    default: 1
+  },
+  className: {
+    type: String,
+    default: ''
+  },
+  labelClassName: {
+    type: String,
+    default: ''
+  },
+  contentClassName: {
+    type: String,
+    default: ''
+  },
+  layout: {
+    type: String,
+    default: '',
+    validator(val) {
+      if (!val) return true;
+      return ['horizontal', 'vertical'].includes(val);
+    }
+  }
+});
+</script>
+
+<style scoped>
+.ebiz-descriptions-item {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
 </style> 

package/src/components/EbizDetailBlock.vue

@@ -1,82 +1,82 @@
-<template>
-    <div class="ebiz-detail-block">
-        <t-row v-for="(item, index) in detailItems" :key="index" class="detail-item">
-            <t-col :span="6" class="label" :style="labelStyle">{{ item.label }}</t-col>
-            <t-col :span="18" class="value" :style="valueStyle">{{ item.value }}</t-col>
-        </t-row>
-    </div>
-</template>
-
-<script lang="js" setup>
-import { computed, toRefs } from 'vue'
-import { Row as TRow, Col as TCol } from 'tdesign-vue-next'
-
-const props = defineProps({
-    model: {
-        type: Object,
-        default: () => { }
-    },
-    labelMap: {
-        type: Object,
-        default: () => { }
-    },
-    gap: {
-        type: [String, Number],
-        default: '0'
-    },
-    labelSize: {
-        type: [String, Number],
-        default: '14'
-    },
-    labelColor: {
-        type: String,
-        default: '#86909C'
-    },
-    valueSize: {
-        type: [String, Number],
-        default: '14'
-    },
-    valueColor: {
-        type: String,
-        default: '#0A0A0A'
-    }
-})
-
-const { model, labelMap, gap, labelSize, labelColor, valueSize, valueColor } = toRefs(props)
-
-const labelStyle = computed(() => ({
-    fontSize: typeof labelSize.value === 'number' ? `${labelSize.value}px` : labelSize.value,
-    color: labelColor.value,
-    marginBottom: typeof gap.value === 'number' ? `${gap.value}px` : gap.value
-}))
-
-const valueStyle = computed(() => ({
-    fontSize: typeof valueSize.value === 'number' ? `${valueSize.value}px` : valueSize.value,
-    color: valueColor.value
-}))
-
-const detailItems = computed(() => {
-    return Object.entries(model.value).map(([key, value]) => ({
-        label: labelMap.value[key] || key,
-        value: value || '--'
-    }))
-})
-</script>
-
-<style scoped>
-.ebiz-detail-block {
-    padding: 16px;
-}
-
-.detail-item {
-    line-height: 32px;
-}
-
-.label {
-    width: 50%;
-}
-
-.value {
-    width: 50%;
-}
+<template>
+    <div class="ebiz-detail-block">
+        <t-row v-for="(item, index) in detailItems" :key="index" class="detail-item">
+            <t-col :span="6" class="label" :style="labelStyle">{{ item.label }}</t-col>
+            <t-col :span="18" class="value" :style="valueStyle">{{ item.value }}</t-col>
+        </t-row>
+    </div>
+</template>
+
+<script lang="js" setup>
+import { computed, toRefs } from 'vue'
+import { Row as TRow, Col as TCol } from 'tdesign-vue-next'
+
+const props = defineProps({
+    model: {
+        type: Object,
+        default: () => { }
+    },
+    labelMap: {
+        type: Object,
+        default: () => { }
+    },
+    gap: {
+        type: [String, Number],
+        default: '0'
+    },
+    labelSize: {
+        type: [String, Number],
+        default: '14'
+    },
+    labelColor: {
+        type: String,
+        default: '#86909C'
+    },
+    valueSize: {
+        type: [String, Number],
+        default: '14'
+    },
+    valueColor: {
+        type: String,
+        default: '#0A0A0A'
+    }
+})
+
+const { model, labelMap, gap, labelSize, labelColor, valueSize, valueColor } = toRefs(props)
+
+const labelStyle = computed(() => ({
+    fontSize: typeof labelSize.value === 'number' ? `${labelSize.value}px` : labelSize.value,
+    color: labelColor.value,
+    marginBottom: typeof gap.value === 'number' ? `${gap.value}px` : gap.value
+}))
+
+const valueStyle = computed(() => ({
+    fontSize: typeof valueSize.value === 'number' ? `${valueSize.value}px` : valueSize.value,
+    color: valueColor.value
+}))
+
+const detailItems = computed(() => {
+    return Object.entries(model.value).map(([key, value]) => ({
+        label: labelMap.value[key] || key,
+        value: value || '--'
+    }))
+})
+</script>
+
+<style scoped>
+.ebiz-detail-block {
+    padding: 16px;
+}
+
+.detail-item {
+    line-height: 32px;
+}
+
+.label {
+    width: 50%;
+}
+
+.value {
+    width: 50%;
+}
 </style>