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
@@ -225,6 +225,11 @@ declare const fieldProps: {
225
225
  labelClass: PropType<unknown>;
226
226
  labelAlign: PropType<FieldTextAlign>;
227
227
  labelPosition: PropType<FieldLabelPosition>;
228
+ unit: (NumberConstructor | StringConstructor)[];
229
+ showUnit: {
230
+ type: PropType<boolean | undefined>;
231
+ default: undefined;
232
+ };
228
233
  showWordLimit: BooleanConstructor;
229
234
  errorMessageAlign: PropType<FieldTextAlign>;
230
235
  colon: {
@@ -418,6 +423,11 @@ declare const _default: import("vue").DefineComponent<{
418
423
  labelClass: PropType<unknown>;
419
424
  labelAlign: PropType<FieldTextAlign>;
420
425
  labelPosition: PropType<FieldLabelPosition>;
426
+ unit: (NumberConstructor | StringConstructor)[];
427
+ showUnit: {
428
+ type: PropType<boolean | undefined>;
429
+ default: undefined;
430
+ };
421
431
  showWordLimit: BooleanConstructor;
422
432
  errorMessageAlign: PropType<FieldTextAlign>;
423
433
  colon: {
@@ -428,7 +438,7 @@ declare const _default: import("vue").DefineComponent<{
428
438
  type: BooleanConstructor;
429
439
  default: boolean;
430
440
  };
431
- }, () => 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<ExtractPropTypes<{
441
+ }, () => 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<ExtractPropTypes<{
432
442
  icon: StringConstructor;
433
443
  size: PropType<CellSize>;
434
444
  background: StringConstructor;
@@ -609,6 +619,11 @@ declare const _default: import("vue").DefineComponent<{
609
619
  labelClass: PropType<unknown>;
610
620
  labelAlign: PropType<FieldTextAlign>;
611
621
  labelPosition: PropType<FieldLabelPosition>;
622
+ unit: (NumberConstructor | StringConstructor)[];
623
+ showUnit: {
624
+ type: PropType<boolean | undefined>;
625
+ default: undefined;
626
+ };
612
627
  showWordLimit: BooleanConstructor;
613
628
  errorMessageAlign: PropType<FieldTextAlign>;
614
629
  colon: {
@@ -623,6 +638,7 @@ declare const _default: import("vue").DefineComponent<{
623
638
  onFocus?: ((...args: any[]) => any) | undefined;
624
639
  onBlur?: ((...args: any[]) => any) | undefined;
625
640
  onKeypress?: ((...args: any[]) => any) | undefined;
641
+ "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
626
642
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
627
643
  onClear?: ((...args: any[]) => any) | undefined;
628
644
  "onClick-input"?: ((...args: any[]) => any) | undefined;
@@ -677,6 +693,7 @@ declare const _default: import("vue").DefineComponent<{
677
693
  formatTrigger: FieldFormatTrigger;
678
694
  error: boolean;
679
695
  readonly: boolean;
696
+ showUnit: boolean | undefined;
680
697
  showWordLimit: boolean;
681
698
  colon: boolean;
682
699
  }>;
@@ -49,6 +49,11 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
49
49
  labelClass: unknownProp,
50
50
  labelAlign: String,
51
51
  labelPosition: String,
52
+ unit: numericProp,
53
+ showUnit: {
54
+ type: Boolean,
55
+ default: void 0
56
+ },
52
57
  showWordLimit: Boolean,
53
58
  errorMessageAlign: String,
54
59
  colon: {
@@ -63,7 +68,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
63
68
  var stdin_default = defineComponent({
64
69
  name,
65
70
  props: fieldProps,
66
- emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
71
+ emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "click-title-icon", "update:modelValue"],
67
72
  setup(props, {
68
73
  emit,
69
74
  slots
@@ -396,6 +401,16 @@ var stdin_default = defineComponent({
396
401
  }, null)]);
397
402
  }
398
403
  };
404
+ const renderUnit = () => {
405
+ var _a;
406
+ const showUnit = (_a = props.showUnit) != null ? _a : isDef(props.unit);
407
+ if (!showUnit || !isDef(props.unit)) {
408
+ return;
409
+ }
410
+ return _createVNode("span", {
411
+ "class": bem("unit")
412
+ }, [props.unit]);
413
+ };
399
414
  const renderWordLimit = () => {
400
415
  if (props.showWordLimit && props.maxlength) {
401
416
  const count = getStringLength(getModelValue());
@@ -435,7 +450,7 @@ var stdin_default = defineComponent({
435
450
  };
436
451
  const renderFieldBody = () => [_createVNode("div", {
437
452
  "class": bem("body")
438
- }, [renderInput(), showClear.value && _createVNode(Icon, {
453
+ }, [renderInput(), renderUnit(), showClear.value && _createVNode(Icon, {
439
454
  "ref": clearIconRef,
440
455
  "name": props.clearIcon,
441
456
  "class": bem("clear")
@@ -490,6 +505,10 @@ var stdin_default = defineComponent({
490
505
  "errorBorder": props.errorBorder,
491
506
  "isLink": props.isLink,
492
507
  "clickable": props.clickable,
508
+ "titleIcon": props.titleIcon,
509
+ "titleIconClickable": props.titleIconClickable,
510
+ "showTitleIcon": props.showTitleIcon,
511
+ "onClick-title-icon": (event) => emit("click-title-icon", event),
493
512
  "titleStyle": labelStyle.value,
494
513
  "valueClass": bem("value"),
495
514
  "titleClass": [bem("label", [labelAlign, {
@@ -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);
package/es/index.d.ts CHANGED
@@ -116,4 +116,4 @@ declare namespace _default {
116
116
  }
117
117
  export default _default;
118
118
  export function install(app: any): void;
119
- export const version: "0.0.39";
119
+ export const version: "0.0.41";
package/es/index.mjs CHANGED
@@ -109,7 +109,7 @@ import { Uploader } from "./uploader/index.mjs";
109
109
  import { VideoPreview } from "./video-preview/index.mjs";
110
110
  import { WorkOrderCard } from "./work-order-card/index.mjs";
111
111
  import { WorkOrderFilter } from "./work-order-filter/index.mjs";
112
- const version = "0.0.39";
112
+ const version = "0.0.41";
113
113
  function install(app) {
114
114
  const components = [
115
115
  ActionBar,
@@ -35,6 +35,10 @@ declare const labelProps: {
35
35
  type: PropType<string>;
36
36
  default: string;
37
37
  };
38
+ contentList: {
39
+ type: PropType<string[]>;
40
+ default: () => never[];
41
+ };
38
42
  type: {
39
43
  type: PropType<LabelType>;
40
44
  default: LabelType;
@@ -88,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
88
92
  type: PropType<string>;
89
93
  default: string;
90
94
  };
95
+ contentList: {
96
+ type: PropType<string[]>;
97
+ default: () => never[];
98
+ };
91
99
  type: {
92
100
  type: PropType<LabelType>;
93
101
  default: LabelType;
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
139
147
  type: PropType<string>;
140
148
  default: string;
141
149
  };
150
+ contentList: {
151
+ type: PropType<string[]>;
152
+ default: () => never[];
153
+ };
142
154
  type: {
143
155
  type: PropType<LabelType>;
144
156
  default: LabelType;
@@ -186,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
186
198
  showLabel: boolean;
187
199
  showContent: boolean;
188
200
  showColon: boolean | undefined;
201
+ contentList: string[];
189
202
  contentAlign: LabelContentAlign;
190
203
  showLeftIcon: boolean;
191
204
  sameColor: boolean;
@@ -13,6 +13,10 @@ const labelProps = {
13
13
  default: void 0
14
14
  },
15
15
  content: makeStringProp(""),
16
+ contentList: {
17
+ type: Array,
18
+ default: () => []
19
+ },
16
20
  type: makeStringProp("default"),
17
21
  size: makeStringProp("default"),
18
22
  contentAlign: makeStringProp("follow"),
@@ -42,7 +46,9 @@ var stdin_default = defineComponent({
42
46
  }) {
43
47
  let longPressTimer;
44
48
  const vertical = computed(() => props.vertical || props.type === "media");
45
- const ellipsis = computed(() => props.ellipsis && !vertical.value && !["tag", "media"].includes(props.type));
49
+ const hasContentList = computed(() => props.contentList.length > 0);
50
+ const displayContent = computed(() => hasContentList.value ? props.contentList.join("\u3001") : props.content);
51
+ const ellipsis = computed(() => props.ellipsis && !hasContentList.value && !vertical.value && !["tag", "media"].includes(props.type));
46
52
  const displayLabel = computed(() => {
47
53
  var _a;
48
54
  const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
@@ -74,7 +80,7 @@ var stdin_default = defineComponent({
74
80
  };
75
81
  const renderText = () => {
76
82
  var _a;
77
- const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
83
+ const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || displayContent.value;
78
84
  if (props.type === "link") {
79
85
  return props.href ? _createVNode("a", {
80
86
  "class": bem("link"),
@@ -127,7 +133,8 @@ var stdin_default = defineComponent({
127
133
  ellipsis: ellipsis.value,
128
134
  location: showLocation.value,
129
135
  "content-right": props.contentAlign === "right",
130
- "same-color": props.sameColor
136
+ "same-color": props.sameColor,
137
+ "multiple-content": hasContentList.value
131
138
  }])
132
139
  }, [showLeftIcon.value && _createVNode("div", {
133
140
  "class": bem("left-icon")
@@ -142,7 +149,7 @@ var stdin_default = defineComponent({
142
149
  "onPointerleave": clearLongPress
143
150
  }, [displayLabel.value]), props.showContent && _createVNode("div", {
144
151
  "class": bem("value"),
145
- "onPointerdown": () => startLongPress("content", props.content),
152
+ "onPointerdown": () => startLongPress("content", displayContent.value),
146
153
  "onPointerup": clearLongPress,
147
154
  "onPointercancel": clearLongPress,
148
155
  "onPointerleave": clearLongPress
@@ -1 +1 @@
1
- :root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
1
+ :root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--multiple-content .van-label__text{overflow-wrap:anywhere;white-space:normal}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
@@ -19,6 +19,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
19
19
  type: import("vue").PropType<string>;
20
20
  default: string;
21
21
  };
22
+ contentList: {
23
+ type: import("vue").PropType<string[]>;
24
+ default: () => never[];
25
+ };
22
26
  type: {
23
27
  type: import("vue").PropType<import("./Label").LabelType>;
24
28
  default: import("./Label").LabelType;
@@ -70,6 +74,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
70
74
  type: import("vue").PropType<string>;
71
75
  default: string;
72
76
  };
77
+ contentList: {
78
+ type: import("vue").PropType<string[]>;
79
+ default: () => never[];
80
+ };
73
81
  type: {
74
82
  type: import("vue").PropType<import("./Label").LabelType>;
75
83
  default: import("./Label").LabelType;
@@ -117,6 +125,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
117
125
  showLabel: boolean;
118
126
  showContent: boolean;
119
127
  showColon: boolean | undefined;
128
+ contentList: string[];
120
129
  contentAlign: import("./Label").LabelContentAlign;
121
130
  showLeftIcon: boolean;
122
131
  sameColor: boolean;
@@ -105,6 +105,11 @@
105
105
  display: block;
106
106
  }
107
107
 
108
+ &--multiple-content .van-label__text {
109
+ overflow-wrap: anywhere;
110
+ white-space: normal;
111
+ }
112
+
108
113
  &--location .van-label__value {
109
114
  display: flex;
110
115
  flex-direction: column;
@@ -18,8 +18,8 @@ import "../../radio/index.css";
18
18
  import "../../cell/index.css";
19
19
  import "../../tree-select/index.css";
20
20
  import "../../field/index.css";
21
- import "../../search/index.css";
22
21
  import "../../dialog/index.css";
22
+ import "../../search/index.css";
23
23
  import "../../sticky/index.css";
24
24
  import "../../swipe/index.css";
25
25
  import "../../swipe-item/index.css";
@@ -18,8 +18,8 @@ import "../../radio/index.less";
18
18
  import "../../cell/index.less";
19
19
  import "../../tree-select/index.less";
20
20
  import "../../field/index.less";
21
- import "../../search/index.less";
22
21
  import "../../dialog/index.less";
22
+ import "../../search/index.less";
23
23
  import "../../sticky/index.less";
24
24
  import "../../swipe/index.less";
25
25
  import "../../swipe-item/index.less";
@@ -1,4 +1,5 @@
1
1
  import { type PropType } from 'vue';
2
+ import { type StepperTheme } from '../stepper';
2
3
  import { type Numeric } from '../utils';
3
4
  export declare type MaterialActionBarItem = {
4
5
  id: Numeric;
@@ -31,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
31
32
  default: string;
32
33
  };
33
34
  selected: BooleanConstructor;
35
+ showDetail: {
36
+ type: BooleanConstructor;
37
+ default: true;
38
+ };
39
+ stepperTheme: {
40
+ type: PropType<StepperTheme>;
41
+ default: StepperTheme;
42
+ };
34
43
  enableInputDialog: {
35
44
  type: BooleanConstructor;
36
45
  default: true;
@@ -62,6 +71,14 @@ declare const _default: import("vue").DefineComponent<{
62
71
  default: string;
63
72
  };
64
73
  selected: BooleanConstructor;
74
+ showDetail: {
75
+ type: BooleanConstructor;
76
+ default: true;
77
+ };
78
+ stepperTheme: {
79
+ type: PropType<StepperTheme>;
80
+ default: StepperTheme;
81
+ };
65
82
  enableInputDialog: {
66
83
  type: BooleanConstructor;
67
84
  default: true;
@@ -82,7 +99,9 @@ declare const _default: import("vue").DefineComponent<{
82
99
  max: string | number;
83
100
  selected: boolean;
84
101
  warning: string;
102
+ showDetail: boolean;
85
103
  keyword: string;
104
+ stepperTheme: StepperTheme;
86
105
  enableInputDialog: boolean;
87
106
  showWarning: boolean;
88
107
  picking: MaterialActionBarPicking;
@@ -4,7 +4,7 @@ import { Icon } from "../icon/index.mjs";
4
4
  import { Stepper } from "../stepper/index.mjs";
5
5
  import { Tag } from "../tag/index.mjs";
6
6
  import { Toast } from "../toast/index.mjs";
7
- import { createNamespace, makeNumericProp, truthProp } from "../utils/index.mjs";
7
+ import { createNamespace, makeNumericProp, makeStringProp, truthProp } from "../utils/index.mjs";
8
8
  const [name, bem] = createNamespace("material-action-bar");
9
9
  var stdin_default = defineComponent({
10
10
  name,
@@ -23,6 +23,8 @@ var stdin_default = defineComponent({
23
23
  default: ""
24
24
  },
25
25
  selected: Boolean,
26
+ showDetail: truthProp,
27
+ stepperTheme: makeStringProp("round-outline"),
26
28
  enableInputDialog: truthProp,
27
29
  showWarning: Boolean,
28
30
  warning: {
@@ -98,7 +100,7 @@ var stdin_default = defineComponent({
98
100
  };
99
101
  onBeforeUnmount(clearDetailLongPress);
100
102
  return () => {
101
- var _a, _b, _c, _d, _e;
103
+ var _a, _b, _c, _d;
102
104
  return _createVNode("div", {
103
105
  "class": bem({
104
106
  selected: props.selected
@@ -127,7 +129,7 @@ var stdin_default = defineComponent({
127
129
  "modelValue": props.modelValue,
128
130
  "min": 0,
129
131
  "max": props.max,
130
- "theme": "round",
132
+ "theme": props.stepperTheme,
131
133
  "buttonSize": 18,
132
134
  "disableInput": true,
133
135
  "onUpdate:modelValue": (value) => emit("update:modelValue", Number(value))
@@ -138,7 +140,7 @@ var stdin_default = defineComponent({
138
140
  "onClick": openInputDialog
139
141
  }, null)]), _createVNode("span", {
140
142
  "class": bem("unit")
141
- }, [props.item.unit])]), _createVNode("p", {
143
+ }, [props.item.unit])]), props.showDetail && _createVNode("p", {
142
144
  "class": bem("desc"),
143
145
  "onTouchstart": onDetailLongPressStart,
144
146
  "onTouchmove": clearDetailLongPress,
@@ -159,7 +161,9 @@ var stdin_default = defineComponent({
159
161
  "style": {
160
162
  fontWeight: props.picking.outboundBold ? 600 : 400
161
163
  }
162
- }, [props.picking.outboundValue])]), (_e = slots.default) == null ? void 0 : _e.call(slots), _createVNode(Dialog.Component, {
164
+ }, [props.picking.outboundValue])]), slots.default && _createVNode("div", {
165
+ "class": bem("bottom")
166
+ }, [slots.default()]), _createVNode(Dialog.Component, {
163
167
  "show": showInputDialog.value,
164
168
  "inputValue": inputValue.value,
165
169
  "inputAlign": "left",
@@ -1 +1 @@
1
- .van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}
1
+ .van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}
@@ -16,6 +16,14 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
16
16
  default: string;
17
17
  };
18
18
  selected: BooleanConstructor;
19
+ showDetail: {
20
+ type: BooleanConstructor;
21
+ default: true;
22
+ };
23
+ stepperTheme: {
24
+ type: import("vue").PropType<import("..").StepperTheme>;
25
+ default: import("..").StepperTheme;
26
+ };
19
27
  enableInputDialog: {
20
28
  type: BooleanConstructor;
21
29
  default: true;
@@ -47,6 +55,14 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
47
55
  default: string;
48
56
  };
49
57
  selected: BooleanConstructor;
58
+ showDetail: {
59
+ type: BooleanConstructor;
60
+ default: true;
61
+ };
62
+ stepperTheme: {
63
+ type: import("vue").PropType<import("..").StepperTheme>;
64
+ default: import("..").StepperTheme;
65
+ };
50
66
  enableInputDialog: {
51
67
  type: BooleanConstructor;
52
68
  default: true;
@@ -67,7 +83,9 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
67
83
  max: string | number;
68
84
  selected: boolean;
69
85
  warning: string;
86
+ showDetail: boolean;
70
87
  keyword: string;
88
+ stepperTheme: import("..").StepperTheme;
71
89
  enableInputDialog: boolean;
72
90
  showWarning: boolean;
73
91
  picking: import("./MaterialActionBar").MaterialActionBarPicking;
@@ -90,6 +108,14 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
90
108
  default: string;
91
109
  };
92
110
  selected: BooleanConstructor;
111
+ showDetail: {
112
+ type: BooleanConstructor;
113
+ default: true;
114
+ };
115
+ stepperTheme: {
116
+ type: import("vue").PropType<import("..").StepperTheme>;
117
+ default: import("..").StepperTheme;
118
+ };
93
119
  enableInputDialog: {
94
120
  type: BooleanConstructor;
95
121
  default: true;
@@ -121,6 +147,14 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
121
147
  default: string;
122
148
  };
123
149
  selected: BooleanConstructor;
150
+ showDetail: {
151
+ type: BooleanConstructor;
152
+ default: true;
153
+ };
154
+ stepperTheme: {
155
+ type: import("vue").PropType<import("..").StepperTheme>;
156
+ default: import("..").StepperTheme;
157
+ };
124
158
  enableInputDialog: {
125
159
  type: BooleanConstructor;
126
160
  default: true;
@@ -141,7 +175,9 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
141
175
  max: string | number;
142
176
  selected: boolean;
143
177
  warning: string;
178
+ showDetail: boolean;
144
179
  keyword: string;
180
+ stepperTheme: import("..").StepperTheme;
145
181
  enableInputDialog: boolean;
146
182
  showWarning: boolean;
147
183
  picking: import("./MaterialActionBar").MaterialActionBarPicking;