@pisell/materials 1.0.216 → 1.0.217

package/lib/components/table/Gallery/components/VirtualGrid/index.js

@@ -0,0 +1,135 @@
+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/table/Gallery/components/VirtualGrid/index.tsx
+var VirtualGrid_exports = {};
+__export(VirtualGrid_exports, {
+  default: () => VirtualGrid_default
+});
+module.exports = __toCommonJS(VirtualGrid_exports);
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
+var import_useGenGridProps = __toESM(require("./useGenGridProps"));
+var import_useGapSize = __toESM(require("./useGapSize"));
+var Cell = (props) => {
+  const { columnIndex, rowIndex, style, isScrolling, data } = props;
+  const { renderItem, gap, columnCount, dataSource, paddingTop } = data;
+  const dataIndex = (0, import_react.useMemo)(() => {
+    return columnCount * rowIndex + columnIndex;
+  }, [columnCount, rowIndex, columnIndex]);
+  const { horizontal, vertical } = (0, import_useGapSize.default)(gap);
+  const content = (0, import_react.useMemo)(() => {
+    if (dataIndex >= dataSource.length) {
+      return null;
+    }
+    return renderItem(dataSource[dataIndex], dataIndex);
+  }, [dataSource, dataIndex, renderItem]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        ...style,
+        left: ((style == null ? void 0 : style.left) || 0) + columnIndex * horizontal,
+        top: ((style == null ? void 0 : style.top) || 0) + paddingTop,
+        paddingBottom: vertical
+      }
+    },
+    content
+  );
+};
+var GridComponent = (props) => {
+  const {
+    dataSource,
+    width,
+    height,
+    renderItem,
+    gap,
+    itemMaxWidth,
+    itemMinWidth,
+    rowHeight,
+    paddingTop
+  } = props;
+  const { horizontal, vertical } = (0, import_useGapSize.default)(gap);
+  const { columnCount, columnWidth, rowCount } = (0, import_useGenGridProps.default)({
+    itemMinWidth,
+    itemMaxWidth,
+    width,
+    dataSource,
+    horizontal,
+    vertical
+  });
+  const itemData = (0, import_react.useMemo)(() => {
+    return {
+      dataSource,
+      renderItem,
+      columnCount,
+      gap,
+      paddingTop
+    };
+  }, [dataSource, columnCount, gap, renderItem, paddingTop]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_window.FixedSizeGrid,
+    {
+      columnCount,
+      columnWidth,
+      height,
+      rowCount,
+      rowHeight: rowHeight + vertical,
+      width,
+      itemData
+    },
+    Cell
+  );
+};
+var VirtualGrid = (props) => {
+  const {
+    dataSource,
+    renderItem,
+    gap,
+    itemMinWidth,
+    itemMaxWidth,
+    rowHeight,
+    paddingTop = 0
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react_virtualized_auto_sizer.default, null, ({ height, width }) => /* @__PURE__ */ import_react.default.createElement(
+    GridComponent,
+    {
+      paddingTop,
+      rowHeight,
+      itemMinWidth,
+      itemMaxWidth,
+      gap,
+      width,
+      height,
+      dataSource,
+      renderItem
+    }
+  ));
+};
+var VirtualGrid_default = VirtualGrid;

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -0,0 +1,5 @@
+declare const useGapSize: (gap: number | number[]) => {
+    horizontal: number;
+    vertical: number;
+};
+export default useGapSize;

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Gallery/components/VirtualGrid/useGapSize.ts
+var useGapSize_exports = {};
+__export(useGapSize_exports, {
+  default: () => useGapSize_default
+});
+module.exports = __toCommonJS(useGapSize_exports);
+var import_react = require("react");
+var import_utils = require("@pisell/utils");
+var useGapSize = (gap) => {
+  return (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isArr)(gap)) {
+      return {
+        horizontal: gap[0],
+        vertical: gap[1]
+      };
+    } else {
+      return {
+        horizontal: gap,
+        vertical: gap
+      };
+    }
+  }, [gap]);
+};
+var useGapSize_default = useGapSize;

package/lib/components/table/Gallery/components/VirtualGrid/useGenGridProps.d.ts

@@ -0,0 +1,14 @@
+declare type UseGenGridProps = {
+    itemMinWidth: number;
+    itemMaxWidth: number;
+    width: number;
+    dataSource: Record<string, any>[];
+    horizontal: number;
+    vertical: number;
+};
+declare const useGenGridProps: (params: UseGenGridProps) => {
+    columnCount: number;
+    columnWidth: number;
+    rowCount: number;
+};
+export default useGenGridProps;

package/lib/components/table/Gallery/components/VirtualGrid/useGenGridProps.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Gallery/components/VirtualGrid/useGenGridProps.ts
+var useGenGridProps_exports = {};
+__export(useGenGridProps_exports, {
+  default: () => useGenGridProps_default
+});
+module.exports = __toCommonJS(useGenGridProps_exports);
+var import_react = require("react");
+var useGenGridProps = (params) => {
+  const {
+    itemMaxWidth,
+    itemMinWidth,
+    width,
+    dataSource,
+    horizontal,
+    vertical
+  } = params;
+  const columnCount = (0, import_react.useMemo)(() => {
+    const minCount = Math.floor(width / itemMinWidth);
+    const maxCount = Math.floor(width / itemMaxWidth);
+    return Math.floor((minCount + maxCount) / 2);
+  }, [width, itemMinWidth, itemMaxWidth]);
+  const columnWidth = (0, import_react.useMemo)(() => {
+    return (width - horizontal * (columnCount - 1) - 17) / columnCount;
+  }, [width, horizontal, columnCount]);
+  const rowCount = (0, import_react.useMemo)(() => {
+    return Math.ceil(dataSource.length / columnCount);
+  }, [dataSource.length, columnCount]);
+  return {
+    columnCount,
+    columnWidth,
+    rowCount
+  };
+};
+var useGenGridProps_default = useGenGridProps;

package/lib/components/table/Gallery/constant.d.ts

@@ -0,0 +1,4 @@
+export declare const FIELD_VALUE_HEIGHT = 46;
+export declare const FIELD_LABEL_HEIGHT = 26;
+export declare const TITLE_LENE_HEIGHT = 32;
+export declare const TITLE_VERTICAL_SPACING = 18;

package/lib/components/table/Gallery/constant.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Gallery/constant.ts
+var constant_exports = {};
+__export(constant_exports, {
+  FIELD_LABEL_HEIGHT: () => FIELD_LABEL_HEIGHT,
+  FIELD_VALUE_HEIGHT: () => FIELD_VALUE_HEIGHT,
+  TITLE_LENE_HEIGHT: () => TITLE_LENE_HEIGHT,
+  TITLE_VERTICAL_SPACING: () => TITLE_VERTICAL_SPACING
+});
+module.exports = __toCommonJS(constant_exports);
+var FIELD_VALUE_HEIGHT = 46;
+var FIELD_LABEL_HEIGHT = 26;
+var TITLE_LENE_HEIGHT = 32;
+var TITLE_VERTICAL_SPACING = 18;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FIELD_LABEL_HEIGHT,
+  FIELD_VALUE_HEIGHT,
+  TITLE_LENE_HEIGHT,
+  TITLE_VERTICAL_SPACING
+});

package/lib/components/table/Gallery/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { GalleryProps } from "./types";
+import "./index.less";
+declare const _default: React.MemoExoticComponent<(props: GalleryProps) => React.JSX.Element>;
+export default _default;

package/lib/components/table/Gallery/index.js

@@ -0,0 +1,155 @@
+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/table/Gallery/index.tsx
+var Gallery_exports = {};
+__export(Gallery_exports, {
+  default: () => Gallery_default
+});
+module.exports = __toCommonJS(Gallery_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useTransDataSource = __toESM(require("../hooks/useTransDataSource"));
+var import_hooks = require("../../../hooks");
+var import_model = require("../model");
+var import_VirtualGrid = __toESM(require("./components/VirtualGrid"));
+var import_GalleryItem = __toESM(require("./components/GalleryItem"));
+var import_constant = require("./constant");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var Gallery = (props) => {
+  const { gallery, filter, pagination, rowKey, loading } = props;
+  const {
+    horizontalGutter,
+    verticalGutter,
+    cardMinWidth,
+    cardMaxWidth,
+    cardHeight,
+    fixedHeight,
+    cover,
+    title,
+    header,
+    footer,
+    onItem
+  } = gallery || {};
+  const { state } = (0, import_hooks.useSharedState)(import_model.Context);
+  const form = import_antd.Form.useFormInstance();
+  const column_setting = import_antd.Form.useWatch("column_setting", { form, preserve: true }) || [];
+  const gallery_setting = import_antd.Form.useWatch(["gallery_setting"], {
+    form,
+    preserve: true
+  }) || {};
+  const { originDataSource, originColumns } = state;
+  const dataSource = (0, import_useTransDataSource.default)({
+    dataSource: originDataSource,
+    form,
+    localPagination: !!(pagination == null ? void 0 : pagination.localPagination),
+    rowKey,
+    filter
+  });
+  const columnsMap = (0, import_react.useMemo)(() => {
+    return new Map(originColumns.map((item) => [item.key, item]));
+  }, [originColumns]);
+  const renderItem = (0, import_react.useCallback)(
+    (record, index) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_GalleryItem.default,
+        {
+          onClick: () => onItem == null ? void 0 : onItem(record, index),
+          columns: column_setting,
+          gallerySetting: gallery_setting,
+          record,
+          gallery,
+          columnsMap,
+          index
+        }
+      );
+    },
+    [gallery_setting, gallery, columnsMap, column_setting]
+  );
+  const gap = (0, import_react.useMemo)(() => {
+    return [horizontalGutter, verticalGutter];
+  }, [horizontalGutter, verticalGutter]);
+  const rowHeight = (0, import_react.useMemo)(() => {
+    var _a;
+    if (fixedHeight) {
+      return cardHeight;
+    }
+    let coverHeight = 0;
+    let titleHeight = 0;
+    let headerFieldHeight = 0;
+    let contentHeight = 0;
+    let footerHeight = 0;
+    if (cover.show && (gallery_setting == null ? void 0 : gallery_setting.coverField) !== "noCover") {
+      coverHeight = cover.height;
+    }
+    if (title.field) {
+      titleHeight = import_constant.TITLE_LENE_HEIGHT * title.line + import_constant.TITLE_VERTICAL_SPACING * 2;
+    }
+    if ((_a = header == null ? void 0 : header.fields) == null ? void 0 : _a.show) {
+      headerFieldHeight = (import_constant.FIELD_LABEL_HEIGHT + import_constant.FIELD_VALUE_HEIGHT) * header.fields.list.length;
+    }
+    if (column_setting) {
+      const fieldCount = column_setting.filter(
+        (item) => item.isShow
+      ).length;
+      const itemHeight = gallery_setting.isShowLabel && gallery_setting.compactMode !== "compact" ? import_constant.FIELD_LABEL_HEIGHT + import_constant.FIELD_VALUE_HEIGHT : import_constant.FIELD_VALUE_HEIGHT;
+      contentHeight = itemHeight * fieldCount;
+      if (gallery_setting.compactMode === "compact") {
+        contentHeight = contentHeight * 0.8;
+      }
+    }
+    if ((0, import_utils.isFunction)(footer == null ? void 0 : footer.render)) {
+      footerHeight = footer.height;
+    }
+    return coverHeight + titleHeight + headerFieldHeight + contentHeight + footerHeight;
+  }, [
+    cardHeight,
+    fixedHeight,
+    cover,
+    title,
+    gallery_setting,
+    column_setting,
+    header,
+    footer
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading, wrapperClassName: `${prefix}gallery-spin` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}gallery-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+    import_VirtualGrid.default,
+    {
+      paddingTop: 4,
+      itemMinWidth: cardMinWidth,
+      itemMaxWidth: cardMaxWidth,
+      dataSource,
+      renderItem,
+      gap,
+      rowHeight
+    }
+  )));
+};
+var Gallery_default = (0, import_react.memo)(Gallery);

package/lib/components/table/Gallery/index.less

@@ -0,0 +1,26 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-gallery-spin {
+    flex: 1 1 auto;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  &-spin-container {
+    flex: 1 1 auto;
+  }
+  &-gallery-wrap {
+    flex: 1 1 auto;
+    height: 100%;
+  }
+  &-gallery-item-wrap {
+    cursor: pointer;
+    height: 100%;
+    border-radius: 12px;
+    border: 2px solid var(--Gray-true-100, #f5f5f5);
+    background: var(--Base-White, #fff);
+    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03),
+      0px 20px 24px -4px rgba(16, 24, 40, 0.08);
+  }
+}

package/lib/components/table/Gallery/types.d.ts

@@ -0,0 +1,9 @@
+import { GallerySettingType } from "../types";
+import { FilterType } from "../../filter/types";
+export declare type GalleryProps = {
+    gallery: GallerySettingType;
+    filter: FilterType;
+    pagination: any;
+    rowKey: ((record: Record<string, any>) => string) | string;
+    loading: boolean;
+};

package/lib/components/table/Gallery/types.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/table/Gallery/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/table/Header/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const Header: ({ buttons, title }: any) => JSX.Element | null;
+declare const Header: ({ buttons, title }: any) => React.JSX.Element | null;
 export default Header;

package/lib/components/table/Summary/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const Summary: ({ summary }: any) => JSX.Element | null;
+declare const Summary: ({ summary }: any) => React.JSX.Element | null;
 export default Summary;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SelectField: () => JSX.Element;
+import React from "react";
+declare const SelectField: () => React.JSX.Element;
 export default SelectField;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Config: () => JSX.Element;
+import React from "react";
+declare const Config: () => React.JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/date/Config/index.js

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/table/Table/fields/date/Config/index.tsx
@@ -22,7 +32,8 @@ __export(Config_exports, {
   default: () => Config_default
 });
 module.exports = __toCommonJS(Config_exports);
+var import_react = __toESM(require("react"));
 var Config = () => {
-  return /* @__PURE__ */ React.createElement("div", null);
+  return /* @__PURE__ */ import_react.default.createElement("div", null);
 };
 var Config_default = Config;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { EditPropsType } from "../../types";
-declare const _default: import("react").ForwardRefExoticComponent<Omit<EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<EditPropsType, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/lib/components/table/Table/fields/date/Edit/index.js

@@ -32,19 +32,20 @@ __export(Edit_exports, {
   default: () => Edit_default
 });
 module.exports = __toCommonJS(Edit_exports);
+var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
-var import_react = require("react");
+var import_react2 = require("react");
 var import_date_picker = __toESM(require("../../../../../date-picker"));
 var Edit = (props, ref) => {
   const { value, onChange, onPressEnter, onBlur, style, bordered, ...others } = props;
-  const dayjsVal = (0, import_react.useMemo)(() => {
+  const dayjsVal = (0, import_react2.useMemo)(() => {
     if (value && (0, import_utils.isString)(value)) {
       return (0, import_dayjs.default)(value);
     }
     return value;
   }, [value]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     import_date_picker.default,
     {
       ...others,
@@ -60,9 +61,9 @@ var Edit = (props, ref) => {
       bordered,
       onClick: (e) => e.stopPropagation(),
       panelRender: (dom) => {
-        return /* @__PURE__ */ React.createElement("div", { onClick: (e) => e.stopPropagation() }, dom);
+        return /* @__PURE__ */ import_react.default.createElement("div", { onClick: (e) => e.stopPropagation() }, dom);
       }
     }
   );
 };
-var Edit_default = (0, import_react.forwardRef)(Edit);
+var Edit_default = (0, import_react2.forwardRef)(Edit);

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => JSX.Element;
+import React from "react";
+declare const Show: (props: FieldPropsType) => React.JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/date/Show/index.js

@@ -34,6 +34,7 @@ __export(Show_exports, {
 module.exports = __toCommonJS(Show_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../utils");
 var Show = (props) => {
   const {
     title,
@@ -44,6 +45,6 @@ var Show = (props) => {
     handleSave,
     ...restProps
   } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, (0, import_utils.formatDate)(record[dataIndex]));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, (0, import_utils.formatDate)((0, import_utils2.getValueByKeys)(record, dataIndex)));
 };
 var Show_default = Show;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Sort: () => JSX.Element;
+import React from "react";
+declare const Sort: () => React.JSX.Element;
 export default Sort;