imm-element-ui 0.2.7 → 0.2.9

package/fesm2022/imm-element-ui.mjs

@@ -11,7 +11,7 @@ import * as i1$3 from '@angular/common';
 import { DatePipe, CommonModule, DOCUMENT, isPlatformBrowser, AsyncPipe } from '@angular/common';
 import * as i2$1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormGroup, Validators, FormsModule } from '@angular/forms';
-import { BehaviorSubject, tap, fromEvent, forkJoin, filter, Observable, of, shareReplay, pipe, lastValueFrom, map as map$1 } from 'rxjs';
+import { BehaviorSubject, tap, fromEvent, forkJoin, filter, Observable, of, shareReplay, pipe, isObservable, lastValueFrom, map as map$1 } from 'rxjs';
 import * as i1$2 from '@ngx-translate/core';
 import { TranslatePipe } from '@ngx-translate/core';
 import * as i2 from 'primeng/inputtext';
@@ -3537,7 +3537,9 @@ class FormComponent {
             field.labelMinWidth = this.labelMinWidth;
             field.interactiveLabel = this.options().interactiveLabel ?? true;
             field.form = this;
-            field.hook && this.uniqueHook(field, field.hook);
+            if (isObservable(field.hook)) {
+                this.uniqueHook(field, field.hook);
+            }
             this.handleFieldControl(field);
         });
     }
@@ -6122,16 +6124,16 @@ class UserHistoryService {
         }));
         this.detailName = '';
         this.i18n = inject(I18nService);
-        window.addEventListener('beforeunload', (event) => {
-            window.sessionStorage.setItem('crumbAction', JSON.stringify(this.historyList()));
-        });
-        window.addEventListener('load', () => {
-            let history = window.sessionStorage.getItem('crumbAction');
-            console.log('crumbAction-localstory', history);
-            if (history) {
-                this.historyList.set(JSON.parse(history));
-            }
-        });
+        // window.addEventListener('beforeunload',(event) => {
+        //   window.sessionStorage.setItem('crumbAction', JSON.stringify(this.historyList()))
+        // })
+        // window.addEventListener('load',() => {
+        //   let history = window.sessionStorage.getItem('crumbAction')
+        //   console.log('crumbAction-localstory',history)
+        //   if(history){
+        //     this.historyList.set(JSON.parse(history))
+        //   }
+        // })
     }
     createBreadcrumbs(route, url = '', breadcrumbs = []) {
         const children = route.children;
@@ -6162,7 +6164,7 @@ class UserHistoryService {
         // const configPath: string = child.routeConfig?.path as string
         const configPath = child.params.hasOwnProperty('id') ? url.replace(/([^\/]*)$/, "") : url;
         const paramsKeys = Object.keys(child.params);
-        // console.log('title',child,configPath,url)
+        console.log('title', child, configPath, url);
         if (title && configPath) {
             let isExit = this.historyList().filter(v => v.configPath == configPath);
             // configPath.indexOf(':') > -1 && paramsKeys.length > 0 && ( title = this.detailName)
@@ -6237,6 +6239,7 @@ class StepsComponent {
         this.widthList = [];
         this.START_BUTTON_WIDTH = 32;
         this.END_BUTTON_WIDTH = 47;
+        this.STEP_ITEM_MARGIN = 2;
         this.startIndex = 0;
         this.endIndex = 0;
         this.startSteps = [];
@@ -6261,7 +6264,7 @@ class StepsComponent {
             if (children[i].classList.contains('end-item')) {
                 continue;
             }
-            this.widthList.push(children[i].offsetWidth || 0);
+            this.widthList.push((children[i].offsetWidth || 0) + this.STEP_ITEM_MARGIN);
         }
     }
     calcMaxWidth() {
@@ -6377,7 +6380,7 @@ class StepsComponent {
         setTimeout(() => {
             this.alternateWidthList();
             this.handleSteps();
-        });
+        }, 300);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepsComponent, isStandalone: true, selector: "custom-steps", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }, { propertyName: "endBtn", first: true, predicate: ["endBtn"], descendants: true }], ngImport: i0, template: "<div\r\n\t#container\r\n\tclass=\"flex my-1 w-full justify-end\">\r\n\t@for (st of displaySteps(); track st; let i = $index) {\r\n\t\t@if (st.value === 'start') {\r\n\t\t\t<div\r\n\t\t\t\t#startItem\r\n\t\t\t\t[class]=\"getClass(i, ['start-item'])\"\r\n\t\t\t\t(click)=\"showStartSteps($event, startOp)\">\r\n\t\t\t\t<span>...</span>\r\n\t\t\t</div>\r\n\t\t\t<p-popover\r\n\t\t\t\t#startOp\r\n\t\t\t\t[styleClass]=\"'pop-steps start-steps'\"\r\n\t\t\t\t[appendTo]=\"startItem\">\r\n\t\t\t\t<p-listbox\r\n\t\t\t\t\t[options]=\"startSteps\"\r\n\t\t\t\t\t(onChange)=\"onStartStepsChange($event)\"\r\n\t\t\t\t\toptionLabel=\"label\"\r\n\t\t\t\t\tclass=\"w-full md:w-56\" />\r\n\t\t\t</p-popover>\r\n\t\t} @else if (st.value === 'end') {\r\n\t\t\t<div\r\n\t\t\t\t#endItem\r\n\t\t\t\t[class]=\"getClass(i, ['end-item'])\"\r\n\t\t\t\t(click)=\"showEndSteps($event, endOp)\">\r\n\t\t\t\t<span>...</span>\r\n\t\t\t</div>\r\n\t\t\t<p-popover\r\n\t\t\t\t#endOp\r\n\t\t\t\t[styleClass]=\"'pop-steps end-steps'\"\r\n\t\t\t\t[appendTo]=\"endItem\">\r\n\t\t\t\t<p-listbox\r\n\t\t\t\t\t[options]=\"endSteps\"\r\n\t\t\t\t\t(onChange)=\"onEndStepsChange($event)\"\r\n\t\t\t\t\toptionLabel=\"label\"\r\n\t\t\t\t\tclass=\"w-full md:w-56\" />\r\n\t\t\t</p-popover>\r\n\t\t} @else {\r\n\t\t\t<div\r\n\t\t\t\t[class]=\"getClass(i, [])\"\r\n\t\t\t\t(click)=\"changeStatus(st)\">\r\n\t\t\t\t<span>{{ st.i18nKey ? i18n.fanyi(st.i18nKey) : st.label }}</span>\r\n\t\t\t</div>\r\n\t\t}\r\n\t}\r\n</div>\r\n", styles: ["::ng-deep .pop-steps.p-popover.p-popover-flipped:before{display:none}::ng-deep .pop-steps.p-popover.p-popover-flipped:after{display:none}::ng-deep .pop-steps.p-popover:before{display:none}::ng-deep .pop-steps.p-popover:after{display:none}::ng-deep .pop-steps.p-popover-flipped{margin-top:-5px}::ng-deep .pop-steps .p-popover-content{padding:0}::ng-deep .end-steps.p-popover{margin-top:2.5px;z-index:999;position:absolute!important;left:auto!important;right:0!important;top:100%!important;min-width:125px}::ng-deep .start-steps.p-popover{margin-top:2.5px;z-index:999;position:absolute!important;left:0!important;right:auto!important;top:100%!important;min-width:125px}.step-item{position:relative;height:32px;padding:0 5px;background-color:#e7e9ed}.step-item span{color:#334155c2;white-space:nowrap}.step-item.step-first{padding-left:15px}.step-item.step-last{padding-right:15px}.step-item:not(.step-first){border-left:15px solid transparent;margin-left:2px}.step-item:not(.step-first):before{content:\"\";position:absolute;top:0;left:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid white}.step-item:not(.step-last):after{content:\"\";position:absolute;top:0;right:-12px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid #e7e9ed;z-index:2}.step-item.step-active{background-color:var(--p-primary-200)}.step-item.step-active span{color:#334155}.step-item.step-active:after{border-left:12px solid var(--p-primary-200)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ListboxModule }, { kind: "component", type: i1$6.Listbox, selector: "p-listbox, p-listBox, p-list-box", inputs: ["id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "ariaLabel", "selectOnFocus", "searchLocale", "focusOnHover", "filterMessage", "filterFields", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "scrollHeight", "tabindex", "multiple", "style", "styleClass", "listStyle", "listStyleClass", "readonly", "disabled", "checkbox", "filter", "filterBy", "filterMatchMode", "filterLocale", "metaKeySelection", "dataKey", "showToggleAll", "optionLabel", "optionValue", "optionGroupChildren", "optionGroupLabel", "optionDisabled", "ariaFilterLabel", "filterPlaceHolder", "emptyFilterMessage", "emptyMessage", "group", "options", "filterValue", "selectAll", "striped", "highlightOnSelect", "checkmark"], outputs: ["onChange", "onClick", "onDblClick", "onFilter", "onFocus", "onBlur", "onSelectAllChange", "onLazyLoad"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }] }); }
@@ -6434,6 +6437,14 @@ class PageFormComponent extends AmComponent {
             this.isLog = this.modelLog();
             console.log('model-----', this.isLog, this.modelLog());
         }, { allowSignalWrites: true });
+        effect(() => {
+            if (this.statusSteps().length > 0 && !this.id) {
+                this.upsertPrm.addData[this.statusKey()] = this.statusSteps()[0]['value'];
+                this.getPrm.data = Object.assign(this.getPrm.data || {}, {
+                    [this.statusKey()]: this.statusSteps()[0]['value']
+                });
+            }
+        }, { allowSignalWrites: true });
     }
     ngOnInit() {
         this.upCb = this.upCb.bind(this);
@@ -6486,10 +6497,11 @@ class PageFormComponent extends AmComponent {
             });
         }
     }
-    getDetail() {
+    getDetail(customSteps) {
         this.web_get(this.getPrm).subscribe(res => {
             this.updateTitle(res);
             this.formDisabled() && this.formDisFunc();
+            customSteps && customSteps.refreshSteps();
         });
     }
     updateTitle(res) {
@@ -6537,8 +6549,7 @@ class PageFormComponent extends AmComponent {
                 };
             }
             this.web_write(param).subscribe(res => {
-                this.getDetail();
-                customSteps.refreshSteps();
+                this.getDetail(customSteps);
             });
         }
         else {