zartui 3.1.37 → 3.2.0

package/lib/zartui.cjs.js

@@ -1295,7 +1295,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
 });
-const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 var stdin_default$1P = vue.defineComponent({
   name: name$1l,
   props: actionSheetProps,
@@ -1403,7 +1403,7 @@ var stdin_default$1P = vue.defineComponent({
       "class": bem$1h(),
       "position": "bottom",
       "onUpdate:show": updateShow
-    }, pick(props, popupInheritKeys$1)), {
+    }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), vue.createVNode("div", {
@@ -5296,7 +5296,7 @@ var stdin_default$1s = vue.defineComponent({
     });
     const renderCascade = () => vue.createVNode("div", {
       "class": bem$11()
-    }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
+    }, [renderHeader(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
     return () => {
       if (props.popup) {
         return vue.createVNode(Popup, {
@@ -5785,7 +5785,7 @@ var stdin_default$1o = vue.defineComponent({
       if (checkedColor && props.checked && !disabled.value) {
         return {
           borderColor: checkedColor,
-          backgroundColor: checkedColor
+          backgroundColor: props.role === "radio" ? "" : checkedColor
         };
       }
     });
@@ -5823,11 +5823,7 @@ var stdin_default$1o = vue.defineComponent({
         disabled: disabled.value
       }) : props.role === "radio" ? vue.createVNode(Icon, {
         "style": iconStyle.value
-      }, {
-        default: () => [checked ? vue.createVNode("div", {
-          "class": bem2("dot")
-        }, null) : ""]
-      }) : vue.createVNode(Icon, {
+      }, null) : vue.createVNode(Icon, {
         "name": indeterminate ? "minus" : "checkbox-select",
         "style": iconStyle.value
       }, null)]);
@@ -5859,6 +5855,7 @@ var stdin_default$1o = vue.defineComponent({
 const [name$_, bem$Z] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp,
+  shape: makeStringProp("square"),
   indeterminate: {
     type: Boolean,
     default: null
@@ -6881,9 +6878,6 @@ var stdin_default$1f = vue.defineComponent({
         }, [props.title]);
       }
     };
-    const topDivider = () => props.showTitle ? vue.createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null;
     const buttomDivider = () => props.showToolbar ? vue.createVNode(Divider, {
       "style": "margin: 0"
     }, null) : null;
@@ -6928,7 +6922,7 @@ var stdin_default$1f = vue.defineComponent({
         "class": bem$U()
       }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
         "class": bem$U("loading")
-      }, 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()]);
+      }, 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()]);
     };
     const renderOptionItems = () => {
       return currentColumns.value.map((options, columnIndex) => {
@@ -6957,7 +6951,7 @@ var stdin_default$1f = vue.defineComponent({
         "class": bem$U()
       }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
         "class": bem$U("loading")
-      }, 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()]);
+      }, 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()]);
     };
     return () => {
       if (isButtonPicker.value) {
@@ -6999,6 +6993,12 @@ const sharedProps = extend({}, pickerSharedProps$1, {
   }
 });
 const pickerInheritKeys = Object.keys(pickerSharedProps$1);
+const popupInheritKeys$1 = [
+  ...popupSharedPropKeys,
+  "round",
+  "closeOnPopstate",
+  "safeAreaInsetBottom"
+];
 function times(n, iteratee) {
   if (n < 0) {
     return [];
@@ -7665,9 +7665,7 @@ var stdin_default$19 = vue.defineComponent({
     }, null);
     const renderPicker = () => vue.createVNode("div", {
       "class": bem$P()
-    }, [hasDateColumn ? vue.createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$1e, vue.mergeProps({
+    }, [hasDateColumn ? vue.createVNode(stdin_default$1e, vue.mergeProps({
       "popup": false,
       "columnsUnit": dateUnits.value,
       "modelValue": dateValuesRef.value,
@@ -7919,21 +7917,19 @@ var stdin_default$18 = vue.defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return [vue.createVNode(stdin_default$1t, {
-          "style": "margin: 0"
-        }, null), vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        return [vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": onConfirm,
           "onCancel": onCancel
         }), pick(slots, pickerToolbarSlots$1))];
       }
     };
-    return () => vue.createVNode(stdin_default$1T, {
+    return () => vue.createVNode(stdin_default$1T, vue.mergeProps(pick(props, popupInheritKeys$1), {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
       "show": currentShow.value,
       "onUpdate:show": ($event) => currentShow.value = $event
-    }, {
+    }), {
       default: () => [renderTitle(), renderPicker(), renderToolbar()]
     });
   }
@@ -8735,7 +8731,8 @@ const searchProps = extend({}, fieldSharedProps, {
   background: String,
   inputBackground: String,
   actionText: String,
-  showAction: Boolean
+  showAction: Boolean,
+  boxShadow: String
 });
 var stdin_default$15 = vue.defineComponent({
   name: name$L,
@@ -8844,7 +8841,8 @@ var stdin_default$15 = vue.defineComponent({
       }, [(_a = slots.left) == null ? void 0 : _a.call(slots), vue.createVNode("div", {
         "class": bem$L("content", props.shape),
         "style": {
-          background: props.inputBackground
+          background: props.inputBackground,
+          boxShadow: props.boxShadow
         }
       }, [renderLabel(), renderField()]), renderAction()]);
     };
@@ -9223,11 +9221,11 @@ var stdin_default$11 = vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": [bem$J("label--placeholder")]
       }, [children2.length > 0 && vue.createVNode(stdin_default$1V, {
-        "name": "play-small",
+        "name": "arrow-right",
         "class": [bem$J("label--icon", {
           active: item.expand
         })],
-        "size": "20"
+        "size": "16"
       }, null)]), vue.createVNode("span", {
         "class": [bem$J("label--text")]
       }, [text])]), !isEmpty(item) && item.expand && ((_b = item.children) == null ? void 0 : _b.map((child) => {
@@ -9255,11 +9253,11 @@ var stdin_default$11 = vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": [bem$J("item--placeholder")]
       }, [!empty && vue.createVNode(stdin_default$1V, {
-        "name": "play-small",
+        "name": "arrow-right",
         "class": [bem$J("item--icon", {
           active: item.checked
         })],
-        "size": "20"
+        "size": "14"
       }, null)]), vue.createVNode("div", {
         "class": [bem$J("item--label", {
           active
@@ -9335,7 +9333,7 @@ var stdin_default$11 = vue.defineComponent({
         }, [historyList.value.map((item) => vue.createVNode(stdin_default$12, {
           "onClick": () => onHistoryClick(item),
           "round": true,
-          "text-color": "var(--zt-gray-a8)",
+          "text-color": "var(--zt-gray-60)",
           "icon-color": "var(--zt-gray)"
         }, {
           default: () => [item]
@@ -13208,11 +13206,13 @@ var stdin_default$L = vue.defineComponent({
     }, {
       default: () => [renderTag(), vue.createVNode("div", {
         "class": bem$u("cancel")
-      }, [vue.createVNode("button", {
-        "type": "button",
-        "class": bem$u("cancel-btn"),
+      }, [vue.createVNode(stdin_default$1G, {
+        "type": "default",
+        "block-inner": true,
         "onClick": onClose
-      }, [vue.createTextVNode("关闭")])])]
+      }, {
+        default: () => [vue.createTextVNode("关闭")]
+      })])]
     });
   }
 });
@@ -14378,11 +14378,9 @@ var stdin_default$B = vue.defineComponent({
           file: media
         });
       }
-      if (!isEmptyValue(media.label)) {
-        return vue.createVNode("div", {
-          "class": bem$t("thumbnail-label")
-        }, [media.label]);
-      }
+      return vue.createVNode("div", {
+        "class": bem$t("thumbnail-label")
+      }, [media.label, vue.createTextVNode("12312")]);
     };
     const onDelete = (media, index) => {
       if (props.beforeDelete) {
@@ -16728,9 +16726,6 @@ var stdin_default$m = vue.defineComponent({
         }, [props.title]);
       }
     };
-    const topDivider = () => props.showTitle ? vue.createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null;
     const buttomDivider = () => props.showToolbar ? vue.createVNode(Divider, {
       "style": "margin: 0"
     }, null) : null;
@@ -16774,7 +16769,7 @@ var stdin_default$m = vue.defineComponent({
         "class": bem$g()
       }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
         "class": bem$g("loading")
-      }, 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()]);
+      }, 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()]);
     };
     return () => {
       if (props.popup) {
@@ -17492,7 +17487,7 @@ var stdin_default$h = vue.defineComponent({
       } = parentProps;
       const style = {};
       if (isActive()) {
-        style.background = `${activeBgColor || "var(--zt-primary-color-a2)"}`;
+        style.background = `${activeBgColor || " var(--zt-blue-10)"}`;
         if (activeBorderColor) {
           style.border = `1px solid ${activeBorderColor}`;
         }
@@ -20621,7 +20616,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.37";
+const version = "3.2.0";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -1293,7 +1293,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
 });
-const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 var stdin_default$1P = defineComponent({
   name: name$1l,
   props: actionSheetProps,
@@ -1401,7 +1401,7 @@ var stdin_default$1P = defineComponent({
       "class": bem$1h(),
       "position": "bottom",
       "onUpdate:show": updateShow
-    }, pick(props, popupInheritKeys$1)), {
+    }, pick(props, popupInheritKeys$2)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), createVNode("div", {
@@ -5294,7 +5294,7 @@ var stdin_default$1s = defineComponent({
     });
     const renderCascade = () => createVNode("div", {
       "class": bem$11()
-    }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
+    }, [renderHeader(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
     return () => {
       if (props.popup) {
         return createVNode(Popup, {
@@ -5783,7 +5783,7 @@ var stdin_default$1o = defineComponent({
       if (checkedColor && props.checked && !disabled.value) {
         return {
           borderColor: checkedColor,
-          backgroundColor: checkedColor
+          backgroundColor: props.role === "radio" ? "" : checkedColor
         };
       }
     });
@@ -5821,11 +5821,7 @@ var stdin_default$1o = defineComponent({
         disabled: disabled.value
       }) : props.role === "radio" ? createVNode(Icon, {
         "style": iconStyle.value
-      }, {
-        default: () => [checked ? createVNode("div", {
-          "class": bem2("dot")
-        }, null) : ""]
-      }) : createVNode(Icon, {
+      }, null) : createVNode(Icon, {
         "name": indeterminate ? "minus" : "checkbox-select",
         "style": iconStyle.value
       }, null)]);
@@ -5857,6 +5853,7 @@ var stdin_default$1o = defineComponent({
 const [name$_, bem$Z] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp,
+  shape: makeStringProp("square"),
   indeterminate: {
     type: Boolean,
     default: null
@@ -6879,9 +6876,6 @@ var stdin_default$1f = defineComponent({
         }, [props.title]);
       }
     };
-    const topDivider = () => props.showTitle ? createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null;
     const buttomDivider = () => props.showToolbar ? createVNode(Divider, {
       "style": "margin: 0"
     }, null) : null;
@@ -6926,7 +6920,7 @@ var stdin_default$1f = defineComponent({
         "class": bem$U()
       }, [renderTitleBar(), props.loading ? createVNode(Loading, {
         "class": bem$U("loading")
-      }, 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()]);
+      }, 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()]);
     };
     const renderOptionItems = () => {
       return currentColumns.value.map((options, columnIndex) => {
@@ -6955,7 +6949,7 @@ var stdin_default$1f = defineComponent({
         "class": bem$U()
       }, [renderTitleBar(), props.loading ? createVNode(Loading, {
         "class": bem$U("loading")
-      }, 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()]);
+      }, 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()]);
     };
     return () => {
       if (isButtonPicker.value) {
@@ -6997,6 +6991,12 @@ const sharedProps = extend({}, pickerSharedProps$1, {
   }
 });
 const pickerInheritKeys = Object.keys(pickerSharedProps$1);
+const popupInheritKeys$1 = [
+  ...popupSharedPropKeys,
+  "round",
+  "closeOnPopstate",
+  "safeAreaInsetBottom"
+];
 function times(n, iteratee) {
   if (n < 0) {
     return [];
@@ -7663,9 +7663,7 @@ var stdin_default$19 = defineComponent({
     }, null);
     const renderPicker = () => createVNode("div", {
       "class": bem$P()
-    }, [hasDateColumn ? createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null, hasDateColumn ? createVNode(stdin_default$1e, mergeProps({
+    }, [hasDateColumn ? createVNode(stdin_default$1e, mergeProps({
       "popup": false,
       "columnsUnit": dateUnits.value,
       "modelValue": dateValuesRef.value,
@@ -7917,21 +7915,19 @@ var stdin_default$18 = defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return [createVNode(stdin_default$1t, {
-          "style": "margin: 0"
-        }, null), createVNode(stdin_default$1h, mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        return [createVNode(stdin_default$1h, mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": onConfirm,
           "onCancel": onCancel
         }), pick(slots, pickerToolbarSlots$1))];
       }
     };
-    return () => createVNode(stdin_default$1T, {
+    return () => createVNode(stdin_default$1T, mergeProps(pick(props, popupInheritKeys$1), {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
       "show": currentShow.value,
       "onUpdate:show": ($event) => currentShow.value = $event
-    }, {
+    }), {
       default: () => [renderTitle(), renderPicker(), renderToolbar()]
     });
   }
@@ -8733,7 +8729,8 @@ const searchProps = extend({}, fieldSharedProps, {
   background: String,
   inputBackground: String,
   actionText: String,
-  showAction: Boolean
+  showAction: Boolean,
+  boxShadow: String
 });
 var stdin_default$15 = defineComponent({
   name: name$L,
@@ -8842,7 +8839,8 @@ var stdin_default$15 = defineComponent({
       }, [(_a = slots.left) == null ? void 0 : _a.call(slots), createVNode("div", {
         "class": bem$L("content", props.shape),
         "style": {
-          background: props.inputBackground
+          background: props.inputBackground,
+          boxShadow: props.boxShadow
         }
       }, [renderLabel(), renderField()]), renderAction()]);
     };
@@ -9221,11 +9219,11 @@ var stdin_default$11 = defineComponent({
       }, [createVNode("span", {
         "class": [bem$J("label--placeholder")]
       }, [children2.length > 0 && createVNode(stdin_default$1V, {
-        "name": "play-small",
+        "name": "arrow-right",
         "class": [bem$J("label--icon", {
           active: item.expand
         })],
-        "size": "20"
+        "size": "16"
       }, null)]), createVNode("span", {
         "class": [bem$J("label--text")]
       }, [text])]), !isEmpty(item) && item.expand && ((_b = item.children) == null ? void 0 : _b.map((child) => {
@@ -9253,11 +9251,11 @@ var stdin_default$11 = defineComponent({
       }, [createVNode("span", {
         "class": [bem$J("item--placeholder")]
       }, [!empty && createVNode(stdin_default$1V, {
-        "name": "play-small",
+        "name": "arrow-right",
         "class": [bem$J("item--icon", {
           active: item.checked
         })],
-        "size": "20"
+        "size": "14"
       }, null)]), createVNode("div", {
         "class": [bem$J("item--label", {
           active
@@ -9333,7 +9331,7 @@ var stdin_default$11 = defineComponent({
         }, [historyList.value.map((item) => createVNode(stdin_default$12, {
           "onClick": () => onHistoryClick(item),
           "round": true,
-          "text-color": "var(--zt-gray-a8)",
+          "text-color": "var(--zt-gray-60)",
           "icon-color": "var(--zt-gray)"
         }, {
           default: () => [item]
@@ -13206,11 +13204,13 @@ var stdin_default$L = defineComponent({
     }, {
       default: () => [renderTag(), createVNode("div", {
         "class": bem$u("cancel")
-      }, [createVNode("button", {
-        "type": "button",
-        "class": bem$u("cancel-btn"),
+      }, [createVNode(stdin_default$1G, {
+        "type": "default",
+        "block-inner": true,
         "onClick": onClose
-      }, [createTextVNode("关闭")])])]
+      }, {
+        default: () => [createTextVNode("关闭")]
+      })])]
     });
   }
 });
@@ -14376,11 +14376,9 @@ var stdin_default$B = defineComponent({
           file: media
         });
       }
-      if (!isEmptyValue(media.label)) {
-        return createVNode("div", {
-          "class": bem$t("thumbnail-label")
-        }, [media.label]);
-      }
+      return createVNode("div", {
+        "class": bem$t("thumbnail-label")
+      }, [media.label, createTextVNode("12312")]);
     };
     const onDelete = (media, index) => {
       if (props.beforeDelete) {
@@ -16726,9 +16724,6 @@ var stdin_default$m = defineComponent({
         }, [props.title]);
       }
     };
-    const topDivider = () => props.showTitle ? createVNode(Divider, {
-      "style": "margin: 0"
-    }, null) : null;
     const buttomDivider = () => props.showToolbar ? createVNode(Divider, {
       "style": "margin: 0"
     }, null) : null;
@@ -16772,7 +16767,7 @@ var stdin_default$m = defineComponent({
         "class": bem$g()
       }, [renderTitleBar(), props.loading ? createVNode(Loading, {
         "class": bem$g("loading")
-      }, 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()]);
+      }, 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()]);
     };
     return () => {
       if (props.popup) {
@@ -17490,7 +17485,7 @@ var stdin_default$h = defineComponent({
       } = parentProps;
       const style = {};
       if (isActive()) {
-        style.background = `${activeBgColor || "var(--zt-primary-color-a2)"}`;
+        style.background = `${activeBgColor || " var(--zt-blue-10)"}`;
         if (activeBorderColor) {
           style.border = `1px solid ${activeBorderColor}`;
         }
@@ -20619,7 +20614,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.37";
+const version = "3.2.0";
 function install(app) {
   const components = [
     ActionSheet,