taro-react-uilib 1.4.24-0 → 1.4.24-1

package/dist/styles/components/badge.scss

@@ -3,8 +3,9 @@
 #{$xh-prefix}-badge {
   padding: 6px 24px;
   border: 1PX solid var(--color-primary);
-  display: inline-block;
+  display: inline-flex;
   font-size: 26px;
   border-radius: 30px;
   color: var(--color-primary);
+  align-items: center;
 }

package/dist/styles/components/cell.scss

@@ -51,13 +51,16 @@
     background-color: #EEE;
   }
   &-icon {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 50px;
     height: 50px;
     margin-right: 15px;
     img {
       max-width: 100%;
       max-height: 100%;
+      object-fit: cover;
     }
     image {
       max-width: 100%;
@@ -105,13 +108,15 @@
   &-value {
     display: flex;
     align-items: center;
-    // max-width: 280px;
+    // max-width: 50%;
     &-info {
       display: inline-block;
       max-width: 100%;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+      &.ellipsis {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
     &-icon {
       display: inline-block;

package/dist/styles/components/curtain.scss

@@ -0,0 +1,105 @@
+@import "../../styles/themes/variable.scss";
+
+@font-face {
+  font-family: "xh-iconfont"; /* Project id 4043926 */
+  src:
+    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
+    url('./font/iconfont.woff?t=1687140360510') format('woff'),
+    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
+}
+
+#{$xh-prefix}-curtain {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+  display: none;
+  text-align: center;
+  touch-action: none;
+  &.visible {
+    display: flex;
+    animation: bounceIn 0.35s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  &.toggle {
+    display: flex;
+    animation: bounceOut 0.35s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  &-content {
+    margin-bottom: 42px;
+    width: 80%;
+    display: flex;
+    place-items: center;
+    flex-direction: column;
+    img, image {
+      max-width: 100%;
+      /*  #ifdef  h5  */
+      height: auto;
+      /*  #endif */
+      display: block;
+      object-fit: contain;
+    }
+  }
+  &-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 999;
+  }
+
+  &-close {
+    display: block;
+    font-family: 'xh-iconfont';
+    -webkit-font-smoothing: antialiased;
+    font-size: 30PX;
+    color: #FFF;
+    &:before {
+      content: "\e608";
+    }
+  }
+}
+
+@keyframes bounceIn {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    transform: scale3d(0.6, 0.6, 0.6);
+  }
+  50% {
+    opacity: 1;
+    transform: scale3d(0.8, .8, .8);
+  }
+  80% {
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceOut {
+
+  50%,
+  55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}

package/dist/styles/components/index.scss

@@ -13,6 +13,7 @@
 @import './checkboxbutton.scss';
 @import './collapse.scss';
 @import './countdown.scss';
+@import './curtain.scss';
 @import './dialog.scss';
 @import './dialogref.scss';
 @import './echarts.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro-react-uilib",
-  "version": "1.4.24-0",
+  "version": "1.4.24-1",
   "description": "基于taro的跨端组件库",
   "templateInfo": {
     "name": "default",
@@ -17,9 +17,13 @@
     "dist",
     "types"
   ],
+  "engines": {
+    "node": "16"
+  },
   "scripts": {
     "build:weapp": "taro build --type weapp",
     "build:h5": "taro build --type h5",
+    "release": "taro build --type h5",
     "build:tt": "taro build --type tt",
     "dev:weapp": "npm run build:weapp -- --watch",
     "dev:h5": "npm run build:h5 -- --watch",

package/types/components/BankIcon/index.d.ts

@@ -1,7 +1,8 @@
 import { FC } from "react";
 import { XHComponentCommonProps } from "../../types";
+export declare type BankIconCode = "102" | "103" | "104" | "105" | "301" | "302" | "303" | "304" | "305" | "306" | "307" | "308" | "309" | "310" | "403";
 export declare type XHListProps = {
-    code: string;
+    code: BankIconCode | (string & {});
     size?: number;
 } & XHComponentCommonProps;
 declare const XHBankIcon: FC<XHListProps>;

package/types/components/Countdown/index.d.ts

@@ -4,7 +4,6 @@ export declare type CountdownProps = {
     overTimeCb?: () => void;
     customStyle?: boolean;
     isPause?: boolean;
-    immediately?: boolean;
     onTimeChange?: (distance: number) => void;
 };
 declare const Countdown: React.FC<CountdownProps>;

package/types/components/Curtain/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { XHComponentCommonProps } from "@/types";
+export declare type XHModalProps = {
+    /**
+     * 是否显示
+     */
+    visible: boolean;
+    transparent?: boolean;
+    /**
+     * 是否显示关闭按钮
+     * @default true
+     */
+    showClose?: boolean;
+    onVisibleChange: (visible: boolean) => void;
+    maskClosable?: boolean;
+} & XHComponentCommonProps;
+declare const Modal: React.FC<React.PropsWithChildren<XHModalProps>>;
+export default Modal;

package/types/components/Loading/index.d.ts

@@ -6,6 +6,7 @@ export declare type LoadingProps = {
     color?: string;
     tip?: string | ReactNode;
     size?: number;
+    onClick?: () => void;
 } & XHComponentCommonProps;
 declare const Loading: FC<LoadingProps>;
 export default Loading;

package/types/index.d.ts

@@ -39,6 +39,7 @@ export { default as XHLicensePlateInput } from "./components/LicensePlateInput";
 export { default as XHCountdown } from "./components/Countdown";
 export { default as XHCheckboxButton } from "./components/CheckboxButton";
 export { default as XHNotice } from "./components/Notice";
+export { default as XHCurtain } from "./components/Curtain";
 export { default as XHBankCardNumberInput, type BankCardNumberInputRef as Type_BankCardNumberInputRef, } from "./components/BankCardNumberInput";
 export { default as XHIDNumberInput, type IDNumberInputRef as Type_IDNumberInputRef, } from "./components/IDNumberInput";
 export { default as XHEcharts, type EChartsProps as Type_EChartsProps, type EChartOption as Type_EChartOptions, type EChartsInstance as Type_EChartsInstance, type EChartsLoadingOption as Type_EChartsLoadingOption, type EchartsHandle as Type_EchartsHandle, } from "./components/Echarts";