zartui 3.1.10 → 3.1.11

package/lib/zartui.cjs.js

@@ -4702,18 +4702,21 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  clearIcon: makeStringProp("clear-r")
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default$1l = vue.defineComponent({
   name: name$Z,
   props: cellProps,
-  emits: ["click"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route2 = useRoute();
+    const clearIconRef = vue.ref();
     const renderLabel = () => {
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
@@ -4772,11 +4775,28 @@ var stdin_default$1l = vue.defineComponent({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      preventDefault(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    use.useEventListener(getClearIconListenerEvent(), onClear, {
+      target: vue.computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       const isHorizontal = props.direction === "horizontal";
+      const showClear = props.clearable && isDef(props.value) && props.value !== "";
       if (hasValue) {
         return vue.createVNode("div", {
           "class": [bem$Y("value", {
@@ -4785,7 +4805,11 @@ var stdin_default$1l = vue.defineComponent({
           "onClick": () => onClick(isHorizontal)
         }, [slot ? slot() : vue.createVNode("span", {
           "class": bem$Y("value-text")
-        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+        }, [props.value]), showClear && vue.createVNode(Icon, {
+          "ref": clearIconRef,
+          "name": props.clearIcon,
+          "class": bem$Y("value-clear")
+        }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
       }
     };
     const renderLeftIcon = () => {
@@ -9899,6 +9923,7 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  // 是否开启自动全选、半选功能
   unanimous: {
     type: Boolean,
     default: true
@@ -10752,7 +10777,7 @@ const indexBarProps = {
     default: genAlphabet
   },
   indexBarMaxHeight: makeNumericProp("70vh"),
-  contractionPointText: makeStringProp("·")
+  contractionPointText: makeStringProp("•")
 };
 const INDEX_BAR_KEY = Symbol(name$z);
 const MIN_CONTRACTION_NUM = 2;
@@ -10768,9 +10793,9 @@ var stdin_default$Q = vue.defineComponent({
     const sidebar = vue.ref();
     const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = vue.ref("");
-    const indexBarMaxHeight = () => {
+    const indexBarMaxHeight = vue.computed(() => {
       return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-    };
+    });
     const touch = useTouch();
     const scrollParent = use.useScrollParent(root);
     const {
@@ -10969,9 +10994,9 @@ var stdin_default$Q = vue.defineComponent({
     };
     const adaptorIndexListByHeight = () => {
       const actualIndexListHeight = props.indexList.length * getIndexHeight();
-      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight()) {
+      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
         const adaptedIndexList = deepClone(props.indexList);
-        const renderedNum = Math.floor(indexBarMaxHeight() / getIndexHeight());
+        const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
         const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
         const renderedIndexNum = renderedNum - renderedPointNum;
         const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
@@ -11029,23 +11054,31 @@ var stdin_default$Q = vue.defineComponent({
         }, [vue.createVNode("div", {
           "class": bem$y("touch-text")
         }, [touchActiveText]), vue.createVNode("svg", {
-          "class": bem$y("icon"),
           "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 20 32"
-        }, [vue.createVNode("defs", null, [vue.createVNode("path", {
-          "id": "7rkhbmqvk__gc482iacwa",
-          "d": "M0 0H20V32H0z"
-        }, null)]), vue.createVNode("g", {
           "fill": "none",
-          "fill-rule": "evenodd"
-        }, [vue.createVNode("path", {
-          "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "viewBox": "0 0 20 32",
+          "class": bem$y("icon")
+        }, [vue.createVNode("defs", null, [vue.createVNode("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [vue.createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), vue.createVNode("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [vue.createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), vue.createVNode("path", {
+          "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null), vue.createVNode("path", {
-          "d": "M12.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null)])])]), vue.createVNode("div", {
           "data-index": index,
           "data-index-map": contractionPointMapList,
@@ -19393,7 +19426,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.10";
+const version = "3.1.11";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -4700,18 +4700,21 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  clearIcon: makeStringProp("clear-r")
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default$1l = defineComponent({
   name: name$Z,
   props: cellProps,
-  emits: ["click"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route2 = useRoute();
+    const clearIconRef = ref();
     const renderLabel = () => {
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
@@ -4770,11 +4773,28 @@ var stdin_default$1l = defineComponent({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      preventDefault(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    useEventListener(getClearIconListenerEvent(), onClear, {
+      target: computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       const isHorizontal = props.direction === "horizontal";
+      const showClear = props.clearable && isDef(props.value) && props.value !== "";
       if (hasValue) {
         return createVNode("div", {
           "class": [bem$Y("value", {
@@ -4783,7 +4803,11 @@ var stdin_default$1l = defineComponent({
           "onClick": () => onClick(isHorizontal)
         }, [slot ? slot() : createVNode("span", {
           "class": bem$Y("value-text")
-        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+        }, [props.value]), showClear && createVNode(Icon, {
+          "ref": clearIconRef,
+          "name": props.clearIcon,
+          "class": bem$Y("value-clear")
+        }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
       }
     };
     const renderLeftIcon = () => {
@@ -9897,6 +9921,7 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  // 是否开启自动全选、半选功能
   unanimous: {
     type: Boolean,
     default: true
@@ -10750,7 +10775,7 @@ const indexBarProps = {
     default: genAlphabet
   },
   indexBarMaxHeight: makeNumericProp("70vh"),
-  contractionPointText: makeStringProp("·")
+  contractionPointText: makeStringProp("•")
 };
 const INDEX_BAR_KEY = Symbol(name$z);
 const MIN_CONTRACTION_NUM = 2;
@@ -10766,9 +10791,9 @@ var stdin_default$Q = defineComponent({
     const sidebar = ref();
     const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = ref("");
-    const indexBarMaxHeight = () => {
+    const indexBarMaxHeight = computed(() => {
       return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-    };
+    });
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
     const {
@@ -10967,9 +10992,9 @@ var stdin_default$Q = defineComponent({
     };
     const adaptorIndexListByHeight = () => {
       const actualIndexListHeight = props.indexList.length * getIndexHeight();
-      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight()) {
+      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
         const adaptedIndexList = deepClone(props.indexList);
-        const renderedNum = Math.floor(indexBarMaxHeight() / getIndexHeight());
+        const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
         const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
         const renderedIndexNum = renderedNum - renderedPointNum;
         const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
@@ -11027,23 +11052,31 @@ var stdin_default$Q = defineComponent({
         }, [createVNode("div", {
           "class": bem$y("touch-text")
         }, [touchActiveText]), createVNode("svg", {
-          "class": bem$y("icon"),
           "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 20 32"
-        }, [createVNode("defs", null, [createVNode("path", {
-          "id": "7rkhbmqvk__gc482iacwa",
-          "d": "M0 0H20V32H0z"
-        }, null)]), createVNode("g", {
           "fill": "none",
-          "fill-rule": "evenodd"
-        }, [createVNode("path", {
-          "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "viewBox": "0 0 20 32",
+          "class": bem$y("icon")
+        }, [createVNode("defs", null, [createVNode("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), createVNode("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), createVNode("path", {
+          "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null), createVNode("path", {
-          "d": "M12.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null)])])]), createVNode("div", {
           "data-index": index,
           "data-index-map": contractionPointMapList,
@@ -19391,7 +19424,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.10";
+const version = "3.1.11";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -4963,18 +4963,21 @@
     clickable: {
       type: Boolean,
       default: null
-    }
+    },
+    clearable: Boolean,
+    clearIcon: makeStringProp("clear-r")
   };
   const cellProps = extend({}, cellSharedProps, routeProps);
   var stdin_default$1l = vue.defineComponent({
     name: name$Z,
     props: cellProps,
-    emits: ["click"],
+    emits: ["click", "clear"],
     setup(props, {
       slots,
       emit
     }) {
       const route2 = useRoute();
+      const clearIconRef = vue.ref();
       const renderLabel = () => {
         const showLabel = slots.label || isDef(props.label);
         if (showLabel) {
@@ -5033,11 +5036,28 @@
           emit("click");
         }
       };
+      const onClear = (event) => {
+        preventDefault(event, true);
+        emit("clear", event);
+      };
+      function getClearIconListenerEvent() {
+        if ("ontouchstart" in document.documentElement) {
+          return "touchstart";
+        }
+        return "click";
+      }
+      useEventListener(getClearIconListenerEvent(), onClear, {
+        target: vue.computed(() => {
+          var _a;
+          return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+        })
+      });
       const renderValue = () => {
         var _a;
         const slot = slots.value || slots.default;
         const hasValue = slot || isDef(props.value);
         const isHorizontal = props.direction === "horizontal";
+        const showClear = props.clearable && isDef(props.value) && props.value !== "";
         if (hasValue) {
           return vue.createVNode("div", {
             "class": [bem$Y("value", {
@@ -5046,7 +5066,11 @@
             "onClick": () => onClick(isHorizontal)
           }, [slot ? slot() : vue.createVNode("span", {
             "class": bem$Y("value-text")
-          }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+          }, [props.value]), showClear && vue.createVNode(Icon, {
+            "ref": clearIconRef,
+            "name": props.clearIcon,
+            "class": bem$Y("value-clear")
+          }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
         }
       };
       const renderLeftIcon = () => {
@@ -10137,6 +10161,7 @@
     asyncGetter: {
       type: Function
     },
+    // 是否开启自动全选、半选功能
     unanimous: {
       type: Boolean,
       default: true
@@ -10990,7 +11015,7 @@
       default: genAlphabet
     },
     indexBarMaxHeight: makeNumericProp("70vh"),
-    contractionPointText: makeStringProp("·")
+    contractionPointText: makeStringProp("•")
   };
   const INDEX_BAR_KEY = Symbol(name$z);
   const MIN_CONTRACTION_NUM = 2;
@@ -11006,9 +11031,9 @@
       const sidebar = vue.ref();
       const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
       const touchIndex = vue.ref("");
-      const indexBarMaxHeight = () => {
+      const indexBarMaxHeight = vue.computed(() => {
         return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-      };
+      });
       const touch = useTouch();
       const scrollParent = useScrollParent(root);
       const {
@@ -11207,9 +11232,9 @@
       };
       const adaptorIndexListByHeight = () => {
         const actualIndexListHeight = props.indexList.length * getIndexHeight();
-        if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight()) {
+        if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
           const adaptedIndexList = deepClone(props.indexList);
-          const renderedNum = Math.floor(indexBarMaxHeight() / getIndexHeight());
+          const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
           const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
           const renderedIndexNum = renderedNum - renderedPointNum;
           const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
@@ -11267,23 +11292,31 @@
           }, [vue.createVNode("div", {
             "class": bem$y("touch-text")
           }, [touchActiveText]), vue.createVNode("svg", {
-            "class": bem$y("icon"),
             "xmlns": "http://www.w3.org/2000/svg",
-            "viewBox": "0 0 20 32"
-          }, [vue.createVNode("defs", null, [vue.createVNode("path", {
-            "id": "7rkhbmqvk__gc482iacwa",
-            "d": "M0 0H20V32H0z"
-          }, null)]), vue.createVNode("g", {
             "fill": "none",
-            "fill-rule": "evenodd"
-          }, [vue.createVNode("path", {
-            "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
-            "fill": "#8093AB",
-            "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+            "viewBox": "0 0 20 32",
+            "class": bem$y("icon")
+          }, [vue.createVNode("defs", null, [vue.createVNode("mask", {
+            "id": "ei8r0nsyx__b6fjzymnfa"
+          }, [vue.createVNode("rect", {
+            "width": "20",
+            "height": "32",
+            "rx": "0",
+            "fill": "#FFF"
+          }, null)])]), vue.createVNode("g", {
+            "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+          }, [vue.createVNode("rect", {
+            "width": "20",
+            "height": "32",
+            "rx": "0"
+          }, null), vue.createVNode("path", {
+            "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+            "fill-rule": "evenodd",
+            "class": bem$y("icon-fill")
           }, null), vue.createVNode("path", {
-            "d": "M12.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
-            "fill": "#8093AB",
-            "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+            "d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
+            "fill-rule": "evenodd",
+            "class": bem$y("icon-fill")
           }, null)])])]), vue.createVNode("div", {
             "data-index": index,
             "data-index-map": contractionPointMapList,
@@ -21011,7 +21044,7 @@
       });
     }
   };
-  const version = "3.1.10";
+  const version = "3.1.11";
   function install(app) {
     const components = [
       ActionSheet,