@bytenew/bn-bus-ui 1.1.462 → 1.1.463

package/packages/BnCondition/util.js

@@ -0,0 +1,232 @@
+export const searchList = {
+  1: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    // {title: '不重复', id: '14'},
+    // {title: '重复', id: '15'}
+  ],
+  2: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '大于', id: '16'},
+    {title: '小于', id: '17'},
+    {title: '大于等于', id: '18'},
+    {title: '小于等于', id: '19'},
+    // {title: '范围', id: '8'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  3: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'}
+  ],
+  4: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'}
+  ],
+  5: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    {title: '包含所有项', id: '7'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  6: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    // {title: '包含所有项', id: '7'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+    // {title: '重复', id: '15'}
+  ],
+  7: [
+    // {title: '范围', id: '8'},
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '大于', id: '16'},
+    {title: '小于', id: '17'},
+    {title: '大于等于', id: '18'},
+    {title: '小于等于', id: '19'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  10: [
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  14: [
+    {title: '等于', id: '1'},
+    {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '包含任一项', id: '5'},
+    {title: '不包含任一项', id: '6'},
+    // {title: '包含所有项', id: '7'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  15: [
+    // {title: '等于', id: '1'},
+    // {title: '不等于', id: '2'},
+    // {title: '包含', id: '3'},
+    // {title: '包含任一项', id: '5'},
+    // {title: '不包含任一项', id: '6'},
+    // {title: '包含所有项', id: '7'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ],
+  /*8: [
+	{title: '范围', id: '8'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'},
+	// {title: '属于', id: '11'},
+	// {title: '有交集', id: '12'},
+	// {title: '无交集', id: '13'},
+  ],
+  9: [
+	{title: '范围', id: '8'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'},
+  ],
+  11: [
+	{title: '等于', id: '1'},
+	{title: '不等于', id: '2'},
+	{title: '包含', id: '3'},
+	{title: '不包含', id: '4'},
+	{title: '包含任一项', id: '5'},
+	{title: '不包含任一项', id: '6'},
+	{title: '包含所有项', id: '7'},
+	{title: '范围', id: '8'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'},
+	{title: '属于', id: '11'},
+	{title: '有交集', id: '12'},
+	{title: '无交集', id: '13'},],
+  12: [
+	{title: '等于', id: '1'},
+	{title: '不等于', id: '2'},
+	{title: '包含', id: '3'},
+	{title: '不包含', id: '4'},
+	{title: '包含任一项', id: '5'},
+	{title: '不包含任一项', id: '6'},
+	{title: '包含所有项', id: '7'},
+	{title: '范围', id: '8'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'},
+	{title: '属于', id: '11'},
+	{title: '有交集', id: '12'},
+	{title: '无交集', id: '13'},],
+  13: [
+	{title: '等于', id: '1'},
+	{title: '不等于', id: '2'},
+	{title: '包含', id: '3'},
+	{title: '不包含', id: '4'},
+	{title: '包含任一项', id: '5'},
+	{title: '不包含任一项', id: '6'},
+	{title: '包含所有项', id: '7'},
+	{title: '范围', id: '8'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'},
+	{title: '属于', id: '11'},
+	{title: '有交集', id: '12'},
+	{title: '无交集', id: '13'},],
+  15: [
+	{title: '等于', id: '1'},
+	{title: '为空', id: '9'},
+	{title: '不为空', id: '10'}
+  ],*/
+  20:[
+    // {title: '等于', id: '1'},
+    // {title: '不等于', id: '2'},
+    {title: '包含', id: '3'},
+    {title: '不包含', id: '4'},
+    {title: '包含任一项', id: '5'},
+    // {title: '不包含任一项', id: '6'},
+    // {title: '包含所有项', id: '7'},
+    {title: '为空', id: '9'},
+    {title: '不为空', id: '10'},
+  ]
+};
+
+//每个组件类型对应的筛选类型列表
+export const submitCheckTypeList = {
+  1: '等于',
+  2: '不等于',
+  3: '包含',
+  4: '不包含',
+  5: '包含任一项',
+  6: '不包含任一项',
+  7: '包含所有项',
+  8: '范围',
+  9: '为空',
+  10: '不为空',
+  11: '属于',
+  12: '有交集',
+  13: '无交集',
+  14: '不重复',
+  15: '重复',
+  16: '大于',
+  17: '小于',
+  18: '大于等于',
+  19: '小于等于',
+  20: '值改变',
+  21: '重复数量大于',
+  22: '累计等于',
+  23: '累计大于',
+  24: '累计小于',
+  25: '累计大于等于',
+  26: '累计小于等于',
+  27: '累计大于占比',
+  28: '包含任一项(模糊)',    //模糊筛选
+  29: '不包含任一项(模糊)',    //模糊筛选
+  101: '变更为',
+  102: '变更为空',
+  103: '变更为有值',
+};
+
+
+export const valueTypeList = {
+  //{id: '0', title: '自定义填写'},{id: '1', title: '其他组件'},{id: '2', title: '组件选项'}, {id: '3', title: '空值'},{id: '4', title: '其他步骤'},{ id: '5', title: '工作表属性' }
+  1: [{id: '0', title: '自定义填写'}, {id: '1', title: '其他组件'}],
+  2: [{id: '0', title: '自定义填写'}, {id: '1', title: '其他组件'}],
+  3: [{id: '2', title: '组件选项'}, {id: '1', title: '其他组件'}],
+  4: [{id: '2', title: '组件选项'}, {id: '1', title: '其他组件'}],
+  5: [{id: '2', title: '组件选项'}],
+  6: [{id: '2', title: '组件选项'}],
+  7: [{id: '0', title: '自定义填写'}, {id: '1', title: '其他组件'}],
+  8: [{id: '0', title: '自定义填写'}, {id: '1', title: '其他组件'}],
+  9: [{id: '0', title: '自定义填写'}],
+  10: [{id: '2', title: '组件选项'}],
+  11: [{id: '2', title: '组件选项'}],
+  12: [{id: '2', title: '组件选项'}],
+  13: [{id: '2', title: '组件选项'}],
+  14: [{id: '2', title: '组件选项'}],
+  15: [{id: '2', title: '组件选项'}],
+  20: [{id: '2', title: '组件选项'}],
+}
+// 对比子类型
+export const subTypeList = {
+  7: [
+    {id: '5', title: '指定时间'},{id: '0', title: '今天'},{id: '1', title: '明天'}, {id: '2', title: '昨天'}, {id: '3', title: '过去x天'}, {id: '4', title: '未来x天'},
+    //部分支持 {id: '6', title: '过去x时'}, {id: '7', title: '未来x时'}, {id: '8', title: '过去x月'}, {id: '9', title: '未来x月'},
+  ],
+}

package/packages/BnDatePicker/BnDatePicker.vue

@@ -0,0 +1,194 @@
+<!--
+  @Auther:辛巴
+  @Date:2023/3/1
+  @Description:bnDateRange
+  @VERSION:1.0-->
+<template>
+  <el-date-picker style="width: 100%"
+				  v-model="date"
+				  :type="type"
+				  :size="size"
+				  :disabled="disabled"
+				  :editable="editable"
+				  :clearable="clearable"
+				  :placeholder="placeholder"
+				  :start-placeholder="startPlaceholder"
+				  :end-placeholder="endPlaceholder"
+				  :time-arrow-control="timeArrowControl"
+				  :format="format"
+				  :value-format="valueFormat"
+				  placement="bottom-start"
+				  :popper-class="popperClass"
+				  :range-separator="rangeSeparator"
+				  :defaultTime="defaultTime"
+				  @blur="blur"
+				  @focus="focus"/>
+</template>
+
+<script>
+  export default {
+	name: "BnDatePicker",
+	props: {
+	  // 时间选择器类型 日期：daterange 日期+时间：datetimerange  年：year 月：month 日：date 周：week
+	  type: {
+		type: String,
+		default: "daterange"
+	  },
+	  // 日期格式化
+	  dataFormat: String,
+	  // 日期组件的值,默认是数组，可以传对象格式
+	  modelValue: {},
+	  // 当value是对象时，需要提供开始时间的key，默认是start
+	  startKey: {
+		default: 'start'
+	  },
+	  // 当value是对象时，需要提供结束时间的key，默认是start
+	  endKey: {
+		default: 'end'
+	  },
+	  // 大小：large 40px, small 32px, mini 28px 默认 small
+	  size: String,
+	  //是否禁用
+	  disabled: {
+		default: false
+	  },
+	  // 输入框是否可输入
+	  editable: {
+		default: true
+	  },
+	  // 是否带清空按钮
+	  clearable: {
+		default: true
+	  },
+	  // 选择日期
+	  placeholder: {
+		type: String,
+		default: '选择日期'
+	  },
+	  // 开始时间的placeholder
+	  startPlaceholder: {
+		type: String,
+		default: '开始时间'
+	  },
+	  // 结束时间的placeholder
+	  endPlaceholder: {
+		type: String,
+		default: '结束时间'
+	  },
+	  // 是否使用箭头，进行时间选择
+	  timeArrowControl: {
+		default: false
+	  },
+	  // DateTimePicker 下拉框的类名
+	  popperClass: {},
+	  // 选择期分割符
+	  rangeSeparator: {
+		default: "-"
+	  },
+	  // 默认时间，必须是时间对象
+	  defaultTime: {
+		type: [Date, Array],
+		default() {
+		  return [new Date().setHours(0, 0, 0, 0), new Date().setHours(23, 59, 59, 999)]
+		}
+	  },
+	},
+	data() {
+	  return {
+		typeRangeArray: ['monthrange', 'daterange', 'datetimerange'],
+	  }
+	},
+	methods: {
+	  /**
+	   * 更新时间选择器数据
+	   * */
+	  updateValue(value) {
+		// 更新value
+		this.$emit('update:modelValue', value)
+	  },
+	  /**
+	   * 失去焦点
+	   * */
+	  blur(val) {
+		this.$emit('blur', val)
+	  },
+	  /**
+	   * 获得焦点
+	   * */
+	  focus(val) {
+		this.$emit('focus', val)
+	  },
+	  /**
+	   * 统一格式化日期
+	   * */
+	  formatDatePattern(input) {
+		// 转换为统一的大写格式
+		const formatted = input
+		  .replace(/y+/gi, 'YYYY') // 将 y 或 Y 转换为 YYYY
+		  .replace(/m+/gi, 'MM')   // 将 m 或 M 转换为 MM
+		  .replace(/d+/gi, 'DD')   // 将 d 或 D 转换为 DD
+		  .replace(/h+/gi, 'HH')   // 将 h 或 H 转换为 HH
+		  .replace(/s+/gi, 'ss');  // 将 s 或 S 转换为 ss
+		
+		return formatted;
+	  }
+	},
+	computed: {
+	  /**
+	   * 日期组件value
+	   * */
+	  date: {
+		get() {
+		  if (this.modelValue) {
+			if (typeof this.modelValue == 'object' && !Array.isArray(this.modelValue) && this.typeRangeArray.includes(this.type)) {
+			  let value = ['', '']
+			  value[0] = this.modelValue[this.startKey] ? this.modelValue[this.startKey] : ''
+			  value[1] = this.modelValue[this.endKey] ? this.modelValue[this.endKey] : ''
+			  return value
+			} else {
+			  return this.modelValue;
+			}
+		  } else {
+			return undefined;
+		  }
+		},
+		set(val) {
+		  if (!this.modelValue || Array.isArray(this.modelValue)) {
+			this.updateValue(val)
+		  } else {
+			if (this.typeRangeArray.includes(this.type)) {
+			  let value = JSON.parse(JSON.stringify(this.modelValue || []));
+			  value[this.startKey] = val && val[0] ? val[0] : '';
+			  value[this.endKey] = val && val[1] ? val[1] : '';
+			  this.updateValue(value)
+			} else {
+			  this.updateValue(val)
+			}
+		  }
+		},
+	  },
+	  // 显示在输入框中的格式
+	  format: {
+		get() {
+		  let format = this.type == 'daterange' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'
+		  format = this.dataFormat ? this.formatDatePattern(this.dataFormat) : format;
+		  return format;
+		},
+		set(val) {
+		  return val;
+		},
+	  },
+	  // 可选，绑定值的格式。不指定则绑定值为 Date 对象	string	见日期格式
+	  valueFormat: {
+		get() {
+		  let format = this.type == 'daterange' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'
+		  format = this.dataFormat ? this.formatDatePattern(this.dataFormat) : format;
+		  return format;
+		},
+		set(val) {
+		  return val;
+		},
+	  },
+	}
+  }
+</script>