@pisell/materials 1.0.597 → 1.0.598

package/es/locales/zh-CN.d.ts

@@ -189,7 +189,6 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
-    'pisell-icon-select-placeholder': string;
     'pisell-icon-select-outlined': string;
     'pisell-icon-select-filled': string;
     'pisell-icon-select-two-tone': string;
@@ -202,5 +201,14 @@ declare const _default: {
     'subdomain-error-numbers-only': string;
     'subdomain-error-hyphen-ends': string;
     'subdomain-error-consecutive-hyphens': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -226,6 +226,7 @@ export default {
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '编辑模式下不可执行此操作',
   'pisell-translation-original': '原始语言',
+  // 版本升级组件
   'pisell-version-modal-title': '创建新版本',
   'pisell-version-modal-current-version': '当前版本',
   'pisell-version-modal-version': '版本号',
@@ -239,7 +240,6 @@ export default {
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本号必须大于当前版本',
   'pisell-version-modal-version-required': '版本号为必填项',
-  'pisell-icon-select-placeholder': '请选择图标',
   'pisell-icon-select-outlined': '线框风格',
   'pisell-icon-select-filled': '实底风格',
   'pisell-icon-select-two-tone': '双色风格',
@@ -252,5 +252,17 @@ export default {
   'subdomain-error-pattern': '子域名只能包含小写字母、数字和连字符',
   'subdomain-error-numbers-only': '子域名不能全为数字',
   'subdomain-error-hyphen-ends': '子域名不能以连字符开头或结尾',
-  'subdomain-error-consecutive-hyphens': '子域名不能包含连续的连字符'
+  'subdomain-error-consecutive-hyphens': '子域名不能包含连续的连字符',
+  // 应用版本控制组件
+  'pisell-lowcode-app-version-control-live': '正式版',
+  'pisell-lowcode-app-version-control-draft': '草稿',
+  'pisell-lowcode-app-version-control-deprecated': '已废弃',
+  'pisell-lowcode-app-version-control-new-version': '新版本',
+  'pisell-lowcode-app-version-control-promote-to-live': '发布正式版',
+  'pisell-lowcode-app-version-control-promote-version': function pisellLowcodeAppVersionControlPromoteVersion(version) {
+    return "\u53D1\u5E03\u7248\u672C ".concat(version || "", "?");
+  },
+  'pisell-lowcode-app-version-control-promote-version-describe': '发布版本后，该版本将无法再进行修改',
+  'pisell-lowcode-app-version-control-promote-version-ok': '发布',
+  'pisell-lowcode-app-version-control-promote-version-cancel': '取消'
 };

package/es/locales/zh-TW.d.ts

@@ -201,5 +201,14 @@ declare const _default: {
     'subdomain-error-numbers-only': string;
     'subdomain-error-hyphen-ends': string;
     'subdomain-error-consecutive-hyphens': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -226,6 +226,7 @@ export default {
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '編輯模式下不可執行此操作',
   'pisell-translation-original': '原始語言',
+  // 版本升级组件
   'pisell-version-modal-title': '創建新版本',
   'pisell-version-modal-current-version': '當前版本',
   'pisell-version-modal-version': '版本號',
@@ -239,6 +240,7 @@ export default {
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本號必須大於當前版本',
   'pisell-version-modal-version-required': '版本號為必填項',
+  // 图标选择组件
   'pisell-icon-select-placeholder': '選擇圖標',
   'pisell-icon-select-outlined': '線框風格',
   'pisell-icon-select-filled': '實底風格',
@@ -252,5 +254,17 @@ export default {
   'subdomain-error-pattern': '子域名只能包含小寫字母、數字和連字符',
   'subdomain-error-numbers-only': '子域名不能全為數字',
   'subdomain-error-hyphen-ends': '子域名不能以連字符開頭或結尾',
-  'subdomain-error-consecutive-hyphens': '子域名不能包含連續的連字符'
+  'subdomain-error-consecutive-hyphens': '子域名不能包含連續的連字符',
+  // 应用版本控制组件
+  'pisell-lowcode-app-version-control-live': '正式版',
+  'pisell-lowcode-app-version-control-draft': '草稿',
+  'pisell-lowcode-app-version-control-deprecated': '已廢棄',
+  'pisell-lowcode-app-version-control-new-version': '新版本',
+  'pisell-lowcode-app-version-control-promote-to-live': '發布正式版',
+  'pisell-lowcode-app-version-control-promote-version': function pisellLowcodeAppVersionControlPromoteVersion(version) {
+    return "\u767C\u5E03\u7248\u672C ".concat(version || "", "?");
+  },
+  'pisell-lowcode-app-version-control-promote-version-describe': '發布版本後，該版本將無法再進行修改',
+  'pisell-lowcode-app-version-control-promote-version-ok': '發布',
+  'pisell-lowcode-app-version-control-promote-version-cancel': '取消'
 };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
+export default AppVersionControl;

package/lib/components/appVersionControl/index.js

@@ -0,0 +1,208 @@
+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/appVersionControl/index.tsx
+var appVersionControl_exports = {};
+__export(appVersionControl_exports, {
+  default: () => appVersionControl_default
+});
+module.exports = __toCommonJS(appVersionControl_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_button = __toESM(require("../button"));
+var import_customSelect = __toESM(require("../customSelect"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_icon = __toESM(require("../icon"));
+var import_pisellRow = __toESM(require("../pisellRow"));
+var import_pisellTags = __toESM(require("../pisellTags"));
+var import_versionModal = __toESM(require("../versionModal"));
+var import_locales = require("../../locales");
+var import_index = require("./index.less");
+var getStatusColor = (status) => {
+  if (status === "live")
+    return "success";
+  if (status === "draft")
+    return "warning";
+  if (status === "deprecated")
+    return "error";
+  return "gray";
+};
+var getStatusText = (status) => {
+  if (status === "live")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+};
+var AppVersionControl = (props) => {
+  const {
+    value,
+    versions = [],
+    onVersionChange,
+    onCreateVersion,
+    onPromoteToLive,
+    className,
+    style,
+    allowPublish = true,
+    allowCreate = true
+  } = props;
+  const [promoteLoading, setPromoteLoading] = (0, import_react.useState)(false);
+  const [promoteToLiveModal, setPromoteToLiveModal] = (0, import_react.useState)(false);
+  const [publishVersionModal, setPublishVersionModal] = (0, import_react.useState)(false);
+  const [publishLoading, setPublishLoading] = (0, import_react.useState)(false);
+  const currentVersion = (0, import_react.useMemo)(() => {
+    return versions.find((v) => v.value === value);
+  }, [value, versions]);
+  const liveVersion = (0, import_react.useMemo)(() => {
+    var _a;
+    return (_a = versions.find((v) => v.status === "live")) == null ? void 0 : _a.version;
+  }, [versions]);
+  const handlePromoteToLive = async () => {
+    setPromoteLoading(true);
+    try {
+      await (onPromoteToLive == null ? void 0 : onPromoteToLive(value));
+      setPromoteToLiveModal(false);
+    } catch (error) {
+      console.error("Failed to promote version:", error);
+    } finally {
+      setPromoteLoading(false);
+    }
+  };
+  const handlePublishVersion = async (data) => {
+    setPublishLoading(true);
+    try {
+      await (onCreateVersion == null ? void 0 : onCreateVersion(data.version));
+      setPublishVersionModal(false);
+    } catch (error) {
+      console.error("Failed to create version:", error);
+    } finally {
+      setPublishLoading(false);
+    }
+  };
+  const handleVersionChange = (value2) => {
+    const version = versions.find((v) => v.value === value2);
+    onVersionChange == null ? void 0 : onVersionChange(value2, version);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pisellCard.default,
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-app-version-control", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        size: "xl",
+        shape: "square",
+        borderRadius: 10,
+        useTextAvatar: true,
+        className: "pisell-lowcode-app-version-control-avatar",
+        src: currentVersion == null ? void 0 : currentVersion.avatar
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icon.default,
+        {
+          type: "pisell2-container",
+          className: "pisell-lowcode-app-version-control-avatar-icon"
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, currentVersion == null ? void 0 : currentVersion.label),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_customSelect.default,
+      {
+        options: versions,
+        value,
+        size: "large",
+        onChange: handleVersionChange,
+        style: { width: "100%" },
+        renderItem: (option) => /* @__PURE__ */ import_react.default.createElement(
+          import_pisellRow.default,
+          {
+            leftContent: option.label,
+            rightContent: /* @__PURE__ */ import_react.default.createElement(
+              import_pisellTags.default,
+              {
+                type: "pill_color",
+                color: getStatusColor(option.status),
+                className: "pisell-lowcode-app-version-control-tag"
+              },
+              getStatusText(option.status)
+            )
+          }
+        )
+      }
+    ),
+    allowCreate && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-plus" }),
+        block: true,
+        size: "large",
+        onClick: () => setPublishVersionModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-new-version")
+    ),
+    allowPublish && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        type: "primary",
+        block: true,
+        size: "large",
+        onClick: () => setPromoteToLiveModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-to-live")
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default.Information,
+    {
+      open: promoteToLiveModal,
+      title: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version")(currentVersion == null ? void 0 : currentVersion.version),
+      describe: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-describe"),
+      okText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-ok"),
+      cancelText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-cancel"),
+      onOk: handlePromoteToLive,
+      confirmLoading: promoteLoading,
+      onCancel: () => setPromoteToLiveModal(false)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_versionModal.default,
+    {
+      currentVersion: liveVersion || "",
+      visible: publishVersionModal,
+      onCancel: () => setPublishVersionModal(false),
+      onConfirm: handlePublishVersion,
+      isShowNote: false,
+      confirmLoading: publishLoading
+    }
+  ));
+};
+var appVersionControl_default = AppVersionControl;

package/lib/components/appVersionControl/index.less

@@ -0,0 +1,34 @@
+.pisell-lowcode-app-version-control {
+  background-color: #fff;
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 12px !important;
+    .pisell-lowcode-app-version-control-avatar {
+      display: flex;
+      .pisell-lowcode-avatar-string {
+        display: flex;
+      }
+    }
+
+    .pisell-lowcode-app-version-control-avatar-icon {
+      font-size: 32px !important;
+    }
+  }
+  .pisell-lowcode-app-version-control-title {
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px; /* 150% */
+  }
+  &:hover {
+    background: #fff !important;
+  }
+}
+.pisell-lowcode-app-version-control-tag {
+  line-height: 20px;
+}

package/lib/components/appVersionControl/types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (version: string) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import './index.less';
+export interface BaseOption {
+    label: string;
+    value: string | number;
+}
+export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
+    options: T[];
+    value: T['value'];
+    onChange: (value: T['value']) => void;
+    renderItem?: (option: T) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => React.JSX.Element;
+export default CustomSelect;

package/lib/components/customSelect/index.js

@@ -0,0 +1,58 @@
+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/customSelect/index.tsx
+var customSelect_exports = {};
+__export(customSelect_exports, {
+  default: () => customSelect_default
+});
+module.exports = __toCommonJS(customSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_select = __toESM(require("../select"));
+var import_index = require("./index.less");
+var CustomSelect = (props) => {
+  const { options: propsOptions, value, onChange, renderItem } = props;
+  const options = (0, import_react.useMemo)(() => {
+    return propsOptions.map((option) => ({
+      label: renderItem ? renderItem(option) : option.label,
+      value: option.value
+    }));
+  }, [propsOptions, renderItem]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_select.default,
+    {
+      ...props,
+      className: (0, import_classnames.default)("pisell-lowcode-custom-select", props.className),
+      options,
+      value,
+      onChange
+    }
+  );
+};
+var customSelect_default = CustomSelect;

package/lib/components/customSelect/index.less

@@ -0,0 +1,7 @@
+.pisell-lowcode-custom-select {
+    .pisell-lowcode-select-selector {
+      border: none !important;
+      background: var(--Gray-50, #F9FAFB) !important;
+      box-shadow: none !important;
+    }
+}

package/lib/components/pisellLayout/content.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutProps } from 'antd';
+import React from 'react';
+export interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
+    children?: React.ReactNode;
+}
+declare const PisellContent: React.FC<PisellContentProps>;
+export default PisellContent;

package/lib/components/pisellLayout/content.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLayout/content.tsx
+var content_exports = {};
+__export(content_exports, {
+  default: () => content_default
+});
+module.exports = __toCommonJS(content_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var { Content } = import_antd.Layout;
+var PisellContent = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(Content, { ...rest }, children);
+};
+var content_default = PisellContent;

package/lib/components/pisellLayout/footer.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutProps } from 'antd';
+import React from 'react';
+export interface PisellFooterProps extends Omit<LayoutProps, 'prefixCls'> {
+    children?: React.ReactNode;
+}
+declare const PisellFooter: React.FC<PisellFooterProps>;
+export default PisellFooter;

package/lib/components/pisellLayout/footer.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLayout/footer.tsx
+var footer_exports = {};
+__export(footer_exports, {
+  default: () => footer_default
+});
+module.exports = __toCommonJS(footer_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var { Footer } = import_antd.Layout;
+var PisellFooter = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(Footer, { ...rest }, children);
+};
+var footer_default = PisellFooter;

package/lib/components/pisellLayout/header.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutProps } from 'antd';
+import React from 'react';
+export interface PisellHeaderProps extends Omit<LayoutProps, 'prefixCls'> {
+    children?: React.ReactNode;
+}
+declare const PisellHeader: React.FC<PisellHeaderProps>;
+export default PisellHeader;

package/lib/components/pisellLayout/header.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLayout/header.tsx
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
+});
+module.exports = __toCommonJS(header_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var { Header } = import_antd.Layout;
+var PisellHeader = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(Header, { ...rest }, children);
+};
+var header_default = PisellHeader;

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

@@ -0,0 +1,14 @@
+import type { LayoutProps } from 'antd';
+import { Layout } from 'antd';
+import React from 'react';
+export interface PisellLayoutProps extends LayoutProps {
+    children?: React.ReactNode;
+}
+interface CompoundedComponent extends React.FC<PisellLayoutProps> {
+    Header: typeof Layout.Header;
+    Content: typeof Layout.Content;
+    Footer: typeof Layout.Footer;
+    Sider: typeof Layout.Sider;
+}
+declare const PisellLayout: CompoundedComponent;
+export default PisellLayout;