@opendesign-plus/components 0.0.1-rc.101 → 0.0.1-rc.102

package/dist/treeshaking/components/article/components/DocTitle.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import DocTitle_vue_vue_type_script_setup_true_lang_default from "./DocTitle.vue_vue_type_script_setup_true_lang.mjs";
-import './DocTitle.vue_vue_type_style_index_0_scoped_ea84d56c_lang.css';
+import './DocTitle.vue_vue_type_style_index_0_scoped_12467c9f_lang.css';
 // src/components/article/components/DocTitle.vue
-var DocTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocTitle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ea84d56c"]]);
+var DocTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocTitle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-12467c9f"]]);
 export { DocTitle_default as default };

package/dist/treeshaking/components/article/components/DocTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -27,15 +27,14 @@ var _hoisted_6 = {
 	key: 0,
 	class: "o-doc-title-update-time"
 };
-var _hoisted_7 = { class: "o-doc-title-dlg-action-box-container" };
-var _hoisted_8 = { class: "o-doc-title-dlg-action-box-icon" };
-var _hoisted_9 = { class: "o-doc-title-dlg-action-box-label" };
-var _hoisted_10 = { class: "o-doc-title-dlg-action-box-icon" };
-var _hoisted_11 = { class: "o-doc-title-dlg-action-box-label" };
-var _hoisted_12 = { class: "o-doc-title-dlg-action-box-icon" };
-var _hoisted_13 = { class: "o-doc-title-dlg-action-box-label" };
-var _hoisted_14 = { class: "o-doc-title-dlg-action-box-icon" };
-var _hoisted_15 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_7 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_8 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_9 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_10 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_11 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_12 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_13 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_14 = { class: "o-doc-title-dlg-action-box-label" };
 var DocTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "DocTitle",
 	props: {
@@ -50,7 +49,7 @@ var DocTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 	},
 	emits: ["download", "collect"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "bc7b9dec": bgImage.value }));
+		useCssVars((_ctx) => ({ "v2780f8b8": bgImage.value }));
 		const props = __props;
 		const emit = __emit;
 		const bgImage = computed(() => {
@@ -64,6 +63,12 @@ var DocTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const enableCopyLink = computed(() => toValue(props.enableCopyLink));
 		const showActions = computed(() => sourceUrl.value || updateTime.value || enableDownload.value || enableStar.value || enableCopyLink.value);
 		const showDivider = computed(() => sourceUrl.value && (enableDownload.value || enableStar.value));
+		const actionCount = computed(() => [
+			enableDownload.value,
+			enableStar.value,
+			enableCopyLink.value,
+			sourceUrl.value
+		].filter(Boolean).length);
 		const vDompurifyHtml = buildVueDompurifyHTMLDirective({ default: { FORBID_ATTR: ["style"] } });
 		const { lePadV } = useScreen();
 		const { t } = useI18n();
@@ -177,40 +182,40 @@ var DocTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				"phone-half-full": ""
 			}, {
 				header: withCtx(() => [createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_7, [
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["o-doc-title-dlg-action-box-container", { "is-center": actionCount.value < 3 }]) }, [
 					enableDownload.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "o-doc-title-dlg-action-box",
 						onClick: onDownload
-					}, [createElementVNode("div", _hoisted_8, [createVNode(unref(OIcon), null, {
+					}, [createElementVNode("div", _hoisted_7, [createVNode(unref(OIcon), null, {
 						default: withCtx(() => [createVNode(unref(icon_download_default))]),
 						_: 1
-					})]), createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("md.downloadDoc")), 1)])) : createCommentVNode("", true),
+					})]), createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("md.downloadDoc")), 1)])) : createCommentVNode("", true),
 					enableStar.value ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: "o-doc-title-dlg-action-box",
 						onClick: onCollect
-					}, [createElementVNode("div", _hoisted_10, [createVNode(unref(OIcon), null, {
+					}, [createElementVNode("div", _hoisted_9, [createVNode(unref(OIcon), null, {
 						default: withCtx(() => [createVNode(unref(icon_star_default))]),
 						_: 1
-					})]), createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("md.starDoc")), 1)])) : createCommentVNode("", true),
+					})]), createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("md.starDoc")), 1)])) : createCommentVNode("", true),
 					enableCopyLink.value ? (openBlock(), createElementBlock("div", {
 						key: 2,
 						class: "o-doc-title-dlg-action-box",
 						onClick: copyLink
-					}, [createElementVNode("div", _hoisted_12, [createVNode(unref(OIcon), null, {
+					}, [createElementVNode("div", _hoisted_11, [createVNode(unref(OIcon), null, {
 						default: withCtx(() => [createVNode(unref(icon_link_default))]),
 						_: 1
-					})]), createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("common.copyLink")), 1)])) : createCommentVNode("", true),
+					})]), createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("common.copyLink")), 1)])) : createCommentVNode("", true),
 					sourceUrl.value ? (openBlock(), createElementBlock("div", {
 						key: 3,
 						class: "o-doc-title-dlg-action-box",
 						onClick: openSourceUrl
-					}, [createElementVNode("div", _hoisted_14, [createVNode(unref(OIcon), null, {
+					}, [createElementVNode("div", _hoisted_13, [createVNode(unref(OIcon), null, {
 						default: withCtx(() => [createVNode(unref(icon_outlink_default))]),
 						_: 1
-					})]), createElementVNode("div", _hoisted_15, toDisplayString(unref(t)("md.gitSource")), 1)])) : createCommentVNode("", true)
-				])]),
+					})]), createElementVNode("div", _hoisted_14, toDisplayString(unref(t)("md.gitSourceShort")), 1)])) : createCommentVNode("", true)
+				], 2)]),
 				_: 1
 			}, 8, ["visible"])) : createCommentVNode("", true)], 64);
 		};

package/dist/treeshaking/components/article/components/{DocTitle.vue_vue_type_style_index_0_scoped_ea84d56c_lang.css → DocTitle.vue_vue_type_style_index_0_scoped_12467c9f_lang.css}

@@ -1,236 +1,239 @@
-.hover-icon-rotate .o-icon[data-v-ea84d56c] {
+.hover-icon-rotate .o-icon[data-v-12467c9f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-ea84d56c] {
+.hover-icon-rotate:hover .o-icon[data-v-12467c9f] {
     transform: rotate(-180deg);
 }
 }
-.o-doc-title[data-v-ea84d56c] {
+.o-doc-title[data-v-12467c9f] {
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding: 16px;
   border-radius: var(--o-radius-xs);
-  background-image: var(--bc7b9dec);
+  background-image: var(--v2780f8b8);
   background-position: 100% 100%;
   background-repeat: no-repeat;
   background-size: cover;
 }
 @media (max-width: 1680px) {
-.o-doc-title[data-v-ea84d56c] {
+.o-doc-title[data-v-12467c9f] {
     gap: 8px;
     padding: 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-doc-title[data-v-ea84d56c] {
+.o-doc-title[data-v-12467c9f] {
     gap: 8px;
     padding: 8px;
 }
 }
 @media (max-width: 840px) {
-.o-doc-title[data-v-ea84d56c] {
+.o-doc-title[data-v-12467c9f] {
     gap: 12px;
     padding: 16px;
 }
 }
-.o-doc-title .o-doc-title-content[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-content[data-v-12467c9f] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-width: 0;
 }
-.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+.o-doc-title .o-doc-title-text[data-v-12467c9f] h1 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 32px;
   line-height: 44px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+.o-doc-title .o-doc-title-text[data-v-12467c9f] h1 {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+.o-doc-title .o-doc-title-text[data-v-12467c9f] h1 {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+.o-doc-title .o-doc-title-text[data-v-12467c9f] h1 {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+.o-doc-title .o-doc-title-text[data-v-12467c9f] h1 {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions[data-v-12467c9f] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 12px;
 }
 @media (max-width: 1680px) {
-.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions[data-v-12467c9f] {
     margin-top: 8px;
 }
 }
 @media (max-width: 840px) {
-.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions[data-v-12467c9f] {
     margin-top: 0;
 }
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-more[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-more[data-v-12467c9f] {
   font-size: 24px;
   color: var(--o-color-info2);
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] .o-link-label {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-12467c9f] .o-link-label {
   display: flex;
   align-items: center;
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-12467c9f] {
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-12467c9f] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-12467c9f] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-12467c9f] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-12467c9f] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-12467c9f] {
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-12467c9f] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-12467c9f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-12467c9f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-12467c9f] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-actions-left[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-actions-left[data-v-12467c9f] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c],
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c],
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-12467c9f],
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-12467c9f],
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-12467c9f] {
   font-size: 24px;
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c]:hover,
-  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c]:hover,
-  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c]:hover {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-12467c9f]:hover,
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-12467c9f]:hover,
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-12467c9f]:hover {
     color: var(--o-color-info1);
 }
 }
 @media (max-width: 1680px) {
-.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c],
-  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c],
-  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c] {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-12467c9f],
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-12467c9f],
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-12467c9f] {
     font-size: 20px;
 }
 }
-.o-doc-title.is-simple[data-v-ea84d56c] {
+.o-doc-title.is-simple[data-v-12467c9f] {
   padding: 0;
   background-image: none;
   background-color: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-doc-title.first-h1[data-v-ea84d56c] {
+.o-doc-title.first-h1[data-v-12467c9f] {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 }
-.o-doc-title-dlg-action-box-container[data-v-ea84d56c] {
+.o-doc-title-dlg-action-box-container[data-v-12467c9f] {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   column-gap: 8px;
   row-gap: 24px;
 }
-.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box[data-v-ea84d56c] {
+.o-doc-title-dlg-action-box-container.is-center[data-v-12467c9f] {
+  justify-content: center;
+}
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box[data-v-12467c9f] {
   flex: 0 0 calc(33.333% - 8px);
   align-items: center;
   display: flex;
   flex-direction: column;
 }
-.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-icon[data-v-ea84d56c] {
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-icon[data-v-12467c9f] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -240,7 +243,7 @@
   border-radius: 50%;
   font-size: 24px;
 }
-.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-label[data-v-ea84d56c] {
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-label[data-v-12467c9f] {
   margin-top: 8px;
   color: var(--o-color-info1);
 }

package/dist/treeshaking/components/article-anchor/OArticleAnchor.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import OArticleAnchor_vue_vue_type_script_setup_true_lang_default from "./OArticleAnchor.vue_vue_type_script_setup_true_lang.mjs";
-import './OArticleAnchor.vue_vue_type_style_index_0_scoped_6e032ecb_lang.css';
+import './OArticleAnchor.vue_vue_type_style_index_0_scoped_dcc5e0d5_lang.css';
 // src/components/article-anchor/OArticleAnchor.vue
-var OArticleAnchor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticleAnchor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6e032ecb"]]);
+var OArticleAnchor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticleAnchor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dcc5e0d5"]]);
 export { OArticleAnchor_default as default };

package/dist/treeshaking/components/article-anchor/OArticleAnchor.vue.d.ts

@@ -2,18 +2,155 @@ import { ArticleAnchorItemT, ArticleAnchorPropsT } from './types';
 declare const _default: import('vue').DefineComponent<ArticleAnchorPropsT, {
     collect: () => void;
     items: import('vue').ComputedRef<ArticleAnchorItemT[]>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ArticleAnchorPropsT> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (link: string) => any;
+    click: (ev: MouseEvent, link?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<ArticleAnchorPropsT> & Readonly<{
+    onChange?: ((link: string) => any) | undefined;
+    onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+}>, {
     size: "pc" | "pad" | "mobile";
     items: ArticleAnchorItemT[];
+    bounds: number;
+    changeHash: boolean;
     radius: string;
     showTitle: boolean;
     selector: string | HTMLElement;
     autoExtract: boolean;
     maxLevel: number;
     writeId: boolean;
+    idPrefix: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     pcSlotRef: HTMLDivElement;
     padSlotRef: HTMLDivElement;
     hiddenSlotRef: HTMLDivElement;
+    anchorRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small" | "menu";
+            layout: "h" | "v";
+            bounds: number;
+            targetOffset: number;
+            changeHash: boolean;
+        }> & Omit<{
+            readonly size: "small" | "medium" | "menu";
+            readonly layout: "v" | "h";
+            readonly targetOffset: number;
+            readonly bounds: number;
+            readonly changeHash: boolean;
+            readonly container?: string | Window | HTMLElement | undefined;
+            readonly onChange?: ((link: string) => any) | undefined | undefined;
+            readonly onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "layout" | "targetOffset" | "bounds" | "changeHash">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            anchorRef: HTMLDivElement;
+            anchorItemsRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", link: string) => void) & ((event: "click", ev: MouseEvent, link?: string | undefined) => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            layout: {
+                type: import('vue').PropType<import('@opensig/opendesign').AnchorDirectionT>;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').AnchorSizeT>;
+                default: string;
+            };
+            container: {
+                type: import('vue').PropType<string | HTMLElement | Window>;
+            };
+            bounds: {
+                type: NumberConstructor;
+                default: number;
+            };
+            targetOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
+            changeHash: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onChange?: ((link: string) => any) | undefined;
+            onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (link: string) => any;
+            click: (ev: MouseEvent, link?: string | undefined) => any;
+        }, string, {
+            size: "medium" | "small" | "menu";
+            layout: "h" | "v";
+            bounds: number;
+            targetOffset: number;
+            changeHash: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small" | "menu";
+        layout: "h" | "v";
+        bounds: number;
+        targetOffset: number;
+        changeHash: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        layout: {
+            type: import('vue').PropType<import('@opensig/opendesign').AnchorDirectionT>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').AnchorSizeT>;
+            default: string;
+        };
+        container: {
+            type: import('vue').PropType<string | HTMLElement | Window>;
+        };
+        bounds: {
+            type: NumberConstructor;
+            default: number;
+        };
+        targetOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        changeHash: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((link: string) => any) | undefined;
+        onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+    }>, "size" | "layout" | "targetOffset" | "bounds" | "changeHash"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
 }, any>;
 export default _default;