ngx-tethys 18.1.1 → 18.2.0-next.1

package/i18n/locales/zh-cn.d.ts

@@ -0,0 +1,126 @@
+declare const _default: {
+    id: string;
+    datePicker: {
+        yearFormat: string;
+        monthFormat: string;
+        zhMonthFormat: string;
+        weekFormat: string;
+        fullWeekFormat: string;
+        weekThFormat: string;
+        dateFormat: string;
+        yearText: string;
+        quarterText: string;
+        monthText: string;
+        week: string;
+        prefixWeek: string;
+        previousYear: string;
+        nextYear: string;
+        previousMonth: string;
+        nextMonth: string;
+        today: string;
+        tomorrow: string;
+        nextWeek: string;
+        lastSevenDays: string;
+        lastThirtyDays: string;
+        currentMonth: string;
+        currentWeek: string;
+        advance: string;
+        custom: string;
+        startDate: string;
+        endDate: string;
+        setTime: string;
+        placeholder: string;
+        ok: string;
+        clear: string;
+    };
+    dateRange: {
+        custom: string;
+        currentWeek: string;
+        currentMonth: string;
+    };
+    timePicker: {
+        placeholder: string;
+        now: string;
+        ok: string;
+    };
+    calendar: {
+        today: string;
+        yearMonthFormat: string;
+    };
+    autocomplete: {
+        empty: string;
+    };
+    transfer: {
+        maxLimit: string;
+        maxLockLimit: string;
+        unlocked: string;
+    };
+    colorPicker: {
+        defaultColor: string;
+        noFillColor: string;
+        recentUsedColor: string;
+        customColor: string;
+        none: string;
+    };
+    strength: {
+        highest: string;
+        high: string;
+        medium: string;
+        low: string;
+    };
+    guider: {
+        skip: string;
+        prev: string;
+        next: string;
+        finish: string;
+    };
+    copy: {
+        tips: string;
+        success: string;
+        error: string;
+    };
+    dialog: {
+        title: string;
+        ok: string;
+        cancel: string;
+    };
+    select: {
+        placeholder: string;
+        empty: string;
+    };
+    treeSelect: {
+        placeholder: string;
+        empty: string;
+    };
+    cascader: {
+        placeholder: string;
+        empty: string;
+    };
+    pagination: {
+        page: string;
+        order: string;
+        total: string;
+        totalCount: string;
+        jumpTo: string;
+        firstPage: string;
+        lastPage: string;
+        defaultUnit: string;
+    };
+    form: {
+        required: string;
+        maxlength: string;
+        minlength: string;
+        uniqueCheck: string;
+        email: string;
+        confirm: string;
+        pattern: string;
+        number: string;
+        url: string;
+        max: string;
+        min: string;
+    };
+    empty: {
+        noDataText: string;
+    };
+};
+export default _default;

package/icon/examples/all/all.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 :host {
     .thy-icon {
         margin-right: 10px;
@@ -25,7 +27,7 @@
         &:hover {
             cursor: pointer;
             border-radius: 4px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
         }
 
         .thy-icon {

package/image/styles/image.scss

@@ -20,7 +20,7 @@ $image-preview-prefix-cls: 'thy-image-preview';
     .#{$image-preview-prefix-cls} {
         pointer-events: none;
         height: 100%;
-        color: variables.$white;
+        color: variables.$image-preview-text-color;
         &-img-wrapper {
             position: absolute;
             top: 0;
@@ -54,7 +54,7 @@ $image-preview-prefix-cls: 'thy-image-preview';
             pointer-events: all;
             bottom: bootstrapVariables.$spacer * 1.25;
             border-radius: bootstrapVariables.$spacer * 0.5;
-            background: variables.$gray-800;
+            background: variables.$image-preview-bg-color;
             left: 50%;
             transform: translateX(-50%);
             &-text {
@@ -71,7 +71,11 @@ $image-preview-prefix-cls: 'thy-image-preview';
         .thy-action {
             pointer-events: all;
             cursor: variables.$hand-cursor;
-            @include basic.action-variant(variables.$white, variables.$white, rgba(variables.$white, 0.2));
+            @include basic.action-variant(
+                variables.$image-preview-action-icon-color,
+                variables.$image-preview-action-icon-color,
+                variables.$image-preview-action-bg-color
+            );
         }
 
         .#{$image-preview-prefix-cls}-exit-fullscreen {
@@ -83,7 +87,7 @@ $image-preview-prefix-cls: 'thy-image-preview';
 
         &-switch-left,
         &-switch-right {
-            color: variables.$gray-500;
+            color: variables.$image-preview-switch-icon-color;
             position: fixed;
             top: 50%;
             z-index: 1;
@@ -93,14 +97,14 @@ $image-preview-prefix-cls: 'thy-image-preview';
             width: bootstrapVariables.$spacer * 2.5;
             height: bootstrapVariables.$spacer * 2.5;
             margin-top: -22px;
-            background: variables.$gray-700;
+            background: variables.$image-preview-switch-bg-color;
             border-radius: 50%;
             cursor: variables.$hand-cursor;
             pointer-events: auto;
             transition: all 0.3s;
             &:hover {
-                color: variables.$gray-700;
-                background: variables.$gray-500;
+                color: variables.$image-preview-switch-icon-hover-color;
+                background: variables.$image-preview-switch-hover-bg-color;
             }
 
             &-disabled {
@@ -109,8 +113,8 @@ $image-preview-prefix-cls: 'thy-image-preview';
                     cursor: variables.$disabled-cursor;
                 }
                 &:hover {
-                    color: variables.$gray-500;
-                    background: variables.$gray-700;
+                    color: variables.$image-preview-switch-icon-color;
+                    background: variables.$image-preview-switch-bg-color;
                 }
             }
         }
@@ -135,7 +139,7 @@ $image-preview-prefix-cls: 'thy-image-preview';
         top: 0;
         width: 100%;
         z-index: 1;
-        background: variables.$gray-800;
+        background: variables.$image-preview-bg-color;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -171,7 +175,7 @@ $image-preview-prefix-cls: 'thy-image-preview';
 }
 
 .#{$image-preview-prefix-cls}-backdrop {
-    background: rgba(variables.$gray-800, 0.95);
+    background: variables.$image-preview-backdrop-bg-color;
 }
 
 .thy-image {

package/input/styles/input-group.scss

@@ -70,7 +70,7 @@
 
         &:not(.disabled) {
             .input-group-suffix {
-                background-color: variables.$white;
+                background-color: variables.$bg-default;
             }
         }
     }

package/input/styles/input.scss

@@ -36,7 +36,7 @@
         position: absolute;
         top: 1px;
         left: variables.$input-padding-x-fixed;
-        background: variables.$white;
+        background: variables.$bg-default;
         padding: 0 5px;
         font-size: variables.$font-size-sm;
         transition: all 0.3s ease-out 0.1s;
@@ -180,7 +180,7 @@
         position: absolute;
         top: 1px;
         left: 10px;
-        background: variables.$white;
+        background: variables.$bg-default;
         padding: 0 5px;
         font-size: variables.$font-size-sm;
         transition: all 0.3s ease-out 0.1s;

package/layout/examples/sidebar/sidebar.component.scss

@@ -14,6 +14,6 @@
     }
 
     .thy-layout-content {
-        background: variables2.$white; // #e4e9f2;
+        background: variables2.$bg-default;
     }
 }

package/layout/styles/layout.scss

@@ -85,7 +85,7 @@
     border-right: variables.$layout-sidebar-border-right;
     display: flex;
     flex-direction: column;
-    background: variables.$white;
+    background: variables.$bg-default;
 
     &.sidebar-theme-light {
         background: variables.$layout-sidebar-background-light;
@@ -201,9 +201,9 @@
         right: 0;
         transform: translateX(50%);
         color: variables.$gray-600;
-        background-color: variables.$white;
+        background-color: variables.$bg-float;
         border-radius: 50%;
-        box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 10%);
+        box-shadow: variables.$float-btn-box-shadow;
         z-index: variables.$z-index-6;
         &:hover {
             visibility: visible;

package/menu/examples/theme/theme.component.scss

@@ -16,14 +16,6 @@
             .content-title {
                 flex: 1;
             }
-            .title {
-                color: variables2.$gray-700;
-                margin-right: 8px;
-                &.testhub {
-                    font-size: 15px;
-                    color: variables2.$gray-800;
-                }
-            }
         }
     }
 }

package/menu/styles/theme.scss

@@ -68,7 +68,7 @@
                 }
 
                 .thy-menu-item-icon {
-                    color: variables.$menu-theme-dark-color;
+                    color: variables.$menu-theme-dark-icon-color;
                 }
 
                 .thy-menu-item-name {
@@ -87,15 +87,15 @@
                 }
 
                 .thy-menu-group-arrow {
-                    color: variables.$menu-theme-dark-color;
+                    color: variables.$menu-theme-dark-icon-color;
                 }
 
                 .thy-menu-group-title-icon {
-                    color: variables.$menu-theme-dark-color;
+                    color: variables.$menu-theme-dark-icon-color;
                 }
 
                 .thy-menu-group-operation {
-                    color: variables.$menu-theme-dark-color;
+                    color: variables.$menu-theme-dark-icon-color;
                 }
             }
         }

package/message/styles/message.scss

@@ -20,7 +20,7 @@
         align-items: center;
         border: variables.$message-border;
         border-radius: variables.$message-border-radius-width;
-        background: variables.$message-bg;
+        background: variables.$bg-panel;
         box-shadow: variables.$message-box-shadow;
 
         &-icon {

package/nav/examples/basic/basic.component.scss

@@ -2,5 +2,5 @@
 
 :host {
     display: block;
-    background: variables2.$white;
+    background: variables2.$bg-default;
 }

package/nav/examples/extra/extra.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
     }
 }

package/nav/examples/fill/fill.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
     }
 }

package/nav/examples/lite/lite.component.scss

@@ -2,5 +2,5 @@
 
 :host {
     display: block;
-    background: variables2.$white;
+    background: variables2.$bg-default;
 }

package/nav/examples/pills/pills.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     display: block;
-    background: variables2.$white;
+    background: variables2.$bg-default;
     padding: 8px;
 }

package/nav/examples/responsive/responsive.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
     }
 }

package/nav/examples/size/size.component.scss

@@ -3,7 +3,7 @@
 .bg-example {
     padding: 12px;
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
         margin-bottom: 12px;
 
         &.thy-nav-pills {

package/nav/examples/tabs/tabs.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     display: block;
-    background: variables2.$white;
+    background: variables2.$bg-default;
     padding-bottom: 12px;
 }

package/nav/examples/type/type.component.scss

@@ -2,7 +2,7 @@
 
 :host {
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
         &:not(:last-child) {
             margin-bottom: 20px;
         }

package/nav/examples/vertical/vertical.component.scss

@@ -2,6 +2,6 @@
 
 :host {
     .thy-nav {
-        background: variables2.$white;
+        background: variables2.$bg-default;
     }
 }

package/notify/styles/notify.scss

@@ -1,5 +1,5 @@
-@use "../../styles/variables";
-@use "mixin";
+@use '../../styles/variables';
+@use 'mixin';
 
 .thy-notify-container > div {
     position: fixed;
@@ -14,8 +14,8 @@
         position: relative;
         display: flex;
         border-radius: variables.$notify-border-radius-width;
-        background: variables.$notify-bg;
-        box-shadow: variables.$notify-box-shadow;
+        background: variables.$bg-panel;
+        box-shadow: variables.$box-shadow;
 
         &-icon-container {
             position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "18.1.1",
+  "version": "18.2.0-next.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"
@@ -232,6 +232,12 @@
       "esm": "./esm2022/guider/ngx-tethys-guider.mjs",
       "default": "./fesm2022/ngx-tethys-guider.mjs"
     },
+    "./i18n": {
+      "types": "./i18n/index.d.ts",
+      "esm2022": "./esm2022/i18n/ngx-tethys-i18n.mjs",
+      "esm": "./esm2022/i18n/ngx-tethys-i18n.mjs",
+      "default": "./fesm2022/ngx-tethys-i18n.mjs"
+    },
     "./icon": {
       "types": "./icon/index.d.ts",
       "esm2022": "./esm2022/icon/ngx-tethys-icon.mjs",

package/pagination/pagination.component.d.ts

@@ -1,6 +1,7 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { EventEmitter, OnInit, TemplateRef, Signal } from '@angular/core';
 import { isTemplateRef } from 'ngx-tethys/util';
 import { ThyPaginationConfigModel } from './pagination.class';
+import { ThyI18nLocale, ThyPaginationLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 /**
  * 分页组件，当数据量过多时，使用分页分解数据。
@@ -10,6 +11,8 @@ import * as i0 from "@angular/core";
 export declare class ThyPagination implements OnInit {
     private paginationConfig;
     private cdr;
+    allLocale: Signal<ThyI18nLocale>;
+    locale: Signal<ThyPaginationLocale>;
     isTemplateRef: typeof isTemplateRef;
     config: ThyPaginationConfigModel;
     /**

package/pagination/pagination.module.d.ts

@@ -8,6 +8,6 @@ import * as i6 from "./pagination.component";
 import * as i7 from "./pagination.pipe";
 export declare class ThyPaginationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyPaginationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyPaginationModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThySharedModule, typeof i4.ThyIconModule, typeof i5.ThySelectModule, typeof i6.ThyPagination, typeof i7.PaginationTotalCountFormat], [typeof i6.ThyPagination]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyPaginationModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThySharedModule, typeof i4.ThyIconModule, typeof i5.ThySelectModule, typeof i6.ThyPagination, typeof i7.PaginationTotalCountFormat, typeof i7.PaginationPerPageFormat], [typeof i6.ThyPagination]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThyPaginationModule>;
 }

package/pagination/pagination.pipe.d.ts

@@ -1,4 +1,5 @@
 import { PipeTransform } from '@angular/core';
+import { ThyI18nLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 /**
  * @private
@@ -9,3 +10,8 @@ export declare class PaginationTotalCountFormat implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationTotalCountFormat, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PaginationTotalCountFormat, "paginationTotalPagesFormat", true>;
 }
+export declare class PaginationPerPageFormat implements PipeTransform {
+    transform(unit: string, locale: ThyI18nLocale): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationPerPageFormat, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PaginationPerPageFormat, "paginationPerPageFormat", true>;
+}

package/pagination/styles/pagination.scss

@@ -84,7 +84,7 @@
             border: variables.$pagination-border-width solid variables.$pagination-border-color;
             @include border-radius.border-radius(variables.$border-radius);
             color: variables.$pagination-jumper-input-color;
-            background: variables.$white;
+            background: variables.$bg-default;
             width: calc(#{variables.$font-size-base} * 3);
             text-align: center;
             margin: 0 6px;
@@ -120,7 +120,7 @@
 
     &:focus {
         outline: bootstrap-variables.$pagination-focus-outline;
-        box-shadow: variables.$pagination-focus-box-shadow;
+        box-shadow: variables.$box-shadow-none;
     }
 }
 

package/popover/styles.scss

@@ -1,5 +1,5 @@
-@use "../styles/variables.scss";
-@use "../styles/mixins/shadow.scss";
+@use '../styles/variables.scss';
+@use '../styles/mixins/shadow.scss';
 
 $offset: 4px;
 .thy-popover-panel {
@@ -29,7 +29,7 @@ $offset: 4px;
 }
 
 .thy-popover-container {
-    background: variables.$white;
+    background: variables.$bg-panel;
     width: 100%;
     border-radius: variables.$border-radius;
     @include shadow.section-box-shadow();

package/property/styles/properties.scss

@@ -79,7 +79,7 @@
                         }
 
                         &:before {
-                            background: variables.$white;
+                            background: variables.$bg-default;
                         }
 
                         &:not(.thy-property-item-content-editing):after {

package/radio/radio.component.d.ts

@@ -1,5 +1,4 @@
 import { OnInit } from '@angular/core';
-import { ThyTranslate } from 'ngx-tethys/core';
 import { ThyFormCheckBaseComponent } from 'ngx-tethys/shared';
 import { ThyRadioGroup } from './group/radio-group.component';
 import * as i0 from "@angular/core";
@@ -9,7 +8,6 @@ import * as i0 from "@angular/core";
  * @order 10
  */
 export declare class ThyRadio extends ThyFormCheckBaseComponent implements OnInit {
-    thyTranslate: ThyTranslate;
     thyRadioGroupComponent: ThyRadioGroup;
     name: string;
     /**

package/resizable/examples/line/line.component.scss

@@ -1,9 +1,11 @@
+@use 'variables.scss' as variables2;
+
 .container {
     display: flex;
     flex-direction: row;
     height: 200px;
     .left {
-        border-right: 1px solid #eee;
+        border-right: 1px solid variables2.$gray-200;
     }
 
     .right {

package/resizable/examples/style.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 :host {
     display: block;
     height: 200px;
@@ -6,8 +8,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: #eee;
-    border: 1px solid #ddd;
+    background: variables2.$gray-200;
+    border: 1px solid variables2.$gray-300;
 }
 
 .bottom-right {
@@ -23,8 +25,8 @@
     justify-content: center;
 }
 .right {
-    background: #fff;
-    border: 1px solid #ddd;
+    background: variables2.$bg-default;
+    border: 1px solid variables2.$gray-300;
     text-align: center;
     font-size: 12px;
     height: 22px;
@@ -43,7 +45,7 @@ thy-resizable-grid-example:host {
     margin-top: 8px;
     margin-bottom: 8px;
     background: rgba(0, 160, 233, 0.7);
-    color: #fff;
+    color: variables2.$white;
 }
 
 .col-right {

package/result/styles/result.scss

@@ -1,4 +1,4 @@
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 .thy-result {
     display: block;
@@ -20,3 +20,27 @@
         }
     }
 }
+
+.thy-result-svg-success,
+.thy-result-svg-error,
+.thy-result-svg-warning {
+    display: inline-block;
+}
+.thy-result-svg-success-dark,
+.thy-result-svg-error-dark,
+.thy-result-svg-warning-dark {
+    display: none;
+}
+
+:root[theme='dark'] {
+    .thy-result-svg-success,
+    .thy-result-svg-error,
+    .thy-result-svg-warning {
+        display: none;
+    }
+    .thy-result-svg-success-dark,
+    .thy-result-svg-error-dark,
+    .thy-result-svg-warning-dark {
+        display: inline-block;
+    }
+}

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "18.1.1";
+export declare const VERSION = "18.2.0-next.1";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '18.1.1';
+exports.VERSION = '18.2.0-next.1';