@varlet/ui 3.15.1 → 3.16.0-alpha.1778310023051
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.
- package/README.md +0 -1
- package/README.zh-CN.md +0 -1
- package/es/date-picker/DatePicker.mjs +41 -10
- package/es/date-picker/props.mjs +1 -0
- package/es/index.bundle.mjs +7 -1
- package/es/index.mjs +6 -1
- package/es/otp-input/OtpInput.mjs +424 -0
- package/es/otp-input/OtpInputSfc.css +0 -0
- package/es/otp-input/index.mjs +12 -0
- package/es/otp-input/otpInput.css +1 -0
- package/es/otp-input/props.mjs +78 -0
- package/es/otp-input/style/index.mjs +7 -0
- package/es/style.mjs +1 -0
- package/es/themes/dark/index.mjs +3 -2
- package/es/themes/dark/otpInput.mjs +10 -0
- package/es/themes/md3-dark/index.mjs +3 -2
- package/es/themes/md3-dark/otpInput.mjs +10 -0
- package/es/themes/md3-light/index.mjs +3 -2
- package/es/themes/md3-light/otpInput.mjs +10 -0
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +8100 -7696
- package/highlight/web-types.en-US.json +210 -1
- package/highlight/web-types.zh-CN.json +210 -1
- package/lib/varlet.cjs.js +2274 -1780
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/types/datePicker.d.ts +1 -0
- package/types/index.d.ts +2 -0
- package/types/otpInput.d.ts +68 -0
- package/types/styleVars.d.ts +5 -0
- package/umd/varlet.js +7 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.16.0-alpha.1778310023051",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -2887,6 +2887,15 @@
|
|
|
2887
2887
|
"type": "boolean",
|
|
2888
2888
|
"kind": "expression"
|
|
2889
2889
|
}
|
|
2890
|
+
},
|
|
2891
|
+
{
|
|
2892
|
+
"name": "fallback-view-date",
|
|
2893
|
+
"description": "Controls the panel view fallback date when there is no usable selected value. It does not update `v-model`.",
|
|
2894
|
+
"default": "-",
|
|
2895
|
+
"value": {
|
|
2896
|
+
"type": "string",
|
|
2897
|
+
"kind": "expression"
|
|
2898
|
+
}
|
|
2890
2899
|
}
|
|
2891
2900
|
],
|
|
2892
2901
|
"events": [
|
|
@@ -5503,6 +5512,206 @@
|
|
|
5503
5512
|
}
|
|
5504
5513
|
]
|
|
5505
5514
|
},
|
|
5515
|
+
{
|
|
5516
|
+
"name": "var-otp-input",
|
|
5517
|
+
"attributes": [
|
|
5518
|
+
{
|
|
5519
|
+
"name": "v-model",
|
|
5520
|
+
"description": "OTP value",
|
|
5521
|
+
"default": "''",
|
|
5522
|
+
"value": {
|
|
5523
|
+
"type": "string",
|
|
5524
|
+
"kind": "expression"
|
|
5525
|
+
}
|
|
5526
|
+
},
|
|
5527
|
+
{
|
|
5528
|
+
"name": "length",
|
|
5529
|
+
"description": "OTP length",
|
|
5530
|
+
"default": "6",
|
|
5531
|
+
"value": {
|
|
5532
|
+
"type": "string | number",
|
|
5533
|
+
"kind": "expression"
|
|
5534
|
+
}
|
|
5535
|
+
},
|
|
5536
|
+
{
|
|
5537
|
+
"name": "type",
|
|
5538
|
+
"description": "OTP type, options are `digit` `text` `alphanumeric`",
|
|
5539
|
+
"default": "digit",
|
|
5540
|
+
"value": {
|
|
5541
|
+
"type": "OtpInputType",
|
|
5542
|
+
"kind": "expression"
|
|
5543
|
+
}
|
|
5544
|
+
},
|
|
5545
|
+
{
|
|
5546
|
+
"name": "variant",
|
|
5547
|
+
"description": "Visual variant, options are `standard` `outlined` `filled`",
|
|
5548
|
+
"default": "outlined",
|
|
5549
|
+
"value": {
|
|
5550
|
+
"type": "Variant",
|
|
5551
|
+
"kind": "expression"
|
|
5552
|
+
}
|
|
5553
|
+
},
|
|
5554
|
+
{
|
|
5555
|
+
"name": "mask",
|
|
5556
|
+
"description": "Whether to mask characters",
|
|
5557
|
+
"default": "false",
|
|
5558
|
+
"value": {
|
|
5559
|
+
"type": "boolean",
|
|
5560
|
+
"kind": "expression"
|
|
5561
|
+
}
|
|
5562
|
+
},
|
|
5563
|
+
{
|
|
5564
|
+
"name": "mask-symbol",
|
|
5565
|
+
"description": "Mask character",
|
|
5566
|
+
"default": "•",
|
|
5567
|
+
"value": {
|
|
5568
|
+
"type": "string",
|
|
5569
|
+
"kind": "expression"
|
|
5570
|
+
}
|
|
5571
|
+
},
|
|
5572
|
+
{
|
|
5573
|
+
"name": "cell-height",
|
|
5574
|
+
"description": "Cell height",
|
|
5575
|
+
"default": "48",
|
|
5576
|
+
"value": {
|
|
5577
|
+
"type": "string | number",
|
|
5578
|
+
"kind": "expression"
|
|
5579
|
+
}
|
|
5580
|
+
},
|
|
5581
|
+
{
|
|
5582
|
+
"name": "cell-max-width",
|
|
5583
|
+
"description": "Cell max width",
|
|
5584
|
+
"default": "48",
|
|
5585
|
+
"value": {
|
|
5586
|
+
"type": "string | number",
|
|
5587
|
+
"kind": "expression"
|
|
5588
|
+
}
|
|
5589
|
+
},
|
|
5590
|
+
{
|
|
5591
|
+
"name": "text-color",
|
|
5592
|
+
"description": "Text color",
|
|
5593
|
+
"default": "-",
|
|
5594
|
+
"value": {
|
|
5595
|
+
"type": "string",
|
|
5596
|
+
"kind": "expression"
|
|
5597
|
+
}
|
|
5598
|
+
},
|
|
5599
|
+
{
|
|
5600
|
+
"name": "focus-color",
|
|
5601
|
+
"description": "Main color when focused",
|
|
5602
|
+
"default": "-",
|
|
5603
|
+
"value": {
|
|
5604
|
+
"type": "string",
|
|
5605
|
+
"kind": "expression"
|
|
5606
|
+
}
|
|
5607
|
+
},
|
|
5608
|
+
{
|
|
5609
|
+
"name": "blur-color",
|
|
5610
|
+
"description": "Main color when blurred",
|
|
5611
|
+
"default": "-",
|
|
5612
|
+
"value": {
|
|
5613
|
+
"type": "string",
|
|
5614
|
+
"kind": "expression"
|
|
5615
|
+
}
|
|
5616
|
+
},
|
|
5617
|
+
{
|
|
5618
|
+
"name": "disabled",
|
|
5619
|
+
"description": "Whether to disable the component",
|
|
5620
|
+
"default": "false",
|
|
5621
|
+
"value": {
|
|
5622
|
+
"type": "boolean",
|
|
5623
|
+
"kind": "expression"
|
|
5624
|
+
}
|
|
5625
|
+
},
|
|
5626
|
+
{
|
|
5627
|
+
"name": "readonly",
|
|
5628
|
+
"description": "Whether the component is readonly",
|
|
5629
|
+
"default": "false",
|
|
5630
|
+
"value": {
|
|
5631
|
+
"type": "boolean",
|
|
5632
|
+
"kind": "expression"
|
|
5633
|
+
}
|
|
5634
|
+
},
|
|
5635
|
+
{
|
|
5636
|
+
"name": "autofocus",
|
|
5637
|
+
"description": "Whether to autofocus on mount",
|
|
5638
|
+
"default": "false",
|
|
5639
|
+
"value": {
|
|
5640
|
+
"type": "boolean",
|
|
5641
|
+
"kind": "expression"
|
|
5642
|
+
}
|
|
5643
|
+
},
|
|
5644
|
+
{
|
|
5645
|
+
"name": "gutter",
|
|
5646
|
+
"description": "Cell gap",
|
|
5647
|
+
"default": "8",
|
|
5648
|
+
"value": {
|
|
5649
|
+
"type": "string | number",
|
|
5650
|
+
"kind": "expression"
|
|
5651
|
+
}
|
|
5652
|
+
},
|
|
5653
|
+
{
|
|
5654
|
+
"name": "validate-trigger",
|
|
5655
|
+
"description": "Validation triggers, options are `onInput` `onClick` `onPaste` `onComplete`",
|
|
5656
|
+
"default": "['onInput', 'onComplete']",
|
|
5657
|
+
"value": {
|
|
5658
|
+
"type": "OtpInputValidateTrigger[]",
|
|
5659
|
+
"kind": "expression"
|
|
5660
|
+
}
|
|
5661
|
+
},
|
|
5662
|
+
{
|
|
5663
|
+
"name": "rules",
|
|
5664
|
+
"description": "Validation rules. Returning `true` means valid. Other values are converted to error messages. Supports Zod validation",
|
|
5665
|
+
"default": "-",
|
|
5666
|
+
"value": {
|
|
5667
|
+
"type": "((v: string) => any) | ZodType | Array<((v: string) => any) | ZodType>",
|
|
5668
|
+
"kind": "expression"
|
|
5669
|
+
}
|
|
5670
|
+
},
|
|
5671
|
+
{
|
|
5672
|
+
"name": "allow-paste",
|
|
5673
|
+
"description": "Whether to allow full-string pasting",
|
|
5674
|
+
"default": "true",
|
|
5675
|
+
"value": {
|
|
5676
|
+
"type": "boolean",
|
|
5677
|
+
"kind": "expression"
|
|
5678
|
+
}
|
|
5679
|
+
},
|
|
5680
|
+
{
|
|
5681
|
+
"name": "paste-transform",
|
|
5682
|
+
"description": "Paste value transformer",
|
|
5683
|
+
"default": "-",
|
|
5684
|
+
"value": {
|
|
5685
|
+
"type": "(value: string) => string",
|
|
5686
|
+
"kind": "expression"
|
|
5687
|
+
}
|
|
5688
|
+
}
|
|
5689
|
+
],
|
|
5690
|
+
"events": [
|
|
5691
|
+
{
|
|
5692
|
+
"name": "input",
|
|
5693
|
+
"description": "Emitted when the OTP value changes"
|
|
5694
|
+
},
|
|
5695
|
+
{
|
|
5696
|
+
"name": "click",
|
|
5697
|
+
"description": "Emitted when the component root is clicked"
|
|
5698
|
+
},
|
|
5699
|
+
{
|
|
5700
|
+
"name": "paste",
|
|
5701
|
+
"description": "Emitted on paste"
|
|
5702
|
+
},
|
|
5703
|
+
{
|
|
5704
|
+
"name": "complete",
|
|
5705
|
+
"description": "Emitted when input reaches `length`"
|
|
5706
|
+
}
|
|
5707
|
+
],
|
|
5708
|
+
"slots": [
|
|
5709
|
+
{
|
|
5710
|
+
"name": "separator",
|
|
5711
|
+
"description": "Custom separator content"
|
|
5712
|
+
}
|
|
5713
|
+
]
|
|
5714
|
+
},
|
|
5506
5715
|
{
|
|
5507
5716
|
"name": "var-overlay",
|
|
5508
5717
|
"attributes": [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.16.0-alpha.1778310023051",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -2938,6 +2938,15 @@
|
|
|
2938
2938
|
"type": "boolean",
|
|
2939
2939
|
"kind": "expression"
|
|
2940
2940
|
}
|
|
2941
|
+
},
|
|
2942
|
+
{
|
|
2943
|
+
"name": "fallback-view-date",
|
|
2944
|
+
"description": "在没有可用选中值时，控制面板视图回退到的日期（不会写回 `v-model`）",
|
|
2945
|
+
"default": "-",
|
|
2946
|
+
"value": {
|
|
2947
|
+
"type": "string",
|
|
2948
|
+
"kind": "expression"
|
|
2949
|
+
}
|
|
2941
2950
|
}
|
|
2942
2951
|
],
|
|
2943
2952
|
"events": [
|
|
@@ -5545,6 +5554,206 @@
|
|
|
5545
5554
|
}
|
|
5546
5555
|
]
|
|
5547
5556
|
},
|
|
5557
|
+
{
|
|
5558
|
+
"name": "var-otp-input",
|
|
5559
|
+
"attributes": [
|
|
5560
|
+
{
|
|
5561
|
+
"name": "v-model",
|
|
5562
|
+
"description": "验证码值",
|
|
5563
|
+
"default": "''",
|
|
5564
|
+
"value": {
|
|
5565
|
+
"type": "string",
|
|
5566
|
+
"kind": "expression"
|
|
5567
|
+
}
|
|
5568
|
+
},
|
|
5569
|
+
{
|
|
5570
|
+
"name": "length",
|
|
5571
|
+
"description": "验证码位数",
|
|
5572
|
+
"default": "6",
|
|
5573
|
+
"value": {
|
|
5574
|
+
"type": "string | number",
|
|
5575
|
+
"kind": "expression"
|
|
5576
|
+
}
|
|
5577
|
+
},
|
|
5578
|
+
{
|
|
5579
|
+
"name": "type",
|
|
5580
|
+
"description": "验证码类型，可选值为 `digit` `text` `alphanumeric`",
|
|
5581
|
+
"default": "digit",
|
|
5582
|
+
"value": {
|
|
5583
|
+
"type": "OtpInputType",
|
|
5584
|
+
"kind": "expression"
|
|
5585
|
+
}
|
|
5586
|
+
},
|
|
5587
|
+
{
|
|
5588
|
+
"name": "variant",
|
|
5589
|
+
"description": "风格，可选值为 `standard` `outlined` `filled`",
|
|
5590
|
+
"default": "outlined",
|
|
5591
|
+
"value": {
|
|
5592
|
+
"type": "Variant",
|
|
5593
|
+
"kind": "expression"
|
|
5594
|
+
}
|
|
5595
|
+
},
|
|
5596
|
+
{
|
|
5597
|
+
"name": "mask",
|
|
5598
|
+
"description": "是否掩码显示",
|
|
5599
|
+
"default": "false",
|
|
5600
|
+
"value": {
|
|
5601
|
+
"type": "boolean",
|
|
5602
|
+
"kind": "expression"
|
|
5603
|
+
}
|
|
5604
|
+
},
|
|
5605
|
+
{
|
|
5606
|
+
"name": "mask-symbol",
|
|
5607
|
+
"description": "掩码字符",
|
|
5608
|
+
"default": "•",
|
|
5609
|
+
"value": {
|
|
5610
|
+
"type": "string",
|
|
5611
|
+
"kind": "expression"
|
|
5612
|
+
}
|
|
5613
|
+
},
|
|
5614
|
+
{
|
|
5615
|
+
"name": "cell-height",
|
|
5616
|
+
"description": "单格高度",
|
|
5617
|
+
"default": "48",
|
|
5618
|
+
"value": {
|
|
5619
|
+
"type": "string | number",
|
|
5620
|
+
"kind": "expression"
|
|
5621
|
+
}
|
|
5622
|
+
},
|
|
5623
|
+
{
|
|
5624
|
+
"name": "cell-max-width",
|
|
5625
|
+
"description": "单格最大宽度",
|
|
5626
|
+
"default": "48",
|
|
5627
|
+
"value": {
|
|
5628
|
+
"type": "string | number",
|
|
5629
|
+
"kind": "expression"
|
|
5630
|
+
}
|
|
5631
|
+
},
|
|
5632
|
+
{
|
|
5633
|
+
"name": "text-color",
|
|
5634
|
+
"description": "文字颜色",
|
|
5635
|
+
"default": "-",
|
|
5636
|
+
"value": {
|
|
5637
|
+
"type": "string",
|
|
5638
|
+
"kind": "expression"
|
|
5639
|
+
}
|
|
5640
|
+
},
|
|
5641
|
+
{
|
|
5642
|
+
"name": "focus-color",
|
|
5643
|
+
"description": "聚焦时主要颜色",
|
|
5644
|
+
"default": "-",
|
|
5645
|
+
"value": {
|
|
5646
|
+
"type": "string",
|
|
5647
|
+
"kind": "expression"
|
|
5648
|
+
}
|
|
5649
|
+
},
|
|
5650
|
+
{
|
|
5651
|
+
"name": "blur-color",
|
|
5652
|
+
"description": "失焦时主要颜色",
|
|
5653
|
+
"default": "-",
|
|
5654
|
+
"value": {
|
|
5655
|
+
"type": "string",
|
|
5656
|
+
"kind": "expression"
|
|
5657
|
+
}
|
|
5658
|
+
},
|
|
5659
|
+
{
|
|
5660
|
+
"name": "disabled",
|
|
5661
|
+
"description": "是否禁用",
|
|
5662
|
+
"default": "false",
|
|
5663
|
+
"value": {
|
|
5664
|
+
"type": "boolean",
|
|
5665
|
+
"kind": "expression"
|
|
5666
|
+
}
|
|
5667
|
+
},
|
|
5668
|
+
{
|
|
5669
|
+
"name": "readonly",
|
|
5670
|
+
"description": "是否只读",
|
|
5671
|
+
"default": "false",
|
|
5672
|
+
"value": {
|
|
5673
|
+
"type": "boolean",
|
|
5674
|
+
"kind": "expression"
|
|
5675
|
+
}
|
|
5676
|
+
},
|
|
5677
|
+
{
|
|
5678
|
+
"name": "autofocus",
|
|
5679
|
+
"description": "初始化后是否自动聚焦",
|
|
5680
|
+
"default": "false",
|
|
5681
|
+
"value": {
|
|
5682
|
+
"type": "boolean",
|
|
5683
|
+
"kind": "expression"
|
|
5684
|
+
}
|
|
5685
|
+
},
|
|
5686
|
+
{
|
|
5687
|
+
"name": "gutter",
|
|
5688
|
+
"description": "格子间距",
|
|
5689
|
+
"default": "8",
|
|
5690
|
+
"value": {
|
|
5691
|
+
"type": "string | number",
|
|
5692
|
+
"kind": "expression"
|
|
5693
|
+
}
|
|
5694
|
+
},
|
|
5695
|
+
{
|
|
5696
|
+
"name": "validate-trigger",
|
|
5697
|
+
"description": "触发校验的时机，可选值为 `onInput` `onClick` `onPaste` `onComplete`",
|
|
5698
|
+
"default": "['onInput', 'onComplete']",
|
|
5699
|
+
"value": {
|
|
5700
|
+
"type": "OtpInputValidateTrigger[]",
|
|
5701
|
+
"kind": "expression"
|
|
5702
|
+
}
|
|
5703
|
+
},
|
|
5704
|
+
{
|
|
5705
|
+
"name": "rules",
|
|
5706
|
+
"description": "验证规则，返回 `true` 表示验证通过，其它类型的值将转换为文本作为用户提示，支持 Zod 验证",
|
|
5707
|
+
"default": "-",
|
|
5708
|
+
"value": {
|
|
5709
|
+
"type": "((v: string) => any) | ZodType | Array<((v: string) => any) | ZodType>",
|
|
5710
|
+
"kind": "expression"
|
|
5711
|
+
}
|
|
5712
|
+
},
|
|
5713
|
+
{
|
|
5714
|
+
"name": "allow-paste",
|
|
5715
|
+
"description": "是否允许粘贴整串验证码",
|
|
5716
|
+
"default": "true",
|
|
5717
|
+
"value": {
|
|
5718
|
+
"type": "boolean",
|
|
5719
|
+
"kind": "expression"
|
|
5720
|
+
}
|
|
5721
|
+
},
|
|
5722
|
+
{
|
|
5723
|
+
"name": "paste-transform",
|
|
5724
|
+
"description": "粘贴内容转换器",
|
|
5725
|
+
"default": "-",
|
|
5726
|
+
"value": {
|
|
5727
|
+
"type": "(value: string) => string",
|
|
5728
|
+
"kind": "expression"
|
|
5729
|
+
}
|
|
5730
|
+
}
|
|
5731
|
+
],
|
|
5732
|
+
"events": [
|
|
5733
|
+
{
|
|
5734
|
+
"name": "input",
|
|
5735
|
+
"description": "验证码值变化时触发"
|
|
5736
|
+
},
|
|
5737
|
+
{
|
|
5738
|
+
"name": "click",
|
|
5739
|
+
"description": "点击组件根节点时触发"
|
|
5740
|
+
},
|
|
5741
|
+
{
|
|
5742
|
+
"name": "paste",
|
|
5743
|
+
"description": "粘贴时触发"
|
|
5744
|
+
},
|
|
5745
|
+
{
|
|
5746
|
+
"name": "complete",
|
|
5747
|
+
"description": "输入满 `length` 时触发"
|
|
5748
|
+
}
|
|
5749
|
+
],
|
|
5750
|
+
"slots": [
|
|
5751
|
+
{
|
|
5752
|
+
"name": "separator",
|
|
5753
|
+
"description": "自定义分隔位内容"
|
|
5754
|
+
}
|
|
5755
|
+
]
|
|
5756
|
+
},
|
|
5548
5757
|
{
|
|
5549
5758
|
"name": "var-overlay",
|
|
5550
5759
|
"attributes": [
|