@varlet/ui 3.15.2 → 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/action-sheet/style/index.mjs +1 -1
- 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 +7926 -7548
- package/highlight/web-types.en-US.json +201 -1
- package/highlight/web-types.zh-CN.json +201 -1
- package/lib/varlet.cjs.js +2229 -1767
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- 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": {
|
|
@@ -5512,6 +5512,206 @@
|
|
|
5512
5512
|
}
|
|
5513
5513
|
]
|
|
5514
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
|
+
},
|
|
5515
5715
|
{
|
|
5516
5716
|
"name": "var-overlay",
|
|
5517
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": {
|
|
@@ -5554,6 +5554,206 @@
|
|
|
5554
5554
|
}
|
|
5555
5555
|
]
|
|
5556
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
|
+
},
|
|
5557
5757
|
{
|
|
5558
5758
|
"name": "var-overlay",
|
|
5559
5759
|
"attributes": [
|