@pisell/materials 1.0.446 → 1.0.447

package/lib/components/buttonGroupEdit/index.js

@@ -0,0 +1,234 @@
+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/buttonGroupEdit/index.tsx
+var buttonGroupEdit_exports = {};
+__export(buttonGroupEdit_exports, {
+  default: () => buttonGroupEdit_default
+});
+module.exports = __toCommonJS(buttonGroupEdit_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utils = require("../../utils/index");
+var commonStyle = {
+  cursor: "move",
+  transition: "transform 0.3s ease"
+};
+var DraggableButton = ({ buttonItem, buttonList, onEdit }) => {
+  const { id, isMore = false, children = "", buttonProps = {} } = buttonItem;
+  const { listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
+    id
+  });
+  const style = transform ? {
+    ...commonStyle,
+    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+    transition: isDragging ? "unset" : transition
+  } : commonStyle;
+  const handleClick = (e) => {
+    if (isDragging) {
+      e.stopPropagation();
+      e.preventDefault();
+      return;
+    }
+  };
+  const menu = {
+    items: buttonList.filter((item) => !item.isMore).map((item) => ({ key: item.id, label: item.children })),
+    onClick: (e) => {
+      const item = buttonList.find((item2) => item2.id === e.key);
+      onEdit(item);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef, ...listeners, style }, isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { style, ...buttonProps, onClick: () => onEdit(buttonItem) }, children));
+};
+var ButtonGroupEdit = (0, import_react.forwardRef)((props, ref) => {
+  const [buttonList, setButtonList] = (0, import_react.useState)(props.buttonList);
+  const [buttonGroupList, setButtonGroupList] = (0, import_react.useState)(props.buttonGroupList);
+  const sensors = (0, import_core.useSensors)(
+    (0, import_core.useSensor)(import_core.PointerSensor, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  );
+  const [isModalVisible, setIsModalVisible] = (0, import_react.useState)(false);
+  const [currentButton, setCurrentButton] = (0, import_react.useState)(null);
+  const [form] = import_antd.Form.useForm();
+  (0, import_react.useEffect)(() => {
+    setButtonList(props.buttonList);
+    if (props.buttonList.length > 0) {
+      setButtonList([...buttonList, {
+        id: (0, import_utils.uuid)(),
+        isMore: true
+      }]);
+    } else {
+      setButtonGroupList(props.buttonGroupList);
+    }
+  }, [props.buttonList, props.buttonGroupList]);
+  const addRow = () => {
+    const newButton = {
+      id: (0, import_utils.uuid)(),
+      children: `按钮${(0, import_utils.uuid)()}`,
+      // 默认按钮文本
+      buttonProps: {
+        type: "default"
+      }
+    };
+    setButtonGroupList((prev) => [...prev, [newButton]]);
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (currentButton) {
+      form.setFieldsValue({ children: currentButton.children, type: (_a = currentButton.buttonProps) == null ? void 0 : _a.type });
+    }
+  }, [currentButton, form]);
+  const handleEditButton = (button) => {
+    setCurrentButton(button);
+    setIsModalVisible(true);
+  };
+  const handleCancel = () => {
+    setIsModalVisible(false);
+    setCurrentButton(null);
+  };
+  const handleSave = (values) => {
+    console.log("%c [ values ]-153", "font-size:13px; background:#968084; color:#dac4c8;", values);
+    if (!currentButton)
+      return;
+    const updatedButton = { ...currentButton, children: values.children, buttonProps: values };
+    setButtonList(
+      (prevList) => prevList.map(
+        (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+      )
+    );
+    setButtonGroupList(
+      (prevGroupList) => prevGroupList.map(
+        (row) => row.map(
+          (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+        )
+      )
+    );
+    handleCancel();
+  };
+  const onDragEnd = (event) => {
+    var _a, _b, _c, _d, _e;
+    const { active, over } = event;
+    if (!over)
+      return;
+    let activeId = active.id;
+    let overId = over.id;
+    let activeContainerId = "";
+    let overContainerId = "";
+    if ((_a = active == null ? void 0 : active.data) == null ? void 0 : _a.current) {
+      activeContainerId = active.data.current.sortable.containerId;
+    }
+    if ((_b = over == null ? void 0 : over.data) == null ? void 0 : _b.current) {
+      overContainerId = over.data.current.sortable.containerId;
+    }
+    try {
+      if (activeContainerId === "list1" && overContainerId === "list2") {
+        const activeIndex = buttonList.findIndex((item) => item.id === activeId);
+        if (activeIndex === -1)
+          return;
+        const movedItem = { ...buttonList[activeIndex] };
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        if (overRowIndex === -1)
+          return;
+        const updatedGroupList = [...buttonGroupList];
+        updatedGroupList[overRowIndex].push(movedItem);
+        const updatedButtonList = buttonList.filter((item) => item.id !== activeId);
+        setButtonGroupList(updatedGroupList);
+        setButtonList(updatedButtonList);
+      }
+      if (activeContainerId === "list2" && overContainerId === "list1") {
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        if (overRowIndex === -1)
+          return;
+        const overColIndex = (_c = buttonGroupList[overRowIndex]) == null ? void 0 : _c.findIndex((item) => item.id === overId);
+        if (overColIndex === -1)
+          return;
+        const [movedItem] = buttonGroupList[overRowIndex].splice(overColIndex, 1);
+        setButtonGroupList([...buttonGroupList]);
+        setButtonList((prev) => [...prev, movedItem]);
+      }
+      if (activeContainerId === "list1" && overContainerId === "list1") {
+        const activeIndex = buttonList.findIndex((item) => item.id === activeId);
+        const overIndex = buttonList.findIndex((item) => item.id === overId);
+        if (activeIndex === -1 || overIndex === -1)
+          return;
+        const updatedList = [...buttonList];
+        const [movedItem] = updatedList.splice(activeIndex, 1);
+        updatedList.splice(overIndex, 0, movedItem);
+        setButtonList(updatedList);
+      }
+      if (activeContainerId === "list2" && overContainerId === "list2") {
+        const activeRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === activeId));
+        const activeColIndex = (_d = buttonGroupList[activeRowIndex]) == null ? void 0 : _d.findIndex((item) => item.id === activeId);
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        const overColIndex = (_e = buttonGroupList[overRowIndex]) == null ? void 0 : _e.findIndex((item) => item.id === overId);
+        if (activeRowIndex === -1 || overRowIndex === -1 || activeColIndex === -1 || overColIndex === -1)
+          return;
+        const updatedGroupList = [...buttonGroupList];
+        const [movedItem] = updatedGroupList[activeRowIndex].splice(activeColIndex, 1);
+        updatedGroupList[overRowIndex].splice(overColIndex, 0, movedItem);
+        setButtonGroupList(updatedGroupList);
+      }
+    } catch (error) {
+      console.error("拖拽结束时出错:", error);
+    }
+  };
+  console.log("%c [ currentButton ]-235", "font-size:13px; background:#07d83a; color:#4bff7e;", currentButton);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, justify: "space-between", align: "center", gap: "middle" }, /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragEnd, sensors, collisionDetection: import_core.closestCenter }, /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "按钮列表" }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { id: "list1", items: buttonList.map((item) => item.id), strategy: import_sortable.verticalListSortingStrategy }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonList.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    DraggableButton,
+    {
+      key: item.id,
+      buttonItem: item,
+      buttonList,
+      onEdit: handleEditButton
+    }
+  ))))), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, null) }), /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "调整列表", style: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { id: "list2", items: buttonGroupList.flat().map((item) => item.id), strategy: import_sortable.verticalListSortingStrategy }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonGroupList.map((subItem, rowIndex) => /* @__PURE__ */ import_react.default.createElement(import_antd.Card, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { key: rowIndex, gap: "middle" }, subItem.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    DraggableButton,
+    {
+      key: item.id,
+      buttonItem: item,
+      buttonList,
+      onEdit: handleEditButton
+    }
+  ))))))))), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: addRow }, "新增一行"), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: "编辑按钮属性",
+      open: isModalVisible,
+      onCancel: handleCancel,
+      footer: null
+    },
+    currentButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, onFinish: handleSave }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "children", label: "按钮名称", rules: [{ required: true, message: "请输入按钮名称" }] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "请输入按钮名称" })), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "type", label: "按钮类型", rules: [{ required: true, message: "请选择按钮类型" }] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "primary" }, "primary"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "dashed" }, "dashed"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "link" }, "link"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "text" }, "text"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "default" }, "default"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", htmlType: "submit" }, "保存")))
+  ));
+});
+var buttonGroupEdit_default = (0, import_react.memo)(ButtonGroupEdit);

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id: string;
+    children?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+    updateButtonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList: ButtonGroupListProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/buttonGroupPreview/index.js

@@ -0,0 +1,65 @@
+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/buttonGroupPreview/index.tsx
+var buttonGroupPreview_exports = {};
+__export(buttonGroupPreview_exports, {
+  default: () => buttonGroupPreview_default
+});
+module.exports = __toCommonJS(buttonGroupPreview_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var updateSourceData = ({ buttonConfig, buttonGroupList }) => {
+  console.log("%c [ 0 ]-43", "font-size:13px; background:#26c778; color:#6affbc;", Object.keys(buttonConfig).length !== 0);
+  if (Object.keys(buttonConfig).length !== 0) {
+    return buttonGroupList.map((subArray) => {
+      return subArray.map((item) => {
+        if (buttonConfig.hasOwnProperty(item.id)) {
+          return buttonConfig[item.id];
+        }
+        return item;
+      });
+    });
+  }
+  console.log("%c [ buttonGroupList ]-54", "font-size:13px; background:#721db9; color:#b661fd;", buttonGroupList);
+  return buttonGroupList;
+};
+var ButtonGroupPreview = (0, import_react.forwardRef)((props, ref) => {
+  const { buttonConfig = {}, buttonGroupList = [] } = props;
+  console.log("%c [ props ]-57", "font-size:13px; background:#305767; color:#749bab;", props);
+  const sourceDatas = (0, import_react.useMemo)(() => {
+    return updateSourceData({ buttonConfig, buttonGroupList });
+  }, [buttonGroupList, buttonConfig]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, vertical: true, style: { marginBottom: 10 } }, sourceDatas.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { key: index }, item.map((items, index2) => {
+    const { isMore = false, id = "", menuData = [], children = "默认按钮名称", buttonProps, updateButtonProps = {} } = items;
+    const btnProps = { ...buttonProps, ...updateButtonProps };
+    return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, null, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { key: id, ...btnProps, children: updateButtonProps.children || children });
+  }))));
+});
+var buttonGroupPreview_default = (0, import_react.memo)(ButtonGroupPreview);

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import "./index.less";
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/components/cardPro/index.js

@@ -0,0 +1,60 @@
+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/cardPro/index.tsx
+var cardPro_exports = {};
+__export(cardPro_exports, {
+  default: () => cardPro_default
+});
+module.exports = __toCommonJS(cardPro_exports);
+var import_react = __toESM(require("react"));
+var import_hoc = require("../../utils/hoc");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var CardPro = (props) => {
+  const {
+    headTitle,
+    headSubTitle,
+    isShowFooter = true,
+    contentHeight,
+    children,
+    actionButtons = [],
+    buttonPosition = "center",
+    cover,
+    extra,
+    isShowHead,
+    className,
+    coverHeight,
+    badge
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: null, style: { padding: 0 }, className: (0, import_classnames.default)("pisell-cardPro-wrap", className, cover && "pisell-cardPro-wrap-with-cover") }, !!cover && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-cover"), style: { height: coverHeight } }, cover, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-badge") }, badge)), isShowHead && /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-cardPro-head"), justify: "space-between" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { style: { flex: 1 }, vertical: true, gap: "middle" }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-title") }, headTitle), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-subTitle") }, headSubTitle)), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-extra") }, extra)), /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { style: { height: contentHeight }, className: (0, import_classnames.default)("pisell-cardPro-content") }, children), isShowFooter && /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 20, justify: buttonPosition, style: { marginTop: 20 } }, actionButtons.map((item, index) => {
+    return item.button;
+  })));
+};
+var cardPro_default = (0, import_hoc.withWrap)(CardPro);

package/lib/components/cardPro/index.less

@@ -0,0 +1,58 @@
+.pisell-cardPro-wrap {
+    border-radius: 12px;
+
+    &.pisell-cardPro-wrap-with-cover {
+        .pisell-lowcode-card-body {
+            padding-top: 0;
+            padding-left: 0;
+            padding-right: 0;
+            padding-bottom: 24px;
+        }
+
+        .pisell-cardPro-head, .pisell-cardPro-content {
+            padding: 0 24px;
+        }
+    }
+
+
+    .pisell-cardPro-cover {
+        position: relative;
+
+        .pisell-cardPro-badge {
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
+
+    }
+
+    .pisell-cardPro-head {
+        padding: 0;
+        .pisell-cardPro-head-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #1a2029;
+        }
+
+        .pisell-cardPro-head-subtitle {
+            font-size: 12px;
+            color: #6e8098;
+        }
+
+        .pisell-cardPro-head-extra {
+            width: 150px;
+        }
+    }
+
+    .pisell-cardPro-content {
+        overflow-y: auto;
+        margin-top: 20px;
+    }
+
+    .pisell-cardPro-content {
+        overflow-y: auto;
+        margin-top: 20px;
+    }
+
+
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare const Collapse: (props: {
+    [key: string]: any;
+}) => React.JSX.Element;
+export default Collapse;

package/lib/components/collapse/index.js

@@ -0,0 +1,88 @@
+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/collapse/index.tsx
+var collapse_exports = {};
+__export(collapse_exports, {
+  default: () => collapse_default
+});
+module.exports = __toCommonJS(collapse_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_styled_components = __toESM(require("styled-components"));
+var import_index = require("./index.less");
+var Collapse = (props) => {
+  const { ...other } = props;
+  const CustomCollapse = (0, import_styled_components.default)(import_antd.Collapse)`
+    .pisell-lowcode-collapse-header {
+      display: flex !important;
+      align-items: center !important;
+    }
+
+    .pisell-lowcode-collapse-content {
+      background-color: ${(other == null ? void 0 : other.panelBackground) ? "transparent" : "#ffffff"};
+      border-top: ${(other == null ? void 0 : other.panelBackground) ? "0" : "1px solid #D0D5DD"};
+    }
+  `;
+  const panelStyle = {
+    marginBottom: other == null ? void 0 : other.panelMarginBottom,
+    background: other == null ? void 0 : other.panelBackground,
+    borderRadius: other == null ? void 0 : other.panelBorderRadius
+  };
+  const items = (0, import_react.useMemo)(() => {
+    var _a;
+    return (_a = other == null ? void 0 : other.children) == null ? void 0 : _a.map((item) => {
+      var _a2, _b;
+      return {
+        ...item == null ? void 0 : item.props,
+        label: (other == null ? void 0 : other.showHeader) ? /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              color: other == null ? void 0 : other.headerColor,
+              fontSize: other == null ? void 0 : other.headerFontSize
+            }
+          },
+          (_a2 = item == null ? void 0 : item.props) == null ? void 0 : _a2.header
+        ) : null,
+        key: item == null ? void 0 : item.key,
+        children: (_b = item == null ? void 0 : item.props) == null ? void 0 : _b.children,
+        style: panelStyle
+      };
+    });
+  }, [other]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    CustomCollapse,
+    {
+      ...other,
+      expandIcon: (other == null ? void 0 : other.expandIcon) ? () => other == null ? void 0 : other.expandIcon : void 0,
+      items
+    }
+  );
+};
+var collapse_default = Collapse;

package/lib/components/collapse/index.less

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/lib/components/date-picker/constants.js

@@ -0,0 +1,78 @@
+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/date-picker/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  presetDetailMap: () => presetDetailMap
+});
+module.exports = __toCommonJS(constants_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_locales = require("../../locales");
+var presetDetailMap = {
+  today: {
+    getValue: () => (0, import_dayjs.default)().startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-today")
+  },
+  yesterday: {
+    getValue: () => (0, import_dayjs.default)().add(-1, "d").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-yesterday")
+  },
+  tomorrow: {
+    getValue: () => (0, import_dayjs.default)().add(1, "d").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-tomorrow")
+  },
+  next_monday: {
+    getValue: () => (0, import_dayjs.default)().startOf("week").add(8, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-next_monday")
+  },
+  last_friday: {
+    getValue: () => (0, import_dayjs.default)().subtract(1, "week").startOf("week").add(5, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_friday")
+  },
+  first_day_of_this_month: {
+    getValue: () => (0, import_dayjs.default)().startOf("month").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-first_day_of_this_month")
+  },
+  last_day_of_this_month: {
+    getValue: () => (0, import_dayjs.default)().endOf("month").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_day_of_this_month")
+  },
+  first_day_of_next_month: {
+    getValue: () => (0, import_dayjs.default)().endOf("month").add(1, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-first_day_of_next_month")
+  },
+  last_day_of_last_month: {
+    getValue: () => (0, import_dayjs.default)().startOf("month").subtract(1, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_day_of_last_month")
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  presetDetailMap
+});