persagy-vant 0.0.44 → 0.0.46

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 (88) hide show
  1. package/es/blue-mark/BlueMarkHeader.d.ts +3 -12
  2. package/es/blue-mark/BlueMarkHeader.mjs +2 -2
  3. package/es/blue-mark/index.d.ts +2 -8
  4. package/es/cell/index.css +1 -1
  5. package/es/cell/index.less +8 -0
  6. package/es/index.d.ts +1 -1
  7. package/es/index.mjs +1 -1
  8. package/es/location-select/LocationSelect.d.ts +19 -1
  9. package/es/location-select/LocationSelect.mjs +123 -19
  10. package/es/location-select/index.css +1 -1
  11. package/es/location-select/index.d.ts +14 -1
  12. package/es/location-select/index.less +1 -0
  13. package/es/location-select/style/index.mjs +1 -0
  14. package/es/location-select/style/less.mjs +1 -0
  15. package/es/location-select/types.d.ts +2 -0
  16. package/es/location-select/types.mjs +0 -0
  17. package/es/material-add/MaterialAdd.d.ts +19 -2
  18. package/es/material-add/MaterialAdd.mjs +99 -8
  19. package/es/material-add/index.css +1 -1
  20. package/es/material-add/index.d.ts +14 -2
  21. package/es/material-add/index.less +1 -1
  22. package/es/material-add/style/index.mjs +1 -0
  23. package/es/material-add/style/less.mjs +1 -0
  24. package/es/material-add/types.d.ts +7 -6
  25. package/es/object-select/ObjectSelect.d.ts +19 -2
  26. package/es/object-select/ObjectSelect.mjs +142 -21
  27. package/es/object-select/index.css +1 -1
  28. package/es/object-select/index.d.ts +14 -2
  29. package/es/object-select/index.less +1 -0
  30. package/es/object-select/style/index.mjs +1 -0
  31. package/es/object-select/style/less.mjs +1 -0
  32. package/es/object-select/types.d.ts +1 -0
  33. package/es/video-preview/VideoPreview.mjs +30 -15
  34. package/es/video-preview/index.css +1 -1
  35. package/es/video-preview/index.less +21 -0
  36. package/lib/blue-mark/BlueMarkHeader.d.ts +3 -12
  37. package/lib/blue-mark/BlueMarkHeader.js +1 -1
  38. package/lib/blue-mark/index.d.ts +2 -8
  39. package/lib/cell/index.css +1 -1
  40. package/lib/cell/index.less +8 -0
  41. package/lib/index.css +1 -1
  42. package/lib/index.d.ts +1 -1
  43. package/lib/index.js +1 -1
  44. package/lib/index.less +2 -2
  45. package/lib/location-select/LocationSelect.d.ts +19 -1
  46. package/lib/location-select/LocationSelect.js +121 -17
  47. package/lib/location-select/index.css +1 -1
  48. package/lib/location-select/index.d.ts +14 -1
  49. package/lib/location-select/index.less +1 -0
  50. package/lib/location-select/style/index.js +1 -0
  51. package/lib/location-select/style/less.js +1 -0
  52. package/lib/location-select/types.d.ts +2 -0
  53. package/lib/location-select/types.js +15 -0
  54. package/lib/material-add/MaterialAdd.d.ts +19 -2
  55. package/lib/material-add/MaterialAdd.js +97 -6
  56. package/lib/material-add/index.css +1 -1
  57. package/lib/material-add/index.d.ts +14 -2
  58. package/lib/material-add/index.less +1 -1
  59. package/lib/material-add/style/index.js +1 -0
  60. package/lib/material-add/style/less.js +1 -0
  61. package/lib/material-add/types.d.ts +7 -6
  62. package/lib/object-select/ObjectSelect.d.ts +19 -2
  63. package/lib/object-select/ObjectSelect.js +140 -19
  64. package/lib/object-select/index.css +1 -1
  65. package/lib/object-select/index.d.ts +14 -2
  66. package/lib/object-select/index.less +1 -0
  67. package/lib/object-select/style/index.js +1 -0
  68. package/lib/object-select/style/less.js +1 -0
  69. package/lib/object-select/types.d.ts +1 -0
  70. package/lib/vant.cjs.js +386 -61
  71. package/lib/vant.es.js +386 -61
  72. package/lib/vant.js +386 -61
  73. package/lib/vant.min.js +1 -1
  74. package/lib/video-preview/VideoPreview.js +30 -15
  75. package/lib/video-preview/index.css +1 -1
  76. package/lib/video-preview/index.less +21 -0
  77. package/lib/web-types.json +1 -1
  78. package/package.json +1 -1
  79. package/skills/use-persagy-vant/SKILL.md +6 -0
  80. package/skills/use-persagy-vant/references/business-component-catalog.md +6 -3
  81. package/skills/use-persagy-vant/references/component-catalog.md +4 -3
  82. package/skills/use-persagy-vant/references/component-variant-selection.md +9 -4
  83. package/skills/use-persagy-vant/references/design-interaction-baseline.md +1 -1
  84. package/skills/use-persagy-vant/references/dynamic-panel-policy.md +46 -0
  85. package/skills/use-persagy-vant/references/element-component-matching.md +3 -1
  86. package/skills/use-persagy-vant/references/page-recipes.md +3 -3
  87. package/skills/use-persagy-vant/references/reuse-policy.md +5 -1
  88. package/skills/use-persagy-vant/references/usage-patterns.md +2 -2
@@ -9,10 +9,7 @@ declare const blueMarkHeaderProps: {
9
9
  required: BooleanConstructor;
10
10
  actionText: StringConstructor;
11
11
  expandable: BooleanConstructor;
12
- showExpandIcon: {
13
- type: BooleanConstructor;
14
- default: true;
15
- };
12
+ showExpandIcon: BooleanConstructor;
16
13
  modelValue: BooleanConstructor;
17
14
  expandText: StringConstructor;
18
15
  collapseText: StringConstructor;
@@ -27,10 +24,7 @@ declare const _default: import("vue").DefineComponent<{
27
24
  required: BooleanConstructor;
28
25
  actionText: StringConstructor;
29
26
  expandable: BooleanConstructor;
30
- showExpandIcon: {
31
- type: BooleanConstructor;
32
- default: true;
33
- };
27
+ showExpandIcon: BooleanConstructor;
34
28
  modelValue: BooleanConstructor;
35
29
  expandText: StringConstructor;
36
30
  collapseText: StringConstructor;
@@ -43,10 +37,7 @@ declare const _default: import("vue").DefineComponent<{
43
37
  required: BooleanConstructor;
44
38
  actionText: StringConstructor;
45
39
  expandable: BooleanConstructor;
46
- showExpandIcon: {
47
- type: BooleanConstructor;
48
- default: true;
49
- };
40
+ showExpandIcon: BooleanConstructor;
50
41
  modelValue: BooleanConstructor;
51
42
  expandText: StringConstructor;
52
43
  collapseText: StringConstructor;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
2
- import { createNamespace, numericProp, truthProp } from "../utils/index.mjs";
2
+ import { createNamespace, numericProp } from "../utils/index.mjs";
3
3
  import BlueMark from "./BlueMark.mjs";
4
4
  import CollapseToggle from "./CollapseToggle.mjs";
5
5
  const [name, bem] = createNamespace("blue-mark-header");
@@ -12,7 +12,7 @@ const blueMarkHeaderProps = {
12
12
  required: Boolean,
13
13
  actionText: String,
14
14
  expandable: Boolean,
15
- showExpandIcon: truthProp,
15
+ showExpandIcon: Boolean,
16
16
  modelValue: Boolean,
17
17
  expandText: String,
18
18
  collapseText: String
@@ -37,10 +37,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
37
37
  required: BooleanConstructor;
38
38
  actionText: StringConstructor;
39
39
  expandable: BooleanConstructor;
40
- showExpandIcon: {
41
- type: BooleanConstructor;
42
- default: true;
43
- };
40
+ showExpandIcon: BooleanConstructor;
44
41
  modelValue: BooleanConstructor;
45
42
  expandText: StringConstructor;
46
43
  collapseText: StringConstructor;
@@ -53,10 +50,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
53
50
  required: BooleanConstructor;
54
51
  actionText: StringConstructor;
55
52
  expandable: BooleanConstructor;
56
- showExpandIcon: {
57
- type: BooleanConstructor;
58
- default: true;
59
- };
53
+ showExpandIcon: BooleanConstructor;
60
54
  modelValue: BooleanConstructor;
61
55
  expandText: StringConstructor;
62
56
  collapseText: StringConstructor;
package/es/cell/index.css CHANGED
@@ -1 +1 @@
1
- :root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
1
+ :root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__title,.van-cell__label,.van-cell__description,.van-cell__value,.van-cell__multi-line-note{white-space:pre-line}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
@@ -58,6 +58,14 @@
58
58
  display: inline-block;
59
59
  }
60
60
 
61
+ &__title,
62
+ &__label,
63
+ &__description,
64
+ &__value,
65
+ &__multi-line-note {
66
+ white-space: pre-line;
67
+ }
68
+
61
69
  &__label {
62
70
  display: flex;
63
71
  align-items: center;
package/es/index.d.ts CHANGED
@@ -117,4 +117,4 @@ declare namespace _default {
117
117
  }
118
118
  export default _default;
119
119
  export function install(app: any): void;
120
- export const version: "0.0.44";
120
+ export const version: "0.0.46";
package/es/index.mjs CHANGED
@@ -110,7 +110,7 @@ import { Uploader } from "./uploader/index.mjs";
110
110
  import { VideoPreview } from "./video-preview/index.mjs";
111
111
  import { WorkOrderCard } from "./work-order-card/index.mjs";
112
112
  import { WorkOrderFilter } from "./work-order-filter/index.mjs";
113
- const version = "0.0.44";
113
+ const version = "0.0.46";
114
114
  function install(app) {
115
115
  const components = [
116
116
  ActionBar,
@@ -1,6 +1,7 @@
1
1
  import { type ExtractPropTypes, type PropType } from 'vue';
2
2
  import { type Numeric } from '../utils';
3
3
  import { type TreeSelectItem } from '../tree-select';
4
+ import type { LocationSelectSearch } from './types';
4
5
  declare const props: {
5
6
  show: BooleanConstructor;
6
7
  modelValue: PropType<Numeric | undefined>;
@@ -16,6 +17,11 @@ declare const props: {
16
17
  type: PropType<string[]>;
17
18
  default: () => never[];
18
19
  };
20
+ search: PropType<LocationSelectSearch>;
21
+ searchDebounce: {
22
+ type: (NumberConstructor | StringConstructor)[];
23
+ default: number;
24
+ };
19
25
  };
20
26
  export declare type LocationSelectProps = ExtractPropTypes<typeof props>;
21
27
  declare const _default: import("vue").DefineComponent<{
@@ -33,7 +39,12 @@ declare const _default: import("vue").DefineComponent<{
33
39
  type: PropType<string[]>;
34
40
  default: () => never[];
35
41
  };
36
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show")[], "change" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
42
+ search: PropType<LocationSelectSearch>;
43
+ searchDebounce: {
44
+ type: (NumberConstructor | StringConstructor)[];
45
+ default: number;
46
+ };
47
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "search-error")[], "change" | "update:modelValue" | "update:show" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
37
48
  show: BooleanConstructor;
38
49
  modelValue: PropType<Numeric | undefined>;
39
50
  title: {
@@ -48,14 +59,21 @@ declare const _default: import("vue").DefineComponent<{
48
59
  type: PropType<string[]>;
49
60
  default: () => never[];
50
61
  };
62
+ search: PropType<LocationSelectSearch>;
63
+ searchDebounce: {
64
+ type: (NumberConstructor | StringConstructor)[];
65
+ default: number;
66
+ };
51
67
  }>> & {
52
68
  onChange?: ((...args: any[]) => any) | undefined;
53
69
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
54
70
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
71
+ "onSearch-error"?: ((...args: any[]) => any) | undefined;
55
72
  }, {
56
73
  title: string;
57
74
  show: boolean;
58
75
  items: TreeSelectItem[][];
59
76
  tabTitles: string[];
77
+ searchDebounce: string | number;
60
78
  }>;
61
79
  export default _default;
@@ -1,9 +1,31 @@
1
- import { computed, defineComponent, ref, watch, createVNode as _createVNode, Fragment as _Fragment } from "vue";
2
- import { createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
1
+ var __async = (__this, __arguments, generator) => {
2
+ return new Promise((resolve, reject) => {
3
+ var fulfilled = (value) => {
4
+ try {
5
+ step(generator.next(value));
6
+ } catch (e) {
7
+ reject(e);
8
+ }
9
+ };
10
+ var rejected = (value) => {
11
+ try {
12
+ step(generator.throw(value));
13
+ } catch (e) {
14
+ reject(e);
15
+ }
16
+ };
17
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
18
+ step((generator = generator.apply(__this, __arguments)).next());
19
+ });
20
+ };
21
+ import { computed, defineComponent, onBeforeUnmount, ref, shallowReactive, watch, createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
22
+ import { createNamespace, makeArrayProp, makeNumericProp, makeStringProp } from "../utils/index.mjs";
3
23
  import { ActionSheet } from "../action-sheet/index.mjs";
4
24
  import { Cell } from "../cell/index.mjs";
5
25
  import { Dialog } from "../dialog/index.mjs";
26
+ import { Empty } from "../empty/index.mjs";
6
27
  import { Icon } from "../icon/index.mjs";
28
+ import { Loading } from "../loading/index.mjs";
7
29
  import { NavBar } from "../nav-bar/index.mjs";
8
30
  import { Search } from "../search/index.mjs";
9
31
  import { Tab } from "../tab/index.mjs";
@@ -143,12 +165,14 @@ const props = {
143
165
  type: Array,
144
166
  default: () => locations
145
167
  },
146
- tabTitles: makeArrayProp()
168
+ tabTitles: makeArrayProp(),
169
+ search: Function,
170
+ searchDebounce: makeNumericProp(300)
147
171
  };
148
172
  var stdin_default = defineComponent({
149
173
  name,
150
174
  props,
151
- emits: ["update:show", "update:modelValue", "change"],
175
+ emits: ["update:show", "update:modelValue", "change", "search-error"],
152
176
  setup(props2, {
153
177
  emit
154
178
  }) {
@@ -158,6 +182,12 @@ var stdin_default = defineComponent({
158
182
  const customValue = ref("");
159
183
  const expandedKeys = ref(["basement", "b3"]);
160
184
  const query = ref("");
185
+ const asyncSearchResults = ref([]);
186
+ const searchLoading = ref(false);
187
+ const searchFailed = ref(false);
188
+ const searchedItems = shallowReactive(/* @__PURE__ */ new Map());
189
+ let searchTimer;
190
+ let searchRequestId = 0;
161
191
  const titles = computed(() => props2.tabTitles.length ? props2.tabTitles : ["ABC\u5EA7\u5730\u4E0B\u5BA4", "A\u5EA7", "B\u5EA7", "C\u5EA7", "D\u5EA7"]);
162
192
  const allItems = computed(() => props2.items.flatMap(flatten));
163
193
  const currentRoot = computed(() => {
@@ -168,7 +198,48 @@ var stdin_default = defineComponent({
168
198
  var _a;
169
199
  return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
170
200
  });
171
- const searchResults = computed(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
201
+ const searchResults = computed(() => {
202
+ if (!query.value.trim())
203
+ return [];
204
+ if (props2.search)
205
+ return asyncSearchResults.value;
206
+ return allItems.value.filter((item) => item.text.includes(query.value));
207
+ });
208
+ const runSearch = (..._0) => __async(this, [..._0], function* (keyword = query.value.trim()) {
209
+ if (!props2.search || !keyword)
210
+ return;
211
+ const requestId = ++searchRequestId;
212
+ searchLoading.value = true;
213
+ searchFailed.value = false;
214
+ try {
215
+ const results = yield props2.search(keyword);
216
+ if (requestId !== searchRequestId)
217
+ return;
218
+ asyncSearchResults.value = results;
219
+ results.forEach((item) => searchedItems.set(item.id, item));
220
+ } catch (error) {
221
+ if (requestId !== searchRequestId)
222
+ return;
223
+ asyncSearchResults.value = [];
224
+ searchFailed.value = true;
225
+ emit("search-error", keyword, error);
226
+ } finally {
227
+ if (requestId === searchRequestId)
228
+ searchLoading.value = false;
229
+ }
230
+ });
231
+ const scheduleSearch = () => {
232
+ if (searchTimer)
233
+ clearTimeout(searchTimer);
234
+ searchRequestId += 1;
235
+ searchLoading.value = false;
236
+ searchFailed.value = false;
237
+ asyncSearchResults.value = [];
238
+ if (props2.search && query.value.trim()) {
239
+ searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
240
+ }
241
+ };
242
+ watch([query, () => props2.search], scheduleSearch);
172
243
  watch(() => props2.show, (show) => {
173
244
  if (show) {
174
245
  active.value = 0;
@@ -176,11 +247,16 @@ var stdin_default = defineComponent({
176
247
  expandedKeys.value = ["basement", "b3"];
177
248
  }
178
249
  });
250
+ onBeforeUnmount(() => {
251
+ searchRequestId += 1;
252
+ if (searchTimer)
253
+ clearTimeout(searchTimer);
254
+ });
179
255
  const close = () => emit("update:show", false);
180
256
  const select = (value) => {
181
257
  const selected = value[0];
182
258
  if (selected !== void 0) {
183
- const selectedItem = allItems.value.find((item) => item.id === selected);
259
+ const selectedItem = allItems.value.find((item) => item.id === selected) || searchedItems.get(selected);
184
260
  emit("update:modelValue", selected);
185
261
  emit("change", selected, selectedItem == null ? void 0 : selectedItem.text);
186
262
  close();
@@ -195,6 +271,37 @@ var stdin_default = defineComponent({
195
271
  showCustom.value = false;
196
272
  close();
197
273
  };
274
+ const renderSearchContent = () => {
275
+ if (searchLoading.value)
276
+ return _createVNode("div", {
277
+ "class": bem("search-state")
278
+ }, [_createVNode(Loading, {
279
+ "vertical": true
280
+ }, {
281
+ default: () => [_createTextVNode("\u52A0\u8F7D\u4E2D...")]
282
+ })]);
283
+ if (searchFailed.value)
284
+ return _createVNode(Empty, {
285
+ "image": "network",
286
+ "description": "\u641C\u7D22\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
287
+ }, null);
288
+ if (!searchResults.value.length)
289
+ return _createVNode(Empty, {
290
+ "description": "\u6682\u65E0\u641C\u7D22\u7ED3\u679C"
291
+ }, null);
292
+ return _createVNode("div", {
293
+ "class": bem("card")
294
+ }, [searchResults.value.map((item, index) => _createVNode(Cell, {
295
+ "key": item.id,
296
+ "title": item.text,
297
+ "rightSelect": props2.modelValue === item.id,
298
+ "selectType": "radio",
299
+ "border": index < searchResults.value.length - 1,
300
+ "clickable": true,
301
+ "onClick": () => select([item.id]),
302
+ "onUpdate:rightSelect": () => select([item.id])
303
+ }, null))]);
304
+ };
198
305
  return () => _createVNode(ActionSheet, {
199
306
  "show": props2.show,
200
307
  "class": bem(),
@@ -225,23 +332,20 @@ var stdin_default = defineComponent({
225
332
  "modelValue": query.value,
226
333
  "onUpdate:modelValue": ($event) => query.value = $event,
227
334
  "class": bem("search"),
335
+ "variant": "pure",
228
336
  "shape": "round",
229
337
  "inputAlign": "left",
230
- "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD"
338
+ "placeholder": "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD",
339
+ "onSearch": () => {
340
+ if (props2.search) {
341
+ if (searchTimer)
342
+ clearTimeout(searchTimer);
343
+ runSearch();
344
+ }
345
+ }
231
346
  }, null), query.value ? _createVNode("div", {
232
347
  "class": bem("body")
233
- }, [_createVNode("div", {
234
- "class": bem("card")
235
- }, [searchResults.value.map((item) => _createVNode(Cell, {
236
- "key": item.id,
237
- "title": item.text,
238
- "rightSelect": props2.modelValue === item.id,
239
- "selectType": "radio",
240
- "border": true,
241
- "clickable": true,
242
- "onClick": () => select([item.id]),
243
- "onUpdate:rightSelect": () => select([item.id])
244
- }, null))])]) : _createVNode(_Fragment, null, [_createVNode(Tabs, {
348
+ }, [renderSearchContent()]) : _createVNode(_Fragment, null, [_createVNode(Tabs, {
245
349
  "active": active.value,
246
350
  "onUpdate:active": ($event) => active.value = $event,
247
351
  "showMore": showMore.value,
@@ -1 +1 @@
1
- .van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}
1
+ .van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__search-state{display:flex;align-items:center;justify-content:center;min-height:160px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}
@@ -13,7 +13,12 @@ export declare const LocationSelect: import("../utils").WithInstall<import("vue"
13
13
  type: import("vue").PropType<string[]>;
14
14
  default: () => never[];
15
15
  };
16
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show")[], "change" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
+ search: import("vue").PropType<import("./types").LocationSelectSearch>;
17
+ searchDebounce: {
18
+ type: (NumberConstructor | StringConstructor)[];
19
+ default: number;
20
+ };
21
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "search-error")[], "change" | "update:modelValue" | "update:show" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
17
22
  show: BooleanConstructor;
18
23
  modelValue: import("vue").PropType<import("../utils").Numeric | undefined>;
19
24
  title: {
@@ -28,18 +33,26 @@ export declare const LocationSelect: import("../utils").WithInstall<import("vue"
28
33
  type: import("vue").PropType<string[]>;
29
34
  default: () => never[];
30
35
  };
36
+ search: import("vue").PropType<import("./types").LocationSelectSearch>;
37
+ searchDebounce: {
38
+ type: (NumberConstructor | StringConstructor)[];
39
+ default: number;
40
+ };
31
41
  }>> & {
32
42
  onChange?: ((...args: any[]) => any) | undefined;
33
43
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
34
44
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
45
+ "onSearch-error"?: ((...args: any[]) => any) | undefined;
35
46
  }, {
36
47
  title: string;
37
48
  show: boolean;
38
49
  items: import("..").TreeSelectItem[][];
39
50
  tabTitles: string[];
51
+ searchDebounce: string | number;
40
52
  }>>;
41
53
  export default LocationSelect;
42
54
  export type { LocationSelectProps } from './LocationSelect';
55
+ export type { LocationSelectSearch } from './types';
43
56
  declare module 'vue' {
44
57
  interface GlobalComponents {
45
58
  VanLocationSelect: typeof LocationSelect;
@@ -11,5 +11,6 @@
11
11
  &__tabs { flex: none; padding-left: 8px; --van-tab-font-size: var(--van-font-size-md); --van-tabs-line-height: 44px; --van-tabs-nav-background-color: transparent; }
12
12
  &__body { flex: 1; min-height: 0; padding: 12px var(--van-padding-md); overflow-y: auto; }
13
13
  &__card { overflow: hidden; background: var(--van-white); border-radius: 8px; }
14
+ &__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
14
15
  &__root-option { margin-bottom: 8px; background: var(--van-white); border-radius: 8px; }
15
16
  }
@@ -25,4 +25,5 @@ import "../../swipe/index.css";
25
25
  import "../../swipe-item/index.css";
26
26
  import "../../tabs/index.css";
27
27
  import "../../tab/index.css";
28
+ import "../../empty/index.css";
28
29
  import "../index.css";
@@ -25,4 +25,5 @@ import "../../swipe/index.less";
25
25
  import "../../swipe-item/index.less";
26
26
  import "../../tabs/index.less";
27
27
  import "../../tab/index.less";
28
+ import "../../empty/index.less";
28
29
  import "../index.less";
@@ -0,0 +1,2 @@
1
+ import type { TreeSelectItem } from '../tree-select';
2
+ export declare type LocationSelectSearch = (keyword: string) => TreeSelectItem[] | Promise<TreeSelectItem[]>;
File without changes
@@ -1,5 +1,5 @@
1
1
  import { type ExtractPropTypes, type PropType } from 'vue';
2
- import type { MaterialAddCategory, MaterialAddItem } from './types';
2
+ import type { MaterialAddCategory, MaterialAddItem, MaterialAddSearch } from './types';
3
3
  declare const materialAddProps: {
4
4
  show: BooleanConstructor;
5
5
  modelValue: {
@@ -54,6 +54,11 @@ declare const materialAddProps: {
54
54
  type: PropType<string>;
55
55
  default: string;
56
56
  };
57
+ search: PropType<MaterialAddSearch>;
58
+ searchDebounce: {
59
+ type: (NumberConstructor | StringConstructor)[];
60
+ default: number;
61
+ };
57
62
  };
58
63
  export declare type MaterialAddProps = ExtractPropTypes<typeof materialAddProps>;
59
64
  declare const _default: import("vue").DefineComponent<{
@@ -110,7 +115,12 @@ declare const _default: import("vue").DefineComponent<{
110
115
  type: PropType<string>;
111
116
  default: string;
112
117
  };
113
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm")[], "change" | "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
118
+ search: PropType<MaterialAddSearch>;
119
+ searchDebounce: {
120
+ type: (NumberConstructor | StringConstructor)[];
121
+ default: number;
122
+ };
123
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm" | "search-error")[], "change" | "update:modelValue" | "update:show" | "confirm" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
114
124
  show: BooleanConstructor;
115
125
  modelValue: {
116
126
  type: PropType<number[]>;
@@ -164,17 +174,24 @@ declare const _default: import("vue").DefineComponent<{
164
174
  type: PropType<string>;
165
175
  default: string;
166
176
  };
177
+ search: PropType<MaterialAddSearch>;
178
+ searchDebounce: {
179
+ type: (NumberConstructor | StringConstructor)[];
180
+ default: number;
181
+ };
167
182
  }>> & {
168
183
  onChange?: ((...args: any[]) => any) | undefined;
169
184
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
170
185
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
171
186
  onConfirm?: ((...args: any[]) => any) | undefined;
187
+ "onSearch-error"?: ((...args: any[]) => any) | undefined;
172
188
  }, {
173
189
  title: string;
174
190
  modelValue: number[];
175
191
  show: boolean;
176
192
  confirmText: string;
177
193
  items: MaterialAddItem[];
194
+ searchDebounce: string | number;
178
195
  categories: MaterialAddCategory[];
179
196
  showCommonTab: boolean;
180
197
  showAllTab: boolean;