@creekjs/web-components 1.0.4 → 1.0.5

package/.turbo/turbo-father$colon$build.log

@@ -1,39 +1,39 @@
 
 
-> @creekjs/web-components@1.0.3 father:build /Users/ernestwang/Documents/code-resoorce/creek/packages/web-components
+> @creekjs/web-components@1.0.4 father:build /Users/ernestwang/Documents/code-resoorce/creek/packages/web-components
 > father build
 
 info  - Clean output directories
 info  - Bundless for src directory to cjs format
-event - Bundless index.tsx to dist/creek-config-provider/index.js (with declaration)
 event - Bundless CreekConfigContext.tsx to dist/creek-config-provider/CreekConfigContext.js (with declaration)
 event - Bundless index.ts to dist/creek-hooks/index.js (with declaration)
 event - Bundless DrawerHelper.tsx to dist/creek-hooks/useApp/DrawerHelper.js (with declaration)
 event - Bundless index.tsx to dist/creek-hooks/useApp/index.js (with declaration)
-event - Bundless ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
+event - Bundless index.tsx to dist/creek-config-provider/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-icon/index.js (with declaration)
 event - Bundless types.ts to dist/creek-hooks/useApp/types.js (with declaration)
+event - Bundless ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
 event - Bundless useViewportHeight.tsx to dist/creek-hooks/useViewportHeight.js (with declaration)
-event - Bundless index.tsx to dist/creek-icon/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-keep-alive/index.js (with declaration)
+event - Bundless FullScreen.tsx to dist/creek-layout/ActionRender/FullScreen.js (with declaration)
 event - Bundless CollapseButton.tsx to dist/creek-layout/CollapseButton.js (with declaration)
-event - Bundless NotFound.tsx to dist/creek-layout/Exception/NotFound.js (with declaration)
 event - Bundless index.tsx to dist/creek-layout/Exception/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-keep-alive/index.js (with declaration)
+event - Bundless UserInfo.tsx to dist/creek-layout/ActionRender/UserInfo.js (with declaration)
+event - Bundless index.tsx to dist/creek-layout/ActionRender/index.js (with declaration)
+event - Bundless NotFound.tsx to dist/creek-layout/Exception/NotFound.js (with declaration)
 event - Bundless NotFoundPage.tsx to dist/creek-layout/Exception/NotFoundPage.js (with declaration)
-event - Bundless FullScreen.tsx to dist/creek-layout/HeaderContent/FullScreen.js (with declaration)
-event - Bundless UserInfo.tsx to dist/creek-layout/HeaderContent/UserInfo.js (with declaration)
-event - Bundless index.tsx to dist/creek-layout/HeaderContent/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-layout/index.js (with declaration)
 event - Bundless index.tsx to dist/creek-loading/index.js (with declaration)
-event - Bundless useAdaptiveToolBar.tsx to dist/creek-table/hooks/useAdaptiveToolBar.js (with declaration)
+event - Bundless index.tsx to dist/creek-layout/index.js (with declaration)
 event - Bundless index.ts to dist/creek-table/hooks/index.js (with declaration)
 event - Bundless useAutoWidthColumns.tsx to dist/creek-table/hooks/useAutoWidthColumns.js (with declaration)
-event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
-event - Bundless TableOptionRender.tsx to dist/creek-table/TableOptionRender.js (with declaration)
-event - Bundless index.tsx to dist/creek-table/index.js (with declaration)
+event - Bundless useAdaptiveToolBar.tsx to dist/creek-table/hooks/useAdaptiveToolBar.js (with declaration)
 event - Bundless useElementDistance.tsx to dist/creek-table/hooks/useElementDistance.js (with declaration)
+event - Bundless SearchTable.tsx to dist/creek-table/SearchTable.js (with declaration)
+event - Bundless TableOptionRender.tsx to dist/creek-table/TableOptionRender.js (with declaration)
+event - Bundless index.tsx to dist/index.js (with declaration)
 event - Bundless type.ts to dist/creek-table/type.js (with declaration)
+event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
+event - Bundless index.tsx to dist/creek-table/index.js (with declaration)
 event - Bundless toolBarRender.tsx to dist/creek-table/toolBarRender.js (with declaration)
-event - Bundless index.tsx to dist/index.js (with declaration)
-event - Bundless SearchTable.tsx to dist/creek-table/SearchTable.js (with declaration)
 event - Generate declaration files...
-event - Transformed successfully in 13711 ms (30 files)
+event - Transformed successfully in 5787 ms (30 files)

package/dist/creek-config-provider/CreekConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreekConfigContext.d.ts","sourceRoot":"","sources":["../../src/creek-config-provider/CreekConfigContext.tsx"],"names":[],"mappings":";AAEA,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC"}

package/dist/creek-config-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-config-provider/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEnF,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;YAAW,wBAAwB;;CAGlE,CAAC"}

package/dist/creek-hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC"}

package/dist/creek-hooks/useApp/DrawerHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHelper.d.ts","sourceRoot":"","sources":["../../../src/creek-hooks/useApp/DrawerHelper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAwC,MAAM,SAAS,CAAC;AAE7E,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAC"}

package/dist/creek-hooks/useApp/ModalHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHelper.d.ts","sourceRoot":"","sources":["../../../src/creek-hooks/useApp/ModalHelper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,WAAW,EAAqB,MAAM,SAAS,CAAC;AAE1E,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8BlD,CAAC"}

package/dist/creek-hooks/useApp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-hooks/useApp/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAI5E,OAAO,EAGL,gBAAgB,EAChB,eAAe,EAEf,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAsBjB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6B/D,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAiDlB,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/dist/creek-hooks/useApp/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/creek-hooks/useApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC1G,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAChF,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC5G,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/dist/creek-hooks/useViewportHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportHeight.d.ts","sourceRoot":"","sources":["../../src/creek-hooks/useViewportHeight.tsx"],"names":[],"mappings":";AAGA,UAAU,wBAAwB;IAChC,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC;IAE5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,aAAa,wBAAwB;IAuJ/D,wBAAwB;;IAExB,kBAAkB;;IAElB,kBAAkB;;IAElB,gBAAgB;;CAGnB,CAAC"}

package/dist/creek-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAA8B,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAIrC,OAAO,EAAuB,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzF,KAAK,wBAAwB,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG;IACtD,WAAW,CAAC,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,mDAkB9C,CAAC"}

package/dist/creek-keep-alive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-keep-alive/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+CAQ1B,CAAC"}

package/dist/creek-layout/ActionRender/FullScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreen.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/ActionRender/FullScreen.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,8EAU7B,CAAC;AAEH,eAAO,MAAM,UAAU,+CAuBtB,CAAC"}

package/dist/creek-layout/{HeaderContent → ActionRender}/FullScreen.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/creek-layout/HeaderContent/FullScreen.tsx
+// src/creek-layout/ActionRender/FullScreen.tsx
 var FullScreen_exports = {};
 __export(FullScreen_exports, {
   FullScreen: () => FullScreen,

package/dist/creek-layout/{HeaderContent → ActionRender}/FullScreen.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/FullScreen.tsx"],
+  "sources": ["../../../src/creek-layout/ActionRender/FullScreen.tsx"],
   "sourcesContent": ["import { FullscreenExitOutlined, FullscreenOutlined } from \"@ant-design/icons\";\nimport { useFullscreen, useMemoizedFn } from \"ahooks\";\nimport { Tooltip } from \"antd\";\nimport { create } from \"zustand\";\n\nexport type FullScreenStore = {\n  isFullScreen: boolean;\n  changeFullScreen: () => void;\n};\n\nexport const useFullScreenStore = create<FullScreenStore>((set, get) => {\n  return {\n    isFullScreen: false,\n    changeFullScreen: () => {\n      const _isFullScreen = get().isFullScreen;\n      set({\n        isFullScreen: !_isFullScreen,\n      });\n    },\n  };\n});\n\nexport const FullScreen = () => {\n  const [, { toggleFullscreen }] = useFullscreen(document.body);\n\n  const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();\n\n  const handleFullScreen = useMemoizedFn(() => {\n    toggleFullscreen();\n    changeFullScreen();\n  });\n\n  return (\n    <>\n      {isFullScreen ? (\n        <Tooltip title=\"退出全屏\" placement=\"top\">\n          <FullscreenExitOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      ) : (\n        <Tooltip title=\"全屏\" placement=\"top\">\n          <FullscreenOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAC3D,oBAA6C;AAC7C,kBAAwB;AACxB,qBAAuB;AA8BnB;AAvBG,IAAM,yBAAqB,uBAAwB,CAAC,KAAK,QAAQ;AACtE,SAAO;AAAA,IACL,cAAc;AAAA,IACd,kBAAkB,MAAM;AACtB,YAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAI;AAAA,QACF,cAAc,CAAC;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEM,IAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,QAAI,6BAAc,SAAS,IAAI;AAE5D,QAAM,EAAE,cAAc,iBAAiB,IAAI,mBAAmB,SAAS;AAEvE,QAAM,uBAAmB,6BAAc,MAAM;AAC3C,qBAAiB;AACjB,qBAAiB;AAAA,EACnB,CAAC;AAED,SACE,2EACG,yBACC,4CAAC,uBAAQ,OAAM,QAAO,WAAU,OAC9B,sDAAC,uCAAuB,SAAS,kBAAkB,GACrD,IAEA,4CAAC,uBAAQ,OAAM,MAAK,WAAU,OAC5B,sDAAC,mCAAmB,SAAS,kBAAkB,GACjD,GAEJ;AAEJ;",
   "names": []

package/dist/creek-layout/ActionRender/UserInfo.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DropDownProps } from "antd";
+export interface UserInfoProps {
+    name?: React.ReactNode;
+    avatar?: string;
+    menu?: DropDownProps['menu'];
+}
+export declare const UserInfo: (props: UserInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/ActionRender/UserInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/ActionRender/UserInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,aAAa,EAAS,MAAM,MAAM,CAAC;AAsB9D,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAc5C,CAAC"}

package/dist/creek-layout/{HeaderContent → ActionRender}/UserInfo.js

@@ -16,13 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/creek-layout/HeaderContent/UserInfo.tsx
+// src/creek-layout/ActionRender/UserInfo.tsx
 var UserInfo_exports = {};
 __export(UserInfo_exports, {
   UserInfo: () => UserInfo
 });
 module.exports = __toCommonJS(UserInfo_exports);
-var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
 var import_antd_style = require("antd-style");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -44,34 +43,13 @@ var useStyles = (0, import_antd_style.createStyles)(({ token }) => ({
     }
   }
 }));
-var UserInfo = () => {
+var UserInfo = (props) => {
   const { styles } = useStyles();
-  const userInfoMenu = {
-    items: [
-      {
-        key: "logout",
-        label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 8, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LogoutOutlined, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "退出登录" })
-        ] }),
-        onClick: () => {
-        }
-      }
-    ]
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_antd.Dropdown,
-    {
-      arrow: true,
-      placement: "bottom",
-      overlayClassName: styles.userInfoDropdownOverlay,
-      menu: userInfoMenu,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, align: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Avatar, { className: styles.avatarContainer, children: "C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Creek" })
-      ] })
-    }
-  );
+  const { name, avatar, menu } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Dropdown, { arrow: true, placement: "bottom", overlayClassName: styles.userInfoDropdownOverlay, menu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Avatar, { className: styles.avatarContainer, src: avatar, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name })
+  ] }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/creek-layout/ActionRender/UserInfo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/ActionRender/UserInfo.tsx"],
+  "sourcesContent": ["import { Avatar, Dropdown, DropDownProps, Space } from \"antd\";\nimport { createStyles } from \"antd-style\";\n\nconst useStyles = createStyles(({ token }) => ({\n  avatarContainer: {\n    backgroundColor: token.colorPrimary,\n    width: 24,\n    height: 24,\n  },\n  userInfoDropdownOverlay: {\n    \".ant-dropdown-menu\": {\n      padding: \"8px 0\",\n    },\n    \".ant-dropdown-menu-item\": {\n      \".ant-dropdown-menu-item-icon\": {\n        fontSize: \"18px\",\n        marginRight: \"8px\",\n      },\n    },\n  },\n}));\n\nexport interface UserInfoProps {\n  name?: React.ReactNode;\n  avatar?: string;\n  menu?: DropDownProps['menu'];\n}\n\nexport const UserInfo = (props: UserInfoProps) => {\n  const { styles } = useStyles();\n  const { name, avatar, menu } = props;\n\n  return (\n    <Dropdown arrow placement=\"bottom\" overlayClassName={styles.userInfoDropdownOverlay} menu={menu}>\n      <Space size={4} align=\"center\">\n        <Avatar className={styles.avatarContainer} src={avatar}>\n          {name}\n        </Avatar>\n        <span>{name}</span>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuD;AACvD,wBAA6B;AAiCvB;AA/BN,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,iBAAiB;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzB,gCAAgC;AAAA,QAC9B,UAAU;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,EAAE;AAQK,IAAM,WAAW,CAAC,UAAyB;AAChD,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,MAAM,QAAQ,KAAK,IAAI;AAE/B,SACE,4CAAC,wBAAS,OAAK,MAAC,WAAU,UAAS,kBAAkB,OAAO,yBAAyB,MACnF,uDAAC,qBAAM,MAAM,GAAG,OAAM,UACpB;AAAA,gDAAC,sBAAO,WAAW,OAAO,iBAAiB,KAAK,QAC7C,gBACH;AAAA,IACA,4CAAC,UAAM,gBAAK;AAAA,KACd,GACF;AAEJ;",
+  "names": []
+}

package/dist/creek-layout/ActionRender/index.d.ts

@@ -0,0 +1,2 @@
+export { FullScreen } from './FullScreen';
+export { UserInfo } from './UserInfo';

package/dist/creek-layout/ActionRender/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/ActionRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/creek-layout/ActionRender/index.js

@@ -0,0 +1,33 @@
+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/creek-layout/ActionRender/index.tsx
+var ActionRender_exports = {};
+__export(ActionRender_exports, {
+  FullScreen: () => import_FullScreen.FullScreen,
+  UserInfo: () => import_UserInfo.UserInfo
+});
+module.exports = __toCommonJS(ActionRender_exports);
+var import_FullScreen = require("./FullScreen");
+var import_UserInfo = require("./UserInfo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FullScreen,
+  UserInfo
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-layout/ActionRender/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/ActionRender/index.tsx"],
+  "sourcesContent": ["export { FullScreen } from './FullScreen';\nexport { UserInfo } from './UserInfo';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAC3B,sBAAyB;",
+  "names": []
+}

package/dist/creek-layout/CollapseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.d.ts","sourceRoot":"","sources":["../../src/creek-layout/CollapseButton.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAiBF,eAAO,MAAM,iBAAiB,mFAU5B,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,oBAAoB,4CAwB1D,CAAC"}

package/dist/creek-layout/Exception/NotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/Exception/NotFound.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CASpB,CAAC"}

package/dist/creek-layout/Exception/NotFoundPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/Exception/NotFoundPage.tsx"],"names":[],"mappings":";AACA,wBAEE"}

package/dist/creek-layout/Exception/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-layout/Exception/index.tsx"],"names":[],"mappings":";AAAA,cAAc,YAAY,CAAC;AAE3B,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,4CAG9C,CAAC"}

package/dist/creek-layout/index.d.ts

@@ -1,8 +1,15 @@
-import { ProLayoutProps } from "@ant-design/pro-components";
+/// <reference types="react" />
+import { ProLayoutProps } from '@ant-design/pro-components';
 export type LayoutProps = ProLayoutProps & {
     runtimeConfig: ProLayoutProps;
     userConfig?: ProLayoutProps;
     navigate?: (path?: string | number) => void;
+    showFullScreen?: boolean;
+    userInfo?: {
+        name?: React.ReactNode;
+        avatar?: string;
+        menu?: any;
+    };
     initialInfo?: {
         initialState: any;
         loading: boolean;
@@ -10,4 +17,4 @@ export type LayoutProps = ProLayoutProps & {
     };
 };
 export declare const CreekLayout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;
-export * from "./Exception";
+export * from './Exception';

package/dist/creek-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-layout/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,4BAA4B,CAAC;AASvE,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,aAAa,EAAE,cAAc,CAAC;IAC9B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,YAAY,EAAE,GAAG,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,WAAW,4CAuE7C,CAAC;AAEF,cAAc,aAAa,CAAC"}

package/dist/creek-layout/index.js

@@ -37,52 +37,46 @@ var import_pro_components = require("@ant-design/pro-components");
 var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_ActionRender = require("./ActionRender");
 var import_CollapseButton = require("./CollapseButton");
 var import_Exception = require("./Exception");
-var import_HeaderContent = require("./HeaderContent");
 __reExport(creek_layout_exports, require("./Exception"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var CreekLayout = (props) => {
-  const {
-    route,
-    userConfig,
-    runtimeConfig,
-    children,
-    location,
-    navigate,
-    ...more
-  } = props;
+  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, userInfo, ...more } = props;
   const { useToken } = import_antd.theme;
   const { token } = useToken();
   const { collapsed } = (0, import_CollapseButton.useCollapsedStore)();
-  const menuItemRender = (0, import_ahooks.useMemoizedFn)(
-    (itemProps, defaultDom) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "span",
-        {
-          onClick: () => {
-            if (navigate) {
-              navigate(itemProps.path);
-            }
-          },
-          children: defaultDom
-        }
-      );
-    }
-  );
+  const menuItemRender = (0, import_ahooks.useMemoizedFn)((itemProps, defaultDom) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        onClick: () => {
+          if (navigate) {
+            navigate(itemProps.path);
+          }
+        },
+        children: defaultDom
+      }
+    );
+  });
+  const actions = [];
+  if (showFullScreen) {
+    actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.FullScreen, {}, "full-screen"));
+  }
+  if (userInfo) {
+    actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.UserInfo, { ...userInfo }, "user-info"));
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_pro_components.ProLayout,
     {
       className: (0, import_classnames.default)("creek-layout-container", userConfig == null ? void 0 : userConfig.className),
-      layout: "mix",
       route,
       title: userConfig == null ? void 0 : userConfig.title,
       siderWidth: 212,
       location,
       menuItemRender,
-      headerContentRender: () => {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HeaderContent.HeaderContent, {});
-      },
+      actionsRender: () => actions,
       token: {
         header: {
           colorBgHeader: "#fff",

package/dist/creek-layout/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-layout/index.tsx"],
-  "sourcesContent": ["import { ProLayout, ProLayoutProps } from \"@ant-design/pro-components\";\nimport { useMemoizedFn } from \"ahooks\";\nimport { theme } from \"antd\";\nimport classnames from \"classnames\";\n\nimport { CollapsedButton, useCollapsedStore } from \"./CollapseButton\";\nimport { Exception } from \"./Exception\";\nimport { HeaderContent } from \"./HeaderContent\";\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const {\n    route,\n    userConfig,\n    runtimeConfig,\n    children,\n    location,\n    navigate,\n    ...more\n  } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\n\n  const menuItemRender: ProLayoutProps[\"menuItemRender\"] = useMemoizedFn(\n    (itemProps, defaultDom) => {\n      return (\n        <span\n          onClick={() => {\n            if (navigate) {\n              navigate(itemProps.path);\n            }\n          }}\n        >\n          {defaultDom}\n        </span>\n      );\n    }\n  );\n\n  return (\n    <ProLayout\n      className={classnames(\"creek-layout-container\", userConfig?.className)}\n      layout=\"mix\"\n      route={route}\n      title={userConfig?.title}\n      siderWidth={212}\n      location={location}\n      menuItemRender={menuItemRender}\n      headerContentRender={() => {\n        return <HeaderContent />;\n      }}\n      token={{\n        header: {\n          colorBgHeader: \"#fff\",\n          colorHeaderTitle: \"rgba(0, 0, 0, 0.80);\",\n          colorTextMenuSelected: token.colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: \"#f7f8fa\",\n          colorBgMenuItemSelected: \"transparent\",\n          colorTextMenuActive: token.colorPrimary,\n          colorTextMenuSelected: token.colorPrimary,\n          colorTextMenuItemHover: token.colorPrimary,\n          colorTextMenu: \"#333\",\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: token.padding,\n          paddingInlinePageContainerContent: token.padding,\n          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);'\n        },\n      }}\n      fixSiderbar\n      fixedHeader\n      collapsed={collapsed}\n      collapsedButtonRender={(collapsed) => {\n        return <CollapsedButton collapsed={collapsed} />;\n      }}\n      {...more}\n    >\n      <Exception>{children}</Exception>\n    </ProLayout>\n  );\n};\n\nexport * from \"./Exception\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,oBAA8B;AAC9B,kBAAsB;AACtB,wBAAuB;AAEvB,4BAAmD;AACnD,uBAA0B;AAC1B,2BAA8B;AA2F9B,iCAAc,wBAlGd;AAuCQ;AAnBD,IAAM,cAAc,CAAC,UAAuB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,EAAE,UAAU,QAAI,yCAAkB;AAExC,QAAM,qBAAmD;AAAA,IACvD,CAAC,WAAW,eAAe;AACzB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AACb,gBAAI,UAAU;AACZ,uBAAS,UAAU,IAAI;AAAA,YACzB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAA,SAAW,0BAA0B,yCAAY,SAAS;AAAA,MACrE,QAAO;AAAA,MACP;AAAA,MACA,OAAO,yCAAY;AAAA,MACnB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,qBAAqB,MAAM;AACzB,eAAO,4CAAC,sCAAc;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,kBAAkB;AAAA,UAClB,uBAAuB,MAAM;AAAA,UAC7B,oBAAoB;AAAA,QACtB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,UACrB,yBAAyB;AAAA,UACzB,qBAAqB,MAAM;AAAA,UAC3B,uBAAuB,MAAM;AAAA,UAC7B,wBAAwB,MAAM;AAAA,UAC9B,eAAe;AAAA,QACjB;AAAA,QACA,eAAe;AAAA,UACb,kCAAkC,MAAM;AAAA,UACxC,mCAAmC,MAAM;AAAA,UACzC,sBAAsB;AAAA,QACxB;AAAA,MACF;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX;AAAA,MACA,uBAAuB,CAACC,eAAc;AACpC,eAAO,4CAAC,yCAAgB,WAAWA,YAAW;AAAA,MAChD;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,8BAAW,UAAS;AAAA;AAAA,EACvB;AAEJ;",
+  "sourcesContent": ["import { ProLayout, ProLayoutProps } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { theme } from 'antd';\nimport classnames from 'classnames';\n\nimport { FullScreen, UserInfo } from './ActionRender';\nimport { CollapsedButton, useCollapsedStore } from './CollapseButton';\nimport { Exception } from './Exception';\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  showFullScreen?: boolean;\n  userInfo?: {\n    name?: React.ReactNode;\n    avatar?: string;\n    menu?: any;\n  };\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, userInfo, ...more } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\n\n  const menuItemRender: ProLayoutProps['menuItemRender'] = useMemoizedFn((itemProps, defaultDom) => {\n    return (\n      <span\n        onClick={() => {\n          if (navigate) {\n            navigate(itemProps.path);\n          }\n        }}\n      >\n        {defaultDom}\n      </span>\n    );\n  });\n\n  const actions: React.ReactNode[] = [];\n  if (showFullScreen) {\n    actions.push(<FullScreen key=\"full-screen\" />);\n  }\n  if (userInfo) {\n    actions.push(<UserInfo key=\"user-info\" {...userInfo} />);\n  }\n\n  return (\n    <ProLayout\n      className={classnames('creek-layout-container', userConfig?.className)}\n      route={route}\n      title={userConfig?.title}\n      siderWidth={212}\n      location={location}\n      menuItemRender={menuItemRender}\n      actionsRender={() => actions}\n      token={{\n        header: {\n          colorBgHeader: '#fff',\n          colorHeaderTitle: 'rgba(0, 0, 0, 0.80);',\n          colorTextMenuSelected: token.colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: '#f7f8fa',\n          colorBgMenuItemSelected: 'transparent',\n          colorTextMenuActive: token.colorPrimary,\n          colorTextMenuSelected: token.colorPrimary,\n          colorTextMenuItemHover: token.colorPrimary,\n          colorTextMenu: '#333',\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: token.padding,\n          paddingInlinePageContainerContent: token.padding,\n          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);',\n        },\n      }}\n      fixSiderbar\n      fixedHeader\n      collapsed={collapsed}\n      collapsedButtonRender={(collapsed) => {\n        return <CollapsedButton collapsed={collapsed} />;\n      }}\n      {...more}\n    >\n      <Exception>{children}</Exception>\n    </ProLayout>\n  );\n};\n\nexport * from './Exception';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,oBAA8B;AAC9B,kBAAsB;AACtB,wBAAuB;AAEvB,0BAAqC;AACrC,4BAAmD;AACnD,uBAA0B;AA4F1B,iCAAc,wBAnGd;AAoCM;AAVC,IAAM,cAAc,CAAC,UAAuB;AACjD,QAAM,EAAE,OAAO,YAAY,eAAe,UAAU,UAAU,UAAU,gBAAgB,UAAU,GAAG,KAAK,IAAI;AAE9G,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,EAAE,UAAU,QAAI,yCAAkB;AAExC,QAAM,qBAAmD,6BAAc,CAAC,WAAW,eAAe;AAChG,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,cAAI,UAAU;AACZ,qBAAS,UAAU,IAAI;AAAA,UACzB;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AAED,QAAM,UAA6B,CAAC;AACpC,MAAI,gBAAgB;AAClB,YAAQ,KAAK,4CAAC,oCAAe,aAAc,CAAE;AAAA,EAC/C;AACA,MAAI,UAAU;AACZ,YAAQ,KAAK,4CAAC,gCAA0B,GAAG,YAAhB,WAA0B,CAAE;AAAA,EACzD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAA,SAAW,0BAA0B,yCAAY,SAAS;AAAA,MACrE;AAAA,MACA,OAAO,yCAAY;AAAA,MACnB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,MACrB,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,kBAAkB;AAAA,UAClB,uBAAuB,MAAM;AAAA,UAC7B,oBAAoB;AAAA,QACtB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,UACrB,yBAAyB;AAAA,UACzB,qBAAqB,MAAM;AAAA,UAC3B,uBAAuB,MAAM;AAAA,UAC7B,wBAAwB,MAAM;AAAA,UAC9B,eAAe;AAAA,QACjB;AAAA,QACA,eAAe;AAAA,UACb,kCAAkC,MAAM;AAAA,UACxC,mCAAmC,MAAM;AAAA,UACzC,sBAAsB;AAAA,QACxB;AAAA,MACF;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX;AAAA,MACA,uBAAuB,CAACC,eAAc;AACpC,eAAO,4CAAC,yCAAgB,WAAWA,YAAW;AAAA,MAChD;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,8BAAW,UAAS;AAAA;AAAA,EACvB;AAEJ;",
   "names": ["classnames", "collapsed"]
 }

package/dist/creek-loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,qBAAa,OAAO;IAClB,OAAO,CAAC,MAAM,CAAC,SAAS,CAA+B;IACvD,OAAO,CAAC,MAAM,CAAC,IAAI,CAA8C;IAEjE,OAAO,CAAC,MAAM,CAAC,eAAe;IAS9B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAMtD,MAAM,CAAC,KAAK;CAWb"}

package/dist/creek-table/SearchTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTable.d.ts","sourceRoot":"","sources":["../../src/creek-table/SearchTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAY,MAAM,4BAA4B,CAAC;AAUlE,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AA6CzC,eAAO,MAAM,cAAc,0EAA2E,gBAAgB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,4CAmDrI,CAAC"}

package/dist/creek-table/TableOptionRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOptionRender.d.ts","sourceRoot":"","sources":["../../src/creek-table/TableOptionRender.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAa5C,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,UAAU,EAAE,SAAS,GAAG,MAAM,IAAI;IACnG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,0EAA2E,uBAAuB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,4CAgC/I,CAAC"}

package/dist/creek-table/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC"}

package/dist/creek-table/hooks/useAdaptiveToolBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptiveToolBar.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useAdaptiveToolBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA+B,MAAM,OAAO,CAAC;AAGtE,eAAO,MAAM,kBAAkB,YAAa;IAC1C,YAAY,EAAE,iBAAiB,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;CAoCA,CAAC"}

package/dist/creek-table/hooks/useAutoWidthColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoWidthColumns.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useAutoWidthColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AA4ExE,eAAO,MAAM,mBAAmB,0BACrB,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,YACrC,UAAU,cAAc,CAAC;aACvB,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;CAiInF,CAAC"}

package/dist/creek-table/hooks/useElementDistance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementDistance.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useElementDistance.tsx"],"names":[],"mappings":";AAGA,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AAO/C,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;CACX;AAeD,eAAO,MAAM,kBAAkB,wDAAuD,QAAQ,GAAG,IAoChG,CAAC"}

package/dist/creek-table/hooks/useTableScrollHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableScrollHeight.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useTableScrollHeight.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,cAAe,MAAM,YAAY,MAAM,SAAS,CAAC,cAAc,CAAC,oBAAmB,OAAO,mBAAyB,MAAM,iBAAqB,MAAM,uBA2DpL,CAAC"}

package/dist/creek-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/creek-table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,UAAU,0EAA2E,gBAAgB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,4CAMjI,CAAC"}

package/dist/creek-table/toolBarRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolBarRender.d.ts","sourceRoot":"","sources":["../../src/creek-table/toolBarRender.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,YAAa;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,QAwB/F,CAAC"}

package/dist/creek-table/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/creek-table/type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,UAAU,EAAE,SAAS,GAAG,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,EAAG,SAAS,CAAC,GAAG;IAC/I,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE;QACtB,+BAA+B;QAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG;QACpD,YAAY,CAAC,EAAE,kBAAkB,CAAC;QAClC,YAAY,CAAC,EAAE,kBAAkB,CAAC;KACnC,CAAC;IAEF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC"}

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@creekjs/web-components",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/creek-layout/{HeaderContent → ActionRender}/UserInfo.tsx

@@ -1,4 +1,3 @@
-import { LogoutOutlined } from "@ant-design/icons";
 import { Avatar, Dropdown, DropDownProps, Space } from "antd";
 import { createStyles } from "antd-style";
 
@@ -21,33 +20,23 @@ const useStyles = createStyles(({ token }) => ({
   },
 }));
 
-export const UserInfo = () => {
+export interface UserInfoProps {
+  name?: React.ReactNode;
+  avatar?: string;
+  menu?: DropDownProps['menu'];
+}
+
+export const UserInfo = (props: UserInfoProps) => {
   const { styles } = useStyles();
+  const { name, avatar, menu } = props;
 
-  const userInfoMenu: DropDownProps["menu"] = {
-    items: [
-      {
-        key: "logout",
-        label: (
-          <Space size={8}>
-            <LogoutOutlined />
-            <span>退出登录</span>
-          </Space>
-        ),
-        onClick: () => {},
-      },
-    ],
-  };
   return (
-    <Dropdown
-      arrow
-      placement="bottom"
-      overlayClassName={styles.userInfoDropdownOverlay}
-      menu={userInfoMenu}
-    >
+    <Dropdown arrow placement="bottom" overlayClassName={styles.userInfoDropdownOverlay} menu={menu}>
       <Space size={4} align="center">
-        <Avatar className={styles.avatarContainer}>C</Avatar>
-        <span>Creek</span>
+        <Avatar className={styles.avatarContainer} src={avatar}>
+          {name}
+        </Avatar>
+        <span>{name}</span>
       </Space>
     </Dropdown>
   );

package/src/creek-layout/ActionRender/index.tsx

@@ -0,0 +1,3 @@
+export { FullScreen } from './FullScreen';
+export { UserInfo } from './UserInfo';
+

package/src/creek-layout/index.tsx

@@ -1,16 +1,22 @@
-import { ProLayout, ProLayoutProps } from "@ant-design/pro-components";
-import { useMemoizedFn } from "ahooks";
-import { theme } from "antd";
-import classnames from "classnames";
+import { ProLayout, ProLayoutProps } from '@ant-design/pro-components';
+import { useMemoizedFn } from 'ahooks';
+import { theme } from 'antd';
+import classnames from 'classnames';
 
-import { CollapsedButton, useCollapsedStore } from "./CollapseButton";
-import { Exception } from "./Exception";
-import { HeaderContent } from "./HeaderContent";
+import { FullScreen, UserInfo } from './ActionRender';
+import { CollapsedButton, useCollapsedStore } from './CollapseButton';
+import { Exception } from './Exception';
 
 export type LayoutProps = ProLayoutProps & {
   runtimeConfig: ProLayoutProps;
   userConfig?: ProLayoutProps;
   navigate?: (path?: string | number) => void;
+  showFullScreen?: boolean;
+  userInfo?: {
+    name?: React.ReactNode;
+    avatar?: string;
+    menu?: any;
+  };
   initialInfo?: {
     initialState: any;
     loading: boolean;
@@ -19,68 +25,63 @@ export type LayoutProps = ProLayoutProps & {
 };
 
 export const CreekLayout = (props: LayoutProps) => {
-  const {
-    route,
-    userConfig,
-    runtimeConfig,
-    children,
-    location,
-    navigate,
-    ...more
-  } = props;
+  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, userInfo, ...more } = props;
 
   const { useToken } = theme;
   const { token } = useToken();
 
   const { collapsed } = useCollapsedStore();
 
-  const menuItemRender: ProLayoutProps["menuItemRender"] = useMemoizedFn(
-    (itemProps, defaultDom) => {
-      return (
-        <span
-          onClick={() => {
-            if (navigate) {
-              navigate(itemProps.path);
-            }
-          }}
-        >
-          {defaultDom}
-        </span>
-      );
-    }
-  );
+  const menuItemRender: ProLayoutProps['menuItemRender'] = useMemoizedFn((itemProps, defaultDom) => {
+    return (
+      <span
+        onClick={() => {
+          if (navigate) {
+            navigate(itemProps.path);
+          }
+        }}
+      >
+        {defaultDom}
+      </span>
+    );
+  });
+
+  const actions: React.ReactNode[] = [];
+  if (showFullScreen) {
+    actions.push(<FullScreen key="full-screen" />);
+  }
+  if (userInfo) {
+    actions.push(<UserInfo key="user-info" {...userInfo} />);
+  }
 
   return (
     <ProLayout
-      className={classnames("creek-layout-container", userConfig?.className)}
-      layout="mix"
+      className={classnames('creek-layout-container', userConfig?.className)}
       route={route}
       title={userConfig?.title}
       siderWidth={212}
       location={location}
       menuItemRender={menuItemRender}
-      headerContentRender={() => {
-        return <HeaderContent />;
-      }}
+      actionsRender={() => actions}
       token={{
         header: {
-          colorBgHeader: "#fff",
-          colorHeaderTitle: "rgba(0, 0, 0, 0.80);",
+          colorBgHeader: '#fff',
+          colorHeaderTitle: 'rgba(0, 0, 0, 0.80);',
           colorTextMenuSelected: token.colorPrimary,
           heightLayoutHeader: 48,
         },
         sider: {
-          colorMenuBackground: "#f7f8fa",
-          colorBgMenuItemSelected: "transparent",
+          colorMenuBackground: '#f7f8fa',
+          colorBgMenuItemSelected: 'transparent',
           colorTextMenuActive: token.colorPrimary,
           colorTextMenuSelected: token.colorPrimary,
           colorTextMenuItemHover: token.colorPrimary,
-          colorTextMenu: "#333",
+          colorTextMenu: '#333',
         },
         pageContainer: {
           paddingBlockPageContainerContent: token.padding,
           paddingInlinePageContainerContent: token.padding,
-          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);'
+          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);',
         },
       }}
       fixSiderbar
@@ -96,4 +97,4 @@ export const CreekLayout = (props: LayoutProps) => {
   );
 };
 
-export * from "./Exception";
+export * from './Exception';

package/dist/creek-layout/HeaderContent/UserInfo.d.ts

@@ -1 +0,0 @@
-export declare const UserInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/HeaderContent/UserInfo.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/UserInfo.tsx"],
-  "sourcesContent": ["import { LogoutOutlined } from \"@ant-design/icons\";\nimport { Avatar, Dropdown, DropDownProps, Space } from \"antd\";\nimport { createStyles } from \"antd-style\";\n\nconst useStyles = createStyles(({ token }) => ({\n  avatarContainer: {\n    backgroundColor: token.colorPrimary,\n    width: 24,\n    height: 24,\n  },\n  userInfoDropdownOverlay: {\n    \".ant-dropdown-menu\": {\n      padding: \"8px 0\",\n    },\n    \".ant-dropdown-menu-item\": {\n      \".ant-dropdown-menu-item-icon\": {\n        fontSize: \"18px\",\n        marginRight: \"8px\",\n      },\n    },\n  },\n}));\n\nexport const UserInfo = () => {\n  const { styles } = useStyles();\n\n  const userInfoMenu: DropDownProps[\"menu\"] = {\n    items: [\n      {\n        key: \"logout\",\n        label: (\n          <Space size={8}>\n            <LogoutOutlined />\n            <span>退出登录</span>\n          </Space>\n        ),\n        onClick: () => {},\n      },\n    ],\n  };\n  return (\n    <Dropdown\n      arrow\n      placement=\"bottom\"\n      overlayClassName={styles.userInfoDropdownOverlay}\n      menu={userInfoMenu}\n    >\n      <Space size={4} align=\"center\">\n        <Avatar className={styles.avatarContainer}>C</Avatar>\n        <span>Creek</span>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,kBAAuD;AACvD,wBAA6B;AA6BnB;AA3BV,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,iBAAiB;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzB,gCAAgC;AAAA,QAC9B,UAAU;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,EAAE;AAEK,IAAM,WAAW,MAAM;AAC5B,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,eAAsC;AAAA,IAC1C,OAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,QACL,OACE,6CAAC,qBAAM,MAAM,GACX;AAAA,sDAAC,+BAAe;AAAA,UAChB,4CAAC,UAAK,kBAAI;AAAA,WACZ;AAAA,QAEF,SAAS,MAAM;AAAA,QAAC;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACL,WAAU;AAAA,MACV,kBAAkB,OAAO;AAAA,MACzB,MAAM;AAAA,MAEN,uDAAC,qBAAM,MAAM,GAAG,OAAM,UACpB;AAAA,oDAAC,sBAAO,WAAW,OAAO,iBAAiB,eAAC;AAAA,QAC5C,4CAAC,UAAK,mBAAK;AAAA,SACb;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/creek-layout/HeaderContent/index.d.ts

@@ -1 +0,0 @@
-export declare const HeaderContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/HeaderContent/index.js

@@ -1,49 +0,0 @@
-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/creek-layout/HeaderContent/index.tsx
-var HeaderContent_exports = {};
-__export(HeaderContent_exports, {
-  HeaderContent: () => HeaderContent
-});
-module.exports = __toCommonJS(HeaderContent_exports);
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_FullScreen = require("./FullScreen");
-var import_UserInfo = require("./UserInfo");
-var import_jsx_runtime = require("react/jsx-runtime");
-var useStyles = (0, import_antd_style.createStyles)(({}) => ({
-  dividerContainer: {
-    backgroundColor: "#9b9999"
-  }
-}));
-var HeaderContent = () => {
-  const { styles } = useStyles();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { justify: "space-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { split: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical", className: styles.dividerContainer }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FullScreen.FullScreen, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_UserInfo.UserInfo, {})
-    ] })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HeaderContent
-});
-//# sourceMappingURL=index.js.map

package/dist/creek-layout/HeaderContent/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/creek-layout/HeaderContent/index.tsx"],
-  "sourcesContent": ["import { Divider, Flex, Space } from 'antd';\nimport { createStyles } from 'antd-style';\n\nimport { FullScreen } from './FullScreen';\nimport { UserInfo } from './UserInfo';\n\nconst useStyles = createStyles(({}) => ({\n  dividerContainer: {\n    backgroundColor: '#9b9999',\n  },\n}));\n\nexport const HeaderContent = () => {\n  const { styles } = useStyles();\n  return (\n    <Flex justify=\"space-between\">\n      <span />\n      <Space split={<Divider type=\"vertical\" className={styles.dividerContainer} />}>\n        <FullScreen />\n        <UserInfo />\n      </Space>\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AACrC,wBAA6B;AAE7B,wBAA2B;AAC3B,sBAAyB;AAYnB;AAVN,IAAM,gBAAY,gCAAa,CAAC,CAAC,OAAO;AAAA,EACtC,kBAAkB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AACF,EAAE;AAEK,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,SACE,6CAAC,oBAAK,SAAQ,iBACZ;AAAA,gDAAC,UAAK;AAAA,IACN,6CAAC,qBAAM,OAAO,4CAAC,uBAAQ,MAAK,YAAW,WAAW,OAAO,kBAAkB,GACzE;AAAA,kDAAC,gCAAW;AAAA,MACZ,4CAAC,4BAAS;AAAA,OACZ;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/src/creek-layout/HeaderContent/index.tsx

@@ -1,24 +0,0 @@
-import { Divider, Flex, Space } from 'antd';
-import { createStyles } from 'antd-style';
-
-import { FullScreen } from './FullScreen';
-import { UserInfo } from './UserInfo';
-
-const useStyles = createStyles(({}) => ({
-  dividerContainer: {
-    backgroundColor: '#9b9999',
-  },
-}));
-
-export const HeaderContent = () => {
-  const { styles } = useStyles();
-  return (
-    <Flex justify="space-between">
-      <span />
-      <Space split={<Divider type="vertical" className={styles.dividerContainer} />}>
-        <FullScreen />
-        <UserInfo />
-      </Space>
-    </Flex>
-  );
-};