@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Alert/Alert.vue.d.ts

@@ -0,0 +1,86 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    afterClose: {
+        type: import("vue").PropType<() => void>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../..").IconPropType>;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    iconType: import("vue").ComputedRef<any>;
+    stateVisible: import("vue").Ref<boolean, boolean>;
+    handleClose: (e: Event) => void;
+    onTransitionOver: () => void;
+    computedColor: import("vue").ComputedRef<"blue" | "red" | "orange" | "green">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (e: Event) => boolean;
+    'update:visible': (v: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    afterClose: {
+        type: import("vue").PropType<() => void>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../..").IconPropType>;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: (e: Event) => any;
+    "onUpdate:visible"?: (v: boolean) => any;
+}, {
+    type: "error" | "success" | "info" | "warning";
+    closable: boolean;
+    showIcon: boolean;
+    description: string;
+    banner: boolean;
+    visible: boolean;
+}, {}>;
+export default _default;

package/es/components/Alert/index.d.ts

@@ -0,0 +1,203 @@
+export declare const UAlert: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+            validator: (val: "error" | "success" | "info" | "warning") => boolean;
+            default: string;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        afterClose: {
+            type: import("vue").PropType<() => void>;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: import("vue").PropType<import("../..").IconPropType>;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+        banner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: (e: Event) => any;
+        "onUpdate:visible"?: (v: boolean) => any;
+    }, {
+        prefixCls: import("vue").ComputedRef<string>;
+        iconType: import("vue").ComputedRef<any>;
+        stateVisible: import("vue").Ref<boolean, boolean>;
+        handleClose: (e: Event) => void;
+        onTransitionOver: () => void;
+        computedColor: import("vue").ComputedRef<"blue" | "red" | "orange" | "green">;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (e: Event) => boolean;
+        'update:visible': (v: boolean) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+            validator: (val: "error" | "success" | "info" | "warning") => boolean;
+            default: string;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        afterClose: {
+            type: import("vue").PropType<() => void>;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: import("vue").PropType<import("../..").IconPropType>;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+        banner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: (e: Event) => any;
+        "onUpdate:visible"?: (v: boolean) => any;
+    }, {
+        type: "error" | "success" | "info" | "warning";
+        closable: boolean;
+        showIcon: boolean;
+        description: string;
+        banner: boolean;
+        visible: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+            validator: (val: "error" | "success" | "info" | "warning") => boolean;
+            default: string;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        afterClose: {
+            type: import("vue").PropType<() => void>;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: import("vue").PropType<import("../..").IconPropType>;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+        banner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: (e: Event) => any;
+        "onUpdate:visible"?: (v: boolean) => any;
+    }, {
+        prefixCls: import("vue").ComputedRef<string>;
+        iconType: import("vue").ComputedRef<any>;
+        stateVisible: import("vue").Ref<boolean, boolean>;
+        handleClose: (e: Event) => void;
+        onTransitionOver: () => void;
+        computedColor: import("vue").ComputedRef<"blue" | "red" | "orange" | "green">;
+    }, {}, {}, {}, {
+        type: "error" | "success" | "info" | "warning";
+        closable: boolean;
+        showIcon: boolean;
+        description: string;
+        banner: boolean;
+        visible: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"error" | "success" | "info" | "warning">;
+        validator: (val: "error" | "success" | "info" | "warning") => boolean;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    afterClose: {
+        type: import("vue").PropType<() => void>;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<import("../..").IconPropType>;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: (e: Event) => any;
+    "onUpdate:visible"?: (v: boolean) => any;
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    iconType: import("vue").ComputedRef<any>;
+    stateVisible: import("vue").Ref<boolean, boolean>;
+    handleClose: (e: Event) => void;
+    onTransitionOver: () => void;
+    computedColor: import("vue").ComputedRef<"blue" | "red" | "orange" | "green">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (e: Event) => boolean;
+    'update:visible': (v: boolean) => boolean;
+}, string, {
+    type: "error" | "success" | "info" | "warning";
+    closable: boolean;
+    showIcon: boolean;
+    description: string;
+    banner: boolean;
+    visible: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+export default UAlert;
+export * from './Alert.type';

package/es/components/Alert/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from '../../utils/install.mjs';
+import Alert from './Alert.mjs';
+export { alertEmits, alertProps, alertType } from './Alert.type.mjs';
+
+const UAlert = withInstall(Alert);
+
+export { UAlert, UAlert as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/Alert/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Alert/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install';\nimport Alert from './Alert.vue';\n\nexport const UAlert = withInstall(Alert);\n\nexport default UAlert;\n\nexport * from './Alert.type';\n"],"names":[],"mappings":";;;;MAGa,SAAS,YAAY,KAAK;;;;"}

package/es/components/Alert/style/index.d.ts

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/alert/index.less';

package/es/components/Alert/style/index.mjs

@@ -0,0 +1,2 @@
+import '@koi-design/uxd-ui/styles/components/alert/index.less';
+//# sourceMappingURL=index.mjs.map

package/es/components/Alert/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/Anchor/Anchor.mjs

@@ -0,0 +1,242 @@
+import { defineComponent, toRefs, ref, computed, watch, nextTick, provide, onMounted, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, withCtx, createElementVNode, normalizeClass, normalizeStyle, withDirectives, vShow, renderSlot } from 'vue';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { scrollTop, addEventListener } from '../../utils/dom.mjs';
+import { anchorProps, anchorEmits } from './Anchor.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UAnchor",
+  props: anchorProps,
+  emits: anchorEmits,
+  setup(props, { emit }) {
+    const { scrollOffset } = toRefs(props);
+    const { prefixCls } = useGlobalConfig("anchor");
+    const isAffixed = ref(false);
+    const inkTop = ref(0);
+    const currentLink = ref("");
+    let currentId = "";
+    let titlesOffsetArr = [];
+    const links = [];
+    let wrapperTop = 0;
+    let scrollElement = null;
+    let hashChangeEvent = null;
+    let scrollEvent = null;
+    let animating = false;
+    const wrapperComponent = computed(() => {
+      return props.affix ? "UAffix" : "div";
+    });
+    const wrapperStyle = computed(() => {
+      let offset = "100vh";
+      if (props.offsetBottom || props.offsetBottom === 0) {
+        offset = `calc(100vh - ${props.offsetBottom}px)`;
+      } else if (props.offsetTop || props.offsetTop === 0) {
+        offset = `calc(100vh - ${props.offsetTop}px)`;
+      }
+      return {
+        maxHeight: offset,
+        ...props.containerStyle
+      };
+    });
+    watch(currentLink, (nv, ov) => {
+      emit("change", nv, ov);
+    });
+    const handleAffixStateChange = (state) => {
+      isAffixed.value = props.affix && state;
+    };
+    const handleSetInkTop = () => {
+      const currentLinkElementA = document.querySelector(`a[data-href="${currentLink.value}"]`);
+      if (!currentLinkElementA)
+        return;
+      const elementATop = currentLinkElementA.offsetTop;
+      inkTop.value = elementATop < 0 ? props.offsetTop : elementATop;
+    };
+    const handleScrollTo = () => {
+      var _a;
+      const anchor = document.getElementById(currentId);
+      const currentLinkElementA = document.querySelector(`a[data-href="${currentLink.value}"]`);
+      let offset = props.scrollOffset;
+      if (currentLinkElementA) {
+        offset = parseFloat(((_a = currentLinkElementA.getAttribute("data-scroll-offset")) == null ? void 0 : _a.toString()) || "0");
+      }
+      if (!anchor)
+        return;
+      const offsetTop = anchor.offsetTop - wrapperTop - offset;
+      animating = true;
+      if (scrollElement) {
+        scrollTop(scrollElement, offsetTop, props.duration, () => {
+          animating = false;
+        });
+      }
+      handleSetInkTop();
+    };
+    const updateTitleOffset = () => {
+      const offsetArr = [];
+      links.forEach((link) => {
+        const titleEle = document.getElementById(link.split("#")[1]);
+        if (titleEle)
+          offsetArr.push({
+            link,
+            offset: titleEle.offsetTop - ((scrollElement == null ? void 0 : scrollElement.offsetTop) || 0)
+          });
+      });
+      titlesOffsetArr = offsetArr;
+    };
+    const getCurrentScrollAtTitleId = (top) => {
+      let _scrollTop = top;
+      let i = 0;
+      const len = titlesOffsetArr.length;
+      let titleItem = {
+        link: "#",
+        offset: 0
+      };
+      _scrollTop += props.bounds;
+      while (i < len) {
+        const currentEle = titlesOffsetArr[i];
+        const nextEle = titlesOffsetArr[i + 1];
+        if (_scrollTop >= currentEle.offset && _scrollTop < (nextEle && nextEle.offset || Infinity)) {
+          titleItem = titlesOffsetArr[i];
+          break;
+        }
+        i += 1;
+      }
+      currentLink.value = titleItem.link;
+      handleSetInkTop();
+    };
+    const handleScroll = (e) => {
+      if (animating)
+        return;
+      updateTitleOffset();
+      const _scrollTop = document.documentElement.scrollTop || document.body.scrollTop || e.target.scrollTop;
+      getCurrentScrollAtTitleId(_scrollTop);
+    };
+    const handleHashChange = (toHash) => {
+      const url = typeof toHash === "object" ? toHash.newURL : toHash || currentLink.value;
+      const sharpMatcherRegx = /#([^#]+)$/;
+      const sharpLinkMatch = sharpMatcherRegx.exec(url);
+      if (!sharpLinkMatch)
+        return;
+      currentLink.value = sharpLinkMatch[0];
+      currentId = sharpLinkMatch[1];
+      nextTick(() => {
+        handleScrollTo();
+      });
+    };
+    const removeListener = () => {
+      hashChangeEvent && hashChangeEvent.remove();
+      scrollEvent && scrollEvent.remove();
+    };
+    const setCurrentLink = (link) => {
+      if (link) {
+        handleHashChange(link);
+        if (props.showHash) {
+          const sharpMatcherRegx = /#([^#]+)$/;
+          const sharpLinkMatch = sharpMatcherRegx.exec(window.location.hash);
+          if (sharpLinkMatch && sharpLinkMatch.length > 0) {
+            if (!links.includes(sharpLinkMatch[0] || "")) {
+              window.location.hash += currentLink.value;
+            } else {
+              window.location.hash = window.location.hash.replace(sharpLinkMatch[0], currentLink.value);
+            }
+          }
+        }
+      }
+    };
+    const registerLink = (link) => {
+      if (!links.includes(link)) {
+        links.push(link);
+      }
+    };
+    const unregisterLink = (link) => {
+      const index = links.indexOf(link);
+      if (index !== -1) {
+        links.splice(index, 1);
+      }
+    };
+    const init = () => {
+      handleHashChange();
+      nextTick(() => {
+        removeListener();
+        wrapperTop = 0;
+        if (props.container) {
+          scrollElement = typeof props.container === "string" ? document.querySelector(props.container) : props.container();
+          if (scrollElement instanceof HTMLElement) {
+            wrapperTop = scrollElement.offsetTop;
+          }
+        } else {
+          scrollElement = document.documentElement || document.body;
+        }
+        handleScrollTo();
+        handleSetInkTop();
+        updateTitleOffset();
+        scrollEvent = addEventListener(scrollElement || window, "scroll", handleScroll);
+        hashChangeEvent = addEventListener(window, "hashchange", (e) => {
+          handleHashChange(e);
+        });
+      });
+    };
+    watch(
+      () => props.container,
+      () => {
+        init();
+      }
+    );
+    provide("anchorContext", {
+      scrollOffset,
+      registerLink,
+      unregisterLink,
+      setCurrentLink,
+      currentLink
+    });
+    onMounted(() => {
+      nextTick(() => {
+        init();
+      });
+    });
+    onBeforeUnmount(() => {
+      removeListener();
+    });
+    return {
+      prefixCls,
+      wrapperComponent,
+      handleAffixStateChange,
+      wrapperStyle,
+      inkTop
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.wrapperComponent), {
+    container: _ctx.container,
+    "offset-top": _ctx.offsetTop,
+    "offset-bottom": _ctx.offsetBottom,
+    onOnChange: _ctx.handleAffixStateChange
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(`${_ctx.containerClass} ${_ctx.prefixCls}-wrapper`),
+        style: normalizeStyle(_ctx.wrapperStyle)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${_ctx.prefixCls}`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`${_ctx.prefixCls}-ink`)
+          }, [
+            withDirectives(createElementVNode("span", {
+              class: normalizeClass(`${_ctx.prefixCls}-ink-ball`),
+              style: normalizeStyle({ top: `${_ctx.inkTop}px` })
+            }, null, 6), [
+              [vShow, _ctx.showInk]
+            ])
+          ], 2),
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 6)
+    ]),
+    _: 3
+  }, 40, ["container", "offset-top", "offset-bottom", "onOnChange"]);
+}
+var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Anchor\\Anchor.vue"]]);
+
+export { Anchor as default };
+//# sourceMappingURL=Anchor.mjs.map

package/es/components/Anchor/Anchor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<template>\n  <component :is=\"wrapperComponent\" :container=\"container\" :offset-top=\"offsetTop\" :offset-bottom=\"offsetBottom\" @on-change=\"handleAffixStateChange\">\n    <div :class=\"`${containerClass} ${prefixCls}-wrapper`\" :style=\"wrapperStyle\">\n      <div :class=\"`${prefixCls}`\">\n        <div :class=\"`${prefixCls}-ink`\">\n          <span v-show=\"showInk\" :class=\"`${prefixCls}-ink-ball`\" :style=\"{ top: `${inkTop}px` }\" />\n        </div>\n        <slot />\n      </div>\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, toRefs, watch } from 'vue';\n\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { addEventListener, scrollTop } from '../../utils/dom';\nimport type { addEventListenerReturn } from '../../utils/dom';\nimport { anchorProps, anchorEmits } from './Anchor.type';\nimport type { LinkOffset } from './Anchor.type';\n\nexport default defineComponent({\n  name: 'UAnchor',\n  props: anchorProps,\n  emits: anchorEmits,\n  setup(props, { emit }) {\n    const { scrollOffset } = toRefs(props);\n    const { prefixCls } = useGlobalConfig('anchor');\n    const isAffixed = ref(false);\n    const inkTop = ref(0);\n    const currentLink = ref('');\n    let currentId = ''; // current show title id =>  #href -> currentId = href\n    let titlesOffsetArr: LinkOffset[] = [];\n    const links: string[] = [];\n    let wrapperTop = 0;\n    let scrollElement: HTMLElement | null = null;\n    let hashChangeEvent: addEventListenerReturn | null = null;\n    let scrollEvent: addEventListenerReturn | null = null;\n    let animating = false;\n\n    const wrapperComponent = computed(() => {\n      return props.affix ? 'UAffix' : 'div';\n    });\n\n    const wrapperStyle = computed(() => {\n      let offset = '100vh';\n      if (props.offsetBottom || props.offsetBottom === 0) {\n        offset = `calc(100vh - ${props.offsetBottom}px)`;\n      } else if (props.offsetTop || props.offsetTop === 0) {\n        offset = `calc(100vh - ${props.offsetTop}px)`;\n      }\n      return {\n        maxHeight: offset,\n        ...props.containerStyle\n      };\n    });\n\n    watch(currentLink, (nv, ov) => {\n      emit('change', nv, ov);\n    });\n\n    const handleAffixStateChange = (state: boolean) => {\n      isAffixed.value = props.affix && state;\n    };\n\n    const handleSetInkTop = () => {\n      const currentLinkElementA = document.querySelector<HTMLElement>(`a[data-href=\"${currentLink.value}\"]`);\n      if (!currentLinkElementA) return;\n      const elementATop = currentLinkElementA.offsetTop;\n      inkTop.value = elementATop < 0 ? props.offsetTop : elementATop;\n    };\n\n    const handleScrollTo = () => {\n      const anchor = document.getElementById(currentId);\n      const currentLinkElementA = document.querySelector(`a[data-href=\"${currentLink.value}\"]`);\n      let offset = props.scrollOffset;\n      if (currentLinkElementA) {\n        offset = parseFloat(currentLinkElementA.getAttribute('data-scroll-offset')?.toString() || '0');\n      }\n      if (!anchor) return;\n      const offsetTop = anchor.offsetTop - wrapperTop - offset;\n      animating = true;\n      if (scrollElement) {\n        scrollTop(scrollElement, offsetTop, props.duration, () => {\n          animating = false;\n        });\n      }\n\n      handleSetInkTop();\n    };\n\n    const updateTitleOffset = () => {\n      const offsetArr: LinkOffset[] = [];\n      links.forEach((link) => {\n        const titleEle = document.getElementById(link.split('#')[1]);\n        if (titleEle)\n          offsetArr.push({\n            link,\n            offset: titleEle.offsetTop - (scrollElement?.offsetTop || 0)\n          });\n      });\n      titlesOffsetArr = offsetArr;\n    };\n\n    const getCurrentScrollAtTitleId = (top: number) => {\n      let _scrollTop = top;\n      let i = 0;\n      const len = titlesOffsetArr.length;\n      let titleItem = {\n        link: '#',\n        offset: 0\n      };\n      _scrollTop += props.bounds;\n      while (i < len) {\n        const currentEle = titlesOffsetArr[i];\n        const nextEle = titlesOffsetArr[i + 1];\n        if (_scrollTop >= currentEle.offset && _scrollTop < ((nextEle && nextEle.offset) || Infinity)) {\n          titleItem = titlesOffsetArr[i];\n          break;\n        }\n        i += 1;\n      }\n      currentLink.value = titleItem.link;\n      handleSetInkTop();\n    };\n\n    const handleScroll = (e: any) => {\n      if (animating) return;\n      updateTitleOffset();\n\n      const _scrollTop = document.documentElement.scrollTop || document.body.scrollTop || e.target.scrollTop;\n      getCurrentScrollAtTitleId(_scrollTop);\n    };\n\n    const handleHashChange = (toHash?: Record<string, any> | string) => {\n      const url = typeof toHash === 'object' ? toHash.newURL : toHash || currentLink.value; // window.location.href;\n      const sharpMatcherRegx = /#([^#]+)$/;\n      const sharpLinkMatch = sharpMatcherRegx.exec(url);\n      if (!sharpLinkMatch) return;\n      currentLink.value = sharpLinkMatch[0];\n      currentId = sharpLinkMatch[1];\n\n      nextTick(() => {\n        handleScrollTo();\n      });\n    };\n\n    const removeListener = () => {\n      hashChangeEvent && hashChangeEvent.remove();\n      scrollEvent && scrollEvent.remove();\n    };\n\n    const setCurrentLink = (link: string) => {\n      if (link) {\n        handleHashChange(link);\n        // handleScrollTo();\n        // if (props.showHash && route) {\n        //   // ctx.$router.push(href.value, () => {});\n        //   route.push(currentLink.value, () => {});\n        // } else if(props.showHash) {\n        //   window.location.href = currentLink.value;\n        // }\n        if (props.showHash) {\n          const sharpMatcherRegx = /#([^#]+)$/;\n          const sharpLinkMatch = sharpMatcherRegx.exec(window.location.hash);\n          if (sharpLinkMatch && sharpLinkMatch.length > 0) {\n            if (!links.includes(sharpLinkMatch[0] || '')) {\n              window.location.hash += currentLink.value;\n            } else {\n              window.location.hash = window.location.hash.replace(sharpLinkMatch[0], currentLink.value);\n            }\n          }\n        }\n      }\n    };\n\n    const registerLink = (link: string) => {\n      if (!links.includes(link)) {\n        links.push(link);\n      }\n    };\n\n    const unregisterLink = (link: string) => {\n      const index = links.indexOf(link);\n      if (index !== -1) {\n        links.splice(index, 1);\n      }\n    };\n\n    const init = () => {\n      handleHashChange();\n      nextTick(() => {\n        removeListener();\n        wrapperTop = 0;\n        if (props.container) {\n          scrollElement = typeof props.container === 'string' ? document.querySelector<HTMLElement>(props.container) : props.container();\n\n          if (scrollElement instanceof HTMLElement) {\n            wrapperTop = scrollElement.offsetTop;\n          }\n        } else {\n          scrollElement = document.documentElement || document.body;\n        }\n        handleScrollTo();\n        handleSetInkTop();\n        updateTitleOffset();\n        scrollEvent = addEventListener(scrollElement || window, 'scroll', handleScroll);\n        hashChangeEvent = addEventListener(window, 'hashchange', (e: Event) => {\n          handleHashChange(e as Record<string, any>);\n        });\n      });\n    };\n\n    watch(\n      () => props.container,\n      () => {\n        init();\n      }\n    );\n\n    provide('anchorContext', {\n      scrollOffset,\n      registerLink,\n      unregisterLink,\n      setCurrentLink,\n      currentLink\n    });\n\n    onMounted(() => {\n      nextTick(() => {\n        init();\n      });\n    });\n\n    // beforeDestroy\n    onBeforeUnmount(() => {\n      removeListener();\n    });\n\n    return {\n      prefixCls,\n      wrapperComponent,\n      handleAffixStateChange,\n      wrapperStyle,\n      inkTop\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":"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"}

package/es/components/Anchor/Anchor.type.d.ts

@@ -0,0 +1,85 @@
+import type { ExtractPropTypes, PropType, Ref } from 'vue';
+import type Anchor from './Anchor.vue';
+import type AnchorLink from './AnchorLink.vue';
+export declare const anchorProps: {
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    scrollOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bounds: {
+        type: NumberConstructor;
+        default: number;
+    };
+    container: {
+        type: PropType<string | (() => HTMLElement | null)>;
+        default: null;
+    };
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    containerStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showInk: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHash: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type AnchorProps = ExtractPropTypes<typeof anchorProps>;
+export declare const anchorEmits: {
+    change: (nv: string, ov: string) => boolean;
+};
+export declare type AnchorEmits = typeof anchorEmits;
+export interface LinkOffset {
+    link: string;
+    offset: number;
+}
+export declare const anchorLinkProps: {
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type AnchorLinkProps = ExtractPropTypes<typeof anchorLinkProps>;
+export declare const anchorLinkEmits: {
+    change: (href: string, ev: Event) => boolean;
+};
+export declare type AnchorLinkEmits = typeof anchorLinkEmits;
+export interface AnchorContext {
+    scrollOffset: Ref<number>;
+    registerLink: (link: string) => void;
+    unregisterLink: (link: string) => void;
+    setCurrentLink: (link: string) => void;
+    currentLink: Ref<string>;
+}
+export declare type AnchorInstance = typeof Anchor;
+export declare type AnchorLinkInstance = typeof AnchorLink;