@ebiz/designer-components 0.0.48 → 0.0.50

package/src/components/TdesignCard.vue

@@ -1,196 +1,196 @@
-<template>
-  <td-card
-    :actions="actions"
-    :avatar="avatar"
-    :bordered="bordered"
-    :cover="cover"
-    :description="description"
-    :footer="footer"
-    :header="header"
-    :headerBordered="headerBordered"
-    :hoverShadow="hoverShadow"
-    :loading="loading"
-    :loadingProps="loadingProps"
-    :shadow="shadow"
-    :size="size"
-    :status="status"
-    :subtitle="subtitle"
-    :theme="theme"
-    :title="title"
-    @click="handleClick"
-  >
-    <!-- 操作区域插槽 -->
-    <template v-if="$slots.actions" #actions>
-      <slot name="actions"></slot>
-    </template>
-    
-    <!-- 头像插槽 -->
-    <template v-if="$slots.avatar" #avatar>
-      <slot name="avatar"></slot>
-    </template>
-    
-    <!-- 内容插槽 -->
-    <template v-if="$slots.content" #content>
-      <slot name="content"></slot>
-    </template>
-    
-    <!-- 封面图插槽 -->
-    <template v-if="$slots.cover" #cover>
-      <slot name="cover"></slot>
-    </template>
-    
-    <!-- 默认内容插槽 -->
-    <template v-if="$slots.default" #default>
-      <slot name="default"></slot>
-    </template>
-    
-    <!-- 描述文案插槽 -->
-    <template v-if="$slots.description" #description>
-      <slot name="description"></slot>
-    </template>
-    
-    <!-- 底部内容插槽 -->
-    <template v-if="$slots.footer" #footer>
-      <slot name="footer"></slot>
-    </template>
-    
-    <!-- 顶部内容插槽 -->
-    <template v-if="$slots.header" #header>
-      <slot name="header"></slot>
-    </template>
-    
-    <!-- 加载状态插槽 -->
-    <template v-if="$slots.loading" #loading>
-      <slot name="loading"></slot>
-    </template>
-    
-    <!-- 副标题插槽 -->
-    <template v-if="$slots.subtitle" #subtitle>
-      <slot name="subtitle"></slot>
-    </template>
-    
-    <!-- 标题插槽 -->
-    <template v-if="$slots.title" #title>
-      <slot name="title"></slot>
-    </template>
-    
-    <!-- 默认插槽 -->
-    <slot></slot>
-  </td-card>
-</template>
-
-<script>
-export default {
-  name: "EbizTdesignCard"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { Card as TdCard } from 'tdesign-vue-next';
-
-defineProps({
-  // 卡片操作区
-  actions: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片中的用户头像，仅在海报风格的卡片中有效
-  avatar: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 是否有边框
-  bordered: {
-    type: Boolean,
-    default: true
-  },
-  // 卡片内容
-  content: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片封面图
-  cover: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片描述文案
-  description: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片底部内容，可完全自定义
-  footer: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片顶部内容，优先级高于其他所有元素
-  header: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 头部是否带分割线，仅在有header时有效
-  headerBordered: {
-    type: Boolean,
-    default: false
-  },
-  // hover时是否有阴影
-  hoverShadow: {
-    type: Boolean,
-    default: false
-  },
-  // 加载状态
-  loading: {
-    type: [Boolean, Object, Function],
-    default: false
-  },
-  // 透传加载组件(Loading)全部属性
-  loadingProps: {
-    type: Object,
-    default: () => ({})
-  },
-  // 是否显示卡片阴影
-  shadow: {
-    type: Boolean,
-    default: false
-  },
-  // 尺寸
-  size: {
-    type: String,
-    default: 'medium',
-    validator: (val) => ['medium', 'small'].includes(val)
-  },
-  // 卡片状态内容，仅在操作区域不在顶部时有效（即 theme=poster2）
-  status: {
-    type: String,
-    default: ''
-  },
-  // 卡片副标题
-  subtitle: {
-    type: [String, Object, Function],
-    default: ''
-  },
-  // 卡片风格
-  theme: {
-    type: String,
-    default: 'normal',
-    validator: (val) => ['normal', 'poster1', 'poster2'].includes(val)
-  },
-  // 卡片标题
-  title: {
-    type: [String, Object, Function],
-    default: ''
-  }
-});
-
-const emit = defineEmits(['click']);
-
-const handleClick = (e) => {
-  emit('click', e);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+  <td-card
+    :actions="actions"
+    :avatar="avatar"
+    :bordered="bordered"
+    :cover="cover"
+    :description="description"
+    :footer="footer"
+    :header="header"
+    :headerBordered="headerBordered"
+    :hoverShadow="hoverShadow"
+    :loading="loading"
+    :loadingProps="loadingProps"
+    :shadow="shadow"
+    :size="size"
+    :status="status"
+    :subtitle="subtitle"
+    :theme="theme"
+    :title="title"
+    @click="handleClick"
+  >
+    <!-- 操作区域插槽 -->
+    <template v-if="$slots.actions" #actions>
+      <slot name="actions"></slot>
+    </template>
+    
+    <!-- 头像插槽 -->
+    <template v-if="$slots.avatar" #avatar>
+      <slot name="avatar"></slot>
+    </template>
+    
+    <!-- 内容插槽 -->
+    <template v-if="$slots.content" #content>
+      <slot name="content"></slot>
+    </template>
+    
+    <!-- 封面图插槽 -->
+    <template v-if="$slots.cover" #cover>
+      <slot name="cover"></slot>
+    </template>
+    
+    <!-- 默认内容插槽 -->
+    <template v-if="$slots.default" #default>
+      <slot name="default"></slot>
+    </template>
+    
+    <!-- 描述文案插槽 -->
+    <template v-if="$slots.description" #description>
+      <slot name="description"></slot>
+    </template>
+    
+    <!-- 底部内容插槽 -->
+    <template v-if="$slots.footer" #footer>
+      <slot name="footer"></slot>
+    </template>
+    
+    <!-- 顶部内容插槽 -->
+    <template v-if="$slots.header" #header>
+      <slot name="header"></slot>
+    </template>
+    
+    <!-- 加载状态插槽 -->
+    <template v-if="$slots.loading" #loading>
+      <slot name="loading"></slot>
+    </template>
+    
+    <!-- 副标题插槽 -->
+    <template v-if="$slots.subtitle" #subtitle>
+      <slot name="subtitle"></slot>
+    </template>
+    
+    <!-- 标题插槽 -->
+    <template v-if="$slots.title" #title>
+      <slot name="title"></slot>
+    </template>
+    
+    <!-- 默认插槽 -->
+    <slot></slot>
+  </td-card>
+</template>
+
+<script>
+export default {
+  name: "EbizTdesignCard"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { Card as TdCard } from 'tdesign-vue-next';
+
+defineProps({
+  // 卡片操作区
+  actions: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片中的用户头像，仅在海报风格的卡片中有效
+  avatar: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 是否有边框
+  bordered: {
+    type: Boolean,
+    default: true
+  },
+  // 卡片内容
+  content: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片封面图
+  cover: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片描述文案
+  description: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片底部内容，可完全自定义
+  footer: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片顶部内容，优先级高于其他所有元素
+  header: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 头部是否带分割线，仅在有header时有效
+  headerBordered: {
+    type: Boolean,
+    default: false
+  },
+  // hover时是否有阴影
+  hoverShadow: {
+    type: Boolean,
+    default: false
+  },
+  // 加载状态
+  loading: {
+    type: [Boolean, Object, Function],
+    default: false
+  },
+  // 透传加载组件(Loading)全部属性
+  loadingProps: {
+    type: Object,
+    default: () => ({})
+  },
+  // 是否显示卡片阴影
+  shadow: {
+    type: Boolean,
+    default: false
+  },
+  // 尺寸
+  size: {
+    type: String,
+    default: 'medium',
+    validator: (val) => ['medium', 'small'].includes(val)
+  },
+  // 卡片状态内容，仅在操作区域不在顶部时有效（即 theme=poster2）
+  status: {
+    type: String,
+    default: ''
+  },
+  // 卡片副标题
+  subtitle: {
+    type: [String, Object, Function],
+    default: ''
+  },
+  // 卡片风格
+  theme: {
+    type: String,
+    default: 'normal',
+    validator: (val) => ['normal', 'poster1', 'poster2'].includes(val)
+  },
+  // 卡片标题
+  title: {
+    type: [String, Object, Function],
+    default: ''
+  }
+});
+
+const emit = defineEmits(['click']);
+
+const handleClick = (e) => {
+  emit('click', e);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style> 

package/src/components/TdesignCol.vue

@@ -1,102 +1,102 @@
-<template>
-    <t-col
-        :span="span"
-        :order="order"
-        :offset="offset"
-        :push="push"
-        :pull="pull"
-        :flex="flex"
-        :xs="xs"
-        :sm="sm"
-        :md="md"
-        :lg="lg"
-        :xl="xl"
-        :xxl="xxl"
-        :tag="tag"
-    >
-        <slot></slot>
-    </t-col>
-</template>
-
-<script>
-export default {
-    name: "EbizCol"
-}
-</script>
-
-<script setup>
-import { defineProps } from 'vue';
-import { Col as TCol } from 'tdesign-vue-next';
-
-defineProps({
-    // 栅格占位格数，0-24之间的数值
-    span: {
-        type: [String, Number],
-        default: undefined
-    },
-    // 栅格顺序，用于在flex布局下调整顺序
-    order: {
-        type: [String, Number],
-        default: undefined
-    },
-    // 栅格左侧的间隔格数，间隔内不可以有栅格
-    offset: {
-        type: [String, Number],
-        default: undefined
-    },
-    // 栅格向右移动格数
-    push: {
-        type: [String, Number],
-        default: undefined
-    },
-    // 栅格向左移动格数
-    pull: {
-        type: [String, Number],
-        default: undefined
-    },
-    // flex 布局属性
-    flex: {
-        type: [String, Number],
-        default: undefined
-    },
-    // <768px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    xs: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // ≥768px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    sm: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // ≥992px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    md: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // ≥1200px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    lg: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // ≥1400px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    xl: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // ≥1880px 响应式栅格，可为栅格数或一个包含栅格参数的对象
-    xxl: {
-        type: [String, Number, Object],
-        default: undefined
-    },
-    // 自定义元素标签
-    tag: {
-        type: String,
-        default: 'div'
-    }
-});
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-col
+        :span="span"
+        :order="order"
+        :offset="offset"
+        :push="push"
+        :pull="pull"
+        :flex="flex"
+        :xs="xs"
+        :sm="sm"
+        :md="md"
+        :lg="lg"
+        :xl="xl"
+        :xxl="xxl"
+        :tag="tag"
+    >
+        <slot></slot>
+    </t-col>
+</template>
+
+<script>
+export default {
+    name: "EbizCol"
+}
+</script>
+
+<script setup>
+import { defineProps } from 'vue';
+import { Col as TCol } from 'tdesign-vue-next';
+
+defineProps({
+    // 栅格占位格数，0-24之间的数值
+    span: {
+        type: [String, Number],
+        default: undefined
+    },
+    // 栅格顺序，用于在flex布局下调整顺序
+    order: {
+        type: [String, Number],
+        default: undefined
+    },
+    // 栅格左侧的间隔格数，间隔内不可以有栅格
+    offset: {
+        type: [String, Number],
+        default: undefined
+    },
+    // 栅格向右移动格数
+    push: {
+        type: [String, Number],
+        default: undefined
+    },
+    // 栅格向左移动格数
+    pull: {
+        type: [String, Number],
+        default: undefined
+    },
+    // flex 布局属性
+    flex: {
+        type: [String, Number],
+        default: undefined
+    },
+    // <768px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    xs: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // ≥768px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    sm: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // ≥992px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    md: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // ≥1200px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    lg: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // ≥1400px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    xl: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // ≥1880px 响应式栅格，可为栅格数或一个包含栅格参数的对象
+    xxl: {
+        type: [String, Number, Object],
+        default: undefined
+    },
+    // 自定义元素标签
+    tag: {
+        type: String,
+        default: 'div'
+    }
+});
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style>