zartui 3.1.7 → 3.1.9

package/lib/index-bar/IndexBar.js

@@ -28,6 +28,7 @@ var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
 var import_use_expose = require("../composables/use-expose");
+var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -37,6 +38,7 @@ const [name, bem] = (0, import_utils.createNamespace)("index-bar");
 const indexBarProps = {
   sticky: import_utils.truthProp,
   zIndex: import_utils.numericProp,
+  activeAnchor: (0, import_utils.makeNumericProp)(""),
   teleport: [String, Object],
   highlightColor: String,
   stickyOffsetTop: (0, import_utils.makeNumberProp)(0),
@@ -49,14 +51,14 @@ const INDEX_BAR_KEY = Symbol(name);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: indexBarProps,
-  emits: ["select", "change"],
+  emits: ["select", "change", "anchorClick", "update:activeAnchor"],
   setup(props, {
     emit,
     slots
   }) {
     const root = (0, import_vue2.ref)();
     const sidebar = (0, import_vue2.ref)();
-    const activeAnchor = (0, import_vue2.ref)("");
+    const activeAnchor = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = (0, import_vue2.ref)("");
     const touch = (0, import_use_touch.useTouch)();
     const scrollParent = (0, import_use.useScrollParent)(root);
@@ -158,6 +160,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     });
     const scrollTo = (index) => {
+      emit("anchorClick", index);
       selectActiveIndex = String(index);
       const match = getMatchAnchor(selectActiveIndex);
       if (match) {

package/lib/index-bar/index.d.ts

@@ -5,6 +5,10 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    activeAnchor: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     highlightColor: StringConstructor;
     stickyOffsetTop: {
@@ -15,12 +19,16 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    activeAnchor: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     highlightColor: StringConstructor;
     stickyOffsetTop: {
@@ -34,8 +42,11 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onAnchorClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeAnchor"?: ((...args: any[]) => any) | undefined;
 }, {
     sticky: boolean;
+    activeAnchor: string | number;
     stickyOffsetTop: number;
     indexList: import("../utils").Numeric[];
 }, {}>>;