af-mobile-client-vue3 1.0.90 → 1.0.92-appraise

package/package.json

@@ -1,108 +1,109 @@
-{
-  "name": "af-mobile-client-vue3",
-  "type": "module",
-  "version": "1.0.90",
-  "description": "Vue + Vite component lib",
-  "license": "MIT",
-  "engines": {
-    "node": ">=18.12.0",
-    "pnpm": ">=8.15.0"
-  },
-  "scripts": {
-    "dev": "cross-env MOCK_SERVER_PORT=8086 vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "build:dev": "vue-tsc --noEmit && vite build --mode=development",
-    "preview": "vite preview",
-    "lint": "eslint . && vue-tsc --noEmit",
-    "lint:fix": "eslint . --fix",
-    "test": "vitest",
-    "release": "bumpp --commit --push --tag"
-  },
-  "dependencies": {
-    "@micro-zoe/micro-app": "1.0.0-rc.4",
-    "@unhead/vue": "^1.8.11",
-    "@vant/area-data": "^1.5.1",
-    "@vant/touch-emulator": "^1.4.0",
-    "@vant/use": "^1.6.0",
-    "@vueuse/core": "^10.9.0",
-    "animate.css": "^4.1.1",
-    "axios": "^1.6.7",
-    "crypto-js": "^4.2.0",
-    "echarts": "^5.5.0",
-    "lodash-es": "^4.17.21",
-    "nprogress": "^0.2.0",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "pnpm": "^9.4.0",
-    "qs": "^6.11.2",
-    "resize-detector": "^0.3.0",
-    "store": "^2.0.12",
-    "vant": "^4.9.0",
-    "vconsole": "^3.15.1",
-    "vue": "^3.4.21",
-    "vue-router": "^4.3.0"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "2.8.0",
-    "@types/crypto-js": "^4.2.2",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.11.25",
-    "@types/nprogress": "^0.2.3",
-    "@types/store": "^2.0.5",
-    "@unocss/eslint-plugin": "^0.58.5",
-    "@unocss/preset-rem-to-px": "^0.58.5",
-    "@vitejs/plugin-legacy": "^5.3.1",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "autoprefixer": "^10.4.18",
-    "bumpp": "^9.4.0",
-    "commitizen": "^4.3.0",
-    "consola": "^3.2.3",
-    "cross-env": "^7.0.3",
-    "cz-emoji-chinese": "^0.3.1",
-    "eslint": "npm:eslint-ts-patch@8.57.0-0",
-    "eslint-ts-patch": "8.57.0-0",
-    "husky": "^9.0.11",
-    "less": "^4.2.0",
-    "mockjs": "^1.1.0",
-    "postcss-mobile-forever": "^4.1.1",
-    "rollup": "^4.12.1",
-    "terser": "^5.29.1",
-    "typescript": "^5.4.2",
-    "unocss": "^0.58.5",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
-    "unplugin-vue-router": "^0.8.4",
-    "vite": "^5.1.5",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-mock-dev-server": "^1.4.7",
-    "vite-plugin-pwa": "^0.19.2",
-    "vite-plugin-sitemap": "^0.5.3",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plugin-vconsole": "^2.1.1",
-    "vite-plugin-vue-layouts": "^0.11.0",
-    "vitest": "^1.3.1",
-    "vue-tsc": "^2.0.6"
-  },
-  "pnpm": {
-    "peerDependencyRules": {
-      "ignoreMissing": [
-        "postcss",
-        "esbuild"
-      ],
-      "allowedVersions": {
-        "rollup": "^4.x"
-      }
-    }
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-emoji-chinese"
-    },
-    "cz-emoji-chinese": {
-      "skipQuestions": [
-        "body",
-        "scope"
-      ]
-    }
-  }
-}
+{
+  "name": "af-mobile-client-vue3",
+  "type": "module",
+  "version": "1.0.92-appraise",
+  "description": "Vue + Vite component lib",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.12.0",
+    "pnpm": ">=8.15.0"
+  },
+  "scripts": {
+    "dev": "cross-env MOCK_SERVER_PORT=8086 vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:dev": "vue-tsc --noEmit && vite build --mode=development",
+    "preview": "vite preview",
+    "lint": "eslint . && vue-tsc --noEmit",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest",
+    "release": "bumpp --commit --push --tag"
+  },
+  "dependencies": {
+    "@micro-zoe/micro-app": "1.0.0-rc.4",
+    "@unhead/vue": "^1.8.11",
+    "@vant/area-data": "^1.5.1",
+    "@vant/touch-emulator": "^1.4.0",
+    "@vant/use": "^1.6.0",
+    "@vueuse/core": "^10.9.0",
+    "animate.css": "^4.1.1",
+    "axios": "^1.6.7",
+    "crypto-js": "^4.2.0",
+    "echarts": "^5.5.0",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "pnpm": "^9.4.0",
+    "qs": "^6.11.2",
+    "resize-detector": "^0.3.0",
+    "store": "^2.0.12",
+    "vant": "^4.9.0",
+    "vconsole": "^3.15.1",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "2.8.0",
+    "@types/crypto-js": "^4.2.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.11.25",
+    "@types/nprogress": "^0.2.3",
+    "@types/store": "^2.0.5",
+    "@unocss/eslint-plugin": "^0.58.5",
+    "@unocss/preset-rem-to-px": "^0.58.5",
+    "@vitejs/plugin-legacy": "^5.3.1",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "autoprefixer": "^10.4.18",
+    "bumpp": "^9.4.0",
+    "commitizen": "^4.3.0",
+    "consola": "^3.2.3",
+    "cross-env": "^7.0.3",
+    "cz-emoji-chinese": "^0.3.1",
+    "eslint": "npm:eslint-ts-patch@8.57.0-0",
+    "eslint-ts-patch": "8.57.0-0",
+    "husky": "^9.0.11",
+    "less": "^4.2.0",
+    "lint-staged": "^16.2.4",
+    "mockjs": "^1.1.0",
+    "postcss-mobile-forever": "^4.1.1",
+    "rollup": "^4.12.1",
+    "terser": "^5.29.1",
+    "typescript": "^5.4.2",
+    "unocss": "^0.58.5",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "unplugin-vue-router": "^0.8.4",
+    "vite": "^5.1.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-mock-dev-server": "^1.4.7",
+    "vite-plugin-pwa": "^0.19.2",
+    "vite-plugin-sitemap": "^0.5.3",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vconsole": "^2.1.1",
+    "vite-plugin-vue-layouts": "^0.11.0",
+    "vitest": "^1.3.1",
+    "vue-tsc": "^2.0.6"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "postcss",
+        "esbuild"
+      ],
+      "allowedVersions": {
+        "rollup": "^4.x"
+      }
+    }
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-emoji-chinese"
+    },
+    "cz-emoji-chinese": {
+      "skipQuestions": [
+        "body",
+        "scope"
+      ]
+    }
+  }
+}

package/src/components/data/XCellList/index.vue

@@ -4,6 +4,7 @@ import {
   BackTop as VanBackTop,
   Button as VanButton,
   Col as VanCol,
+  Icon as VanIcon,
   List as VanList,
   Popover as VanPopover,
   PullRefresh as VanPullRefresh,
@@ -54,6 +55,9 @@ const detailColumns = ref([])
 // 标签列
 const tagList = ref([])
 
+// 标题按钮列
+const btnList = ref([])
+
 // 底部列
 const footColumns = ref([])
 
@@ -144,6 +148,9 @@ function initComponent() {
           allActions.value.push({ text: item.actionArr[j].text, func: item.actionArr[j].func })
       }
 
+      if (item.showTitleBtn)
+        btnList.value.push(item)
+
       if (result.showSortIcon && item.sortable) {
         orderList.value.push({
           title: item.title,
@@ -307,14 +314,9 @@ function addOption() {
 }
 
 // 处理拨打电话
-// function handleCall(item: any) {
-//   emit('handleCall', item)
-// }
-
-// 处理查看位置
-// function handleLocation(item: any) {
-//   emit('handleLocation', item)
-// }
+function handleCall(item: any) {
+  emit('handleCall', item)
+}
 </script>
 
 <template>
@@ -380,27 +382,20 @@ function addOption() {
                         />
                       </p>
                     </div>
-                    <!-- <div class="action-buttons">
+                    <div class="action-buttons">
                       <VanButton
                         class="action-button"
                         icon="phone"
                         size="small"
                         @click.stop="handleCall(item)"
                       />
-                      <VanButton
-                        class="action-button"
-                        icon="location"
-                        size="small"
-                        @click.stop="handleLocation(item)"
-                      />
-                    </div> -->
+                    </div>
                   </div>
                 </VanCol>
               </VanRow>
               <VanRow gutter="20" class="card_item_details" @click="emit('toDetail', item)">
                 <VanCol v-for="column of detailColumns" :key="`details_${column.dataIndex}`" :span="column.span">
                   <p>
-                    {{ column.title }}：
                     <XBadge
                       :style="handleFunctionStyle(column.styleFunctionForValue, item[column.dataIndex])"
                       :dict-name="column.dictName" :dict-value="item[column.dataIndex]"
@@ -426,11 +421,15 @@ function addOption() {
                           size="medium"
                           class="tag-item"
                         >
-                          {{ column.title }}：<XBadge
-                          :dict-name="column.dictName"
-                          :dict-value="item[column.dataIndex]"
-                          :service-name="serviceName"
-                        />
+                          <div class="tag-content">
+                            <VanIcon v-if="column.tagIcon" :name="column.tagIcon" class="tag-icon" />
+                            <span class="tag-title">{{ column.title }}：</span>
+                            <XBadge
+                              :dict-name="column.dictName"
+                              :dict-value="item[column.dataIndex]"
+                              :service-name="serviceName"
+                            />
+                          </div>
                         </VanTag>
                       </VanCol>
                     </div>
@@ -610,6 +609,20 @@ function addOption() {
               display: inline-flex;
               align-items: center;
             }
+            .tag-content {
+              display: flex;
+              align-items: center;
+              white-space: nowrap;
+            }
+            .tag-icon {
+              margin-right: 4px;
+              font-size: 14px;
+              display: inline-flex;
+              align-items: center;
+            }
+            .tag-title {
+              font-weight: normal;
+            }
           }
         }
       }

package/src/components/data/XForm/index.vue

@@ -139,7 +139,7 @@ defineExpose({ init, form, formGroupName, validate })
         :get-data-params="myGetDataParams"
       />
     </VanCellGroup>
-    <div v-if="props.submitButton" style="margin: 16px;">
+    <div v-if="props.submitButton && props.mode !== '预览'" style="margin: 16px;">
       <VanButton round block type="primary" native-type="submit">
         {{ props.groupFormItems?.btnName ? props.groupFormItems.btnName : '提交' }}
       </VanButton>