qtsk-vue3 0.0.37 → 0.0.39

package/package/component.js

@@ -24,6 +24,7 @@ import Checkbox from './components/CheckBox/index.vue'
 import Upload from './components/Upload/index.vue'
 import Tooltip from './components/Tooltip/index.vue'
 import Skeleton from './components/Skeleton/index.vue'
+import Alert from './components/Alert/index.vue'
 const components = 
     [
         CommonButton, 
@@ -51,6 +52,7 @@ const components =
         Checkbox,
         Upload,
         Tooltip,
-        Skeleton
+        Skeleton,
+        Alert
     ]
 export default components

package/package/components/Alert/index.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="normalClass">
+        <el-alert :title="title" :type="type" :effect="effect" v-bind="$attrs"/>
+    </div>
+</template>
+
+<script setup>
+import { ElAlert } from 'element-plus'
+
+defineOptions({
+  name: 'Alert',
+})
+const props = defineProps({
+  title: {
+    type: String,
+    default: '这里输入内容'
+  },
+  type: {
+    type: String,
+    default: 'success' // Alert 类型 'success' | 'warning' | 'info' | 'error'
+  },
+  effect: {
+    type: String,
+    default: 'dark' // 主题样式 'light' | 'dark'
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.normalClass{
+  margin: 0px;
+}
+</style>

package/package/components/Radio/index.vue

@@ -1,12 +1,17 @@
 <template>
      <el-radio-group v-model="radioValue">
-      <el-radio v-for="(item, index) in options" :value="item.value" :key="index">{{item.label}}</el-radio>
+        <template v-if="!type">
+            <el-radio v-for="(item, index) in options" :value="item.value" :key="index">{{item.label}}</el-radio>
+        </template>
+        <template v-else>
+            <el-radio-button v-for="(item, index) in options" :value="item.value" :label="item.label" :key="index"/>
+        </template>
     </el-radio-group>
 </template>
 
 <script setup>
 import { computed } from 'vue'
-import {ElRadioGroup, ElRadio} from 'element-plus'
+import {ElRadioGroup, ElRadio, ElRadioButton} from 'element-plus'
 import '../../style/root.css'
 
 defineOptions({
@@ -16,6 +21,10 @@ const props = defineProps({
    options: {
     type: Array,
     default: () => ([])
+   },
+   type: {
+    type: String,
+    default:''
    }
 })
 const emits = defineEmits(['update:modelValue'])

package/package/index.backup.js

@@ -1,22 +1,23 @@
-import Components from './component'
-import { Message, MessageBox } from './components/Message'
-
-const makeInstaller = (components = [], directives = []) => {
-    const apps = []
-    const install = (app, opts) => {
-        const option = opts
-        if (apps.includes(app)) return
-        apps.push(app)
-        components.forEach((c) => {
-            app.component(c.name, c)
-        })
-        app.config.globalProperties.$ELEMENT = option
-    }
-    return install
-}
-
-const install = makeInstaller(Components)
-
-export { Message, MessageBox, install, install as default }
-
-console.info('%c====== Editing in local package ======', 'font-size:16px;color:pink;')
+import Components from './component'
+import { Message, MessageBox } from './components/Message'
+import { Loading } from './components/Loading'
+
+const makeInstaller = (components = [], directives = []) => {
+    const apps = []
+    const install = (app, opts) => {
+        const option = opts
+        if (apps.includes(app)) return
+        apps.push(app)
+        components.forEach((c) => {
+            app.component(c.name, c)
+        })
+        app.config.globalProperties.$ELEMENT = option
+    }
+    return install
+}
+
+const install = makeInstaller(Components)
+
+export { Message, MessageBox, Loading, install, install as default }
+
+console.info('%c====== Editing in local package ======', 'font-size:16px;color:pink;')

package/package/index.js

@@ -21,3 +21,5 @@ const install = makeInstaller(Components)
 export { Message, MessageBox, Loading, install, install as default }
 
 console.info('%c====== Editing in local package ======', 'font-size:16px;color:pink;')
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qtsk-vue3",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "vue3版组件库",
   "main": "./package/index.js",
   "scripts": {