@shival99/z-ui 1.6.1 → 1.6.2

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -283,18 +283,47 @@ class ZTableEditCellComponent {
     }, ...(ngDevMode ? [{ debugName: "size" }] : []));
     placeholder = computed(() => {
         const config = this.editConfig();
-        return config?.placeholder ?? '';
+        const placeholderConfig = config?.placeholder;
+        if (!placeholderConfig) {
+            return '';
+        }
+        if (typeof placeholderConfig === 'function') {
+            return placeholderConfig(this.zRow());
+        }
+        return placeholderConfig;
     }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    allowClear = computed(() => {
+        const config = this.editConfig();
+        return config?.allowClear ?? false;
+    }, ...(ngDevMode ? [{ debugName: "allowClear" }] : []));
     selectOptions = computed(() => {
         const config = this.editConfig();
         const optionsConfig = config?.options;
         if (!optionsConfig) {
             return [];
         }
+        let rawOptions;
         if (typeof optionsConfig === 'function') {
-            return optionsConfig(this.zRow());
+            rawOptions = optionsConfig(this.zRow());
+        }
+        else {
+            rawOptions = optionsConfig;
+        }
+        const labelKey = config?.optionLabelKey;
+        const valueKey = config?.optionValueKey;
+        if (labelKey || valueKey) {
+            return rawOptions.map((opt) => {
+                if (typeof opt !== 'object' || opt === null) {
+                    return { label: String(opt), value: opt };
+                }
+                const obj = opt;
+                return {
+                    label: String(obj[labelKey ?? 'label'] ?? ''),
+                    value: obj[valueKey ?? 'value'],
+                };
+            });
         }
-        return optionsConfig;
+        return rawOptions;
     }, ...(ngDevMode ? [{ debugName: "selectOptions" }] : []));
     isDisabled = computed(() => {
         const config = this.editConfig();
@@ -482,6 +511,7 @@ class ZTableEditCellComponent {
           [zWrap]="false"
           [zScrollClose]="true"
           [zOptions]="selectOptions()"
+          [zAllowClear]="allowClear()"
           [zDisabled]="isDisabled() || isReadonly()"
           [ngModel]="value()"
           [zPlaceholder]="placeholder()"
@@ -580,6 +610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           [zWrap]="false"
           [zScrollClose]="true"
           [zOptions]="selectOptions()"
+          [zAllowClear]="allowClear()"
           [zDisabled]="isDisabled() || isReadonly()"
           [ngModel]="value()"
           [zPlaceholder]="placeholder()"