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

smart-admin-web-javascript/src/components/framework/smart-enum-checkbox/index.vue

@@ -0,0 +1,55 @@
+<!--
+  * 枚举 多选框
+  * 
+  * @Author:    1024创新实验室-主任：卓大 
+  * @Date:      2022-08-08 20:32:30 
+  * @Wechat:    zhuda1024 
+  * @Email:     lab1024@163.com 
+  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
+  *
+-->
+<template>
+  <a-checkbox-group :style="`width: ${width}`" v-model:value="selectValue" :options="optionList" @change="handleChange" />
+</template>
+
+<script setup>
+  import { ref, watch, getCurrentInstance, onMounted } from 'vue';
+
+  const props = defineProps({
+    enumName: String,
+    value: Array,
+    width: {
+      type: String,
+      default: '200px',
+    },
+  });
+
+  // ------------ 枚举数据 加载和构建 ------------
+
+  const optionList = ref([]);
+  function buildOptionList() {
+    const internalInstance = getCurrentInstance(); // 有效  全局
+    const smartEnumPlugin = internalInstance.appContext.config.globalProperties.$smartEnumPlugin;
+    const valueList = smartEnumPlugin.getValueDescList(props.enumName);
+    optionList.value = valueList.map((e) => Object.assign({}, { value: e.value, label: e.desc }));
+  }
+
+  onMounted(buildOptionList);
+
+  // ------------ 数据选中 事件及其相关 ------------
+
+  const selectValue = ref(props.value);
+
+  watch(
+    () => props.value,
+    (newValue) => {
+      selectValue.value = newValue;
+    }
+  );
+
+  const emit = defineEmits(['update:value', 'change']);
+  function handleChange(value) {
+    emit('update:value', value);
+    emit('change', value);
+  }
+</script>