widget.qw 1.0.66 → 1.0.68

package/build/style.css

@@ -840,14 +840,14 @@
 }
 .widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
-}.widget[data-v-34ffd212] {
+}.widget[data-v-7359377c] {
   background: #fff;
   box-sizing: border-box;
   height: 100%;
   text-align: left;
   font-size: 12px;
 }
-.option[data-v-34ffd212] {
+.option[data-v-7359377c] {
   margin: 0 8px 8px 0;
   padding: 5px 10px;
   border-radius: 6px;
@@ -857,6 +857,16 @@
   display: inline-block;
   position: relative;
 }
-[data-v-34ffd212] .van-field__label {
+[data-v-7359377c] .van-field__label {
   margin: auto;
+}
+[data-v-7359377c] .van-cell {
+  font-size: 12px;
+  padding: 5px 5px;
+}
+[data-v-7359377c] .van-icon {
+  font-size: 12px;
+}
+[data-v-7359377c] .van-popup .van-cell {
+  padding: 5px 25px;
 }

package/build/widget.qw.es.js

@@ -20959,7 +20959,7 @@ const _sfc_main$1 = {
   }
 };
 var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-34ffd212] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-34ffd212] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-34ffd212] .van-field__label {\n  margin: auto;\n}")();
+var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-7359377c] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-7359377c] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-7359377c] .van-field__label {\n  margin: auto;\n}\n[data-v-7359377c] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-7359377c] .van-icon {\n  font-size: 12px;\n}\n[data-v-7359377c] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
 const _hoisted_1 = {
   class: "widget-box"
 };
@@ -21292,7 +21292,7 @@ const _sfc_main = {
     };
   }
 };
-var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34ffd212"]]);
+var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7359377c"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -20962,7 +20962,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-34ffd212] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-34ffd212] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-34ffd212] .van-field__label {\n  margin: auto;\n}")();
+  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-7359377c] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-7359377c] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-7359377c] .van-field__label {\n  margin: auto;\n}\n[data-v-7359377c] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-7359377c] .van-icon {\n  font-size: 12px;\n}\n[data-v-7359377c] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
   const _hoisted_1 = {
     class: "widget-box"
   };
@@ -21295,7 +21295,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34ffd212"]]);
+  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7359377c"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.66",
+  "version": "1.0.68",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/ObjsEditor.vue

@@ -58,10 +58,8 @@
                         </van-field>
 
                         <div style="margin: 16px; display: flex;align-items: center;justify-content: center;">
-                            <van-button v-if="data.isShowInput" @click="onInputConfirm" size="mini"
-                                >保存</van-button>
-                            <van-button v-if="data.isShowInput" @click="onInputCancel" size="mini"
-                                >取消</van-button>
+                            <van-button v-if="data.isShowInput" @click="onInputConfirm" size="mini">保存</van-button>
+                            <van-button v-if="data.isShowInput" @click="onInputCancel" size="mini">取消</van-button>
                         </div>
                     </van-form>
                 </div>
@@ -74,7 +72,7 @@
 </template>
 
 <script setup>
-import { nextTick, ref, onMounted, defineProps, defineEmits, reactive, computed ,watch} from 'vue'
+import { nextTick, ref, onMounted, defineProps, defineEmits, reactive, computed, watch } from 'vue'
 import { useVModel } from '@vueuse/core'
 import util from '@/util'
 import DatetimePicker from './DatetimePicker/index.vue'
@@ -125,20 +123,20 @@ const data = reactive({
     inputValue: {},
     isShowInput: false,
     selectIndex: -1,
-    oldModelValue:[]
+    oldModelValue: []
 })
 const keys = Object.keys(props.schema)
 const visiableKeys = keys.filter(k => props.schema[k].auth != 'gone')
 
-watch(()=>JSON.stringify(modelValue.value),(n,o)=>{
-    if(!modelValue.value)
+watch(() => JSON.stringify(modelValue.value), (n, o) => {
+    if (!modelValue.value)
         modelValue.value = []
-    
+
     data.oldModelValue = JSON.parse(JSON.stringify(modelValue.value))
-},{
-    immediate:true
-},{
-    deep:true
+}, {
+    immediate: true
+}, {
+    deep: true
 })
 
 onMounted(() => {
@@ -229,7 +227,7 @@ const onEdit = (index) => {
 const onNewOption = () => {
     let oldModelValue = JSON.parse(JSON.stringify(modelValue.value))
     modelValue.value = [...(modelValue.value || []), makeDefaultValue()]
-    nextTick(()=>{
+    nextTick(() => {
         data.oldModelValue = oldModelValue
         onEdit(modelValue.value.length - 1)
     })
@@ -302,4 +300,20 @@ const onChangeOption = (key) => {
     margin: auto;
 
 }
+
+:deep(.van-cell) {
+    font-size: 12px;
+    padding: 5px 5px;
+
+}
+
+:deep(.van-icon) {
+    font-size: 12px;
+}
+
+:deep(.van-popup) {
+    .van-cell {
+        padding: 5px 25px;
+    }
+}
 </style>