zartui 3.1.23-beta.1 → 3.1.23-beta.3

package/lib/index-anchor/IndexAnchor.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_IndexBar = require("../index-bar/IndexBar");
 var import_dom = require("../utils/dom");
@@ -32,13 +31,13 @@ const [name, bem] = (0, import_utils.createNamespace)("index-anchor");
 const indexAnchorProps = {
   index: import_utils.numericProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: indexAnchorProps,
   setup(props, {
     slots
   }) {
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       top: 0,
       left: null,
       rect: {
@@ -48,7 +47,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       width: null,
       active: false
     });
-    const root = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
     const {
       parent
     } = (0, import_use.useParent)(import_IndexBar.INDEX_BAR_KEY);
@@ -59,7 +58,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return;
     }
     const isSticky = () => state.active && parent.props.sticky;
-    const anchorStyle = (0, import_vue2.computed)(() => {
+    const anchorStyle = (0, import_vue.computed)(() => {
       const {
         zIndex,
         highlightColor

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

@@ -1,8 +1,8 @@
-export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IndexAnchor;
 export { indexAnchorProps } from './IndexAnchor';
 export type { IndexAnchorProps } from './IndexAnchor';

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

@@ -33,7 +33,7 @@ export declare const indexBarProps: {
 };
 export type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -89,17 +89,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     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: Numeric[];
     indexBarMaxHeight: string | number;
     contractionPointText: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/index-bar/IndexBar.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
@@ -53,7 +52,7 @@ const indexBarProps = {
 };
 const INDEX_BAR_KEY = Symbol(name);
 const MIN_CONTRACTION_NUM = 2;
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: indexBarProps,
   emits: ["select", "change", "anchorClick", "update:activeAnchor"],
@@ -61,11 +60,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const root = (0, import_vue2.ref)();
-    const sidebar = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
+    const sidebar = (0, import_vue.ref)();
     const activeAnchor = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
-    const touchIndex = (0, import_vue2.ref)("");
-    const indexBarMaxHeight = (0, import_vue2.computed)(() => {
+    const touchIndex = (0, import_vue.ref)("");
+    const indexBarMaxHeight = (0, import_vue.computed)(() => {
       return props.indexBarMaxHeight ? (0, import_utils.unitToPx)(props.indexBarMaxHeight) : (0, import_utils.unitToPx)("100vh");
     });
     const touch = (0, import_use_touch.useTouch)();
@@ -78,14 +77,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
     linkChildren({
       props
     });
-    const sidebarStyle = (0, import_vue2.computed)(() => {
+    const sidebarStyle = (0, import_vue.computed)(() => {
       if ((0, import_utils.isDef)(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1
         };
       }
     });
-    const highlightStyle = (0, import_vue2.computed)(() => {
+    const highlightStyle = (0, import_vue.computed)(() => {
       if (props.highlightColor) {
         return {
           color: props.highlightColor
@@ -154,15 +153,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
       selectActiveIndex = "";
     };
     const init = () => {
-      (0, import_vue2.nextTick)(onScroll);
+      (0, import_vue.nextTick)(onScroll);
     };
     (0, import_use.useEventListener)("scroll", onScroll, {
       target: scrollParent,
       passive: true
     });
-    (0, import_vue2.onMounted)(init);
-    (0, import_vue2.watch)(() => props.indexList, init);
-    (0, import_vue2.watch)(activeAnchor, (value) => {
+    (0, import_vue.onMounted)(init);
+    (0, import_vue.watch)(() => props.indexList, init);
+    (0, import_vue.watch)(activeAnchor, (value) => {
       if (value) {
         emit("change", value);
       }
@@ -429,7 +428,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return (0, import_vue.createVNode)("div", {
         "ref": root,
         "class": bem()
-      }, [props.teleport ? (0, import_vue.createVNode)(import_vue2.Teleport, {
+      }, [props.teleport ? (0, import_vue.createVNode)(import_vue.Teleport, {
         "to": props.teleport
       }, {
         default: () => [renderSidebar()]

package/lib/index-bar/index.css

@@ -1 +1 @@
-:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-webkit-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}
+:root{--zt-index-bar-sidebar-z-index: 2;--zt-index-bar-sidebar-touch-index-background-color: #8093ab}.zt-index-bar__sidebar{position:fixed;top:50%;right:var(--zt-padding-xs);z-index:var(--zt-index-bar-sidebar-z-index);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-index-bar__index{position:relative;color:var(--zt-text-color);padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);display:flex;height:var(--zt-line-height-sm)}.zt-index-bar__index--active{color:var(--zt-primary-color);font-weight:700}.zt-index-bar__index--touch{position:relative;color:var(--zt-white)}.zt-index-bar__index--touch:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:-1;padding:0;background:var(--zt-primary-color);border-radius:calc(var(--zt-line-height-sm) / 2)}.zt-index-bar__touch{display:none}.zt-index-bar__touch-text{width:-moz-max-content;width:max-content;margin-right:-1px;height:32px;line-height:32px;border-radius:16px 0 0 16px;padding:0 1px 0 14px;font-size:var(--zt-font-size-lg);color:var(--zt-white);text-align:center;background:var(--zt-index-bar-sidebar-touch-index-background-color)}.zt-index-bar__touch--active{display:flex;position:absolute;top:-6px;right:100%}.zt-index-bar__icon{position:relative;width:20px;height:32px}.zt-index-bar__icon-fill{fill:var(--zt-index-bar-sidebar-touch-index-background-color)}

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

@@ -1,5 +1,5 @@
 import { IndexBarProps } from './IndexBar';
-export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -27,7 +27,7 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "anchorClick" | "update:activeAnchor")[], "select" | "change" | "anchorClick" | "update:activeAnchor", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -55,19 +55,19 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     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[];
     indexBarMaxHeight: string | number;
     contractionPointText: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default IndexBar;
 export { indexBarProps } from './IndexBar';
 export type { IndexBarProps };