@ng-nest/ui 11.2.9 → 11.2.13

package/result/result.property.d.ts

@@ -18,17 +18,17 @@ export declare class XResultProperty extends XProperty {
      * @zh_CN 标题，支持模板自定义
      * @en_US Title, support template customization
      */
-    title: XTemplate;
+    title?: XTemplate;
     /**
      * @zh_CN 图标，支持模板自定义
      * @en_US Icon, support template customization
      */
-    icon: XTemplate;
+    icon?: XTemplate;
     /**
      * @zh_CN 小标题，支持模板自定义
      * @en_US Subtitle, support template customization
      */
-    subTitle: XTemplate;
+    subTitle?: XTemplate;
 }
 /**
  * @zh_CN 结果状态

package/ripple/ripple.property.d.ts

@@ -13,12 +13,12 @@ export declare class XRippleProperty extends XProperty {
      * @zh_CN 类型
      * @en_US Types of
      */
-    type: XRippleType;
+    type?: XRippleType;
     /**
      * @zh_CN 禁用
      * @en_US Disable
      */
-    disabled: XBoolean;
+    disabled?: XBoolean;
 }
 /**
  * @zh_CN 波纹类型

package/select/ng-nest-ui-select.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XSelectProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSelectPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":39,"character":14},"arguments":[{"__symbolic":"reference","name":"XSelectComponent"}]}],"template":"<div\r\n  #select\r\n  class=\"x-select\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-checked]=\"value\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-select-row\" (click)=\"showPortal()\" (mouseenter)=\"menter()\" (mouseleave)=\"mleave()\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"showClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"nodeTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n","styles":[".x-select{margin:0;padding:0;flex:1;width:100%}.x-select.x-flex{display:flex}.x-select.x-justify-start{justify-content:flex-start}.x-select.x-justify-center{justify-content:center}.x-select.x-justify-end{justify-content:flex-end}.x-select.x-justify-space-between{justify-content:space-between}.x-select.x-justify-space-around{justify-content:space-around}.x-select.x-align-start{align-items:flex-start}.x-select.x-align-center{align-items:center}.x-select.x-align-end{align-items:flex-end}.x-select.x-direction-column{flex-direction:column}.x-select.x-direction-column-reverse{flex-direction:column-reverse}.x-select.x-direction-row{flex-direction:row}.x-select.x-direction-row-reverse{flex-direction:row-reverse}.x-select>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);color:var(--x-text-300);font-weight:600}.x-select>label.x-text-align-start{text-align:start}.x-select>label.x-text-align-center{text-align:center}.x-select>label.x-text-align-end{text-align:end}.x-select>.x-select-row{flex:1;display:flex;align-items:center;position:relative}.x-select>.x-select-row>x-input>.x-input>.x-input-row>.x-input-value-template-value,.x-select>.x-select-row>x-input>.x-input>.x-input-row>input{cursor:pointer}.x-select.x-invalid>label,.x-select.x-required>label{color:var(--x-danger)}.x-select.x-disabled>.x-select-row>x-input>.x-input>.x-input-row>input{cursor:not-allowed}.x-select.x-flex.x-direction-row>label{padding:0 .5rem 0 0}.x-select.x-flex.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-select.x-flex.x-direction-column,.x-select.x-flex.x-direction-column-reverse{align-items:inherit}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"]}]}],"members":{"inputCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["inputCom",{"static":true}]}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["select",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":78,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":79,"character":17},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalService","line":80,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":81,"character":30},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":82,"character":21},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":83,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setSubject":[{"__symbolic":"method"}],"menter":[{"__symbolic":"method"}],"mleave":[{"__symbolic":"method"}],"clearEmit":[{"__symbolic":"method"}],"setDisplayValue":[{"__symbolic":"method"}],"portalAttached":[{"__symbolic":"method"}],"closePortal":[{"__symbolic":"method"}],"destroyPortal":[{"__symbolic":"method"}],"showPortal":[{"__symbolic":"method"}],"createPortal":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setInstance":[{"__symbolic":"method"}],"nodeClick":[{"__symbolic":"method"}],"setPlacement":[{"__symbolic":"method"}],"setPortal":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]}},"XSelectPortalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSelectPortalPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConnectBaseAnimation","line":25,"character":15}],"template":"<div #selectPortal class=\"x-select-portal\" (click)=\"stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    [(ngModel)]=\"value\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    checked\r\n    [objectArray]=\"multiple === 0\"\r\n    [multiple]=\"multiple\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"selectPortal\"\r\n  ></x-list>\r\n</div>\r\n","styles":["x-select-portal{width:100%}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"]}]}],"members":{"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["@x-connect-base-animation"]}]}],"done":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["@x-connect-base-animation.done",["$event"]]}]}],"start":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["@x-connect-base-animation.start",["$event"]]}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["list"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}],"nodeClick":[{"__symbolic":"method"}],"onActive":[{"__symbolic":"method"}],"onTabOut":[{"__symbolic":"method"}]}},"XSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XSelectComponent"},{"__symbolic":"reference","name":"XSelectPortalComponent"},{"__symbolic":"reference","name":"XSelectProperty"}],"exports":[{"__symbolic":"reference","name":"XSelectComponent"},{"__symbolic":"reference","name":"XSelectPortalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalModule","line":14,"character":60},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":14,"character":75},{"__symbolic":"reference","module":"@ng-nest/ui/list","name":"XListModule","line":14,"character":89},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":14,"character":102}],"entryComponents":[{"__symbolic":"reference","name":"XSelectPortalComponent"}]}]}],"members":{}},"XSelectPrefix":"x-select","XSelectProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":24,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":29,"character":12}}]}],"clearable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":34,"character":12},"arguments":["select",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":34,"character":56}}]}],"async":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":39,"character":12}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":44,"character":12},"arguments":["select","bottom"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":49,"character":12}}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}]}},"XSelectOption":{"__symbolic":"interface"},"XSelectNode":{"__symbolic":"interface"},"XSelectPortalPrefix":"x-select-portal"},"origins":{"XSelectComponent":"./select.component","XSelectPortalComponent":"./select-portal.component","XSelectModule":"./select.module","XSelectPrefix":"./select.property","XSelectProperty":"./select.property","XSelectOption":"./select.property","XSelectNode":"./select.property","XSelectPortalPrefix":"./select.property"},"importAs":"@ng-nest/ui/select"}
+{"__symbolic":"module","version":4,"metadata":{"XSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XSelectProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSelectPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":30,"character":14},"arguments":[{"__symbolic":"reference","name":"XSelectComponent"}]}],"template":"<div\r\n  #select\r\n  class=\"x-select\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-checked]=\"value\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n>\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-select-row\" (click)=\"showPortal()\" (mouseenter)=\"menter()\" (mouseleave)=\"mleave()\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [icon]=\"icon\"\r\n      [iconSpin]=\"iconSpin\"\r\n      [placeholder]=\"placeholder\"\r\n      [required]=\"required\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"showClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"nodeTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xKeydown)=\"onKeydown($event)\"\r\n      (xFocus)=\"onFocus($event)\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n","styles":[".x-select{margin:0;padding:0;flex:1;width:100%}.x-select.x-flex{display:flex}.x-select.x-justify-start{justify-content:flex-start}.x-select.x-justify-center{justify-content:center}.x-select.x-justify-end{justify-content:flex-end}.x-select.x-justify-space-between{justify-content:space-between}.x-select.x-justify-space-around{justify-content:space-around}.x-select.x-align-start{align-items:flex-start}.x-select.x-align-center{align-items:center}.x-select.x-align-end{align-items:flex-end}.x-select.x-direction-column{flex-direction:column}.x-select.x-direction-column-reverse{flex-direction:column-reverse}.x-select.x-direction-row{flex-direction:row}.x-select.x-direction-row-reverse{flex-direction:row-reverse}.x-select>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);color:var(--x-text-300);font-weight:600}.x-select>label.x-text-align-start{text-align:start}.x-select>label.x-text-align-center{text-align:center}.x-select>label.x-text-align-end{text-align:end}.x-select>.x-select-row{flex:1;display:flex;align-items:center;position:relative}.x-select>.x-select-row>x-input>.x-input>.x-input-row>.x-input-value-template-value,.x-select>.x-select-row>x-input>.x-input>.x-input-row>input{cursor:pointer}.x-select.x-invalid>label,.x-select.x-required>label{color:var(--x-danger)}.x-select.x-disabled>.x-select-row>x-input>.x-input>.x-input-row>input{cursor:not-allowed}.x-select.x-flex.x-direction-row>label{padding:0 .5rem 0 0}.x-select.x-flex.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-select.x-flex.x-direction-column,.x-select.x-flex.x-direction-column-reverse{align-items:inherit}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"]}]}],"members":{"inputCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["inputCom",{"static":true}]}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["select",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":69,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":70,"character":17},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalService","line":71,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":72,"character":30},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":73,"character":21},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":74,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setSubject":[{"__symbolic":"method"}],"menter":[{"__symbolic":"method"}],"mleave":[{"__symbolic":"method"}],"clearEmit":[{"__symbolic":"method"}],"setDisplayValue":[{"__symbolic":"method"}],"portalAttached":[{"__symbolic":"method"}],"closePortal":[{"__symbolic":"method"}],"destroyPortal":[{"__symbolic":"method"}],"showPortal":[{"__symbolic":"method"}],"createPortal":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setInstance":[{"__symbolic":"method"}],"nodeClick":[{"__symbolic":"method"}],"setPlacement":[{"__symbolic":"method"}],"setPortal":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}]}},"XSelectPortalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSelectPortalPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConnectBaseAnimation","line":25,"character":15}],"template":"<div #selectPortal class=\"x-select-portal\" (click)=\"stopPropagation($event)\">\r\n  <x-list\r\n    #list\r\n    [data]=\"data\"\r\n    [(ngModel)]=\"value\"\r\n    (nodeClick)=\"nodeClick($event)\"\r\n    (keyManagerChange)=\"onActive($event)\"\r\n    (keyManagerTabOut)=\"onTabOut()\"\r\n    checked\r\n    [objectArray]=\"multiple === 0\"\r\n    [multiple]=\"multiple\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [scrollElement]=\"selectPortal\"\r\n  ></x-list>\r\n</div>\r\n","styles":["x-select-portal{width:100%}.x-select-portal{margin:.0625rem 0;font-size:var(--x-font-size);color:var(--x-text);border:var(--x-border-width) var(--x-border-style) var(--x-border);width:100%;border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);position:relative;display:flex;background-color:var(--x-background);overflow:hidden auto;max-height:calc(calc(calc(var(--x-font-size) + .875rem) * 6) + calc(var(--x-border-width) * 7))}"]}]}],"members":{"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["@x-connect-base-animation"]}]}],"done":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["@x-connect-base-animation.done",["$event"]]}]}],"start":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["@x-connect-base-animation.start",["$event"]]}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["list"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}],"nodeClick":[{"__symbolic":"method"}],"onActive":[{"__symbolic":"method"}],"onTabOut":[{"__symbolic":"method"}]}},"XSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XSelectComponent"},{"__symbolic":"reference","name":"XSelectPortalComponent"},{"__symbolic":"reference","name":"XSelectProperty"}],"exports":[{"__symbolic":"reference","name":"XSelectComponent"},{"__symbolic":"reference","name":"XSelectPortalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":14,"character":39},{"__symbolic":"reference","module":"@ng-nest/ui/portal","name":"XPortalModule","line":14,"character":60},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":14,"character":75},{"__symbolic":"reference","module":"@ng-nest/ui/list","name":"XListModule","line":14,"character":89},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":14,"character":102}],"entryComponents":[{"__symbolic":"reference","name":"XSelectPortalComponent"}]}]}],"members":{}},"XSelectPrefix":"x-select","XSelectProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":24,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":29,"character":12}}]}],"clearable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":34,"character":12},"arguments":["select",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":34,"character":56}}]}],"async":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":39,"character":12}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":44,"character":12},"arguments":["select","bottom"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":49,"character":12}}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}]}},"XSelectOption":{"__symbolic":"interface"},"XSelectNode":{"__symbolic":"interface"},"XSelectPortalPrefix":"x-select-portal"},"origins":{"XSelectComponent":"./select.component","XSelectPortalComponent":"./select-portal.component","XSelectModule":"./select.module","XSelectPrefix":"./select.property","XSelectProperty":"./select.property","XSelectOption":"./select.property","XSelectNode":"./select.property","XSelectPortalPrefix":"./select.property"},"importAs":"@ng-nest/ui/select"}

package/select/select.property.d.ts

@@ -20,27 +20,27 @@ export declare class XSelectProperty extends XControlValueAccessor<any> {
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable: XBoolean;
+    clearable?: XBoolean;
     /**
      * @zh_CN 异步加载
      * @en_US Asynchronous loading
      */
-    async: XBoolean;
+    async?: XBoolean;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement: XPositionTopBottom;
+    placement?: XPositionTopBottom;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
      */
-    multiple: XBoolean;
+    multiple?: XBoolean;
     /**
      * @zh_CN 节点模板
      * @en_US Node template
      */
-    nodeTpl: TemplateRef<any>;
+    nodeTpl?: TemplateRef<any>;
 }
 /**
  * Select Option

package/skeleton/ng-nest-ui-skeleton.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XSkeletonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XSkeletonProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSkeletonPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"!loading\">\r\n  <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loading\">\r\n  <div #skeleton class=\"x-skeleton\" [ngClass]=\"classMap\">\r\n    <ng-container *ngTemplateOutlet=\"rowsTpl; context: { rows: data }\"></ng-container>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #rowsTpl let-rows=\"rows\">\r\n  <x-row *ngFor=\"let row of rows\" [space]=\"row.space\" [justify]=\"row.flex ? 'start' : ''\" [ngStyle]=\"row.style\">\r\n    <x-col\r\n      *ngFor=\"let col of row.cols\"\r\n      [span]=\"col.span\"\r\n      [inherit]=\"col.width || col.height ? true : false\"\r\n      [ngStyle]=\"col.style\"\r\n      [style.padding-top.rem]=\"border && row.space / 2\"\r\n      [style.padding-bottom.rem]=\"border && row.space / 2\"\r\n      [ngClass]=\"{\r\n        title: col.type === 'title',\r\n        img: col.type === 'img',\r\n        avatar: col.type === 'avatar',\r\n        transparent: col.type === 'transparent',\r\n        'has-child': col.rows\r\n      }\"\r\n    >\r\n      <div [style.width]=\"col.width\" [style.height]=\"col.height\">\r\n        <ng-container *ngIf=\"col.rows\">\r\n          <ng-container *ngTemplateOutlet=\"rowsTpl; context: { rows: col.rows }\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n","styles":["@keyframes skeleton-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}.x-skeleton{margin:0;padding:0}.x-skeleton x-col,.x-skeleton x-row{min-height:1rem}.x-skeleton x-row{background-color:var(--x-background)}.x-skeleton x-row:not(:first-child){margin-top:1rem}.x-skeleton x-col>div{width:100%;height:1rem;background-color:var(--x-info-800);border-radius:var(--x-border-radius);position:relative}.x-skeleton x-col.has-child>div{background-color:initial}.x-skeleton x-col.has-size{width:inherit}.x-skeleton x-col.avatar>div{border-radius:50%}.x-skeleton x-col.avatar>div,.x-skeleton x-col.img>div,.x-skeleton x-col.title>div{background-color:var(--x-info-700)}.x-skeleton x-col.transparent{padding:0!important}.x-skeleton x-col.transparent>div{background-color:initial}.x-skeleton-border x-row{margin:0!important}.x-skeleton-border x-row x-col{border-left:.0625rem solid var(--x-border);border-bottom:.0625rem solid var(--x-border)}.x-skeleton-border x-row x-col:last-child{border-right:.0625rem solid var(--x-border)}.x-skeleton-border x-row:first-child x-col{border-top:.0625rem solid var(--x-border)}.x-skeleton-active x-col:not(.has-child):not(.transparent)>div:before{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:skeleton-active 1.4s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":25,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":26,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}]}},"XSkeletonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XSkeletonComponent"},{"__symbolic":"reference","name":"XSkeletonProperty"}],"exports":[{"__symbolic":"reference","name":"XSkeletonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/layout","name":"XLayoutModule","line":9,"character":26}]}]}],"members":{}},"XSkeletonPrefix":"x-skeleton","XSkeletonProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":14,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":24,"character":12}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":29,"character":12}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":34,"character":12}}]}]}},"XSkeletonRow":{"__symbolic":"interface"},"XSkeletonCol":{"__symbolic":"interface"},"XSkeletonType":{"__symbolic":"interface"}},"origins":{"XSkeletonComponent":"./skeleton.component","XSkeletonModule":"./skeleton.module","XSkeletonPrefix":"./skeleton.property","XSkeletonProperty":"./skeleton.property","XSkeletonRow":"./skeleton.property","XSkeletonCol":"./skeleton.property","XSkeletonType":"./skeleton.property"},"importAs":"@ng-nest/ui/skeleton"}
+{"__symbolic":"module","version":4,"metadata":{"XSkeletonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XSkeletonProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XSkeletonPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"!loading\">\r\n  <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loading\">\r\n  <div #skeleton class=\"x-skeleton\" [ngClass]=\"classMap\">\r\n    <ng-container *ngTemplateOutlet=\"rowsTpl; context: { rows: data }\"></ng-container>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #rowsTpl let-rows=\"rows\">\r\n  <x-row *ngFor=\"let row of rows\" [space]=\"row.space\" [justify]=\"row.flex ? 'start' : undefined\" [ngStyle]=\"row.style\">\r\n    <x-col\r\n      *ngFor=\"let col of row.cols\"\r\n      [span]=\"col.span\"\r\n      [inherit]=\"col.width || col.height ? true : false\"\r\n      [ngStyle]=\"col.style\"\r\n      [style.padding-top.rem]=\"border && row.space / 2\"\r\n      [style.padding-bottom.rem]=\"border && row.space / 2\"\r\n      [ngClass]=\"{\r\n        title: col.type === 'title',\r\n        img: col.type === 'img',\r\n        avatar: col.type === 'avatar',\r\n        transparent: col.type === 'transparent',\r\n        'has-child': col.rows\r\n      }\"\r\n    >\r\n      <div [style.width]=\"col.width\" [style.height]=\"col.height\">\r\n        <ng-container *ngIf=\"col.rows\">\r\n          <ng-container *ngTemplateOutlet=\"rowsTpl; context: { rows: col.rows }\"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n","styles":["@keyframes skeleton-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}.x-skeleton{margin:0;padding:0}.x-skeleton x-col,.x-skeleton x-row{min-height:1rem}.x-skeleton x-row{background-color:var(--x-background)}.x-skeleton x-row:not(:first-child){margin-top:1rem}.x-skeleton x-col>div{width:100%;height:1rem;background-color:var(--x-info-800);border-radius:var(--x-border-radius);position:relative}.x-skeleton x-col.has-child>div{background-color:initial}.x-skeleton x-col.has-size{width:inherit}.x-skeleton x-col.avatar>div{border-radius:50%}.x-skeleton x-col.avatar>div,.x-skeleton x-col.img>div,.x-skeleton x-col.title>div{background-color:var(--x-info-700)}.x-skeleton x-col.transparent{padding:0!important}.x-skeleton x-col.transparent>div{background-color:initial}.x-skeleton-border x-row{margin:0!important}.x-skeleton-border x-row x-col{border-left:.0625rem solid var(--x-border);border-bottom:.0625rem solid var(--x-border)}.x-skeleton-border x-row x-col:last-child{border-right:.0625rem solid var(--x-border)}.x-skeleton-border x-row:first-child x-col{border-top:.0625rem solid var(--x-border)}.x-skeleton-active x-col:not(.has-child):not(.transparent)>div:before{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--x-background-100);border-radius:var(--x-border-radius);opacity:0;animation:skeleton-active 1.4s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":25,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":26,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}]}},"XSkeletonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XSkeletonComponent"},{"__symbolic":"reference","name":"XSkeletonProperty"}],"exports":[{"__symbolic":"reference","name":"XSkeletonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/layout","name":"XLayoutModule","line":9,"character":26}]}]}],"members":{}},"XSkeletonPrefix":"x-skeleton","XSkeletonProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":14,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":24,"character":12}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":29,"character":12}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":34,"character":12}}]}]}},"XSkeletonRow":{"__symbolic":"interface"},"XSkeletonCol":{"__symbolic":"interface"},"XSkeletonType":{"__symbolic":"interface"}},"origins":{"XSkeletonComponent":"./skeleton.component","XSkeletonModule":"./skeleton.module","XSkeletonPrefix":"./skeleton.property","XSkeletonProperty":"./skeleton.property","XSkeletonRow":"./skeleton.property","XSkeletonCol":"./skeleton.property","XSkeletonType":"./skeleton.property"},"importAs":"@ng-nest/ui/skeleton"}

package/skeleton/skeleton.property.d.ts

@@ -23,12 +23,12 @@ export declare class XSkeletonProperty extends XProperty {
      * @zh_CN 激活动画
      * @en_US Activate animation
      */
-    active: XBoolean;
+    active?: XBoolean;
     /**
      * @zh_CN 显示边框
      * @en_US Show border
      */
-    border: XBoolean;
+    border?: XBoolean;
 }
 /**
  * @zh_CN 行

package/slider/slider.property.d.ts

@@ -19,7 +19,7 @@ export declare class XSliderProperty extends XProperty {
      * @zh_CN 滑动动画
      * @en_US Sliding animation
      */
-    animated: XBoolean;
+    animated?: XBoolean;
     /**
      * @zh_CN 当前激活的索引
      * @en_US Currently active index
@@ -29,27 +29,27 @@ export declare class XSliderProperty extends XProperty {
      * @zh_CN 排列方式
      * @en_US Arrangement
      */
-    layout: XSliderLayout;
+    layout?: XSliderLayout;
     /**
      * @zh_CN 对齐方式
      * @en_US Alignment
      */
-    justify: XJustify;
+    justify?: XJustify;
     /**
      * @zh_CN 节点文字对齐方式
      * @en_US Node text alignment
      */
-    nodeJustify: XJustify;
+    nodeJustify?: XJustify;
     /**
      * @zh_CN 节点自定义模板
      * @en_US Node custom template
      */
-    nodeTpl?: TemplateRef<any>;
+    nodeTpl: TemplateRef<any>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    size?: XSize;
     /**
      * @zh_CN 激活索引变化事件
      * @en_US Activate index change event

package/slider-select/slider-select.property.d.ts

@@ -31,7 +31,7 @@ export declare class XSliderSelectProperty extends XControlValueAccessor<number>
      * @zh_CN 精度，默认根据步数来计算
      * @en_US Precision, calculated based on the number of steps by default
      */
-    precision: XNumber;
+    precision?: XNumber;
     /**
      * @zh_CN 开始拖动的事件
      * @en_US Start drag event

package/statistic/statistic.property.d.ts

@@ -50,7 +50,7 @@ export declare class XCountdownProperty extends XStatisticProperty {
      * @zh_CN 格式化
      * @en_US Format
      */
-    format: string;
+    format?: string;
     /**
      * @zh_CN 倒计时结束的事件
      * @en_US Event at the end of the countdown

package/steps/steps.property.d.ts

@@ -33,7 +33,7 @@ export declare class XStepsProperty extends XProperty {
      * @zh_CN 当前激活节点状态
      * @en_US Current active node status
      */
-    status: XStepsStatus;
+    status?: XStepsStatus;
 }
 export interface XStepsNode extends XParentIdentityProperty<XStepsNode> {
     /**

package/style/core/index.scss

@@ -1,4 +1,4 @@
 @import './cdk';
 @import './var';
 @import './base';
-@import './directive';
+@import '../directives/index';

package/style/directives/index.scss

@@ -0,0 +1,2 @@
+// Directives
+@import './ripple/index';

package/style/directives/ripple/index.scss

@@ -0,0 +1,6 @@
+// Ripple
+@import './mixin';
+
+.#{$--x-ripple-prefix} {
+  @include ripple();
+}

package/style/directives/ripple/mixin.scss

@@ -0,0 +1,37 @@
+// Ripple
+
+@import '../../themes/default';
+@import '../../mixins/index';
+@import './param';
+
+@mixin ripple {
+  overflow: hidden;
+  position: relative;
+  &:not(:empty) {
+    transform: translateZ(0);
+  }
+  &-element {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    z-index: -1;
+    background-color: rgba(0, 0, 0, 0.1);
+    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+    transform: scale(0);
+  }
+  @include button-type('initial', $--x-background-a500);
+  @include button-type('primary', $--x-primary-200);
+  @include button-type('success', $--x-success-200);
+  @include button-type('warning', $--x-warning-200);
+  @include button-type('danger', $--x-danger-200);
+  @include button-type('info', $--x-info-200);
+  @include button-type('text', rgba(0, 0, 0, 0.1));
+}
+
+@mixin button-type($type, $background) {
+  &-#{$type} {
+    .#{$--x-ripple-prefix}-element {
+      background-color: $background;
+    }
+  }
+}

package/style/directives/ripple/param.scss

@@ -0,0 +1,3 @@
+// Ripple style paramters
+
+$--x-ripple-prefix: $--x-prefix + '-ripple';