@pisell/materials 6.0.13 → 6.0.15

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -36,11 +36,63 @@ var import_ahooks = require("ahooks");
 var import_utils = require("../../fields/utils");
 var import_utils2 = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
+var filterOperatorArr = [
+  "$eq",
+  "$ne",
+  "$is",
+  "$not",
+  "$col",
+  "$in",
+  "$notIn",
+  "$empty",
+  "$notEmpty",
+  "$and",
+  "$or",
+  "$isFalsy",
+  "$isTruly",
+  "$gt",
+  "$gte",
+  "$lt",
+  "$lte",
+  "$between",
+  "$notBetween",
+  "$includes",
+  "$notIncludes",
+  "$startsWith",
+  "$notStatsWith",
+  "$endsWith",
+  "$notEndsWith",
+  "$like",
+  "$notLike",
+  "$iLike",
+  "$notILike",
+  "$regexp",
+  "$notRegexp",
+  "$iRegexp",
+  "$notIRegexp",
+  "$dateOn",
+  "$dateNotOn",
+  "$dateBefore",
+  "$dateNotBefore",
+  "$dateAfter",
+  "$dateNotAfter",
+  "$match",
+  "$notMatch",
+  "$anyOf",
+  "$noneOf",
+  "$arrayEmpty",
+  "$arrayNotEmpty",
+  "$exists",
+  "$notExists"
+];
 var formatFilter = (filterValue, fields) => {
   const conditions = [];
   if (!filterValue || !(fields == null ? void 0 : fields.length)) {
     return JSON.stringify({});
   }
+  if ((0, import_utils2.isString)(filterValue)) {
+    return filterValue;
+  }
   if (filterValue._keywords) {
     const keywordFields = fields.filter((item) => ["string", "number", "text"].includes(item.type)).map((item) => ({
       [item.name]: {
@@ -65,6 +117,12 @@ var formatFilter = (filterValue, fields) => {
     if (key === "_keywords" || value === void 0 || value === null || value === "" || (0, import_utils2.isArr)(value) && value.length === 0) {
       return;
     }
+    if ((0, import_utils2.isString)(value) && filterOperatorArr.some((item) => value.includes(item))) {
+      if ((0, import_utils2.isJson)(value)) {
+        conditions.push({ [key]: JSON.parse(value) });
+      }
+      return;
+    }
     const field = fieldsMap[key];
     if (!((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a["x-component"])) {
       return;
@@ -122,7 +180,7 @@ var customApiFormatFilter = (filter) => {
 var useFormat = ({ dataSourceKey, fields }) => {
   const formatListResult = (0, import_ahooks.useMemoizedFn)(
     (res) => {
-      if (dataSourceKey === "pisell2-api" && "list" in res) {
+      if (dataSourceKey === "pisell2-api" && "list" in res && "page" in res) {
         return {
           data: res.list,
           count: res.count,
@@ -130,6 +188,15 @@ var useFormat = ({ dataSourceKey, fields }) => {
           pageSize: res.size
         };
       }
+      if (dataSourceKey === "mypisell-api" && "list" in res && "skip" in res) {
+        const skip = typeof res.skip === "number" ? res.skip : 1;
+        return {
+          data: res.list,
+          count: res.count,
+          page: skip - 1 || 1,
+          pageSize: res.size
+        };
+      }
       if ("meta" in res) {
         return {
           data: res.data,
@@ -156,6 +223,13 @@ var useFormat = ({ dataSourceKey, fields }) => {
         ...customApiFormatFilter(params.filter || {})
       };
     }
+    if (dataSourceKey === "mypisell-api") {
+      return {
+        skip: (params == null ? void 0 : params.page) || 1,
+        num: (params == null ? void 0 : params.pageSize) || 10,
+        ...customApiFormatFilter(params.filter || {})
+      };
+    }
     return params;
   });
   const formatCreateUpdateParams = (0, import_ahooks.useMemoizedFn)((params) => {

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

@@ -43,7 +43,12 @@ declare const useTableProps: (props: UseTablePropsProps) => {
     } | undefined;
     operation?: {
         show: boolean;
-        title: string;
+        title: string; /**
+         * 处理table的props
+         * 转换title
+         * @param props
+         * @returns
+         */
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
@@ -65,7 +70,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -45,6 +45,7 @@ var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var import_pisellToast = __toESM(require("../../../pisellToast"));
 var import_locales = require("../../../../locales");
 var import_pisellModal = __toESM(require("../../../pisellModal"));
+var import_dayjs = __toESM(require("dayjs"));
 var useTableProps = (props) => {
   var _a;
   const {
@@ -77,7 +78,7 @@ var useTableProps = (props) => {
     type
   } = operation || {};
   const componentId = (0, import_useComponentId.default)(originProps);
-  const { list, destroy } = (0, import_useDataSource.default)();
+  const { list, destroy, update } = (0, import_useDataSource.default)();
   const { data } = list;
   const pagination = (0, import_usePagination.default)({ data });
   (0, import_react.useEffect)(() => {
@@ -112,17 +113,24 @@ var useTableProps = (props) => {
     });
     openDrawer(item);
   });
-  const handleDelete = (0, import_ahooks.useMemoizedFn)(async (record) => {
+  const handleDelete = (0, import_ahooks.useMemoizedFn)(async (record, softDelete) => {
     try {
       registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
-        currentRecord: record
+        currentRecord: { ...record }
       });
       setTimeout(async () => {
-        destroy == null ? void 0 : destroy.runAsync(record.id).then(() => {
-          refreshData();
-          (0, import_pisellToast.default)({
-            content: (0, import_locales.getText)("pisell-action-delete-success")
-          });
+        if (softDelete) {
+          const deleteTime = (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
+          await (update == null ? void 0 : update.runAsync({
+            ...record,
+            deleted_at: deleteTime
+          }));
+        } else {
+          await (destroy == null ? void 0 : destroy.runAsync(record.id));
+        }
+        refreshData();
+        (0, import_pisellToast.default)({
+          content: (0, import_locales.getText)("pisell-action-delete-success")
         });
       });
     } catch (error) {
@@ -148,7 +156,8 @@ var useTableProps = (props) => {
         render: (_, record) => {
           return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, items == null ? void 0 : items.map((item) => {
             const { label, actionType, show: show2 } = item;
-            const handleClick = () => {
+            const handleClick = (e) => {
+              e.stopPropagation();
               if (actionType === "delete") {
                 import_pisellModal.default.confirm({
                   title: (0, import_locales.getText)("pisell-delete-confirm-title"),
@@ -156,7 +165,7 @@ var useTableProps = (props) => {
                   okText: (0, import_locales.getText)("pisell-delete-confirm-ok"),
                   cancelText: (0, import_locales.getText)("pisell-delete-confirm-cancel"),
                   onOk: () => {
-                    handleDelete(record);
+                    handleDelete(record, item == null ? void 0 : item.softDelete);
                   }
                 });
                 return;
@@ -206,6 +215,8 @@ var useTableProps = (props) => {
       return {
         ...button,
         ...buttonProps,
+        title: button.label,
+        size: "large",
         onClick: () => {
           if (actionType === "add") {
             let result = true;

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

@@ -28,5 +28,6 @@ declare const useTableQuery: (props: DataSourceTableProps) => {
     handleValuesChange: (params: Params, allParams: Params) => void;
     refreshData: () => void;
     handleFilterChange: (changedFields: any, allFields: any) => void;
+    refreshCurrentPage: () => void;
 };
 export default useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -72,12 +72,18 @@ var useTableQuery = (props) => {
       page: 1
     }));
   });
+  const refreshCurrentPage = (0, import_ahooks.useMemoizedFn)(() => {
+    setQueryPageConfig((prev) => ({
+      ...prev
+    }));
+  });
   return {
     queryPageConfig,
     setQueryPageConfig,
     handleValuesChange,
     refreshData,
-    handleFilterChange
+    handleFilterChange,
+    refreshCurrentPage
   };
 };
 var useTableQuery_default = useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
+import { TableRef } from './BaseTable';
 import './index.less';
 import { DataSourceTableProps } from './type';
-declare const DataSourceTable: (props: DataSourceTableProps) => React.JSX.Element;
-export default DataSourceTable;
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;

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

@@ -36,8 +36,8 @@ var import_react = __toESM(require("react"));
 var import_BaseTable = __toESM(require("./BaseTable"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_index = require("./index.less");
-var DataSourceTable = (props) => {
+var DataSourceTable = (props, ref) => {
   const { dataSource, __designMode, extraParams } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode, extraParams }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode, extraParams }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props, ref }));
 };
-var dataSourceTable_default = DataSourceTable;
+var dataSourceTable_default = (0, import_react.forwardRef)(DataSourceTable);

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

@@ -1,5 +1,5 @@
-import React from 'react';
+import type { FC } from 'react';
 import { DatePickerProps } from './type';
 import './ReadPretty.less';
-declare const DatePickerReadPretty: (props: DatePickerProps) => React.JSX.Element;
+declare const DatePickerReadPretty: FC<DatePickerProps>;
 export default DatePickerReadPretty;

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

@@ -35,9 +35,43 @@ module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_dayjs = __toESM(require("dayjs"));
+var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var import_ReadPretty = require("./ReadPretty.less");
-var DatePickerReadPretty = (props) => {
-  const { value, renderMode } = props;
+var DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
+var DATE_FORMATS = {
+  "zh-CN": {
+    withTime: "YYYY-MM-DD HH:mm:ss",
+    withoutTime: "YYYY-MM-DD"
+  },
+  "en-US": {
+    withTime: "HH:mm:ss YYYY-MM-DD",
+    withoutTime: "YYYY-MM-DD"
+  }
+};
+var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
+  const { locale = "zh-CN" } = (0, import_usePisellConfig.default)();
+  const dateFormat = (0, import_react.useMemo)(() => {
+    if (locale in DATE_FORMATS) {
+      const formats = DATE_FORMATS[locale];
+      return showTime ? formats.withTime : formats.withoutTime;
+    }
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`Unsupported locale: ${locale}, falling back to default format`);
+    }
+    return DEFAULT_FORMAT;
+  }, [locale, showTime]);
+  const formattedDate = (0, import_react.useMemo)(() => {
+    if (!value)
+      return "";
+    try {
+      return (0, import_dayjs.default)(value).format(dateFormat);
+    } catch (error) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("Error formatting date:", error);
+      }
+      return "";
+    }
+  }, [value, dateFormat]);
   return /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
@@ -45,7 +79,7 @@ var DatePickerReadPretty = (props) => {
         "pisell-date-picker-read-pretty-table-view": renderMode === "tableView"
       })
     },
-    value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : ""
+    formattedDate
   );
 };
 var ReadPretty_default = DatePickerReadPretty;

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

@@ -43,7 +43,7 @@ var DatePickerWithMode = (0, import_utils2.withMode)(
   (props) => {
     return {
       ...props,
-      value: (0, import_utils.isString)(props.value) ? (0, import_dayjs.default)(props.value) : props.value
+      value: (0, import_utils.isString)(props.value) && props.value ? (0, import_dayjs.default)(props.value) : props.value
     };
   }
 );

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

@@ -34,11 +34,20 @@ __export(DatePicker_exports, {
 module.exports = __toCommonJS(DatePicker_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
+var import_dayjs = __toESM(require("dayjs"));
 var DatePicker = (0, import_utils.withFormItem)(import_WithMode.default, {
   innerProps: {
     style: {
       width: "100%"
     }
+  },
+  otherFormItemProps: (props) => {
+    return {
+      normalize: (value) => value && (0, import_dayjs.default)(value).format(props.submitFormat || "YYYY-MM-DD"),
+      getValueProps: (value) => ({
+        value: value && (0, import_dayjs.default)(value)
+      })
+    };
   }
 });
 var DatePicker_default = DatePicker;

package/lib/components/dataSourceComponents/fields/DatePicker/type.d.ts

@@ -2,4 +2,5 @@ import { DatePickerProps as AntDatePickerProps } from 'antd';
 import { ModeType } from '../../dataSourceForm/type';
 export interface DatePickerProps extends Omit<AntDatePickerProps, 'renderMode'> {
     renderMode: ModeType;
+    showTime?: boolean;
 }

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconSelectProps } from './type';
+import './ReadPretty.less';
+declare const IconSelectReadPretty: (props: IconSelectProps) => React.JSX.Element | null;
+export default IconSelectReadPretty;

package/lib/components/dataSourceComponents/fields/IconSelect/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/IconSelect/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icon = __toESM(require("../../../icon"));
+var import_ReadPretty = require("./ReadPretty.less");
+var IconSelectReadPretty = (props) => {
+  if (!props.value) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: props.value, ...props }),
+      className: "pisell-icon-select-read-pretty"
+    }
+  );
+};
+var ReadPretty_default = IconSelectReadPretty;

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

@@ -0,0 +1,6 @@
+.pisell-icon-select-read-pretty {
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconSelectProps } from './type';
+declare const IconSelectWithMode: import("react").FC<IconSelectProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default IconSelectWithMode;

package/lib/components/dataSourceComponents/fields/IconSelect/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/IconSelect/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_iconSelect = __toESM(require("../../../iconSelect"));
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var IconSelectWithMode = (0, import_utils.withMode)(import_iconSelect.default, import_ReadPretty.default);
+var WithMode_default = IconSelectWithMode;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const IconSelect: React.FC<import("./type").IconSelectProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default IconSelect;

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

@@ -0,0 +1,38 @@
+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/IconSelect/index.tsx
+var IconSelect_exports = {};
+__export(IconSelect_exports, {
+  default: () => IconSelect_default
+});
+module.exports = __toCommonJS(IconSelect_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var IconSelect = (0, import_utils.withFormItem)(import_WithMode.default);
+var IconSelect_default = IconSelect;

package/lib/components/dataSourceComponents/fields/IconSelect/type.d.ts

@@ -0,0 +1,8 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface IconSelectProps {
+    renderMode: ModeType;
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}

package/lib/components/dataSourceComponents/fields/IconSelect/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/IconSelect/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { InputProps } from 'antd';
-declare const InputWithMode: import("react").FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+import React from 'react';
+import { InputProps } from './type';
+declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default InputWithMode;

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

@@ -26,14 +26,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/dataSourceComponents/fields/Input/WithMode.ts
+// src/components/dataSourceComponents/fields/Input/WithMode.tsx
 var WithMode_exports = {};
 __export(WithMode_exports, {
   default: () => WithMode_default
 });
 module.exports = __toCommonJS(WithMode_exports);
 var import_antd = require("antd");
+var import_react = __toESM(require("react"));
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
-var InputWithMode = (0, import_utils.withMode)(import_antd.Input, import_ReadPretty.default);
+var Input = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...props, ref: props.innerRef || void 0 });
+};
+var InputWithMode = (0, import_utils.withMode)(Input, import_ReadPretty.default);
 var WithMode_default = InputWithMode;

package/lib/components/dataSourceComponents/fields/Input/type.d.ts

@@ -1,5 +1,7 @@
+import { Ref } from 'react';
 import { InputProps as AntInputProps } from 'antd';
 import { ModeType } from "../../dataSourceForm/type";
 export interface InputProps extends AntInputProps {
     renderMode: ModeType;
+    innerRef: Ref<any>;
 }

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

@@ -4,6 +4,7 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => React.JSX.Element;

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

@@ -36,7 +36,8 @@ var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
 var SelectWithFormItem = (0, import_utils.withFormItem)(import_WithMode.default, {
   innerProps: {
-    getPopupContainer: (triggerNode) => triggerNode.parentElement
+    getPopupContainer: (triggerNode) => triggerNode.parentElement,
+    virtual: false
   }
 });
 var SelectWithOptions = (0, import_utils.withOptions)(SelectWithFormItem);