@tplc/wot 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -2,4 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.22...v0.1.8) (2024-09-24)
+
+### [0.1.7](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.20...v0.1.7) (2024-09-22)
+
 ## [0.1.0](http://gitlab888.30jia.com.cn/frontend-material/zero-code-pro/compare/v1.1.0...v0.1.0) (2024-08-25)

package/components/composables/useTranslate.ts

@@ -8,6 +8,7 @@
  * 记得注释
  */
 import { camelCase, getPropByPath, isFunction } from '../common/util'
+// eslint-disable-next-line import/no-named-as-default
 import Locale from '../../locale'
 
 export const useTranslate = (name?: string) => {

package/components/wd-swiper/types.ts

@@ -182,8 +182,14 @@ export const swiperProps = {
    */
   customPrevImageClass: makeStringProp(''),
 
-  customPrevImageHeight: makeNumberProp(undefined),
-  customNextImageHeight: makeNumberProp(undefined),
+  customPrevImageHeight: {
+    type: [Number, String] as PropType<number | string>,
+    default: undefined,
+  },
+  customNextImageHeight: {
+    type: [Number, String] as PropType<number | string>,
+    default: undefined,
+  },
 
   customPrevImageStyle: {
     type: Object as PropType<CSSProperties>,
@@ -207,6 +213,8 @@ export const swiperProps = {
   imageRadius: makeStringProp(''),
 
   radius: makeStringProp(''),
+
+  action: makeBooleanProp(false),
 }
 
 export type SwiperProps = ExtractPropTypes<typeof swiperProps>

package/components/wd-swiper/wd-swiper.vue

@@ -24,16 +24,37 @@
         :style="{ paddingRight: itemPadding }"
         @click="handleClick(index, item)"
       >
-        <image
-          :src="isObj(item) ? item[valueKey] : item"
+        <view
           :class="`wd-swiper__image ${customImageClass} ${getCustomImageClass(navCurrent, index, list)}`"
-          :style="{
-            height: getCustomImageHeight(navCurrent, index, list),
-            borderRadius: imageRadius,
-            width: imgWidth ? addUnit(imgWidth) : undefined,
-          }"
-          :mode="imageMode"
-        />
+        >
+          <lcb-action-view
+            v-if="action && typeof item === 'object'"
+            v-bind="item"
+            customClass="w-full h-full"
+          >
+            <image
+              :src="isObj(item) ? item[valueKey] : item"
+              class="h-full w-full"
+              :style="{
+                height: getCustomImageHeight(navCurrent, index, list),
+                borderRadius: imageRadius,
+                width: imgWidth ? addUnit(imgWidth) : undefined,
+              }"
+              :mode="imageMode"
+            />
+          </lcb-action-view>
+          <image
+            v-else
+            :src="isObj(item) ? item[valueKey] : item"
+            class="h-full w-full"
+            :style="{
+              height: getCustomImageHeight(navCurrent, index, list),
+              borderRadius: imageRadius,
+              width: imgWidth ? addUnit(imgWidth) : undefined,
+            }"
+            :mode="imageMode"
+          />
+        </view>
       </swiper-item>
     </swiper>
 
@@ -56,7 +77,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch, ref } from 'vue'
+import { computed, watch, ref, useSlots } from 'vue'
 import { addUnit, isObj } from '../common/util'
 import { swiperProps, type SwiperList } from './types'
 import type { SwiperNavProps } from '../wd-swiper-nav/types'
@@ -64,6 +85,7 @@ import type { SwiperNavProps } from '../wd-swiper-nav/types'
 const props = defineProps(swiperProps)
 const emit = defineEmits(['click', 'change', 'animationfinish', 'update:current'])
 const navCurrent = ref<number>(0) // 当前滑块
+const slots = useSlots()
 
 watch(
   () => props.current,

package/index.ts

@@ -10,6 +10,7 @@
 
 // Toast
 export { useToast } from './components/wd-toast'
+export { useTranslate } from './components/composables/useTranslate'
 // Messageb
 export { useMessage } from './components/wd-message-box'
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-swiper/types.d.ts

@@ -207,11 +207,11 @@ export declare const swiperProps: {
     default: string
   }
   customPrevImageHeight: {
-    type: NumberConstructor
+    type: PropType<number | string>
     default: undefined
   }
   customNextImageHeight: {
-    type: NumberConstructor
+    type: PropType<number | string>
     default: undefined
   }
   customPrevImageStyle: {
@@ -246,6 +246,10 @@ export declare const swiperProps: {
     type: PropType<string>
     default: string
   }
+  action: {
+    type: BooleanConstructor
+    default: boolean
+  }
   customStyle: {
     type: PropType<string>
     default: string

package/types/components/wd-swiper/wd-swiper.vue.d.ts

@@ -90,11 +90,11 @@ declare const __VLS_component: import('vue').DefineComponent<
       default: string
     }
     customPrevImageHeight: {
-      type: NumberConstructor
+      type: import('vue').PropType<number | string>
       default: undefined
     }
     customNextImageHeight: {
-      type: NumberConstructor
+      type: import('vue').PropType<number | string>
       default: undefined
     }
     customPrevImageStyle: {
@@ -123,6 +123,10 @@ declare const __VLS_component: import('vue').DefineComponent<
       type: import('vue').PropType<string>
       default: string
     }
+    action: {
+      type: BooleanConstructor
+      default: boolean
+    }
     customStyle: {
       type: import('vue').PropType<string>
       default: string
@@ -233,11 +237,11 @@ declare const __VLS_component: import('vue').DefineComponent<
         default: string
       }
       customPrevImageHeight: {
-        type: NumberConstructor
+        type: import('vue').PropType<number | string>
         default: undefined
       }
       customNextImageHeight: {
-        type: NumberConstructor
+        type: import('vue').PropType<number | string>
         default: undefined
       }
       customPrevImageStyle: {
@@ -266,6 +270,10 @@ declare const __VLS_component: import('vue').DefineComponent<
         type: import('vue').PropType<string>
         default: string
       }
+      action: {
+        type: BooleanConstructor
+        default: boolean
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -285,6 +293,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     duration: number
     customStyle: string
     customClass: string
+    action: boolean
     current: number
     height: string | number
     valueKey: string
@@ -306,8 +315,8 @@ declare const __VLS_component: import('vue').DefineComponent<
     customIndicatorClass: string
     customImageClass: string
     customPrevImageClass: string
-    customPrevImageHeight: number
-    customNextImageHeight: number
+    customPrevImageHeight: string | number
+    customNextImageHeight: string | number
     customImageStyle: import('vue').CSSProperties
     customNextImageClass: string
     itemPadding: string