Merge pull request #160 from opentiny/fix-opentiny-ng-checkbox-stream-rendering

Fix opentiny ng checkbox stream rendering & TiDateRange placeholder description

Author: rhlin

package.json

@@ -25,7 +25,8 @@
     "patchedDependencies": {
       "ai@6.0.116": "patches/ai@6.0.116.patch",
       "@ai-sdk/deepseek@1.0.7": "patches/@ai-sdk__deepseek@1.0.7.patch",
-      "@ai-sdk/openai-compatible@1.0.7": "patches/@ai-sdk__openai-compatible@1.0.7.patch"
+      "@ai-sdk/openai-compatible@1.0.7": "patches/@ai-sdk__openai-compatible@1.0.7.patch",
+      "@opentiny/ng-checkbox": "patches/@opentiny__ng-checkbox.patch"
     }
   },
   "keywords": [],

packages/materials/angular-opentiny-ng/src/render-config/bundle.json

@@ -4495,7 +4495,7 @@
                     "property": "placeholder",
                     "label": {
                       "text": {
-                        "zh_CN": "占位文本"
+                        "zh_CN": "占位文本, 数组类型，示例：`['开始日期占位文本', '结束日期占位文本']`"
                       }
                     },
                     "description": {
@@ -4506,7 +4506,7 @@
                     "disabled": false,
                     "cols": 12,
                     "labelPosition": "left",
-                    "type": "string",
+                    "type": "Array",
                     "widget": {
                       "component": "I18nConfigurator",
                       "props": {

patches/@opentiny__ng-checkbox.patch

@@ -0,0 +1,21 @@
+diff --git a/fesm2020/opentiny-ng-checkbox.mjs b/fesm2020/opentiny-ng-checkbox.mjs
+index 6b33941eea01dd43c553ea92ea8dcf179ebebc41..306a70a0f49bca6e723be8a1a79dfa5f03383dca 100644
+--- a/fesm2020/opentiny-ng-checkbox.mjs
++++ b/fesm2020/opentiny-ng-checkbox.mjs
+@@ -734,14 +734,14 @@ class TiCheckboxGroupComponent extends TiFormComponent {
+     }
+ }
+ TiCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TiCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+-TiCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TiCheckboxGroupComponent, selector: "ti-checkbox-group", inputs: { items: "items", labelKey: "labelKey", valueKey: "valueKey", direction: "direction" }, host: { properties: { "class.ti-checkboxgroup-horizon": "direction === \"horizontal\"", "class.ti-checkboxgroup-vertical": "direction === \"vertical\"", "class.ti-checkboxgroup-defalut-item": "!itemTemplate" } }, providers: [TiFormComponent.getValueAccessor(TiCheckboxGroupComponent)], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span style=\"display: none\">\r\n  <input\r\n    type=\"checkbox\"\r\n    tiCheckgroup\r\n    [items]=\"items\"\r\n    [(checkeds)]=\"checkeds\"\r\n    [valueKey]=\"valueKey\"\r\n    (checkedsChange)=\"onCheckedsChange($event)\"\r\n  />\r\n</span>\r\n<ng-container *ngFor=\"let item of items;let i = index\">\r\n  <ng-container *ngIf=\"itemTemplate else defaultTemplate;\">\r\n    <!-- \u81EA\u5B9A\u4E49label -->\r\n    <span class=\"checkbox-group-item\">\r\n      <input type=\"checkbox\" [id]=\"item.id\" tiCheckitem [item]=\"item\" [disabled]=\"item.disabled\" />\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate;context: {$implicit: item,index: i}\"></ng-container>\r\n    </span>\r\n  </ng-container>\r\n  <ng-template #defaultTemplate>\r\n    <!-- \u9ED8\u8BA4label -->\r\n    <input type=\"checkbox\" [id]=\"appendId(item.id || i)\" tiCheckitem [item]=\"item\" [label]=\"item[labelKey]\" [disabled]=\"item.disabled\" />\r\n  </ng-template>\r\n</ng-container>\r\n", styles: ["ti-checkbox-group{display:inline-flex;flex-wrap:wrap;line-height:1.5em;vertical-align:bottom}ti-checkbox-group .ti3-checkbox{display:inline-flex!important;align-items:flex-start!important;flex-shrink:0;line-height:1.5em!important}ti-checkbox-group.ti-checkboxgroup-vertical{flex-direction:column}ti-checkbox-group.ti-checkboxgroup-vertical input[type=checkbox][tiCheckbox]+.ti3-checkbox,ti-checkbox-group.ti-checkboxgroup-vertical .checkbox-group-item{line-height:28px!important;line-height:var(--ti-common-size-7x, 28px)!important;flex-shrink:0}.checkbox-group-item{display:inline-flex}ti-checkbox-group.ti-checkboxgroup-horizon.ti-checkboxgroup-defalut-item label.ti3-checkbox{margin-right:20px;margin-right:var(--ti-common-space-5x, 20px)}\n"], components: [{ type: TiCheckgroupComponent, selector: "[tiCheckgroup]", inputs: ["items", "checkeds"], outputs: ["checkedsChange"] }, { type: TiCheckitemComponent, selector: "[tiCheckitem]", inputs: ["item", "beCheckeds", "valueKey"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
++TiCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TiCheckboxGroupComponent, selector: "ti-checkbox-group", inputs: { items: "items", labelKey: "labelKey", valueKey: "valueKey", direction: "direction" }, host: { properties: { "class.ti-checkboxgroup-horizon": "direction === \"horizontal\"", "class.ti-checkboxgroup-vertical": "direction === \"vertical\"", "class.ti-checkboxgroup-defalut-item": "!itemTemplate" } }, providers: [TiFormComponent.getValueAccessor(TiCheckboxGroupComponent)], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span style=\"display: none\">\r\n  <input\r\n    type=\"checkbox\"\r\n    tiCheckgroup\r\n    [items]=\"items || []\"\r\n    [(checkeds)]=\"checkeds\"\r\n    [valueKey]=\"valueKey\"\r\n    (checkedsChange)=\"onCheckedsChange($event)\"\r\n  />\r\n</span>\r\n<ng-container *ngFor=\"let item of items;let i = index\">\r\n  <ng-container *ngIf=\"itemTemplate else defaultTemplate;\">\r\n    <!-- \u81EA\u5B9A\u4E49label -->\r\n    <span class=\"checkbox-group-item\">\r\n      <input type=\"checkbox\" [id]=\"item.id\" tiCheckitem [item]=\"item\" [disabled]=\"item.disabled\" />\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate;context: {$implicit: item,index: i}\"></ng-container>\r\n    </span>\r\n  </ng-container>\r\n  <ng-template #defaultTemplate>\r\n    <!-- \u9ED8\u8BA4label -->\r\n    <input type=\"checkbox\" [id]=\"appendId(item.id || i)\" tiCheckitem [item]=\"item\" [label]=\"item[labelKey]\" [disabled]=\"item.disabled\" />\r\n  </ng-template>\r\n</ng-container>\r\n", styles: ["ti-checkbox-group{display:inline-flex;flex-wrap:wrap;line-height:1.5em;vertical-align:bottom}ti-checkbox-group .ti3-checkbox{display:inline-flex!important;align-items:flex-start!important;flex-shrink:0;line-height:1.5em!important}ti-checkbox-group.ti-checkboxgroup-vertical{flex-direction:column}ti-checkbox-group.ti-checkboxgroup-vertical input[type=checkbox][tiCheckbox]+.ti3-checkbox,ti-checkbox-group.ti-checkboxgroup-vertical .checkbox-group-item{line-height:28px!important;line-height:var(--ti-common-size-7x, 28px)!important;flex-shrink:0}.checkbox-group-item{display:inline-flex}ti-checkbox-group.ti-checkboxgroup-horizon.ti-checkboxgroup-defalut-item label.ti3-checkbox{margin-right:20px;margin-right:var(--ti-common-space-5x, 20px)}\n"], components: [{ type: TiCheckgroupComponent, selector: "[tiCheckgroup]", inputs: ["items", "checkeds"], outputs: ["checkedsChange"] }, { type: TiCheckitemComponent, selector: "[tiCheckitem]", inputs: ["item", "beCheckeds", "valueKey"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TiCheckboxGroupComponent, decorators: [{
+             type: Component,
+             args: [{ selector: 'ti-checkbox-group', encapsulation: ViewEncapsulation.None, host: {
+                         '[class.ti-checkboxgroup-horizon]': 'direction === "horizontal"',
+                         '[class.ti-checkboxgroup-vertical]': 'direction === "vertical"',
+                         '[class.ti-checkboxgroup-defalut-item]': '!itemTemplate'
+-                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TiFormComponent.getValueAccessor(TiCheckboxGroupComponent)], template: "<span style=\"display: none\">\r\n  <input\r\n    type=\"checkbox\"\r\n    tiCheckgroup\r\n    [items]=\"items\"\r\n    [(checkeds)]=\"checkeds\"\r\n    [valueKey]=\"valueKey\"\r\n    (checkedsChange)=\"onCheckedsChange($event)\"\r\n  />\r\n</span>\r\n<ng-container *ngFor=\"let item of items;let i = index\">\r\n  <ng-container *ngIf=\"itemTemplate else defaultTemplate;\">\r\n    <!-- \u81EA\u5B9A\u4E49label -->\r\n    <span class=\"checkbox-group-item\">\r\n      <input type=\"checkbox\" [id]=\"item.id\" tiCheckitem [item]=\"item\" [disabled]=\"item.disabled\" />\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate;context: {$implicit: item,index: i}\"></ng-container>\r\n    </span>\r\n  </ng-container>\r\n  <ng-template #defaultTemplate>\r\n    <!-- \u9ED8\u8BA4label -->\r\n    <input type=\"checkbox\" [id]=\"appendId(item.id || i)\" tiCheckitem [item]=\"item\" [label]=\"item[labelKey]\" [disabled]=\"item.disabled\" />\r\n  </ng-template>\r\n</ng-container>\r\n", styles: ["ti-checkbox-group{display:inline-flex;flex-wrap:wrap;line-height:1.5em;vertical-align:bottom}ti-checkbox-group .ti3-checkbox{display:inline-flex!important;align-items:flex-start!important;flex-shrink:0;line-height:1.5em!important}ti-checkbox-group.ti-checkboxgroup-vertical{flex-direction:column}ti-checkbox-group.ti-checkboxgroup-vertical input[type=checkbox][tiCheckbox]+.ti3-checkbox,ti-checkbox-group.ti-checkboxgroup-vertical .checkbox-group-item{line-height:28px!important;line-height:var(--ti-common-size-7x, 28px)!important;flex-shrink:0}.checkbox-group-item{display:inline-flex}ti-checkbox-group.ti-checkboxgroup-horizon.ti-checkboxgroup-defalut-item label.ti3-checkbox{margin-right:20px;margin-right:var(--ti-common-space-5x, 20px)}\n"] }]
++                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TiFormComponent.getValueAccessor(TiCheckboxGroupComponent)], template: "<span style=\"display: none\">\r\n  <input\r\n    type=\"checkbox\"\r\n    tiCheckgroup\r\n    [items]=\"items || []\"\r\n    [(checkeds)]=\"checkeds\"\r\n    [valueKey]=\"valueKey\"\r\n    (checkedsChange)=\"onCheckedsChange($event)\"\r\n  />\r\n</span>\r\n<ng-container *ngFor=\"let item of items;let i = index\">\r\n  <ng-container *ngIf=\"itemTemplate else defaultTemplate;\">\r\n    <!-- \u81EA\u5B9A\u4E49label -->\r\n    <span class=\"checkbox-group-item\">\r\n      <input type=\"checkbox\" [id]=\"item.id\" tiCheckitem [item]=\"item\" [disabled]=\"item.disabled\" />\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate;context: {$implicit: item,index: i}\"></ng-container>\r\n    </span>\r\n  </ng-container>\r\n  <ng-template #defaultTemplate>\r\n    <!-- \u9ED8\u8BA4label -->\r\n    <input type=\"checkbox\" [id]=\"appendId(item.id || i)\" tiCheckitem [item]=\"item\" [label]=\"item[labelKey]\" [disabled]=\"item.disabled\" />\r\n  </ng-template>\r\n</ng-container>\r\n", styles: ["ti-checkbox-group{display:inline-flex;flex-wrap:wrap;line-height:1.5em;vertical-align:bottom}ti-checkbox-group .ti3-checkbox{display:inline-flex!important;align-items:flex-start!important;flex-shrink:0;line-height:1.5em!important}ti-checkbox-group.ti-checkboxgroup-vertical{flex-direction:column}ti-checkbox-group.ti-checkboxgroup-vertical input[type=checkbox][tiCheckbox]+.ti3-checkbox,ti-checkbox-group.ti-checkboxgroup-vertical .checkbox-group-item{line-height:28px!important;line-height:var(--ti-common-size-7x, 28px)!important;flex-shrink:0}.checkbox-group-item{display:inline-flex}ti-checkbox-group.ti-checkboxgroup-horizon.ti-checkboxgroup-defalut-item label.ti3-checkbox{margin-right:20px;margin-right:var(--ti-common-space-5x, 20px)}\n"] }]
+         }], propDecorators: { items: [{
+                 type: Input
+             }], labelKey: [{