@yelon/bis 18.1.3 → 18.1.4

package/layout/style/layout-website-02.less

@@ -0,0 +1,83 @@
+.yz-layout-website-02 {
+  min-height: 100%;
+  position: relative;
+
+  &-inner-content {
+    max-width: @yz-layout-website-02-inner-content-max-width;
+    height: 100%;
+    padding: @yz-layout-website-02-inner-content-padding;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &-nav {
+    position: relative;
+    background: @yz-layout-website-02-nav-background;
+    z-index: 1;
+    height: @yz-layout-website-02-nav-height;
+
+    &__logo {
+      max-height: @yz-layout-website-02-nav-logo-max-height;
+      max-width: @yz-layout-website-02-nav-logo-max-width;
+
+      &__full {
+        color: @yz-layout-website-02-nav-logo-full-color;
+        font-size: @yz-layout-website-02-nav-logo-full-font-size;
+        font-weight: @yz-layout-website-02-nav-logo-full-font-weight;
+        line-height: @yz-layout-website-02-nav-logo-full-line-height;
+      }
+    }
+
+    &-right {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  &-link {
+    color: @yz-layout-website-02-link-color !important;
+    font-size: @yz-layout-website-02-link-font-size;
+    margin-left: @yz-layout-website-02-link-margin-left;
+    display: flex;
+    align-items: center;
+
+    b {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      display: inline-block;
+      max-width: @yz-layout-website-02-link-username-max-width;
+      margin: 0 8px;
+      font-weight: 600;
+    }
+
+    span {
+      margin-right: 8px;
+    }
+
+    &:hover {
+      color: @yz-layout-website-02-link-hover-color !important;
+    }
+
+    &[disabled] {
+      cursor: auto;
+
+      &:hover {
+        color: @yz-layout-website-02-link-color !important;
+      }
+    }
+
+    &__li {
+      text-align: center;
+      justify-content: center;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .yz-layout-website-02-nav__slogan {
+    display: none;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yelon/bis",
-  "version": "18.1.3",
+  "version": "18.1.4",
   "author": "devcui<devcui@outlook.com>",
   "license": "MIT",
   "repository": {
@@ -22,16 +22,16 @@
   ],
   "dependencies": {
     "ng-zorro-antd": "^18.1.1",
-    "@yelon/acl": "^18.1.3",
-    "@yelon/auth": "^18.1.3",
-    "@yelon/theme": "^18.1.3",
-    "@yelon/mock": "^18.1.3",
-    "@yelon/cache": "^18.1.3",
-    "@yelon/chart": "^18.1.3",
-    "@yelon/form": "^18.1.3",
-    "@yelon/testing": "^18.1.3",
-    "@yelon/util": "^18.1.3",
-    "@yelon/bcs": "^18.1.3",
+    "@yelon/acl": "^18.1.4",
+    "@yelon/auth": "^18.1.4",
+    "@yelon/theme": "^18.1.4",
+    "@yelon/mock": "^18.1.4",
+    "@yelon/cache": "^18.1.4",
+    "@yelon/chart": "^18.1.4",
+    "@yelon/form": "^18.1.4",
+    "@yelon/testing": "^18.1.4",
+    "@yelon/util": "^18.1.4",
+    "@yelon/bcs": "^18.1.4",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/bis.mjs",

package/public_api.d.ts

@@ -7,3 +7,4 @@ export * from './src/startup.service';
 export * from './src/yunzai-analysis-addon.guard';
 export * from './src/yunzai-act.guard';
 export * from './src/website/layout-website-01.component';
+export * from './src/website/layout-website-02.component';

package/src/website/layout-website-02.component.d.ts

@@ -0,0 +1,29 @@
+import { TemplateRef } from '@angular/core';
+import { YunzaiProfile } from '@yelon/util';
+import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
+export declare class YunzaiLayoutWebsite02Component {
+    logoSrc?: string | NzSafeAny;
+    logoAlt?: string;
+    userMenuShow?: boolean;
+    slogan?: TemplateRef<void> | NzSafeAny;
+    contentTpl?: TemplateRef<void> | NzSafeAny;
+    private readonly tokenService;
+    private readonly configService;
+    private readonly startupSrv;
+    private readonly win;
+    get _logoSrc(): string | NzSafeAny;
+    get _logoAlt(): string;
+    get _userMenuShow(): boolean;
+    get _slogan(): TemplateRef<void> | NzSafeAny;
+    get _contentTpl(): TemplateRef<void> | NzSafeAny;
+    get _username(): string;
+    get _avatar(): string | undefined;
+    get isLogin(): boolean;
+    get _links(): YunzaiProfile[];
+    login(): void;
+    logout(): void;
+    to(url?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YunzaiLayoutWebsite02Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YunzaiLayoutWebsite02Component, "yunzai-layout-website-02", never, { "logoSrc": { "alias": "logoSrc"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "userMenuShow": { "alias": "userMenuShow"; "required": false; }; "slogan": { "alias": "slogan"; "required": false; }; "contentTpl": { "alias": "contentTpl"; "required": false; }; }, {}, never, never, true, never>;
+}

package/theme-default.less

@@ -47,6 +47,7 @@
 @yz-application-list-item-li-hover-color: #fff;
 @yz-application-list-item-li-hover-bgColor: @yz-application-list-ul-a-hover-bgColor;
 // website layout
+// layout-website-01
 @yz-layout-website-01-linear-bg: #94080b;
 @yz-layout-website-01-linear-bg-percent: 3%;
 @yz-layout-website-01-linear-min-height: 1000px;
@@ -65,3 +66,19 @@
 @yz-layout-website-01-nav-slogan-font-size: 44px;
 @yz-layout-website-01-nav-slogan-font-weight: 600;
 @yz-layout-website-01-nav-slogan-margin-right: 50px;
+// layout-website-02
+@yz-layout-website-02-inner-content-max-width: 1500px;
+@yz-layout-website-02-inner-content-padding: 0 20px;
+@yz-layout-website-02-nav-background: #891616;
+@yz-layout-website-02-nav-height: 90px;
+@yz-layout-website-02-nav-logo-max-height: 60px;
+@yz-layout-website-02-nav-logo-max-width: 50%;
+@yz-layout-website-02-nav-logo-full-color: #fff;
+@yz-layout-website-02-nav-logo-full-font-size: 40px;
+@yz-layout-website-02-nav-logo-full-font-weight: 600;
+@yz-layout-website-02-nav-logo-full-line-height: 40px;
+@yz-layout-website-02-link-color: #fff;
+@yz-layout-website-02-link-font-size: 14px;
+@yz-layout-website-02-link-margin-left: 20px;
+@yz-layout-website-02-link-username-max-width: 150px;
+@yz-layout-website-02-link-hover-color: #d98910;