el-plus-crud 0.0.49 → 0.0.51

package/lib/components/el-plus-form/components/ElPlusFormDaterange.vue

@@ -1,47 +1,47 @@
-<template>
-  <el-date-picker v-if="isInit" class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-date-picker>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDaterange',
-  inheritAttrs: false,
-  typeName: 'daterange',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: Array<string> | Date
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-  disabled?: boolean
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const isInit = ref(false)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { type: 'daterange', format: 'YYYY-MM-DD', valueFormat: 'x', editable: false, ...useAttrs() })
-  isInit.value = true
-})
-</script>
-<style lang="scss" scoped>
-.el-plusF-form-daterange-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-date-picker>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDaterange',
+  inheritAttrs: false,
+  typeName: 'daterange',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: Array<string> | Date
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+  disabled?: boolean
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { type: 'daterange', format: 'YYYY-MM-DD', valueFormat: 'x', editable: false, ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.el-plusF-form-daterange-panel {
+  display: flex;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormDatetime.vue

@@ -1,41 +1,41 @@
-<template>
-  <el-date-picker v-if="isInit" class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" :disabled="disabled" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDatetime',
-  inheritAttrs: false,
-  typeName: 'datetime',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: string | number | '' | null
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-  disabled?: boolean
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-const attrs = ref({} as any)
-const isInit = ref(false)
-const onEvents = ref(getEvents(props))
-
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', ...useAttrs() })
-  isInit.value = true
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormDatetime-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" :disabled="disabled" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDatetime',
+  inheritAttrs: false,
+  typeName: 'datetime',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: string | number | '' | null
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+  disabled?: boolean
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+const attrs = ref({} as any)
+const isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormDatetime-panel {
+  display: flex;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormDatetimerange.vue

@@ -1,47 +1,47 @@
-<template>
-  <el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-date-picker>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDatetimerange',
-  inheritAttrs: false,
-  typeName: 'datetimerange',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: Array<string> | Date
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-  disabled?: boolean
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const attrs = ref({} as any)
-const isInit = ref(false)
-const onEvents = ref(getEvents(props))
-
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
-  isInit.value = true
-})
-</script>
-<style lang="scss" scoped>
-.el-plusF-form-datetimerange-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" :disabled="disabled">
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-date-picker>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDatetimerange',
+  inheritAttrs: false,
+  typeName: 'datetimerange',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: Array<string> | Date
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+  disabled?: boolean
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const attrs = ref({} as any)
+const isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.el-plusF-form-datetimerange-panel {
+  display: flex;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormImage.vue

@@ -90,6 +90,7 @@ const styles = computed(() => {
   display: flex;
   // justify-content: center;
   flex-wrap: wrap;
+  margin-bottom: 10px;
 
   .no-img-tip {
     color: #999999;
@@ -99,6 +100,9 @@ const styles = computed(() => {
     margin-left: 10px;
     margin-bottom: 10px;
   }
+  .el-image:first-child {
+    margin-left: 0px;
+  }
 }
 
 .ele-form-image .el-image {

package/lib/components/el-plus-form/components/ElPlusFormInput.vue

@@ -1,62 +1,62 @@
-<template>
-  <el-input v-if="isInit" style="display: flex" v-bind="attrs" v-on="onEvents" :disabled="disabled" v-model="currentValue">
-    <template v-for="(item, key, index) of slots" #[key] :key="index">
-      <slot :name="key" />
-    </template>
-  </el-input>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormInput',
-  inheritAttrs: false,
-  typeName: 'input',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const defaultConf = inject('defaultConf') as ICRUDConfig
-
-const props = defineProps<{
-  modelValue?: string | null
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-  disabled?: boolean
-}>()
-
-const emits = defineEmits(['update:modelValue', 'validateThis'])
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const attrs = ref({} as any)
-const isInit = ref(false)
-const onEvents = ref(getEvents(props))
-
-const currentValue = ref()
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, clearable: true, ...useAttrs() })
-  isInit.value = true
-})
-
-watch(
-  () => props.modelValue,
-  (data: string | null | undefined) => {
-    // 这里要截取一下字符串长度
-    if (data && data.length > attrs.value.maxlength) {
-      data = data.substring(0, attrs.value.maxlength)
-    }
-    currentValue.value = data
-  },
-  { immediate: true }
-)
-
-watch(
-  () => currentValue.value,
-  () => {
-    emits('validateThis')
-  }
-)
-</script>
+<template>
+  <el-input v-if="isInit" style="display: flex" v-bind="attrs" v-on="onEvents" :disabled="disabled" v-model="currentValue">
+    <template v-for="(item, key, index) of slots" #[key] :key="index">
+      <slot :name="key" />
+    </template>
+  </el-input>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormInput',
+  inheritAttrs: false,
+  typeName: 'input',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, watch, useAttrs, useSlots, onBeforeMount, inject } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const defaultConf = inject('defaultConf') as ICRUDConfig
+
+const props = defineProps<{
+  modelValue?: string | null
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+  disabled?: boolean
+}>()
+
+const emits = defineEmits(['update:modelValue', 'validateThis'])
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const attrs = ref({} as any)
+const isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+const currentValue = ref()
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { autocomplete: 'new-password', maxlength: defaultConf.form?.leng?.input || 0, clearable: true, ...useAttrs() })
+  isInit.value = true
+})
+
+watch(
+  () => props.modelValue,
+  (data: string | null | undefined) => {
+    // 这里要截取一下字符串长度
+    if (data && data.length > attrs.value.maxlength) {
+      data = data.substring(0, attrs.value.maxlength)
+    }
+    currentValue.value = data
+  },
+  { immediate: true }
+)
+
+watch(
+  () => currentValue.value,
+  () => {
+    emits('validateThis')
+  }
+)
+</script>