zydx-plus 1.20.123 → 1.22.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.20.123",
+  "version": "1.22.124",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [
@@ -31,6 +31,7 @@
     "@tiptap/extension-image": "^2.0.3",
     "@tiptap/starter-kit": "^2.0.3",
     "@tiptap/vue-3": "^2.0.3",
+    "@tiptap/extension-text-align": "^2.0.3",
     "@vue-office/docx": "^1.1.3",
     "@vue-office/excel": "^1.1.3"
   },

package/src/components/biz_header/src/button_name.js

@@ -1858,7 +1858,7 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '思政要求',
-                                resourceIndex: '思政项目',
+                                resourceIndex: '思政主题',
                                 review: '思政点评',
                                 analyse: '思政分析',
                                 countermeasure: '教学对策'
@@ -2006,18 +2006,18 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '训练要求',
-                                resourceIndex: '训练试题',
+                                resourceIndex: '训练题目',
                                 analyse: '训练分析',
                                 countermeasure: '教学对策'
                             },
                             otherLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题',
-                                allClass: this.getPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目',
+                                allClass: this.getPrefix(item) + '题目'
                             },
                             lowLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目'
                             }
                         }
                     }
@@ -2091,19 +2091,19 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '作业要求',
-                                resourceIndex: '作业试题',
+                                resourceIndex: '作业题目',
                                 review: '作业点评',
                                 analyse: '作业分析',
                                 countermeasure: '教学对策'
                             },
                             otherLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题',
-                                allClass: this.getPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目',
+                                allClass: this.getPrefix(item) + '题目'
                             },
                             lowLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目'
                             }
                         }
                     }
@@ -2404,6 +2404,27 @@ let buttonNames = {
                         }
                     }
                 },
+                resource_lesson_rhyme: {
+                    actionName: '课程歌诀',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                                btnIndex2: this.getPrefix(item) + '歌诀'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                                btnIndex2: this.getPrefix(item) + '歌诀'
+                            },
+                            lowLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                            }
+                        }
+                    }
+                },
             }[this.actionId];
         },
         // 获取前缀内容

package/src/components/biz_taskInfo/src/bizTaskInfo.vue

@@ -4,7 +4,7 @@
             <div v-if="actionConfig[actionId].isShowFinishState" class="task_item_main width100" :class="isWidth50 ? 'width50': 'width100'" style="z-index: 110">
                 <div class="task_text_desc">动作性质：</div>
                 <div class="width250">
-                    <zydxSelect :options="finishStateOptions" v-model:value="finishState"></zydxSelect>
+                    <zydxSelect :readonly="readonly"  :options="finishStateOptions" v-model:value="finishState"></zydxSelect>
                 </div>
             </div>
             <template v-if="actionConfig[actionId].isShowEndTime">
@@ -13,10 +13,12 @@
                         <div class="task_text_desc"><span v-if="actionId === 'action_lesson015'">{{getUppercase(index)}}轮</span>{{actionConfig[actionId].endTimeBtn2}}：</div>
                         <div class="width250">
                             <zydx-input v-model:value="info.examJoinTime"
+                                        :readonly="readonly"
                                         :placeholder="'不限制'"
+                                        :border="!readonly"
                                         :type="'number'">
                                 <template #suffix>
-                                    <span>分钟</span>
+                                    <span v-if="!readonly">分钟</span>
                                 </template>
                             </zydx-input>
                         </div>
@@ -24,12 +26,13 @@
                     <div v-else class="task_item_main" :class="getZindex(index)">
                         <div class="task_text_desc"><span v-if="actionId === 'action_lesson015'">{{getUppercase(index)}}轮</span>{{actionConfig[actionId].endTimeBtn1}}：</div>
                         <div class="width250" style=" position: relative">
-                            <zydx-input v-model:value="info.endTime"
+                            <zydx-input :value="dateFormat(info.endTime)"
                                         :placeholder="'不限制'"
-                                        :readonly="true"
+                                        :readonly="readonly"
+                                        :border="!readonly"
                                         :type="'input'">
                                 <template #suffix>
-                                    <span><img @click="showExamJoinCalenderTime[index] = !showExamJoinCalenderTime[index]" src="data:image/png;base64,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"/></span>
+                                    <span><img v-if="!readonly" @click="this.showExamJoinCalenderTime[index] = !this.showExamJoinCalenderTime[index]" src="data:image/png;base64,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"/></span>
                                 </template>
                             </zydx-input>
                             <div style="position: absolute; right: 0px; top: 15px;">
@@ -40,7 +43,7 @@
                     <div v-if="actionConfig[actionId].isShowLaterScore" class="task_item_main" :class="getZindex(index)">
                         <div class="task_text_desc">迟交扣分：</div>
                         <div class="width250">
-                            <zydxSelect :options="laterScoreOptions" v-model:value="info.laterScore"></zydxSelect>
+                            <zydxSelect :readonly="readonly" :options="laterScoreOptions" v-model:value="info.laterScore"></zydxSelect>
                         </div>
                     </div>
                 </template>
@@ -48,25 +51,25 @@
             <div v-if="actionConfig[actionId].isShowScreenLimit" class="task_item_main" style="z-index: 2">
                 <div class="task_text_desc">切屏限制：</div>
                 <div class="width250">
-                    <zydxSelect :options="screenLimitOptions" v-model:value="screenLimit"></zydxSelect>
+                    <zydxSelect :readonly="readonly" :options="screenLimitOptions" v-model:value="screenLimit"></zydxSelect>
                 </div>
             </div>
             <div v-if="actionConfig[actionId].isShowFunDisable" class="task_item_main" style="z-index: 2">
                 <div class="task_text_desc">复制限制：</div>
                 <div class="width250">
-                    <zydxSelect :options="funDisableOptions" v-model:value="funDisable"></zydxSelect>
+                    <zydxSelect :readonly="readonly" :options="funDisableOptions" v-model:value="funDisable"></zydxSelect>
                 </div>
             </div>
             <div v-if="actionConfig[actionId].isShowReviewObj" class="task_item_main" style="z-index: 1">
                 <div class="task_text_desc">评价主体：</div>
                 <div class="width250">
-                    <zydxSelect :options="reviewObjOptions" v-model:value="reviewObj"></zydxSelect>
+                    <zydxSelect :readonly="readonly" :options="reviewObjOptions" v-model:value="reviewObj"></zydxSelect>
                 </div>
             </div>
             <div v-if="actionConfig[actionId].isShowReviewDemand" class="task_item_main" style="z-index: 1">
                 <div class="task_text_desc">评价要求：</div>
                 <div class="width250">
-                    <zydxSelect :options="reviewDemandOptions" v-model:value="reviewDemand"></zydxSelect>
+                    <zydxSelect :readonly="readonly" :options="reviewDemandOptions" v-model:value="reviewDemand"></zydxSelect>
                 </div>
             </div>
 
@@ -92,12 +95,16 @@
         props: {
             actionId: {
                 type: String,
-                default: "action_lesson052"
+                default: ""
             },
             isTimeModel: {
                 type: Boolean,
                 default: false
             },
+            readonly: {
+                type: Boolean,
+                required: true
+            },
             taskList: {
                 type: Array,
                 default: () => []
@@ -531,9 +538,9 @@
                                     reviewObj: '1',
                                     reviewDemand: "1",
                                     finishState: "0",
-                                    laterScore: '10',
-                                    examJoinTime: '30',
-                                    endTime: '2021-01-10',
+                                    laterScore: '0',
+                                    examJoinTime: '',
+                                    endTime: null,
                                     screenLimit: '0',
                                     funDisable: '0',
                                     round: 1
@@ -543,8 +550,8 @@
                                     reviewDemand: "1",
                                     finishState: "0",
                                     laterScore: '0',
-                                    examJoinTime: '30',
-                                    endTime: '2021-01-10',
+                                    examJoinTime: '',
+                                    endTime: null,
                                     screenLimit: '0',
                                     funDisable: '0',
                                     round: 2
@@ -554,8 +561,8 @@
                                     reviewDemand: "1",
                                     finishState: "0",
                                     laterScore: '0',
-                                    examJoinTime: '30',
-                                    endTime: '2021-01-10',
+                                    examJoinTime: '',
+                                    endTime: null,
                                     screenLimit: '0',
                                     funDisable: '0',
                                     round: 3
@@ -568,8 +575,8 @@
                                     reviewDemand: "1",
                                     finishState: "0",
                                     laterScore: '0',
-                                    examJoinTime: '30',
-                                    endTime: '2021-01-10',
+                                    examJoinTime: '',
+                                    endTime: null,
                                     screenLimit: '0',
                                     funDisable: '0',
                                     round: 1
@@ -606,7 +613,7 @@
             },
             examJoinConfirm (param, index) {
                 this.showExamJoinCalenderTime[index] = !this.showExamJoinCalenderTime[index]
-                this.taskInfoList[index].endTime = param.start + param.date
+                this.taskInfoList[index].endTime = new Date(param.start + ' '+ param.date)
             },
             getUppercase (index) {
                 if (index === 0) {
@@ -617,9 +624,40 @@
                     return "三"
                 }
             },
-            // 排序方法
             confirm () {
+                this.taskInfoList.forEach(item => {
+                    Object.keys(item).forEach(key=>{
+                        if(this.isEmpty(item[key])) {
+                            delete item[key];
+                        }
+                    })
+                })
                 return this.taskInfoList;
+            },
+            dateFormat (date) {
+                if (date != null) {
+                    var y = date.getFullYear();
+                    var m = date.getMonth() + 1;
+                    m = m < 10 ? ('0' + m) : m;
+                    var d = date.getDate();
+                    d = d < 10 ? ('0' + d) : d;
+                    var h = date.getHours();
+                    h = h < 10 ? ('0' + h) : h;
+                    var minute = date.getMinutes();
+                    minute = minute < 10 ? ('0' + minute) : minute;
+                    var second = date.getSeconds();
+                    second = second < 10 ? ('0' + second) : second;
+                    return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
+                } else {
+                    return null;
+                }
+            },
+            isEmpty(obj) {
+                if (typeof obj === 'undefined' || obj === null || obj === '') {
+                    return true;
+                } else {
+                    return false;
+                }
             }
         }
     }

package/src/components/choice/index.js

@@ -0,0 +1,6 @@
+import main from './src/choice';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/choice/src/choice.vue

@@ -0,0 +1,148 @@
+<template>
+   <div class="choice">
+       <div class="choice-title">
+           <div class="choice-title-left">
+               <span><i>*</i>试题选项：</span>
+               <em>(每道多选题至少有两个正确项, 所有选项需给出至少一个答案)</em>
+           </div>
+           <div class="choice-title-right">
+               <button class="but" @click="add('correct')">增正确项</button>
+               <button class="but" @click="add('interfere')">增干扰项</button>
+           </div>
+       </div>
+       <div class="choice-list" v-for="(item,index) in list">
+           <div class="list-title" :class="{'lv-color': item.type === 'correct','red-color': item.type === 'interfere'}">
+               <span>{{ item.letter }} . {{ item.title }}</span>
+               <button class="but" @click="alternative(index)">增加备选</button>
+           </div>
+           <div class="list-cont">
+               <div class="list-cont-li" v-for="(it,ins) in item.list">
+                   <span>{{ ins + 1 }}.</span>
+                   <div class="list-cont-input">
+                        <input type="text" v-model="it.value" placeholder="请输入选项..." />
+                        <img @click="del(index,ins)" v-if="ins !== 0" src="data:image/png;base64,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" alt="" />
+                   </div>
+               </div>
+           </div>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-choice",
+    data() {
+        return {
+            list: [],
+            letter: {0:'A',1:'B',2:'C',3:'D',4:'E',5:'F',6:'G',7:'H'},
+        }
+    },
+    methods: {
+        getContent() {
+            return this.list
+        },
+        add(str) {
+            const index = this.list.length
+            this.list.push({
+                type: str,
+                letter: this.letter[index],
+                title: (str === 'correct')? '正确选项' : '干扰选项',
+                list: [{value: ''}]
+            })
+        },
+        alternative(index) {
+            this.list[index].list.push({value: ''})
+        },
+        del(index,ins) {
+            this.list[index].list.splice(ins, 1)
+        },
+    }
+}
+</script>
+
+<style scoped>
+.list-cont-input{
+    width: 100%;
+    height: 30px;
+    border: 1px solid #ccc;
+    position: relative;
+}
+.list-cont-input input{
+    width: 100%;
+    height: 100%;
+    border: none;
+    outline: none;
+    padding: 0 30px 0 10px;
+}
+.list-cont-input img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    position: absolute;
+    top: 5px;
+    right: 10px;
+    z-index: 1;
+}
+.list-cont-li{
+    padding: 2px 0;
+    display: flex;
+}
+.list-cont-li>span{
+    font-size: 14px;
+    font-weight: 400;
+    margin-right: 5px;
+    line-height: 30px;
+}
+.list-cont{
+    padding: 0 0 8px 30px;
+}
+.lv-color span{
+    color: #13BF6C;
+}
+.red-color span{
+    color: #FF0000;
+}
+.list-title{
+    padding: 2px 0 2px 10px;
+    display: flex;
+    justify-content: center;
+}
+.list-title span{
+    font-size: 14px;
+    font-weight: 400;
+    flex: 1;
+}
+.choice-title{
+    display: flex;
+    justify-content: center;
+    padding: 2px 0;
+}
+.choice-title-left{
+    flex: 1;
+}
+.choice-title-left span{
+    font-size: 14px;
+    font-weight: 700;
+}
+.choice-title-left span i{
+    color: red;
+    margin-right: 2px;
+    font-style: normal;
+}
+.choice-title-left em{
+    font-size: 12px;
+    font-style: normal;
+}
+.but{
+    margin-left: 5px;
+    font-size: 12px;
+    background-color: transparent;
+    border: 1px solid #000;
+    border-radius: 3px;
+    padding: 2px 5px;
+    cursor: pointer;
+    min-width: 60px;
+    height: 21px;
+    display: inline-block;
+}
+</style>

package/src/components/editor2/src/editor.vue

@@ -80,6 +80,7 @@ import { html2json, json2html } from 'html2json'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
 import Image from '@tiptap/extension-image'
+import TextAlign from '@tiptap/extension-text-align'
 export default {
     name: 'zydx-xiao-editor',
     components: {
@@ -207,6 +208,9 @@ export default {
             editable: this.readOnly,
             extensions: [
                 StarterKit,
+                TextAlign.configure({
+                    types: ['heading', 'paragraph'],
+                }),
                 Image.configure({
                     inline: true,
                     HTMLAttributes: {
@@ -369,6 +373,8 @@ export default {
             if(v === 'h2') this.editor.chain().focus().toggleHeading({level:2}).run()
             if(v === 'h3') this.editor.chain().focus().toggleHeading({level:3}).run()
             if(v === 'p') this.editor.chain().focus().setParagraph().run()
+            if(v === 'bold') this.editor.chain().focus().toggleBold().run()
+            if(v === 'center' || v === 'left' || v === 'right') this.editor.chain().focus().setTextAlign(v).run()
         }
     }
 }

package/src/components/input/src/input.vue

@@ -162,6 +162,7 @@ export default defineComponent({
   align-items: center;
   justify-content: flex-start;
   border-radius: 3px;
+  border:1px solid transparent;
 }
 
 .input_wrapper.border {

package/src/components/preface/index.js

@@ -0,0 +1,6 @@
+import main from './src/preface';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/preface/src/preface.vue

@@ -0,0 +1,114 @@
+<template>
+   <div class="preface">
+       <div class="preface-left">
+           <span>题序设置：</span>
+           <div class="preface-input">
+               <input type="number" @input="numbers" @keypress="isNumberKey($event)" />
+           </div>
+       </div>
+       <div class="preface-right">
+           <span>难易设置：</span>
+           <div class="preface-list" v-for="(item,index) in radioList">
+               <label>
+                   <input type="radio" name="difficulty" :value="item.value" @change="radioTao(item.value)" :checked="item.checked" />
+                   <span>{{ item.label }}</span>
+               </label>
+           </div>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-preface",
+    data() {
+        return {
+            radioList: [
+                {value: 1, label: '易',checked: true},
+                {value: 2, label: '中',checked: false},
+                {value: 3, label: '难',checked: false}
+            ],
+            radioValue: 1,
+            inputValue: ''
+        }
+    },
+    emits: ['change'],
+    methods: {
+        radioTao(v) {
+            this.radioValue = v;
+            this.$emit('change', {
+                diffLeve: this.radioValue,
+                quesNo: this.inputValue
+            })
+        },
+        numbers(v) {
+            this.inputValue = v.target.value;
+            this.$emit('change', {
+                diffLeve: this.radioValue,
+                quesNo: this.inputValue
+            })
+        },
+        isNumberKey(event) {
+            const charCode = (event.which) ? event.which : event.keyCode;
+            if(event.target.value.length > 2) event.preventDefault();
+            if (charCode > 31 && (charCode < 48 || charCode > 57)) event.preventDefault();
+            if (this.valueState(event.target.value) && String.fromCharCode(charCode) === '0') event.preventDefault();
+        },
+        valueState(v) {
+            return v === '' || v === undefined || v === null;
+        },
+    }
+}
+</script>
+
+<style scoped>
+.preface{
+    display: flex;
+    justify-content: center;
+}
+.preface-left{
+    flex: 1;
+    display: flex;
+}
+.preface-left>span,.preface-right>span{
+    font-size: 14px;
+    color: #000;
+    font-weight: 700;
+    line-height: 30px;
+}
+.preface-input{
+    width: 40px;
+    height: 30px;
+    border: 1px solid rgba(204, 204, 204, 1);
+    display: inline-block;
+    overflow: hidden;
+}
+.preface-input>input{
+    width: 50px;
+    height: 29px;
+    border: none;
+    padding-left: 5px;
+}
+.preface-right{
+    display: flex;
+    line-height: 30px;
+}
+.preface-list>label{
+    display: inline-block;
+    position: relative;
+}
+.preface-list input{
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    top: 7px;
+    left: 0;
+    z-index: 1;
+}
+.preface-list span{
+    font-size: 14px;
+    color: #666;
+    line-height: 30px;
+    padding: 0 10px 0 25px;
+}
+</style>

package/src/components/select/src/onClickOutSide.vue

@@ -0,0 +1,48 @@
+<script>
+export default {
+  props: {
+    target: {
+      type: [HTMLElement, String],
+      default: null
+    },
+    handler: {
+      type: Function,
+      default: () => { }
+    }
+  },
+  mounted() {
+    window.addEventListener("pointerdown", this.listener)
+  },
+  beforeUnmount() {
+    window.removeEventListener("pointerdown", this.listener)
+  },
+  methods: {
+    listener: function (event) {
+      const el = this.target
+      if (!el || el === event.target || this.eventPath(event).includes(el)) {
+        return
+      }
+      this.handler(event)
+    },
+    eventPath(event) {
+      const path = (event.composedPath && event.composedPath()) || event.path
+
+      if (path != null)
+        return path
+
+      function getParents(node, memo = []) {
+        const parentNode = node.parentNode
+
+        return parentNode
+          ? getParents(parentNode, memo.concat([parentNode]))
+          : memo
+      }
+
+      return [event.target].concat(getParents(event.target))
+    }
+  },
+  render() {
+    return this.$slots.default()
+  }
+}
+</script>

package/src/components/select/src/select.vue

@@ -1,48 +1,57 @@
 <template>
-  <div class="wrapper">
-    <div class="custom-select"
-         :class="{ 'readonly': readonly }">
-      <input type="text"
-             :value="selected"
-             :placeholder="placeholder"
-             :readonly="true"
-             @click="toggleDropDown"
-             class="select-css" />
-
-      <span class="custom-select-icons"
-            v-if="!readonly"
-            @click="toggleDropDown">
-        <svg xmlns="http://www.w3.org/2000/svg"
-             width="16"
-             height="16"
-             viewBox="0 0 24 24">
-          <g :transform="transform"
-             :style="style">
-            <path fill="#c0c4cc"
-                  d="M15.125 21.1L6.7 12.7q-.15-.15-.213-.325T6.425 12q0-.2.062-.375T6.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L9.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z" />
-          </g>
-        </svg>
-      </span>
-      <transition>
-        <template v-if="!readonly">
-          <template v-if="options.length">
-            <ul v-if="isOpen"
-                :class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
-              <li v-for="(option, idx) in options"
-                  :key="idx"
-                  @click="handleClick(option)">{{ option.label }}</li>
-            </ul>
+  <onClickOutSide :target="dropdown"
+                  :handler="handler">
+    <div class="wrapper">
+      <div class="custom-select"
+           :class="{ 'readonly': readonly }">
+        <input type="text"
+               :value="selected"
+               :placeholder="placeholder"
+               :readonly="true"
+               @click="toggleDropDown"
+               class="select-css" />
+
+        <span class="custom-select-icons"
+              v-if="!readonly"
+              @click="toggleDropDown">
+          <svg xmlns="http://www.w3.org/2000/svg"
+               width="16"
+               height="16"
+               viewBox="0 0 24 24">
+            <g :transform="transform"
+               :style="style">
+              <path fill="#c0c4cc"
+                    d="M15.125 21.1L6.7 12.7q-.15-.15-.213-.325T6.425 12q0-.2.062-.375T6.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L9.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z" />
+            </g>
+          </svg>
+        </span>
+        <transition>
+          <template v-if="!readonly">
+            <template v-if="options.length">
+              <ul v-if="isOpen"
+                  ref="dropdown"
+                  :class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
+                <li v-for="(option, idx) in options"
+                    :key="idx"
+                    @click="handleClick(option)">{{ option.label }}</li>
+              </ul>
+            </template>
           </template>
-        </template>
-      </transition>
+        </transition>
+      </div>
     </div>
-  </div>
+  </onClickOutSide>
 </template>
-
+<script setup>
+import { ref } from 'vue'
+let dropdown = ref(null)
+</script>
 <script>
+import onClickOutSide from './onClickOutSide.vue'
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'zydx-select',
+  components: { onClickOutSide },
   props: {
     options: {
       type: Array,
@@ -88,9 +97,13 @@ export default defineComponent({
       this.$emit('select', option)
       this.selected = option.label
       this.isOpen = false
+    },
+    handler: function () {
+      if (this.isOpen) {
+        this.isOpen = false
+      }
     }
   },
-
   computed: {
     transform: function () {
       return this.isOpen
@@ -155,7 +168,7 @@ export default defineComponent({
 }
 
 .custom-select.readonly .select-css {
-  border: none;
+  border: 1px solid transparent;
 }
 
 .select-css {

package/src/index.js

@@ -25,6 +25,8 @@ import textarea from './components/textarea/index';
 import titleBox from './components/titleBox/index';
 import input from './components/input/index';
 import time from './components/time/index';
+import preface from './components/preface/index';
+import choice from './components/choice/index';
 
 const components = [
     Calendar,
@@ -51,7 +53,9 @@ const components = [
     textarea,
     titleBox,
     input,
-    time
+    time,
+    preface,
+    choice
 ];
 
 function install(app) {
@@ -63,7 +67,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.20.123',
+    version: '1.22.124',
     install,
     Calendar,
     Message,
@@ -91,6 +95,8 @@ export default {
     textarea,
     titleBox,
     input,
-    time
+    time,
+    preface,
+    choice
 };