qtsk-vue3 0.0.19 → 0.0.21

package/package/components/DatePicker/index.vue

@@ -5,10 +5,14 @@
       v-model="modelValue" 
       :type="type" 
       :placeholder="placeholder" 
-      :format="format" 
+      :format="format"
+      :disabled-date="disabledDate"
       :value-format="format"
       :start-placeholder="startPlaceholder"
       :end-placeholder="endPlaceholder"
+      :disabled-hours="disabledHour"
+      :disabled-minutes="disabledMinute" 
+      :disabled-seconds="disabledSecond"
     />
   </el-config-provider>
 </template>
@@ -45,7 +49,11 @@ const props = defineProps({
   endPlaceholder: {
     type: String,
     default: '结束日期'
-  }
+  },
+  disabledDate: Function,
+  disabledHour: Function,
+  disabledMinute: Function,
+  disabledSecond: Function,
 })
 
 const modelValue = defineModel('modelValue', { type: [String, Array] })

package/package/components/Dialog/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog v-model="modelValue" :title="title" :width="width" align-center>
     <slot>内容</slot>
-    <template #footer>
+    <template #footer v-if="showFooter">
       <div class="dialog-footer">
         <el-button @click="handleCancel"> 
           {{ cancelName }} 
@@ -34,6 +34,10 @@ defineProps({
   confirmName: {
     type: String,
     default: '确认'
+  },
+  showFooter: {
+    type: Boolean,
+    default: true
   }
 })
 

package/package/components/Loading/index.js

@@ -0,0 +1,3 @@
+import { ElLoading } from 'element-plus'
+
+export const Loading = ElLoading

package/package/components/Select/index.vue

@@ -5,7 +5,7 @@
         v-bind="$attrs" 
         :teleported="false" 
         :no-data-text="'暂无数据项'"
-        clearable
+        :clearable="clearable"
     >
         <el-option v-for="item in options" :key="item[valueName]" :label="item[keyName]" :value="item[valueName]">
             <div v-if="item.icon" style="display: flex;align-items: center;justify-content: space-between;">
@@ -39,6 +39,10 @@ defineProps({
     valueName: {
         type: String,
         default: 'value'
+    },
+    clearable: {
+        type: Boolean,
+        default: true
     }
 })
 const selectValue = defineModel('modelValue', { default: '', type: [Number, String, Array] })

package/package/components/Tabs/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-tabs v-model="activeName" type="border-card" class="demo-tabs">
+    <el-tabs v-model="activeName" :type="type" class="demo-tabs">
         <slot/>
     </el-tabs>
 </template>
@@ -11,6 +11,13 @@ import '../../style/root.css'
 defineOptions({
     name: 'Tabs'
 })
+
+defineProps({
+    type: {
+        type: String,
+        default: 'border-card', // '' | 'card' | 'border-card'
+    }
+})
 const activeName = defineModel('activeName', {type: String})
 </script>
 

package/package/index.js

@@ -1,24 +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.json

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