@xilonglab/vue-main 1.3.13 → 1.3.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xilonglab/vue-main",
-  "version": "1.3.13",
+  "version": "1.3.16",
   "description": "xilong vue main",
   "main": "packages/index.js",
   "scripts": {

package/packages/form/XlDateTime.vue

@@ -0,0 +1,51 @@
+<script setup>
+defineOptions({ name: "XlDateTime" })
+
+import { computed } from 'vue';
+
+
+const emits = defineEmits(['change', 'update:modelValue'])
+
+const props = defineProps({
+    modelValue: {
+        default: "",
+    },
+    placeholder: {
+        type: String,
+        default: "选择日期时间",
+    },
+    disabled: {
+        type: Boolean,
+        default: false,
+    },
+    width: {
+        default: 100,
+    },
+});
+
+const value = computed({
+    get() {
+        return props.modelValue;
+    },
+    set(data) {
+        emits('change', data)
+        emits('update:modelValue', data)
+    },
+});
+</script>
+
+
+<template>
+    <el-date-picker class="xl-datetime xl-form-item" v-model="value" type="datetime" :placeholder="placeholder"
+        :style="{ width: `${width}px` }" :disabled="disabled" clearable value-format="YYYY-MM-DD HH:mm:ss" />
+</template>
+
+
+<style lang="less">
+.xl-datetime {
+    .el-input__prefix {
+        display: none !important;
+    }
+}
+</style>
+

package/packages/form/XlTime.vue

@@ -36,13 +36,13 @@ const value = computed({
 
 
 <template>
-    <el-date-picker class="xl-time xl-form-item" v-model="value" type="datetime" :placeholder="placeholder"
-        :style="{ width: `${width}px` }" :disabled="disabled" clearable value-format="YYYY-MM-DD HH:mm:ss" />
+    <el-time-picker class="xl-time xl-form-item" v-model="value" :placeholder="placeholder"
+        :style="{ width: `${width}px` }" :disabled="disabled" clearable format="HH:mm" value-format="HH:mm" />
 </template>
 
 
 <style lang="less">
-.z-time {
+.xl-time {
     .el-input__prefix {
         display: none !important;
     }