@fairys/taro-tools-simple-form 0.0.1 → 0.0.2

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "框架组件库",
   "homepage": "https://github.com/autumn-fairy-tales/fairys-taro-react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "lib/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",

package/src/components/cascader/index.tsx

@@ -9,6 +9,8 @@ export interface FairysTaroCascaderProps
   labelInValue?: boolean;
   value?: (string | number | CascaderOption)[];
   onChange?: (value: (string | number | CascaderOption)[], pathNodes: CascaderOption[]) => void;
+  bodyClassName?: string;
+  bodyStyle?: React.CSSProperties;
 }
 
 export const FairysTaroCascaderBase = (props: FairysTaroCascaderProps) => {
@@ -21,6 +23,8 @@ export const FairysTaroCascaderBase = (props: FairysTaroCascaderProps) => {
     labelInValue = true,
     options,
     optionKey,
+    bodyClassName,
+    bodyStyle,
     ...rest
   } = props;
   const [visible, setVisible] = useState(false);
@@ -101,6 +105,8 @@ export const FairysTaroCascaderBase = (props: FairysTaroCascaderProps) => {
       </Text>
       <Cascader
         {...rest}
+        className={`fairys-taro-cascader-body fairystaroform__text-left ${bodyClassName || ''}`}
+        style={bodyStyle}
         optionKey={optionKey}
         options={options}
         value={_value}

package/src/components/picker/index.tsx

@@ -7,10 +7,12 @@ export interface FairysTaroPickerProps extends Omit<Partial<TaroPickerProps>, 'v
   placeholder?: string;
   value?: PickerOptions;
   onChange?: (value: PickerOptions) => void;
+  bodyClassName?: string;
+  bodyStyle?: React.CSSProperties;
 }
 
 export const FairysTaroPickerBase = (props: FairysTaroPickerProps) => {
-  const { placeholder = '请选择', className, style, value, onChange, ...rest } = props;
+  const { placeholder = '请选择', bodyClassName, bodyStyle, className, style, value, onChange, ...rest } = props;
 
   const [visible, setVisible] = useState(false);
 
@@ -42,6 +44,8 @@ export const FairysTaroPickerBase = (props: FairysTaroPickerProps) => {
       </Text>
       <Picker
         {...rest}
+        className={`fairys-taro-picker-body fairystaroform__text-left ${bodyClassName || ''}`}
+        style={bodyStyle}
         value={_value}
         visible={visible}
         onClose={() => setVisible(false)}