@netang/quasar 0.0.75 → 0.0.77

package/components/search/index.vue

@@ -8,6 +8,7 @@
                     v-for="(item, itemIndex) in options"
                 >
                     <template v-if="! item.hide">
+
                         <!-- 如果有 name 插槽 -->
                         <slot
                             :name="`name-${item.name}`"
@@ -121,6 +122,7 @@
                                 v-model="modelValue[itemIndex][index].value"
                                 dense
                                 outlined
+                                :value-type="multiple ? 'stringArray' : 'string'"
                                 :multiple="multiple"
                                 v-bind="item.table"
                                 v-else-if="item.searchType === 'table'"

package/components/search-item/index.vue

@@ -66,10 +66,12 @@
 <script>
 import { watch } from 'vue'
 
+import $n_isArray from 'lodash/isArray'
 import $n_cloneDeep from 'lodash/cloneDeep'
 
 import $n_split from '@netang/utils/split'
 import $n_indexOf from '@netang/utils/indexOf'
+import $n_numberDeep from '@netang/utils/numberDeep'
 
 import { configs } from '../../utils/config'
 
@@ -112,21 +114,63 @@ export default {
         /**
          * 监听值的比较类型
          */
-        watch(()=>props.modelValue[0].compare, function(val) {
-            // 如果类型不为 in / not in, 为单选
-            if ($n_indexOf([dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN], val) === -1) {
-                const arr = $n_split(props.modelValue[0].value, ',')
+        watch(()=>props.modelValue[0].compare, function(compare) {
+
+            // 获取当前值
+            const value = props.modelValue[0].value
+
+            // 如果类型为 in / not in, 则为多选
+            // --------------------------------------------------
+            if ($n_indexOf([dicts.SEARCH_COMPARE_TYPE__IN, dicts.SEARCH_COMPARE_TYPE__NOT_IN], compare) > -1) {
+
+                // 如果当前值不为数组
+                if (! $n_isArray(value)) {
+
+                    // 则将值转为数组
+                    // 触发更新值
+                    emitModelValue($n_split(value, ','))
+                }
+
+            // 否则为单选 && 如果值为: 数组
+            // --------------------------------------------------
+            } else if ($n_isArray(value)) {
+
+                // 触发更新值
+                emitModelValue(value.length ? $n_numberDeep(value[0]) : '')
+
+            // 否则为单选 && 值为: 字符串 / 数字
+            // --------------------------------------------------
+            } else {
+
+                // 将值转为数组
+                const arr = $n_split(value, ',')
+
+                // 如果数组长度不为 1, 则说明有多个值 || 无值
                 if (arr.length !== 1) {
-                    // 克隆值
-                    const _modelValue = $n_cloneDeep(props.modelValue)
 
-                    // 更新值
-                    _modelValue[0].value = arr.length > 1 ? arr[0] : ''
-                    emit('update:modelValue', _modelValue)
+                    // 触发更新值
+                    emitModelValue(arr.length > 1 ? arr[0] : '')
                 }
             }
         })
 
+        // ==========【方法】=============================================================================================
+
+        /**
+         * 触发更新值
+         */
+        function emitModelValue(value) {
+
+            // 克隆值
+            const _modelValue = $n_cloneDeep(props.modelValue)
+
+            // 更新值
+            _modelValue[0].value = value
+
+            // 更新值
+            emit('update:modelValue', _modelValue)
+        }
+
         // ==========【返回】=============================================================================================
 
         return {

package/components/thumbnail/index.vue

@@ -25,21 +25,6 @@
             v-if="preview"
         ></div>
     </q-img>
-
-    <!-- 错误图标 -->
-    <div
-        class="flex flex-center bg-grey-5 text-white no-padding"
-        :style="{
-            width: toPx(size),
-            height: toPx(size),
-        }"
-        v-else
-    >
-        <q-icon
-            :size="errorIconSize"
-            :name="errorIcon"
-        />
-    </div>
 </template>
 
 <script>
@@ -109,6 +94,7 @@ export default {
             if (res) {
                 return res
             }
+            return 'error'
         })
 
         // ==========【方法】=============================================================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "description": "netang-quasar",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/sass/common.scss

@@ -69,6 +69,8 @@ body {
     pointer-events: none;
 }
 
+
+
 //.n-color-primary,
 //.n-color-main {
 //    color: var(--q-primary);