hrp-ui-base 1.4.7 → 1.4.8

package/src/components/list-search-content/components/search-date-range.vue

@@ -1,75 +1,75 @@
-<!-- 
- * @description: 
- * @fileName: search-date-range.vue 
- * @author: huatuo 
-!-->
-<template>
-  <div class="flex-row-start-center">
-    <div v-if="props.option.format == 'YYYY'" style="display: flex;width: 100%;">
-      <el-date-picker class="form-time-pick" v-model="currentData[0]" type="year" value-format="YYYY" placeholder="请选择"
-        style="width: 100%" />
-      <span style="margin: 0 8px;"> {{ '到' }} </span>
-      <el-date-picker class="form-time-pick" v-model="currentData[1]" :disabled-date="disabledBeforeDate" type="year"
-        value-format="YYYY" placeholder="请选择" style="width: 100%" />
-
-    </div>
-    <el-date-picker v-model="currentData" range-separator="到" start-placeholder="开始时间" end-placeholder="结束时间"
-      :format="(props.option.format ? props.option.format : 'YYYY-MM-DD')" v-else
-      :valueFormat="(props.option.format ? props.option.format : 'YYYY-MM-DD')"
-      :type="props.option.format ? props.option.format.toLocaleUpperCase() === 'YYYY' ? 'yearrange' : props.option.format.toLocaleUpperCase() === 'YYYY-MM' ? 'monthrange' : 'daterange' : 'daterange'"
-      clearable />
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, reactive, PropType, watch, onMounted } from 'vue'
-import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
-import { ElMessage } from 'element-plus'
-import moment from 'moment/moment';
-const props = defineProps({
-  option: {
-    type: Object as PropType<SearchVO>,
-    default: () => {
-      return new SearchVO()
-    },
-    require: true
-  },
-  index: Number,
-})
-const emit = defineEmits(['changeValue'])
-const currentData = ref<string[]>([])
-const currentShowData = ref<string>("")
-// watch(() => {
-//   return props.option.value
-// }, () => {
-//   if (Array.isArray(props.option.value)) {
-//     currentData.value = props.option.value
-//   } else {
-//     currentData.value = []
-//   }
-// }, { deep: true })
-watch(() => {
-  return currentData.value
-}, () => {
-  console.log(currentData.value)
-  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
-    currentShowData.value = currentData.value.join('-')
-  } else {
-    currentShowData.value = ""
-  }
-}, { deep: true })
-watch(() => { return props.option.value }, (newValue, oldValue) => {
-  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
-  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
-}, { deep: true, immediate: true })
-defineExpose({ currentData, currentShowData, originData: props.option })
-const disabledBeforeDate = (date) => {
-  if (date.getTime() < moment(currentData.value[0]).toDate().getTime()) {
-    return true
-  } else {
-    return false
-  }
-}
-</script>
-
+<!-- 
+ * @description: 
+ * @fileName: search-date-range.vue 
+ * @author: huatuo 
+!-->
+<template>
+  <div class="flex-row-start-center">
+    <div v-if="props.option.format == 'YYYY'" style="display: flex;width: 100%;">
+      <el-date-picker class="form-time-pick" v-model="currentData[0]" type="year" value-format="YYYY" placeholder="请选择"
+        style="width: 100%" />
+      <span style="margin: 0 8px;"> {{ '到' }} </span>
+      <el-date-picker class="form-time-pick" v-model="currentData[1]" :disabled-date="disabledBeforeDate" type="year"
+        value-format="YYYY" placeholder="请选择" style="width: 100%" />
+
+    </div>
+    <el-date-picker v-model="currentData" range-separator="到" start-placeholder="开始时间" end-placeholder="结束时间"
+      :format="(props.option.format ? props.option.format : 'YYYY-MM-DD')" v-else
+      :valueFormat="(props.option.format ? props.option.format : 'YYYY-MM-DD')"
+      :type="props.option.format ? props.option.format.toLocaleUpperCase() === 'YYYY' ? 'yearrange' : props.option.format.toLocaleUpperCase() === 'YYYY-MM' ? 'monthrange' : 'daterange' : 'daterange'"
+      clearable />
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive, PropType, watch, onMounted } from 'vue'
+import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
+import { ElMessage } from 'element-plus'
+import moment from 'moment/moment';
+const props = defineProps({
+  option: {
+    type: Object as PropType<SearchVO>,
+    default: () => {
+      return new SearchVO()
+    },
+    require: true
+  },
+  index: Number,
+})
+const emit = defineEmits(['changeValue'])
+const currentData = ref<string[]>([])
+const currentShowData = ref<string>("")
+// watch(() => {
+//   return props.option.value
+// }, () => {
+//   if (Array.isArray(props.option.value)) {
+//     currentData.value = props.option.value
+//   } else {
+//     currentData.value = []
+//   }
+// }, { deep: true })
+watch(() => {
+  return currentData.value
+}, () => {
+  console.log(currentData.value)
+  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
+    currentShowData.value = currentData.value.join('-')
+  } else {
+    currentShowData.value = ""
+  }
+}, { deep: true })
+watch(() => { return props.option.value }, (newValue, oldValue) => {
+  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
+  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
+}, { deep: true, immediate: true })
+defineExpose({ currentData, currentShowData, originData: props.option })
+const disabledBeforeDate = (date) => {
+  if (date.getTime() < moment(currentData.value[0]).toDate().getTime()) {
+    return true
+  } else {
+    return false
+  }
+}
+</script>
+
 <style scoped lang='scss'></style>

package/src/components/list-search-content/components/search-date-time-range.vue

@@ -1,49 +1,49 @@
-<!-- 
- * @description: 
- * @fileName: search-date-time-range.vue 
- * @author: huatuo 
-!-->
-<template>
-  <div class="flex-row-start-center">
-    <el-date-picker v-model="currentData" type="datetimerange" range-separator="到" start-placeholder="开始时间"
-      end-placeholder="结束时间" :format="(props.option.format ? props.option.format : 'YYYY-MM-DD HH:mm:ss')"
-      :valueFormat="(props.option.format ? props.option.format : 'YYYY-MM-DD HH:mm:ss')" clearable />
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, reactive, PropType, watch, onMounted } from 'vue'
-import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
-import { ElMessage } from 'element-plus'
-const props = defineProps({
-  option: {
-    type: Object as PropType<SearchVO>,
-    default: () => {
-      return new SearchVO()
-    },
-    require: true
-  },
-  index: Number,
-
-})
-const emit = defineEmits(['changeValue'])
-const currentData = ref<string[]>([])
-const currentShowData = ref<string>("")
-watch(() => {
-  return currentData.value
-}, () => {
-  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
-    currentShowData.value = currentData.value.join('-')
-  } else {
-    currentShowData.value = ""
-  }
-}, { deep: true })
-watch(() => { return props.option.value }, (newValue, oldValue) => {
-  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
-  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
-}, { deep: true, immediate: true })
-defineExpose({ currentData, currentShowData, originData: props.option })
-
-</script>
-
+<!-- 
+ * @description: 
+ * @fileName: search-date-time-range.vue 
+ * @author: huatuo 
+!-->
+<template>
+  <div class="flex-row-start-center">
+    <el-date-picker v-model="currentData" type="datetimerange" range-separator="到" start-placeholder="开始时间"
+      end-placeholder="结束时间" :format="(props.option.format ? props.option.format : 'YYYY-MM-DD HH:mm:ss')"
+      :valueFormat="(props.option.format ? props.option.format : 'YYYY-MM-DD HH:mm:ss')" clearable />
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive, PropType, watch, onMounted } from 'vue'
+import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
+import { ElMessage } from 'element-plus'
+const props = defineProps({
+  option: {
+    type: Object as PropType<SearchVO>,
+    default: () => {
+      return new SearchVO()
+    },
+    require: true
+  },
+  index: Number,
+
+})
+const emit = defineEmits(['changeValue'])
+const currentData = ref<string[]>([])
+const currentShowData = ref<string>("")
+watch(() => {
+  return currentData.value
+}, () => {
+  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
+    currentShowData.value = currentData.value.join('-')
+  } else {
+    currentShowData.value = ""
+  }
+}, { deep: true })
+watch(() => { return props.option.value }, (newValue, oldValue) => {
+  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
+  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
+}, { deep: true, immediate: true })
+defineExpose({ currentData, currentShowData, originData: props.option })
+
+</script>
+
 <style scoped lang='scss'></style>

package/src/components/list-search-content/components/search-date.vue

@@ -1,97 +1,97 @@
-<!-- 
- * @description: 日期选择组件
- * @fileName: search-date.vue 
- * @author: jiashu 
-!-->
-<template>
-  <div class="flex-row-start-center">
-    <el-date-picker 
-      v-model="currentData" 
-      :type="getDatePickerType()"
-      :placeholder="(props.option.placeholder ? props.option.placeholder : '请选择日期')"
-      :format="getDateFormat()"
-      :valueFormat="getValueFormat()" 
-      clearable 
-      @change="handleDateChange"
-    />
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, PropType, watch, computed } from 'vue'
-import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
-
-const props = defineProps({
-  option: {
-    type: Object as PropType<SearchVO>,
-    default: () => {
-      return new SearchVO()
-    },
-    require: true
-  },
-  index: Number,
-})
-
-const emit = defineEmits(['changeValue'])
-const currentData = ref<string>('')
-const currentShowData = ref<string>("")
-
-// 根据 format 获取日期选择器类型
-const getDatePickerType = () => {
-  if (!props.option.format) return 'date'
-  
-  const format = props.option.format.toUpperCase()
-  if (format === 'YYYY') return 'year'
-  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'week'
-  if (format === 'YYYY-MM') return 'month'
-  return 'date'
-}
-
-// 根据 format 获取显示格式
-const getDateFormat = () => {
-  if (!props.option.format) return 'YYYY-MM-DD'
-  
-  const format = props.option.format.toUpperCase()
-  if (format === 'YYYY') return 'YYYY'
-  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'YYYY 第 WW 周'
-  if (format === 'YYYY-MM') return 'YYYY-MM'
-  return 'YYYY-MM-DD'
-}
-
-// 根据 format 获取值格式
-const getValueFormat = () => {
-  if (!props.option.format) return 'YYYY-MM-DD'
-  
-  const format = props.option.format.toUpperCase()
-  if (format === 'YYYY') return 'YYYY'
-  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'YYYY-WW'
-  if (format === 'YYYY-MM') return 'YYYY-MM'
-  return 'YYYY-MM-DD'
-}
-
-// 处理日期变化
-const handleDateChange = (value: string) => {
-  currentData.value = value
-  currentShowData.value = value || ""
-  emit('changeValue', value, currentShowData.value, props.index)
-}
-
-// 监听当前数据变化
-watch(() => {
-  return currentData.value
-}, () => {
-  currentShowData.value = currentData.value || ""
-}, { deep: true })
-
-// 监听外部传入的值变化
-watch(() => { 
-  return props.option.value 
-}, (newValue) => {
-  currentData.value = props.option.value || ""
-  currentShowData.value = props.option.valueShow || ""
-}, { deep: true, immediate: true })
-
-defineExpose({ currentData, currentShowData, originData: props.option })
-</script>
-
-<style scoped lang='scss'></style>
+<!-- 
+ * @description: 日期选择组件
+ * @fileName: search-date.vue 
+ * @author: jiashu 
+!-->
+<template>
+  <div class="flex-row-start-center">
+    <el-date-picker 
+      v-model="currentData" 
+      :type="getDatePickerType()"
+      :placeholder="(props.option.placeholder ? props.option.placeholder : '请选择日期')"
+      :format="getDateFormat()"
+      :valueFormat="getValueFormat()" 
+      clearable 
+      @change="handleDateChange"
+    />
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, PropType, watch, computed } from 'vue'
+import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
+
+const props = defineProps({
+  option: {
+    type: Object as PropType<SearchVO>,
+    default: () => {
+      return new SearchVO()
+    },
+    require: true
+  },
+  index: Number,
+})
+
+const emit = defineEmits(['changeValue'])
+const currentData = ref<string>('')
+const currentShowData = ref<string>("")
+
+// 根据 format 获取日期选择器类型
+const getDatePickerType = () => {
+  if (!props.option.format) return 'date'
+  
+  const format = props.option.format.toUpperCase()
+  if (format === 'YYYY') return 'year'
+  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'week'
+  if (format === 'YYYY-MM') return 'month'
+  return 'date'
+}
+
+// 根据 format 获取显示格式
+const getDateFormat = () => {
+  if (!props.option.format) return 'YYYY-MM-DD'
+  
+  const format = props.option.format.toUpperCase()
+  if (format === 'YYYY') return 'YYYY'
+  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'YYYY 第 WW 周'
+  if (format === 'YYYY-MM') return 'YYYY-MM'
+  return 'YYYY-MM-DD'
+}
+
+// 根据 format 获取值格式
+const getValueFormat = () => {
+  if (!props.option.format) return 'YYYY-MM-DD'
+  
+  const format = props.option.format.toUpperCase()
+  if (format === 'YYYY') return 'YYYY'
+  if (format === 'YYYY-WW' || format === 'YYYY-W') return 'YYYY-WW'
+  if (format === 'YYYY-MM') return 'YYYY-MM'
+  return 'YYYY-MM-DD'
+}
+
+// 处理日期变化
+const handleDateChange = (value: string) => {
+  currentData.value = value
+  currentShowData.value = value || ""
+  emit('changeValue', value, currentShowData.value, props.index)
+}
+
+// 监听当前数据变化
+watch(() => {
+  return currentData.value
+}, () => {
+  currentShowData.value = currentData.value || ""
+}, { deep: true })
+
+// 监听外部传入的值变化
+watch(() => { 
+  return props.option.value 
+}, (newValue) => {
+  currentData.value = props.option.value || ""
+  currentShowData.value = props.option.valueShow || ""
+}, { deep: true, immediate: true })
+
+defineExpose({ currentData, currentShowData, originData: props.option })
+</script>
+
+<style scoped lang='scss'></style>

package/src/components/list-search-content/components/search-input-number.vue

@@ -1,60 +1,60 @@
-<!-- 
- * @description: 
- * @fileName: search-input-number.vue 
- * @author: huatuo 
-!-->
-<template>
-  <div class="flex-row-start-center">
-    <el-input-number placeholder="请输入范围最小值" v-model="currentData[0]" :controls="false"
-      @change="changeData(0)"></el-input-number>
-    <span style="margin: 0 8px;">-</span>
-    <el-input-number placeholder="请输入范围最大值" @change="changeData(1)" v-model="currentData[1]"
-      :controls="false"></el-input-number>
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, reactive, PropType, watch, onMounted } from 'vue'
-import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
-import { ElMessage } from 'element-plus'
-const props = defineProps({
-  option: {
-    type: Object as PropType<SearchVO>,
-    default: () => {
-      return new SearchVO()
-    },
-    require: true
-  },
-  index: Number,
-})
-const emit = defineEmits(['changeValue'])
-const currentData = ref<number[]>([])
-const currentShowData = ref<string>("")
-
-const changeData = (index: number) => {
-  if ((currentData.value[0] > currentData.value[1])) {
-    // @ts-ignore
-    currentData.value[index] = undefined
-    ElMessage.error('最小值应小于等于最大值')
-  }
-}
-watch(() => {
-  return currentData.value
-}, () => {
-  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
-    if (currentData.value[0] < currentData.value[1]) {
-      currentShowData.value = currentData.value.join('-')
-    }
-  } else {
-    currentShowData.value = ""
-  }
-}, { deep: true })
-watch(() => { return props.option.value }, (newValue, oldValue) => {
-  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
-  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
-}, { deep: true, immediate: true })
-defineExpose({ currentData, currentShowData,originData:props.option })
-
-</script>
-
+<!-- 
+ * @description: 
+ * @fileName: search-input-number.vue 
+ * @author: huatuo 
+!-->
+<template>
+  <div class="flex-row-start-center">
+    <el-input-number placeholder="请输入范围最小值" v-model="currentData[0]" :controls="false"
+      @change="changeData(0)"></el-input-number>
+    <span style="margin: 0 8px;">-</span>
+    <el-input-number placeholder="请输入范围最大值" @change="changeData(1)" v-model="currentData[1]"
+      :controls="false"></el-input-number>
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive, PropType, watch, onMounted } from 'vue'
+import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
+import { ElMessage } from 'element-plus'
+const props = defineProps({
+  option: {
+    type: Object as PropType<SearchVO>,
+    default: () => {
+      return new SearchVO()
+    },
+    require: true
+  },
+  index: Number,
+})
+const emit = defineEmits(['changeValue'])
+const currentData = ref<number[]>([])
+const currentShowData = ref<string>("")
+
+const changeData = (index: number) => {
+  if ((currentData.value[0] > currentData.value[1])) {
+    // @ts-ignore
+    currentData.value[index] = undefined
+    ElMessage.error('最小值应小于等于最大值')
+  }
+}
+watch(() => {
+  return currentData.value
+}, () => {
+  if (currentData.value && Array.isArray(currentData.value) && currentData.value.length === 2) {
+    if (currentData.value[0] < currentData.value[1]) {
+      currentShowData.value = currentData.value.join('-')
+    }
+  } else {
+    currentShowData.value = ""
+  }
+}, { deep: true })
+watch(() => { return props.option.value }, (newValue, oldValue) => {
+  currentData.value = props.option.value && Array.isArray(props.option.value) && props.option.value.length > 0 ? props.option.value : []
+  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
+}, { deep: true, immediate: true })
+defineExpose({ currentData, currentShowData,originData:props.option })
+
+</script>
+
 <style scoped lang='scss'></style>

package/src/components/list-search-content/components/search-input.vue

@@ -1,47 +1,47 @@
-<!-- 
- * @description: 
- * @fileName: search-input.vue 
- * @author: huatuo 
-!-->
-<template>
-  <div>
-    <el-input :placeholder="(props.option.placeholder ? props.option.placeholder : '请输入')"
-      v-model="currentData" clearable></el-input>
-  </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, reactive, PropType, watch,onMounted  } from 'vue'
-import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
-const props = defineProps({
-  option: {
-    type: Object as PropType<SearchVO>,
-    default: () => {
-      return new SearchVO()
-    },
-    require: true
-  },
-  index: Number,
-})
-const emit = defineEmits(['changeValue'])
-const currentData = ref<string>('')
-const currentShowData = ref<string>("")
-watch(() => {
-  return props.option.value
-}, () => {
-  currentData.value = props.option.value
-  console.error(currentData.value)
-  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
-}, { deep: true , immediate: true})
-watch(() => {
-  return currentData.value
-}, () => {
-  currentShowData.value = currentData.value
-
-}, { deep: true,immediate:true })
-defineExpose({ currentData, currentShowData,originData:props.option })
-
-
-</script>
-
+<!-- 
+ * @description: 
+ * @fileName: search-input.vue 
+ * @author: huatuo 
+!-->
+<template>
+  <div>
+    <el-input :placeholder="(props.option.placeholder ? props.option.placeholder : '请输入')"
+      v-model="currentData" clearable></el-input>
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { ref, reactive, PropType, watch,onMounted  } from 'vue'
+import SearchVO from "hrp-ui-base/api/bms/tabulation/bo/SearchVO";
+const props = defineProps({
+  option: {
+    type: Object as PropType<SearchVO>,
+    default: () => {
+      return new SearchVO()
+    },
+    require: true
+  },
+  index: Number,
+})
+const emit = defineEmits(['changeValue'])
+const currentData = ref<string>('')
+const currentShowData = ref<string>("")
+watch(() => {
+  return props.option.value
+}, () => {
+  currentData.value = props.option.value
+  console.error(currentData.value)
+  currentShowData.value = props.option.valueShow ? props.option.valueShow : ""
+}, { deep: true , immediate: true})
+watch(() => {
+  return currentData.value
+}, () => {
+  currentShowData.value = currentData.value
+
+}, { deep: true,immediate:true })
+defineExpose({ currentData, currentShowData,originData:props.option })
+
+
+</script>
+
 <style scoped lang='scss'></style>