@ebiz/designer-components 0.0.19-beta.1 → 0.0.19

package/src/components/EbizTabs.vue

@@ -1,143 +1,143 @@
-<template>
-  <div class="tdesign-tabs-wrapper">
-    <t-tabs
-      v-model="innerValue"
-      :addable="addable"
-      :disabled="disabled"
-      :placement="placement"
-      :size="size" 
-      :theme="theme"
-      :list="list"
-      :dragSort="dragSort"
-      @add="handleAdd"
-      @change="handleChange"
-      @dragSort="handleDragSort"
-      @remove="handleRemove"
-    >
-      <!-- 添加按钮插槽 -->
-      <template v-if="$slots.action" #action>
-        <slot name="action"></slot>
-      </template>
-      
-      <!-- 直接输出默认插槽内容，这里应该只包含EbizTabPanel -->
-      <slot></slot>
-    </t-tabs>
-  </div>
-</template>
-
-<script>
-import { Tabs as TTabs } from 'tdesign-vue-next';
-import { defineComponent, toRefs, computed, watch } from 'vue';
-
-export default defineComponent({
-  name: 'EbizTabs',
-  components: {
-    't-tabs': TTabs,
-  },
-  props: {
-    // v-model绑定值
-    modelValue: {
-      type: [String, Number],
-    },
-    // 默认值
-    defaultValue: {
-      type: [String, Number],
-    },
-    // 选项卡右侧的操作区域
-    action: {
-      type: [Function, String],
-      default: undefined
-    },
-    // 选项卡是否可增加
-    addable: {
-      type: Boolean,
-      default: false
-    },
-    // 是否禁用选项卡
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 是否开启拖拽调整顺序
-    dragSort: {
-      type: Boolean,
-      default: false
-    },
-    // 选项卡列表
-    list: {
-      type: Array,
-    },
-    // 选项卡位置
-    placement: {
-      type: String,
-      default: 'top',
-      validator: (val) => ['top', 'bottom', 'left', 'right'].includes(val)
-    },
-    // 组件尺寸
-    size: {
-      type: String,
-      default: 'medium',
-      validator: (val) => ['medium', 'large'].includes(val)
-    },
-    // 选项卡风格
-    theme: {
-      type: String,
-      default: 'normal',
-      validator: (val) => ['normal', 'card'].includes(val)
-    }
-  },
-  emits: ['update:modelValue', 'add', 'change', 'dragSort', 'remove'],
-  setup(props, { emit }) {
-    const { modelValue, defaultValue } = toRefs(props);
-    
-    // 内部值计算属性,用于双向绑定
-    const innerValue = computed({
-      get: () => modelValue.value !== undefined ? modelValue.value : defaultValue.value,
-      set: (val) => {
-        emit('update:modelValue', val);
-      }
-    });
-    
-    // 监听modelValue变化
-    watch(modelValue, (newVal) => {
-      if (newVal !== innerValue.value) {
-        innerValue.value = newVal;
-      }
-    });
-    
-    // 添加选项卡事件
-    const handleAdd = (context) => {
-      emit('add', context);
-    };
-    
-    // 选项卡切换事件
-    const handleChange = (value, context) => {
-      emit('change', value, context);
-    };
-    
-    // 拖拽排序事件
-    const handleDragSort = (context) => {
-      emit('dragSort', context);
-    };
-    
-    // 删除选项卡事件
-    const handleRemove = (options) => {
-      emit('remove', options);
-    };
-    
-    return {
-      innerValue,
-      handleAdd,
-      handleChange,
-      handleDragSort,
-      handleRemove
-    };
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.tdesign-tabs-wrapper {
-  width: 100%;
-}
+<template>
+  <div class="tdesign-tabs-wrapper">
+    <t-tabs
+      v-model="innerValue"
+      :addable="addable"
+      :disabled="disabled"
+      :placement="placement"
+      :size="size" 
+      :theme="theme"
+      :list="list"
+      :dragSort="dragSort"
+      @add="handleAdd"
+      @change="handleChange"
+      @dragSort="handleDragSort"
+      @remove="handleRemove"
+    >
+      <!-- 添加按钮插槽 -->
+      <template v-if="$slots.action" #action>
+        <slot name="action"></slot>
+      </template>
+      
+      <!-- 直接输出默认插槽内容，这里应该只包含EbizTabPanel -->
+      <slot></slot>
+    </t-tabs>
+  </div>
+</template>
+
+<script>
+import { Tabs as TTabs } from 'tdesign-vue-next';
+import { defineComponent, toRefs, computed, watch } from 'vue';
+
+export default defineComponent({
+  name: 'EbizTabs',
+  components: {
+    't-tabs': TTabs,
+  },
+  props: {
+    // v-model绑定值
+    modelValue: {
+      type: [String, Number],
+    },
+    // 默认值
+    defaultValue: {
+      type: [String, Number],
+    },
+    // 选项卡右侧的操作区域
+    action: {
+      type: [Function, String],
+      default: undefined
+    },
+    // 选项卡是否可增加
+    addable: {
+      type: Boolean,
+      default: false
+    },
+    // 是否禁用选项卡
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否开启拖拽调整顺序
+    dragSort: {
+      type: Boolean,
+      default: false
+    },
+    // 选项卡列表
+    list: {
+      type: Array,
+    },
+    // 选项卡位置
+    placement: {
+      type: String,
+      default: 'top',
+      validator: (val) => ['top', 'bottom', 'left', 'right'].includes(val)
+    },
+    // 组件尺寸
+    size: {
+      type: String,
+      default: 'medium',
+      validator: (val) => ['medium', 'large'].includes(val)
+    },
+    // 选项卡风格
+    theme: {
+      type: String,
+      default: 'normal',
+      validator: (val) => ['normal', 'card'].includes(val)
+    }
+  },
+  emits: ['update:modelValue', 'add', 'change', 'dragSort', 'remove'],
+  setup(props, { emit }) {
+    const { modelValue, defaultValue } = toRefs(props);
+    
+    // 内部值计算属性,用于双向绑定
+    const innerValue = computed({
+      get: () => modelValue.value !== undefined ? modelValue.value : defaultValue.value,
+      set: (val) => {
+        emit('update:modelValue', val);
+      }
+    });
+    
+    // 监听modelValue变化
+    watch(modelValue, (newVal) => {
+      if (newVal !== innerValue.value) {
+        innerValue.value = newVal;
+      }
+    });
+    
+    // 添加选项卡事件
+    const handleAdd = (context) => {
+      emit('add', context);
+    };
+    
+    // 选项卡切换事件
+    const handleChange = (value, context) => {
+      emit('change', value, context);
+    };
+    
+    // 拖拽排序事件
+    const handleDragSort = (context) => {
+      emit('dragSort', context);
+    };
+    
+    // 删除选项卡事件
+    const handleRemove = (options) => {
+      emit('remove', options);
+    };
+    
+    return {
+      innerValue,
+      handleAdd,
+      handleChange,
+      handleDragSort,
+      handleRemove
+    };
+  }
+});
+</script>
+
+<style lang="less" scoped>
+.tdesign-tabs-wrapper {
+  width: 100%;
+}
 </style>

package/src/components/EbizTimePicker.vue

@@ -1,144 +1,144 @@
-<template>
-  <t-time-picker
-    v-bind="$attrs"
-    :value="modelValue"
-    :allow-input="allowInput"
-    :clearable="clearable"
-    :disabled="disabled"
-    :disable-time="disableTime"
-    :format="format"
-    :input-props="inputProps"
-    :placeholder="placeholder"
-    :popup-props="popupProps"
-    :size="size"
-    :steps="steps"
-    :range="range"
-    :range-separator="rangeSeparator"
-    :tips="tips"
-    @change="handleChange"
-    @blur="$emit('blur', $event)"
-    @focus="$emit('focus', $event)"
-    @close="$emit('close', $event)"
-    @open="$emit('open', $event)"
-    @dayclick="$emit('dayclick', $event)"
-    @pick="$emit('pick', $event)"
-  >
-    <template v-if="$slots.suffixIcon" #suffixIcon>
-      <slot name="suffixIcon"></slot>
-    </template>
-    <template v-if="$slots.panel" #panel="slotProps">
-      <slot name="panel" v-bind="slotProps"></slot>
-    </template>
-    <template v-if="$slots.prepend" #prepend>
-      <slot name="prepend"></slot>
-    </template>
-    <template v-if="$slots.tips" #tips>
-      <slot name="tips"></slot>
-    </template>
-  </t-time-picker>
-</template>
-
-<script setup>
-import { TimePicker as TTimePicker } from 'tdesign-vue-next';
-import { computed } from 'vue';
-
-const props = defineProps({
-  // 选中值
-  modelValue: {
-    type: [String, Array],
-    default: '',
-  },
-  // 是否允许直接输入时间
-  allowInput: {
-    type: Boolean,
-    default: true,
-  },
-  // 是否允许清除选中值
-  clearable: {
-    type: Boolean,
-    default: true,
-  },
-  // 是否禁用组件
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  // 禁用时间项
-  disableTime: {
-    type: Function,
-    default: null,
-  },
-  // 时间格式
-  format: {
-    type: String,
-    default: 'HH:mm:ss',
-  },
-  // 透传给输入框的属性
-  inputProps: {
-    type: Object,
-    default: () => ({}),
-  },
-  // 输入框占位文本
-  placeholder: {
-    type: String,
-    default: '请选择时间',
-  },
-  // 透传给 popup 组件的属性
-  popupProps: {
-    type: Object,
-    default: () => ({}),
-  },
-  // 尺寸
-  size: {
-    type: String,
-    default: 'medium',
-    validator(val) {
-      return ['small', 'medium', 'large'].includes(val);
-    },
-  },
-  // 时间间隔步数
-  steps: {
-    type: Array,
-    default: () => [1, 1, 1],
-  },
-  // 是否为时间范围选择
-  range: {
-    type: Boolean,
-    default: false,
-  },
-  // 范围分隔符
-  rangeSeparator: {
-    type: String,
-    default: ' - ',
-  },
-  // 提示文本
-  tips: {
-    type: [String, Function],
-    default: '',
-  },
-});
-
-const emit = defineEmits([
-  'update:modelValue',
-  'change',
-  'blur',
-  'focus',
-  'close',
-  'open',
-  'dayclick',
-  'pick',
-]);
-
-// 处理值变更事件
-const handleChange = (value) => {
-  emit('update:modelValue', value);
-  emit('change', value);
-};
-
-</script>
-
-<style>
-.t-time-picker {
-  width: 100%;
-}
+<template>
+  <t-time-picker
+    v-bind="$attrs"
+    :value="modelValue"
+    :allow-input="allowInput"
+    :clearable="clearable"
+    :disabled="disabled"
+    :disable-time="disableTime"
+    :format="format"
+    :input-props="inputProps"
+    :placeholder="placeholder"
+    :popup-props="popupProps"
+    :size="size"
+    :steps="steps"
+    :range="range"
+    :range-separator="rangeSeparator"
+    :tips="tips"
+    @change="handleChange"
+    @blur="$emit('blur', $event)"
+    @focus="$emit('focus', $event)"
+    @close="$emit('close', $event)"
+    @open="$emit('open', $event)"
+    @dayclick="$emit('dayclick', $event)"
+    @pick="$emit('pick', $event)"
+  >
+    <template v-if="$slots.suffixIcon" #suffixIcon>
+      <slot name="suffixIcon"></slot>
+    </template>
+    <template v-if="$slots.panel" #panel="slotProps">
+      <slot name="panel" v-bind="slotProps"></slot>
+    </template>
+    <template v-if="$slots.prepend" #prepend>
+      <slot name="prepend"></slot>
+    </template>
+    <template v-if="$slots.tips" #tips>
+      <slot name="tips"></slot>
+    </template>
+  </t-time-picker>
+</template>
+
+<script setup>
+import { TimePicker as TTimePicker } from 'tdesign-vue-next';
+import { computed } from 'vue';
+
+const props = defineProps({
+  // 选中值
+  modelValue: {
+    type: [String, Array],
+    default: '',
+  },
+  // 是否允许直接输入时间
+  allowInput: {
+    type: Boolean,
+    default: true,
+  },
+  // 是否允许清除选中值
+  clearable: {
+    type: Boolean,
+    default: true,
+  },
+  // 是否禁用组件
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  // 禁用时间项
+  disableTime: {
+    type: Function,
+    default: null,
+  },
+  // 时间格式
+  format: {
+    type: String,
+    default: 'HH:mm:ss',
+  },
+  // 透传给输入框的属性
+  inputProps: {
+    type: Object,
+    default: () => ({}),
+  },
+  // 输入框占位文本
+  placeholder: {
+    type: String,
+    default: '请选择时间',
+  },
+  // 透传给 popup 组件的属性
+  popupProps: {
+    type: Object,
+    default: () => ({}),
+  },
+  // 尺寸
+  size: {
+    type: String,
+    default: 'medium',
+    validator(val) {
+      return ['small', 'medium', 'large'].includes(val);
+    },
+  },
+  // 时间间隔步数
+  steps: {
+    type: Array,
+    default: () => [1, 1, 1],
+  },
+  // 是否为时间范围选择
+  range: {
+    type: Boolean,
+    default: false,
+  },
+  // 范围分隔符
+  rangeSeparator: {
+    type: String,
+    default: ' - ',
+  },
+  // 提示文本
+  tips: {
+    type: [String, Function],
+    default: '',
+  },
+});
+
+const emit = defineEmits([
+  'update:modelValue',
+  'change',
+  'blur',
+  'focus',
+  'close',
+  'open',
+  'dayclick',
+  'pick',
+]);
+
+// 处理值变更事件
+const handleChange = (value) => {
+  emit('update:modelValue', value);
+  emit('change', value);
+};
+
+</script>
+
+<style>
+.t-time-picker {
+  width: 100%;
+}
 </style>