taro-react-uilib 1.3.0-7 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.3.0](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.0-7...v1.3.0) (2023-06-15)
+
+
+### Bug Fixes
+
+* navbar arrow ([085dd2b](https://code.xhdev.xyz/h5group/taro-uilib/commits/085dd2bc98df7a1249b86808378e7933e0fcdab2))
+
+
+### Features
+
+* badge、amountkeyboard在抖音上的边框问题 ([b7d1179](https://code.xhdev.xyz/h5group/taro-uilib/commits/b7d117931cb355f402bc28b1da174a8e51617286))
+* navbar适配 ([ee6ab17](https://code.xhdev.xyz/h5group/taro-uilib/commits/ee6ab17e766d849c9223582e8e3431315163b289))
+
+
+
 # [1.3.0-7](https://code.xhdev.xyz/h5group/taro-uilib/compare/v1.3.0-6...v1.3.0-7) (2023-06-06)
 
 

package/dist/styles/components/amountkeyboard.scss

@@ -50,6 +50,7 @@
     flex-wrap: wrap;
     box-sizing: border-box;
     position: relative;
+    border-bottom: 1PX solid var(--border-color);
     &-key {
       width: 187px;
       height: 112px;

package/dist/styles/components/badge.scss

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

package/dist/styles/components/navbar.scss

@@ -11,6 +11,7 @@
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
+  position: relative;
   &.h5 {
     padding: 10px;
   }
@@ -18,8 +19,10 @@
   &-back {
     position: absolute;
     left: 20px;
-    width: 20px;
-    height: 30px;
+    font-size: 38px;
+    margin-top: 5px;
+    margin-left: 10px;
+    font-weight: 800;
     font-family: 'icon-back';
     &.hidden {
       display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro-react-uilib",
-  "version": "1.3.0-7",
+  "version": "1.3.0",
   "description": "基于taro的跨端组件库",
   "templateInfo": {
     "name": "default",

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

@@ -0,0 +1,43 @@
+import React, { ReactNode, ReactElement } from "react";
+import "./index.scss";
+export interface ActionSheetOption {
+    text: ReactNode;
+    value: string | number;
+    [key: string]: any;
+}
+export declare type ActionValue = string | ActionSheetOption;
+export interface ActionProps<T extends ActionValue = ActionValue> {
+    visible?: boolean;
+    title?: ReactNode;
+    data: T[];
+    defaultValueData?: (string | number)[];
+    className?: string;
+    style?: React.CSSProperties;
+    onConfirm?: (selectedValue: T, index: number) => void;
+    onCancel?: (bottom?: boolean) => void;
+    onClose?: () => void;
+    onClick?: (flag: boolean) => void;
+    children?: ReactNode;
+    description?: ReactNode;
+    /**
+     * @summary controlled模式下，组件为受控组件，需要外部来显示和隐藏
+     * @description submit 模式下会显示提交按钮，可以自定义，也可以显示取消按钮但是得传进来一个Toggle事件用来显示隐藏
+     */
+    mode?: "controlled";
+    cancelText?: ReactNode;
+    /**
+     * submit模式下，默认不展示取消按钮，可以设置
+     */
+    showCancel?: boolean;
+    submitText?: string;
+    renderItem?: (item: T, index: number) => ReactNode;
+    ItemWrapper?: React.FC<{}>;
+    onSubmit?: () => void;
+    justifyContent?: "start" | "end";
+    /**
+     * 显示右上角的关闭、默认只有不显示下面的取消的时候才出现
+     */
+    showClose?: boolean;
+}
+declare const ActionSheet: <T extends ActionValue>(props: ActionProps<T>) => ReactElement;
+export default ActionSheet;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import "./index.scss";
+declare type RankProps = {
+    defalutScore?: number;
+    onChange: (rank: number) => void;
+    max?: number;
+    size?: number;
+    tip?: string;
+    style?: React.CSSProperties & {
+        "--color-primary": string;
+    };
+};
+declare const Rank: React.FC<RankProps>;
+export default Rank;