ps-toolkit-ui 1.20.66 → 1.20.68

package/bundles/ps-toolkit-ui.umd.js

@@ -454,48 +454,49 @@
         InputType[InputType["Number"] = 11] = "Number";
         InputType[InputType["Select"] = 12] = "Select";
         InputType[InputType["SelectSearch"] = 13] = "SelectSearch";
-        InputType[InputType["SelectAutoComplete"] = 14] = "SelectAutoComplete";
-        InputType[InputType["Date"] = 15] = "Date";
-        InputType[InputType["Month"] = 16] = "Month";
-        InputType[InputType["Year"] = 17] = "Year";
-        InputType[InputType["Time"] = 18] = "Time";
-        InputType[InputType["DateTime"] = 19] = "DateTime";
-        InputType[InputType["Check"] = 20] = "Check";
-        InputType[InputType["TextArea"] = 21] = "TextArea";
-        InputType[InputType["Label"] = 22] = "Label";
-        InputType[InputType["Button"] = 23] = "Button";
-        InputType[InputType["Submit"] = 24] = "Submit";
-        InputType[InputType["Icon"] = 25] = "Icon";
-        InputType[InputType["File"] = 26] = "File";
-        InputType[InputType["Url"] = 27] = "Url";
-        InputType[InputType["Price"] = 28] = "Price";
-        InputType[InputType["Radio"] = 29] = "Radio";
-        InputType[InputType["Tree"] = 30] = "Tree";
-        InputType[InputType["TreeRadio"] = 31] = "TreeRadio";
-        InputType[InputType["Plaque"] = 32] = "Plaque";
-        InputType[InputType["PlaqueM"] = 33] = "PlaqueM";
-        InputType[InputType["PlaqueF"] = 34] = "PlaqueF";
-        InputType[InputType["PlaqueG"] = 35] = "PlaqueG";
-        InputType[InputType["SelectAutoCompletePlaque"] = 36] = "SelectAutoCompletePlaque";
-        InputType[InputType["SelectAutoCompletePlaqueM"] = 37] = "SelectAutoCompletePlaqueM";
-        InputType[InputType["SelectAutoCompletePlaqueF"] = 38] = "SelectAutoCompletePlaqueF";
-        InputType[InputType["SelectAutoCompletePlaqueG"] = 39] = "SelectAutoCompletePlaqueG";
-        InputType[InputType["BankCard"] = 40] = "BankCard";
-        InputType[InputType["Constant"] = 41] = "Constant";
-        InputType[InputType["Hidden"] = 42] = "Hidden";
-        InputType[InputType["Table"] = 43] = "Table";
-        InputType[InputType["Tag"] = 44] = "Tag";
-        InputType[InputType["VehicleSearch"] = 45] = "VehicleSearch";
-        InputType[InputType["Vehicle"] = 46] = "Vehicle";
-        InputType[InputType["Finger"] = 47] = "Finger";
-        InputType[InputType["Color"] = 48] = "Color";
-        InputType[InputType["Star"] = 49] = "Star";
-        InputType[InputType["Toggle"] = 50] = "Toggle";
-        InputType[InputType["BillNumber"] = 51] = "BillNumber";
-        InputType[InputType["Ckeditor"] = 52] = "Ckeditor";
-        InputType[InputType["Uploader"] = 53] = "Uploader";
-        InputType[InputType["Slide"] = 54] = "Slide";
-        InputType[InputType["Username"] = 55] = "Username";
+        InputType[InputType["SelectSearchRadio"] = 14] = "SelectSearchRadio";
+        InputType[InputType["SelectAutoComplete"] = 15] = "SelectAutoComplete";
+        InputType[InputType["Date"] = 16] = "Date";
+        InputType[InputType["Month"] = 17] = "Month";
+        InputType[InputType["Year"] = 18] = "Year";
+        InputType[InputType["Time"] = 19] = "Time";
+        InputType[InputType["DateTime"] = 20] = "DateTime";
+        InputType[InputType["Check"] = 21] = "Check";
+        InputType[InputType["TextArea"] = 22] = "TextArea";
+        InputType[InputType["Label"] = 23] = "Label";
+        InputType[InputType["Button"] = 24] = "Button";
+        InputType[InputType["Submit"] = 25] = "Submit";
+        InputType[InputType["Icon"] = 26] = "Icon";
+        InputType[InputType["File"] = 27] = "File";
+        InputType[InputType["Url"] = 28] = "Url";
+        InputType[InputType["Price"] = 29] = "Price";
+        InputType[InputType["Radio"] = 30] = "Radio";
+        InputType[InputType["Tree"] = 31] = "Tree";
+        InputType[InputType["TreeRadio"] = 32] = "TreeRadio";
+        InputType[InputType["Plaque"] = 33] = "Plaque";
+        InputType[InputType["PlaqueM"] = 34] = "PlaqueM";
+        InputType[InputType["PlaqueF"] = 35] = "PlaqueF";
+        InputType[InputType["PlaqueG"] = 36] = "PlaqueG";
+        InputType[InputType["SelectAutoCompletePlaque"] = 37] = "SelectAutoCompletePlaque";
+        InputType[InputType["SelectAutoCompletePlaqueM"] = 38] = "SelectAutoCompletePlaqueM";
+        InputType[InputType["SelectAutoCompletePlaqueF"] = 39] = "SelectAutoCompletePlaqueF";
+        InputType[InputType["SelectAutoCompletePlaqueG"] = 40] = "SelectAutoCompletePlaqueG";
+        InputType[InputType["BankCard"] = 41] = "BankCard";
+        InputType[InputType["Constant"] = 42] = "Constant";
+        InputType[InputType["Hidden"] = 43] = "Hidden";
+        InputType[InputType["Table"] = 44] = "Table";
+        InputType[InputType["Tag"] = 45] = "Tag";
+        InputType[InputType["VehicleSearch"] = 46] = "VehicleSearch";
+        InputType[InputType["Vehicle"] = 47] = "Vehicle";
+        InputType[InputType["Finger"] = 48] = "Finger";
+        InputType[InputType["Color"] = 49] = "Color";
+        InputType[InputType["Star"] = 50] = "Star";
+        InputType[InputType["Toggle"] = 51] = "Toggle";
+        InputType[InputType["BillNumber"] = 52] = "BillNumber";
+        InputType[InputType["Ckeditor"] = 53] = "Ckeditor";
+        InputType[InputType["Uploader"] = 54] = "Uploader";
+        InputType[InputType["Slide"] = 55] = "Slide";
+        InputType[InputType["Username"] = 56] = "Username";
     })(exports.InputType || (exports.InputType = {}));
     (function (OperationEnum) {
         OperationEnum[OperationEnum["All"] = -1] = "All";
@@ -6058,6 +6059,11 @@
             this.selectOption = new core.EventEmitter();
             this.parent = null;
         }
+        Object.defineProperty(FormSelectItemComponent.prototype, "type", {
+            get: function () { return exports.InputType; },
+            enumerable: false,
+            configurable: true
+        });
         FormSelectItemComponent.prototype.ngOnInit = function () {
             this.item.parent = this.parent;
         };
@@ -6066,8 +6072,8 @@
     FormSelectItemComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form-select-item',
-                    template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.disabled ? ' disabled' : '')\" *ngIf=\"item.show\" [attr.data-value]=\"item.value\">\r\n<!--  <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n  <div (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n    <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple\"></div>\r\n    <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n    <span *ngIf=\"item.option && item.option.Color\" class=\"color\" [style]=\"{backgroundColor: item.option.Color}\"></span>\r\n  </div>\r\n  <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > level)\" class=\"children rightline\">\r\n    <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [level]=\"level + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 35px)}.option{align-items:center;border-radius:0;cursor:pointer;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option:has(.check){padding-right:25px}.option .color{border-radius:var(--border-radius-base);height:15px;position:absolute;right:20px;top:7.5px;width:15px}::ng-deep .plaque-inp .option{direction:ltr}.option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option .check.checked:after{content:\"\\f14a\"}.option .check.checked:after,.option .check.null:after{animation:pop .18s ease-in;color:var(--green);font-weight:900}.option .check.null:after{content:\"\\f146\"}.option-con.hover:not(.disabled)>.option,.option-con.selected>.option{background-color:var(--black-white)}.option-con.disabled>.option{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}"]
+                    template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.disabled ? ' disabled' : '') + (select.type == type.SelectSearchRadio ? ' radio' : '')\" *ngIf=\"item.show\" [attr.data-value]=\"item.value\">\r\n<!--  <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n  <div (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n    <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple || (select.type == type.SelectSearchRadio && item.options.length == 0)\"></div>\r\n    <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n    <span *ngIf=\"item.option && item.option.Color\" class=\"color\" [style]=\"{backgroundColor: item.option.Color}\"></span>\r\n  </div>\r\n  <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > level)\" class=\"children rightline\">\r\n    <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [level]=\"level + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 25px)}.option{align-items:center;border-radius:0;cursor:pointer;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option:has(.check){padding-right:25px}.option .color{border-radius:var(--border-radius-base);height:15px;position:absolute;right:20px;top:7.5px;width:15px}::ng-deep .plaque-inp .option{direction:ltr}.option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option.radio .check:after{content:\"\\f111\"}.option .check.checked:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f14a\";font-weight:900}.option.radio .check.checked:after{content:\"\\f192\"}.option .check.null:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f146\";font-weight:900}.option-con.hover:not(.disabled)>.option,.option-con.selected>.option{background-color:var(--black-white)}.option-con.disabled>.option{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}"]
                 },] }
     ];
     FormSelectItemComponent.propDecorators = {
@@ -6311,9 +6317,16 @@
         };
         FormSelectComponent.prototype.selectOption = function (v, isEdit) {
             if (isEdit === void 0) { isEdit = false; }
-            this.inp.error = null;
             var va = this.getValue(v);
-            if (this.inp.multiple) {
+            if (this.inp.type === exports.InputType.SelectSearchRadio && va.options.length !== 0) {
+                return;
+            }
+            this.inp.error = null;
+            if (this.inp.type === exports.InputType.SelectSearchRadio) {
+                this.toggleRadio(va);
+                this.inp.search = '';
+            }
+            else if (this.inp.multiple) {
                 this.toggle(va);
                 this.inp.search = '';
             }
@@ -6349,6 +6362,17 @@
                 this.cI('Tab');
             }
         };
+        FormSelectComponent.prototype.toggleRadio = function (op) {
+            if (op.selected) {
+                this.inp.value = null;
+                op.selected = false;
+            }
+            else {
+                this.inp.value = op.value;
+                this.inp.options.filter(function (x) { return x.parent.value === op.parent.value; }).forEach(function (x) { return x.selected = false; });
+                op.selected = true;
+            }
+        };
         FormSelectComponent.prototype.toggle = function (op) {
             if (op.selected) {
                 this.inp.value = null;