@creekjs/web-components 1.0.1 → 1.0.3

package/dist/creek-layout/Exception/NotFound.js

@@ -1,13 +1,42 @@
-import { Button, Result } from "antd";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var NotFound = function NotFound() {
-  return /*#__PURE__*/_jsx(Result, {
-    status: "404",
-    title: "404",
-    subTitle: "Sorry, the page you visited does not exist.",
-    extra: /*#__PURE__*/_jsx(Button, {
-      type: "primary",
-      children: "Back Home"
-    })
-  });
-};
+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/Exception/NotFound.tsx
+var NotFound_exports = {};
+__export(NotFound_exports, {
+  NotFound: () => NotFound
+});
+module.exports = __toCommonJS(NotFound_exports);
+var import_antd = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NotFound = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Result,
+    {
+      status: "404",
+      title: "404",
+      subTitle: "Sorry, the page you visited does not exist.",
+      extra: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", children: "Back Home" })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotFound
+});
+//# sourceMappingURL=NotFound.js.map

package/dist/creek-layout/Exception/NotFound.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/Exception/NotFound.tsx"],
+  "sourcesContent": ["import { Button, Result } from \"antd\";\n\nexport const NotFound = () => {\n  return (\n    <Result\n      status=\"404\"\n      title=\"404\"\n      subTitle=\"Sorry, the page you visited does not exist.\"\n      extra={<Button type=\"primary\">Back Home</Button>}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+B;AAQlB;AANN,IAAM,WAAW,MAAM;AAC5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAM;AAAA,MACN,UAAS;AAAA,MACT,OAAO,4CAAC,sBAAO,MAAK,WAAU,uBAAS;AAAA;AAAA,EACzC;AAEJ;",
+  "names": []
+}

package/dist/creek-layout/Exception/NotFoundPage.js

@@ -1,5 +1,30 @@
-import { NotFound } from "./NotFound";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsx(NotFound, {});
-});
+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/Exception/NotFoundPage.tsx
+var NotFoundPage_exports = {};
+__export(NotFoundPage_exports, {
+  default: () => NotFoundPage_default
+});
+module.exports = __toCommonJS(NotFoundPage_exports);
+var import_NotFound = require("./NotFound");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NotFoundPage_default = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NotFound.NotFound, {});
+};
+//# sourceMappingURL=NotFoundPage.js.map

package/dist/creek-layout/Exception/NotFoundPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/Exception/NotFoundPage.tsx"],
+  "sourcesContent": ["import { NotFound } from \"./NotFound\";\nexport default () => {\n  return <NotFound />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AAEhB;AADT,IAAO,uBAAQ,MAAM;AACnB,SAAO,4CAAC,4BAAS;AACnB;",
+  "names": []
+}

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

@@ -1,8 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export * from "./NotFound";
-export var Exception = function Exception(props) {
-  var children = props.children;
-  return /*#__PURE__*/_jsx("div", {
-    children: children
-  });
-};
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-layout/Exception/index.tsx
+var Exception_exports = {};
+__export(Exception_exports, {
+  Exception: () => Exception
+});
+module.exports = __toCommonJS(Exception_exports);
+__reExport(Exception_exports, require("./NotFound"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Exception = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Exception,
+  ...require("./NotFound")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/Exception/index.tsx"],
+  "sourcesContent": ["export * from \"./NotFound\";\n\nexport type ExceptionProps = {\n  children?: React.ReactNode;\n};\n\nexport const Exception = (props: ExceptionProps) => {\n  const { children } = props;\n  return <div>{children}</div>;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,uBAAd;AAQS;AAFF,IAAM,YAAY,CAAC,UAA0B;AAClD,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,4CAAC,SAAK,UAAS;AACxB;",
+  "names": []
+}

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

@@ -1,50 +1,56 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { FullscreenExitOutlined, FullscreenOutlined } from "@ant-design/icons";
-import { useFullscreen, useMemoizedFn } from "ahooks";
-import { Tooltip } from "antd";
-import { create } from "zustand";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export var useFullScreenStore = create(function (set, get) {
+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/FullScreen.tsx
+var FullScreen_exports = {};
+__export(FullScreen_exports, {
+  FullScreen: () => FullScreen,
+  useFullScreenStore: () => useFullScreenStore
+});
+module.exports = __toCommonJS(FullScreen_exports);
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_zustand = require("zustand");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useFullScreenStore = (0, import_zustand.create)((set, get) => {
   return {
     isFullScreen: false,
-    changeFullScreen: function changeFullScreen() {
-      var _isFullScreen = get().isFullScreen;
+    changeFullScreen: () => {
+      const _isFullScreen = get().isFullScreen;
       set({
         isFullScreen: !_isFullScreen
       });
     }
   };
 });
-export var FullScreen = function FullScreen() {
-  var _useFullscreen = useFullscreen(document.body),
-    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
-    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
-  var _useFullScreenStore$g = useFullScreenStore.getState(),
-    isFullScreen = _useFullScreenStore$g.isFullScreen,
-    changeFullScreen = _useFullScreenStore$g.changeFullScreen;
-  var handleFullScreen = useMemoizedFn(function () {
+var FullScreen = () => {
+  const [, { toggleFullscreen }] = (0, import_ahooks.useFullscreen)(document.body);
+  const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();
+  const handleFullScreen = (0, import_ahooks.useMemoizedFn)(() => {
     toggleFullscreen();
     changeFullScreen();
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: isFullScreen ? /*#__PURE__*/_jsx(Tooltip, {
-      title: "\u9000\u51FA\u5168\u5C4F",
-      placement: "top",
-      children: /*#__PURE__*/_jsx(FullscreenExitOutlined, {
-        onClick: handleFullScreen
-      })
-    }) : /*#__PURE__*/_jsx(Tooltip, {
-      title: "\u5168\u5C4F",
-      placement: "top",
-      children: /*#__PURE__*/_jsx(FullscreenOutlined, {
-        onClick: handleFullScreen
-      })
-    })
-  });
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "退出全屏", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, { onClick: handleFullScreen }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "全屏", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, { onClick: handleFullScreen }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FullScreen,
+  useFullScreenStore
+});
+//# sourceMappingURL=FullScreen.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-layout/HeaderContent/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/HeaderContent/UserInfo.js

@@ -1,58 +1,80 @@
-import { LogoutOutlined } from "@ant-design/icons";
-import { Avatar, Dropdown, Space } from "antd";
-import { createStyles } from "antd-style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var token = _ref.token;
-  return {
-    avatarContainer: {
-      backgroundColor: token.colorPrimary,
-      width: 24,
-      height: 24
+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/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");
+var useStyles = (0, import_antd_style.createStyles)(({ token }) => ({
+  avatarContainer: {
+    backgroundColor: token.colorPrimary,
+    width: 24,
+    height: 24
+  },
+  userInfoDropdownOverlay: {
+    ".ant-dropdown-menu": {
+      padding: "8px 0"
     },
-    userInfoDropdownOverlay: {
-      ".ant-dropdown-menu": {
-        padding: "8px 0"
-      },
-      ".ant-dropdown-menu-item": {
-        ".ant-dropdown-menu-item-icon": {
-          fontSize: "18px",
-          marginRight: "8px"
-        }
+    ".ant-dropdown-menu-item": {
+      ".ant-dropdown-menu-item-icon": {
+        fontSize: "18px",
+        marginRight: "8px"
       }
     }
+  }
+}));
+var UserInfo = () => {
+  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" })
+      ] })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserInfo
 });
-export var UserInfo = function UserInfo() {
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  var userInfoMenu = {
-    items: [{
-      key: "logout",
-      label: /*#__PURE__*/_jsxs(Space, {
-        size: 8,
-        children: [/*#__PURE__*/_jsx(LogoutOutlined, {}), /*#__PURE__*/_jsx("span", {
-          children: "\u9000\u51FA\u767B\u5F55"
-        })]
-      }),
-      onClick: function onClick() {}
-    }]
-  };
-  return /*#__PURE__*/_jsx(Dropdown, {
-    arrow: true,
-    placement: "bottom",
-    overlayClassName: styles.userInfoDropdownOverlay,
-    menu: userInfoMenu,
-    children: /*#__PURE__*/_jsxs(Space, {
-      size: 4,
-      align: "center",
-      children: [/*#__PURE__*/_jsx(Avatar, {
-        className: styles.avatarContainer,
-        children: "C"
-      }), /*#__PURE__*/_jsx("span", {
-        children: "Creek"
-      })]
-    })
-  });
-};
+//# sourceMappingURL=UserInfo.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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.js

@@ -1,33 +1,49 @@
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-import { Divider, Flex, Space } from 'antd';
-import { createStyles } from 'antd-style';
-import { FullScreen } from "./FullScreen";
-import { UserInfo } from "./UserInfo";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  _objectDestructuringEmpty(_ref);
-  return {
-    headerContentContainer: {
-      color: '#fff'
-    },
-    dividerContainer: {
-      backgroundColor: '#9b9999'
-    }
-  };
+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
 });
-export var HeaderContent = function HeaderContent() {
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flex, {
-    justify: "space-between",
-    className: styles.headerContentContainer,
-    children: [/*#__PURE__*/_jsx("span", {}), /*#__PURE__*/_jsxs(Space, {
-      split: /*#__PURE__*/_jsx(Divider, {
-        type: "vertical",
-        className: styles.dividerContainer
-      }),
-      children: [/*#__PURE__*/_jsx(FullScreen, {}), /*#__PURE__*/_jsx(UserInfo, {})]
-    })]
-  });
-};
+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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}