@acorex/components 6.5.85 → 6.5.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3930,9 +3930,9 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
3930
3930
|
dayStyle = [];
|
3931
3931
|
dayMinMaxResoan = '';
|
3932
3932
|
// mmddyyyy: any = [/[0-1]/, /[0-9]/, '-', /[0-1]/, /[0-9]/, '-', /[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/];
|
3933
|
-
yyyyMMdd =
|
3934
|
-
ddMMyyyy =
|
3935
|
-
yyyyddMM =
|
3933
|
+
yyyyMMdd = '0000/00/00';
|
3934
|
+
ddMMyyyy = '00/00/0000';
|
3935
|
+
yyyyddMM = '0000-00-00';
|
3936
3936
|
// yyyyMMdd1: any = [/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/, '/', /[0-1]/, /[0-9]/, '/', /[0-3]/, /[0-9]/];
|
3937
3937
|
// ddMMyyyy2: any = [/[0-3]/, /[0-9]/, '/', /[0-1]/, /[0-9]/, '/', /[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/];
|
3938
3938
|
// yyyyddMM3: any = [/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/, '/', /[0-3]/, /[0-9]/, '/', /[0-1]/, /[0-9]/];
|
@@ -4002,10 +4002,11 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4002
4002
|
return d;
|
4003
4003
|
}
|
4004
4004
|
convertMask(date) {
|
4005
|
+
debugger;
|
4005
4006
|
let y;
|
4006
4007
|
let m;
|
4007
4008
|
let d;
|
4008
|
-
switch (this.dateType
|
4009
|
+
switch (this.dateType) {
|
4009
4010
|
case this.yyyyMMdd:
|
4010
4011
|
y = date.slice(0, 4);
|
4011
4012
|
m = date.slice(5, 7);
|
@@ -4027,11 +4028,17 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4027
4028
|
textChange(e) {
|
4028
4029
|
this.text = e.value;
|
4029
4030
|
const date = this.convertMask(this.text);
|
4030
|
-
if (this.text &&
|
4031
|
+
if (this.text &&
|
4032
|
+
this.text.indexOf('_') === -1 &&
|
4033
|
+
this.text.length == 10 &&
|
4034
|
+
this.type == 'jalali') {
|
4031
4035
|
this.userChange = e.isUserChange;
|
4032
4036
|
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
4033
4037
|
}
|
4034
|
-
else if (this.text &&
|
4038
|
+
else if (this.text &&
|
4039
|
+
this.text.indexOf('_') === -1 &&
|
4040
|
+
this.text.length == 10 &&
|
4041
|
+
this.type == 'gregorian') {
|
4035
4042
|
this.userChange = e.isUserChange;
|
4036
4043
|
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
4037
4044
|
}
|
@@ -4077,7 +4084,8 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4077
4084
|
unValidDate = this.isInMInMaxRange(AXDateTime.convert(v));
|
4078
4085
|
}
|
4079
4086
|
if (!unValidDate) {
|
4080
|
-
if ((!v && oldValue) ||
|
4087
|
+
if ((!v && oldValue) ||
|
4088
|
+
(this._value && !this._value.equal(oldValue, 'day'))) {
|
4081
4089
|
this.text = this._value?.toString();
|
4082
4090
|
setTimeout(() => {
|
4083
4091
|
this.valueChange.emit(v);
|
@@ -4085,7 +4093,7 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4085
4093
|
component: this,
|
4086
4094
|
oldValue: old,
|
4087
4095
|
value: v,
|
4088
|
-
isUserChange: this.userChange
|
4096
|
+
isUserChange: this.userChange,
|
4089
4097
|
});
|
4090
4098
|
}, 100);
|
4091
4099
|
}
|
@@ -4098,45 +4106,20 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4098
4106
|
_setDateType() {
|
4099
4107
|
switch (this.dateType) {
|
4100
4108
|
case 'yyyyMMdd':
|
4101
|
-
this.dateType =
|
4102
|
-
guide: true,
|
4103
|
-
showMask: true,
|
4104
|
-
mask: this.yyyyMMdd,
|
4105
|
-
keepCharPositions: true
|
4106
|
-
};
|
4109
|
+
this.dateType = this.yyyyMMdd;
|
4107
4110
|
break;
|
4108
4111
|
case 'ddMMyyyy':
|
4109
|
-
this.dateType =
|
4110
|
-
guide: true,
|
4111
|
-
showMask: true,
|
4112
|
-
mask: this.ddMMyyyy,
|
4113
|
-
keepCharPositions: true
|
4114
|
-
};
|
4112
|
+
this.dateType = this.ddMMyyyy;
|
4115
4113
|
break;
|
4116
4114
|
case 'yyyyddMM':
|
4117
|
-
this.dateType =
|
4118
|
-
guide: true,
|
4119
|
-
showMask: true,
|
4120
|
-
mask: this.yyyyddMM,
|
4121
|
-
keepCharPositions: true
|
4122
|
-
};
|
4115
|
+
this.dateType = this.yyyyddMM;
|
4123
4116
|
break;
|
4124
4117
|
default:
|
4125
4118
|
if (this.type == 'gregorian') {
|
4126
|
-
this.dateType =
|
4127
|
-
guide: true,
|
4128
|
-
showMask: true,
|
4129
|
-
mask: this.ddMMyyyy,
|
4130
|
-
keepCharPositions: true
|
4131
|
-
};
|
4119
|
+
this.dateType = this.ddMMyyyy;
|
4132
4120
|
}
|
4133
4121
|
else if (this.type == 'jalali') {
|
4134
|
-
this.dateType =
|
4135
|
-
guide: true,
|
4136
|
-
showMask: true,
|
4137
|
-
mask: this.yyyyMMdd,
|
4138
|
-
keepCharPositions: true
|
4139
|
-
};
|
4122
|
+
this.dateType = this.yyyyMMdd;
|
4140
4123
|
}
|
4141
4124
|
break;
|
4142
4125
|
}
|
@@ -4145,10 +4128,12 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4145
4128
|
let r = false;
|
4146
4129
|
if (d !== undefined) {
|
4147
4130
|
if (this.min && !this.max) {
|
4148
|
-
r =
|
4131
|
+
r =
|
4132
|
+
d.compaireNew(new AXDateTime(this.min, this.type), 'YMD', this.type) === -1;
|
4149
4133
|
}
|
4150
4134
|
if (this.max && !this.min) {
|
4151
|
-
r =
|
4135
|
+
r =
|
4136
|
+
d.compaireNew(new AXDateTime(this.max, this.type), 'YMD', this.type) === 1;
|
4152
4137
|
}
|
4153
4138
|
if (this.min && this.max) {
|
4154
4139
|
r =
|
@@ -4207,7 +4192,8 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4207
4192
|
if (e.key === 'Backspace') {
|
4208
4193
|
}
|
4209
4194
|
if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
|
4210
|
-
if (this.input.input.nativeElement.selectionStart ||
|
4195
|
+
if (this.input.input.nativeElement.selectionStart ||
|
4196
|
+
this.input.input.nativeElement.selectionStart === 0) {
|
4211
4197
|
this.cursorPosition = this.input.input.nativeElement.selectionStart;
|
4212
4198
|
}
|
4213
4199
|
}
|
@@ -4233,7 +4219,9 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4233
4219
|
if (e.type == 'keypress') {
|
4234
4220
|
this.handleClick();
|
4235
4221
|
if ((ind6 == '1' && ind7 == '_' && inputChar >= '3') ||
|
4236
|
-
(((ind6 == '0' && ind7 == '_') ||
|
4222
|
+
(((ind6 == '0' && ind7 == '_') ||
|
4223
|
+
(ind9 == '0' && ind10 == '_')) &&
|
4224
|
+
inputChar == '0')) {
|
4237
4225
|
e.preventDefault();
|
4238
4226
|
}
|
4239
4227
|
else if (ind9 == '3' && ind10 == '_') {
|
@@ -4249,32 +4237,95 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4249
4237
|
if (e.type === 'keydown') {
|
4250
4238
|
if (e.key === 'ArrowUp') {
|
4251
4239
|
if (this.cursorPosition <= 4) {
|
4252
|
-
this.text =
|
4240
|
+
this.text =
|
4241
|
+
String(Number(ind1 + ind2 + ind3 + ind4) + 1) +
|
4242
|
+
ind5 +
|
4243
|
+
ind6 +
|
4244
|
+
ind7 +
|
4245
|
+
ind8 +
|
4246
|
+
ind9 +
|
4247
|
+
ind10;
|
4253
4248
|
}
|
4254
4249
|
if (this.cursorPosition >= 5 && this.cursorPosition <= 7) {
|
4255
4250
|
if (Number(ind6 + ind7) < 12) {
|
4256
4251
|
if (Number(ind6 + ind7) < 9) {
|
4257
|
-
this.text =
|
4252
|
+
this.text =
|
4253
|
+
ind1 +
|
4254
|
+
ind2 +
|
4255
|
+
ind3 +
|
4256
|
+
ind4 +
|
4257
|
+
ind5 +
|
4258
|
+
'0' +
|
4259
|
+
String(Number(ind6 + ind7) + 1) +
|
4260
|
+
ind8 +
|
4261
|
+
ind9 +
|
4262
|
+
ind10;
|
4258
4263
|
}
|
4259
4264
|
else {
|
4260
|
-
this.text =
|
4265
|
+
this.text =
|
4266
|
+
ind1 +
|
4267
|
+
ind2 +
|
4268
|
+
ind3 +
|
4269
|
+
ind4 +
|
4270
|
+
ind5 +
|
4271
|
+
String(Number(ind6 + ind7) + 1) +
|
4272
|
+
ind8 +
|
4273
|
+
ind9 +
|
4274
|
+
ind10;
|
4261
4275
|
}
|
4262
4276
|
}
|
4263
4277
|
else {
|
4264
|
-
this.text =
|
4278
|
+
this.text =
|
4279
|
+
ind1 +
|
4280
|
+
ind2 +
|
4281
|
+
ind3 +
|
4282
|
+
ind4 +
|
4283
|
+
ind5 +
|
4284
|
+
'01' +
|
4285
|
+
ind8 +
|
4286
|
+
ind9 +
|
4287
|
+
ind10;
|
4265
4288
|
}
|
4266
4289
|
}
|
4267
4290
|
if (this.cursorPosition >= 8) {
|
4268
4291
|
if (Number(ind9 + ind10) < 31) {
|
4269
4292
|
if (Number(ind9 + ind10) < 9) {
|
4270
|
-
this.text =
|
4293
|
+
this.text =
|
4294
|
+
ind1 +
|
4295
|
+
ind2 +
|
4296
|
+
ind3 +
|
4297
|
+
ind4 +
|
4298
|
+
ind5 +
|
4299
|
+
ind6 +
|
4300
|
+
ind7 +
|
4301
|
+
ind8 +
|
4302
|
+
'0' +
|
4303
|
+
String(Number(ind9 + ind10) + 1);
|
4271
4304
|
}
|
4272
4305
|
else {
|
4273
|
-
this.text =
|
4306
|
+
this.text =
|
4307
|
+
ind1 +
|
4308
|
+
ind2 +
|
4309
|
+
ind3 +
|
4310
|
+
ind4 +
|
4311
|
+
ind5 +
|
4312
|
+
ind6 +
|
4313
|
+
ind7 +
|
4314
|
+
ind8 +
|
4315
|
+
String(Number(ind9 + ind10) + 1);
|
4274
4316
|
}
|
4275
4317
|
}
|
4276
4318
|
else {
|
4277
|
-
this.text =
|
4319
|
+
this.text =
|
4320
|
+
ind1 +
|
4321
|
+
ind2 +
|
4322
|
+
ind3 +
|
4323
|
+
ind4 +
|
4324
|
+
ind5 +
|
4325
|
+
ind6 +
|
4326
|
+
ind7 +
|
4327
|
+
ind8 +
|
4328
|
+
'01';
|
4278
4329
|
}
|
4279
4330
|
}
|
4280
4331
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4287,32 +4338,96 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4287
4338
|
}
|
4288
4339
|
else if (e.key === 'ArrowDown') {
|
4289
4340
|
if (this.cursorPosition <= 4) {
|
4290
|
-
this.text =
|
4341
|
+
this.text =
|
4342
|
+
String(Number(ind1 + ind2 + ind3 + ind4) - 1) +
|
4343
|
+
ind5 +
|
4344
|
+
ind6 +
|
4345
|
+
ind7 +
|
4346
|
+
ind8 +
|
4347
|
+
ind9 +
|
4348
|
+
ind10;
|
4291
4349
|
}
|
4292
|
-
else if (this.cursorPosition > 4 &&
|
4350
|
+
else if (this.cursorPosition > 4 &&
|
4351
|
+
this.cursorPosition <= 7) {
|
4293
4352
|
if (Number(ind6 + ind7) > 1) {
|
4294
4353
|
if (Number(ind6 + ind7) < 11) {
|
4295
|
-
this.text =
|
4354
|
+
this.text =
|
4355
|
+
ind1 +
|
4356
|
+
ind2 +
|
4357
|
+
ind3 +
|
4358
|
+
ind4 +
|
4359
|
+
ind5 +
|
4360
|
+
'0' +
|
4361
|
+
String(Number(ind6 + ind7) - 1) +
|
4362
|
+
ind8 +
|
4363
|
+
ind9 +
|
4364
|
+
ind10;
|
4296
4365
|
}
|
4297
4366
|
else {
|
4298
|
-
this.text =
|
4367
|
+
this.text =
|
4368
|
+
ind1 +
|
4369
|
+
ind2 +
|
4370
|
+
ind3 +
|
4371
|
+
ind4 +
|
4372
|
+
ind5 +
|
4373
|
+
String(Number(ind6 + ind7) - 1) +
|
4374
|
+
ind8 +
|
4375
|
+
ind9 +
|
4376
|
+
ind10;
|
4299
4377
|
}
|
4300
4378
|
}
|
4301
4379
|
else {
|
4302
|
-
this.text =
|
4380
|
+
this.text =
|
4381
|
+
ind1 +
|
4382
|
+
ind2 +
|
4383
|
+
ind3 +
|
4384
|
+
ind4 +
|
4385
|
+
ind5 +
|
4386
|
+
'12' +
|
4387
|
+
ind8 +
|
4388
|
+
ind9 +
|
4389
|
+
ind10;
|
4303
4390
|
}
|
4304
4391
|
}
|
4305
4392
|
else if (this.cursorPosition >= 8) {
|
4306
4393
|
if (Number(ind9 + ind10) > 1) {
|
4307
4394
|
if (Number(ind9 + ind10) < 11) {
|
4308
|
-
this.text =
|
4395
|
+
this.text =
|
4396
|
+
ind1 +
|
4397
|
+
ind2 +
|
4398
|
+
ind3 +
|
4399
|
+
ind4 +
|
4400
|
+
ind5 +
|
4401
|
+
ind6 +
|
4402
|
+
ind7 +
|
4403
|
+
ind8 +
|
4404
|
+
'0' +
|
4405
|
+
String(Number(ind9 + ind10) - 1);
|
4309
4406
|
}
|
4310
4407
|
else {
|
4311
|
-
this.text =
|
4408
|
+
this.text =
|
4409
|
+
ind1 +
|
4410
|
+
ind2 +
|
4411
|
+
ind3 +
|
4412
|
+
ind4 +
|
4413
|
+
ind5 +
|
4414
|
+
ind6 +
|
4415
|
+
ind7 +
|
4416
|
+
ind8 +
|
4417
|
+
String(Number(ind9 + ind10) - 1);
|
4312
4418
|
}
|
4313
4419
|
}
|
4314
4420
|
else {
|
4315
|
-
this.text =
|
4421
|
+
this.text =
|
4422
|
+
ind1 +
|
4423
|
+
ind2 +
|
4424
|
+
ind3 +
|
4425
|
+
ind4 +
|
4426
|
+
ind5 +
|
4427
|
+
ind6 +
|
4428
|
+
ind7 +
|
4429
|
+
ind8 +
|
4430
|
+
'31';
|
4316
4431
|
}
|
4317
4432
|
}
|
4318
4433
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4342,7 +4457,8 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4342
4457
|
if (e.type === 'keypress') {
|
4343
4458
|
this.handleClick();
|
4344
4459
|
if ((ind4 == '1' && ind5 == '_' && inputChar >= '3') ||
|
4345
|
-
(((ind1 == '0' && ind2 == '_') || (ind4 == '0' && ind5 == '_')) &&
|
4460
|
+
(((ind1 == '0' && ind2 == '_') || (ind4 == '0' && ind5 == '_')) &&
|
4461
|
+
inputChar == '0')) {
|
4346
4462
|
e.preventDefault();
|
4347
4463
|
}
|
4348
4464
|
else {
|
@@ -4355,32 +4471,95 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4355
4471
|
if (e.type === 'keydown') {
|
4356
4472
|
if (e.key === 'ArrowUp') {
|
4357
4473
|
if (this.cursorPosition >= 6) {
|
4358
|
-
this.text =
|
4474
|
+
this.text =
|
4475
|
+
ind1 +
|
4476
|
+
ind2 +
|
4477
|
+
ind3 +
|
4478
|
+
ind4 +
|
4479
|
+
ind5 +
|
4480
|
+
ind6 +
|
4481
|
+
String(Number(ind7 + ind8 + ind9 + ind10) + 1);
|
4359
4482
|
}
|
4360
4483
|
if (this.cursorPosition > 2 && this.cursorPosition <= 5) {
|
4361
4484
|
if (Number(ind4 + ind5) < 12) {
|
4362
4485
|
if (Number(ind4 + ind5) < 9) {
|
4363
|
-
this.text =
|
4486
|
+
this.text =
|
4487
|
+
ind1 +
|
4488
|
+
ind2 +
|
4489
|
+
ind3 +
|
4490
|
+
'0' +
|
4491
|
+
String(Number(ind4 + ind5) + 1) +
|
4492
|
+
ind6 +
|
4493
|
+
ind7 +
|
4494
|
+
ind8 +
|
4495
|
+
ind9 +
|
4496
|
+
ind10;
|
4364
4497
|
}
|
4365
4498
|
else {
|
4366
|
-
this.text =
|
4499
|
+
this.text =
|
4500
|
+
ind1 +
|
4501
|
+
ind2 +
|
4502
|
+
ind3 +
|
4503
|
+
String(Number(ind4 + ind5) + 1) +
|
4504
|
+
ind6 +
|
4505
|
+
ind7 +
|
4506
|
+
ind8 +
|
4507
|
+
ind9 +
|
4508
|
+
ind10;
|
4367
4509
|
}
|
4368
4510
|
}
|
4369
4511
|
else {
|
4370
|
-
this.text =
|
4512
|
+
this.text =
|
4513
|
+
ind1 +
|
4514
|
+
ind2 +
|
4515
|
+
ind3 +
|
4516
|
+
'01' +
|
4517
|
+
ind6 +
|
4518
|
+
ind7 +
|
4519
|
+
ind8 +
|
4520
|
+
ind9 +
|
4521
|
+
ind10;
|
4371
4522
|
}
|
4372
4523
|
}
|
4373
4524
|
if (this.cursorPosition <= 2) {
|
4374
4525
|
if (Number(ind1 + ind2) < 31) {
|
4375
4526
|
if (Number(ind1 + ind2) < 9) {
|
4376
|
-
this.text =
|
4527
|
+
this.text =
|
4528
|
+
'0' +
|
4529
|
+
String(Number(ind1 + ind2) + 1) +
|
4530
|
+
ind3 +
|
4531
|
+
ind4 +
|
4532
|
+
ind5 +
|
4533
|
+
ind6 +
|
4534
|
+
ind7 +
|
4535
|
+
ind8 +
|
4536
|
+
ind9 +
|
4537
|
+
ind10;
|
4377
4538
|
}
|
4378
4539
|
else {
|
4379
|
-
this.text =
|
4540
|
+
this.text =
|
4541
|
+
String(Number(ind1 + ind2) + 1) +
|
4542
|
+
ind3 +
|
4543
|
+
ind4 +
|
4544
|
+
ind5 +
|
4545
|
+
ind6 +
|
4546
|
+
ind7 +
|
4547
|
+
ind8 +
|
4548
|
+
ind9 +
|
4549
|
+
ind10;
|
4380
4550
|
}
|
4381
4551
|
}
|
4382
4552
|
else {
|
4383
|
-
this.text =
|
4553
|
+
this.text =
|
4554
|
+
'01' +
|
4555
|
+
ind3 +
|
4556
|
+
ind4 +
|
4557
|
+
ind5 +
|
4558
|
+
ind6 +
|
4559
|
+
ind7 +
|
4560
|
+
ind8 +
|
4561
|
+
ind9 +
|
4562
|
+
ind10;
|
4384
4563
|
}
|
4385
4564
|
}
|
4386
4565
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4391,32 +4570,96 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4391
4570
|
}
|
4392
4571
|
else if (e.key === 'ArrowDown') {
|
4393
4572
|
if (this.cursorPosition >= 6) {
|
4394
|
-
this.text =
|
4573
|
+
this.text =
|
4574
|
+
ind1 +
|
4575
|
+
ind2 +
|
4576
|
+
ind3 +
|
4577
|
+
ind4 +
|
4578
|
+
ind5 +
|
4579
|
+
ind6 +
|
4580
|
+
String(Number(ind7 + ind8 + ind9 + ind10) - 1);
|
4395
4581
|
}
|
4396
|
-
else if (this.cursorPosition > 2 &&
|
4582
|
+
else if (this.cursorPosition > 2 &&
|
4583
|
+
this.cursorPosition <= 5) {
|
4397
4584
|
if (Number(ind4 + ind5) > 1) {
|
4398
4585
|
if (Number(ind4 + ind5) < 11) {
|
4399
|
-
this.text =
|
4586
|
+
this.text =
|
4587
|
+
ind1 +
|
4588
|
+
ind2 +
|
4589
|
+
ind3 +
|
4590
|
+
'0' +
|
4591
|
+
String(Number(ind4 + ind5) - 1) +
|
4592
|
+
ind6 +
|
4593
|
+
ind7 +
|
4594
|
+
ind8 +
|
4595
|
+
ind9 +
|
4596
|
+
ind10;
|
4400
4597
|
}
|
4401
4598
|
else {
|
4402
|
-
this.text =
|
4599
|
+
this.text =
|
4600
|
+
ind1 +
|
4601
|
+
ind2 +
|
4602
|
+
ind3 +
|
4603
|
+
String(Number(ind4 + ind5) - 1) +
|
4604
|
+
ind6 +
|
4605
|
+
ind7 +
|
4606
|
+
ind8 +
|
4607
|
+
ind9 +
|
4608
|
+
ind10;
|
4403
4609
|
}
|
4404
4610
|
}
|
4405
4611
|
else {
|
4406
|
-
this.text =
|
4612
|
+
this.text =
|
4613
|
+
ind1 +
|
4614
|
+
ind2 +
|
4615
|
+
ind3 +
|
4616
|
+
'12' +
|
4617
|
+
ind6 +
|
4618
|
+
ind7 +
|
4619
|
+
ind8 +
|
4620
|
+
ind9 +
|
4621
|
+
ind10;
|
4407
4622
|
}
|
4408
4623
|
}
|
4409
4624
|
else if (this.cursorPosition <= 2) {
|
4410
4625
|
if (Number(ind1 + ind2) > 1) {
|
4411
4626
|
if (Number(ind1 + ind2) < 11) {
|
4412
|
-
this.text =
|
4627
|
+
this.text =
|
4628
|
+
'0' +
|
4629
|
+
String(Number(ind1 + ind2) - 1) +
|
4630
|
+
ind3 +
|
4631
|
+
ind4 +
|
4632
|
+
ind5 +
|
4633
|
+
ind6 +
|
4634
|
+
ind7 +
|
4635
|
+
ind8 +
|
4636
|
+
ind9 +
|
4637
|
+
ind10;
|
4413
4638
|
}
|
4414
4639
|
else {
|
4415
|
-
this.text =
|
4640
|
+
this.text =
|
4641
|
+
String(Number(ind1 + ind2) - 1) +
|
4642
|
+
ind3 +
|
4643
|
+
ind4 +
|
4644
|
+
ind5 +
|
4645
|
+
ind6 +
|
4646
|
+
ind7 +
|
4647
|
+
ind8 +
|
4648
|
+
ind9 +
|
4649
|
+
ind10;
|
4416
4650
|
}
|
4417
4651
|
}
|
4418
4652
|
else {
|
4419
|
-
this.text =
|
4653
|
+
this.text =
|
4654
|
+
'31' +
|
4655
|
+
ind3 +
|
4656
|
+
ind4 +
|
4657
|
+
ind5 +
|
4658
|
+
ind6 +
|
4659
|
+
ind7 +
|
4660
|
+
ind8 +
|
4661
|
+
ind9 +
|
4662
|
+
ind10;
|
4420
4663
|
}
|
4421
4664
|
}
|
4422
4665
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4445,7 +4688,8 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4445
4688
|
case this.yyyyddMM:
|
4446
4689
|
if (e.type === 'keypress') {
|
4447
4690
|
if ((ind9 === '1' && ind10 == '_' && inputChar >= '3') ||
|
4448
|
-
(((ind6 == '0' && ind7 == '_') || (ind9 == '0' && ind10)) &&
|
4691
|
+
(((ind6 == '0' && ind7 == '_') || (ind9 == '0' && ind10)) &&
|
4692
|
+
inputChar == '0')) {
|
4449
4693
|
e.preventDefault();
|
4450
4694
|
}
|
4451
4695
|
else if (ind6 == '3' && ind7 == '_' && inputChar >= '2') {
|
@@ -4459,32 +4703,95 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4459
4703
|
if (e.type === 'keydown') {
|
4460
4704
|
if (e.key === 'ArrowUp') {
|
4461
4705
|
if (this.cursorPosition <= 4) {
|
4462
|
-
this.text =
|
4706
|
+
this.text =
|
4707
|
+
String(Number(ind1 + ind2 + ind3 + ind4) + 1) +
|
4708
|
+
ind5 +
|
4709
|
+
ind6 +
|
4710
|
+
ind7 +
|
4711
|
+
ind8 +
|
4712
|
+
ind9 +
|
4713
|
+
ind10;
|
4463
4714
|
}
|
4464
4715
|
if (this.cursorPosition > 4 && this.cursorPosition <= 7) {
|
4465
4716
|
if (Number(ind6 + ind7) < 31) {
|
4466
4717
|
if (Number(ind6 + ind7) < 9) {
|
4467
|
-
this.text =
|
4718
|
+
this.text =
|
4719
|
+
ind1 +
|
4720
|
+
ind2 +
|
4721
|
+
ind3 +
|
4722
|
+
ind4 +
|
4723
|
+
ind5 +
|
4724
|
+
'0' +
|
4725
|
+
String(Number(ind6 + ind7) + 1) +
|
4726
|
+
ind8 +
|
4727
|
+
ind9 +
|
4728
|
+
ind10;
|
4468
4729
|
}
|
4469
4730
|
else {
|
4470
|
-
this.text =
|
4731
|
+
this.text =
|
4732
|
+
ind1 +
|
4733
|
+
ind2 +
|
4734
|
+
ind3 +
|
4735
|
+
ind4 +
|
4736
|
+
ind5 +
|
4737
|
+
String(Number(ind6 + ind7) + 1) +
|
4738
|
+
ind8 +
|
4739
|
+
ind9 +
|
4740
|
+
ind10;
|
4471
4741
|
}
|
4472
4742
|
}
|
4473
4743
|
else {
|
4474
|
-
this.text =
|
4744
|
+
this.text =
|
4745
|
+
ind1 +
|
4746
|
+
ind2 +
|
4747
|
+
ind3 +
|
4748
|
+
ind4 +
|
4749
|
+
ind5 +
|
4750
|
+
'01' +
|
4751
|
+
ind8 +
|
4752
|
+
ind9 +
|
4753
|
+
ind10;
|
4475
4754
|
}
|
4476
4755
|
}
|
4477
4756
|
if (this.cursorPosition >= 8) {
|
4478
4757
|
if (Number(ind9 + ind10) < 12) {
|
4479
4758
|
if (Number(ind9 + ind10) < 9) {
|
4480
|
-
this.text =
|
4759
|
+
this.text =
|
4760
|
+
ind1 +
|
4761
|
+
ind2 +
|
4762
|
+
ind3 +
|
4763
|
+
ind4 +
|
4764
|
+
ind5 +
|
4765
|
+
ind6 +
|
4766
|
+
ind7 +
|
4767
|
+
ind8 +
|
4768
|
+
'0' +
|
4769
|
+
String(Number(ind9 + ind10) + 1);
|
4481
4770
|
}
|
4482
4771
|
else {
|
4483
|
-
this.text =
|
4772
|
+
this.text =
|
4773
|
+
ind1 +
|
4774
|
+
ind2 +
|
4775
|
+
ind3 +
|
4776
|
+
ind4 +
|
4777
|
+
ind5 +
|
4778
|
+
ind6 +
|
4779
|
+
ind7 +
|
4780
|
+
ind8 +
|
4781
|
+
String(Number(ind9 + ind10) + 1);
|
4484
4782
|
}
|
4485
4783
|
}
|
4486
4784
|
else {
|
4487
|
-
this.text =
|
4785
|
+
this.text =
|
4786
|
+
ind1 +
|
4787
|
+
ind2 +
|
4788
|
+
ind3 +
|
4789
|
+
ind4 +
|
4790
|
+
ind5 +
|
4791
|
+
ind6 +
|
4792
|
+
ind7 +
|
4793
|
+
ind8 +
|
4794
|
+
'01';
|
4488
4795
|
}
|
4489
4796
|
}
|
4490
4797
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4495,32 +4802,96 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4495
4802
|
}
|
4496
4803
|
else if (e.key === 'ArrowDown') {
|
4497
4804
|
if (this.cursorPosition <= 4) {
|
4498
|
-
this.text =
|
4805
|
+
this.text =
|
4806
|
+
String(Number(ind1 + ind2 + ind3 + ind4) - 1) +
|
4807
|
+
ind5 +
|
4808
|
+
ind6 +
|
4809
|
+
ind7 +
|
4810
|
+
ind8 +
|
4811
|
+
ind9 +
|
4812
|
+
ind10;
|
4499
4813
|
}
|
4500
|
-
else if (this.cursorPosition > 4 &&
|
4814
|
+
else if (this.cursorPosition > 4 &&
|
4815
|
+
this.cursorPosition <= 7) {
|
4501
4816
|
if (Number(ind6 + ind7) > 1) {
|
4502
4817
|
if (Number(ind6 + ind7) < 11) {
|
4503
|
-
this.text =
|
4818
|
+
this.text =
|
4819
|
+
ind1 +
|
4820
|
+
ind2 +
|
4821
|
+
ind3 +
|
4822
|
+
ind4 +
|
4823
|
+
ind5 +
|
4824
|
+
'0' +
|
4825
|
+
String(Number(ind6 + ind7) - 1) +
|
4826
|
+
ind8 +
|
4827
|
+
ind9 +
|
4828
|
+
ind10;
|
4504
4829
|
}
|
4505
4830
|
else {
|
4506
|
-
this.text =
|
4831
|
+
this.text =
|
4832
|
+
ind1 +
|
4833
|
+
ind2 +
|
4834
|
+
ind3 +
|
4835
|
+
ind4 +
|
4836
|
+
ind5 +
|
4837
|
+
String(Number(ind6 + ind7) - 1) +
|
4838
|
+
ind8 +
|
4839
|
+
ind9 +
|
4840
|
+
ind10;
|
4507
4841
|
}
|
4508
4842
|
}
|
4509
4843
|
else {
|
4510
|
-
this.text =
|
4844
|
+
this.text =
|
4845
|
+
ind1 +
|
4846
|
+
ind2 +
|
4847
|
+
ind3 +
|
4848
|
+
ind4 +
|
4849
|
+
ind5 +
|
4850
|
+
'31' +
|
4851
|
+
ind8 +
|
4852
|
+
ind9 +
|
4853
|
+
ind10;
|
4511
4854
|
}
|
4512
4855
|
}
|
4513
4856
|
else if (this.cursorPosition >= 8) {
|
4514
4857
|
if (Number(ind9 + ind10) > 1) {
|
4515
4858
|
if (Number(ind9 + ind10) < 11) {
|
4516
|
-
this.text =
|
4859
|
+
this.text =
|
4860
|
+
ind1 +
|
4861
|
+
ind2 +
|
4862
|
+
ind3 +
|
4863
|
+
ind4 +
|
4864
|
+
ind5 +
|
4865
|
+
ind6 +
|
4866
|
+
ind7 +
|
4867
|
+
ind8 +
|
4868
|
+
'0' +
|
4869
|
+
String(Number(ind9 + ind10) - 1);
|
4517
4870
|
}
|
4518
4871
|
else {
|
4519
|
-
this.text =
|
4872
|
+
this.text =
|
4873
|
+
ind1 +
|
4874
|
+
ind2 +
|
4875
|
+
ind3 +
|
4876
|
+
ind4 +
|
4877
|
+
ind5 +
|
4878
|
+
ind6 +
|
4879
|
+
ind7 +
|
4880
|
+
ind8 +
|
4881
|
+
String(Number(ind9 + ind10) - 1);
|
4520
4882
|
}
|
4521
4883
|
}
|
4522
4884
|
else {
|
4523
|
-
this.text =
|
4885
|
+
this.text =
|
4886
|
+
ind1 +
|
4887
|
+
ind2 +
|
4888
|
+
ind3 +
|
4889
|
+
ind4 +
|
4890
|
+
ind5 +
|
4891
|
+
ind6 +
|
4892
|
+
ind7 +
|
4893
|
+
ind8 +
|
4894
|
+
'12';
|
4524
4895
|
}
|
4525
4896
|
}
|
4526
4897
|
// this.input.input.nativeElement.style.caretColor = 'transparent';
|
@@ -4552,7 +4923,8 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4552
4923
|
}
|
4553
4924
|
}
|
4554
4925
|
handleClick() {
|
4555
|
-
if (this.input.input.nativeElement.selectionStart ||
|
4926
|
+
if (this.input.input.nativeElement.selectionStart ||
|
4927
|
+
this.input.input.nativeElement.selectionStart === 0) {
|
4556
4928
|
this.cursorPosition = this.input.input.nativeElement.selectionStart;
|
4557
4929
|
}
|
4558
4930
|
}
|
@@ -4566,11 +4938,15 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
4566
4938
|
this.setCaretPosition(this.input.input.nativeElement, this.cursorPosition);
|
4567
4939
|
}
|
4568
4940
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
4569
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", validation: "validation", placeholder: "placeholder", min: "min", max: "max", readonly: "readonly", disabled: "disabled", allowClear: "allowClear", textAlign: "textAlign", showToday: "showToday", selectableHoliday: "selectableHoliday", dateType: "dateType", showTodayButton: "showTodayButton", openByClick: "openByClick", size: "size", type: "type", value: "value" }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [
|
4941
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { dayStyle: "dayStyle", dayMinMaxResoan: "dayMinMaxResoan", validation: "validation", placeholder: "placeholder", min: "min", max: "max", readonly: "readonly", disabled: "disabled", allowClear: "allowClear", textAlign: "textAlign", showToday: "showToday", selectableHoliday: "selectableHoliday", dateType: "dateType", showTodayButton: "showTodayButton", openByClick: "openByClick", size: "size", type: "type", value: "value" }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [
|
4942
|
+
{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent },
|
4943
|
+
], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n #input\n [textAlign]=\"textAlign\"\n [(value)]=\"text\"\n [readonly]=\"false\"\n [mask]=\"dateType\"\n [showMask]=\"true\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onFocus)=\"handleInputFocus()\"\n (click)=\"handleClick()\"\n (onBlur)=\"handleInputBlur()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n <ax-calendar-box\n *ngIf=\"_renderPicker\"\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min\"\n [max]=\"max\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"value\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n >\n </ax-calendar-box>\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clear()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }], encapsulation: i0.ViewEncapsulation.None });
|
4570
4944
|
}
|
4571
4945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXDatePickerComponent, decorators: [{
|
4572
4946
|
type: Component,
|
4573
|
-
args: [{ selector: 'ax-date-picker', encapsulation: ViewEncapsulation.None, providers: [
|
4947
|
+
args: [{ selector: 'ax-date-picker', encapsulation: ViewEncapsulation.None, providers: [
|
4948
|
+
{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent },
|
4949
|
+
], host: { style: 'width: 100%' }, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n #input\n [textAlign]=\"textAlign\"\n [(value)]=\"text\"\n [readonly]=\"false\"\n [mask]=\"dateType\"\n [showMask]=\"true\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onFocus)=\"handleInputFocus()\"\n (click)=\"handleClick()\"\n (onBlur)=\"handleInputBlur()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n <ax-calendar-box\n *ngIf=\"_renderPicker\"\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min\"\n [max]=\"max\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"value\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n >\n </ax-calendar-box>\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clear()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"] }]
|
4574
4950
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dropdown: [{
|
4575
4951
|
type: ViewChild,
|
4576
4952
|
args: ['dropdown', { static: true }]
|