wui-components-v2 1.1.69 → 1.1.71

package/components/video-play/video-play.vue

@@ -1,56 +1,56 @@
-<script setup lang="ts">
-import { defineExpose, defineOptions, ref } from 'vue'
-
-defineOptions({
-  name: 'VideoPlay',
-})
-const key = ref(1)
-const show = ref(false)
-const url = ref('')
-defineExpose({
-  open: (e: any) => {
-    setTimeout(() => {
-      key.value++// 解决视频显示小，延迟渲染
-    }, 1000)
-    show.value = true
-    url.value = e
-  },
-})
-function close() {
-  uni.createVideoContext('myVideo').pause()
-}
-</script>
-
-<template>
-  <wd-popup v-model="show" :hide-when-close="true" @close="close">
-    <view class="container">
-      <video
-        id="myVideo"
-        :key="key"
-        class="video-box"
-        object-fit="fill"
-        :src="url"
-        controls
-      />
-    </view>
-  </wd-popup>
-</template>
-
-<style scoped>
-.container {
-  position: relative;
-  width: 300px;
-  height: 0;
-  /* // 因为 padding 和 margin 等受 width 影响，父容器固定后，子标签可以进行填充。
-  // 此处的 56.25% 是 9/16【 75% 是 3/4 】其他比例可以依照此法 */
-  padding-bottom: 56.25%;
-
-}
-  .video-box {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-</style>
+<script setup lang="ts">
+import { defineExpose, defineOptions, ref } from 'vue'
+
+defineOptions({
+  name: 'VideoPlay',
+})
+const key = ref(1)
+const show = ref(false)
+const url = ref('')
+defineExpose({
+  open: (e: any) => {
+    setTimeout(() => {
+      key.value++// 解决视频显示小，延迟渲染
+    }, 1000)
+    show.value = true
+    url.value = e
+  },
+})
+function close() {
+  uni.createVideoContext('myVideo').pause()
+}
+</script>
+
+<template>
+  <wd-popup v-model="show" :hide-when-close="true" @close="close">
+    <view class="container">
+      <video
+        id="myVideo"
+        :key="key"
+        class="video-box"
+        object-fit="fill"
+        :src="url"
+        controls
+      />
+    </view>
+  </wd-popup>
+</template>
+
+<style scoped>
+.container {
+  position: relative;
+  width: 300px;
+  height: 0;
+  /* // 因为 padding 和 margin 等受 width 影响，父容器固定后，子标签可以进行填充。
+  // 此处的 56.25% 是 9/16【 75% 是 3/4 】其他比例可以依照此法 */
+  padding-bottom: 56.25%;
+
+}
+  .video-box {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+</style>

package/components/wui-auto-update-component/wui-auto-update-component.vue

@@ -1,132 +1,132 @@
-<script setup lang="ts">
-import { onBeforeMount, ref } from 'vue'
-import WuiUpdateComponent from '../wui-update-component/wui-update-component.vue'
-
-defineOptions({
-  name: 'WuiAutoUpdateComponent',
-})
-const prop = defineProps({
-  hydrocarbonProgramToken: {
-    type: String,
-    default: '',
-  },
-  baseUrl: {
-    type: String,
-    default: '',
-  },
-  sourceId: {
-    type: String,
-    default: '',
-  },
-  appId: {
-    type: String,
-    default: '',
-  },
-})
-const entities = ref([])
-// 弹窗开关
-const show = ref(false)
-
-const isUpdate = ref(0)
-// 当前版本
-const currentVersion = ref('')
-
-// 最新版本
-const latestVersion = ref('')
-
-// 弹框进入时检查更新
-async function beforeEnter() {
-  // 获取当前应用版本号
-  const v1 = await new Promise<string>((resolve, reject) => {
-    plus.runtime.getProperty(plus.runtime.appid || '', (widgetInfo) => {
-      resolve(widgetInfo.version || '')
-    })
-    console.log(reject)
-  })
-  currentVersion.value = v1
-  // 获取接口最新版本号
-  uni.request({
-    url:
-      `${prop.baseUrl
-      }/v3/mstruc/data?sourceId=${prop.sourceId}&depth=1&sortColIds=创建时间_DESC&pageNo=1&pageSize=1&c_app编码_equals=${prop.appId}&c_标记删除_equals=否`,
-    method: 'GET',
-    header: {
-      'hydrocarbon-program-token': prop.hydrocarbonProgramToken,
-    },
-    success: (res: any) => {
-      if (res.statusCode === 200) {
-        if (res.data.entities.length > 0) {
-          latestVersion.value = res.data.entities[0]['版本号'] // 最新版本号
-          isUpdate.value = compareVersions(currentVersion.value, latestVersion.value) // 比较版本号
-          if (isUpdate.value !== 0) {
-            show.value = true// 显示弹窗
-          }
-          entities.value = res.data.entities // 获取接口数据
-        }
-      }
-    },
-    fail: (err) => {
-      console.log('接口版本err：', err)
-    },
-  })
-}
-
-onBeforeMount(() => {
-  // #ifdef APP-PLUS
-  beforeEnter()
-  // #endif
-})
-
-// 版本号比对 1:大于当前版本，-1：小于当前版本，0：版本号相同
-function compareVersions(v1: string, v2: string) {
-  // 接口版本
-  const v2Parts = v2.split('.').map(Number)
-  // 本地版本
-  const v1Parts = v1.split('.').map(Number)
-  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
-    const part1 = v1Parts[i] || 0
-    const part2 = v2Parts[i] || 0
-    if (part1 !== part2)
-      return part1 < part2 ? 1 : -1
-  }
-  return 0
-}
-</script>
-
-<template>
-  <WuiUpdateComponent
-    :show="show"
-    :app-id="prop.appId" :hydrocarbon-program-token="prop.hydrocarbonProgramToken" :base-url="prop.baseUrl"
-    :source-id="prop.sourceId" @close="(e) => { show = e }"
-  />
-</template>
-
-<style lang="scss" scoped>
-.updateBox {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 600rpx;
-  min-height: 200rpx;
-  padding: 32rpx;
-  background-color: #fff;
-  border-radius: 32rpx;
-
-  .calc {
-    width: 550rpx;
-    margin-top: 40rpx;
-    text-align: center;
-  }
-}
-
-.loadingBox {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 600rpx;
-  height: 200rpx;
-  padding: 32rpx;
-  background-color: #fff;
-  border-radius: 32rpx;
-}
-</style>
+<script setup lang="ts">
+import { onBeforeMount, ref } from 'vue'
+import WuiUpdateComponent from '../wui-update-component/wui-update-component.vue'
+
+defineOptions({
+  name: 'WuiAutoUpdateComponent',
+})
+const prop = defineProps({
+  hydrocarbonProgramToken: {
+    type: String,
+    default: '',
+  },
+  baseUrl: {
+    type: String,
+    default: '',
+  },
+  sourceId: {
+    type: String,
+    default: '',
+  },
+  appId: {
+    type: String,
+    default: '',
+  },
+})
+const entities = ref([])
+// 弹窗开关
+const show = ref(false)
+
+const isUpdate = ref(0)
+// 当前版本
+const currentVersion = ref('')
+
+// 最新版本
+const latestVersion = ref('')
+
+// 弹框进入时检查更新
+async function beforeEnter() {
+  // 获取当前应用版本号
+  const v1 = await new Promise<string>((resolve, reject) => {
+    plus.runtime.getProperty(plus.runtime.appid || '', (widgetInfo) => {
+      resolve(widgetInfo.version || '')
+    })
+    console.log(reject)
+  })
+  currentVersion.value = v1
+  // 获取接口最新版本号
+  uni.request({
+    url:
+      `${prop.baseUrl
+      }/v3/mstruc/data?sourceId=${prop.sourceId}&depth=1&sortColIds=创建时间_DESC&pageNo=1&pageSize=1&c_app编码_equals=${prop.appId}&c_标记删除_equals=否`,
+    method: 'GET',
+    header: {
+      'hydrocarbon-program-token': prop.hydrocarbonProgramToken,
+    },
+    success: (res: any) => {
+      if (res.statusCode === 200) {
+        if (res.data.entities.length > 0) {
+          latestVersion.value = res.data.entities[0]['版本号'] // 最新版本号
+          isUpdate.value = compareVersions(currentVersion.value, latestVersion.value) // 比较版本号
+          if (isUpdate.value !== 0) {
+            show.value = true// 显示弹窗
+          }
+          entities.value = res.data.entities // 获取接口数据
+        }
+      }
+    },
+    fail: (err) => {
+      console.log('接口版本err：', err)
+    },
+  })
+}
+
+onBeforeMount(() => {
+  // #ifdef APP-PLUS
+  beforeEnter()
+  // #endif
+})
+
+// 版本号比对 1:大于当前版本，-1：小于当前版本，0：版本号相同
+function compareVersions(v1: string, v2: string) {
+  // 接口版本
+  const v2Parts = v2.split('.').map(Number)
+  // 本地版本
+  const v1Parts = v1.split('.').map(Number)
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const part1 = v1Parts[i] || 0
+    const part2 = v2Parts[i] || 0
+    if (part1 !== part2)
+      return part1 < part2 ? 1 : -1
+  }
+  return 0
+}
+</script>
+
+<template>
+  <WuiUpdateComponent
+    :show="show"
+    :app-id="prop.appId" :hydrocarbon-program-token="prop.hydrocarbonProgramToken" :base-url="prop.baseUrl"
+    :source-id="prop.sourceId" @close="(e) => { show = e }"
+  />
+</template>
+
+<style lang="scss" scoped>
+.updateBox {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 600rpx;
+  min-height: 200rpx;
+  padding: 32rpx;
+  background-color: #fff;
+  border-radius: 32rpx;
+
+  .calc {
+    width: 550rpx;
+    margin-top: 40rpx;
+    text-align: center;
+  }
+}
+
+.loadingBox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 600rpx;
+  height: 200rpx;
+  padding: 32rpx;
+  background-color: #fff;
+  border-radius: 32rpx;
+}
+</style>

package/components/wui-default/wui-default.vue

@@ -1,49 +1,49 @@
-<script lang="ts" setup>
-import { defineOptions } from 'vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-import globalLoading from '../../components/global-loading/global-loading.vue'
-import globalToast from '../../components/global-toast/global-toast.vue'
-import globalMessage from '../../components/global-message/global-message.vue'
-import privacyPopup from '../../components/privacy-popup/privacy-popup.vue'
-
-defineOptions({
-  name: 'WuiDefault',
-})
-const { themeVars, theme } = useManualTheme()
-</script>
-
-<script lang="ts">
-export default {
-  options: {
-    addGlobalClass: true,
-    virtualHost: true,
-    styleIsolation: 'shared',
-  },
-}
-</script>
-
-<template>
-  <wd-config-provider :theme-vars="themeVars" :theme="theme" :custom-class="`page-wraper ${theme} custom-layout`">
-    <slot />
-    <wd-notify />
-    <wd-toast />
-    <global-loading />
-    <global-toast />
-    <global-message />
-    <!-- #ifdef MP-WEIXIN -->
-    <privacy-popup />
-    <!-- #endif -->
-  </wd-config-provider>
-</template>
-
-<style lang="scss">
-.page-wraper {
-  min-height: calc(100vh - var(--window-top));
-  box-sizing: border-box;
-  background: #F8F9FB;
-}
-
-.wot-theme-dark.page-wraper {
-  background: #222;
-}
-</style>
+<script lang="ts" setup>
+import { defineOptions } from 'vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+import globalLoading from '../../components/global-loading/global-loading.vue'
+import globalToast from '../../components/global-toast/global-toast.vue'
+import globalMessage from '../../components/global-message/global-message.vue'
+import privacyPopup from '../../components/privacy-popup/privacy-popup.vue'
+
+defineOptions({
+  name: 'WuiDefault',
+})
+const { themeVars, theme } = useManualTheme()
+</script>
+
+<script lang="ts">
+export default {
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+}
+</script>
+
+<template>
+  <wd-config-provider :theme-vars="themeVars" :theme="theme" :custom-class="`page-wraper ${theme} custom-layout`">
+    <slot />
+    <wd-notify />
+    <wd-toast />
+    <global-loading />
+    <global-toast />
+    <global-message />
+    <!-- #ifdef MP-WEIXIN -->
+    <privacy-popup />
+    <!-- #endif -->
+  </wd-config-provider>
+</template>
+
+<style lang="scss">
+.page-wraper {
+  min-height: calc(100vh - var(--window-top));
+  box-sizing: border-box;
+  background: #F8F9FB;
+}
+
+.wot-theme-dark.page-wraper {
+  background: #222;
+}
+</style>