imm-element-ui 0.0.1

package/lib/service/userHistory.service.d.ts

@@ -0,0 +1,26 @@
+import { ActivatedRoute, Router } from '@angular/router';
+import { I18nService } from './i18n.service';
+import * as i0 from "@angular/core";
+export interface HistoryItem {
+    title: string;
+    url: string;
+    configPath: string;
+    i18nKey: string;
+}
+export declare class UserHistoryService {
+    router: Router;
+    route: ActivatedRoute;
+    historyList: import("@angular/core").WritableSignal<HistoryItem[]>;
+    router$: import("rxjs").Observable<any>;
+    detailName: string;
+    i18n: I18nService;
+    constructor(router: Router, route: ActivatedRoute);
+    private createBreadcrumbs;
+    addHistoryList(item: HistoryItem): void;
+    backUrl(url: string): void;
+    lastPop(): void;
+    clear(): void;
+    setLastTitle(title: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserHistoryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserHistoryService>;
+}

package/lib/share/utils.d.ts

@@ -0,0 +1,16 @@
+export declare let toPascalCase: (str: string) => string;
+export declare const generateUniqueId: () => string;
+export declare const createCircularIterator: (array: any[]) => {
+    next: () => any;
+    prev: () => any;
+};
+export declare const parseFunctions: (obj: any, _this: any) => any;
+export declare const compileTsToJs: (tsCode: string) => string;
+export declare const isJSONParsable: (str: any) => boolean;
+/**
+ * 根据指定的键数组过滤对象
+ * @param {Object} obj - 要过滤的原始对象
+ * @param {Array} keys - 需要保留的键数组
+ * @returns {Object} 过滤后的新对象
+ */
+export declare const filterObjectByKeys: (obj: any, keys: string[]) => any;

package/lib/steps/steps.component.d.ts

@@ -0,0 +1,16 @@
+import { I18nService } from '../service/i18n.service';
+import * as i0 from "@angular/core";
+export interface Step {
+    label: string;
+    i18nKey?: string;
+    value: number;
+}
+export declare class StepsComponent {
+    steps: import("@angular/core").InputSignal<Step[]>;
+    current: import("@angular/core").InputSignal<number | undefined>;
+    i18n: I18nService;
+    constructor();
+    getClass(i: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepsComponent, "custom-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/theme-config/theme-config-panel.compoent.d.ts

@@ -0,0 +1,78 @@
+import { PrimeNG } from "primeng/config";
+import { ThemeConfigService } from "../service/themeConfig.service";
+import * as i0 from "@angular/core";
+interface PaletteType {
+    name: string;
+    palette: {
+        50?: string;
+        100?: string;
+        200?: string;
+        300?: string;
+        400?: string;
+        500?: string;
+        600?: string;
+        700?: string;
+        800?: string;
+        900?: string;
+        950?: string;
+    };
+}
+export declare class ThemeConfigPanelComponent {
+    config: PrimeNG;
+    configService: ThemeConfigService;
+    platformId: Object;
+    selectedPrimaryColor: import("@angular/core").Signal<string | undefined>;
+    primaryColors: import("@angular/core").Signal<PaletteType[]>;
+    getPresetExt(): {
+        semantic: {
+            primary: {
+                50?: string | undefined;
+                100?: string | undefined;
+                200?: string | undefined;
+                300?: string | undefined;
+                400?: string | undefined;
+                500?: string | undefined;
+                600?: string | undefined;
+                700?: string | undefined;
+                800?: string | undefined;
+                900?: string | undefined;
+                950?: string | undefined;
+            };
+            colorScheme: {
+                light: {
+                    primary: {
+                        color: string;
+                        contrastColor: string;
+                        hoverColor: string;
+                        activeColor: string;
+                    };
+                    highlight: {
+                        background: string;
+                        focusBackground: string;
+                        color: string;
+                        focusColor: string;
+                    };
+                };
+                dark: {
+                    primary: {
+                        color: string;
+                        contrastColor: string;
+                        hoverColor: string;
+                        activeColor: string;
+                    };
+                    highlight: {
+                        background: string;
+                        focusBackground: string;
+                        color: string;
+                        focusColor: string;
+                    };
+                };
+            };
+        };
+    };
+    updateColors(event: any, type: string, color: any): void;
+    applyTheme(type: string, color: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeConfigPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeConfigPanelComponent, "app-theme-config-panel", never, {}, {}, never, never, true, never>;
+}
+export {};

package/lib/theme-config/theme-config.compoent.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ThemeConfigComponent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeConfigComponent, "app-theme-config", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "imm-element-ui",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0",
+    "tailwindcss-primeui": "^0.6.1",
+    "primeicons": "^7.0.0",
+    "primeng": "^18.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/imm-element-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/imm-element-ui.mjs",
+      "esm": "./esm2022/imm-element-ui.mjs",
+      "default": "./fesm2022/imm-element-ui.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,20 @@
+export * from './lib/am/am.component';
+export * from './lib/form/form/form.component';
+export * from './lib/crumb-action/crumb-action.component';
+export * from './lib/grid/grid/grid.component';
+export * from './lib/head/head.component';
+export * from './lib/import/import.component';
+export * from './lib/log/log.component';
+export * from './lib/row-selector/row-selector.component';
+export * from './lib/share/utils';
+export * from './lib/service/action.service';
+export * from './lib/service/i18n.service';
+export * from './lib/service/themeConfig.service';
+export * from './lib/page-form/page-form.component';
+export * from './lib/page-grid-list/page-grid-list.component';
+export * from './lib/steps/steps.component';
+export * from './lib/row-selector/row-selector.component';
+export * from './lib/search/search/search.component';
+export * from './lib/page-form/page-form.interface';
+export * from './lib/service/userHistory.service';
+export * from './lib/theme-config/theme-config.compoent';

package/src/lib/crumb-action/crumb-action.component.scss

@@ -0,0 +1,51 @@
+@import 'styles';
+.crumb-title {
+  color: var(--p-primary-color);
+}
+.crumb-title + .crumb-title {
+  padding-left: .5rem;
+  &::before {
+    padding-right: .5rem;
+    // color: var(--breadcrumb-divider-color);
+    content: var(--breadcrumb-divider, "/");
+  }
+}
+:host::ng-deep {
+  .p-button-text.p-button-secondary {
+    color:var(--p-surface-700);
+  }
+  .title-action {
+    .p-button{
+      padding: 0;
+    }
+  }
+  .new-action {
+    .p-button {
+      padding: 0;
+      button {
+        padding-top: 2px;
+        height: 100%;
+        align-items: center;
+      }
+    }
+  }
+
+  .select-crumb {
+    .p-button {
+      padding: 0;
+      background-color: #fff;
+      line-height: 1;
+      
+      button {
+        padding: 0;
+        width: 17px;
+        height: 17px;
+        // width: 20px;
+        // height: 20px;
+      }
+    }
+  }
+  .p-popover-content {
+    padding:.5rem
+  }
+}

package/src/lib/grid/pager/pager.component.scss

@@ -0,0 +1,13 @@
+:host ::ng-deep {
+	.ms-down .p-button {
+		border-radius: 6px 0 0 6px;
+		margin-right: 1px;
+	}
+	.ms-up .p-button {
+		border-radius: 0 6px 6px 0;
+		margin-left: 1px;
+	}
+}
+.page-container {
+	color: #334155;
+}

package/src/lib/head/head.component.scss

@@ -0,0 +1,3 @@
+.child-hide {
+	display: none;
+}

package/src/lib/import/import.component.scss

@@ -0,0 +1,10 @@
+@import 'styles';
+:host ::ng-deep {
+	.p-fileupload-basic {
+		justify-content: left;
+	}
+}
+.btn-link {
+	color: var(--p-primary-color);
+	padding: 0.5rem;
+}

package/src/lib/log/log.component.scss

@@ -0,0 +1,21 @@
+.log-panel {
+	color: #334155;
+}
+.log-item-user {
+	font-size: 13px;
+}
+.log-item-time {
+	color: #989ea6;
+	font-size: 11px;
+}
+.log-item-unit {
+	font-size: 6px;
+}
+
+:host ::ng-deep {
+	.p-avatar-lg {
+		font-size: 1rem;
+		background: var(--p-primary-color);
+		color: #fff;
+	}
+}

package/src/lib/page-form/page-form.component.scss

@@ -0,0 +1,14 @@
+@import 'styles';
+.main {
+  height: calc(100vh - 140px);
+}
+:host ::ng-deep {
+	.main .ag-root-wrapper {
+		border-left: none !important; /* 移除所有边框 */
+    border-right: none !important;
+    border-bottom: none !important;
+	}
+}
+.form-panel {
+	border: solid 1px #dbdbdb;
+}

package/src/lib/page-grid-list/page-grid-list.component.scss

@@ -0,0 +1,14 @@
+@import 'styles';
+.ms-grid {
+	// height: calc(100vh - 98px);
+	background-color: #efefef;
+	// margin: 0 2.5px;
+}
+.ms-content {
+	border-top: solid 1px #dbdbdb;
+	// height: calc(100vh - 98px);
+	background-color: rgb(249, 250, 251);
+}
+.mode-hide {
+	display: none;
+}

package/src/lib/row-selector/row-selector.component.scss

@@ -0,0 +1 @@
+@import 'styles';

package/src/lib/search/dynamic-search/dynamic-search.component.scss

@@ -0,0 +1,70 @@
+@import 'styles';
+.s-main {
+	display: flex;
+	align-items: stretch;
+	position: relative;
+	color: #334155;
+	margin-bottom: 15px;
+}
+.s-active {
+	border: 1px solid var(--p-form-field-focus-border-color);
+}
+.s-unactive {
+	border: 1px solid var(--p-form-field-border-color);
+}
+.s-container {
+	border-radius: 5px;
+	padding: 1.25px 0;
+	width: 100%;
+}
+.s-search {
+	color: var(--p-form-field-icon-color);
+	padding: 0 10px;
+}
+.s-input-container {
+	padding: 1.25px 0;
+}
+.s-input {
+	height: 30px;
+	border-width: 0;
+	width: 100%;
+	min-width: 25px;
+}
+.s-input:focus {
+	outline-width: 0;
+}
+.s-dropdown {
+	width: 35px;
+	border-radius: 0 5px 5px 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.s-dropdown:hover {
+	background-color: #e7e9ed;
+	cursor: pointer;
+}
+.s-dropdown-icon {
+	color: var(--p-form-field-icon-color);
+}
+
+::ng-deep {
+	.p-popover.p-popover-flipped:before {
+		display: none;
+	}
+	.p-popover.p-popover-flipped:after {
+		display: none;
+	}
+	.p-popover:before {
+		display: none;
+	}
+	.p-popover:after {
+		display: none;
+	}
+	.p-popover {
+		margin-top: 2.5px;
+	}
+	.p-popover-flipped {
+		margin-top: -5px;
+	}
+}

package/src/lib/search/pop-date/pop-date.component.scss

@@ -0,0 +1,47 @@
+@import 'styles';
+:host ::ng-deep {
+	.p-inputtext {
+		font-size: 12px;
+	}
+	.p-select-sm .p-select-label {
+		font-size: 12px;
+	}
+}
+.s-pop-date-container {
+	padding: 5px 0;
+	border-bottom: solid 1px #d6d8db;
+}
+.s-pop-date-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 14px;
+}
+.s-pop-date-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-date-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-date-panel {
+	padding: 6px 0;
+}
+.s-pop-date-panel-show {
+	display: block;
+}
+.s-pop-date-panel-hide {
+	display: none;
+}
+.s-pop-date-range {
+	padding: 0.5rem 2rem;
+	height: 30px;
+	font-size: 12px;
+}
+.s-pop-date-picker {
+	padding: 0.5rem 2rem;
+	height: 30px;
+	font-size: 12px;
+}

package/src/lib/search/pop-list/pop-list.component.scss

@@ -0,0 +1,23 @@
+@import 'styles';
+.s-check {
+	padding: 0 2.5px;
+	font-size: 1rem;
+	width: 1.5rem;
+	line-height: 1;
+	display: inline-block;
+}
+.s-pop-panel-item {
+	padding: 6px 0;
+	border-bottom: solid 1px #d6d8db;
+}
+.s-pop-panel-item-option {
+	font-size: 14px;
+	padding: 2px 0;
+}
+.s-pop-panel-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-panel-item-selected-option {
+	color: var(--p-form-field-focus-border-color)
+}

package/src/lib/search/pop-panel/pop-panel.component.scss

@@ -0,0 +1,49 @@
+@import 'styles';
+
+// @media (min-width:768px) {
+// 	.panel-box {
+// 		width:535px
+// 	}
+// }
+.s-pop-show {
+	display: block;
+}
+.s-pop-hide {
+	display: none;
+}
+.s-pop-panel-title {
+	font-size: 14px;
+	display: flex;
+	align-items: center;
+	font-weight: 600;
+	margin-left: 1rem;
+}
+.s-pop-panel-title-icon {
+	padding: 0 5px;
+	font-size: 14px;
+	color: var(--p-primary-color);
+}
+.s-check {
+	padding: 0 2.5px;
+	font-size: 1rem;
+	width: 1.5rem;
+	line-height: 1;
+	display: inline-block;
+}
+.s-pop-panel-item {
+	padding: 6px 0;
+}
+.s-pop-panel-item-option {
+	font-size: 14px;
+	padding: 2px 0;
+}
+.s-pop-panel-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-panel-item-option-self {
+	padding: 2.5px 1.6rem;
+}
+.s-pop-panel-item-selected-option {
+	color: var(--p-form-field-focus-border-color);
+}

package/src/lib/search/pop-select/pop-select.component.scss

@@ -0,0 +1,29 @@
+@import 'styles';
+.s-pop-select-container {
+	padding: 5px 0;
+	border-bottom: solid 1px #d6d8db;
+	position: relative;
+}
+.s-pop-select-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 14px;
+}
+.s-pop-select-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-select-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-select-panel-item-option {
+	font-size: 14px;
+	padding: 2px 1.5rem;
+}
+.s-pop-select-panel-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}

package/src/lib/search/pop-self/pop-self.component.scss

@@ -0,0 +1,60 @@
+@import 'styles';
+:host ::ng-deep {
+	.p-inputtext {
+		font-size: 12px;
+	}
+	.p-select-sm .p-select-label {
+		font-size: 12px;
+	}
+}
+.s-pop-self-container {
+	padding: 5px 0;
+}
+.s-pop-self-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 14px;
+}
+.s-pop-self-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-self-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-self-panel {
+	padding: 6px 0;
+}
+.s-pop-self-panel-show {
+	display: block;
+}
+.s-pop-self-panel-hide {
+	display: none;
+}
+.s-pop-self-item {
+	padding: 0.5rem 2rem;
+	height: 30px;
+	font-size: 12px;
+}
+.s-pop-self-item-btn-container {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 12px;
+}
+.s-pop-self-item-btn {
+	border-radius: 2px;
+	padding: 2px;
+}
+.s-pop-self-item-btn:hover {
+	color: var(--p-primary-color);
+	cursor: pointer;
+}
+.date-span {
+	background-color: #f8f8f8;
+	height: 21px;
+	color: #b6bbba;
+}

package/src/lib/search/pop-tree/pop-tree.component.scss

@@ -0,0 +1,34 @@
+@import 'styles';
+::ng-deep .p-popover-content .s-pop-tree-content {
+	.p-tree {
+		padding: 0;
+	}
+}
+.s-pop-tree-container {
+	padding: 5px 0;
+	border-bottom: solid 1px #d6d8db;
+	position: relative;
+}
+.s-pop-tree-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 14px;
+}
+.s-pop-tree-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-tree-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-tree-panel-item-option {
+	font-size: 14px;
+	padding: 2px 1.5rem;
+}
+.s-pop-tree-panel-item-option:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}