@tplc/business 0.0.2 → 0.0.4

package/components/lcb-img-nav/lcb-img-nav.vue

@@ -28,7 +28,7 @@
         }"
       >
         <div v-if="iconType === 0" class="flex justify-center items-center">
-          <wd-icon class-prefix="iconfont" :name="item.icon" size="36" />
+          <wd-icon class-prefix="iconfont" :name="item.icon!" size="36" />
         </div>
       </div>
       <view class="title">{{ item.title }}</view>

package/components/lcb-nav/lcb-nav.vue

@@ -3,6 +3,7 @@
     class="customNavigation"
     :class="{
       immersiveTop: topStyle === 2,
+      paddingTop,
     }"
   >
     <view
@@ -24,7 +25,6 @@
             <view class="images mr-2" v-if="logoImg">
               <img :src="logoImg" />
             </view>
-
             <view class="title">{{ title }}</view>
           </view>
           <view class="images" v-else>
@@ -50,6 +50,10 @@
 </template>
 
 <script setup lang="ts">
+import { addUnit } from '@tplc/wot/components/common/util'
+import { computed } from 'vue'
+
+const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({
   name: 'FinalNav',
   options: {
@@ -100,12 +104,15 @@ withDefaults(defineProps<NanProps>(), {
   logoImg: '',
   searchText: '搜索',
 })
+
+const paddingTop = computed(() => {
+  return addUnit(statusBarHeight || 0)
+})
 </script>
 <style lang="scss" scoped>
 .customNavigation {
   position: relative;
   width: 100%;
-  height: 88px;
 
   .header {
     position: absolute;
@@ -113,7 +120,6 @@ withDefaults(defineProps<NanProps>(), {
     left: 0px;
     width: 100%;
     height: 100%;
-    background-image: url(https://cdn2.weimob.com/saas/@assets/saas-fe-basis-web-stc/cms/h5/topNavBlack_new.png);
     background-repeat: no-repeat;
     background-position: 50%;
     background-position-x: 50%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "keywords": [
     "业务组件i"
   ],
@@ -10,7 +10,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "0.1.1"
+    "@tplc/wot": "0.1.2"
   },
   "engines": {
     "node": ">=18",

package/types/lcb-img-nav/lcb-img-nav.vue.d.ts

@@ -0,0 +1,88 @@
+interface LcbImgNavProps {
+    /** 模式 1.单行 2.多行 */
+    styleGroup?: 1 | 2;
+    /** 文字颜色 #212121 */
+    textColor?: string;
+    /** 背景颜色 #ffffff */
+    bgColor?: string;
+    /** 背景图片 */
+    bgImg?: string;
+    /** 图标颜色 #212121 */
+    iconColor?: string;
+    /** 图标类型 0.系统 1.自定义 */
+    iconType?: 0 | 1;
+    /** 数据内容 */
+    items?: {
+        title: string;
+        icon?: string;
+        link: string;
+        img?: string;
+    }[];
+    /** 上边距 */
+    topMargin?: 0 | 24 | 36;
+    /** 下边距 */
+    bottomMargin?: 0 | 24 | 36;
+    /** 排布方式每行几个 */
+    pictureDistribution?: 3 | 4 | 5;
+    /** 左右间距 */
+    leftRightMargin?: number;
+    /** 图标尺寸 0.小40px  2.大50px */
+    iconSize?: number;
+    /** 图标圆角 默认 0 */
+    iconRadius?: number;
+    /** 文字与图标距离 */
+    iconTextMargin?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbImgNavProps>, {
+    bgColor: string;
+    textColor: string;
+    iconColor: string;
+    iconRadius: number;
+    topMargin: number;
+    bottomMargin: number;
+    iconSize: number;
+    leftRightMargin: number;
+    iconTextMargin: number;
+    pictureDistribution: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbImgNavProps>, {
+    bgColor: string;
+    textColor: string;
+    iconColor: string;
+    iconRadius: number;
+    topMargin: number;
+    bottomMargin: number;
+    iconSize: number;
+    leftRightMargin: number;
+    iconTextMargin: number;
+    pictureDistribution: number;
+}>>>, {
+    textColor: string;
+    bgColor: string;
+    iconColor: string;
+    topMargin: 0 | 24 | 36;
+    bottomMargin: 0 | 24 | 36;
+    pictureDistribution: 3 | 4 | 5;
+    leftRightMargin: number;
+    iconSize: number;
+    iconRadius: number;
+    iconTextMargin: number;
+}, {}>;
+export default _default;
+
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/lcb-nav/lcb-nav.vue.d.ts

@@ -0,0 +1,85 @@
+interface NanProps {
+    /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
+    styleGroup?: 1 | 2 | 3 | 4;
+    /** 方位 */
+    titleLocation?: 'left' | 'center';
+    /** 是否沉浸式状态栏 */
+    topStyle?: 1 | 2;
+    /** 标题 */
+    title?: string;
+    /** 图片 */
+    logoImg?: string;
+    /** 背景图片 */
+    backgroundImage?: string;
+    /** 模式 */
+    titleMode?: 'text' | 'img';
+    /** 颜色模式 */
+    colorMode?: 'custom' | 'default';
+    /** 背景颜色 */
+    backColor?: string;
+    /** 背景样式 */
+    backgroundType?: 'img' | 'color';
+    /** 内容颜色 */
+    contentColor?: string;
+    searchText?: string;
+    typographyTextBackground?: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<NanProps>, {
+    styleGroup: number;
+    titleLocation: string;
+    topStyle: number;
+    title: string;
+    titleMode: string;
+    backgroundType: string;
+    colorMode: string;
+    backColor: string;
+    contentColor: string;
+    logoImg: string;
+    searchText: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NanProps>, {
+    styleGroup: number;
+    titleLocation: string;
+    topStyle: number;
+    title: string;
+    titleMode: string;
+    backgroundType: string;
+    colorMode: string;
+    backColor: string;
+    contentColor: string;
+    logoImg: string;
+    searchText: string;
+}>>> & {
+    onSearch?: (() => any) | undefined;
+}, {
+    styleGroup: 1 | 2 | 3 | 4;
+    title: string;
+    titleLocation: "left" | "center";
+    topStyle: 1 | 2;
+    logoImg: string;
+    titleMode: "text" | "img";
+    colorMode: "custom" | "default";
+    backColor: string;
+    backgroundType: "img" | "color";
+    contentColor: string;
+    searchText: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "noImplicitAny": false, // 隐式具有“any”类型
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "strict": true,
-    "jsx": "preserve",
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "declaration": true,
-    "declarationDir": "./types",
-    "emitDeclarationOnly": true,
-    "baseUrl": ".",
-    "types": ["@dcloudio/types", "miniprogram-api-typings", "mini-types", "node"],
-    "lib": ["ESNext", "DOM"]
-  },
-  "include": ["components/**/*.vue"],
-  "exclude": ["node_modules"]
-}