af-mobile-client-vue3 1.0.75 → 1.0.77

package/package.json

@@ -1,108 +1,108 @@
-{
-  "name": "af-mobile-client-vue3",
-  "type": "module",
-  "version": "1.0.75",
-  "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.77",
+  "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"
+      ]
+    }
+  }
+}

package/src/components/core/XSelect/index.vue

@@ -63,6 +63,8 @@ onBeforeMount(() => {
 
 const resultLabel = computed({
   get() {
+    if (!resultValue.value)
+      return ''
     const res = props.columns.filter((item) => {
       const data = props.offOption ? item : item[props.option.value]
       return data === resultValue.value[0]

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

@@ -1,85 +1,87 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { getDictItemByValue } from '@af-mobile-client-vue3/utils/dictUtil'
-
-const { dictName, dictValue } = withDefaults(defineProps<{
-  dictName?: string
-  dictValue: any
-  isColor?: boolean
-}>(), {
-  dictName: '',
-  isColor: true,
-})
-
-// 字面值
-const label = ref('')
-
-// 样式类名
-const className = ref('')
-
-initComponent()
-
-// 组件初始化
-function initComponent() {
-  if (!dictValue) {
-    label.value = '-'
-    return
-  }
-  if (!dictName || dictName === '') {
-    label.value = dictValue.toString()
-    return
-  }
-  getDictItemByValue(dictName, dictValue, (result) => {
-    if (result == null) {
-      label.value = dictValue.toString()
-    }
-    else {
-      label.value = result.label
-      className.value = `badge-${result.status}`
-    }
-  })
-}
-</script>
-
-<template>
-  <span :class="className !== '' ? className : undefined">{{ label }}</span>
-</template>
-
-<style scoped lang="less">
-.badge-blue {
-  color: #1890ff;
-}
-.badge-green {
-  color: #52c41a;
-}
-.badge-orange {
-  color: #fa8c16;
-}
-.badge-cyan {
-  color: #13c2c2;
-}
-.badge-yellow {
-  color: #fadb14;
-}
-.badge-red {
-  color: #f5222d;
-}
-.badge-pink {
-  color: #eb2f96;
-}
-.badge-purple {
-  color: #722ed1;
-}
-.badge-geekblue {
-  color: #2f54eb;
-}
-.badge-volcano {
-  color: #fa541c;
-}
-.badge-gold {
-  color: #faad14;
-}
-.badge-lime {
-  color: #a0d911;
-}
-</style>
+<script setup lang="ts">
+import { ref } from 'vue'
+import { getDictItemByValue } from '@af-mobile-client-vue3/utils/dictUtil'
+
+const { serviceName, dictName, dictValue } = withDefaults(defineProps<{
+  serviceName?: string
+  dictName?: string
+  dictValue: any
+  isColor?: boolean
+}>(), {
+  serviceName: undefined,
+  dictName: '',
+  isColor: true,
+})
+
+// 字面值
+const label = ref('')
+
+// 样式类名
+const className = ref('')
+
+initComponent()
+
+// 组件初始化
+function initComponent() {
+  if (!dictValue) {
+    label.value = '-'
+    return
+  }
+  if (!dictName || dictName === '') {
+    label.value = dictValue.toString()
+    return
+  }
+  getDictItemByValue(dictName, serviceName, dictValue, (result) => {
+    if (result == null) {
+      label.value = dictValue.toString()
+    }
+    else {
+      label.value = result.label
+      className.value = `badge-${result.status}`
+    }
+  })
+}
+</script>
+
+<template>
+  <span :class="className !== '' ? className : undefined">{{ label }}</span>
+</template>
+
+<style scoped lang="less">
+.badge-blue {
+  color: #1890ff;
+}
+.badge-green {
+  color: #52c41a;
+}
+.badge-orange {
+  color: #fa8c16;
+}
+.badge-cyan {
+  color: #13c2c2;
+}
+.badge-yellow {
+  color: #fadb14;
+}
+.badge-red {
+  color: #f5222d;
+}
+.badge-pink {
+  color: #eb2f96;
+}
+.badge-purple {
+  color: #722ed1;
+}
+.badge-geekblue {
+  color: #2f54eb;
+}
+.badge-volcano {
+  color: #fa541c;
+}
+.badge-gold {
+  color: #faad14;
+}
+.badge-lime {
+  color: #a0d911;
+}
+</style>