@ebiz/designer-components 0.0.60 → 0.0.62

package/src/components/TdesignDatePicker.vue

@@ -1,125 +1,125 @@
-<template>
-    <t-date-picker
-        :allowInput="allowInput"
-        :clearable="clearable"
-        :disabled="disabled"
-        :enableTimePicker="enableTimePicker"
-        :format="format"
-        :mode="mode"
-        :placeholder="placeholder"
-        :presetsPlacement="presetsPlacement"
-        :presets="presets"
-        :size="size"
-        :status="status"
-        :valueType="valueType"
-        :value="modelValue"
-        @change="handleChange"
-    >
-        <template v-if="$slots.prefixIcon" #prefixIcon>
-            <slot name="prefixIcon"></slot>
-        </template>
-        
-        <template v-if="$slots.suffixIcon" #suffixIcon>
-            <slot name="suffixIcon"></slot>
-        </template>
-        
-        <template v-if="$slots.panel" #panel>
-            <slot name="panel"></slot>
-        </template>
-    </t-date-picker>
-</template>
-
-<script>
-export default {
-    name: "EbizTdesignDatePicker"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { DatePicker as TDatePicker } from 'tdesign-vue-next';
-
-defineProps({
-    // 是否允许直接输入日期
-    allowInput: {
-        type: Boolean,
-        default: false
-    },
-    // 是否显示清除按钮
-    clearable: {
-        type: Boolean,
-        default: true
-    },
-    // 是否禁用组件
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    // 是否启用时间选择
-    enableTimePicker: {
-        type: Boolean,
-        default: false
-    },
-    // 日期格式
-    format: {
-        type: String,
-        default: 'YYYY-MM-DD'
-    },
-    // 选择器模式
-    mode: {
-        type: String,
-        default: 'date',
-        validator: (val) => ['date', 'month', 'year', 'week', 'quarter'].includes(val)
-    },
-    // 输入框占位符
-    placeholder: {
-        type: String,
-        default: '请选择日期'
-    },
-    // 预设快捷日期显示位置
-    presetsPlacement: {
-        type: String,
-        default: 'bottom',
-        validator: (val) => ['left', 'top', 'right', 'bottom'].includes(val)
-    },
-    // 预设快捷日期选择
-    presets: {
-        type: Object,
-        default: () => ({})
-    },
-    // 组件尺寸
-    size: {
-        type: String,
-        default: 'medium',
-        validator: (val) => ['small', 'medium', 'large'].includes(val)
-    },
-    // 输入框状态
-    status: {
-        type: String,
-        default: 'default',
-        validator: (val) => ['default', 'success', 'warning', 'error'].includes(val)
-    },
-    // 用于格式化日期的值
-    valueType: {
-        type: String,
-        default: '',
-        validator: (val) => ['', 'time-stamp', 'Date', 'YYYY', 'YYYY-MM', 'YYYY-MM-DD'].includes(val)
-    },
-    // 日期选择器的值
-    modelValue: {
-        type: [String, Number, Date, Array],
-        default: ''
-    }
-});
-
-const emit = defineEmits(['change', 'update:modelValue']);
-
-const handleChange = (value, context) => {
-    emit('change', value, context);
-    emit('update:modelValue', value);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-date-picker
+        :allowInput="allowInput"
+        :clearable="clearable"
+        :disabled="disabled"
+        :enableTimePicker="enableTimePicker"
+        :format="format"
+        :mode="mode"
+        :placeholder="placeholder"
+        :presetsPlacement="presetsPlacement"
+        :presets="presets"
+        :size="size"
+        :status="status"
+        :valueType="valueType"
+        :value="modelValue"
+        @change="handleChange"
+    >
+        <template v-if="$slots.prefixIcon" #prefixIcon>
+            <slot name="prefixIcon"></slot>
+        </template>
+        
+        <template v-if="$slots.suffixIcon" #suffixIcon>
+            <slot name="suffixIcon"></slot>
+        </template>
+        
+        <template v-if="$slots.panel" #panel>
+            <slot name="panel"></slot>
+        </template>
+    </t-date-picker>
+</template>
+
+<script>
+export default {
+    name: "EbizTdesignDatePicker"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { DatePicker as TDatePicker } from 'tdesign-vue-next';
+
+defineProps({
+    // 是否允许直接输入日期
+    allowInput: {
+        type: Boolean,
+        default: false
+    },
+    // 是否显示清除按钮
+    clearable: {
+        type: Boolean,
+        default: true
+    },
+    // 是否禁用组件
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    // 是否启用时间选择
+    enableTimePicker: {
+        type: Boolean,
+        default: false
+    },
+    // 日期格式
+    format: {
+        type: String,
+        default: 'YYYY-MM-DD'
+    },
+    // 选择器模式
+    mode: {
+        type: String,
+        default: 'date',
+        validator: (val) => ['date', 'month', 'year', 'week', 'quarter'].includes(val)
+    },
+    // 输入框占位符
+    placeholder: {
+        type: String,
+        default: '请选择日期'
+    },
+    // 预设快捷日期显示位置
+    presetsPlacement: {
+        type: String,
+        default: 'bottom',
+        validator: (val) => ['left', 'top', 'right', 'bottom'].includes(val)
+    },
+    // 预设快捷日期选择
+    presets: {
+        type: Object,
+        default: () => ({})
+    },
+    // 组件尺寸
+    size: {
+        type: String,
+        default: 'medium',
+        validator: (val) => ['small', 'medium', 'large'].includes(val)
+    },
+    // 输入框状态
+    status: {
+        type: String,
+        default: 'default',
+        validator: (val) => ['default', 'success', 'warning', 'error'].includes(val)
+    },
+    // 用于格式化日期的值
+    valueType: {
+        type: String,
+        default: '',
+        validator: (val) => ['', 'time-stamp', 'Date', 'YYYY', 'YYYY-MM', 'YYYY-MM-DD'].includes(val)
+    },
+    // 日期选择器的值
+    modelValue: {
+        type: [String, Number, Date, Array],
+        default: ''
+    }
+});
+
+const emit = defineEmits(['change', 'update:modelValue']);
+
+const handleChange = (value, context) => {
+    emit('change', value, context);
+    emit('update:modelValue', value);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style> 

package/src/components/TdesignDescriptions.vue

@@ -1,75 +1,75 @@
-<template>
-  <div>
-    <div>
-      <div>123123123</div>
-    </div>
-    <t-descriptions v-bind="$attrs" :border="border" :colon="colon" :column="column" :layout="layout"
-      :item-layout="itemLayout" :size="size" :title="title" :table-layout="tableLayout"
-      :table-border-color="tableBorderColor">
-      <slot></slot>
-      <slot name="title"></slot>
-    </t-descriptions>
-  </div>
-
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { Descriptions as TDescriptions } from 'tdesign-vue-next';
-
-const props = defineProps({
-  border: {
-    type: Boolean,
-    default: false
-  },
-  colon: {
-    type: Boolean,
-    default: false
-  },
-  column: {
-    type: Number,
-    default: 2
-  },
-  layout: {
-    type: String,
-    default: 'horizontal',
-    validator(val) {
-      return ['horizontal', 'vertical'].includes(val);
-    }
-  },
-  itemLayout: {
-    type: String,
-    default: 'horizontal',
-    validator(val) {
-      return ['horizontal', 'vertical'].includes(val);
-    }
-  },
-  size: {
-    type: String,
-    default: 'medium',
-    validator(val) {
-      return ['small', 'medium', 'large'].includes(val);
-    }
-  },
-  title: {
-    type: String,
-    default: ''
-  },
-  tableLayout: {
-    type: String,
-    default: 'fixed',
-    validator(val) {
-      return ['auto', 'fixed'].includes(val);
-    }
-  },
-  tableBorderColor: {
-    type: String,
-    default: ''
-  }
-});
-
-defineEmits([]);
-</script>
-
-<style scoped>
+<template>
+  <div>
+    <div>
+      <div>123123123</div>
+    </div>
+    <t-descriptions v-bind="$attrs" :border="border" :colon="colon" :column="column" :layout="layout"
+      :item-layout="itemLayout" :size="size" :title="title" :table-layout="tableLayout"
+      :table-border-color="tableBorderColor">
+      <slot></slot>
+      <slot name="title"></slot>
+    </t-descriptions>
+  </div>
+
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { Descriptions as TDescriptions } from 'tdesign-vue-next';
+
+const props = defineProps({
+  border: {
+    type: Boolean,
+    default: false
+  },
+  colon: {
+    type: Boolean,
+    default: false
+  },
+  column: {
+    type: Number,
+    default: 2
+  },
+  layout: {
+    type: String,
+    default: 'horizontal',
+    validator(val) {
+      return ['horizontal', 'vertical'].includes(val);
+    }
+  },
+  itemLayout: {
+    type: String,
+    default: 'horizontal',
+    validator(val) {
+      return ['horizontal', 'vertical'].includes(val);
+    }
+  },
+  size: {
+    type: String,
+    default: 'medium',
+    validator(val) {
+      return ['small', 'medium', 'large'].includes(val);
+    }
+  },
+  title: {
+    type: String,
+    default: ''
+  },
+  tableLayout: {
+    type: String,
+    default: 'fixed',
+    validator(val) {
+      return ['auto', 'fixed'].includes(val);
+    }
+  },
+  tableBorderColor: {
+    type: String,
+    default: ''
+  }
+});
+
+defineEmits([]);
+</script>
+
+<style scoped>
 </style> 

package/src/components/TdesignDescriptionsItem.vue

@@ -1,51 +1,51 @@
-<template>
-  <div>
-    <div>123123123</div>
-    <t-descriptions-item v-bind="$attrs" :label="label" :span="span" :layout="layout" :className="className"
-      :labelClassName="labelClassName" :contentClassName="contentClassName">
-      <slot></slot>
-    </t-descriptions-item>
-  </div>
-
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { DescriptionsItem as TDescriptionsItem } from 'tdesign-vue-next';
-
-const props = defineProps({
-  label: {
-    type: String,
-    default: ''
-  },
-  span: {
-    type: Number,
-    default: 1
-  },
-  layout: {
-    type: String,
-    default: '',
-    validator(val) {
-      if (!val) return true;
-      return ['horizontal', 'vertical'].includes(val);
-    }
-  },
-  className: {
-    type: String,
-    default: ''
-  },
-  labelClassName: {
-    type: String,
-    default: ''
-  },
-  contentClassName: {
-    type: String,
-    default: ''
-  }
-});
-
-defineEmits([]);
-</script>
-
-<style scoped>
+<template>
+  <div>
+    <div>123123123</div>
+    <t-descriptions-item v-bind="$attrs" :label="label" :span="span" :layout="layout" :className="className"
+      :labelClassName="labelClassName" :contentClassName="contentClassName">
+      <slot></slot>
+    </t-descriptions-item>
+  </div>
+
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { DescriptionsItem as TDescriptionsItem } from 'tdesign-vue-next';
+
+const props = defineProps({
+  label: {
+    type: String,
+    default: ''
+  },
+  span: {
+    type: Number,
+    default: 1
+  },
+  layout: {
+    type: String,
+    default: '',
+    validator(val) {
+      if (!val) return true;
+      return ['horizontal', 'vertical'].includes(val);
+    }
+  },
+  className: {
+    type: String,
+    default: ''
+  },
+  labelClassName: {
+    type: String,
+    default: ''
+  },
+  contentClassName: {
+    type: String,
+    default: ''
+  }
+});
+
+defineEmits([]);
+</script>
+
+<style scoped>
 </style>