wui-components-v2 1.1.69 → 1.1.71

package/components/global-toast/global-toast.vue

@@ -1,56 +1,56 @@
-<script lang="ts" setup>
-import { storeToRefs } from 'pinia'
-import { useToast } from '@wot-ui/ui'
-import { defineOptions, nextTick, ref, watch } from 'vue'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-import { getCurrentPath } from '../../utils/index'
-
-defineOptions({
-  name: 'GlobalToast',
-})
-
-const { toastOptions, currentPage } = storeToRefs(useGlobalToast())
-
-const { close: closeGlobalToast } = useGlobalToast()
-
-const toast = useToast('globalToast')
-const currentPath = getCurrentPath()
-
-// #ifdef MP-ALIPAY
-const hackAlipayVisible = ref(false)
-
-nextTick(() => {
-  hackAlipayVisible.value = true
-})
-// #endif
-
-watch(() => toastOptions.value, (newVal) => {
-  if (newVal && newVal.show) {
-    if (currentPage.value === currentPath) {
-      toast.show(toastOptions.value)
-    }
-  }
-  else {
-    toast.close()
-  }
-})
-</script>
-
-<script lang="ts">
-export default {
-  options: {
-    virtualHost: true,
-    addGlobalClass: true,
-    styleIsolation: 'shared',
-  },
-}
-</script>
-
-<template>
-  <!-- #ifdef MP-ALIPAY -->
-  <wd-toast v-if="hackAlipayVisible" selector="globalToast" :closed="closeGlobalToast" />
-  <!-- #endif -->
-  <!-- #ifndef MP-ALIPAY -->
-  <wd-toast selector="globalToast" :closed="closeGlobalToast" />
-  <!-- #endif -->
-</template>
+<script lang="ts" setup>
+import { storeToRefs } from 'pinia'
+import { useToast } from '@wot-ui/ui'
+import { defineOptions, nextTick, ref, watch } from 'vue'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+import { getCurrentPath } from '../../utils/index'
+
+defineOptions({
+  name: 'GlobalToast',
+})
+
+const { toastOptions, currentPage } = storeToRefs(useGlobalToast())
+
+const { close: closeGlobalToast } = useGlobalToast()
+
+const toast = useToast('globalToast')
+const currentPath = getCurrentPath()
+
+// #ifdef MP-ALIPAY
+const hackAlipayVisible = ref(false)
+
+nextTick(() => {
+  hackAlipayVisible.value = true
+})
+// #endif
+
+watch(() => toastOptions.value, (newVal) => {
+  if (newVal && newVal.show) {
+    if (currentPage.value === currentPath) {
+      toast.show(toastOptions.value)
+    }
+  }
+  else {
+    toast.close()
+  }
+})
+</script>
+
+<script lang="ts">
+export default {
+  options: {
+    virtualHost: true,
+    addGlobalClass: true,
+    styleIsolation: 'shared',
+  },
+}
+</script>
+
+<template>
+  <!-- #ifdef MP-ALIPAY -->
+  <wd-toast v-if="hackAlipayVisible" selector="globalToast" :closed="closeGlobalToast" />
+  <!-- #endif -->
+  <!-- #ifndef MP-ALIPAY -->
+  <wd-toast selector="globalToast" :closed="closeGlobalToast" />
+  <!-- #endif -->
+</template>

package/components/label-value/label-value.vue

@@ -1,144 +1,144 @@
-<script setup lang="ts">
-import { computed, defineOptions, defineProps, ref } from 'vue'
-import type { Columns, Entities } from '../../type'
-import { downloadFile, formatItemData } from '../../utils'
-import ControlTypeSupportor from '../../utils/control-type-supportor'
-import VideoPlay from '../video-play/video-play.vue'
-import audioPlay from '../audio-play/audio-play.vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-import openValueMore from './open-value-more.vue'
-import detailPopup from '../detail-popup/detail-popup.vue'
-
-defineOptions({
-  name: 'LabelValue',
-})
-const props = defineProps<{
-  exhibitData: Columns[]
-  data: Entities
-  index: number
-}>()
-const { primary } = useManualTheme()
-const clums = computed(() => {
-  return props.exhibitData.filter(item => !item.title?.includes('y'))
-})
-
-const videoPlayRef = ref()
-function openVideo(uitem: any) {
-  videoPlayRef.value.open(uitem.url)
-}
-
-function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType(
-    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
-    props.data.fieldMap?.[item.sourceId] || ''
-  )
-}
-</script>
-
-<template>
-  <view v-for="(item, sindex) in clums" :key="sindex" class="flex">
-    <view class="mr-2 w-20 p-1 text-gray-500 dark:text-white">{{ item.title }}:</view>
-    <view
-      v-if="isControlType(item) === 'file' || isControlType(item) === 'relfile' || isControlType(item) === 'video'"
-      class="flex flex-1 items-center text-gray-800 dark:text-white"
-    >
-      <view v-if="data.fieldMap[item.sourceId]">
-        <view
-          v-for="(uitem, uindex) in formatItemData(data.fieldMap[item.sourceId], isControlType(item))"
-          :key="uindex"
-        >
-          <!-- 图片 -->
-          <wd-img
-            v-if="['png', 'jpg', 'jpeg'].includes(uitem.type)"
-            enable-preview
-            :width="100"
-            :height="100"
-            :src="uitem.url"
-          >
-            <template #error>
-              <view class="flex items-center pt-4px">暂无图片~</view>
-            </template>
-            <template #loading>
-              <view class="loading-wrap">
-                <wd-loading />
-              </view>
-            </template>
-          </wd-img>
-          <!-- 视频 -->
-          <view
-            v-else-if="['mp4', 'mov', 'wmv', 'avi', 'rmvb', 'flv', 'mkv'].includes(uitem.type)"
-            style="
-              width: 70px;
-              height: 70px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              border: 1px solid #ccc;
-              border-radius: 4px;
-            "
-            @click="openVideo(uitem)"
-          >
-            <wd-icon name="play-circle-filled" size="22px" />
-          </view>
-          <!-- 音频 -->
-          <view
-            v-else-if="['mp3', 'wma', 'wav', 'aac', 'ogg', 'flac', 'm4a', 'amr'].includes(uitem.type)"
-            style="display: flex; align-items: center; justify-content: center"
-          >
-            <audioPlay :src="uitem.url" />
-          </view>
-          <!-- 文件 -->
-          <view
-            v-else-if="
-              [
-                'doc',
-                'docx',
-                'xls',
-                'xlsx',
-                'ppt',
-                'pptx',
-                'pdf',
-                'txt',
-                'zip',
-                'rar',
-                '7z',
-                'gz',
-                'bz2',
-                'tar',
-                'iso',
-                'exe',
-                'dmg',
-                'apk',
-                'apk',
-                'apk',
-                'apk',
-                'apk',
-                'apk',
-                'apk',
-                'apk',
-              ].includes(uitem.type)
-            "
-          >
-            <span :style="{ color: primary }" @click="downloadFile(uitem.url)">
-              {{ uitem.name }}
-            </span>
-          </view>
-        </view>
-      </view>
-    </view>
-    <view v-else-if="item.title === '序号'" class="flex flex-1 items-center text-gray-800 dark:text-white">
-      {{ index + 1 }}
-    </view>
-    <view v-else-if="item.buttons?.includes('detail')" class="flex flex-1 items-center text-gray-800 dark:text-white">
-      <detailPopup
-        :source="item"
-        :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))"
-        :code="data.fieldMap[item.sourceId]"
-      />
-    </view>
-    <openValueMore v-else :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))" />
-  </view>
-  <VideoPlay ref="videoPlayRef" />
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import { computed, defineOptions, defineProps, ref } from 'vue'
+import type { Columns, Entities } from '../../type'
+import { downloadFile, formatItemData } from '../../utils'
+import ControlTypeSupportor from '../../utils/control-type-supportor'
+import VideoPlay from '../video-play/video-play.vue'
+import audioPlay from '../audio-play/audio-play.vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+import openValueMore from './open-value-more.vue'
+import detailPopup from '../detail-popup/detail-popup.vue'
+
+defineOptions({
+  name: 'LabelValue',
+})
+const props = defineProps<{
+  exhibitData: Columns[]
+  data: Entities
+  index: number
+}>()
+const { primary } = useManualTheme()
+const clums = computed(() => {
+  return props.exhibitData.filter(item => !item.title?.includes('y'))
+})
+
+const videoPlayRef = ref()
+function openVideo(uitem: any) {
+  videoPlayRef.value.open(uitem.url)
+}
+
+function isControlType(item: Columns): string {
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    props.data.fieldMap?.[item.sourceId] || ''
+  )
+}
+</script>
+
+<template>
+  <view v-for="(item, sindex) in clums" :key="sindex" class="flex">
+    <view class="mr-2 w-20 p-1 text-gray-500 dark:text-white">{{ item.title }}:</view>
+    <view
+      v-if="isControlType(item) === 'file' || isControlType(item) === 'relfile' || isControlType(item) === 'video'"
+      class="flex flex-1 items-center text-gray-800 dark:text-white"
+    >
+      <view v-if="data.fieldMap[item.sourceId]">
+        <view
+          v-for="(uitem, uindex) in formatItemData(data.fieldMap[item.sourceId], isControlType(item))"
+          :key="uindex"
+        >
+          <!-- 图片 -->
+          <wd-img
+            v-if="['png', 'jpg', 'jpeg'].includes(uitem.type)"
+            enable-preview
+            :width="100"
+            :height="100"
+            :src="uitem.url"
+          >
+            <template #error>
+              <view class="flex items-center pt-4px">暂无图片~</view>
+            </template>
+            <template #loading>
+              <view class="loading-wrap">
+                <wd-loading />
+              </view>
+            </template>
+          </wd-img>
+          <!-- 视频 -->
+          <view
+            v-else-if="['mp4', 'mov', 'wmv', 'avi', 'rmvb', 'flv', 'mkv'].includes(uitem.type)"
+            style="
+              width: 70px;
+              height: 70px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              border: 1px solid #ccc;
+              border-radius: 4px;
+            "
+            @click="openVideo(uitem)"
+          >
+            <wd-icon name="play-circle-filled" size="22px" />
+          </view>
+          <!-- 音频 -->
+          <view
+            v-else-if="['mp3', 'wma', 'wav', 'aac', 'ogg', 'flac', 'm4a', 'amr'].includes(uitem.type)"
+            style="display: flex; align-items: center; justify-content: center"
+          >
+            <audioPlay :src="uitem.url" />
+          </view>
+          <!-- 文件 -->
+          <view
+            v-else-if="
+              [
+                'doc',
+                'docx',
+                'xls',
+                'xlsx',
+                'ppt',
+                'pptx',
+                'pdf',
+                'txt',
+                'zip',
+                'rar',
+                '7z',
+                'gz',
+                'bz2',
+                'tar',
+                'iso',
+                'exe',
+                'dmg',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+              ].includes(uitem.type)
+            "
+          >
+            <span :style="{ color: primary }" @click="downloadFile(uitem.url)">
+              {{ uitem.name }}
+            </span>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view v-else-if="item.title === '序号'" class="flex flex-1 items-center text-gray-800 dark:text-white">
+      {{ index + 1 }}
+    </view>
+    <view v-else-if="item.buttons?.includes('detail')" class="flex flex-1 items-center text-gray-800 dark:text-white">
+      <detailPopup
+        :source="item"
+        :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))"
+        :code="data.fieldMap[item.sourceId]"
+      />
+    </view>
+    <openValueMore v-else :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))" />
+  </view>
+  <VideoPlay ref="videoPlayRef" />
+</template>
+
+<style scoped lang="scss"></style>

package/components/label-value/open-value-more.vue

@@ -1,56 +1,56 @@
-<script setup lang="ts">
-import { computed, defineOptions, defineProps, ref } from 'vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-
-defineOptions({
-  name: 'OpenValueMore',
-})
-const props = defineProps({
-  text: {
-    type: [String, Number],
-    default: '',
-  },
-})
-
-const {
-  currentThemeColor,
-} = useManualTheme()
-
-const show = ref(false)
-
-const textOption = computed(() => {
-  const textValue = props.text?.toString() || ''
-  if (textValue.length > 100 && typeof props.text === 'string') {
-    return {
-      text: `${textValue.substring(0, 100)}...`,
-      isOpenButon: true,
-    }
-  }
-  return {
-    text: textValue,
-    isOpenButon: false,
-  }
-})
-
-function alert() {
-  show.value = true
-}
-</script>
-
-<template>
-  <view class="flex flex-1 items-center break-all text-gray-800 dark:text-white">
-    <text>
-      {{ textOption.text }} <text
-        v-if="textOption.isOpenButon" :style="{ color: currentThemeColor.primary }"
-        @click="alert"
-      >
-        更多
-      </text>
-    </text>
-    <wd-popup v-model="show" custom-style="border-radius:32rpx;" closable>
-      <view class="h-70vh w-90vw p-2 pt-10">
-        <text>{{ props.text }}</text>
-      </view>
-    </wd-popup>
-  </view>
-</template>
+<script setup lang="ts">
+import { computed, defineOptions, defineProps, ref } from 'vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+
+defineOptions({
+  name: 'OpenValueMore',
+})
+const props = defineProps({
+  text: {
+    type: [String, Number],
+    default: '',
+  },
+})
+
+const {
+  currentThemeColor,
+} = useManualTheme()
+
+const show = ref(false)
+
+const textOption = computed(() => {
+  const textValue = props.text?.toString() || ''
+  if (textValue.length > 100 && typeof props.text === 'string') {
+    return {
+      text: `${textValue.substring(0, 100)}...`,
+      isOpenButon: true,
+    }
+  }
+  return {
+    text: textValue,
+    isOpenButon: false,
+  }
+})
+
+function alert() {
+  show.value = true
+}
+</script>
+
+<template>
+  <view class="flex flex-1 items-center break-all text-gray-800 dark:text-white">
+    <text>
+      {{ textOption.text }} <text
+        v-if="textOption.isOpenButon" :style="{ color: currentThemeColor.primary }"
+        @click="alert"
+      >
+        更多
+      </text>
+    </text>
+    <wd-popup v-model="show" custom-style="border-radius:32rpx;" closable>
+      <view class="h-70vh w-90vw p-2 pt-10">
+        <text>{{ props.text }}</text>
+      </view>
+    </wd-popup>
+  </view>
+</template>

package/components/list-top-buttons/list-top-buttons.vue

@@ -1,19 +1,19 @@
-<script setup lang="ts">
-import { useRouter } from 'uni-mini-router'
-
-defineOptions({
-  name: 'ListTopButtons',
-})
-const props = defineProps<{ mainCode: string, buttons: string[], sourceId: string, id?: string, pageTitle: string, pageType?: string, addEvent?: string, config?: any }>()
-const router = useRouter()
-// 跳转添加页面
-function gotoAddPage() {
-  router.push(`/pages/edit-page/index?sourceId=${props.sourceId}&id=${props.id || ''}&title=${props.pageTitle}&mainCode=${props.mainCode}&pageType=${props.pageType}&addEvent=${props.addEvent}`)
-}
-</script>
-
-<template>
-  <view class="flex justify-end gap-1 py-2 px-2 bg-white dark:bg-[var(--wot-dark-background)]">
-    <wd-button class="flex-1" v-if="buttons.includes('dtmplAdd')" type="primary" @click="gotoAddPage" icon="plus">{{ props.config?.editBtnTitle || '新增' }}</wd-button>
-  </view>
-</template>
+<script setup lang="ts">
+import { useRouter } from 'uni-mini-router'
+
+defineOptions({
+  name: 'ListTopButtons',
+})
+const props = defineProps<{ mainCode: string, buttons: string[], sourceId: string, id?: string, pageTitle: string, pageType?: string, addEvent?: string, config?: any }>()
+const router = useRouter()
+// 跳转添加页面
+function gotoAddPage() {
+  router.push(`/pages/edit-page/index?sourceId=${props.sourceId}&id=${props.id || ''}&title=${props.pageTitle}&mainCode=${props.mainCode}&pageType=${props.pageType}&addEvent=${props.addEvent}`)
+}
+</script>
+
+<template>
+  <view class="flex justify-end gap-1 py-2 px-2 bg-white dark:bg-[var(--wot-dark-background)]">
+    <wd-button class="flex-1" v-if="buttons.includes('dtmplAdd')" type="primary" @click="gotoAddPage" icon="plus">{{ props.config?.editBtnTitle || '新增' }}</wd-button>
+  </view>
+</template>

package/components/loading/loading.vue

@@ -1,5 +1,5 @@
-<template>
-  <view class="h-100px flex items-center justify-center">
-    <wd-loading />
-  </view>
-</template>
+<template>
+  <view class="h-100px flex items-center justify-center">
+    <wd-loading />
+  </view>
+</template>