zartui 3.1.37 → 3.2.0

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 (161) hide show
  1. package/es/action-sheet/index.css +1 -1
  2. package/es/audio/index.css +1 -1
  3. package/es/avatar/index.css +1 -1
  4. package/es/button/index.css +1 -1
  5. package/es/calendar/index.css +1 -1
  6. package/es/cascader/Cascader.mjs +1 -1
  7. package/es/cascader/index.css +1 -1
  8. package/es/cell/index.css +1 -1
  9. package/es/checkbox/Checkbox.d.ts +20 -7
  10. package/es/checkbox/Checkbox.mjs +2 -1
  11. package/es/checkbox/Checker.mjs +2 -6
  12. package/es/checkbox/index.css +1 -1
  13. package/es/checkbox/index.d.ts +8 -0
  14. package/es/collapse-item/index.css +1 -1
  15. package/es/date-time-picker/DateTimePicker.mjs +4 -7
  16. package/es/date-time-picker/DateTimePickerWrapper.mjs +1 -3
  17. package/es/date-time-picker/index.css +1 -1
  18. package/es/date-time-picker/utils.d.ts +1 -0
  19. package/es/date-time-picker/utils.mjs +8 -0
  20. package/es/dialog/index.css +1 -1
  21. package/es/divider/index.css +1 -1
  22. package/es/drawer-select/DrawerSelect.mjs +5 -5
  23. package/es/drawer-select/index.css +1 -1
  24. package/es/dropdown-item/index.css +1 -1
  25. package/es/dropdown-menu/index.css +1 -1
  26. package/es/empty/index.css +1 -1
  27. package/es/field/index.css +1 -1
  28. package/es/floating-bubble/index.css +1 -1
  29. package/es/hierarchy-select/index.css +1 -1
  30. package/es/image/index.css +1 -1
  31. package/es/image-preview/index.css +1 -1
  32. package/es/index-anchor/index.css +1 -1
  33. package/es/index-bar/index.css +1 -1
  34. package/es/index.d.ts +1 -1
  35. package/es/index.mjs +1 -1
  36. package/es/list/index.css +1 -1
  37. package/es/loading/index.css +1 -1
  38. package/es/media-picker/MediaPicker.mjs +4 -7
  39. package/es/media-picker/index.css +1 -1
  40. package/es/media-picker/style/index.mjs +2 -1
  41. package/es/media-player/MediaPlayer.mjs +7 -4
  42. package/es/media-player/index.css +1 -1
  43. package/es/media-player/style/index.mjs +2 -0
  44. package/es/multiple-picker/index.css +1 -1
  45. package/es/nav-bar/index.css +1 -1
  46. package/es/notice-bar/index.css +1 -1
  47. package/es/number-keyboard/index.css +1 -1
  48. package/es/picker/Picker.mjs +2 -5
  49. package/es/picker/index.css +1 -1
  50. package/es/popover/index.css +1 -1
  51. package/es/popup/index.css +1 -1
  52. package/es/radio/index.css +1 -1
  53. package/es/radio-picker/RadioPicker.mjs +1 -4
  54. package/es/radio-picker/index.css +1 -1
  55. package/es/rate/index.css +1 -1
  56. package/es/search/Search.d.ts +3 -0
  57. package/es/search/Search.mjs +4 -2
  58. package/es/search/index.css +1 -1
  59. package/es/search/index.d.ts +2 -0
  60. package/es/signature/index.css +1 -1
  61. package/es/skeleton/index.css +1 -1
  62. package/es/slider/index.css +1 -1
  63. package/es/step/Step.mjs +1 -1
  64. package/es/step/index.css +1 -1
  65. package/es/stepper/index.css +1 -1
  66. package/es/style/base.css +1 -1
  67. package/es/style/css-variables.css +1 -1
  68. package/es/switch/index.css +1 -1
  69. package/es/tabbar/index.css +1 -1
  70. package/es/tabbar-item/index.css +1 -1
  71. package/es/table/index.css +1 -1
  72. package/es/tabs/index.css +1 -1
  73. package/es/tag/index.css +1 -1
  74. package/es/time-picker/index.css +1 -1
  75. package/es/timeline/index.css +1 -1
  76. package/es/toast/index.css +1 -1
  77. package/es/uploader/index.css +1 -1
  78. package/lib/action-sheet/index.css +1 -1
  79. package/lib/audio/index.css +1 -1
  80. package/lib/avatar/index.css +1 -1
  81. package/lib/button/index.css +1 -1
  82. package/lib/calendar/index.css +1 -1
  83. package/lib/cascader/Cascader.js +1 -1
  84. package/lib/cascader/index.css +1 -1
  85. package/lib/cell/index.css +1 -1
  86. package/lib/checkbox/Checkbox.d.ts +20 -7
  87. package/lib/checkbox/Checkbox.js +1 -0
  88. package/lib/checkbox/Checker.js +2 -6
  89. package/lib/checkbox/index.css +1 -1
  90. package/lib/checkbox/index.d.ts +8 -0
  91. package/lib/collapse-item/index.css +1 -1
  92. package/lib/date-time-picker/DateTimePicker.js +3 -6
  93. package/lib/date-time-picker/DateTimePickerWrapper.js +1 -3
  94. package/lib/date-time-picker/index.css +1 -1
  95. package/lib/date-time-picker/utils.d.ts +1 -0
  96. package/lib/date-time-picker/utils.js +8 -0
  97. package/lib/dialog/index.css +1 -1
  98. package/lib/divider/index.css +1 -1
  99. package/lib/drawer-select/DrawerSelect.js +5 -5
  100. package/lib/drawer-select/index.css +1 -1
  101. package/lib/dropdown-item/index.css +1 -1
  102. package/lib/dropdown-menu/index.css +1 -1
  103. package/lib/empty/index.css +1 -1
  104. package/lib/field/index.css +1 -1
  105. package/lib/floating-bubble/index.css +1 -1
  106. package/lib/hierarchy-select/index.css +1 -1
  107. package/lib/image/index.css +1 -1
  108. package/lib/image-preview/index.css +1 -1
  109. package/lib/index-anchor/index.css +1 -1
  110. package/lib/index-bar/index.css +1 -1
  111. package/lib/index.css +1 -1
  112. package/lib/index.d.ts +1 -1
  113. package/lib/index.js +1 -1
  114. package/lib/list/index.css +1 -1
  115. package/lib/loading/index.css +1 -1
  116. package/lib/media-picker/MediaPicker.js +3 -6
  117. package/lib/media-picker/index.css +1 -1
  118. package/lib/media-picker/style/index.js +2 -1
  119. package/lib/media-player/MediaPlayer.js +7 -4
  120. package/lib/media-player/index.css +1 -1
  121. package/lib/media-player/style/index.js +2 -0
  122. package/lib/multiple-picker/index.css +1 -1
  123. package/lib/nav-bar/index.css +1 -1
  124. package/lib/notice-bar/index.css +1 -1
  125. package/lib/number-keyboard/index.css +1 -1
  126. package/lib/picker/Picker.js +2 -5
  127. package/lib/picker/index.css +1 -1
  128. package/lib/popover/index.css +1 -1
  129. package/lib/popup/index.css +1 -1
  130. package/lib/radio/index.css +1 -1
  131. package/lib/radio-picker/RadioPicker.js +1 -4
  132. package/lib/radio-picker/index.css +1 -1
  133. package/lib/rate/index.css +1 -1
  134. package/lib/search/Search.d.ts +3 -0
  135. package/lib/search/Search.js +4 -2
  136. package/lib/search/index.css +1 -1
  137. package/lib/search/index.d.ts +2 -0
  138. package/lib/signature/index.css +1 -1
  139. package/lib/skeleton/index.css +1 -1
  140. package/lib/slider/index.css +1 -1
  141. package/lib/step/Step.js +1 -1
  142. package/lib/step/index.css +1 -1
  143. package/lib/stepper/index.css +1 -1
  144. package/lib/style/base.css +1 -1
  145. package/lib/style/css-variables.css +1 -1
  146. package/lib/switch/index.css +1 -1
  147. package/lib/tabbar/index.css +1 -1
  148. package/lib/tabbar-item/index.css +1 -1
  149. package/lib/table/index.css +1 -1
  150. package/lib/tabs/index.css +1 -1
  151. package/lib/tag/index.css +1 -1
  152. package/lib/time-picker/index.css +1 -1
  153. package/lib/timeline/index.css +1 -1
  154. package/lib/toast/index.css +1 -1
  155. package/lib/uploader/index.css +1 -1
  156. package/lib/web-types.json +1 -1
  157. package/lib/zartui.cjs.js +39 -44
  158. package/lib/zartui.es.js +39 -44
  159. package/lib/zartui.js +39 -44
  160. package/lib/zartui.min.js +1 -1
  161. package/package.json +5 -5
package/lib/zartui.js CHANGED
@@ -1565,7 +1565,7 @@
1565
1565
  closeOnClickAction: Boolean,
1566
1566
  safeAreaInsetBottom: truthProp
1567
1567
  });
1568
- const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
1568
+ const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
1569
1569
  var stdin_default$1P = vue.defineComponent({
1570
1570
  name: name$1l,
1571
1571
  props: actionSheetProps,
@@ -1673,7 +1673,7 @@
1673
1673
  "class": bem$1h(),
1674
1674
  "position": "bottom",
1675
1675
  "onUpdate:show": updateShow
1676
- }, pick(props, popupInheritKeys$1)), {
1676
+ }, pick(props, popupInheritKeys$2)), {
1677
1677
  default: () => {
1678
1678
  var _a;
1679
1679
  return [renderHeader(), renderDescription(), vue.createVNode("div", {
@@ -5557,7 +5557,7 @@
5557
5557
  });
5558
5558
  const renderCascade = () => vue.createVNode("div", {
5559
5559
  "class": bem$11()
5560
- }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
5560
+ }, [renderHeader(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
5561
5561
  return () => {
5562
5562
  if (props.popup) {
5563
5563
  return vue.createVNode(Popup, {
@@ -6046,7 +6046,7 @@
6046
6046
  if (checkedColor && props.checked && !disabled.value) {
6047
6047
  return {
6048
6048
  borderColor: checkedColor,
6049
- backgroundColor: checkedColor
6049
+ backgroundColor: props.role === "radio" ? "" : checkedColor
6050
6050
  };
6051
6051
  }
6052
6052
  });
@@ -6084,11 +6084,7 @@
6084
6084
  disabled: disabled.value
6085
6085
  }) : props.role === "radio" ? vue.createVNode(Icon, {
6086
6086
  "style": iconStyle.value
6087
- }, {
6088
- default: () => [checked ? vue.createVNode("div", {
6089
- "class": bem2("dot")
6090
- }, null) : ""]
6091
- }) : vue.createVNode(Icon, {
6087
+ }, null) : vue.createVNode(Icon, {
6092
6088
  "name": indeterminate ? "minus" : "checkbox-select",
6093
6089
  "style": iconStyle.value
6094
6090
  }, null)]);
@@ -6120,6 +6116,7 @@
6120
6116
  const [name$_, bem$Z] = createNamespace("checkbox");
6121
6117
  const checkboxProps = extend({}, checkerProps, {
6122
6118
  bindGroup: truthProp,
6119
+ shape: makeStringProp("square"),
6123
6120
  indeterminate: {
6124
6121
  type: Boolean,
6125
6122
  default: null
@@ -7125,9 +7122,6 @@
7125
7122
  }, [props.title]);
7126
7123
  }
7127
7124
  };
7128
- const topDivider = () => props.showTitle ? vue.createVNode(Divider, {
7129
- "style": "margin: 0"
7130
- }, null) : null;
7131
7125
  const buttomDivider = () => props.showToolbar ? vue.createVNode(Divider, {
7132
7126
  "style": "margin: 0"
7133
7127
  }, null) : null;
@@ -7172,7 +7166,7 @@
7172
7166
  "class": bem$U()
7173
7167
  }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
7174
7168
  "class": bem$U("loading")
7175
- }, null) : null, topDivider(), (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
7169
+ }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
7176
7170
  };
7177
7171
  const renderOptionItems = () => {
7178
7172
  return currentColumns.value.map((options, columnIndex) => {
@@ -7201,7 +7195,7 @@
7201
7195
  "class": bem$U()
7202
7196
  }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
7203
7197
  "class": bem$U("loading")
7204
- }, null) : null, topDivider(), (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderOptions(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
7198
+ }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderOptions(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
7205
7199
  };
7206
7200
  return () => {
7207
7201
  if (isButtonPicker.value) {
@@ -7243,6 +7237,12 @@
7243
7237
  }
7244
7238
  });
7245
7239
  const pickerInheritKeys = Object.keys(pickerSharedProps$1);
7240
+ const popupInheritKeys$1 = [
7241
+ ...popupSharedPropKeys,
7242
+ "round",
7243
+ "closeOnPopstate",
7244
+ "safeAreaInsetBottom"
7245
+ ];
7246
7246
  function times(n, iteratee) {
7247
7247
  if (n < 0) {
7248
7248
  return [];
@@ -7909,9 +7909,7 @@
7909
7909
  }, null);
7910
7910
  const renderPicker = () => vue.createVNode("div", {
7911
7911
  "class": bem$P()
7912
- }, [hasDateColumn ? vue.createVNode(Divider, {
7913
- "style": "margin: 0"
7914
- }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$1e, vue.mergeProps({
7912
+ }, [hasDateColumn ? vue.createVNode(stdin_default$1e, vue.mergeProps({
7915
7913
  "popup": false,
7916
7914
  "columnsUnit": dateUnits.value,
7917
7915
  "modelValue": dateValuesRef.value,
@@ -8163,21 +8161,19 @@
8163
8161
  };
8164
8162
  const renderToolbar = () => {
8165
8163
  if (props.showToolbar) {
8166
- return [vue.createVNode(stdin_default$1t, {
8167
- "style": "margin: 0"
8168
- }, null), vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
8164
+ return [vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
8169
8165
  "onConfirm": onConfirm,
8170
8166
  "onCancel": onCancel
8171
8167
  }), pick(slots, pickerToolbarSlots$1))];
8172
8168
  }
8173
8169
  };
8174
- return () => vue.createVNode(stdin_default$1T, {
8170
+ return () => vue.createVNode(stdin_default$1T, vue.mergeProps(pick(props, popupInheritKeys$1), {
8175
8171
  "round": true,
8176
8172
  "position": "bottom",
8177
8173
  "onOpen": onOpen,
8178
8174
  "show": currentShow.value,
8179
8175
  "onUpdate:show": ($event) => currentShow.value = $event
8180
- }, {
8176
+ }), {
8181
8177
  default: () => [renderTitle(), renderPicker(), renderToolbar()]
8182
8178
  });
8183
8179
  }
@@ -8979,7 +8975,8 @@
8979
8975
  background: String,
8980
8976
  inputBackground: String,
8981
8977
  actionText: String,
8982
- showAction: Boolean
8978
+ showAction: Boolean,
8979
+ boxShadow: String
8983
8980
  });
8984
8981
  var stdin_default$15 = vue.defineComponent({
8985
8982
  name: name$L,
@@ -9088,7 +9085,8 @@
9088
9085
  }, [(_a = slots.left) == null ? void 0 : _a.call(slots), vue.createVNode("div", {
9089
9086
  "class": bem$L("content", props.shape),
9090
9087
  "style": {
9091
- background: props.inputBackground
9088
+ background: props.inputBackground,
9089
+ boxShadow: props.boxShadow
9092
9090
  }
9093
9091
  }, [renderLabel(), renderField()]), renderAction()]);
9094
9092
  };
@@ -9467,11 +9465,11 @@
9467
9465
  }, [vue.createVNode("span", {
9468
9466
  "class": [bem$J("label--placeholder")]
9469
9467
  }, [children2.length > 0 && vue.createVNode(stdin_default$1V, {
9470
- "name": "play-small",
9468
+ "name": "arrow-right",
9471
9469
  "class": [bem$J("label--icon", {
9472
9470
  active: item.expand
9473
9471
  })],
9474
- "size": "20"
9472
+ "size": "16"
9475
9473
  }, null)]), vue.createVNode("span", {
9476
9474
  "class": [bem$J("label--text")]
9477
9475
  }, [text])]), !isEmpty(item) && item.expand && ((_b = item.children) == null ? void 0 : _b.map((child) => {
@@ -9499,11 +9497,11 @@
9499
9497
  }, [vue.createVNode("span", {
9500
9498
  "class": [bem$J("item--placeholder")]
9501
9499
  }, [!empty && vue.createVNode(stdin_default$1V, {
9502
- "name": "play-small",
9500
+ "name": "arrow-right",
9503
9501
  "class": [bem$J("item--icon", {
9504
9502
  active: item.checked
9505
9503
  })],
9506
- "size": "20"
9504
+ "size": "14"
9507
9505
  }, null)]), vue.createVNode("div", {
9508
9506
  "class": [bem$J("item--label", {
9509
9507
  active
@@ -9579,7 +9577,7 @@
9579
9577
  }, [historyList.value.map((item) => vue.createVNode(stdin_default$12, {
9580
9578
  "onClick": () => onHistoryClick(item),
9581
9579
  "round": true,
9582
- "text-color": "var(--zt-gray-a8)",
9580
+ "text-color": "var(--zt-gray-60)",
9583
9581
  "icon-color": "var(--zt-gray)"
9584
9582
  }, {
9585
9583
  default: () => [item]
@@ -13443,11 +13441,13 @@
13443
13441
  }, {
13444
13442
  default: () => [renderTag(), vue.createVNode("div", {
13445
13443
  "class": bem$u("cancel")
13446
- }, [vue.createVNode("button", {
13447
- "type": "button",
13448
- "class": bem$u("cancel-btn"),
13444
+ }, [vue.createVNode(stdin_default$1G, {
13445
+ "type": "default",
13446
+ "block-inner": true,
13449
13447
  "onClick": onClose
13450
- }, [vue.createTextVNode("关闭")])])]
13448
+ }, {
13449
+ default: () => [vue.createTextVNode("关闭")]
13450
+ })])]
13451
13451
  });
13452
13452
  }
13453
13453
  });
@@ -16154,11 +16154,9 @@
16154
16154
  file: media
16155
16155
  });
16156
16156
  }
16157
- if (!isEmptyValue(media.label)) {
16158
- return vue.createVNode("div", {
16159
- "class": bem$t("thumbnail-label")
16160
- }, [media.label]);
16161
- }
16157
+ return vue.createVNode("div", {
16158
+ "class": bem$t("thumbnail-label")
16159
+ }, [media.label, vue.createTextVNode("12312")]);
16162
16160
  };
16163
16161
  const onDelete = (media, index2) => {
16164
16162
  if (props.beforeDelete) {
@@ -20811,9 +20809,6 @@
20811
20809
  }, [props.title]);
20812
20810
  }
20813
20811
  };
20814
- const topDivider = () => props.showTitle ? vue.createVNode(Divider, {
20815
- "style": "margin: 0"
20816
- }, null) : null;
20817
20812
  const buttomDivider = () => props.showToolbar ? vue.createVNode(Divider, {
20818
20813
  "style": "margin: 0"
20819
20814
  }, null) : null;
@@ -20857,7 +20852,7 @@
20857
20852
  "class": bem$g()
20858
20853
  }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
20859
20854
  "class": bem$g("loading")
20860
- }, null) : null, topDivider(), renderSearch(), (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
20855
+ }, null) : null, renderSearch(), (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
20861
20856
  };
20862
20857
  return () => {
20863
20858
  if (props.popup) {
@@ -21572,7 +21567,7 @@
21572
21567
  } = parentProps;
21573
21568
  const style = {};
21574
21569
  if (isActive()) {
21575
- style.background = `${activeBgColor || "var(--zt-primary-color-a2)"}`;
21570
+ style.background = `${activeBgColor || " var(--zt-blue-10)"}`;
21576
21571
  if (activeBorderColor) {
21577
21572
  style.border = `1px solid ${activeBorderColor}`;
21578
21573
  }
@@ -24681,7 +24676,7 @@
24681
24676
  });
24682
24677
  }
24683
24678
  };
24684
- const version = "3.1.37";
24679
+ const version = "3.2.0";
24685
24680
  function install(app) {
24686
24681
  const components = [
24687
24682
  ActionSheet,