@pisell/materials 1.0.215 → 1.0.217

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

@@ -38,7 +38,7 @@ var import_Pagination = require("../../Pagination");
 var import_utils = require("../Table/utils");
 var BasicTable = (props) => {
   var _a;
-  const { dataSource, pagination, value, ...other } = props;
+  const { dataSource, pagination, value, virtual, ...other } = props;
   const [filter, setFilter] = (0, import_react.useState)();
   const [sort, setSort] = (0, import_react.useState)();
   const form = import_antd.Form.useFormInstance();
@@ -90,10 +90,22 @@ var BasicTable = (props) => {
     }
     return (pagination == null ? void 0 : pagination.total) || (_dataSource == null ? void 0 : _dataSource.total) || 0;
   }, [_dataSource, pagination, localPagination]);
+  const defaultExpandedRowKeys = (0, import_react.useMemo)(() => {
+    var _a2;
+    let _expandedRowKeys = [];
+    (_a2 = _dataSource == null ? void 0 : _dataSource.list) == null ? void 0 : _a2.forEach((item) => {
+      if (item.__is_group) {
+        _expandedRowKeys.push(item["__rowKey"]);
+      }
+    });
+    return _expandedRowKeys;
+  }, [_dataSource == null ? void 0 : _dataSource.list]);
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Table,
     {
+      key: defaultExpandedRowKeys.join("-"),
       ...other,
+      virtual,
       onChange: (pagination2, filters, sorter) => {
         form.setFieldsValue({
           pagination: {
@@ -105,7 +117,18 @@ var BasicTable = (props) => {
         setSort(sorter);
       },
       pagination: false,
-      dataSource: _dataSource == null ? void 0 : _dataSource.list
+      dataSource: _dataSource.list,
+      onRow: (record, index) => {
+        var _a2;
+        return {
+          ...((_a2 = other == null ? void 0 : other.onRow) == null ? void 0 : _a2.call(other, record, index)) || {},
+          __is_group: record.__is_group,
+          className: record.__is_group ? "pisell-lowcode-table-group-row-wrap" : ""
+        };
+      },
+      expandable: {
+        defaultExpandAllRows: true
+      }
     }
   ), total > (((_a = pagination == null ? void 0 : pagination.pageSizeOptions) == null ? void 0 : _a[0]) || 10) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "pagination" }, /* @__PURE__ */ import_react.default.createElement(
     import_Pagination.FormPagination,

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
+declare type CoverProps = {
+    cover?: GallerySettingType["cover"];
+    record: Record<string, any>;
+    coverField: GallerySettingValueType["coverField"];
+    coverObjectFit: GallerySettingValueType["coverObjectFit"];
+};
+declare const Cover: (props: CoverProps) => React.JSX.Element;
+export default Cover;

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

@@ -0,0 +1,59 @@
+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/GalleryItem/components/Cover/index.tsx
+var Cover_exports = {};
+__export(Cover_exports, {
+  default: () => Cover_default
+});
+module.exports = __toCommonJS(Cover_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("../../../../../Table/fields/utils");
+var Cover = (props) => {
+  const { cover, record, coverField, coverObjectFit } = props;
+  const { height } = cover || {};
+  const imageHeight = (0, import_react.useMemo)(() => {
+    return height || 230;
+  }, [height]);
+  const src = (0, import_utils.getValueByKeys)(record, coverField);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Image,
+    {
+      preview: false,
+      height: imageHeight,
+      width: "100%",
+      src,
+      fallback: "data:image/png;base64,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",
+      style: {
+        objectFit: coverObjectFit || "cover"
+      }
+    }
+  );
+};
+var Cover_default = Cover;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+declare type RenderFieldsProps = {
+    fields: string[];
+    columnsMap: Map<string, Record<string, any>>;
+    record: Record<string, any>;
+    showMode: "inline" | "block";
+    isShowLabel?: boolean;
+};
+declare const RenderFields: (props: RenderFieldsProps) => React.JSX.Element;
+export default RenderFields;

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

@@ -0,0 +1,74 @@
+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/GalleryItem/components/RenderFields/index.tsx
+var RenderFields_exports = {};
+__export(RenderFields_exports, {
+  default: () => RenderFields_default
+});
+module.exports = __toCommonJS(RenderFields_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../../../../Table/fields/utils");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var RenderFields = (props) => {
+  const { fields, columnsMap, showMode, record, isShowLabel } = props;
+  const fieldContent = (0, import_react.useMemo)(() => {
+    const fieldsList = fields.filter((item) => columnsMap.has(item)).map((field) => {
+      const column = columnsMap.get(field);
+      const title = column.title;
+      const value = (0, import_utils.isFunction)(column.render) ? column.render((0, import_utils2.getValueByKeys)(record, column.dataIndex), record) : (0, import_utils2.getValueByKeys)(record, column.dataIndex);
+      const valueSpan = /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}gallery-render-fields-item-value` }, value);
+      const valueDom = isShowLabel ? valueSpan : /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title, destroyTooltipOnHide: true }, valueSpan);
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: field,
+          className: `${prefix}gallery-render-fields-item-wrap`
+        },
+        isShowLabel && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}gallery-render-fields-item-label` }, title),
+        valueDom
+      );
+    });
+    return fieldsList;
+  }, [fields, columnsMap, record, isShowLabel]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${prefix}gallery-render-fields-wrap`, {
+        [`${prefix}gallery-render-fields-wrap-inline`]: showMode === "inline",
+        [`${prefix}gallery-render-fields-wrap-block`]: showMode === "block"
+      })
+    },
+    fieldContent
+  );
+};
+var RenderFields_default = RenderFields;

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

@@ -0,0 +1,37 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-gallery-render-fields-wrap {
+    display: flex;
+    padding: 0 22px;
+    gap: 16px;
+    &-inline {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+    &-block {
+      flex-direction: column;
+    }
+  }
+  &-gallery-render-fields-item-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  &-gallery-render-fields-item-label {
+    color: rgba(0, 0, 0, 0.45);
+    &:after {
+      content: ":";
+      position: relative;
+      top: -0.5px;
+      margin:0 8px 0 2px;
+    }
+  }
+  &-gallery-render-fields-item-value {
+    color: rgba(0, 0, 0, 0.88);
+    //display: -webkit-box;
+    //overflow: hidden;
+    //-webkit-line-clamp: 2;
+    //-webkit-box-orient: vertical;
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { GallerySettingType } from "../../../../../types";
+import "./index.less";
+declare type TitleProps = GallerySettingType["title"] & {
+    record: Record<string, any>;
+    columnsMap: Map<string, Record<string, any>>;
+};
+declare const Title: (props: TitleProps) => React.JSX.Element;
+export default Title;

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

@@ -0,0 +1,57 @@
+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/GalleryItem/components/Title/index.tsx
+var Title_exports = {};
+__export(Title_exports, {
+  default: () => Title_default
+});
+module.exports = __toCommonJS(Title_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("../../../../../Table/fields/utils");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var Title = (props) => {
+  const { line, field, record, columnsMap } = props;
+  const value = (0, import_react.useMemo)(() => {
+    const column = columnsMap.get(field);
+    if (column && column.dataIndex) {
+      return (0, import_utils.getValueByKeys)(record, column.dataIndex);
+    }
+    return "-";
+  }, [columnsMap, record, field]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefix}gallery-item-title`,
+      style: { WebkitLineClamp: line }
+    },
+    value
+  );
+};
+var Title_default = Title;

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

@@ -0,0 +1,17 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-gallery-item-title {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    padding: 18px 22px 0;
+    color: var(--Base-Black, #000);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px; /* 133.333% */
+    margin-bottom: 18px;
+  }
+}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { GallerySettingType, GallerySettingValueType } from "../../../types";
+import "./index.less";
+declare type GalleryItemProps = {
+    record: Record<string, any>;
+    gallery: GallerySettingType;
+    columnsMap: Map<string, Record<string, any>>;
+    index: number;
+    gallerySetting: GallerySettingValueType;
+    columns: Record<string, any>[];
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const GalleryItem: (props: GalleryItemProps) => React.JSX.Element;
+export default GalleryItem;

package/lib/components/table/Gallery/components/GalleryItem/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/components/GalleryItem/index.tsx
+var GalleryItem_exports = {};
+__export(GalleryItem_exports, {
+  default: () => GalleryItem_default
+});
+module.exports = __toCommonJS(GalleryItem_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_Cover = __toESM(require("./components/Cover"));
+var import_Title = __toESM(require("./components/Title"));
+var import_classicLayout = __toESM(require("../../../../classicLayout"));
+var import_RenderFields = __toESM(require("./components/RenderFields"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var GalleryItem = (props) => {
+  const { record, gallery, columnsMap, index, gallerySetting, columns, onClick } = props;
+  const {
+    coverField,
+    coverObjectFit,
+    compactMode,
+    isShowLabel: propsIsShowLabel
+  } = gallerySetting || {};
+  const { cover, title, header, content, footer } = gallery;
+  const { fields: headerFields, slot } = header || {};
+  const { fields: contentFields } = content || {};
+  const { render, height } = footer || {};
+  const coverDom = (0, import_react.useMemo)(() => {
+    return cover.show && coverField !== "noCover" && /* @__PURE__ */ import_react.default.createElement(
+      import_Cover.default,
+      {
+        record,
+        cover,
+        coverField,
+        coverObjectFit
+      }
+    );
+  }, [record, cover, coverField, coverObjectFit]);
+  const titleDom = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Title.default, { columnsMap, record, ...title });
+  }, [record, title, columnsMap]);
+  const Header = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}header-wrap` }, coverDom, titleDom, headerFields.show && /* @__PURE__ */ import_react.default.createElement(
+      import_RenderFields.default,
+      {
+        record,
+        showMode: "block",
+        columnsMap,
+        fields: headerFields.list,
+        isShowLabel: true
+      }
+    ), slot && slot(record, index));
+  }, [
+    coverDom,
+    columnsMap,
+    record,
+    cover,
+    title,
+    headerFields.show,
+    headerFields.list,
+    slot,
+    index
+  ]);
+  const { fixedHeader, fixedFooter } = (0, import_react.useMemo)(() => {
+    if (gallery.fixedHeight) {
+      return {
+        fixedHeader: gallery.fixedHeader,
+        fixedFooter: gallery.fixedFooter
+      };
+    }
+    return {
+      fixedHeader: false,
+      fixedFooter: false
+    };
+  }, [gallery.fixedHeight, gallery.fixedHeader, gallery.fixedFooter]);
+  const { showMode, isShowLabel } = (0, import_react.useMemo)(() => {
+    if (compactMode === "compact") {
+      return {
+        showMode: "inline",
+        isShowLabel: false
+      };
+    } else if (compactMode === "default") {
+      return {
+        showMode: "block",
+        isShowLabel: propsIsShowLabel
+      };
+    }
+    return {
+      showMode: "block",
+      isShowLabel: propsIsShowLabel
+    };
+  }, [compactMode, propsIsShowLabel]);
+  const Content = (0, import_react.useMemo)(() => {
+    const showFieldList = [];
+    columns.forEach((item) => {
+      if (item.isShow) {
+        showFieldList.push(item.key);
+      }
+    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_RenderFields.default,
+      {
+        record,
+        showMode,
+        columnsMap,
+        fields: showFieldList,
+        isShowLabel
+      }
+    );
+  }, [contentFields, record, columnsMap, showMode, isShowLabel, columns]);
+  const Footer = (0, import_react.useMemo)(() => {
+    return render && render(record, index);
+  }, [record, index]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}gallery-item-wrap`, onClick }, /* @__PURE__ */ import_react.default.createElement(
+    import_classicLayout.default,
+    {
+      fixedHeader,
+      fixedFooter,
+      header: Header,
+      content: Content,
+      footer: Footer,
+      footerStyle: {
+        height: (0, import_utils.isFunction)(render) ? height : 0
+      }
+    }
+  ));
+};
+var GalleryItem_default = GalleryItem;

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

@@ -0,0 +1,29 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-header-wrap {
+    background-color: #fff;
+  }
+  &-gallery-item-wrap {
+    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);
+    overflow: hidden;
+    transition: all 0.5s;
+    &:hover {
+      transform: translate3d(0, -3px, 0);
+    }
+    ::-webkit-scrollbar {
+      display: none;
+      //width: 5px;
+      //height: 5px;
+    }
+    ::-webkit-scrollbar-thumb {
+      background-color: rgba(0, 0, 0, 0.3);
+      border-radius: 5px;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare type VirtualGridProps = {
+    dataSource: Record<string, any>[];
+    renderItem: (item: Record<string, any>, index: number) => React.ReactNode;
+    gap: number | number[];
+    itemMinWidth: number;
+    itemMaxWidth: number;
+    rowHeight: number;
+    paddingTop: number;
+};
+declare const VirtualGrid: (props: VirtualGridProps) => React.JSX.Element;
+export default VirtualGrid;