zartui 3.1.8 → 3.1.9

package/lib/zartui.cjs.js

@@ -9219,6 +9219,7 @@ var stdin_default$_ = vue.defineComponent({
     });
     return () => {
       const disabled = getProp("disabled");
+      const readonly = getProp("readonly");
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const TitleIcon = renderTitleIcon();
@@ -9230,6 +9231,7 @@ var stdin_default$_ = vue.defineComponent({
         "class": bem$G({
           error: showError.value,
           disabled,
+          readonly,
           [`label-${labelAlign}`]: labelAlign,
           "error-message": props.errorMessage !== "" && typeof props.errorMessage !== "undefined",
           description: props.description !== "" && typeof props.description !== "undefined",
@@ -9678,12 +9680,27 @@ var stdin_default$U = vue.defineComponent({
     }, [item[props.textKey]])]))])]);
   }
 });
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = vue.ref(getProp());
+  vue.watch(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  vue.watch(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};
 const [name$B, bem$B] = createNamespace("hierarchy-select");
 const hierarchySelectProps = {
   treeData: {
     type: Array,
     default: () => []
   },
+  checkedList: makeArrayProp([]),
   disableParent: {
     type: Boolean,
     default: false
@@ -9703,11 +9720,12 @@ const hierarchySelectProps = {
 var stdin_default$T = vue.defineComponent({
   name: name$B,
   props: hierarchySelectProps,
-  emits: ["asyncGetter", "selected", "change"],
+  emits: ["asyncGetter", "selected", "change", "update:checkedList"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
-    const checkedList = vue.ref([]);
+    const checkedList = useSyncPropRef(() => props.checkedList, (value) => emit("update:checkedList", value));
     const choosedValue = vue.ref();
     const dataList = vue.ref(deepClone(props.treeData));
     const breadcrumbData = vue.ref([]);
@@ -9876,7 +9894,7 @@ var stdin_default$T = vue.defineComponent({
       "onClick": () => {
         selected(item);
       }
-    }, [item[props.textKey]]), vue.createVNode("div", {
+    }, [slots.content ? slots.content(item) : item[props.textKey]]), vue.createVNode("div", {
       "class": bem$B("item-nav"),
       "onClick": () => {
         toNextLevel(item, index);
@@ -10414,6 +10432,7 @@ const [name$z, bem$y] = createNamespace("index-bar");
 const indexBarProps = {
   sticky: truthProp,
   zIndex: numericProp,
+  activeAnchor: makeNumericProp(""),
   teleport: [String, Object],
   highlightColor: String,
   stickyOffsetTop: makeNumberProp(0),
@@ -10426,14 +10445,14 @@ const INDEX_BAR_KEY = Symbol(name$z);
 var stdin_default$Q = vue.defineComponent({
   name: name$z,
   props: indexBarProps,
-  emits: ["select", "change"],
+  emits: ["select", "change", "anchorClick", "update:activeAnchor"],
   setup(props, {
     emit,
     slots
   }) {
     const root = vue.ref();
     const sidebar = vue.ref();
-    const activeAnchor = vue.ref("");
+    const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = vue.ref("");
     const touch = useTouch();
     const scrollParent = use.useScrollParent(root);
@@ -10535,6 +10554,7 @@ var stdin_default$Q = vue.defineComponent({
       }
     });
     const scrollTo = (index) => {
+      emit("anchorClick", index);
       selectActiveIndex = String(index);
       const match = getMatchAnchor(selectActiveIndex);
       if (match) {
@@ -13907,13 +13927,10 @@ var stdin_default$v = vue.defineComponent({
     };
     const renderTitle = () => {
       const {
-        title,
-        theme,
-        closeButtonText
+        title
       } = props;
       const leftSlot = slots["title-left"];
-      const showClose = closeButtonText && theme === "default";
-      const showTitle = title || showClose || leftSlot;
+      const showTitle = title || leftSlot;
       if (!showTitle) {
         return;
       }
@@ -13921,7 +13938,7 @@ var stdin_default$v = vue.defineComponent({
         "class": bem$n("header")
       }, [leftSlot && vue.createVNode("span", {
         "class": bem$n("title-left")
-      }, [leftSlot()]), title && vue.createVNode("h2", {
+      }, [leftSlot()]), title && vue.createVNode("div", {
         "class": bem$n("title")
       }, [title])]);
     };
@@ -13976,11 +13993,8 @@ var stdin_default$v = vue.defineComponent({
     return () => {
       const Title = renderTitle();
       const {
-        theme,
-        closeButtonText,
         title
       } = props;
-      const showClose = closeButtonText && theme === "default";
       const Content = vue.createVNode(vue.Transition, {
         "name": props.transition ? "zt-slide-up" : ""
       }, {
@@ -13997,15 +14011,7 @@ var stdin_default$v = vue.defineComponent({
           "class": [bem$n("body"), title ? "" : bem$n("body-no-title")]
         }, [vue.createVNode("div", {
           "class": bem$n("keys")
-        }, [renderKeys()]), renderSidebar()]), showClose && vue.createVNode("div", {
-          "class": bem$n("finish-button-box")
-        }, [vue.createVNode(stdin_default$1B, {
-          "type": "primary",
-          "block": true,
-          "text": closeButtonText,
-          "class": [bem$n("finish-button"), HAPTICS_FEEDBACK],
-          "onClick": onClose
-        }, null)])]), [[vue.vShow, props.show]])]
+        }, [renderKeys()]), renderSidebar()])]), [[vue.vShow, props.show]])]
       });
       if (props.teleport) {
         return vue.createVNode(vue.Teleport, {
@@ -14092,20 +14098,6 @@ var stdin_default$u = vue.defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$u);
-const useSyncPropRef = (getProp, setProp) => {
-  const propRef = vue.ref(getProp());
-  vue.watch(getProp, (value) => {
-    if (value !== propRef.value) {
-      propRef.value = value;
-    }
-  });
-  vue.watch(propRef, (value) => {
-    if (value !== getProp()) {
-      setProp(value);
-    }
-  });
-  return propRef;
-};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -18971,7 +18963,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.8";
+const version = "3.1.9";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -9217,6 +9217,7 @@ var stdin_default$_ = defineComponent({
     });
     return () => {
       const disabled = getProp("disabled");
+      const readonly = getProp("readonly");
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const TitleIcon = renderTitleIcon();
@@ -9228,6 +9229,7 @@ var stdin_default$_ = defineComponent({
         "class": bem$G({
           error: showError.value,
           disabled,
+          readonly,
           [`label-${labelAlign}`]: labelAlign,
           "error-message": props.errorMessage !== "" && typeof props.errorMessage !== "undefined",
           description: props.description !== "" && typeof props.description !== "undefined",
@@ -9676,12 +9678,27 @@ var stdin_default$U = defineComponent({
     }, [item[props.textKey]])]))])]);
   }
 });
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = ref(getProp());
+  watch(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  watch(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};
 const [name$B, bem$B] = createNamespace("hierarchy-select");
 const hierarchySelectProps = {
   treeData: {
     type: Array,
     default: () => []
   },
+  checkedList: makeArrayProp([]),
   disableParent: {
     type: Boolean,
     default: false
@@ -9701,11 +9718,12 @@ const hierarchySelectProps = {
 var stdin_default$T = defineComponent({
   name: name$B,
   props: hierarchySelectProps,
-  emits: ["asyncGetter", "selected", "change"],
+  emits: ["asyncGetter", "selected", "change", "update:checkedList"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
-    const checkedList = ref([]);
+    const checkedList = useSyncPropRef(() => props.checkedList, (value) => emit("update:checkedList", value));
     const choosedValue = ref();
     const dataList = ref(deepClone(props.treeData));
     const breadcrumbData = ref([]);
@@ -9874,7 +9892,7 @@ var stdin_default$T = defineComponent({
       "onClick": () => {
         selected(item);
       }
-    }, [item[props.textKey]]), createVNode("div", {
+    }, [slots.content ? slots.content(item) : item[props.textKey]]), createVNode("div", {
       "class": bem$B("item-nav"),
       "onClick": () => {
         toNextLevel(item, index);
@@ -10412,6 +10430,7 @@ const [name$z, bem$y] = createNamespace("index-bar");
 const indexBarProps = {
   sticky: truthProp,
   zIndex: numericProp,
+  activeAnchor: makeNumericProp(""),
   teleport: [String, Object],
   highlightColor: String,
   stickyOffsetTop: makeNumberProp(0),
@@ -10424,14 +10443,14 @@ const INDEX_BAR_KEY = Symbol(name$z);
 var stdin_default$Q = defineComponent({
   name: name$z,
   props: indexBarProps,
-  emits: ["select", "change"],
+  emits: ["select", "change", "anchorClick", "update:activeAnchor"],
   setup(props, {
     emit,
     slots
   }) {
     const root = ref();
     const sidebar = ref();
-    const activeAnchor = ref("");
+    const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = ref("");
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -10533,6 +10552,7 @@ var stdin_default$Q = defineComponent({
       }
     });
     const scrollTo = (index) => {
+      emit("anchorClick", index);
       selectActiveIndex = String(index);
       const match = getMatchAnchor(selectActiveIndex);
       if (match) {
@@ -13905,13 +13925,10 @@ var stdin_default$v = defineComponent({
     };
     const renderTitle = () => {
       const {
-        title,
-        theme,
-        closeButtonText
+        title
       } = props;
       const leftSlot = slots["title-left"];
-      const showClose = closeButtonText && theme === "default";
-      const showTitle = title || showClose || leftSlot;
+      const showTitle = title || leftSlot;
       if (!showTitle) {
         return;
       }
@@ -13919,7 +13936,7 @@ var stdin_default$v = defineComponent({
         "class": bem$n("header")
       }, [leftSlot && createVNode("span", {
         "class": bem$n("title-left")
-      }, [leftSlot()]), title && createVNode("h2", {
+      }, [leftSlot()]), title && createVNode("div", {
         "class": bem$n("title")
       }, [title])]);
     };
@@ -13974,11 +13991,8 @@ var stdin_default$v = defineComponent({
     return () => {
       const Title = renderTitle();
       const {
-        theme,
-        closeButtonText,
         title
       } = props;
-      const showClose = closeButtonText && theme === "default";
       const Content = createVNode(Transition, {
         "name": props.transition ? "zt-slide-up" : ""
       }, {
@@ -13995,15 +14009,7 @@ var stdin_default$v = defineComponent({
           "class": [bem$n("body"), title ? "" : bem$n("body-no-title")]
         }, [createVNode("div", {
           "class": bem$n("keys")
-        }, [renderKeys()]), renderSidebar()]), showClose && createVNode("div", {
-          "class": bem$n("finish-button-box")
-        }, [createVNode(stdin_default$1B, {
-          "type": "primary",
-          "block": true,
-          "text": closeButtonText,
-          "class": [bem$n("finish-button"), HAPTICS_FEEDBACK],
-          "onClick": onClose
-        }, null)])]), [[vShow, props.show]])]
+        }, [renderKeys()]), renderSidebar()])]), [[vShow, props.show]])]
       });
       if (props.teleport) {
         return createVNode(Teleport, {
@@ -14090,20 +14096,6 @@ var stdin_default$u = defineComponent({
   }
 });
 const PasswordInput = withInstall(stdin_default$u);
-const useSyncPropRef = (getProp, setProp) => {
-  const propRef = ref(getProp());
-  watch(getProp, (value) => {
-    if (value !== propRef.value) {
-      propRef.value = value;
-    }
-  });
-  watch(propRef, (value) => {
-    if (value !== getProp()) {
-      setProp(value);
-    }
-  });
-  return propRef;
-};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -18969,7 +18961,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.8";
+const version = "3.1.9";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -9460,6 +9460,7 @@
       });
       return () => {
         const disabled = getProp("disabled");
+        const readonly = getProp("readonly");
         const labelAlign = getProp("labelAlign");
         const Label = renderLabel();
         const TitleIcon = renderTitleIcon();
@@ -9471,6 +9472,7 @@
           "class": bem$G({
             error: showError.value,
             disabled,
+            readonly,
             [`label-${labelAlign}`]: labelAlign,
             "error-message": props.errorMessage !== "" && typeof props.errorMessage !== "undefined",
             description: props.description !== "" && typeof props.description !== "undefined",
@@ -9916,12 +9918,27 @@
       }, [item[props.textKey]])]))])]);
     }
   });
+  const useSyncPropRef = (getProp, setProp) => {
+    const propRef = vue.ref(getProp());
+    vue.watch(getProp, (value) => {
+      if (value !== propRef.value) {
+        propRef.value = value;
+      }
+    });
+    vue.watch(propRef, (value) => {
+      if (value !== getProp()) {
+        setProp(value);
+      }
+    });
+    return propRef;
+  };
   const [name$B, bem$B] = createNamespace("hierarchy-select");
   const hierarchySelectProps = {
     treeData: {
       type: Array,
       default: () => []
     },
+    checkedList: makeArrayProp([]),
     disableParent: {
       type: Boolean,
       default: false
@@ -9941,11 +9958,12 @@
   var stdin_default$T = vue.defineComponent({
     name: name$B,
     props: hierarchySelectProps,
-    emits: ["asyncGetter", "selected", "change"],
+    emits: ["asyncGetter", "selected", "change", "update:checkedList"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
-      const checkedList = vue.ref([]);
+      const checkedList = useSyncPropRef(() => props.checkedList, (value) => emit("update:checkedList", value));
       const choosedValue = vue.ref();
       const dataList = vue.ref(deepClone(props.treeData));
       const breadcrumbData = vue.ref([]);
@@ -10114,7 +10132,7 @@
         "onClick": () => {
           selected(item);
         }
-      }, [item[props.textKey]]), vue.createVNode("div", {
+      }, [slots.content ? slots.content(item) : item[props.textKey]]), vue.createVNode("div", {
         "class": bem$B("item-nav"),
         "onClick": () => {
           toNextLevel(item, index);
@@ -10652,6 +10670,7 @@
   const indexBarProps = {
     sticky: truthProp,
     zIndex: numericProp,
+    activeAnchor: makeNumericProp(""),
     teleport: [String, Object],
     highlightColor: String,
     stickyOffsetTop: makeNumberProp(0),
@@ -10664,14 +10683,14 @@
   var stdin_default$Q = vue.defineComponent({
     name: name$z,
     props: indexBarProps,
-    emits: ["select", "change"],
+    emits: ["select", "change", "anchorClick", "update:activeAnchor"],
     setup(props, {
       emit,
       slots
     }) {
       const root = vue.ref();
       const sidebar = vue.ref();
-      const activeAnchor = vue.ref("");
+      const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
       const touchIndex = vue.ref("");
       const touch = useTouch();
       const scrollParent = useScrollParent(root);
@@ -10773,6 +10792,7 @@
         }
       });
       const scrollTo = (index) => {
+        emit("anchorClick", index);
         selectActiveIndex = String(index);
         const match = getMatchAnchor(selectActiveIndex);
         if (match) {
@@ -14224,13 +14244,10 @@
       };
       const renderTitle = () => {
         const {
-          title,
-          theme,
-          closeButtonText
+          title
         } = props;
         const leftSlot = slots["title-left"];
-        const showClose = closeButtonText && theme === "default";
-        const showTitle = title || showClose || leftSlot;
+        const showTitle = title || leftSlot;
         if (!showTitle) {
           return;
         }
@@ -14238,7 +14255,7 @@
           "class": bem$n("header")
         }, [leftSlot && vue.createVNode("span", {
           "class": bem$n("title-left")
-        }, [leftSlot()]), title && vue.createVNode("h2", {
+        }, [leftSlot()]), title && vue.createVNode("div", {
           "class": bem$n("title")
         }, [title])]);
       };
@@ -14293,11 +14310,8 @@
       return () => {
         const Title = renderTitle();
         const {
-          theme,
-          closeButtonText,
           title
         } = props;
-        const showClose = closeButtonText && theme === "default";
         const Content = vue.createVNode(vue.Transition, {
           "name": props.transition ? "zt-slide-up" : ""
         }, {
@@ -14314,15 +14328,7 @@
             "class": [bem$n("body"), title ? "" : bem$n("body-no-title")]
           }, [vue.createVNode("div", {
             "class": bem$n("keys")
-          }, [renderKeys()]), renderSidebar()]), showClose && vue.createVNode("div", {
-            "class": bem$n("finish-button-box")
-          }, [vue.createVNode(stdin_default$1B, {
-            "type": "primary",
-            "block": true,
-            "text": closeButtonText,
-            "class": [bem$n("finish-button"), HAPTICS_FEEDBACK],
-            "onClick": onClose
-          }, null)])]), [[vue.vShow, props.show]])]
+          }, [renderKeys()]), renderSidebar()])]), [[vue.vShow, props.show]])]
         });
         if (props.teleport) {
           return vue.createVNode(vue.Teleport, {
@@ -15733,20 +15739,6 @@
     requires: ["popperOffsets"],
     fn: offset
   };
-  const useSyncPropRef = (getProp, setProp) => {
-    const propRef = vue.ref(getProp());
-    vue.watch(getProp, (value) => {
-      if (value !== propRef.value) {
-        propRef.value = value;
-      }
-    });
-    vue.watch(propRef, (value) => {
-      if (value !== getProp()) {
-        setProp(value);
-      }
-    });
-    return propRef;
-  };
   var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -20589,7 +20581,7 @@
       });
     }
   };
-  const version = "3.1.8";
+  const version = "3.1.9";
   function install(app) {
     const components = [
       ActionSheet,