wui-components-v2 1.1.69 → 1.1.71

package/api/tree.ts

@@ -1,28 +1,28 @@
-import req from './core/index'
-// 树列表页面详细配置
-export function treeConfigApi(sourceId: string) {
-  return req({
-    url: `/v3/ttmpl/config?sourceId=${sourceId}`,
-  })
-}
-
-// 树数据
-export function treeDataApi(sourceId: string) {
-  return req({
-    url: `/v3/ttmpl/root-data?sourceId=${sourceId}`,
-  })
-}
-// 树节点数据
-export function treeNodeDataApi(sourceId: string, mainCode?: string) {
-  return req({
-    url: `/v3/ltmpl/top-data?sourceId=${sourceId}&mainCode=${mainCode}`,
-  })
-}
-
-// 删除树节点
-export function treeNodeDeleteApi(sourceId: string, codes: string) {
-  return req({
-    url: `/v3/ltmpl/data?sourceId=${sourceId}&codes=${codes}`,
-    method: 'DELETE',
-  })
-}
+import req from './core/index'
+// 树列表页面详细配置
+export function treeConfigApi(sourceId: string) {
+  return req({
+    url: `/v3/ttmpl/config?sourceId=${sourceId}`,
+  })
+}
+
+// 树数据
+export function treeDataApi(sourceId: string) {
+  return req({
+    url: `/v3/ttmpl/root-data?sourceId=${sourceId}`,
+  })
+}
+// 树节点数据
+export function treeNodeDataApi(sourceId: string, mainCode?: string) {
+  return req({
+    url: `/v3/ltmpl/top-data?sourceId=${sourceId}&mainCode=${mainCode}`,
+  })
+}
+
+// 删除树节点
+export function treeNodeDeleteApi(sourceId: string, codes: string) {
+  return req({
+    url: `/v3/ltmpl/data?sourceId=${sourceId}&codes=${codes}`,
+    method: 'DELETE',
+  })
+}

package/components/action-popup/action-popup.vue

@@ -1,116 +1,116 @@
-<script setup lang="ts">
-import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
-import type { Enums, Groups } from '../../type'
-import formControl from '../form-control/form-control.vue'
-import { actionDataSave } from '../../api/page'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-
-defineOptions({
-  name: 'ActionPopup',
-})
-const props = defineProps<{
-  fieldGroup?: Groups
-  show: boolean
-  code: string
-  zpaging: any
-  enumColumn?: Enums
-  /** 提交成功后跳转的自定义页面路径，不传则默认刷新 */
-  successUrl?: string
-}>()
-const emits = defineEmits(['update:show'])
-const btnLoading = ref(false)
-const toast = useGlobalToast()
-const formControlRef = ref()
-// 显示开关
-const show = computed({
-  get() {
-    return props.show
-  },
-  set(value: boolean) {
-    emits('update:show', value)
-  },
-})
-
-// 格式化文件数据为后端期望的 JSON 字符串
-function formatFileData(data: Record<string, any>) {
-  const result = { ...data }
-  for (const key in result) {
-    if (result[key]?.response) {
-      const fileObj = result[key]
-      const res = typeof fileObj.response === 'string' ? JSON.parse(fileObj.response) : fileObj.response
-      result[key] = JSON.stringify({
-        valid: fileObj.disabled ? 'old' : 'new',
-        fileKey: res.fileKey,
-        fileName: fileObj.name,
-      })
-    }
-  }
-  return result
-}
-
-// 提交数据
-async function action() {
-  btnLoading.value = true
-  if (!props.fieldGroup?.id) {
-    return toast.warning({ msg: '无sourceId' })
-  }
-  try {
-    const data = await formControlRef.value.submit()
-    await actionDataSave(props.fieldGroup?.id || '', props.code, formatFileData(data))
-    btnLoading.value = false
-    show.value = false
-    toast.success({ msg: '操作成功！' })
-    // 如果传了 successUrl，跳转到自定义页面；否则默认刷新
-    if (props.successUrl) {
-      uni.navigateTo({ url: props.successUrl })
-    } else {
-      props.zpaging.reload()
-    }
-  } catch (error: any) {
-    btnLoading.value = false
-    toast.error(error)
-  }
-}
-</script>
-
-<template>
-  <wd-popup
-    v-model="show"
-    position="bottom"
-    closable
-    :z-index="999999"
-    @close="
-      () => {
-        show = false
-      }
-    "
-  >
-    <view class="h-50vh w-100vw bg-white dark:bg-[var(--wot-dark-background)]">
-      <view class="h-44px bg-white dark:bg-[var(--wot-dark-background)]" />
-      <view class="w-[calc(100%-44px)] overflow-auto bg-white dark:bg-[var(--wot-dark-background)]">
-        <formControl
-          v-if="props.fieldGroup"
-          ref="formControlRef"
-          :field-group="props.fieldGroup"
-          :enum-column="enumColumn"
-        />
-        <view class="h-44px bg-white dark:bg-[var(--wot-dark-background)]" />
-        <view
-          class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]"
-        >
-          <wd-button
-            :loading="btnLoading"
-            custom-class="flex-1"
-            @click="
-              () => {
-                action()
-              }
-            "
-          >
-            提交
-          </wd-button>
-        </view>
-      </view>
-    </view>
-  </wd-popup>
-</template>
+<script setup lang="ts">
+import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
+import type { Enums, Groups } from '../../type'
+import formControl from '../form-control/form-control.vue'
+import { actionDataSave } from '../../api/page'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+
+defineOptions({
+  name: 'ActionPopup',
+})
+const props = defineProps<{
+  fieldGroup?: Groups
+  show: boolean
+  code: string
+  zpaging: any
+  enumColumn?: Enums
+  /** 提交成功后跳转的自定义页面路径，不传则默认刷新 */
+  successUrl?: string
+}>()
+const emits = defineEmits(['update:show'])
+const btnLoading = ref(false)
+const toast = useGlobalToast()
+const formControlRef = ref()
+// 显示开关
+const show = computed({
+  get() {
+    return props.show
+  },
+  set(value: boolean) {
+    emits('update:show', value)
+  },
+})
+
+// 格式化文件数据为后端期望的 JSON 字符串
+function formatFileData(data: Record<string, any>) {
+  const result = { ...data }
+  for (const key in result) {
+    if (result[key]?.response) {
+      const fileObj = result[key]
+      const res = typeof fileObj.response === 'string' ? JSON.parse(fileObj.response) : fileObj.response
+      result[key] = JSON.stringify({
+        valid: fileObj.disabled ? 'old' : 'new',
+        fileKey: res.fileKey,
+        fileName: fileObj.name,
+      })
+    }
+  }
+  return result
+}
+
+// 提交数据
+async function action() {
+  btnLoading.value = true
+  if (!props.fieldGroup?.id) {
+    return toast.warning({ msg: '无sourceId' })
+  }
+  try {
+    const data = await formControlRef.value.submit()
+    await actionDataSave(props.fieldGroup?.id || '', props.code, formatFileData(data))
+    btnLoading.value = false
+    show.value = false
+    toast.success({ msg: '操作成功！' })
+    // 如果传了 successUrl，跳转到自定义页面；否则默认刷新
+    if (props.successUrl) {
+      uni.navigateTo({ url: props.successUrl })
+    } else {
+      props.zpaging.reload()
+    }
+  } catch (error: any) {
+    btnLoading.value = false
+    toast.error(error)
+  }
+}
+</script>
+
+<template>
+  <wd-popup
+    v-model="show"
+    position="bottom"
+    closable
+    :z-index="999999"
+    @close="
+      () => {
+        show = false
+      }
+    "
+  >
+    <view class="h-50vh w-100vw bg-white dark:bg-[var(--wot-dark-background)]">
+      <view class="h-44px bg-white dark:bg-[var(--wot-dark-background)]" />
+      <view class="w-[calc(100%-44px)] overflow-auto bg-white dark:bg-[var(--wot-dark-background)]">
+        <formControl
+          v-if="props.fieldGroup"
+          ref="formControlRef"
+          :field-group="props.fieldGroup"
+          :enum-column="enumColumn"
+        />
+        <view class="h-44px bg-white dark:bg-[var(--wot-dark-background)]" />
+        <view
+          class="fixed bottom-0 left-0 right-0 box-border w-100% flex p-2 bg-white dark:bg-[var(--wot-dark-background)]"
+        >
+          <wd-button
+            :loading="btnLoading"
+            custom-class="flex-1"
+            @click="
+              () => {
+                action()
+              }
+            "
+          >
+            提交
+          </wd-button>
+        </view>
+      </view>
+    </view>
+  </wd-popup>
+</template>

package/components/add-address-list/add-address-list.vue

@@ -1,187 +1,187 @@
-<script setup>
-import { computed, onMounted, ref } from 'vue'
-import { useGlobalMessage } from '@/core-components/composables/useGlobalMessage'
-
-defineOptions({
-  name: 'AddAddressList',
-})
-const { addAddressPath } = defineProps({
-  addAddressPath: {
-    type: String,
-    default: '',
-  },
-})
-
-function addAddress() {
-  uni.navigateTo({
-    url: addAddressPath,
-  })
-}
-
-// 搜索关键词
-const keyword = ref('')
-// 分页配置
-const page = ref(1)
-const pageSize = ref(5)
-const isNoMore = ref(false)
-const loadingText = ref('上拉加载更多')
-
-// 全部数据源
-const allAddressList = ref([])
-// 页面展示列表
-const showList = ref([])
-
-// 模拟后端批量数据
-function mockAllData() {
-  const arr = []
-  for (let i = 1; i <= 30; i++) {
-    arr.push({
-      name: `用户${i}`,
-      phone: `138${String(i).padStart(8, '0')}`,
-      address: `测试地址${i}号 某某小区${i}栋${i}单元`,
-    })
-  }
-  allAddressList.value = arr
-}
-
-// 分页截取数据
-function getPageData() {
-  const start = (page.value - 1) * pageSize.value
-  const end = page.value * pageSize.value
-  return allAddressList.value.slice(start, end)
-}
-
-// 加载更多
-function loadMore() {
-  if (isNoMore.value)
-    return
-  loadingText.value = '加载中...'
-  // 模拟接口延迟
-  setTimeout(() => {
-    const newData = getPageData()
-    if (newData.length === 0) {
-      isNoMore.value = true
-      loadingText.value = '没有更多了'
-      return
-    }
-    showList.value.push(...newData)
-    page.value++
-    loadingText.value = '上拉加载更多'
-  }, 600)
-}
-
-// 搜索过滤
-const filterList = computed(() => {
-  if (!keyword.value)
-    return showList.value
-  return showList.value.filter(item =>
-    item.name.includes(keyword.value)
-    || item.phone.includes(keyword.value)
-    || item.address.includes(keyword.value),
-  )
-})
-
-// 返回
-const goBack = () => history.back()
-// 编辑
-function editAddress() {}
-// 删除
-function deleteAddress(idx) {
-  uni.showModal({
-    title: '提示',
-    content: '确定删除该地址？',
-    success: (res) => {
-      if (res.confirm)
-        showList.value.splice(idx, 1)
-    },
-  })
-}
-function selectAddress(item) {
-  console.log('item', item)
-  uni.$emit('addressListBack', {...item,id:1111})
-  uni.navigateBack({
-    delta: 1,
-  })
-}
-
-onMounted(() => {
-  mockAllData()
-  loadMore()
-})
-</script>
-
-<template>
-  <view class="min-h-screen bg-gray-50 pb-20">
-    <!-- 搜索框 -->
-    <view class="p-4">
-      <view class="flex items-center rounded-full bg-gray-100 px-4 py-2">
-        <svg class="mr-2 h-4 w-4 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <circle cx="11" cy="11" r="7" />
-          <path d="M16 16l4 4" stroke-linecap="round" />
-        </svg>
-        <input
-          v-model="keyword"
-          type="text"
-          placeholder="请输入姓名/手机号/公司名称"
-          class="flex-1 bg-transparent text-sm text-gray-700 outline-none placeholder-gray-400"
-        >
-      </view>
-    </view>
-
-    <!-- 列表区域 开启滚动监听 -->
-    <view
-      class="overflow-y-auto px-4 space-y-3"
-      @scrolltolower="loadMore"
-    >
-      <view
-        v-for="(item, index) in showList"
-        :key="index"
-        class="rounded-lg bg-white p-4 shadow-sm"
-        @click="selectAddress(item)"
-      >
-        <view class="mb-2 flex items-center">
-          <text class="mr-3 text-gray-900 font-medium">
-            {{ item.name }}
-          </text>
-          <text class="text-sm text-gray-500">
-            {{ item.phone }}
-          </text>
-        </view>
-        <text class="mb-3 block text-sm text-gray-500 leading-relaxed">
-          {{ item.address }}
-        </text>
-        <view class="flex justify-end text-sm space-x-6">
-          <view class="flex items-center text-gray-500" @click="editAddress(item, index)">
-            <svg class="mr-1 h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" />
-            </svg>
-            编辑
-          </view>
-          <view class="flex items-center text-gray-500" @click="deleteAddress(index)">
-            <svg class="mr-1 h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M10 11v6M14 11v6M5 6h14v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6z" />
-            </svg>
-            删除
-          </view>
-        </view>
-      </view>
-
-      <!-- 加载提示 -->
-      <view class="py-4 text-center text-sm text-gray-400">
-        {{ loadingText }}
-      </view>
-    </view>
-
-    <!-- 底部新增按钮 -->
-    <view
-      class="fixed bottom-6 left-1/2 h-12 w-11/12 flex items-center justify-center rounded-full bg-blue-500 text-white font-medium -translate-x-1/2"
-      @click="addAddress"
-    >
-      新增地址
-    </view>
-  </view>
-</template>
-
-<style scoped>
-
-</style>
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import { useGlobalMessage } from '@/core-components/composables/useGlobalMessage'
+
+defineOptions({
+  name: 'AddAddressList',
+})
+const { addAddressPath } = defineProps({
+  addAddressPath: {
+    type: String,
+    default: '',
+  },
+})
+
+function addAddress() {
+  uni.navigateTo({
+    url: addAddressPath,
+  })
+}
+
+// 搜索关键词
+const keyword = ref('')
+// 分页配置
+const page = ref(1)
+const pageSize = ref(5)
+const isNoMore = ref(false)
+const loadingText = ref('上拉加载更多')
+
+// 全部数据源
+const allAddressList = ref([])
+// 页面展示列表
+const showList = ref([])
+
+// 模拟后端批量数据
+function mockAllData() {
+  const arr = []
+  for (let i = 1; i <= 30; i++) {
+    arr.push({
+      name: `用户${i}`,
+      phone: `138${String(i).padStart(8, '0')}`,
+      address: `测试地址${i}号 某某小区${i}栋${i}单元`,
+    })
+  }
+  allAddressList.value = arr
+}
+
+// 分页截取数据
+function getPageData() {
+  const start = (page.value - 1) * pageSize.value
+  const end = page.value * pageSize.value
+  return allAddressList.value.slice(start, end)
+}
+
+// 加载更多
+function loadMore() {
+  if (isNoMore.value)
+    return
+  loadingText.value = '加载中...'
+  // 模拟接口延迟
+  setTimeout(() => {
+    const newData = getPageData()
+    if (newData.length === 0) {
+      isNoMore.value = true
+      loadingText.value = '没有更多了'
+      return
+    }
+    showList.value.push(...newData)
+    page.value++
+    loadingText.value = '上拉加载更多'
+  }, 600)
+}
+
+// 搜索过滤
+const filterList = computed(() => {
+  if (!keyword.value)
+    return showList.value
+  return showList.value.filter(item =>
+    item.name.includes(keyword.value)
+    || item.phone.includes(keyword.value)
+    || item.address.includes(keyword.value),
+  )
+})
+
+// 返回
+const goBack = () => history.back()
+// 编辑
+function editAddress() {}
+// 删除
+function deleteAddress(idx) {
+  uni.showModal({
+    title: '提示',
+    content: '确定删除该地址？',
+    success: (res) => {
+      if (res.confirm)
+        showList.value.splice(idx, 1)
+    },
+  })
+}
+function selectAddress(item) {
+  console.log('item', item)
+  uni.$emit('addressListBack', {...item,id:1111})
+  uni.navigateBack({
+    delta: 1,
+  })
+}
+
+onMounted(() => {
+  mockAllData()
+  loadMore()
+})
+</script>
+
+<template>
+  <view class="min-h-screen bg-gray-50 pb-20">
+    <!-- 搜索框 -->
+    <view class="p-4">
+      <view class="flex items-center rounded-full bg-gray-100 px-4 py-2">
+        <svg class="mr-2 h-4 w-4 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <circle cx="11" cy="11" r="7" />
+          <path d="M16 16l4 4" stroke-linecap="round" />
+        </svg>
+        <input
+          v-model="keyword"
+          type="text"
+          placeholder="请输入姓名/手机号/公司名称"
+          class="flex-1 bg-transparent text-sm text-gray-700 outline-none placeholder-gray-400"
+        >
+      </view>
+    </view>
+
+    <!-- 列表区域 开启滚动监听 -->
+    <view
+      class="overflow-y-auto px-4 space-y-3"
+      @scrolltolower="loadMore"
+    >
+      <view
+        v-for="(item, index) in showList"
+        :key="index"
+        class="rounded-lg bg-white p-4 shadow-sm"
+        @click="selectAddress(item)"
+      >
+        <view class="mb-2 flex items-center">
+          <text class="mr-3 text-gray-900 font-medium">
+            {{ item.name }}
+          </text>
+          <text class="text-sm text-gray-500">
+            {{ item.phone }}
+          </text>
+        </view>
+        <text class="mb-3 block text-sm text-gray-500 leading-relaxed">
+          {{ item.address }}
+        </text>
+        <view class="flex justify-end text-sm space-x-6">
+          <view class="flex items-center text-gray-500" @click="editAddress(item, index)">
+            <svg class="mr-1 h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z" />
+            </svg>
+            编辑
+          </view>
+          <view class="flex items-center text-gray-500" @click="deleteAddress(index)">
+            <svg class="mr-1 h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M10 11v6M14 11v6M5 6h14v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6z" />
+            </svg>
+            删除
+          </view>
+        </view>
+      </view>
+
+      <!-- 加载提示 -->
+      <view class="py-4 text-center text-sm text-gray-400">
+        {{ loadingText }}
+      </view>
+    </view>
+
+    <!-- 底部新增按钮 -->
+    <view
+      class="fixed bottom-6 left-1/2 h-12 w-11/12 flex items-center justify-center rounded-full bg-blue-500 text-white font-medium -translate-x-1/2"
+      @click="addAddress"
+    >
+      新增地址
+    </view>
+  </view>
+</template>
+
+<style scoped>
+
+</style>