v3.9.0【优化】typescript版本;【优化】App端消息;【优化】弹出层z-index;

smart-admin-web-javascript/src/components/framework/boolean-select/index.vue

@@ -0,0 +1,80 @@
+<!--
+  *  布尔 树形选择组件
+  *
+  * @Author:    1024创新实验室-主任：卓大
+  * @Date:      2022-08-12 21:01:52
+  * @Wechat:    zhuda1024
+  * @Email:     lab1024@163.com
+  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012
+  *
+-->
+<template>
+  <a-select
+    v-model:value="selectValue"
+    :style="`width: ${width}px`"
+    :placeholder="placeholder"
+    :showSearch="true"
+    :allowClear="true"
+    :size="size"
+    @change="handleChange"
+  >
+    <a-select-option v-for="item in $smartEnumPlugin.getValueDescList('FLAG_NUMBER_ENUM')" :key="item.value" :value="item.value">
+      {{ item.desc }}
+    </a-select-option>
+  </a-select>
+</template>
+
+<script setup>
+  import _ from 'lodash';
+  import { ref, watch } from 'vue';
+
+  const props = defineProps({
+    value: Number,
+    width: {
+      type: Number,
+      default: 100,
+    },
+    placeholder: {
+      type: String,
+      default: '请选择',
+    },
+    size: {
+      type: String,
+      default: 'default',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  });
+
+  const emit = defineEmits(['update:value', 'change']);
+
+  function convertBoolean2number(value) {
+    let result = null;
+    if (_.isNaN(value) || _.isNull(value) || _.isUndefined(value)) {
+      result = null;
+    } else {
+      result = value ? 1 : 0;
+    }
+    return result;
+  }
+  // 箭头value变化
+  const selectValue = ref(convertBoolean2number(props.value));
+  watch(
+    () => props.value,
+    (newValue) => {
+      selectValue.value = convertBoolean2number(newValue);
+    }
+  );
+
+  const handleChange = (value) => {
+    console.log('boolean enum select', value);
+    let booleanResult = null;
+    if (!_.isUndefined(value)) {
+      booleanResult = value === 1;
+    }
+    emit('update:value', booleanResult);
+    emit('change', booleanResult);
+  };
+</script>