@pisell/materials 6.3.16 → 6.3.18

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { ModeType } from './type';
+import './style.less';
+export interface WithModeProps {
+    renderMode?: ModeType;
+    value?: any;
+    onChange?: (value: any) => void;
+    [key: string]: any;
+}
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
+    renderMode: ModeType;
+}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
+export interface WithFormItemProps {
+    name: string;
+    label?: string;
+    mode?: ModeType;
+    [key: string]: any;
+}
+export declare const formItemNameReplace: (name: string) => string;
+export declare const formItemNameReverse: (name: string) => string;
+export declare const isValidDomain: (value: string) => boolean;
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
+    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
+    innerProps?: Record<string, any> | undefined;
+} | undefined) => React.FC<P & WithFormItemProps>;
+export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    dataSource?: any;
+}) => JSX.Element;
+export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+}) => JSX.Element;
+export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
+export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
+export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
+export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
+export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -136,13 +136,13 @@ var withFormItem = (WrappedComponent, overlayProps) => {
       return /* @__PURE__ */ import_react.default.createElement(
         WrappedComponent,
         {
+          ...overlayProps == null ? void 0 : overlayProps.innerProps,
           ...otherProps,
           mode: propsMode,
           renderMode: effectiveMode,
-          ...overlayProps == null ? void 0 : overlayProps.innerProps,
           style: {
-            ...innerStyle || {},
-            ...((_a2 = overlayProps == null ? void 0 : overlayProps.innerProps) == null ? void 0 : _a2.style) || {}
+            ...((_a2 = overlayProps == null ? void 0 : overlayProps.innerProps) == null ? void 0 : _a2.style) || {},
+            ...innerStyle || {}
           },
           fieldKey: name,
           isVerification: typeobj == null ? void 0 : typeobj.enabled,

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -105,6 +105,7 @@ var BaseTable = (props, ref) => {
   }, [dataSourceKey]);
   (0, import_react.useEffect)(() => {
     if (dataSourceKeyRef.current) {
+      if (dataSource == null ? void 0 : dataSource.fromSettingMeta) return;
       list == null ? void 0 : list.run(queryPageConfig);
     } else {
       list == null ? void 0 : list.mutate([]);

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Switch/ReadPretty.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Switch/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_iconfont = __toESM(require("../../../iconfont"));
+var import_ReadPretty = require("./ReadPretty.less");
+var SwitchReadPretty = (props) => {
+  const { value, checked } = props;
+  const isChecked = value !== void 0 ? value : checked;
+  return isChecked ? /* @__PURE__ */ import_react.default.createElement(
+    import_iconfont.default,
+    {
+      type: "pisell2-check",
+      style: {
+        color: "var(--theme-color)",
+        fontSize: 20
+      }
+    }
+  ) : null;
+};
+var ReadPretty_default = SwitchReadPretty;

package/lib/components/dataSourceComponents/fields/Switch/ReadPretty.less

@@ -0,0 +1,2 @@
+// Switch ReadPretty styles
+

package/lib/components/dataSourceComponents/fields/Switch/WithMode.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SwitchWithMode: import("react").FC<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement> & import("../../dataSourceForm/utils").WithModeProps>;
+export default SwitchWithMode;

package/lib/components/dataSourceComponents/fields/Switch/WithMode.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Switch/WithMode.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_antd = require("antd");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var SwitchWithMode = (0, import_utils.withMode)(import_antd.Switch, import_ReadPretty.default);
+var WithMode_default = SwitchWithMode;

package/lib/components/dataSourceComponents/fields/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Switch: React.FC<import("antd").SwitchProps & React.RefAttributes<HTMLElement> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Switch;

package/lib/components/dataSourceComponents/fields/Switch/index.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Switch/index.tsx
+var Switch_exports = {};
+__export(Switch_exports, {
+  default: () => Switch_default
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_WithMode = __toESM(require("./WithMode"));
+var import_utils = require("../../dataSourceForm/utils");
+var Switch = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: {
+    valuePropName: "checked"
+  }
+});
+var Switch_default = Switch;

package/lib/components/dataSourceComponents/fields/Switch/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Switch/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const CameraPopover: (props: {
     onLocalFileClick: () => void;
     onCameraChange: (file: any) => void;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -168,6 +168,9 @@ var useActions = ({
       designModeToast();
       return Promise.reject();
     }
+    if (currentDataSource == null ? void 0 : currentDataSource.fromSettingMeta) {
+      return Promise.reject();
+    }
     if (isCustomApi) {
       const actions = getParsedActions();
       if (!actions.update) {

package/lib/components/date-picker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './index.less';

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.18.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.20.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/keyboard/index.d.ts

@@ -0,0 +1,22 @@
+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 {
+    id?: string;
+    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/keyboard/index.js

@@ -0,0 +1,223 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/keyboard/index.tsx
+var keyboard_exports = {};
+__export(keyboard_exports, {
+  default: () => keyboard_default
+});
+module.exports = __toCommonJS(keyboard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var list = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "+", "ok"];
+var defaultArr = [
+  {
+    value: 1,
+    label: "1",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 2,
+    label: "2",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 3,
+    label: "3",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 4,
+    label: "4",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 5,
+    label: "5",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 6,
+    label: "6",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 7,
+    label: "7",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 8,
+    label: "8",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 9,
+    label: "9",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "0",
+    label: "0",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "00",
+    label: "00",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: ".",
+    label: ".",
+    disabled: false,
+    type: "text"
+  }
+];
+var Keyboard = (props) => {
+  const {
+    items = defaultArr,
+    className,
+    style,
+    onChange,
+    rightItems,
+    keydown = true
+  } = props;
+  const contentRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(contentRef);
+  (0, import_ahooks.useEventListener)("keydown", (ev) => {
+    console.log("ev", ev);
+    if (!keydown) {
+      return;
+    }
+    let key = ev.key;
+    if (key === "Enter") {
+      key = "ok";
+    }
+    if (key === "keydown") {
+      key = "+";
+    }
+    if (list.includes(key)) {
+      onChange == null ? void 0 : onChange(key);
+    }
+  });
+  const getHeight = (0, import_ahooks.useMemoizedFn)((itemSize = 1) => {
+    return ((size == null ? void 0 : size.width) || 0) / 4 * itemSize + (itemSize - 1) * 7;
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      id: props.id || "",
+      className: (0, import_classnames.default)("pisell-virtual-keyboard-wrap", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-virtual-keyboard-content"),
+        ref: contentRef
+      },
+      items.map((item) => {
+        var _a;
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-keyboard-item", style: item.style }, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            id: `pisell-virtual-keyboard-${item.value}`,
+            key: item.value,
+            type: item.type,
+            className: "pisell-virtual-keyboard-item-button",
+            style: {
+              color: item.type === "primary" ? "#fff" : ((_a = item.style) == null ? void 0 : _a.color) || void 0
+            },
+            disabled: item.disabled,
+            onClick: (e) => {
+              onChange == null ? void 0 : onChange(item.value);
+            }
+          },
+          item.label
+        ));
+      })
+    ),
+    rightItems && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-virtual-keyboard-content",
+          "pisell-virtual-keyboard-right"
+        ),
+        style: { flex: `0 0 calc((100% - 21px) / 4 * 1)` }
+      },
+      rightItems == null ? void 0 : rightItems.map((item) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "pisell-virtual-keyboard-item",
+            style: {
+              ...item.style || {},
+              height: getHeight(item.size)
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              id: `pisell-virtual-keyboard-${item.value}`,
+              key: item.value,
+              type: item.type,
+              className: "pisell-virtual-keyboard-item-button",
+              style: {
+                fontSize: ((_a = item.style) == null ? void 0 : _a.fontSize) || 25,
+                color: item.type === "primary" ? "#fff" : ((_b = item.style) == null ? void 0 : _b.color) || void 0,
+                ...item.type === "primary" ? item.style || {} : {}
+              },
+              disabled: item.disabled,
+              onClick: (e) => {
+                onChange == null ? void 0 : onChange(item.value);
+              }
+            },
+            item.label
+          )
+        );
+      })
+    )
+  );
+};
+var keyboard_default = import_react.default.memo(Keyboard);

package/lib/components/keyboard/index.less

@@ -0,0 +1,44 @@
+.pisell-virtual-keyboard-wrap {
+  display: flex;
+  gap: 7px;
+  .pisell-virtual-keyboard-content {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 7px;
+
+    .pisell-virtual-keyboard-item {
+      border-radius: 5px;
+      background: var(--Base-White, #fff);
+      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06);;
+      overflow: hidden;
+      width: calc((100% - 14px) / 3 * 1);
+      padding-top: 25%;
+      position: relative;
+
+      .pisell-virtual-keyboard-item-button {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 5px;
+        color: var(--Base-Black, #000);
+        font-size: 25px;
+        font-style: normal;
+        font-weight: 400;
+        box-shadow: none;
+        padding: 0 !important;
+      }
+    }
+  }
+  .pisell-virtual-keyboard-right {
+    flex-direction: column;
+    justify-content: start;
+    .pisell-virtual-keyboard-item{
+      width: 100%;
+    }
+  }
+}

package/lib/components/list/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const List: {
     (props: any): JSX.Element;

package/lib/components/lowCodePage/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

package/lib/components/page/index.js

@@ -70,7 +70,7 @@ var localeDateMap = {
 };
 var Page = (props) => {
   var _a, _b, _c, _d, _e, _f;
-  const { children, style, className, locale: propsLocale, ...others } = props;
+  const { children, style, className, locale: propsLocale, isRenderPisellConfigProvider = true, ...others } = props;
   const context = (0, import_useEngineContext.default)();
   const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
   const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
@@ -215,6 +215,7 @@ var Page = (props) => {
       }
     });
   }, [platform, themeColor]);
+  const PisellConfigProvid = isRenderPisellConfigProvider ? import_pisell_config_provider.default : import_react.default.Fragment;
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
@@ -237,7 +238,7 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(PisellConfigProvid, { locale }, /* @__PURE__ */ import_react.default.createElement(
           import_VariablesProvider.default,
           {
             variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}