@pisell/materials 6.1.6 → 6.1.8

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/lib/components/table/Table/AddFieldModal/index.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
+import "./index.less";
 declare const AddFieldModal: React.FC;
 export default AddFieldModal;

package/lib/components/table/Table/AddFieldModal/index.js

@@ -36,7 +36,7 @@ var import_iconfont = __toESM(require("../../../iconfont"));
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_SelectField = __toESM(require("../SelectField"));
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var import_hooks = require("../../../../hooks");
 var import_model = require("../../model");
 var AddFieldModal = () => {
@@ -85,7 +85,7 @@ var AddFieldModal = () => {
         },
         onFinish: addField
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-field-modal"] }, /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-field-modal" }, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Form.Item,
         {
           label: "Field Name",
@@ -101,13 +101,13 @@ var AddFieldModal = () => {
           import_antd.Input,
           {
             placeholder: "Field name (optional)",
-            className: import_index.default["header-search"]
+            className: "pisell-lowcode-header-search"
           }
         )
-      ), /* @__PURE__ */ import_react.default.createElement(import_SelectField.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["modal-footer"] }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-describe"] }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pi-Plus", className: import_index.default["icon"] }), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index.default["label"] }, "Add description")), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["btns"] }, /* @__PURE__ */ import_react.default.createElement(
+      ), /* @__PURE__ */ import_react.default.createElement(import_SelectField.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-modal-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-describe" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pi-Plus", className: "pisell-lowcode-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode-label" }, "Add description")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-btns" }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: import_index.default["cancel"],
+          className: "pisell-lowcode-cancel",
           onClick: () => {
             onCloseModal();
           }
@@ -116,7 +116,7 @@ var AddFieldModal = () => {
       ), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: import_index.default["submit"],
+          className: "pisell-lowcode-submit",
           onClick: () => {
             form.submit();
           }
@@ -136,7 +136,7 @@ var AddFieldModal = () => {
       placement: "bottomRight",
       overlayInnerStyle: { padding: 0 },
       trigger: "click",
-      overlayClassName: import_index.default["popover-wrap"],
+      overlayClassName: "pisell-lowcode-popover-wrap",
       onOpenChange: (e) => {
         if (!e) {
           onCloseModal();
@@ -146,11 +146,11 @@ var AddFieldModal = () => {
       },
       open: openModal
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-field-btn"] }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-field-btn" }, /* @__PURE__ */ import_react.default.createElement(
       import_iconfont.default,
       {
         type: "pi-a-Property3Add",
-        className: import_index.default["add-field-icon"]
+        className: "pisell-lowcode-add-field-icon"
       }
     ))
   );

package/lib/components/table/Table/AddFieldModal/index.less

@@ -1,4 +1,4 @@
-.add-field-btn {
+.pisell-lowcode-add-field-btn {
   position: absolute;
   right: 0;
   top: 0;
@@ -11,10 +11,10 @@
   box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
   cursor: pointer;
 
-  .add-field-icon {}
+  .pisell-lowcode-add-field-icon {}
 }
 
-.popover-wrap {
+.pisell-lowcode-popover-wrap {
   :global {
     .pisell-lowcode-popover-arrow {
       display: none;
@@ -22,11 +22,11 @@
   }
 }
 
-.add-field-modal {
+.pisell-lowcode-add-field-modal {
   width: 360px;
   padding: 16px 16px 0 16px;
 
-  .modal-footer {
+  .pisell-lowcode-modal-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -35,13 +35,13 @@
     padding: 0 16px;
     border-top: 1px solid #F1F1F1;
 
-    .add-describe {
+    .pisell-lowcode-add-describe {
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
 
-      .icon {
+      .pisell-lowcode-icon {
         width: 24px;
         height: 24px;
         display: flex;
@@ -51,27 +51,27 @@
         color: #1B1B1B;
       }
 
-      .label {
+      .pisell-lowcode-label {
         margin-left: 2px;
         font-size: 14px;
         color: #777777;
       }
     }
 
-    .btns {
+    .pisell-lowcode-btns {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 16px;
 
-      .cancel {
+      .pisell-lowcode-cancel {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;
         color: #1B1B1B;
       }
 
-      .submit {
+      .pisell-lowcode-submit {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;

package/lib/components/table/Table/fields/index.d.ts

@@ -158,7 +158,7 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
@@ -198,7 +198,7 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "view_mode" | "group_by" | "column_setting" | "order_by" | "gallery_setting")[];
+}) => ("filter_setting" | "group_by" | "order_by" | "column_setting" | "view_mode" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.1.6",
+  "version": "6.1.8",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-import { ValueProps, SortType } from '../types';
-declare type IdType = string | number;
-declare type TreeItemProps = {
-    id: string | number;
-    key: string | number;
-    item: ValueProps | any;
-    depth: number;
-    lists: any[];
-    childrenProps?: SortType;
-    sensors?: any;
-    expandedKeys?: IdType[];
-    setExpandedKeys?: any;
-    onSelectKeys?: (ids: IdType) => void;
-    onChange?: (value: any[]) => void;
-};
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
-export default TreeItem;

package/es/components/pisellAdjustPrice/status.d.ts

@@ -1,32 +0,0 @@
-export declare const defaultConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-};

package/es/components/pisellAdjustPrice/type.d.ts

@@ -1,20 +0,0 @@
-export interface PisellAdjustPriceProps {
-    value?: number;
-    originValue: number;
-    defaultValue?: number;
-    onChange?: (val: number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    isShowMainText?: boolean;
-    mainTextColor?: string;
-    isShowSubText?: boolean;
-    subTextColor?: string;
-}

package/es/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -1,45 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-declare type NativeProps<S extends string = never> = {
-    className?: string;
-    style?: React.CSSProperties & Partial<Record<S, string>>;
-};
-declare type PropagationEvent = 'click';
-import './index.less';
-declare type SideType = 'left' | 'right';
-export declare type SwipeActionRef = {
-    close: () => void;
-    show: (side?: SideType) => void;
-};
-declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
-export declare type Action = {
-    key: string | number;
-    text: ReactNode;
-    color?: ActionColor | string;
-    onClick?: (e: React.MouseEvent) => void;
-};
-export declare type SwipeActionProps = {
-    rightActions?: Action[];
-    leftActions?: Action[];
-    onAction?: (action: Action, e: React.MouseEvent) => void;
-    closeOnTouchOutside?: boolean;
-    closeOnAction?: boolean;
-    children: ReactNode;
-    stopPropagation?: PropagationEvent[];
-    onActionsReveal?: (side: SideType) => void;
-    onClose?: () => void;
-    escapeDom?: string;
-} & NativeProps<'--background'>;
-export declare const SwipeAction: React.ForwardRefExoticComponent<{
-    rightActions?: Action[] | undefined;
-    leftActions?: Action[] | undefined;
-    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
-    closeOnTouchOutside?: boolean | undefined;
-    closeOnAction?: boolean | undefined;
-    children: ReactNode;
-    stopPropagation?: "click"[] | undefined;
-    onActionsReveal?: ((side: SideType) => void) | undefined;
-    onClose?: (() => void) | undefined;
-    escapeDom?: string | undefined;
-} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
-export {};

package/es/components/virtual-keyboard/Amount/themeConfig.d.ts

@@ -1,32 +0,0 @@
-export declare const amountThemeConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-};

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type ItemValue = string | number;
-export interface Item {
-    value: ItemValue;
-    label: React.ReactNode;
-    disabled: boolean;
-    type: 'text' | 'primary';
-    style?: React.CSSProperties;
-    size?: number;
-}
-export interface KeyboardProps {
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (value?: ItemValue) => void;
-    items?: Item[];
-    rightItems?: Item[];
-    keydown?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
-export default _default;

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -1,32 +0,0 @@
-export declare const numberThemeConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-};

package/es/components/virtual-keyboard/Number/types.d.ts

@@ -1,25 +0,0 @@
-export interface NumberProps {
-    max?: number;
-    min?: number;
-    doneText?: string;
-    resetText: string;
-    defaultValue?: string | number;
-    placeholder?: string;
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    onEnter?: (val: string | number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    keyboardBackgroundColor?: string;
-    keyboardButtonBackgroundColor?: string;
-    keyboardButtonTextColor?: string;
-    keyboardButtonHoverColor?: string;
-}

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-import { ValueProps, SortType } from '../types';
-declare type IdType = string | number;
-declare type TreeItemProps = {
-    id: string | number;
-    key: string | number;
-    item: ValueProps | any;
-    depth: number;
-    lists: any[];
-    childrenProps?: SortType;
-    sensors?: any;
-    expandedKeys?: IdType[];
-    setExpandedKeys?: any;
-    onSelectKeys?: (ids: IdType) => void;
-    onChange?: (value: any[]) => void;
-};
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
-export default TreeItem;

package/lib/components/pisellAdjustPrice/status.d.ts

@@ -1,32 +0,0 @@
-export declare const defaultConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-};

package/lib/components/pisellAdjustPrice/type.d.ts

@@ -1,20 +0,0 @@
-export interface PisellAdjustPriceProps {
-    value?: number;
-    originValue: number;
-    defaultValue?: number;
-    onChange?: (val: number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    isShowMainText?: boolean;
-    mainTextColor?: string;
-    isShowSubText?: boolean;
-    subTextColor?: string;
-}

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -1,45 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-declare type NativeProps<S extends string = never> = {
-    className?: string;
-    style?: React.CSSProperties & Partial<Record<S, string>>;
-};
-declare type PropagationEvent = 'click';
-import './index.less';
-declare type SideType = 'left' | 'right';
-export declare type SwipeActionRef = {
-    close: () => void;
-    show: (side?: SideType) => void;
-};
-declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
-export declare type Action = {
-    key: string | number;
-    text: ReactNode;
-    color?: ActionColor | string;
-    onClick?: (e: React.MouseEvent) => void;
-};
-export declare type SwipeActionProps = {
-    rightActions?: Action[];
-    leftActions?: Action[];
-    onAction?: (action: Action, e: React.MouseEvent) => void;
-    closeOnTouchOutside?: boolean;
-    closeOnAction?: boolean;
-    children: ReactNode;
-    stopPropagation?: PropagationEvent[];
-    onActionsReveal?: (side: SideType) => void;
-    onClose?: () => void;
-    escapeDom?: string;
-} & NativeProps<'--background'>;
-export declare const SwipeAction: React.ForwardRefExoticComponent<{
-    rightActions?: Action[] | undefined;
-    leftActions?: Action[] | undefined;
-    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
-    closeOnTouchOutside?: boolean | undefined;
-    closeOnAction?: boolean | undefined;
-    children: ReactNode;
-    stopPropagation?: "click"[] | undefined;
-    onActionsReveal?: ((side: SideType) => void) | undefined;
-    onClose?: (() => void) | undefined;
-    escapeDom?: string | undefined;
-} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
-export {};

package/lib/components/virtual-keyboard/Amount/themeConfig.d.ts

@@ -1,32 +0,0 @@
-export declare const amountThemeConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-};

package/lib/components/virtual-keyboard/Keyboard/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type ItemValue = string | number;
-export interface Item {
-    value: ItemValue;
-    label: React.ReactNode;
-    disabled: boolean;
-    type: 'text' | 'primary';
-    style?: React.CSSProperties;
-    size?: number;
-}
-export interface KeyboardProps {
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (value?: ItemValue) => void;
-    items?: Item[];
-    rightItems?: Item[];
-    keydown?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
-export default _default;

package/lib/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -1,32 +0,0 @@
-export declare const numberThemeConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        keyboardBackgroundColor: string;
-        keyboardButtonBackgroundColor: string;
-        keyboardButtonTextColor: string;
-        keyboardButtonHoverColor: string;
-    };
-};

package/lib/components/virtual-keyboard/Number/types.d.ts

@@ -1,25 +0,0 @@
-export interface NumberProps {
-    max?: number;
-    min?: number;
-    doneText?: string;
-    resetText: string;
-    defaultValue?: string | number;
-    placeholder?: string;
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    onEnter?: (val: string | number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    keyboardBackgroundColor?: string;
-    keyboardButtonBackgroundColor?: string;
-    keyboardButtonTextColor?: string;
-    keyboardButtonHoverColor?: string;
-}