@vef-framework/components 1.0.122 → 1.0.123

package/esm/vef-layout/components/header-content.js

@@ -0,0 +1,20 @@
+"use strict";
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isArray } from '@vef-framework/shared';
+import VefBreadcrumb from '../../vef-breadcrumb/index.js';
+import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
+
+"use strict";
+function VefHeaderContent() {
+  const [breadcrumbItems, onBreadcrumbClick] = useLayoutContextSelector((ctx) => [ctx.breadcrumbItems, ctx.onBreadcrumbClick]);
+  return /* @__PURE__ */ jsx("div", { children: isArray(breadcrumbItems) && breadcrumbItems.length > 0 && /* @__PURE__ */ jsx(
+    VefBreadcrumb,
+    {
+      items: breadcrumbItems,
+      onClick: onBreadcrumbClick
+    }
+  ) });
+}
+VefHeaderContent.displayName = "VefHeaderContent";
+
+export { VefHeaderContent as default };

package/esm/vef-layout/components/header.js

@@ -0,0 +1,76 @@
+"use strict";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables, styles } from '@vef-framework/shared';
+import { Layout } from 'antd';
+import { memo } from 'react';
+import VefButton from '../../vef-button/index.js';
+import VefIcon from '../../vef-icon/index.js';
+import VefPopover from '../../vef-popover/index.js';
+import { useLayoutStore } from '../store.js';
+import VefHeaderActionIcons from './header-action-icons.js';
+import VefHeaderContent from './header-content.js';
+import VefIconMenuFoldLeft from './icon-menu-fold-left.js';
+import VefIconMenuUnfoldLeft from './icon-menu-unfold-left.js';
+import VefMenuGroups from './menu-groups.js';
+
+"use strict";
+const { Header } = Layout;
+const headerStyle = css`
+  --vef-layout-header-height: 60px;
+  --vef-layout-header-padding: 0 ${themeVariables.paddingSm};
+
+  line-height: unset;
+  background-color: ${themeVariables.colorBgContainer};
+  border-bottom: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
+  display: grid;
+  grid-template-columns: max-content minmax(min-content, 1fr) max-content;
+  align-items: center;
+  column-gap: ${themeVariables.margin};
+`;
+function IconApps(props) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, children: [
+    /* @__PURE__ */ jsx("rect", { height: 6.5, rx: 2, width: 6.5, x: 3.75, y: 3.75 }),
+    /* @__PURE__ */ jsx("path", { d: "M15.586 3.818a2 2 0 0 1 2.828 0l1.768 1.768a2 2 0 0 1 0 2.828l-1.768 1.768a2 2 0 0 1-2.828 0l-1.768-1.768a2 2 0 0 1 0-2.828z" }),
+    /* @__PURE__ */ jsx("rect", { height: 6.5, rx: 1.5, width: 6.5, x: 3.75, y: 13.75 }),
+    /* @__PURE__ */ jsx("rect", { height: 6.5, rx: 2, width: 6.5, x: 13.75, y: 13.75 })
+  ] }) });
+}
+function VefHeaderBase() {
+  const [siderCollapsed, setSiderCollapsed] = useLayoutStore((state) => [state.siderCollapsed, state.setSiderCollapsed]);
+  return /* @__PURE__ */ jsxs(Header, { css: headerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { css: styles.flexCenter, children: [
+      /* @__PURE__ */ jsx(
+        VefButton,
+        {
+          color: "default",
+          variant: "text",
+          icon: /* @__PURE__ */ jsx(VefIcon, { size: "huge", children: siderCollapsed ? /* @__PURE__ */ jsx(VefIconMenuUnfoldLeft, {}) : /* @__PURE__ */ jsx(VefIconMenuFoldLeft, {}) }),
+          onClick: () => setSiderCollapsed(!siderCollapsed)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        VefPopover,
+        {
+          content: /* @__PURE__ */ jsx(VefMenuGroups, {}),
+          placement: "bottomRight",
+          trigger: "click",
+          children: /* @__PURE__ */ jsx(
+            VefButton,
+            {
+              color: "default",
+              variant: "text",
+              icon: /* @__PURE__ */ jsx(VefIcon, { size: "huge", children: /* @__PURE__ */ jsx(IconApps, {}) })
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(VefHeaderContent, {}),
+    /* @__PURE__ */ jsx(VefHeaderActionIcons, {})
+  ] });
+}
+const VefHeader = memo(VefHeaderBase);
+VefHeader.displayName = "VefHeader";
+
+export { VefHeader as default };

package/esm/vef-layout/components/icon-boy.js

@@ -0,0 +1,70 @@
+"use strict";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { memo } from 'react';
+
+"use strict";
+function SvgIconBoy(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "icon-boy_svg__icon",
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M512.002 0C229.382 0 .237 229.145.237 511.765.237 685.839 87.185 839.597 220 932.046c25.884-90.133 91.287-158.031 180.288-189.033a306 306 0 0 1 11.245-3.682c.6-.183 1.19-.383 1.795-.562a325 325 0 0 1 27.058-6.868c.933-.196 1.874-.37 2.807-.558a345 345 0 0 1 14.722-2.62 351 351 0 0 1 10.429-1.453c1.254-.158 2.499-.33 3.757-.47a355 355 0 0 1 14.168-1.359h51.705c4.757.354 9.454.82 14.123 1.35 1.32.154 2.628.333 3.94.5a345 345 0 0 1 14.393 2.099c3.415.574 6.806 1.2 10.167 1.87 1.149.229 2.315.441 3.456.683a328 328 0 0 1 26.446 6.709c1.067.317 2.116.662 3.178.991 3.224 1 6.426 2.045 9.592 3.14 89.284 30.882 154.903 98.838 180.9 189.147 132.722-92.466 219.603-246.166 219.603-420.174C1023.763 229.14 794.622 0 512.002 0m0 725.32c-130.373 0-236.491-103.56-240.743-232.896-.146-.092-.292-.167-.438-.259-4.993-93.353 43.813-165.065 105.598-206.971.358-.246.703-.5 1.062-.741 2.357-1.583 4.747-3.082 7.138-4.578.937-.587 1.853-1.199 2.799-1.77 38.04-23.106 79.896-35.18 116.717-34.48 2.62-.087 5.23-.2 7.871-.2 2.507 0 4.977.113 7.468.188 28.237-.487 59.406 6.534 89.563 20.212a241 241 0 0 1 61.725 39.377c50.227 43.089 86.59 107.847 82.188 188.963l-.2.117c-4.186 129.399-110.329 233.039-240.748 233.039",
+            fill: "#A0D9F6"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M376.414 285.194c.354-.242.704-.504 1.062-.741-.358.241-.703.5-1.062.74m143.051-41.581c-2.49-.075-4.96-.187-7.467-.187-2.64 0-5.252.112-7.871.2 2.523.05 5.043.104 7.517.27a156 156 0 0 1 7.821-.283M472.28 386.726c-46.308 81.238-124.764 153.205-201.025 105.698 4.253 129.336 110.37 232.897 240.744 232.897 130.42 0 236.566-103.64 240.748-233.039-63.725 39.66-230.815-17.875-280.467-105.556m-87.664-106.85c.937-.584 1.857-1.2 2.799-1.77-.95.574-1.862 1.186-2.8 1.77m224.413-16.051a260.3 260.3 0 0 1 61.726 39.377 241.1 241.1 0 0 0-61.726-39.377",
+            fill: "#FCE9EA"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M610.498 738.656c1.067.317 2.116.662 3.178.991-1.062-.329-2.111-.674-3.178-.99m-170.117-6.755c.933-.196 1.874-.37 2.807-.558-.937.187-1.878.362-2.807.558m-28.854 7.43c.6-.183 1.192-.383 1.795-.562-.603.179-1.195.379-1.795.562m211.736 3.457q1.097.382 2.183.77a119.4 119.4 0 0 1-10.458 22.11c17.142 26.397 12.84 141.49-12.919 123.398l-45.096-31.756-44.98-31.64 2.958-2.078c-.983.025-1.966.075-2.957.075-1.033 0-2.053-.054-3.078-.079l2.961 2.082-44.98 31.64-45.095 31.756c-25.9 18.125-30.19-97.405-12.878-123.535a119.3 119.3 0 0 1-10.357-21.915c.57-.204 1.137-.408 1.711-.603-89 30.998-154.404 98.9-180.287 189.033 82.82 57.653 183.457 91.483 292.003 91.483 108.616 0 209.316-33.876 292.161-91.59-25.984-90.31-91.603-158.27-180.892-189.151m-42.667-11.524c1.149.229 2.315.441 3.456.683-1.14-.242-2.303-.458-3.456-.683m-112.257-3.99c1.253-.154 2.499-.33 3.756-.47-1.257.14-2.503.312-3.756.47m83.753-.483c1.32.15 2.628.333 3.94.5-1.312-.163-2.616-.342-3.94-.5",
+            fill: "#CFE07D"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M408.929 765.527c3.44-5.19 7.73-6.872 12.877-3.252l45.096 31.756 42.018 29.557c1.029.025 2.045.08 3.078.08.991 0 1.974-.05 2.957-.076l42.022-29.561 45.096-31.756c5.173-3.653 9.475-1.912 12.92 3.39a119.3 119.3 0 0 0 10.457-22.111l-2.182-.77a307 307 0 0 0-9.592-3.14c-1.062-.33-2.111-.675-3.178-.992a327 327 0 0 0-26.446-6.71c-1.14-.24-2.307-.453-3.456-.682a332 332 0 0 0-24.56-3.97c-1.312-.166-2.62-.35-3.94-.5a368 368 0 0 0-14.123-1.349h-51.705A355 355 0 0 0 472.1 726.8c-1.258.142-2.503.317-3.757.47a338 338 0 0 0-25.15 4.074c-.938.187-1.88.362-2.808.558a329 329 0 0 0-27.058 6.868c-.604.179-1.196.379-1.795.562a298 298 0 0 0-12.957 4.285 119.4 119.4 0 0 0 10.354 21.911",
+            fill: "#FEFEFE"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m602.073 762.275-45.096 31.756-42.022 29.561-2.957 2.078 44.98 31.64 45.095 31.756c25.76 18.092 30.061-97.001 12.92-123.397-3.44-5.306-7.743-7.047-12.92-3.394m-180.267 0c-5.148-3.62-9.437-1.937-12.877 3.252-17.313 26.13-13.024 141.66 12.877 123.535l45.096-31.756 44.98-31.64-2.962-2.082-42.018-29.557z",
+            fill: "#7EA701"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M472.279 386.726c49.652 87.68 216.742 145.217 280.467 105.556l.2-.117c4.402-81.116-31.965-145.874-82.188-188.963a260.5 260.5 0 0 0-61.726-39.377c-30.156-13.678-61.326-20.7-89.563-20.212-2.627.046-5.247.108-7.82.283 8.337 29.52-8.268 88.264-39.37 142.83",
+            fill: "#F7B970"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M472.279 386.726c31.102-54.57 47.711-113.31 39.37-142.83a149 149 0 0 0-7.518-.27c-36.82-.7-78.677 11.373-116.717 34.48-.942.57-1.862 1.186-2.8 1.77-2.39 1.495-4.78 2.994-7.138 4.577-.358.241-.703.5-1.062.74-61.784 41.907-110.59 113.62-105.597 206.972.146.092.292.167.437.259 76.261 47.507 154.717-24.46 201.025-105.698",
+            fill: "#FBCE77"
+          }
+        )
+      ]
+    }
+  );
+}
+const Memo = memo(SvgIconBoy);
+
+export { Memo as default };

package/esm/vef-layout/components/icon-girl.js

@@ -0,0 +1,77 @@
+"use strict";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { memo } from 'react';
+
+"use strict";
+function SvgIconGirl(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "icon-girl_svg__icon",
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M512.173.117C229.338.117.237 229.337.237 512.052c0 174.128 86.931 327.934 219.773 420.418v-.004l-.004-.004.091-.3a293 293 0 0 1 10.949-31.267l.191-.471a276 276 0 0 1 3.633-8.245 275 275 0 0 1 5.058-10.544c.633-1.25 1.292-2.488 1.941-3.725a266 266 0 0 1 3.708-6.895c.717-1.279 1.48-2.52 2.217-3.787a280 280 0 0 1 6.595-10.736c1.133-1.758 2.258-3.525 3.433-5.25 1.108-1.637 2.258-3.232 3.395-4.84a285 285 0 0 1 7.282-9.808c.83-1.058 1.65-2.12 2.492-3.17l.266-341.449h.067c-.075-2.437-.183-4.861-.183-7.32 0-.437.029-.866.033-1.303C268.366 329.6 412.07 236.82 512.227 243.623c102.15-6.928 249.827 89.43 241.324 248.352l-.234.13.263 341.527c.646.809 1.287 1.63 1.925 2.446a266 266 0 0 1 4.078 5.34c1.104 1.476 2.18 2.98 3.254 4.48 1.296 1.808 2.587 3.612 3.837 5.457 1.117 1.646 2.183 3.329 3.27 5.004a278 278 0 0 1 5.612 9.049c1.163 1.958 2.333 3.903 3.446 5.89.987 1.763 1.929 3.558 2.879 5.341a294 294 0 0 1 3.028 5.812 290 290 0 0 1 5.6 11.836c.72 1.608 1.45 3.208 2.137 4.833a285 285 0 0 1 3.941 9.803c.237.62.496 1.229.733 1.85 1.5 4.02 2.9 8.099 4.237 12.219.334 1.029.638 2.07.958 3.104.65 2.083 1.325 4.145 1.934 6.253a1 1 0 0 1-.084.054v.004c132.8-92.488 219.735-246.264 219.735-420.35.004-282.72-229.213-511.94-511.927-511.94",
+            fill: "#F4B3B3"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M276.207 827.129a278 278 0 0 1 8.065-9.061c.23-.25.471-.48.7-.725a278 278 0 0 1 8.074-8.22c.838-.812 1.696-1.612 2.542-2.416a265 265 0 0 1 9.54-8.687c.404-.35.796-.708 1.204-1.058v.054c23.551-20.185 50.69-36.629 80.79-48.69a313 313 0 0 1 24.222-8.557c.717-.22 1.425-.45 2.146-.666a327 327 0 0 1 26.884-6.833c.995-.212 2.004-.396 3.008-.596a344 344 0 0 1 14.64-2.608 356 356 0 0 1 10.323-1.437c1.27-.158 2.533-.337 3.816-.483a362 362 0 0 1 14.148-1.354h26.035v-.117l-.175.004c-130.663 0-236.962-103.987-240.845-233.712h-.067l-.266 341.449c.737-.917 1.5-1.813 2.25-2.717.987-1.183 1.962-2.391 2.966-3.57",
+            fill: "#FECF77"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m512.173 725.688.175-.005c130.48-.091 236.624-103.878 240.661-233.4-64.013 39.254-230.504-18.197-280.19-105.62-46.423 81.357-125.063 153.36-201.437 105.317-.158-2.913-.15-5.754-.204-8.624 0 .433-.033.866-.033 1.304 0 2.454.112 4.882.183 7.32 3.879 129.72 110.182 233.708 240.845 233.708",
+            fill: "#FCE9EA"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M472.815 386.664c49.686 87.422 216.177 144.869 280.19 105.62-4.037 129.525-110.178 233.308-240.661 233.4v.116h25.688c4.754.354 9.453.82 14.123 1.35 1.33.154 2.646.337 3.967.5 3.387.429 6.753.891 10.094 1.408a336 336 0 0 1 14.382 2.55c1.191.237 2.387.454 3.57.708a326 326 0 0 1 26.342 6.682c1.155.346 2.292.721 3.438 1.08a313 313 0 0 1 13.315 4.461 314 314 0 0 1 8.76 3.32c30.026 11.874 57.127 28.08 80.687 48.007v-.07c.541.454 1.054.937 1.591 1.395a292 292 0 0 1 4.683 4.112 289 289 0 0 1 4.403 4.066c1.546 1.45 3.092 2.887 4.6 4.37 1.441 1.417 2.837 2.871 4.245 4.32a272 272 0 0 1 7.712 8.254c1.295 1.441 2.6 2.866 3.862 4.337 1.45 1.687 2.853 3.416 4.262 5.14.5.613 1.02 1.217 1.52 1.838l-.262-341.528.233-.129c8.503-158.921-139.174-255.28-241.324-248.352h.059c8.349 29.563-8.303 88.41-39.479 143.045",
+            fill: "#FCBA6F"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M790.513 894.287c.72 1.608 1.445 3.208 2.137 4.833-.687-1.625-1.416-3.225-2.137-4.833m-27.672-48.39c1.296 1.809 2.587 3.613 3.837 5.458-1.245-1.845-2.541-3.65-3.837-5.458m16.165 25.401c.987 1.763 1.929 3.558 2.879 5.341-.95-1.787-1.888-3.578-2.88-5.34m17.585 37.625c.238.62.496 1.229.733 1.85-.237-.621-.495-1.23-.733-1.85m-79.881-113.06c-23.56-19.928-50.66-36.138-80.686-48.007l.737.287V882.16H385.46V748.989c.55-.225 1.112-.438 1.666-.658-30.104 12.06-57.238 28.504-80.79 48.69v183.818a512 512 0 0 1-86.322-48.37v.005c82.844 57.672 183.527 91.518 292.159 91.518 81.456 0 158.447-19.06 226.817-52.91a509 509 0 0 1-22.28 10.294zm-458.888 55.38c1.108-1.638 2.258-3.233 3.395-4.841-1.137 1.608-2.287 3.207-3.395 4.84m481.376 119.73a511.4 511.4 0 0 0 65.176-38.57v-.004a512 512 0 0 1-65.176 38.574m62.36-47.981c.333 1.029.637 2.07.957 3.104-.316-1.034-.62-2.075-.958-3.104m-559.684-45.078c1.216-2.316 2.433-4.624 3.708-6.895-1.28 2.267-2.492 4.579-3.708 6.895m43.098-60.567c-.229.246-.47.475-.7.725.23-.25.471-.483.7-.725m8.074-8.22c.838-.812 1.696-1.612 2.542-2.416-.846.804-1.704 1.604-2.542 2.416m-16.84 18.002c-1.003 1.179-1.978 2.387-2.961 3.579.983-1.192 1.958-2.4 2.962-3.579m164.172-94.85c.995-.213 2.004-.396 3.008-.596-1 .2-2.013.383-3.008.595m27.967-4.642c1.27-.158 2.533-.337 3.816-.483-1.283.146-2.545.325-3.816.483m-56.997 12.136c.717-.22 1.425-.45 2.146-.666-.721.216-1.43.45-2.146.666m316.04 65.596c1.54 1.45 3.09 2.887 4.599 4.37-1.508-1.483-3.054-2.924-4.6-4.37M610.514 739c1.154.345 2.295.72 3.437 1.078-1.146-.358-2.283-.733-3.437-1.079m-58.36-11.849c1.33.154 2.646.337 3.967.5-1.321-.163-2.633-.346-3.967-.5m28.443 4.458c1.191.237 2.387.454 3.57.708-1.179-.25-2.379-.47-3.57-.708M752.063 831.79c-1.412-1.725-2.816-3.454-4.261-5.141 1.445 1.687 2.85 3.416 4.261 5.14",
+            fill: "#A0D9F6"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M623.226 743.106a322 322 0 0 0-9.274-3.033c-1.142-.358-2.283-.733-3.437-1.079a330 330 0 0 0-26.343-6.682c-1.183-.254-2.379-.471-3.57-.708a323 323 0 0 0-14.382-2.55 372 372 0 0 0-10.094-1.408c-1.321-.163-2.637-.346-3.966-.5a369 369 0 0 0-14.124-1.35h-51.722a362 362 0 0 0-14.149 1.354c-1.279.146-2.54.325-3.816.483a356 356 0 0 0-14.373 2.092q-5.336.899-10.59 1.954c-1 .2-2.008.383-3.008.595a327 327 0 0 0-26.884 6.833c-.721.216-1.43.446-2.146.666a322 322 0 0 0-13.548 4.508 313 313 0 0 0-10.674 4.05c-.554.22-1.116.433-1.666.658v133.17H636.76V748.144l-.737-.287a322 322 0 0 0-12.798-4.75M512.052 849.093a15.231 15.231 0 1 1-.004-30.467 15.231 15.231 0 0 1 .004 30.467m0-55.151a15.236 15.236 0 1 1 0-30.476 15.236 15.236 0 0 1 0 30.476m-205.72 3.078v-.054c-.408.35-.8.708-1.204 1.058a272 272 0 0 0-9.54 8.687c-.846.804-1.704 1.604-2.542 2.416a278 278 0 0 0-8.074 8.22c-.229.246-.47.475-.7.725a278 278 0 0 0-8.065 9.061c-1.004 1.18-1.98 2.387-2.962 3.579-.75.908-1.513 1.804-2.25 2.716-.842 1.05-1.662 2.112-2.491 3.17a285 285 0 0 0-7.283 9.808c-1.141 1.608-2.291 3.208-3.395 4.84-1.175 1.726-2.296 3.492-3.433 5.25a278 278 0 0 0-6.595 10.736c-.737 1.267-1.496 2.512-2.216 3.787-1.275 2.27-2.492 4.583-3.708 6.895-.65 1.238-1.304 2.475-1.942 3.725a280 280 0 0 0-3.595 7.37c-.496 1.054-.975 2.112-1.462 3.174a287 287 0 0 0-3.633 8.245l-.192.47a292 292 0 0 0-10.949 31.268c-.029.1-.066.2-.091.3l.004.004a512 512 0 0 0 86.322 48.369V797.02zm498.12 135.33c-.608-2.109-1.282-4.171-1.932-6.254-.321-1.034-.625-2.075-.959-3.104a289 289 0 0 0-4.237-12.22c-.237-.62-.495-1.228-.733-1.85a297 297 0 0 0-3.941-9.802c-.692-1.629-1.416-3.225-2.137-4.833a265 265 0 0 0-8.628-17.648c-.954-1.787-1.892-3.578-2.88-5.34-1.116-1.992-2.282-3.933-3.444-5.891a278 278 0 0 0-5.612-9.05c-1.088-1.674-2.158-3.361-3.27-5.003a262 262 0 0 0-3.838-5.458 254 254 0 0 0-7.332-9.82 276 276 0 0 0-1.925-2.445c-.5-.62-1.02-1.224-1.52-1.837-1.413-1.725-2.817-3.454-4.262-5.14-1.263-1.472-2.567-2.896-3.863-4.338a268 268 0 0 0-7.711-8.253c-1.408-1.45-2.804-2.904-4.245-4.32-1.504-1.48-3.054-2.92-4.6-4.37a314 314 0 0 0-4.403-4.067 292 292 0 0 0-4.683-4.112c-.538-.458-1.05-.941-1.592-1.395v185.576a509 509 0 0 0 22.49-10.394 512.5 512.5 0 0 0 65.174-38.575z",
+            fill: "#FEFEFE"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M496.81600000000003 778.71a15.236 15.236 0 1 0 30.472 0 15.236 15.236 0 1 0-30.472 0M496.821 833.857a15.231 15.231 0 1 0 30.462 0 15.231 15.231 0 1 0-30.462 0",
+            fill: "#A0D9F6"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M271.378 491.975c76.374 48.044 155.014-23.959 201.437-105.315 31.171-54.631 47.823-113.478 39.475-143.037h-.059c-100.162-6.799-243.865 85.981-241.053 239.729.05 2.87.046 5.715.2 8.623",
+            fill: "#FECF77"
+          }
+        )
+      ]
+    }
+  );
+}
+const Memo = memo(SvgIconGirl);
+
+export { Memo as default };

package/esm/vef-layout/components/icon-menu-fold-left.js

@@ -0,0 +1,24 @@
+"use strict";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+"use strict";
+function VefIconMenuFoldLeft(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      focusable: false,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+        /* @__PURE__ */ jsx("path", { d: "M19 5h-14", strokeDasharray: 16, strokeDashoffset: 16, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.2s", fill: "freeze", values: "16;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M19 12h-9", strokeDasharray: 10, strokeDashoffset: 10, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.2s", dur: "0.2s", fill: "freeze", values: "10;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M19 19h-14", strokeDasharray: 16, strokeDashoffset: 16, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.4s", dur: "0.2s", fill: "freeze", values: "16;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M7 9l-3 3l3 3", strokeDasharray: 10, strokeDashoffset: 10, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "10;0" }) })
+      ] })
+    }
+  );
+}
+
+export { VefIconMenuFoldLeft as default };

package/esm/vef-layout/components/icon-menu-unfold-left.js

@@ -0,0 +1,24 @@
+"use strict";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+"use strict";
+function VefIconMenuUnfoldLeft(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      focusable: false,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+        /* @__PURE__ */ jsx("path", { d: "M21 9l-3 3l3 3", strokeDasharray: 10, strokeDashoffset: 10, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.2s", fill: "freeze", values: "10;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M19 5h-14", strokeDasharray: 16, strokeDashoffset: 16, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.2s", dur: "0.2s", fill: "freeze", values: "16;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M14 12h-9", strokeDasharray: 10, strokeDashoffset: 10, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.4s", dur: "0.2s", fill: "freeze", values: "10;0" }) }),
+        /* @__PURE__ */ jsx("path", { d: "M19 19h-14", strokeDasharray: 16, strokeDashoffset: 16, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "16;0" }) })
+      ] })
+    }
+  );
+}
+
+export { VefIconMenuUnfoldLeft as default };

package/esm/vef-layout/components/menu-groups.js

@@ -0,0 +1,141 @@
+"use strict";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useThemeTokens } from '@vef-framework/hooks';
+import { themeVariables, styles } from '@vef-framework/shared';
+import VefText from '../../vef-text/index.js';
+
+"use strict";
+const containerStyle = css`
+  display: grid;
+  grid-template-columns: 320px 320px;
+`;
+const itemStyle = css`
+  display: flex;
+  align-items: center;
+  gap: ${themeVariables.padding};
+  padding: ${themeVariables.padding};
+  border-radius: ${themeVariables.borderRadiusLg};
+  cursor: pointer;
+  user-select: none;
+  transition: background-color ${themeVariables.motionDurationMid} ${themeVariables.motionEaseInOut};
+  
+  &:hover {
+    background-color: ${themeVariables.colorFillContent};
+  }
+`;
+const iconStyle = css`
+  flex: none;
+  ${styles.flexCenter}
+`;
+const metaStyle = css`
+  flex: auto;
+  display: flex;
+  flex-direction: column;
+  gap: ${themeVariables.paddingXxs};
+  color: ${themeVariables.colorText};
+  min-width: 0;
+
+  > span:last-of-type {
+    color: ${themeVariables.colorTextSecondary};
+    font-size: ${themeVariables.fontSizeSm};
+  }
+`;
+function IconSystem() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1234" }),
+        /* @__PURE__ */ jsx("path", { d: "M757.333333 364.8L725.333333 394.666667c-32 32-85.333333 32-117.333333 0s-32-85.333333 0-119.466667l29.866667-29.866667c17.066667-17.066667 6.4-36.266667-25.6-32-32 4.266667-61.866667 19.2-85.333334 42.666667-36.266667 36.266667-51.2 89.6-40.533333 140.8l-256 258.133333c-32 32-32 85.333333 0 119.466667 32 32 85.333333 32 117.333333 0l256-258.133333c83.2 17.066667 164.266667-34.133333 181.333334-117.333334 0-2.133333 2.133333-6.4 2.133333-8.533333 6.4-32-12.8-42.666667-29.866667-25.6z m-448 369.066667c-10.666667 10.666667-27.733333 10.666667-38.4 0s-10.666667-27.733333 0-40.533334c10.666667-10.666667 29.866667-10.666667 38.4 2.133334 10.666667 10.666667 10.666667 27.733333 0 38.4z m-27.733333-364.8l96 96 38.4-40.533334-96-96-21.333333-40.533333-68.266667-49.066667L192 279.466667l49.066667 68.266666 40.533333 21.333334zM605.866667 576c-6.4-6.4-14.933333-6.4-19.2 0l-59.733334 59.733333c-6.4 6.4-6.4 14.933333 0 19.2l138.666667 140.8c21.333333 21.333333 57.6 21.333333 78.933333 0s21.333333-57.6 0-78.933333c0-2.133333-138.666667-140.8-138.666666-140.8z", fill: "#FFFFFF", "p-id": "1235" })
+      ]
+    }
+  );
+}
+function IconMainData() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#9F53E6", "p-id": "1388" }),
+        /* @__PURE__ */ jsx("path", { d: "M567.466667 780.8c-4.266667 0-8.533333-2.133333-12.8-6.4l-102.4-162.133333-204.8-14.933334c-6.4 0-10.666667-6.4-12.8-12.8-2.133333-6.4 0-12.8 6.4-17.066666l452.266666-285.866667c4.266667-2.133333 8.533333-4.266667 12.8-2.133333 8.533333 2.133333 10.666667 10.666667 10.666667 17.066666l-132.266667 469.333334c-2.133333 6.4-6.4 10.666667-12.8 12.8-2.133333 2.133333-2.133333 2.133333-4.266666 2.133333z", fill: "#FFFFFF", "p-id": "1389" })
+      ]
+    }
+  );
+}
+function IconProcess() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#0EB4F6", "p-id": "1696" }),
+        /* @__PURE__ */ jsx("path", { d: "M785.066667 627.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2H682.666667c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933333-36.266667 8.533333-8.533333 21.333333-14.933333 36.266667-14.933333 4.266667 0 8.533333-4.266667 8.533333-8.533333v-40.533334c0-8.533333-8.533333-17.066667-17.066667-17.066666h-136.533333c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333 27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-27.733333 23.466667-51.2 51.2-51.2 4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-136.533333c-8.533333 0-17.066667 8.533333-17.066667 17.066666v40.533334c0 2.133333 0 4.266667 2.133333 6.4s4.266667 2.133333 6.4 2.133333c27.733333 0 51.2 23.466667 51.2 51.2v70.4c0 27.733333-23.466667 51.2-51.2 51.2h-51.2c-27.733333 0-51.2-23.466667-51.2-51.2v-70.4c0-14.933333 6.4-27.733333 14.933334-36.266667 8.533333-8.533333 21.333333-14.933333 36.266666-14.933333 4.266667 0 8.533333-4.266667 8.533334-8.533333v-40.533334c0-27.733333 23.466667-51.2 51.2-51.2h136.533333c4.266667 0 8.533333-4.266667 8.533333-8.533333v-51.2c0-4.266667-4.266667-8.533333-8.533333-8.533333h-25.6c-27.733333 0-51.2-23.466667-51.2-51.2v-102.4c0-27.733333 23.466667-51.2 51.2-51.2h102.4c27.733333 0 51.2 23.466667 51.2 51.2v102.4c0 27.733333-23.466667 51.2-51.2 51.2h-25.6c-4.266667 0-8.533333 4.266667-8.533333 8.533333v51.2c0 4.266667 4.266667 8.533333 8.533333 8.533333h136.533333c27.733333 0 51.2 23.466667 51.2 51.2v40.533334c0 4.266667 4.266667 8.533333 8.533334 8.533333 29.866667 0 51.2 23.466667 51.2 51.2z", fill: "#FFFFFF", "p-id": "1697" })
+      ]
+    }
+  );
+}
+function IconBusiness() {
+  const { controlHeightLG } = useThemeTokens();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: controlHeightLG,
+      viewBox: "0 0 1024 1024",
+      width: controlHeightLG,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M768 1024H256C115.2 1024 0 908.8 0 768V256C0 115.2 115.2 0 256 0h512c140.8 0 256 115.2 256 256v512c0 140.8-115.2 256-256 256z", fill: "#10C7C1", "p-id": "1850" }),
+        /* @__PURE__ */ jsx("path", { d: "M708.266667 258.133333H300.8c-17.066667 0-34.133333 14.933333-34.133333 32v441.6c0 19.2 14.933333 32 34.133333 32h407.466667c19.2 0 34.133333-14.933333 34.133333-32V290.133333c2.133333-17.066667-14.933333-32-34.133333-32zM377.6 512c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m0-115.2c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666 25.6 10.666667 25.6 23.466666c0 12.8-12.8 23.466667-25.6 23.466667z m256 115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z m0-115.2h-170.666667c-12.8 0-25.6-10.666667-25.6-23.466667s12.8-23.466667 25.6-23.466666h170.666667c12.8 0 25.6 10.666667 25.6 23.466666-2.133333 12.8-12.8 23.466667-25.6 23.466667z", fill: "#FFFFFF", "p-id": "1851" })
+      ]
+    }
+  );
+}
+function VefMenuGroups() {
+  return /* @__PURE__ */ jsxs("div", { css: containerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconSystem, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "系统管理" }),
+        /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "系统全局相关配置" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconMainData, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "主数据管理" }),
+        /* @__PURE__ */ jsx(VefText, { ellipsis: true, color: "secondary", children: "医院、科室、医生、患者等主数据管理" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconProcess, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "流程管理" }),
+        /* @__PURE__ */ jsx(VefText, { children: "系统整体涉及的所有流程管理" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
+      /* @__PURE__ */ jsx("span", { css: iconStyle, children: /* @__PURE__ */ jsx(IconBusiness, {}) }),
+      /* @__PURE__ */ jsxs("div", { css: metaStyle, children: [
+        /* @__PURE__ */ jsx(VefText, { children: "业务管理" }),
+        /* @__PURE__ */ jsx(VefText, { color: "secondary", children: "医疗业务相关管理" })
+      ] })
+    ] })
+  ] });
+}
+
+export { VefMenuGroups as default };

package/esm/vef-layout/components/message.js

@@ -0,0 +1,12 @@
+"use strict";
+import { jsx } from '@emotion/react/jsx-runtime';
+import { BellIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+import { iconStyle } from '../common-styles.js';
+
+"use strict";
+function VefMessage() {
+  return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(BellIcon, {}) }) });
+}
+
+export { VefMessage as default };

package/esm/vef-layout/components/search.js

@@ -0,0 +1,12 @@
+"use strict";
+import { jsx } from '@emotion/react/jsx-runtime';
+import { SearchIcon } from 'lucide-react';
+import VefIcon from '../../vef-icon/index.js';
+import { iconStyle } from '../common-styles.js';
+
+"use strict";
+function VefSearch() {
+  return /* @__PURE__ */ jsx("div", { css: iconStyle, children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(SearchIcon, {}) }) });
+}
+
+export { VefSearch as default };

package/esm/vef-layout/components/sider.js

@@ -0,0 +1,99 @@
+"use strict";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables } from '@vef-framework/shared';
+import { Layout } from 'antd';
+import { memo } from 'react';
+import VefMenu from '../../vef-menu/index.js';
+import VefScrollArea from '../../vef-scroll-area/index.js';
+import { useLayoutContextSelector } from '../hooks/use-layout-context.js';
+import { useLayoutStore } from '../store.js';
+import VefTitle from './title.js';
+
+"use strict";
+const { Sider } = Layout;
+const siderStyle = css`
+  border-right: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
+
+  > .vef-layout-sider-children {
+    --vef-layout-header-height: 60px;
+
+    display: flex;
+    flex-direction: column;
+
+    .vef-layout-sider-menu {
+      flex: auto;
+      min-height: 0;
+      padding: 6px 0;
+
+      > div {
+        padding: 0 6px;
+      }
+
+      .vef-menu-submenu-title, .vef-menu-item {
+        user-select: none;
+      }
+
+      .vef-menu.vef-menu-root.vef-menu-light {
+        border-inline-end: none;
+
+        &.vef-menu-inline-collapsed {
+          width: 67px;
+        }
+
+        &.vef-menu-inline {
+          .vef-menu-item {
+            &.vef-menu-item-selected {
+              &::before {
+                content: "";
+                position: absolute;
+                inset-inline-start: 0;
+                pointer-events: none;
+                width: 0;
+                height: calc(${themeVariables.fontSize} * 0.8);
+                border-inline-start: 4px ${themeVariables.lineType} var(--vef-menu-item-selected-color);
+                border-radius: var(--vef-menu-item-border-radius);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+function VefSiderBase() {
+  const [menuItems, defaultOpenedMenuKeys, activeMenuKey, onActiveMenuKeyChange] = useLayoutContextSelector((ctx) => [ctx.menuItems, ctx.defaultOpenedMenuKeys, ctx.activeMenuKey, ctx.onActiveMenuKeyChange]);
+  const [siderCollapsed, setSiderCollapsed] = useLayoutStore((state) => [state.siderCollapsed, state.setSiderCollapsed]);
+  return /* @__PURE__ */ jsxs(
+    Sider,
+    {
+      collapsible: true,
+      breakpoint: "lg",
+      collapsed: siderCollapsed,
+      collapsedWidth: 80,
+      css: siderStyle,
+      theme: "light",
+      trigger: null,
+      width: 220,
+      onCollapse: setSiderCollapsed,
+      children: [
+        /* @__PURE__ */ jsx(VefTitle, {}),
+        /* @__PURE__ */ jsx("div", { className: "vef-layout-sider-menu", children: /* @__PURE__ */ jsx(VefScrollArea, { scrollbarSize: "small", children: /* @__PURE__ */ jsx(
+          VefMenu,
+          {
+            inlineExpansion: true,
+            defaultOpenedKeys: defaultOpenedMenuKeys,
+            inlineCollapsed: siderCollapsed,
+            items: menuItems ?? [],
+            selectedKeys: activeMenuKey ? [activeMenuKey] : [],
+            onSelect: onActiveMenuKeyChange
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+const VefSider = memo(VefSiderBase);
+VefSider.displayName = "VefSider";
+
+export { VefSider as default };