@ebiz/designer-components 0.0.47 → 0.0.48

package/src/components/TdesignButton.vue

@@ -1,136 +1,136 @@
-<template>
-    <t-button 
-        :block="block"
-        :content="content"
-        :disabled="disabled"
-        :ghost="ghost"
-        :href="href"
-        :loading="loading"
-        :shape="shape"
-        :size="size"
-        :tag="tag"
-        :theme="theme"
-        :type="type"
-        :variant="variant"
-        :icon="icon"
-        @click="handleClick"
-    >
-        <!-- 图标插槽 -->
-        <template v-if="$slots.icon" #icon>
-            <slot name="icon"></slot>
-        </template>
-        
-        <!-- 后缀插槽 -->
-        <template v-if="$slots.suffix" #suffix>
-            <slot name="suffix"></slot>
-        </template>
-        
-        <!-- 加载中插槽 -->
-        <template v-if="$slots.loading" #loading>
-            <slot name="loading"></slot>
-        </template>
-        
-        <!-- 内容插槽 -->
-        <template v-if="$slots.content" #content>
-            <slot name="content"></slot>
-        </template>
-        
-        <!-- 默认插槽 -->
-        <slot>{{ content }}</slot>
-    </t-button>
-</template>
-
-<script>
-export default {
-    name: "EbizTdesignButton"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { Button as TButton } from 'tdesign-vue-next';
-
-defineProps({
-    // 是否为块级元素
-    block: {
-        type: Boolean,
-        default: false
-    },
-    // 按钮内容
-    content: {
-        type: String,
-        default: ''
-    },
-    // 禁用状态
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    // 是否为幽灵按钮
-    ghost: {
-        type: Boolean,
-        default: false
-    },
-    // 跳转链接
-    href: {
-        type: String,
-        default: ''
-    },
-    // 是否显示为加载状态
-    loading: {
-        type: Boolean,
-        default: false
-    },
-    // 按钮形状
-    shape: {
-        type: String,
-        default: 'rectangle',
-        validator: (val) => ['rectangle', 'square', 'round', 'circle'].includes(val)
-    },
-    // 组件尺寸
-    size: {
-        type: String,
-        default: 'medium',
-        validator: (val) => ['extra-small', 'small', 'medium', 'large'].includes(val)
-    },
-    // 渲染按钮的HTML标签
-    tag: {
-        type: String,
-        default: 'button',
-        validator: (val) => ['button', 'a', 'div'].includes(val)
-    },
-    // 组件风格
-    theme: {
-        type: String,
-        default: 'default',
-        validator: (val) => ['default', 'primary', 'danger', 'warning', 'success'].includes(val)
-    },
-    // 按钮类型
-    type: {
-        type: String,
-        default: 'button',
-        validator: (val) => ['submit', 'reset', 'button'].includes(val)
-    },
-    // 按钮形式
-    variant: {
-        type: String,
-        default: 'base',
-        validator: (val) => ['base', 'outline', 'dashed', 'text'].includes(val)
-    },
-    // 按钮图标
-    icon: {
-        type: String,
-        default: ''
-    }
-});
-
-const emit = defineEmits(['click']);
-
-const handleClick = (e) => {
-    emit('click', e);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-button 
+        :block="block"
+        :content="content"
+        :disabled="disabled"
+        :ghost="ghost"
+        :href="href"
+        :loading="loading"
+        :shape="shape"
+        :size="size"
+        :tag="tag"
+        :theme="theme"
+        :type="type"
+        :variant="variant"
+        :icon="icon"
+        @click="handleClick"
+    >
+        <!-- 图标插槽 -->
+        <template v-if="$slots.icon" #icon>
+            <slot name="icon"></slot>
+        </template>
+        
+        <!-- 后缀插槽 -->
+        <template v-if="$slots.suffix" #suffix>
+            <slot name="suffix"></slot>
+        </template>
+        
+        <!-- 加载中插槽 -->
+        <template v-if="$slots.loading" #loading>
+            <slot name="loading"></slot>
+        </template>
+        
+        <!-- 内容插槽 -->
+        <template v-if="$slots.content" #content>
+            <slot name="content"></slot>
+        </template>
+        
+        <!-- 默认插槽 -->
+        <slot>{{ content }}</slot>
+    </t-button>
+</template>
+
+<script>
+export default {
+    name: "EbizTdesignButton"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { Button as TButton } from 'tdesign-vue-next';
+
+defineProps({
+    // 是否为块级元素
+    block: {
+        type: Boolean,
+        default: false
+    },
+    // 按钮内容
+    content: {
+        type: String,
+        default: ''
+    },
+    // 禁用状态
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    // 是否为幽灵按钮
+    ghost: {
+        type: Boolean,
+        default: false
+    },
+    // 跳转链接
+    href: {
+        type: String,
+        default: ''
+    },
+    // 是否显示为加载状态
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    // 按钮形状
+    shape: {
+        type: String,
+        default: 'rectangle',
+        validator: (val) => ['rectangle', 'square', 'round', 'circle'].includes(val)
+    },
+    // 组件尺寸
+    size: {
+        type: String,
+        default: 'medium',
+        validator: (val) => ['extra-small', 'small', 'medium', 'large'].includes(val)
+    },
+    // 渲染按钮的HTML标签
+    tag: {
+        type: String,
+        default: 'button',
+        validator: (val) => ['button', 'a', 'div'].includes(val)
+    },
+    // 组件风格
+    theme: {
+        type: String,
+        default: 'default',
+        validator: (val) => ['default', 'primary', 'danger', 'warning', 'success'].includes(val)
+    },
+    // 按钮类型
+    type: {
+        type: String,
+        default: 'button',
+        validator: (val) => ['submit', 'reset', 'button'].includes(val)
+    },
+    // 按钮形式
+    variant: {
+        type: String,
+        default: 'base',
+        validator: (val) => ['base', 'outline', 'dashed', 'text'].includes(val)
+    },
+    // 按钮图标
+    icon: {
+        type: String,
+        default: ''
+    }
+});
+
+const emit = defineEmits(['click']);
+
+const handleClick = (e) => {
+    emit('click', e);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style> 

package/src/components/TdesignCalendar/index.vue

@@ -1,146 +1,146 @@
-<template>
-  <t-calendar
-    :cell-click="cellClick"
-    :controller="controller"
-    :cell-append="cellAppend"
-    :cell-data="cellData"
-    :firstDayOfWeek="firstDayOfWeek"
-    :format="format"
-    :head-mode="headMode"
-    :is-full-screen="isFullScreen"
-    :multiple="multiple"
-    :month="month"
-    :mode="mode"
-    :month-change="monthChange"
-    :render-cell="renderCell"
-    :theme="theme"
-    :value="modelValue"
-    :year="year"
-    @cell-click="handleCellClick"
-    @cell-double-click="handleCellDoubleClick"
-    @cell-right-click="handleCellRightClick"
-    @month-change="handleMonthChange"
-  >
-    <template v-if="$slots.head" #head>
-      <slot name="head"></slot>
-    </template>
-    <template v-if="$slots.cellAppend" #cellAppend="slotProps">
-      <slot name="cellAppend" v-bind="slotProps"></slot>
-    </template>
-    <template v-if="$slots.cell" #cell="slotProps">
-      <slot name="cell" v-bind="slotProps"></slot>
-    </template>
-    <template v-if="$slots.month" #month>
-      <slot name="month"></slot>
-    </template>
-    <template v-if="$slots.year" #year>
-      <slot name="year"></slot>
-    </template>
-    <template v-if="$slots.control" #control>
-      <slot name="control"></slot>
-    </template>
-  </t-calendar>
-</template>
-
-<script>
-import { Calendar as TCalendar } from 'tdesign-vue-next'
-
-export default {
-  name: 'TdesignCalendar',
-  components: {
-    't-calendar': TCalendar
-  },
-  props: {
-    cellAppend: {
-      type: Function,
-      default: null
-    },
-    cellClick: {
-      type: Function,
-      default: null
-    },
-    cellData: {
-      type: Function,
-      default: null
-    },
-    controller: {
-      type: Object,
-      default: () => ({ visible: true })
-    },
-    firstDayOfWeek: {
-      type: Number,
-      default: 1,
-      validator: (val) => [1, 2, 3, 4, 5, 6, 7].includes(val)
-    },
-    format: {
-      type: String,
-      default: undefined
-    },
-    headMode: {
-      type: String,
-      default: 'month-only',
-      validator: (val) => ['month-only', 'year-month'].includes(val)
-    },
-    isFullScreen: {
-      type: Boolean,
-      default: true
-    },
-    mode: {
-      type: String,
-      default: 'month',
-      validator: (val) => ['month', 'year'].includes(val)
-    },
-    month: {
-      type: Number,
-      default: undefined
-    },
-    monthChange: {
-      type: Function,
-      default: null
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    renderCell: {
-      type: Function,
-      default: null
-    },
-    theme: {
-      type: String,
-      default: 'full',
-      validator: (val) => ['full', 'card'].includes(val)
-    },
-    modelValue: {
-      type: [String, Number, Array, Date],
-      default: null
-    },
-    year: {
-      type: Number,
-      default: undefined
-    }
-  },
-  emits: ['cell-click', 'cell-double-click', 'cell-right-click', 'month-change', 'update:modelValue'],
-  methods: {
-    handleCellClick(options) {
-      this.$emit('cell-click', options)
-      if (options && options.date) {
-        this.$emit('update:modelValue', options.date)
-      }
-    },
-    handleCellDoubleClick(options) {
-      this.$emit('cell-double-click', options)
-    },
-    handleCellRightClick(options) {
-      this.$emit('cell-right-click', options)
-    },
-    handleMonthChange(options) {
-      this.$emit('month-change', options)
-    }
-  }
-}
-</script>
-
-<style scoped>
-/* 可以在这里添加自定义样式 */
+<template>
+  <t-calendar
+    :cell-click="cellClick"
+    :controller="controller"
+    :cell-append="cellAppend"
+    :cell-data="cellData"
+    :firstDayOfWeek="firstDayOfWeek"
+    :format="format"
+    :head-mode="headMode"
+    :is-full-screen="isFullScreen"
+    :multiple="multiple"
+    :month="month"
+    :mode="mode"
+    :month-change="monthChange"
+    :render-cell="renderCell"
+    :theme="theme"
+    :value="modelValue"
+    :year="year"
+    @cell-click="handleCellClick"
+    @cell-double-click="handleCellDoubleClick"
+    @cell-right-click="handleCellRightClick"
+    @month-change="handleMonthChange"
+  >
+    <template v-if="$slots.head" #head>
+      <slot name="head"></slot>
+    </template>
+    <template v-if="$slots.cellAppend" #cellAppend="slotProps">
+      <slot name="cellAppend" v-bind="slotProps"></slot>
+    </template>
+    <template v-if="$slots.cell" #cell="slotProps">
+      <slot name="cell" v-bind="slotProps"></slot>
+    </template>
+    <template v-if="$slots.month" #month>
+      <slot name="month"></slot>
+    </template>
+    <template v-if="$slots.year" #year>
+      <slot name="year"></slot>
+    </template>
+    <template v-if="$slots.control" #control>
+      <slot name="control"></slot>
+    </template>
+  </t-calendar>
+</template>
+
+<script>
+import { Calendar as TCalendar } from 'tdesign-vue-next'
+
+export default {
+  name: 'TdesignCalendar',
+  components: {
+    't-calendar': TCalendar
+  },
+  props: {
+    cellAppend: {
+      type: Function,
+      default: null
+    },
+    cellClick: {
+      type: Function,
+      default: null
+    },
+    cellData: {
+      type: Function,
+      default: null
+    },
+    controller: {
+      type: Object,
+      default: () => ({ visible: true })
+    },
+    firstDayOfWeek: {
+      type: Number,
+      default: 1,
+      validator: (val) => [1, 2, 3, 4, 5, 6, 7].includes(val)
+    },
+    format: {
+      type: String,
+      default: undefined
+    },
+    headMode: {
+      type: String,
+      default: 'month-only',
+      validator: (val) => ['month-only', 'year-month'].includes(val)
+    },
+    isFullScreen: {
+      type: Boolean,
+      default: true
+    },
+    mode: {
+      type: String,
+      default: 'month',
+      validator: (val) => ['month', 'year'].includes(val)
+    },
+    month: {
+      type: Number,
+      default: undefined
+    },
+    monthChange: {
+      type: Function,
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    renderCell: {
+      type: Function,
+      default: null
+    },
+    theme: {
+      type: String,
+      default: 'full',
+      validator: (val) => ['full', 'card'].includes(val)
+    },
+    modelValue: {
+      type: [String, Number, Array, Date],
+      default: null
+    },
+    year: {
+      type: Number,
+      default: undefined
+    }
+  },
+  emits: ['cell-click', 'cell-double-click', 'cell-right-click', 'month-change', 'update:modelValue'],
+  methods: {
+    handleCellClick(options) {
+      this.$emit('cell-click', options)
+      if (options && options.date) {
+        this.$emit('update:modelValue', options.date)
+      }
+    },
+    handleCellDoubleClick(options) {
+      this.$emit('cell-double-click', options)
+    },
+    handleCellRightClick(options) {
+      this.$emit('cell-right-click', options)
+    },
+    handleMonthChange(options) {
+      this.$emit('month-change', options)
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 可以在这里添加自定义样式 */
 </style>