zartui 3.1.12 → 3.1.13

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 (223) hide show
  1. package/es/action-sheet/index.css +1 -1
  2. package/es/avatar/index.css +1 -1
  3. package/es/badge/index.css +1 -1
  4. package/es/button/index.css +1 -1
  5. package/es/calendar/index.css +1 -1
  6. package/es/calendar/utils.d.ts +2 -2
  7. package/es/cascader/Cascader.d.ts +1 -1
  8. package/es/cascader/index.css +1 -1
  9. package/es/cascader/index.d.ts +1 -1
  10. package/es/cell/Cell.d.ts +34 -0
  11. package/es/cell/Cell.mjs +61 -8
  12. package/es/cell/index.css +1 -1
  13. package/es/cell/index.d.ts +17 -0
  14. package/es/cell/style/index.mjs +1 -0
  15. package/es/cell-group/index.css +1 -1
  16. package/es/checkbox/Checkbox.d.ts +1 -1
  17. package/es/checkbox/index.d.ts +1 -1
  18. package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
  19. package/es/checkbox-group/index.d.ts +1 -1
  20. package/es/collapse/Collapse.d.ts +1 -1
  21. package/es/collapse/index.d.ts +1 -1
  22. package/es/collapse-item/index.css +1 -1
  23. package/es/config-provider/types.d.ts +1 -1
  24. package/es/date-time-picker/DateTimePicker.d.ts +1 -1
  25. package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  26. package/es/date-time-picker/index.d.ts +1 -1
  27. package/es/dialog/index.css +1 -1
  28. package/es/divider/index.css +1 -1
  29. package/es/drawer-select/DrawerSelect.d.ts +68 -0
  30. package/es/drawer-select/DrawerSelect.mjs +360 -0
  31. package/es/drawer-select/index.css +1 -0
  32. package/es/drawer-select/index.d.ts +53 -0
  33. package/es/drawer-select/index.mjs +8 -0
  34. package/es/drawer-select/style/index.d.ts +1 -0
  35. package/es/drawer-select/style/index.mjs +15 -0
  36. package/es/drawer-select/types.d.ts +26 -0
  37. package/es/drawer-select/types.mjs +0 -0
  38. package/es/dropdown-item/DropdownItem.d.ts +1 -1
  39. package/es/dropdown-item/index.d.ts +1 -1
  40. package/es/dropdown-item/style/index.mjs +2 -1
  41. package/es/dropdown-menu/DropdownMenu.mjs +3 -0
  42. package/es/dropdown-menu/index.css +1 -1
  43. package/es/field/Field.d.ts +27 -3
  44. package/es/field/Field.mjs +11 -3
  45. package/es/field/index.css +1 -1
  46. package/es/field/index.d.ts +19 -3
  47. package/es/floating-bubble/index.css +1 -1
  48. package/es/hierarchy-select/index.css +1 -1
  49. package/es/image/index.css +1 -1
  50. package/es/image-preview/index.css +1 -1
  51. package/es/index.d.ts +2 -1
  52. package/es/index.mjs +4 -1
  53. package/es/media-picker/index.css +1 -1
  54. package/es/media-picker/watermark/image-processor.mjs +2 -2
  55. package/es/media-player/index.css +1 -1
  56. package/es/multiple-picker/index.css +1 -1
  57. package/es/nav-bar/NavBar.d.ts +1 -1
  58. package/es/nav-bar/index.d.ts +1 -1
  59. package/es/notice-bar/index.css +1 -1
  60. package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
  61. package/es/number-keyboard/index.css +1 -1
  62. package/es/number-keyboard/index.d.ts +1 -1
  63. package/es/password-input/index.css +1 -1
  64. package/es/picker/Picker.d.ts +1 -1
  65. package/es/picker/index.css +1 -1
  66. package/es/picker/index.d.ts +1 -1
  67. package/es/popover/index.css +1 -1
  68. package/es/popup/index.css +1 -1
  69. package/es/pull-refresh/PullRefresh.d.ts +1 -1
  70. package/es/pull-refresh/index.d.ts +1 -1
  71. package/es/radio-group/RadioGroup.d.ts +1 -1
  72. package/es/radio-group/index.d.ts +1 -1
  73. package/es/radio-picker/RadioPicker.d.ts +1 -1
  74. package/es/radio-picker/index.css +1 -1
  75. package/es/radio-picker/index.d.ts +1 -1
  76. package/es/radio-picker/style/index.mjs +3 -3
  77. package/es/rate/Rate.d.ts +1 -1
  78. package/es/rate/index.d.ts +1 -1
  79. package/es/search/Search.d.ts +2 -2
  80. package/es/search/index.css +1 -1
  81. package/es/search/index.d.ts +2 -2
  82. package/es/step/index.css +1 -1
  83. package/es/stepper/Stepper.d.ts +1 -1
  84. package/es/stepper/index.css +1 -1
  85. package/es/stepper/index.d.ts +1 -1
  86. package/es/steps/index.css +1 -1
  87. package/es/style/base.css +1 -1
  88. package/es/style/css-variables.css +1 -1
  89. package/es/switch/Switch.d.ts +1 -1
  90. package/es/switch/index.d.ts +1 -1
  91. package/es/tabbar/Tabbar.d.ts +2 -2
  92. package/es/tabbar/index.css +1 -1
  93. package/es/tabbar/index.d.ts +2 -2
  94. package/es/tabbar-item/index.css +1 -1
  95. package/es/tabs/Tabs.mjs +4 -2
  96. package/es/tabs/TabsTitle.mjs +16 -6
  97. package/es/tabs/index.css +1 -1
  98. package/es/tag/index.css +1 -1
  99. package/es/text-ellipsis/TextEllipsis.mjs +2 -0
  100. package/es/time-picker/TimePicker.d.ts +1 -1
  101. package/es/time-picker/index.css +1 -1
  102. package/es/time-picker/index.d.ts +1 -1
  103. package/es/timeline/index.css +1 -1
  104. package/es/uploader/index.css +1 -1
  105. package/es/utils/constant.d.ts +0 -1
  106. package/es/utils/constant.mjs +0 -2
  107. package/es/utils/validate.d.ts +2 -1
  108. package/es/utils/validate.mjs +9 -0
  109. package/lib/action-sheet/index.css +1 -1
  110. package/lib/avatar/index.css +1 -1
  111. package/lib/badge/index.css +1 -1
  112. package/lib/button/index.css +1 -1
  113. package/lib/calendar/index.css +1 -1
  114. package/lib/calendar/utils.d.ts +2 -2
  115. package/lib/cascader/Cascader.d.ts +1 -1
  116. package/lib/cascader/index.css +1 -1
  117. package/lib/cascader/index.d.ts +1 -1
  118. package/lib/cell/Cell.d.ts +34 -0
  119. package/lib/cell/Cell.js +61 -8
  120. package/lib/cell/index.css +1 -1
  121. package/lib/cell/index.d.ts +17 -0
  122. package/lib/cell/style/index.js +1 -0
  123. package/lib/cell-group/index.css +1 -1
  124. package/lib/checkbox/Checkbox.d.ts +1 -1
  125. package/lib/checkbox/index.d.ts +1 -1
  126. package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
  127. package/lib/checkbox-group/index.d.ts +1 -1
  128. package/lib/collapse/Collapse.d.ts +1 -1
  129. package/lib/collapse/index.d.ts +1 -1
  130. package/lib/collapse-item/index.css +1 -1
  131. package/lib/config-provider/types.d.ts +1 -1
  132. package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
  133. package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
  134. package/lib/date-time-picker/index.d.ts +1 -1
  135. package/lib/dialog/index.css +1 -1
  136. package/lib/divider/index.css +1 -1
  137. package/lib/drawer-select/DrawerSelect.d.ts +68 -0
  138. package/lib/drawer-select/DrawerSelect.js +389 -0
  139. package/lib/drawer-select/index.css +1 -0
  140. package/lib/drawer-select/index.d.ts +53 -0
  141. package/lib/drawer-select/index.js +37 -0
  142. package/lib/drawer-select/style/index.d.ts +1 -0
  143. package/lib/drawer-select/style/index.js +15 -0
  144. package/lib/drawer-select/types.d.ts +26 -0
  145. package/lib/drawer-select/types.js +15 -0
  146. package/lib/dropdown-item/DropdownItem.d.ts +1 -1
  147. package/lib/dropdown-item/index.d.ts +1 -1
  148. package/lib/dropdown-item/style/index.js +2 -1
  149. package/lib/dropdown-menu/DropdownMenu.js +3 -0
  150. package/lib/dropdown-menu/index.css +1 -1
  151. package/lib/field/Field.d.ts +27 -3
  152. package/lib/field/Field.js +11 -3
  153. package/lib/field/index.css +1 -1
  154. package/lib/field/index.d.ts +19 -3
  155. package/lib/floating-bubble/index.css +1 -1
  156. package/lib/hierarchy-select/index.css +1 -1
  157. package/lib/image/index.css +1 -1
  158. package/lib/image-preview/index.css +1 -1
  159. package/lib/index.css +1 -1
  160. package/lib/index.d.ts +2 -1
  161. package/lib/index.js +4 -1
  162. package/lib/media-picker/index.css +1 -1
  163. package/lib/media-picker/watermark/image-processor.js +1 -1
  164. package/lib/media-player/index.css +1 -1
  165. package/lib/multiple-picker/index.css +1 -1
  166. package/lib/nav-bar/NavBar.d.ts +1 -1
  167. package/lib/nav-bar/index.d.ts +1 -1
  168. package/lib/notice-bar/index.css +1 -1
  169. package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
  170. package/lib/number-keyboard/index.css +1 -1
  171. package/lib/number-keyboard/index.d.ts +1 -1
  172. package/lib/password-input/index.css +1 -1
  173. package/lib/picker/Picker.d.ts +1 -1
  174. package/lib/picker/index.css +1 -1
  175. package/lib/picker/index.d.ts +1 -1
  176. package/lib/popover/index.css +1 -1
  177. package/lib/popup/index.css +1 -1
  178. package/lib/pull-refresh/PullRefresh.d.ts +1 -1
  179. package/lib/pull-refresh/index.d.ts +1 -1
  180. package/lib/radio-group/RadioGroup.d.ts +1 -1
  181. package/lib/radio-group/index.d.ts +1 -1
  182. package/lib/radio-picker/RadioPicker.d.ts +1 -1
  183. package/lib/radio-picker/index.css +1 -1
  184. package/lib/radio-picker/index.d.ts +1 -1
  185. package/lib/radio-picker/style/index.js +3 -3
  186. package/lib/rate/Rate.d.ts +1 -1
  187. package/lib/rate/index.d.ts +1 -1
  188. package/lib/search/Search.d.ts +2 -2
  189. package/lib/search/index.css +1 -1
  190. package/lib/search/index.d.ts +2 -2
  191. package/lib/step/index.css +1 -1
  192. package/lib/stepper/Stepper.d.ts +1 -1
  193. package/lib/stepper/index.css +1 -1
  194. package/lib/stepper/index.d.ts +1 -1
  195. package/lib/steps/index.css +1 -1
  196. package/lib/style/base.css +1 -1
  197. package/lib/style/css-variables.css +1 -1
  198. package/lib/switch/Switch.d.ts +1 -1
  199. package/lib/switch/index.d.ts +1 -1
  200. package/lib/tabbar/Tabbar.d.ts +2 -2
  201. package/lib/tabbar/index.css +1 -1
  202. package/lib/tabbar/index.d.ts +2 -2
  203. package/lib/tabbar-item/index.css +1 -1
  204. package/lib/tabs/Tabs.js +4 -2
  205. package/lib/tabs/TabsTitle.js +16 -6
  206. package/lib/tabs/index.css +1 -1
  207. package/lib/tag/index.css +1 -1
  208. package/lib/text-ellipsis/TextEllipsis.js +2 -0
  209. package/lib/time-picker/TimePicker.d.ts +1 -1
  210. package/lib/time-picker/index.css +1 -1
  211. package/lib/time-picker/index.d.ts +1 -1
  212. package/lib/timeline/index.css +1 -1
  213. package/lib/uploader/index.css +1 -1
  214. package/lib/utils/constant.d.ts +0 -1
  215. package/lib/utils/constant.js +0 -2
  216. package/lib/utils/validate.d.ts +2 -1
  217. package/lib/utils/validate.js +9 -0
  218. package/lib/web-types.json +1 -1
  219. package/lib/zartui.cjs.js +3713 -3278
  220. package/lib/zartui.es.js +3714 -3279
  221. package/lib/zartui.js +3709 -3274
  222. package/lib/zartui.min.js +1 -1
  223. package/package.json +8 -7
@@ -1 +1 @@
1
- :root{--zt-action-sheet-max-height: 80%;--zt-action-sheet-header-height: 44px;--zt-action-sheet-description-color: var(--zt-gray-a4);--zt-action-sheet-item-background: var(--zt-background-2);--zt-action-sheet-item-text-color: var(--zt-text-color);--zt-action-sheet-item-disabled-text-color: var(--zt-gray-a2);--zt-action-sheet-subname-color: var(--zt-gray-a6);--zt-action-sheet-close-icon-color: var(--zt-gray-5);--zt-action-sheet-close-icon-padding: 0 var(--zt-padding-md);--zt-action-sheet-cancel-text-color: var(--zt-text-color);--zt-action-sheet-loading-icon-size: 16px;--zt-action-sheet-description-background: var(--zt-background-2)}:root[zt-theme-size=large]{--zt-action-sheet-header-height: 56px}.zt-action-sheet{display:flex;flex-direction:column;max-height:var(--zt-action-sheet-max-height);overflow:hidden;color:var(--zt-action-sheet-item-text-color)}.zt-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__item,.zt-action-sheet__cancel{display:block;width:100%;padding:10px var(--zt-padding-md);font-size:var(--zt-font-size-lg);background:var(--zt-action-sheet-item-background);border:none;cursor:pointer}.zt-action-sheet__item{line-height:var(--zt-line-height-xl)}.zt-action-sheet__item:active{background-color:var(--zt-gray-a04)}.zt-action-sheet__item--loading,.zt-action-sheet__item--disabled{color:var(--zt-action-sheet-item-disabled-text-color)}.zt-action-sheet__item--loading:active,.zt-action-sheet__item--disabled:active{background-color:var(--zt-action-sheet-item-background)}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--with-sub{padding-top:8px;padding-bottom:8px}.zt-action-sheet__cancel{padding:8px 16px;flex-shrink:0;box-sizing:border-box;color:var(--zt-action-sheet-cancel-text-color)}.zt-action-sheet__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-action-sheet__cancel-btn:active{opacity:var(--zt-active-opacity)}.zt-action-sheet__subname{margin-top:var(--zt-padding-xxs);color:var(--zt-action-sheet-subname-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-xs)}.zt-action-sheet__header{flex-shrink:0;font-weight:var(--zt-font-bold);font-size:var(--zt-font-size-lg);line-height:var(--zt-action-sheet-header-height);text-align:center}.zt-action-sheet__description{background:var(--zt-action-sheet-description-background);position:relative;flex-shrink:0;padding:12px var(--zt-padding-md);color:var(--zt-action-sheet-description-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center}.zt-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-action-sheet__description--custom{padding:0}.zt-action-sheet__loading-icon .zt-loading__spinner{width:var(--zt-action-sheet-loading-icon-size);height:var(--zt-action-sheet-loading-icon-size)}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:var(--zt-action-sheet-close-icon-padding);color:var(--zt-action-sheet-close-icon-color);font-size:var(--zt-font-size-xxxl);line-height:inherit}
1
+ :root{--zt-action-sheet-max-height: 80%;--zt-action-sheet-header-height: 44px;--zt-action-sheet-description-color: var(--zt-gray-a4);--zt-action-sheet-item-background: var(--zt-background-popup);--zt-action-sheet-item-text-color: var(--zt-text-color);--zt-action-sheet-item-disabled-text-color: var(--zt-gray-a2);--zt-action-sheet-subname-color: var(--zt-gray-a6);--zt-action-sheet-close-icon-color: var(--zt-gray-5);--zt-action-sheet-close-icon-padding: 0 var(--zt-padding-md);--zt-action-sheet-cancel-text-color: var(--zt-text-color);--zt-action-sheet-loading-icon-size: 16px;--zt-action-sheet-description-background: var(--zt-background-popup)}:root[zt-theme-size=large]{--zt-action-sheet-header-height: 56px}.zt-action-sheet{display:flex;flex-direction:column;max-height:var(--zt-action-sheet-max-height);overflow:hidden;color:var(--zt-action-sheet-item-text-color)}.zt-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__item,.zt-action-sheet__cancel{display:block;width:100%;padding:10px var(--zt-padding-md);font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-lg);background:var(--zt-action-sheet-item-background);border:none;cursor:pointer}.zt-action-sheet__item:active{background-color:var(--zt-gray-a04)}.zt-action-sheet__item--loading,.zt-action-sheet__item--disabled{color:var(--zt-action-sheet-item-disabled-text-color)}.zt-action-sheet__item--loading:active,.zt-action-sheet__item--disabled:active{background-color:var(--zt-action-sheet-item-background)}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--with-sub{padding-top:8px;padding-bottom:8px}.zt-action-sheet__cancel{padding:8px 16px;flex-shrink:0;box-sizing:border-box;color:var(--zt-action-sheet-cancel-text-color)}.zt-action-sheet__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:var(--zt-button-default-height);font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-action-sheet__cancel-btn:active{opacity:var(--zt-active-opacity)}.zt-action-sheet__subname{margin-top:var(--zt-padding-xxs);color:var(--zt-action-sheet-subname-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm)}.zt-action-sheet__header{flex-shrink:0;font-weight:var(--zt-font-bold);font-size:var(--zt-font-size-lg);line-height:var(--zt-action-sheet-header-height);text-align:center}.zt-action-sheet__description{background:var(--zt-action-sheet-description-background);position:relative;flex-shrink:0;padding:12px var(--zt-padding-md);color:var(--zt-action-sheet-description-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center}.zt-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-action-sheet__description--custom{padding:0}.zt-action-sheet__loading-icon .zt-loading__spinner{width:var(--zt-action-sheet-loading-icon-size);height:var(--zt-action-sheet-loading-icon-size)}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:var(--zt-action-sheet-close-icon-padding);color:var(--zt-action-sheet-close-icon-color);font-size:var(--zt-font-size-xxxl);line-height:inherit}
@@ -1 +1 @@
1
- :root{--zt-avatar-background: var(--zt-primary-color);--zt-avatar-color: var(--zt-white);--zt-avatar-square-radius: 4px;--zt-avatar-border-color: var(--zt-background-2);--zt-avatar-border-shadow-color: var(--zt-gray-a2);--zt-avatar-small-size: 32px;--zt-avatar-medium-size: 48px;--zt-avatar-large-size: 60px}:root[zt-theme-size=large]{--zt-avatar-small-size: 44px;--zt-avatar-medium-size: 60px;--zt-avatar-large-size: 72px}.zt-avatar{font-weight:700;display:flex;justify-content:center;align-items:center}.zt-avatar__img{background:var(--zt-avatar-background);color:var(--zt-avatar-color);text-align:center}.zt-avatar__img--small{width:var(--zt-avatar-small-size);height:var(--zt-avatar-small-size);font-size:var(--zt-font-size-sm);line-height:var(--zt-avatar-small-size)}.zt-avatar__img--medium{width:var(--zt-avatar-medium-size);height:var(--zt-avatar-medium-size);font-size:var(--zt-font-size-lg);line-height:var(--zt-avatar-medium-size)}.zt-avatar__img--large{width:var(--zt-avatar-large-size);height:var(--zt-avatar-large-size);font-size:var(--zt-font-size-xxl);line-height:var(--zt-avatar-large-size)}.zt-avatar__img--square{border-radius:var(--zt-avatar-square-radius)}.zt-avatar__img--round{border-radius:var(--zt-radius-max)}.zt-avatar__img.zt-avatar__img--border{box-sizing:border-box;border:1px solid var(--zt-avatar-border-color);box-shadow:0 4px 12px 0 var(--zt-avatar-border-shadow-color)}
1
+ :root{--zt-avatar-background: var(--zt-primary-color);--zt-avatar-color: var(--zt-white);--zt-avatar-square-radius: 4px;--zt-avatar-border-color: var(--zt-background-popup);--zt-avatar-border-shadow-color: var(--zt-gray-a2);--zt-avatar-small-size: 32px;--zt-avatar-medium-size: 48px;--zt-avatar-large-size: 60px}:root[zt-theme-size=large]{--zt-avatar-small-size: 44px;--zt-avatar-medium-size: 60px;--zt-avatar-large-size: 72px}.zt-avatar{font-weight:700;display:flex;justify-content:center;align-items:center}.zt-avatar__img{background:var(--zt-avatar-background);color:var(--zt-avatar-color);text-align:center}.zt-avatar__img--small{width:var(--zt-avatar-small-size);height:var(--zt-avatar-small-size);font-size:var(--zt-font-size-sm);line-height:var(--zt-avatar-small-size)}.zt-avatar__img--medium{width:var(--zt-avatar-medium-size);height:var(--zt-avatar-medium-size);font-size:var(--zt-font-size-lg);line-height:var(--zt-avatar-medium-size)}.zt-avatar__img--large{width:var(--zt-avatar-large-size);height:var(--zt-avatar-large-size);font-size:var(--zt-font-size-xxl);line-height:var(--zt-avatar-large-size)}.zt-avatar__img--square{border-radius:var(--zt-avatar-square-radius)}.zt-avatar__img--round{border-radius:var(--zt-radius-max)}.zt-avatar__img.zt-avatar__img--border{box-sizing:border-box;border:1px solid var(--zt-avatar-border-color);box-shadow:0 4px 12px 0 var(--zt-avatar-border-shadow-color)}
@@ -1 +1 @@
1
- :root{--zt-badge-size: 16px;--zt-badge-color: var(--zt-white);--zt-badge-padding: 1px 4px;--zt-badge-max-width: 44px;--zt-badge-height: 16px;--zt-badge-font-weight: var(--zt-font-bold);--zt-badge-border-width: var(--zt-border-width);--zt-badge-background: var(--zt-danger-color);--zt-badge-dot-color: var(--zt-danger-color);--zt-badge-dot-size: 8px;--zt-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;--zt-badge-border-left-color: #ffcdcd;--zt-badge-border-right-color: rgba(220, 0, 4, .8)}.zt-badge{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--zt-badge-size);max-width:var(--zt-badge-max-width);padding:var(--zt-badge-padding);color:var(--zt-badge-color);font-weight:var(--zt-badge-font-weight);font-size:var(--zt-font-size-sm);font-family:var(--zt-badge-font);height:var(--zt-badge-height);border-radius:var(--zt-radius-lg);box-shadow:0 2px 4px rgba(255,75,80,.4);letter-spacing:0;background-image:linear-gradient(to right,var(--zt-badge-background),var(--zt-badge-background)),linear-gradient(134deg,var(--zt-badge-border-left-color) 0%,var(--zt-badge-border-right-color) 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.zt-badge--fixed{position:absolute;transform-origin:100%}.zt-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.zt-badge--top-right{top:4px;right:0;transform:translate(50%,-50%)}.zt-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.zt-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.zt-badge--dot{width:var(--zt-badge-dot-size);min-width:0;height:var(--zt-badge-dot-size);border-radius:50%;padding:0;border:var(--zt-badge-border-width) solid transparent;background-clip:border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,var(--zt-badge-dot-color),var(--zt-badge-dot-color)),linear-gradient(to right,#ffcdcd,#dc0004)}.zt-badge__wrapper{position:relative;display:inline-block}.zt-badge__wrapper--badge-num{white-space:nowrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.badge-dot{padding:0}
1
+ :root{--zt-badge-size: 16px;--zt-badge-color: var(--zt-white);--zt-badge-padding: 1px 4px;--zt-badge-max-width: 44px;--zt-badge-height: 16px;--zt-badge-font-weight: var(--zt-font-bold);--zt-badge-border-width: var(--zt-border-width);--zt-badge-background: var(--zt-danger-color);--zt-badge-dot-color: var(--zt-danger-color);--zt-badge-dot-size: 8px;--zt-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;--zt-badge-border-left-color: #ffcdcd;--zt-badge-border-right-color: rgba(220, 0, 4, .8)}.zt-badge{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--zt-badge-size);max-width:var(--zt-badge-max-width);padding:var(--zt-badge-padding);color:var(--zt-badge-color);font-weight:var(--zt-badge-font-weight);font-size:var(--zt-font-size-sm);font-family:var(--zt-badge-font);height:var(--zt-badge-height);border-radius:var(--zt-radius-lg);box-shadow:0 2px 4px rgba(255,75,80,.4);letter-spacing:0;background-image:linear-gradient(to right,var(--zt-badge-background),var(--zt-badge-background)),linear-gradient(134deg,var(--zt-badge-border-left-color) 0%,var(--zt-badge-border-right-color) 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.zt-badge--fixed{position:absolute;transform-origin:100%}.zt-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.zt-badge--top-right{top:4px;right:0;transform:translate(50%,-50%)}.zt-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.zt-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.zt-badge--dot{width:var(--zt-badge-dot-size);min-width:0;height:var(--zt-badge-dot-size);border-radius:50%;padding:0;border:var(--zt-badge-border-width) solid transparent;background-clip:border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,var(--zt-badge-dot-color),var(--zt-badge-dot-color)),linear-gradient(to right,#ffcdcd,#dc0004)}.zt-badge__wrapper{position:relative;display:inline-block}.zt-badge__wrapper--badge-num{white-space:nowrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
@@ -1 +1 @@
1
- :root{--zt-button-mini-height: 24px;--zt-button-mini-padding: 0 var(--zt-padding-sm);--zt-button-small-height: 28px;--zt-button-small-padding: 0 var(--zt-padding-sm);--zt-button-medium-height: 36px;--zt-button-medium-padding: 0 var(--zt-padding-md);--zt-button-normal-padding: 0 var(--zt-padding-lg);--zt-button-large-height: 50px;--zt-button-default-height: 44px;--zt-button-default-color: var(--zt-text-color);--zt-button-default-background: var(--zt-button-plain-background);--zt-button-default-border-color: var(--zt-gray-a2);--zt-button-primary-color: var(--zt-white);--zt-button-primary-background: linear-gradient(90deg, var(--zt-primary-color) 0%, var(--zt-primary-color-light) 100%);--zt-button-primary-light-background: var(--zt-primary-color-a1);--zt-button-primary-border-color: var(--zt-primary-color);--zt-button-success-color: var(--zt-white);--zt-button-success-background: var(--zt-success-color);--zt-button-success-border-color: var(--zt-success-color);--zt-button-danger-color: var(--zt-white);--zt-button-danger-background: var(--zt-danger-color);--zt-button-danger-border-color: var(--zt-danger-color);--zt-button-warning-color: var(--zt-white);--zt-button-warning-background: var(--zt-warning-color);--zt-button-warning-border-color: var(--zt-warning-color);--zt-button-border-width: var(--zt-border-width);--zt-button-radius: 22px;--zt-button-round-radius: var(--zt-radius-max);--zt-button-plain-background: transparent;--zt-button-disabled-opacity: var(--zt-disabled-opacity);--zt-button-loading-icon-size: 20px;--zt-button-inner-block-horizontal-margin: 16px;--zt-button-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-button-icon-font-size: 30px}.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--zt-button-default-height);margin:0;padding:0;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-xl);text-align:center;border-radius:var(--zt-button-radius);cursor:pointer;transition:opacity var(--zt-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.zt-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--zt-black);border:inherit;border-color:var(--zt-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.zt-button:active:before{opacity:.1}.zt-button--loading:before,.zt-button--disabled:before{display:none}.zt-button--default{color:var(--zt-button-default-color);background:var(--zt-button-default-background);border:var(--zt-button-border-width) solid var(--zt-button-default-border-color)}.zt-button--primary{color:var(--zt-button-primary-color);background:var(--zt-button-primary-background);border:var(--zt-button-border-width) solid var(--zt-button-primary-border-color)}.zt-button--primary-light{color:var(--zt-primary-color);background:var(--zt-button-primary-light-background);border:none}.zt-button--success{color:var(--zt-button-success-color);background:var(--zt-button-success-background);border:var(--zt-button-border-width) solid var(--zt-button-success-border-color)}.zt-button--danger{color:var(--zt-button-danger-color);background:var(--zt-button-danger-background);border:var(--zt-button-border-width) solid var(--zt-button-danger-border-color)}.zt-button--warning{color:var(--zt-button-warning-color);background:var(--zt-button-warning-background);border:var(--zt-button-border-width) solid var(--zt-button-warning-border-color)}.zt-button--plain{background:var(--zt-button-plain-background)}.zt-button--plain.zt-button--primary{color:var(--zt-primary-color)}.zt-button--plain.zt-button--success{color:var(--zt-button-success-background)}.zt-button--plain.zt-button--danger{color:var(--zt-button-danger-background)}.zt-button--plain.zt-button--warning{color:var(--zt-button-warning-background)}.zt-button--large{width:100%;height:var(--zt-button-large-height)}.zt-button--normal{padding:var(--zt-button-normal-padding);font-size:var(--zt-font-size-lg)}.zt-button--medium{height:var(--zt-button-medium-height);padding:var(--zt-button-medium-padding);font-size:var(--zt-font-size-md)}.zt-button--small{height:var(--zt-button-small-height);padding:var(--zt-button-small-padding);font-size:var(--zt-font-size-md)}.zt-button--mini{height:var(--zt-button-mini-height);padding:var(--zt-button-mini-padding);font-size:var(--zt-font-size-sm)}.zt-button--mini+.zt-button--mini{margin-left:var(--zt-padding-base)}.zt-button__loading{color:inherit;font-size:inherit}.zt-button__loading .zt-loading__spinner{color:currentColor;width:var(--zt-button-loading-icon-size);height:var(--zt-button-loading-icon-size)}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * var(--zt-button-inner-block-horizontal-margin));margin:0 var(--zt-button-inner-block-horizontal-margin)}.zt-button--disabled{cursor:not-allowed;opacity:var(--zt-button-disabled-opacity)}.zt-button--loading{cursor:default}.zt-button--round{border-radius:var(--zt-button-round-radius);padding:0}.zt-button--round.zt-button--mini{width:var(--zt-button-mini-height)}.zt-button--round.zt-button--small{width:var(--zt-button-small-height)}.zt-button--round.zt-button--medium{width:var(--zt-button-medium-height)}.zt-button--round.zt-button--normal{width:var(--zt-button-default-height)}.zt-button--square{border-radius:0}.zt-button__content{display:flex;align-items:center;justify-content:center;height:100%}.zt-button__content:before{content:" "}.zt-button__icon{font-size:var(--zt-button-icon-font-size)}.zt-button__icon--mini{font-size:var(--zt-font-size-lg)}.zt-button__icon--small{font-size:var(--zt-font-size-xxl)}.zt-button__icon--medium{font-size:var(--zt-font-size-xxxl)}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:var(--zt-padding-xxs)}.zt-button--hairline{border-width:0}.zt-button--hairline:after{border-color:inherit;border-radius:calc(var(--zt-button-radius) * 2)}.zt-button--hairline.zt-button--round:after{border-radius:var(--zt-button-round-radius)}.zt-button--hairline.zt-button--square:after{border-radius:0}
1
+ :root{--zt-button-mini-height: 24px;--zt-button-mini-padding: 0 var(--zt-padding-sm);--zt-button-small-height: 28px;--zt-button-small-padding: 0 var(--zt-padding-sm);--zt-button-medium-height: 36px;--zt-button-medium-padding: 0 var(--zt-padding-md);--zt-button-normal-padding: 0 var(--zt-padding-lg);--zt-button-large-height: 50px;--zt-button-default-height: 44px;--zt-button-default-color: var(--zt-text-color);--zt-button-default-background: var(--zt-button-plain-background);--zt-button-default-border-color: var(--zt-gray-a2);--zt-button-primary-color: var(--zt-white);--zt-button-primary-background: linear-gradient(90deg, var(--zt-primary-color) 0%, var(--zt-primary-color-light) 100%);--zt-button-primary-light-background: var(--zt-primary-color-a1);--zt-button-primary-border-color: var(--zt-primary-color);--zt-button-success-color: var(--zt-white);--zt-button-success-background: var(--zt-success-color);--zt-button-success-border-color: var(--zt-success-color);--zt-button-danger-color: var(--zt-white);--zt-button-danger-background: var(--zt-danger-color);--zt-button-danger-border-color: var(--zt-danger-color);--zt-button-warning-color: var(--zt-white);--zt-button-warning-background: var(--zt-warning-color);--zt-button-warning-border-color: var(--zt-warning-color);--zt-button-border-width: var(--zt-border-width);--zt-button-radius: 22px;--zt-button-round-radius: var(--zt-radius-max);--zt-button-plain-background: transparent;--zt-button-disabled-opacity: var(--zt-disabled-opacity);--zt-button-loading-icon-size: 20px;--zt-button-inner-block-horizontal-margin: 16px;--zt-button-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-button-icon-font-size: 30px}.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--zt-button-default-height);margin:0;padding:0;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-lg);text-align:center;border-radius:var(--zt-button-radius);cursor:pointer;transition:opacity var(--zt-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.zt-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--zt-black);border:inherit;border-color:var(--zt-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.zt-button:active:before{opacity:.1}.zt-button--loading:before,.zt-button--disabled:before{display:none}.zt-button--default{color:var(--zt-button-default-color);background:var(--zt-button-default-background);border:var(--zt-button-border-width) solid var(--zt-button-default-border-color)}.zt-button--primary{color:var(--zt-button-primary-color);background:var(--zt-button-primary-background);border:var(--zt-button-border-width) solid var(--zt-button-primary-border-color)}.zt-button--primary-light{color:var(--zt-primary-color);background:var(--zt-button-primary-light-background);border:none}.zt-button--success{color:var(--zt-button-success-color);background:var(--zt-button-success-background);border:var(--zt-button-border-width) solid var(--zt-button-success-border-color)}.zt-button--danger{color:var(--zt-button-danger-color);background:var(--zt-button-danger-background);border:var(--zt-button-border-width) solid var(--zt-button-danger-border-color)}.zt-button--warning{color:var(--zt-button-warning-color);background:var(--zt-button-warning-background);border:var(--zt-button-border-width) solid var(--zt-button-warning-border-color)}.zt-button--plain{background:var(--zt-button-plain-background)}.zt-button--plain.zt-button--primary{color:var(--zt-primary-color)}.zt-button--plain.zt-button--success{color:var(--zt-button-success-background)}.zt-button--plain.zt-button--danger{color:var(--zt-button-danger-background)}.zt-button--plain.zt-button--warning{color:var(--zt-button-warning-background)}.zt-button--large{width:100%;height:var(--zt-button-large-height)}.zt-button--normal{padding:var(--zt-button-normal-padding);font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-lg)}.zt-button--medium{height:var(--zt-button-medium-height);padding:var(--zt-button-medium-padding);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-button--small{height:var(--zt-button-small-height);padding:var(--zt-button-small-padding);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-button--mini{height:var(--zt-button-mini-height);padding:var(--zt-button-mini-padding);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm)}.zt-button--mini+.zt-button--mini{margin-left:var(--zt-padding-base)}.zt-button__loading{color:inherit;font-size:inherit}.zt-button__loading .zt-loading__spinner{color:currentColor;width:var(--zt-button-loading-icon-size);height:var(--zt-button-loading-icon-size)}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * var(--zt-button-inner-block-horizontal-margin));margin:0 var(--zt-button-inner-block-horizontal-margin)}.zt-button--disabled{cursor:not-allowed;opacity:var(--zt-button-disabled-opacity)}.zt-button--loading{cursor:default}.zt-button--round{border-radius:var(--zt-button-round-radius);padding:0}.zt-button--round.zt-button--mini{width:var(--zt-button-mini-height)}.zt-button--round.zt-button--small{width:var(--zt-button-small-height)}.zt-button--round.zt-button--medium{width:var(--zt-button-medium-height)}.zt-button--round.zt-button--normal{width:var(--zt-button-default-height)}.zt-button--square{border-radius:0}.zt-button__content{display:flex;align-items:center;justify-content:center;height:100%}.zt-button__content:before{content:" "}.zt-button__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zt-button__icon{font-size:var(--zt-button-icon-font-size)}.zt-button__icon--mini{font-size:var(--zt-font-size-lg)}.zt-button__icon--small{font-size:var(--zt-font-size-xxl)}.zt-button__icon--medium{font-size:var(--zt-font-size-xxxl)}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:var(--zt-padding-xxs)}.zt-button--hairline{border-width:0}.zt-button--hairline:after{border-color:inherit;border-radius:calc(var(--zt-button-radius) * 2)}.zt-button--hairline.zt-button--round:after{border-radius:var(--zt-button-round-radius)}.zt-button--hairline.zt-button--square:after{border-radius:0}
@@ -1 +1 @@
1
- :root{--zt-calendar-background: var(--zt-background-2);--zt-calendar-popup-height: 80%;--zt-calendar-body-box-shadow: inset 0 4px 8px 0 var(--zt-gray-a1);--zt-calendar-header-title-height: 44px;--zt-calendar-weekdays-font-color: var(--zt-gray-a8);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--zt-calendar-day-margin-bottom: 4px;--zt-calendar-range-edge-color: var(--zt-white);--zt-calendar-range-edge-background: var(--zt-primary-color);--zt-calendar-range-middle-color: var(--zt-primary-color);--zt-calendar-range-middle-background-opacity: .1;--zt-calendar-selected-day-size: var(--zt-calendar-day-height);--zt-calendar-selected-day-color: var(--zt-white);--zt-calendar-selected-day-background: var(--zt-primary-color);--zt-calendar-day-disabled-color: var(--zt-gray-a2);--zt-calendar-confirm-button-height: 36px;--zt-calendar-confirm-button-margin: 7px 0;--zt-calendar-header-title-color: var(--zt-gray-a4);--zt-calendar-weekday-line-height: 30px;--zt-calendar-header-height: 32px;--zt-calendar-header-subtitle-line-height: 44px}:root[zt-theme-size=large]{--zt-calendar-weekday-line-height: 42px;--zt-calendar-header-height: 44px;--zt-calendar-header-subtitle-line-height: 56px}.zt-calendar{display:flex;flex-direction:column;height:100%;background:var(--zt-calendar-background);color:var(--zt-text-color)}.zt-calendar__popup.zt-popup--top,.zt-calendar__popup.zt-popup--bottom{height:var(--zt-calendar-popup-height)}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__header{flex-shrink:0}.zt-calendar__svg-defs-path-fill{fill:var(--zt-primary-color)}.zt-calendar__month-title,.zt-calendar__header-title,.zt-calendar__header-subtitle{display:flex;padding:0 16px;color:var(--zt-text-color);height:var(--zt-calendar-header-title-height);line-height:var(--zt-calendar-header-subtitle-line-height);text-align:center;align-items:center;justify-content:center}.zt-calendar__month-title--opt,.zt-calendar__header-title--opt,.zt-calendar__header-subtitle--opt{width:32px;height:32px;line-height:var(--zt-calendar-header-height);border-radius:50%;padding:0;margin:0 8px}.zt-calendar__month-title--right,.zt-calendar__header-title--right,.zt-calendar__header-subtitle--right{transform:rotate(180deg)}.zt-calendar__month-title--unenable,.zt-calendar__header-title--unenable,.zt-calendar__header-subtitle--unenable{opacity:.2}.zt-calendar__month-title--enable,.zt-calendar__header-title--enable,.zt-calendar__header-subtitle--enable{opacity:1}.zt-calendar__month-title--enable:active,.zt-calendar__header-title--enable:active,.zt-calendar__header-subtitle--enable:active{border-radius:50%;background-color:var(--zt-gray-a1);opacity:.6}.zt-calendar__month-title-text,.zt-calendar__header-title-text,.zt-calendar__header-subtitle-text{flex-grow:1}.zt-calendar__header-title{font-size:var(--zt-font-size-md);color:var(--zt-calendar-header-title-color);position:relative;display:flex;justify-content:center;align-items:center}.zt-calendar__header-title:after{top:var(--zt-calendar-header-title-height);content:"";position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-calendar__header-subtitle,.zt-calendar__month-title{font-size:var(--zt-font-size-md)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-font-size-sm);line-height:var(--zt-calendar-weekday-line-height);font-weight:var(--zt-font-bold);text-align:center;background:var(--zt-calendar-weekdays-background);color:var(--zt-calendar-weekdays-font-color)}.zt-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--zt-calendar-background);box-shadow:var(--zt-calendar-body-box-shadow)}.zt-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__day,.zt-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:var(--zt-calendar-day-height);margin-bottom:var(--zt-calendar-day-margin-bottom);font-size:var(--zt-font-size-lg);cursor:pointer;outline:none}.zt-calendar__day--end,.zt-calendar__day--start,.zt-calendar__day--start-end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected{color:var(--zt-calendar-range-edge-color);background:var(--zt-calendar-range-edge-background);box-shadow:0 0 0 3px var(--zt-primary-color-a1)}.zt-calendar__day--start{border-radius:var(--zt-calendar-day-height-half) 0 0 var(--zt-calendar-day-height-half);border-right:none}.zt-calendar__day--end{border-radius:0 var(--zt-calendar-day-height-half) var(--zt-calendar-day-height-half) 0;border-left:none}.zt-calendar__day--start-end,.zt-calendar__day--multiple-selected{border-radius:var(--zt-calendar-day-height-half)}.zt-calendar__day--middle{color:var(--zt-calendar-range-middle-color)}.zt-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--zt-calendar-range-middle-background-opacity);content:""}.zt-calendar__day--disabled,.zt-calendar__day--preview{color:var(--zt-calendar-day-disabled-color);cursor:default}.zt-calendar__selected-day{font-weight:var(--zt-font-bold);width:var(--zt-calendar-selected-day-size);height:var(--zt-calendar-selected-day-size);color:var(--zt-calendar-selected-day-color);background:var(--zt-calendar-selected-day-background);border-radius:calc(var(--zt-calendar-selected-day-size) / 2);box-shadow:0 0 0 3px var(--zt-primary-color-a1)}.zt-calendar__footer{flex-shrink:0;display:flex;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-theme-dark{--zt-calendar-range-middle-color: var(--zt-white)}
1
+ :root{--zt-calendar-background: var(--zt-background-popup);--zt-calendar-popup-height: 80%;--zt-calendar-body-box-shadow: inset 0 4px 8px 0 var(--zt-gray-a1);--zt-calendar-header-title-height: 44px;--zt-calendar-weekdays-font-color: var(--zt-gray-a8);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--zt-calendar-day-margin-bottom: 4px;--zt-calendar-range-edge-color: var(--zt-white);--zt-calendar-range-edge-background: var(--zt-primary-color);--zt-calendar-range-middle-color: var(--zt-primary-color);--zt-calendar-range-middle-background-opacity: .1;--zt-calendar-selected-day-size: var(--zt-calendar-day-height);--zt-calendar-selected-day-color: var(--zt-white);--zt-calendar-selected-day-background: var(--zt-primary-color);--zt-calendar-day-disabled-color: var(--zt-gray-a2);--zt-calendar-confirm-button-height: 36px;--zt-calendar-confirm-button-margin: 7px 0;--zt-calendar-header-title-color: var(--zt-gray-a4);--zt-calendar-weekday-line-height: 30px;--zt-calendar-header-height: 32px;--zt-calendar-header-subtitle-line-height: 44px}:root[zt-theme-size=large]{--zt-calendar-weekday-line-height: 42px;--zt-calendar-header-height: 44px;--zt-calendar-header-subtitle-line-height: 56px}.zt-calendar{display:flex;flex-direction:column;height:100%;background:var(--zt-calendar-background);color:var(--zt-text-color)}.zt-calendar__popup.zt-popup--top,.zt-calendar__popup.zt-popup--bottom{height:var(--zt-calendar-popup-height)}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__header{flex-shrink:0}.zt-calendar__svg-defs-path-fill{fill:var(--zt-primary-color)}.zt-calendar__month-title,.zt-calendar__header-title,.zt-calendar__header-subtitle{display:flex;padding:0 16px;color:var(--zt-text-color);height:var(--zt-calendar-header-title-height);line-height:var(--zt-calendar-header-subtitle-line-height);text-align:center;align-items:center;justify-content:center}.zt-calendar__month-title--opt,.zt-calendar__header-title--opt,.zt-calendar__header-subtitle--opt{width:32px;height:32px;line-height:var(--zt-calendar-header-height);border-radius:50%;padding:0;margin:0 8px}.zt-calendar__month-title--right,.zt-calendar__header-title--right,.zt-calendar__header-subtitle--right{transform:rotate(180deg)}.zt-calendar__month-title--unenable,.zt-calendar__header-title--unenable,.zt-calendar__header-subtitle--unenable{opacity:.2}.zt-calendar__month-title--enable,.zt-calendar__header-title--enable,.zt-calendar__header-subtitle--enable{opacity:1}.zt-calendar__month-title--enable:active,.zt-calendar__header-title--enable:active,.zt-calendar__header-subtitle--enable:active{border-radius:50%;background-color:var(--zt-gray-a1);opacity:.6}.zt-calendar__month-title-text,.zt-calendar__header-title-text,.zt-calendar__header-subtitle-text{flex-grow:1}.zt-calendar__header-title{font-size:var(--zt-font-size-md);color:var(--zt-calendar-header-title-color);position:relative;display:flex;justify-content:center;align-items:center}.zt-calendar__header-title:after{top:var(--zt-calendar-header-title-height);content:"";position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-calendar__header-subtitle,.zt-calendar__month-title{font-size:var(--zt-font-size-md)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-font-size-sm);line-height:var(--zt-calendar-weekday-line-height);font-weight:var(--zt-font-bold);text-align:center;background:var(--zt-calendar-weekdays-background);color:var(--zt-calendar-weekdays-font-color)}.zt-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--zt-calendar-background);box-shadow:var(--zt-calendar-body-box-shadow)}.zt-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__day,.zt-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:var(--zt-calendar-day-height);margin-bottom:var(--zt-calendar-day-margin-bottom);font-size:var(--zt-font-size-lg);cursor:pointer;outline:none}.zt-calendar__day--end,.zt-calendar__day--start,.zt-calendar__day--start-end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected{color:var(--zt-calendar-range-edge-color);background:var(--zt-calendar-range-edge-background);box-shadow:0 0 0 3px var(--zt-primary-color-a1)}.zt-calendar__day--start{border-radius:var(--zt-calendar-day-height-half) 0 0 var(--zt-calendar-day-height-half);border-right:none}.zt-calendar__day--end{border-radius:0 var(--zt-calendar-day-height-half) var(--zt-calendar-day-height-half) 0;border-left:none}.zt-calendar__day--start-end,.zt-calendar__day--multiple-selected{border-radius:var(--zt-calendar-day-height-half)}.zt-calendar__day--middle{color:var(--zt-calendar-range-middle-color)}.zt-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--zt-calendar-range-middle-background-opacity);content:""}.zt-calendar__day--disabled,.zt-calendar__day--preview{color:var(--zt-calendar-day-disabled-color);cursor:default}.zt-calendar__selected-day{font-weight:var(--zt-font-bold);width:var(--zt-calendar-selected-day-size);height:var(--zt-calendar-selected-day-size);color:var(--zt-calendar-selected-day-color);background:var(--zt-calendar-selected-day-background);border-radius:calc(var(--zt-calendar-selected-day-size) / 2);box-shadow:0 0 0 3px var(--zt-primary-color-a1)}.zt-calendar__footer{flex-shrink:0;display:flex;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-theme-dark{--zt-calendar-range-middle-color: var(--zt-white)}
@@ -1,8 +1,8 @@
1
1
  declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
2
2
  export { name, bem, t };
3
3
  export declare const formatMonthTitle: (date: Date) => any;
4
- export declare function compareMonth(date1: Date, date2: Date): 0 | 1 | -1;
5
- export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
4
+ export declare function compareMonth(date1: Date, date2: Date): 1 | 0 | -1;
5
+ export declare function compareDay(day1: Date, day2: Date): 1 | 0 | -1;
6
6
  export declare const cloneDate: (date: Date) => Date;
7
7
  export declare const cloneDates: (dates: Date | Date[]) => Date | Date[];
8
8
  export declare function getDayByOffset(date: Date, offset: number, isMonth?: boolean, isYear?: boolean): Date;
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
99
99
  type: BooleanConstructor;
100
100
  default: true;
101
101
  };
102
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
102
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
103
103
  title: StringConstructor;
104
104
  show: BooleanConstructor;
105
105
  round: {
@@ -1 +1 @@
1
- :root{--zt-cascader-header-height: 44px;--zt-cascader-header-padding: 0 var(--zt-padding-sm);--zt-cascader-title-color: var(--zt-gray-a4);--zt-cascader-close-icon-color: var(--zt-gray-5);--zt-cascader-close-icon-font-size: 24px;--zt-cascader-tabs-height: 44px;--zt-cascader-active-color: var(--zt-primary-color);--zt-cascader-height: 75vh;--zt-cascader-option-disabled-color: var(--zt-text-color-3);--zt-cascader-tab-color: var(--zt-text-color);--zt-cascader-unselected-tab-color: var(--zt-gray-a4);--zt-cascader-tabs-margin: 0 8px;--zt-cascader-tabs-padding: 8px;--zt-cascader-option-disabled-active-color: rgba(0, 0, 0, .04);--zt-cascader-cancel-margin: 8px 16px;--zt-cascader-cancel-background: rgba(45, 75, 115, .04);--zt-cascader-cancel-width:calc(100% - 32px);--zt-cascader-cancel-border-radius: 20.5px;--zt-cascader-title-line-height: 44px}:root[zt-theme-size=large]{--zt-cascader-close-icon-font-size: 30px;--zt-cascader-title-line-height: 56px}.zt-cascader{display:flex;justify-content:space-between;flex-direction:column;height:var(--zt-cascader-height)}.zt-cascader__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--zt-cascader-header-height);padding:var(--zt-cascader-header-padding)}.zt-cascader__title{font-size:var(--zt-font-size-md);line-height:var(--zt-cascader-title-line-height);color:var(--zt-cascader-title-color)}.zt-cascader__close-icon{color:var(--zt-cascader-close-icon-color);font-size:var(--zt-cascader-close-icon-font-size)}.zt-cascader__tabs{flex:1;min-height:0}.zt-cascader__tabs .zt-tab{flex:none;margin:var(--zt-cascader-tabs-margin);padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:var(--zt-cascader-tabs-height)}.zt-cascader__tabs .zt-tabs__wrap:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:var(--zt-cascader-tabs-padding);padding-left:var(--zt-cascader-tabs-padding)}.zt-cascader__tabs .zt-tabs__content{height:calc(100% - var(--zt-cascader-tabs-height))}.zt-cascader__tabs .zt-tab__panel{height:100%}.zt-cascader__tab{color:var(--zt-cascader-tab-color);font-weight:var(--zt-font-bold);line-height:var(--zt-cascader-title-line-height);font-size:var(--zt-font-size-md)}.zt-cascader__tab--unselected{color:var(--zt-cascader-unselected-tab-color);font-weight:400}.zt-cascader__option{display:flex;align-items:center;justify-content:space-between;color:var(--zt-text-color);padding:0 var(--zt-padding-md);font-size:var(--zt-font-size-md);line-height:var(--zt-cascader-title-line-height);cursor:pointer;font-weight:400}.zt-cascader__option:active{background-color:var(--zt-active-color)}.zt-cascader__option--selected{color:var(--zt-cascader-active-color);font-weight:var(--zt-font-bold)}.zt-cascader__option--disabled{color:var(--zt-cascader-option-disabled-color);cursor:not-allowed}.zt-cascader__option--disabled:active{background-color:var(--zt-cascader-option-disabled-active-color)}.zt-cascader__selected-icon{font-size:var(--zt-font-size-xl)}.zt-cascader__options{height:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:var(--zt-background-2)}.zt-cascader__cancel{margin:var(--zt-cascader-cancel-margin);width:var(--zt-cascader-cancel-width);background:var(--zt-cascader-cancel-background);border-radius:var(--zt-cascader-cancel-border-radius);color:var(--zt-text-color);border:0}.zt-theme-dark{--zt-cascader-cancel-background: var(--zt-background-card)}
1
+ :root{--zt-cascader-header-height: 44px;--zt-cascader-header-padding: 0 var(--zt-padding-sm);--zt-cascader-title-color: var(--zt-gray-a4);--zt-cascader-close-icon-color: var(--zt-gray-5);--zt-cascader-close-icon-font-size: 24px;--zt-cascader-tabs-height: 44px;--zt-cascader-active-color: var(--zt-primary-color);--zt-cascader-height: 75vh;--zt-cascader-option-disabled-color: var(--zt-text-color-3);--zt-cascader-tab-color: var(--zt-text-color);--zt-cascader-unselected-tab-color: var(--zt-gray-a4);--zt-cascader-tabs-margin: 0 8px;--zt-cascader-tabs-padding: 8px;--zt-cascader-option-disabled-active-color: rgba(0, 0, 0, .04);--zt-cascader-cancel-margin: 8px 16px;--zt-cascader-cancel-background: rgba(45, 75, 115, .04);--zt-cascader-cancel-width:calc(100% - 32px);--zt-cascader-cancel-border-radius: 20.5px;--zt-cascader-title-line-height: 44px}:root[zt-theme-size=large]{--zt-cascader-close-icon-font-size: 30px;--zt-cascader-title-line-height: 56px}.zt-cascader{display:flex;justify-content:space-between;flex-direction:column;height:var(--zt-cascader-height)}.zt-cascader__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--zt-cascader-header-height);padding:var(--zt-cascader-header-padding)}.zt-cascader__title{font-size:var(--zt-font-size-md);line-height:var(--zt-cascader-title-line-height);color:var(--zt-cascader-title-color)}.zt-cascader__close-icon{color:var(--zt-cascader-close-icon-color);font-size:var(--zt-cascader-close-icon-font-size)}.zt-cascader__tabs{flex:1;min-height:0}.zt-cascader__tabs .zt-tab{flex:none;margin:var(--zt-cascader-tabs-margin);padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:var(--zt-cascader-tabs-height)}.zt-cascader__tabs .zt-tabs__wrap:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:var(--zt-cascader-tabs-padding);padding-left:var(--zt-cascader-tabs-padding)}.zt-cascader__tabs .zt-tabs__content{height:calc(100% - var(--zt-cascader-tabs-height))}.zt-cascader__tabs .zt-tab__panel{height:100%}.zt-cascader__tab{color:var(--zt-cascader-tab-color);font-weight:var(--zt-font-bold);line-height:var(--zt-cascader-title-line-height);font-size:var(--zt-font-size-md)}.zt-cascader__tab--unselected{color:var(--zt-cascader-unselected-tab-color);font-weight:400}.zt-cascader__option{display:flex;align-items:center;justify-content:space-between;color:var(--zt-text-color);padding:var(--zt-padding-sm) var(--zt-padding-md);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer;font-weight:400}.zt-cascader__option:active{background-color:var(--zt-active-color)}.zt-cascader__option--selected{color:var(--zt-cascader-active-color);font-weight:var(--zt-font-bold)}.zt-cascader__option--disabled{color:var(--zt-cascader-option-disabled-color);cursor:not-allowed}.zt-cascader__option--disabled:active{background-color:var(--zt-cascader-option-disabled-active-color)}.zt-cascader__selected-icon{font-size:var(--zt-font-size-xl)}.zt-cascader__options{height:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:var(--zt-background-popup)}.zt-cascader__cancel{margin:var(--zt-cascader-cancel-margin);width:var(--zt-cascader-cancel-width);background:var(--zt-cascader-cancel-background);border-radius:var(--zt-cascader-cancel-border-radius);color:var(--zt-text-color);border:0}.zt-theme-dark{--zt-cascader-cancel-background: var(--zt-background-card)}
@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
46
46
  type: BooleanConstructor;
47
47
  default: true;
48
48
  };
49
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
49
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
50
50
  title: StringConstructor;
51
51
  show: BooleanConstructor;
52
52
  round: {
package/es/cell/Cell.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
2
2
  import type { CellDirection } from './types';
3
+ import { FieldTextAlign } from '../field';
3
4
  export type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
4
5
  export declare const cellSharedProps: {
5
6
  leftIcon: StringConstructor;
@@ -36,6 +37,14 @@ export declare const cellSharedProps: {
36
37
  type: PropType<string>;
37
38
  default: string;
38
39
  };
40
+ placeholder: StringConstructor;
41
+ errorMessage: StringConstructor;
42
+ errorMessageAlign: PropType<FieldTextAlign>;
43
+ descriptionClass: PropType<unknown>;
44
+ description: {
45
+ type: PropType<string>;
46
+ default: string;
47
+ };
39
48
  };
40
49
  declare const cellProps: {
41
50
  leftIcon: StringConstructor;
@@ -72,6 +81,14 @@ declare const cellProps: {
72
81
  type: PropType<string>;
73
82
  default: string;
74
83
  };
84
+ placeholder: StringConstructor;
85
+ errorMessage: StringConstructor;
86
+ errorMessageAlign: PropType<FieldTextAlign>;
87
+ descriptionClass: PropType<unknown>;
88
+ description: {
89
+ type: PropType<string>;
90
+ default: string;
91
+ };
75
92
  } & {
76
93
  to: PropType<import("vue-router").RouteLocationRaw>;
77
94
  url: StringConstructor;
@@ -113,6 +130,14 @@ declare const _default: import("vue").DefineComponent<{
113
130
  type: PropType<string>;
114
131
  default: string;
115
132
  };
133
+ placeholder: StringConstructor;
134
+ errorMessage: StringConstructor;
135
+ errorMessageAlign: PropType<FieldTextAlign>;
136
+ descriptionClass: PropType<unknown>;
137
+ description: {
138
+ type: PropType<string>;
139
+ default: string;
140
+ };
116
141
  } & {
117
142
  to: PropType<import("vue-router").RouteLocationRaw>;
118
143
  url: StringConstructor;
@@ -152,6 +177,14 @@ declare const _default: import("vue").DefineComponent<{
152
177
  type: PropType<string>;
153
178
  default: string;
154
179
  };
180
+ placeholder: StringConstructor;
181
+ errorMessage: StringConstructor;
182
+ errorMessageAlign: PropType<FieldTextAlign>;
183
+ descriptionClass: PropType<unknown>;
184
+ description: {
185
+ type: PropType<string>;
186
+ default: string;
187
+ };
155
188
  } & {
156
189
  to: PropType<import("vue-router").RouteLocationRaw>;
157
190
  url: StringConstructor;
@@ -170,5 +203,6 @@ declare const _default: import("vue").DefineComponent<{
170
203
  clickable: boolean | null;
171
204
  clearable: boolean;
172
205
  clearIcon: string;
206
+ description: string;
173
207
  }, {}>;
174
208
  export default _default;
package/es/cell/Cell.mjs CHANGED
@@ -4,6 +4,7 @@ import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace, ma
4
4
  import { useRoute, routeProps } from "../composables/use-route.mjs";
5
5
  import { useEventListener } from "@zartui/use";
6
6
  import { Icon } from "../icon/index.mjs";
7
+ import { isEmptyValue } from "../field/utils.mjs";
7
8
  const [name, bem] = createNamespace("cell");
8
9
  const cellSharedProps = {
9
10
  leftIcon: String,
@@ -27,7 +28,12 @@ const cellSharedProps = {
27
28
  default: null
28
29
  },
29
30
  clearable: Boolean,
30
- clearIcon: makeStringProp("clear-r")
31
+ clearIcon: makeStringProp("clear-r"),
32
+ placeholder: String,
33
+ errorMessage: String,
34
+ errorMessageAlign: String,
35
+ descriptionClass: unknownProp,
36
+ description: makeStringProp("")
31
37
  };
32
38
  const cellProps = extend({}, cellSharedProps, routeProps);
33
39
  var stdin_default = defineComponent({
@@ -71,7 +77,10 @@ var stdin_default = defineComponent({
71
77
  }), props.titleClass],
72
78
  "style": props.titleStyle
73
79
  }, [slots.title ? slots.title() : [renderTitleIcon(), _createVNode("span", {
74
- "class": bem("title-text")
80
+ "class": bem("title-text", {
81
+ required: props.required,
82
+ "title-error": showErrorMessage.value
83
+ })
75
84
  }, [props.title])], renderLabel()]);
76
85
  }
77
86
  };
@@ -120,15 +129,28 @@ var stdin_default = defineComponent({
120
129
  const hasValue = slot || isDef(props.value);
121
130
  const isHorizontal = props.direction === "horizontal";
122
131
  const showClear = props.clearable && isDef(props.value) && props.value !== "";
132
+ const renderContent = () => {
133
+ if (slot) {
134
+ return slot();
135
+ } else {
136
+ let className = "value-text";
137
+ let renderVal = props.value;
138
+ if (isEmptyValue(props.value) && !isEmptyValue(props.placeholder)) {
139
+ className = "value-placeholder";
140
+ renderVal = props.placeholder || "";
141
+ }
142
+ return _createVNode("span", {
143
+ "class": bem(className)
144
+ }, [renderVal]);
145
+ }
146
+ };
123
147
  if (hasValue) {
124
148
  return _createVNode("div", {
125
149
  "class": [bem("value", {
126
150
  [props.direction]: true
127
151
  }), props.valueClass],
128
152
  "onClick": () => onClick(isHorizontal)
129
- }, [slot ? slot() : _createVNode("span", {
130
- "class": bem("value-text")
131
- }, [props.value]), showClear && _createVNode(Icon, {
153
+ }, [renderContent(), showClear && _createVNode(Icon, {
132
154
  "ref": clearIconRef,
133
155
  "name": props.clearIcon,
134
156
  "class": bem("value-clear")
@@ -147,23 +169,54 @@ var stdin_default = defineComponent({
147
169
  }, null);
148
170
  }
149
171
  };
172
+ const showDescription = computed(() => !isEmptyValue(props.description));
173
+ const showErrorMessage = computed(() => !isEmptyValue(props.errorMessage));
174
+ const renderDescription = () => {
175
+ if (!showDescription.value) {
176
+ return;
177
+ }
178
+ return _createVNode("div", {
179
+ "class": [bem("description"), props.descriptionClass]
180
+ }, [props.description]);
181
+ };
182
+ const renderErrorMessage = () => {
183
+ if (!showErrorMessage.value) {
184
+ return;
185
+ }
186
+ const message = props.errorMessage;
187
+ if (message) {
188
+ const slot = slots["error-message"];
189
+ const {
190
+ errorMessageAlign
191
+ } = props;
192
+ return _createVNode("div", {
193
+ "class": bem("error-message", errorMessageAlign)
194
+ }, [slot ? slot({
195
+ message
196
+ }) : message]);
197
+ }
198
+ };
150
199
  const renderBottom = () => {
151
200
  if (slots.bottom) {
152
201
  return slots.bottom();
153
202
  }
203
+ if (!showDescription.value && !showErrorMessage.value) {
204
+ return;
205
+ }
206
+ return _createVNode("div", {
207
+ "class": bem("bottom")
208
+ }, [renderDescription(), renderErrorMessage()]);
154
209
  };
155
210
  return () => {
156
211
  var _a;
157
212
  const {
158
213
  center,
159
214
  border,
160
- isLink,
161
- required
215
+ isLink
162
216
  } = props;
163
217
  const clickable = (_a = props.clickable) != null ? _a : isLink;
164
218
  const classes = {
165
219
  center,
166
- required,
167
220
  clickable,
168
221
  borderless: !border
169
222
  };
package/es/cell/index.css CHANGED
@@ -1 +1 @@
1
- :root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px;--zt-cell-clear-icon-color: var(--zt-gray-a6)}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;align-items:center;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__value-clear{color:var(--zt-cell-clear-icon-color);font-size:var(--zt-font-size-xxl);margin:0 4px 0 10px;cursor:pointer}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}
1
+ :root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px;--zt-cell-clear-icon-color: var(--zt-gray-a6);--zt-cell-error-message-background-color: rgb(var(--zt-red-r), var(--zt-red-g), var(--zt-red-b), .1);--zt-cell-error-message-color: var(--zt-red);--zt-cell-description-background-color: var(--zt-gray-a04);--zt-cell-description-color: var(--zt-gray-a6);--zt-cell-description-border-color: var(--zt-gray-a2);--zt-cell-required-mark-color: var(--zt-red);--zt-cell-required-mark-margin: 0 0 0 4px}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;align-items:center;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__value-placeholder{display:inline-block;flex:1;color:var(--zt-placeholder-color)}.zt-cell__value-clear{color:var(--zt-cell-clear-icon-color);font-size:var(--zt-font-size-xxl);margin:0 4px 0 10px;cursor:pointer}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-text--title-error{color:var(--zt-cell-error-message-color)}.zt-cell__title-text--required:after{margin:var(--zt-cell-required-mark-margin);color:var(--zt-cell-required-mark-color);content:"*";font-weight:var(--zt-font-bold);line-height:var(--zt-line-height-md)}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}.zt-cell__error-message{background:var(--zt-cell-error-message-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-cell-error-message-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-cell__error-message:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-cell-error-message-color);transform:scaleY(.5)}.zt-cell__error-message--center{text-align:center}.zt-cell__error-message--right{text-align:right}.zt-cell__description{background:var(--zt-cell-description-background-color);border-radius:0 0 var(--zt-radius-md) var(--zt-radius-md);padding:var(--zt-padding-xs);font-size:var(--zt-font-size-sm);color:var(--zt-cell-description-color);letter-spacing:0;line-height:var(--zt-line-height-xs);position:relative}.zt-cell__description:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-cell-description-border-color);transform:scaleY(.5)}
@@ -33,6 +33,14 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
33
33
  type: import("vue").PropType<string>;
34
34
  default: string;
35
35
  };
36
+ placeholder: StringConstructor;
37
+ errorMessage: StringConstructor;
38
+ errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
39
+ descriptionClass: import("vue").PropType<unknown>;
40
+ description: {
41
+ type: import("vue").PropType<string>;
42
+ default: string;
43
+ };
36
44
  } & {
37
45
  to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
38
46
  url: StringConstructor;
@@ -72,6 +80,14 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
72
80
  type: import("vue").PropType<string>;
73
81
  default: string;
74
82
  };
83
+ placeholder: StringConstructor;
84
+ errorMessage: StringConstructor;
85
+ errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
86
+ descriptionClass: import("vue").PropType<unknown>;
87
+ description: {
88
+ type: import("vue").PropType<string>;
89
+ default: string;
90
+ };
75
91
  } & {
76
92
  to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
77
93
  url: StringConstructor;
@@ -90,6 +106,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
90
106
  clickable: boolean | null;
91
107
  clearable: boolean;
92
108
  clearIcon: string;
109
+ description: string;
93
110
  }, {}>>;
94
111
  export default Cell;
95
112
  export type { CellProps, CellArrowDirection } from './Cell';
@@ -1,4 +1,5 @@
1
1
  import "../../style/base.css";
2
2
  import "../../badge/index.css";
3
3
  import "../../icon/index.css";
4
+ import "../../field/index.css";
4
5
  import "../index.css";
@@ -1 +1 @@
1
- :root{--zt-cell-group-background: var(--zt-background-2);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xs)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}
1
+ :root{--zt-cell-group-background: var(--zt-background-popup);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  type: PropType<boolean | null>;
45
45
  default: null;
46
46
  };
47
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
47
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
48
48
  name: PropType<unknown>;
49
49
  shape: {
50
50
  type: PropType<import("./Checker").CheckerShape>;
@@ -19,7 +19,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
19
19
  type: import("vue").PropType<boolean | null>;
20
20
  default: null;
21
21
  };
22
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23
23
  name: import("vue").PropType<unknown>;
24
24
  shape: {
25
25
  type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
30
30
  default: () => unknown[];
31
31
  };
32
32
  checkedColor: StringConstructor;
33
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
33
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
34
34
  max: (NumberConstructor | StringConstructor)[];
35
35
  disabled: BooleanConstructor;
36
36
  iconSize: (NumberConstructor | StringConstructor)[];
@@ -11,7 +11,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
11
11
  default: () => unknown[];
12
12
  };
13
13
  checkedColor: StringConstructor;
14
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
15
  max: (NumberConstructor | StringConstructor)[];
16
16
  disabled: BooleanConstructor;
17
17
  iconSize: (NumberConstructor | StringConstructor)[];
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
34
34
  type: PropType<Numeric | Numeric[]>;
35
35
  default: string;
36
36
  };
37
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
37
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
38
38
  border: {
39
39
  type: BooleanConstructor;
40
40
  default: true;
@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
8
8
  type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
9
9
  default: string;
10
10
  };
11
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
12
  border: {
13
13
  type: BooleanConstructor;
14
14
  default: true;
@@ -1 +1 @@
1
- :root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}
1
+ :root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}
@@ -135,4 +135,4 @@ export type BaseThemeVars = {
135
135
  radiusGt?: string;
136
136
  radiusMax?: string;
137
137
  };
138
- export type ConfigProviderThemeVars = BaseThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../avatar').AvatarThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../checkbox').CheckboxThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../grid-item').GridItemThemeVars & import('../hierarchy-select').HierarchySelectThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../media-picker').MediaPickerThemeVars & import('../multiple-picker').MultiplePickerThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../radio-picker').RadioPickerThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../table').TableThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../text-ellipsis').TextEllipsisThemeVars & import('../time-picker').TimePickerThemeVars & import('../timeline').TimelineThemeVars & import('../toast').ToastThemeVars & import('../uploader').UploaderThemeVars;
138
+ export type ConfigProviderThemeVars = BaseThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../avatar').AvatarThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../checkbox').CheckboxThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../grid-item').GridItemThemeVars & import('../hierarchy-select').HierarchySelectThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../media-picker').MediaPickerThemeVars & import('../multiple-picker').MultiplePickerThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../radio-picker').RadioPickerThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../table').TableThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../text-ellipsis').TextEllipsisThemeVars & import('../time-picker').TimePickerThemeVars & import('../timeline').TimelineThemeVars & import('../toast').ToastThemeVars & import('../drawer-select').DrawerSelectThemeVars & import('../uploader').UploaderThemeVars;
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
102
102
  type: import("vue").PropType<string[]>;
103
103
  default: () => string[];
104
104
  };
105
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
105
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
106
106
  loading: BooleanConstructor;
107
107
  readonly: BooleanConstructor;
108
108
  allowHtml: BooleanConstructor;
@@ -201,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
201
201
  type: PropType<string[]>;
202
202
  default: () => string[];
203
203
  };
204
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
204
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
205
205
  loading: BooleanConstructor;
206
206
  readonly: BooleanConstructor;
207
207
  allowHtml: BooleanConstructor;
@@ -99,7 +99,7 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
99
99
  type: import("vue").PropType<string[]>;
100
100
  default: () => string[];
101
101
  };
102
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
102
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
103
103
  loading: BooleanConstructor;
104
104
  readonly: BooleanConstructor;
105
105
  allowHtml: BooleanConstructor;
@@ -1 +1 @@
1
- :root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-2);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-xl);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}
1
+ :root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-popup);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-lg);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}
@@ -1 +1 @@
1
- :root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xl);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}
1
+ :root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}