persagy-vant 0.0.39 → 0.0.41

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.
Files changed (113) hide show
  1. package/es/cell/Cell.mjs +21 -11
  2. package/es/cell/index.css +1 -1
  3. package/es/cell/index.less +26 -2
  4. package/es/checkbox-panel/CheckboxPanel.d.ts +46 -1
  5. package/es/checkbox-panel/CheckboxPanel.mjs +121 -35
  6. package/es/checkbox-panel/index.css +1 -1
  7. package/es/checkbox-panel/index.d.ts +35 -1
  8. package/es/checkbox-panel/index.less +8 -2
  9. package/es/checkbox-panel/style/index.mjs +5 -0
  10. package/es/checkbox-panel/style/less.mjs +5 -0
  11. package/es/field/Field.d.ts +18 -1
  12. package/es/field/Field.mjs +21 -2
  13. package/es/field/index.css +1 -1
  14. package/es/field/index.d.ts +13 -1
  15. package/es/field/index.less +15 -0
  16. package/es/index.d.ts +1 -1
  17. package/es/index.mjs +1 -1
  18. package/es/label/Label.d.ts +13 -0
  19. package/es/label/Label.mjs +11 -4
  20. package/es/label/index.css +1 -1
  21. package/es/label/index.d.ts +9 -0
  22. package/es/label/index.less +5 -0
  23. package/es/location-select/style/index.mjs +1 -1
  24. package/es/location-select/style/less.mjs +1 -1
  25. package/es/material-action-bar/MaterialActionBar.d.ts +19 -0
  26. package/es/material-action-bar/MaterialActionBar.mjs +9 -5
  27. package/es/material-action-bar/index.css +1 -1
  28. package/es/material-action-bar/index.d.ts +36 -0
  29. package/es/material-action-bar/index.less +4 -2
  30. package/es/material-add/index.css +1 -1
  31. package/es/material-add/style/index.mjs +1 -1
  32. package/es/material-add/style/less.mjs +1 -1
  33. package/es/material-display-bar/MaterialDisplayBar.d.ts +1 -1
  34. package/es/material-display-bar/MaterialDisplayBar.mjs +0 -1
  35. package/es/material-display-bar/index.css +1 -1
  36. package/es/material-display-bar/index.d.ts +3 -3
  37. package/es/material-display-bar/index.less +2 -1
  38. package/es/material-display-bar/var.less +3 -2
  39. package/es/stepper/Stepper.d.ts +1 -1
  40. package/es/stepper/index.css +1 -1
  41. package/es/stepper/index.less +19 -0
  42. package/es/title-bar/TitleBar.d.ts +30 -0
  43. package/es/title-bar/TitleBar.mjs +7 -1
  44. package/es/title-bar/index.css +1 -1
  45. package/es/title-bar/index.d.ts +21 -0
  46. package/es/title-bar/index.less +4 -2
  47. package/es/uploader/Uploader.d.ts +4 -0
  48. package/es/uploader/Uploader.mjs +3 -2
  49. package/es/uploader/index.d.ts +3 -0
  50. package/lib/cell/Cell.js +21 -11
  51. package/lib/cell/index.css +1 -1
  52. package/lib/cell/index.less +26 -2
  53. package/lib/checkbox-panel/CheckboxPanel.d.ts +46 -1
  54. package/lib/checkbox-panel/CheckboxPanel.js +120 -34
  55. package/lib/checkbox-panel/index.css +1 -1
  56. package/lib/checkbox-panel/index.d.ts +35 -1
  57. package/lib/checkbox-panel/index.less +8 -2
  58. package/lib/checkbox-panel/style/index.js +5 -0
  59. package/lib/checkbox-panel/style/less.js +5 -0
  60. package/lib/field/Field.d.ts +18 -1
  61. package/lib/field/Field.js +21 -2
  62. package/lib/field/index.css +1 -1
  63. package/lib/field/index.d.ts +13 -1
  64. package/lib/field/index.less +15 -0
  65. package/lib/index.css +1 -1
  66. package/lib/index.d.ts +1 -1
  67. package/lib/index.js +1 -1
  68. package/lib/index.less +5 -5
  69. package/lib/label/Label.d.ts +13 -0
  70. package/lib/label/Label.js +11 -4
  71. package/lib/label/index.css +1 -1
  72. package/lib/label/index.d.ts +9 -0
  73. package/lib/label/index.less +5 -0
  74. package/lib/location-select/style/index.js +1 -1
  75. package/lib/location-select/style/less.js +1 -1
  76. package/lib/material-action-bar/MaterialActionBar.d.ts +19 -0
  77. package/lib/material-action-bar/MaterialActionBar.js +8 -4
  78. package/lib/material-action-bar/index.css +1 -1
  79. package/lib/material-action-bar/index.d.ts +36 -0
  80. package/lib/material-action-bar/index.less +4 -2
  81. package/lib/material-add/index.css +1 -1
  82. package/lib/material-add/style/index.js +1 -1
  83. package/lib/material-add/style/less.js +1 -1
  84. package/lib/material-display-bar/MaterialDisplayBar.d.ts +1 -1
  85. package/lib/material-display-bar/MaterialDisplayBar.js +0 -1
  86. package/lib/material-display-bar/index.css +1 -1
  87. package/lib/material-display-bar/index.d.ts +3 -3
  88. package/lib/material-display-bar/index.less +2 -1
  89. package/lib/material-display-bar/var.less +3 -2
  90. package/lib/stepper/Stepper.d.ts +1 -1
  91. package/lib/stepper/index.css +1 -1
  92. package/lib/stepper/index.less +19 -0
  93. package/lib/title-bar/TitleBar.d.ts +30 -0
  94. package/lib/title-bar/TitleBar.js +7 -1
  95. package/lib/title-bar/index.css +1 -1
  96. package/lib/title-bar/index.d.ts +21 -0
  97. package/lib/title-bar/index.less +4 -2
  98. package/lib/uploader/Uploader.d.ts +4 -0
  99. package/lib/uploader/Uploader.js +2 -1
  100. package/lib/uploader/index.d.ts +3 -0
  101. package/lib/vant.cjs.js +924 -796
  102. package/lib/vant.es.js +925 -797
  103. package/lib/vant.js +924 -796
  104. package/lib/vant.min.js +1 -1
  105. package/lib/web-types.json +1 -1
  106. package/package.json +1 -1
  107. package/skills/use-persagy-vant/SKILL.md +7 -6
  108. package/skills/use-persagy-vant/references/component-catalog.md +4 -4
  109. package/skills/use-persagy-vant/references/component-variant-selection.md +39 -0
  110. package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -0
  111. package/skills/use-persagy-vant/references/element-component-matching.md +89 -0
  112. package/skills/use-persagy-vant/references/page-recipes.md +1 -0
  113. package/skills/use-persagy-vant/references/public-style-system.md +6 -0
@@ -1 +1 @@
1
- :root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-8);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
1
+ :root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-gray-8);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-font-size: var(--van-font-size-lg);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required{position:relative}.van-field__label--required:before{color:var(--van-field-required-mark-color);content:"*";position:absolute;left:-8px;font-size:14px}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field--label-top{flex-direction:column;align-items:stretch}.van-field--label-top .van-cell__title,.van-field--label-top .van-cell__value{flex:none;width:100%}.van-field--label-top .van-cell__value{margin-left:0}.van-field--label-top .van-field__label{width:auto;margin-right:0;margin-bottom:var(--van-padding-xs)}.van-field.van-cell--normal{--van-field-input-font-size: var(--van-font-size-md)}.van-field__value{flex:1;min-width:0;overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.van-field__control::-moz-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:-moz-read-only{cursor:default}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-moz-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__unit,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__unit{margin-left:var(--van-padding-base);color:var(--van-field-input-text-color);font-size:var(--van-field-input-font-size);line-height:inherit;white-space:nowrap}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
@@ -180,6 +180,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
180
180
  labelClass: import("vue").PropType<unknown>;
181
181
  labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
182
182
  labelPosition: import("vue").PropType<import("./types").FieldLabelPosition>;
183
+ unit: (NumberConstructor | StringConstructor)[];
184
+ showUnit: {
185
+ type: import("vue").PropType<boolean | undefined>;
186
+ default: undefined;
187
+ };
183
188
  showWordLimit: BooleanConstructor;
184
189
  errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
185
190
  colon: {
@@ -190,7 +195,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
190
195
  type: BooleanConstructor;
191
196
  default: boolean;
192
197
  };
193
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
198
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
194
199
  icon: StringConstructor;
195
200
  size: import("vue").PropType<import("..").CellSize>;
196
201
  background: StringConstructor;
@@ -371,6 +376,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
371
376
  labelClass: import("vue").PropType<unknown>;
372
377
  labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
373
378
  labelPosition: import("vue").PropType<import("./types").FieldLabelPosition>;
379
+ unit: (NumberConstructor | StringConstructor)[];
380
+ showUnit: {
381
+ type: import("vue").PropType<boolean | undefined>;
382
+ default: undefined;
383
+ };
374
384
  showWordLimit: BooleanConstructor;
375
385
  errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
376
386
  colon: {
@@ -385,6 +395,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
385
395
  onFocus?: ((...args: any[]) => any) | undefined;
386
396
  onBlur?: ((...args: any[]) => any) | undefined;
387
397
  onKeypress?: ((...args: any[]) => any) | undefined;
398
+ "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
388
399
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
389
400
  onClear?: ((...args: any[]) => any) | undefined;
390
401
  "onClick-input"?: ((...args: any[]) => any) | undefined;
@@ -439,6 +450,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
439
450
  formatTrigger: import("./types").FieldFormatTrigger;
440
451
  error: boolean;
441
452
  readonly: boolean;
453
+ showUnit: boolean | undefined;
442
454
  showWordLimit: boolean;
443
455
  colon: boolean;
444
456
  }>>;
@@ -71,6 +71,10 @@
71
71
  width: 100%;
72
72
  }
73
73
 
74
+ .van-cell__value {
75
+ margin-left: 0;
76
+ }
77
+
74
78
  .van-field__label {
75
79
  width: auto;
76
80
  margin-right: 0;
@@ -83,6 +87,8 @@
83
87
  }
84
88
 
85
89
  &__value {
90
+ flex: 1;
91
+ min-width: 0;
86
92
  overflow: visible;
87
93
  }
88
94
 
@@ -166,6 +172,7 @@
166
172
  &__clear,
167
173
  &__icon,
168
174
  &__button,
175
+ &__unit,
169
176
  &__right-icon {
170
177
  flex-shrink: 0;
171
178
  }
@@ -202,6 +209,14 @@
202
209
  padding-left: var(--van-padding-xs);
203
210
  }
204
211
 
212
+ &__unit {
213
+ margin-left: var(--van-padding-base);
214
+ color: var(--van-field-input-text-color);
215
+ font-size: var(--van-field-input-font-size);
216
+ line-height: inherit;
217
+ white-space: nowrap;
218
+ }
219
+
205
220
  &__error-message {
206
221
  color: var(--van-field-error-message-color);
207
222
  font-size: var(--van-field-error-message-font-size);