@netang/quasar 0.1.64 → 0.1.66

package/components/field-table/index.vue

@@ -183,6 +183,7 @@ import $n_isFunction from 'lodash/isFunction'
 import $n_findIndex from 'lodash/findIndex'
 import $n_get from 'lodash/get'
 
+import $n_indexOf from '@netang/utils/indexOf'
 import $n_forEach from '@netang/utils/forEach'
 import $n_isValidArray from '@netang/utils/isValidArray'
 import $n_join from '@netang/utils/join'
@@ -406,14 +407,14 @@ export default {
             // 刷新后清空已选数据
             refreshResetSelected: false,
             // 自定义请求方法
-            async request({ httpOptions }) {
+            async request({ httpOptions, props }) {
                 return $n_isFunction(props.request) ?
                     // 如果有自定义请求方法
                     await $n_runAsync(props.request)({
                         // http 请求参数
                         httpOptions,
                         // 对话框是否已显示
-                        showDialog: showDialog.value,
+                        showDialog: $n_get(props, 'showDialog') === 1 ? true : showDialog.value,
                     }) :
                     // 否则请求数据
                     await $n_http(httpOptions)
@@ -996,7 +997,6 @@ export default {
          */
         let _dialogShowed = false
         function onDialogShow() {
-
             if ($n_isFunction(props.request)) {
 
                 if (_dialogShowed) {
@@ -1037,10 +1037,20 @@ export default {
                 isReload = false
             }
 
-            // 如果有表格搜索值
-            if ($table.hasTableSearchValue()) {
+            // 获取表格搜索值
+            let searchValue = $table.getTableSearchValue()
+            if (searchValue.length) {
+
+                // 如果有隐藏搜索字段数组
+                if ($n_isValidArray(props.hideSearchKeys)) {
+                    // 从搜索值数组中去除隐藏搜索字段的数组
+                    searchValue = searchValue.filter(e => $n_indexOf(e.field, props.hideSearchKeys) === -1)
+                }
+
                 // 表格搜索重置
-                $table.tableSearchReset(isReload)
+                $table.tableSearchReset(isReload && searchValue.length, {
+                    showDialog: 1,
+                })
             }
         }
 

package/components/uploader-query/index.vue

@@ -77,7 +77,7 @@
                     @dragend="dragEnd"
                 >
                     <n-img
-                        :src="getImage(fileItem)"
+                        :src="currentQuery[fileItemIndex].src"
                         :spinner-size="toPx(currentSize / 2)"
                         :width="toPx(currentSize)"
                         :height="toPx(currentSize)"
@@ -146,9 +146,9 @@
                                 name="search"
                                 :size="settingsIconSize"
                                 title="预览"
-                                @click="uploader.previewImage(fileItem)"
+                                @click="previewImage(fileItemIndex)"
                                 v-bind="settingsIconProps"
-                                v-if="! noPreview && getImage(fileItem)"
+                                v-if="! noPreview && currentQuery[fileItemIndex].preview_src"
                             />
 
                             <!-- 删除 -->
@@ -361,10 +361,12 @@ import $n_has from 'lodash/has'
 import $n_get from 'lodash/get'
 
 import $n_px from '@netang/utils/px'
+import $n_forEach from '@netang/utils/forEach'
 import $n_isValidArray from '@netang/utils/isValidArray'
 import $n_isValidString from '@netang/utils/isValidString'
 
 import $n_getImage from '../../utils/getImage'
+import $n_previewImage from '../../utils/previewImage'
 
 import NDragger from '../dragger'
 
@@ -463,12 +465,55 @@ export default {
 
         // ==========【计算属性】=========================================================================================
 
+        /**
+         * 当前上传文件队列
+         */
+        const currentQuery = computed(function () {
+
+            // 如果不是图片
+            if (uploaderProps.type !== 'image') {
+                if ($n_isValidArray(query.value)) {
+                    return query.value
+                }
+                return []
+            }
+
+            const lists = []
+
+            $n_forEach(query.value, function (fileItem) {
+                const newItem = Object.assign({}, fileItem)
+
+                let src = ''
+                let preview_src = ''
+
+                if ($n_has(fileItem, '__img')) {
+                    src = fileItem.__img
+                    preview_src = src
+                } else if ($n_isValidString(fileItem.hash)) {
+                    src = $n_getImage(fileItem.hash, { w: $q.platform.is.mobile ? currentSize.value * 2 : currentSize.value })
+                    if (src) {
+                        // 预览地址
+                        preview_src = fileItem.hash
+                    }
+                }
+
+                lists.push(Object.assign(newItem, {
+                    // 图片地址
+                    src,
+                    // 预览地址
+                    preview_src,
+                }))
+            })
+
+            return lists
+        })
+
+
         /**
          * 当前是否开启拖拽
          */
         const currentDrag = computed(function() {
             return props.drag
-                && $n_isValidArray(query.value)
                 && query.value.length > 1
                 && ! props.readonly
                 && ! props.disable
@@ -500,8 +545,8 @@ export default {
         const showSquareButton = computed(function () {
             // 自动显示方块按钮 && 有上传文件限制数量
             return props.autoShowSquareButton && uploaderProps.count > 0 ?
-                // 如果 上传文件列表数量 < 上传文件限制数量
-                 query.value.length < uploaderProps.count
+                // 如果 当前上传文件队列数量 < 上传文件限制数量
+                currentQuery.value.length < uploaderProps.count
                 // 始终显示
                 : true
         })
@@ -509,16 +554,15 @@ export default {
         // ==========【方法】=============================================================================================
 
         /**
-         * 获取图片地址
+         * 预览图片
          */
-        function getImage(fileItem) {
-            return $n_has(fileItem, '__img') ?
-                fileItem.__img
-                : (
-                    $n_isValidString(fileItem.hash) ?
-                        $n_getImage(fileItem.hash, { w: $q.platform.is.mobile ? currentSize.value * 2 : currentSize.value })
-                        : ''
-                )
+        function previewImage(startPosition) {
+            $n_previewImage({
+                // 需要预览的图片 URL 数组
+                images: currentQuery.value.map(e => e.preview_src),
+                // 图片预览起始位置索引
+                startPosition,
+            })
         }
 
         /**
@@ -538,8 +582,10 @@ export default {
             type: uploaderProps.type,
             // 上传文件数量(0:不限)
             count: uploaderProps.count,
-            // 上传文件队列
+            // 文件队列
             query,
+            // 当前上传文件队列
+            currentQuery,
 
             // 当前是否开启拖拽
             currentDrag,
@@ -553,8 +599,8 @@ export default {
             // 上传器
             uploader,
 
-            // 获取图片地址
-            getImage,
+            // 预览图片
+            previewImage,
             // 获取文件名称
             getFileName,
 

package/package.json

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

package/utils/$power.js

@@ -1358,6 +1358,36 @@ function getPageData($route) {
     })
 }
 
+/**
+ * 新窗口
+ */
+function routerPush({ path, query, pageTitle, fromPage }) {
+
+    if (! $n_isValidObject(query)) {
+        query = {}
+    }
+
+    // 如果有标题
+    pageTitle = $n_trimString(pageTitle)
+    if (pageTitle) {
+        query.n_page_title = pageTitle
+    }
+
+    // 来源页面
+    if (fromPage) {
+        if (fromPage === true) {
+            fromPage = $n_router.getRoute().fullPath
+        }
+        // 来源页面是指定路由的完整路径
+        query.n_from_page = encodeURIComponent(fromPage)
+    }
+
+    $n_router.push({
+        path,
+        query,
+    })
+}
+
 /**
  * 权限业务
  */
@@ -1374,6 +1404,8 @@ const $power = {
     formatBtns,
     // 请求
     request,
+    // 新窗口
+    routerPush,
 }
 
 export default $power

package/utils/$table.js

@@ -733,7 +733,7 @@ function create(options) {
     /**
      * 表格重新加载
      */
-    async function tableReload() {
+    async function tableReload(params = null) {
 
         // 表格已加载
         _isTableLoaded = true
@@ -751,9 +751,10 @@ function create(options) {
         // $tableRef?.requestServerInteraction({
         //     pagination: o.pagination,
         // })
-        await tableRequest({
+
+        await tableRequest(Object.assign({
             pagination: o.pagination,
-        })
+        }, params))
 
         // 清空表格已选数据
         if (o.refreshResetSelected) {
@@ -790,7 +791,7 @@ function create(options) {
     /**
      * 表格搜索重置
      */
-    function tableSearchReset(reload = true) {
+    function tableSearchReset(reload = true, params = null) {
 
         const newValue = []
 
@@ -809,7 +810,8 @@ function create(options) {
 
         // 表格重新加载
         if (reload) {
-            tableReload().finally()
+            tableReload(params)
+                .finally()
         }
     }
 
@@ -1059,12 +1061,19 @@ function create(options) {
     }
 
     /**
-     * 是否有表格搜索值
+     * 获取表格搜索值
      */
-    function hasTableSearchValue() {
-        return !! formatValue(rawSearchOptions, tableSearchValue.value).length
+    function getTableSearchValue() {
+        return formatValue(rawSearchOptions, tableSearchValue.value)
     }
 
+    /**
+     * 是否有表格搜索值
+     */
+    // function hasTableSearchValue() {
+    //     return !! formatValue(rawSearchOptions, tableSearchValue.value).length
+    // }
+
     // ==========【返回】=================================================================================================
 
     const resTable = {
@@ -1136,8 +1145,10 @@ function create(options) {
         // 设置表格搜索参数
         setTableSearchOptions,
 
+        // 获取表格搜索值
+        getTableSearchValue,
         // 是否有表格搜索值
-        hasTableSearchValue,
+        // hasTableSearchValue,
 
         // 获取当前路由
         getRoute() {