windmill-components 1.82.4 → 1.82.5

package/components/apps/svelte-grid/Grid.svelte

@@ -12,8 +12,7 @@ export let gap = [10, 10];
 export let fastStart = false;
 export let throttleUpdate = 100;
 export let throttleResize = 100;
-export let selectedIds;
-export let allIdsInPath;
+export let onTopId = undefined;
 export let containerWidth = undefined;
 export let scroller = undefined;
 export let sensor = 20;
@@ -24,6 +23,12 @@ $: [gapX, gapY] = gap;
 let xPerPx = 0;
 let yPerPx = rowHeight;
 $: containerHeight = getContainerHeight(items, yPerPx, getComputedCols);
+const pointerup = (ev) => {
+    dispatch('pointerup', {
+        id: ev.detail.id,
+        cols: getComputedCols
+    });
+};
 const onResize = throttle(() => {
     items = specifyUndefinedColumns(items, getComputedCols, cols);
     dispatch('resize', {
@@ -79,28 +84,23 @@ const updateMatrix = ({ detail }) => {
         }
         citems = JSON.parse(JSON.stringify(initItems));
     }
-    let nselectedIds = selectedIds ?? [];
-    if (detail.id && !selectedIds?.includes(detail.id)) {
-        nselectedIds = [detail.id, ...(selectedIds ?? [])];
-    }
-    sortedItems = citems;
-    for (let id of nselectedIds) {
-        let activeItem = getItemById(id, sortedItems);
-        if (activeItem) {
-            activeItem = {
-                ...activeItem,
-                [getComputedCols]: {
-                    ...activeItem[getComputedCols],
-                    ...shadows[id]
-                }
-            };
-            sortedItems = moveItem(activeItem, sortedItems, getComputedCols, getItemById(id, sortedItems));
-        }
-    }
-    for (let id of nselectedIds ?? []) {
-        if (detail.activate) {
-            moveResizes?.[id]?.inActivate();
-        }
+    let activeItem = getItemById(detail.id, citems);
+    if (activeItem) {
+        activeItem = {
+            ...activeItem,
+            [getComputedCols]: {
+                ...activeItem[getComputedCols],
+                ...detail.shadow
+            }
+        };
+        sortedItems = moveItem(activeItem, citems, getComputedCols, getItemById(detail.id, citems));
+        if (detail.onUpdate)
+            detail.onUpdate();
+        dispatch('change', {
+            unsafeItem: activeItem,
+            id: activeItem.id,
+            cols: getComputedCols
+        });
     }
     if (isPointerUp) {
         dispatch('redraw', sortGridItemsPosition(JSON.parse(JSON.stringify(sortedItems)), getComputedCols));
@@ -115,35 +115,15 @@ const handleRepaint = ({ detail }) => {
         updateMatrix({ detail });
     }
 };
-let moveResizes = {};
-let shadows = {};
-export function handleMove({ detail }) {
-    Object.entries(moveResizes).forEach(([id, moveResize]) => {
-        if (selectedIds?.includes(id)) {
-            moveResize?.updateMove(JSON.parse(JSON.stringify(detail.cordDiff)), detail.eventY);
-        }
-    });
-    throttleMatrix({ detail: { isPointerUp: false, activate: false } });
-}
-export function handleInitMove({ detail }) {
-    Object.entries(moveResizes).forEach(([id, moveResize]) => {
-        if (selectedIds?.includes(id)) {
-            moveResize?.initmove();
-        }
-    });
-}
 </script>
 
 <div class="svlt-grid-container" style="height: {containerHeight}px" bind:this={container}>
 	{#if xPerPx || !fastStart}
 		{#each sortedItems as item (item.id)}
 			<MoveResize
-				on:initmove={handleInitMove}
-				on:move={handleMove}
-				bind:shadow={shadows[item.id]}
-				bind:this={moveResizes[item.id]}
 				on:repaint={handleRepaint}
-				onTop={Boolean(allIdsInPath?.includes(item.id))}
+				on:pointerup={pointerup}
+				onTop={item.id == onTopId}
 				id={item.id}
 				{xPerPx}
 				{yPerPx}
@@ -160,9 +140,16 @@ export function handleInitMove({ detail }) {
 				{sensor}
 				container={scroller}
 				nativeContainer={container}
+				let:resizePointerDown
+				let:movePointerDown
 			>
 				{#if item[getComputedCols]}
-					<slot dataItem={item} item={item[getComputedCols]} />
+					<slot
+						{movePointerDown}
+						{resizePointerDown}
+						dataItem={item}
+						item={item[getComputedCols]}
+					/>
 				{/if}
 			</MoveResize>
 		{/each}
@@ -173,7 +160,4 @@ export function handleInitMove({ detail }) {
 	.svlt-grid-container {
 		position: relative;
 		width: 100%;
-		-webkit-user-select: none;
-		   -moz-user-select: none;
-		        user-select: none;
 	}</style>

package/components/apps/svelte-grid/Grid.svelte.d.ts

@@ -9,28 +9,29 @@ declare class __sveltets_Render<T> {
         fastStart?: boolean | undefined;
         throttleUpdate?: number | undefined;
         throttleResize?: number | undefined;
-        selectedIds: string[] | undefined;
-        allIdsInPath: string[] | undefined;
+        onTopId?: string | undefined;
         containerWidth?: number | undefined;
         scroller?: HTMLElement | undefined;
         sensor?: number | undefined;
         parentWidth?: number | undefined;
-        handleMove?: (({ detail }: {
-            detail: any;
-        }) => void) | undefined;
-        handleInitMove?: (({ detail }: {
-            detail: any;
-        }) => void) | undefined;
     };
     events(): {
+        pointerup: CustomEvent<any>;
         resize: CustomEvent<any>;
         mount: CustomEvent<any>;
+        change: CustomEvent<any>;
         redraw: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {
         default: {
+            movePointerDown: ({ clientX, clientY, target }: {
+                clientX: any;
+                clientY: any;
+                target: any;
+            }) => void;
+            resizePointerDown: (e: any) => void;
             dataItem: FilledItem<T>;
             item: Required<import("./types").ItemLayout>;
         };
@@ -40,11 +41,5 @@ export type GridProps<T> = ReturnType<__sveltets_Render<T>['props']>;
 export type GridEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
 export type GridSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 export default class Grid<T> extends SvelteComponentTyped<GridProps<T>, GridEvents<T>, GridSlots<T>> {
-    get handleMove(): ({ detail }: {
-        detail: any;
-    }) => void;
-    get handleInitMove(): ({ detail }: {
-        detail: any;
-    }) => void;
 }
 export {};

package/components/apps/svelte-grid/MoveResize.svelte

@@ -15,9 +15,8 @@ export let item;
 export let cols;
 export let nativeContainer;
 export let onTop;
-export let shadow = undefined;
-const divId = `component-${id}`;
 let shadowElement;
+let shadow = undefined;
 let active = false;
 let initX, initY;
 let capturePos = {
@@ -28,7 +27,7 @@ let cordDiff = { x: 0, y: 0 };
 let newSize = { width, height };
 let trans = false;
 let anima;
-export function inActivate() {
+const inActivate = () => {
     if (shadowElement && shadow != undefined) {
         let subgrid = shadowElement.closest('.subgrid');
         let irect = shadowElement.getBoundingClientRect();
@@ -58,14 +57,18 @@ export function inActivate() {
         clearTimeout(anima);
         anima = setTimeout(() => {
             trans = false;
-        }, 50);
+        }, 100);
+        dispatch('pointerup', {
+            id
+        });
     }
-}
-let repaint = (activate, isPointerUp) => {
+};
+let repaint = (cb, isPointerUp) => {
     dispatch('repaint', {
         id,
+        shadow,
         isPointerUp,
-        activate
+        onUpdate: cb
     });
 };
 // Autoscroll
@@ -75,7 +78,7 @@ let rect;
 let scrollElement;
 const getContainerFrame = (element) => {
     if (element === document.documentElement || !element) {
-        const { top, bottom } = nativeContainer.getBoundingClientRect();
+        const { height, top, right, bottom, left } = nativeContainer.getBoundingClientRect();
         return {
             top: Math.max(0, top),
             bottom: Math.min(window.innerHeight, bottom)
@@ -84,13 +87,11 @@ const getContainerFrame = (element) => {
     return element.getBoundingClientRect();
 };
 const getScroller = (element) => (!element ? document.documentElement : element);
-function computeRect() {
-    let gridItem = document.getElementById(divId);
-    if (!gridItem)
-        return;
+function computeRect(target) {
+    let gridItem = target.closest('.svlt-grid-item');
     let subgrid = gridItem.closest('.subgrid');
     let irect = gridItem.getBoundingClientRect();
-    if (subgrid && subgrid.parentElement) {
+    if (subgrid) {
         let subGridParent = subgrid.parentElement;
         let subGridParentRect = subGridParent.getBoundingClientRect();
         let prect = subgrid.getBoundingClientRect();
@@ -108,28 +109,25 @@ function computeRect() {
     }
 }
 let dragClosure = undefined;
-const pointerdown = ({ clientX, clientY }) => {
+const pointerdown = ({ clientX, clientY, target }) => {
     dragClosure = () => {
         dragClosure = undefined;
         initX = clientX;
         initY = clientY;
-        dispatch('initmove');
+        capturePos = { x: left, y: top };
+        shadow = { x: item.x, y: item.y, w: item.w, h: item.h };
+        newSize = { width, height };
+        containerFrame = getContainerFrame(container);
+        scrollElement = getScroller(container);
+        cordDiff = { x: 0, y: 0 };
+        active = true;
+        trans = false;
+        computeRect(target);
+        _scrollTop = scrollElement.scrollTop;
     };
     window.addEventListener('pointermove', pointermove);
     window.addEventListener('pointerup', pointerup);
 };
-export function initmove() {
-    computeRect();
-    newSize = { width, height };
-    capturePos = { x: left, y: top };
-    shadow = { x: item.x, y: item.y, w: item.w, h: item.h };
-    cordDiff = { x: 0, y: 0 };
-    active = true;
-    trans = false;
-    containerFrame = getContainerFrame(container);
-    scrollElement = getScroller(container);
-    _scrollTop = scrollElement.scrollTop;
-}
 let sign = { x: 0, y: 0 };
 let vel = { x: 0, y: 0 };
 let intervalId = undefined;
@@ -140,8 +138,8 @@ const stopAutoscroll = () => {
     vel = { x: 0, y: 0 };
 };
 const update = () => {
+    const _newScrollTop = scrollElement.scrollTop - _scrollTop;
     const boundX = capturePos.x + cordDiff.x;
-    const _newScrollTop = (scrollElement?.scrollTop ?? 0) - (_scrollTop ?? 0);
     const boundY = capturePos.y + (cordDiff.y + _newScrollTop);
     let gridX = Math.round(boundX / xPerPx);
     let gridY = Math.round(boundY / yPerPx);
@@ -149,6 +147,7 @@ const update = () => {
         shadow.x = Math.max(Math.min(gridX, cols - shadow.w), 0);
         shadow.y = Math.max(gridY, 0);
     }
+    repaint(undefined, false);
 };
 const pointermove = (event) => {
     dragClosure && dragClosure();
@@ -156,68 +155,49 @@ const pointermove = (event) => {
     event.stopPropagation();
     event.stopImmediatePropagation();
     const { clientX, clientY } = event;
-    const cordDiff = { x: clientX - initX, y: clientY - initY };
-    dispatch('move', { cordDiff, clientY });
-};
-export function updateMove(newCoordDiff, clientY) {
-    if (!active) {
-        active = true;
-    }
-    if (trans) {
-        trans = false;
-    }
-    cordDiff = newCoordDiff;
-    // console.log(cordDiff, id, 'B')
+    cordDiff = { x: clientX - initX, y: clientY - initY };
     const Y_SENSOR = sensor;
-    if (containerFrame) {
-        let velocityTop = Math.max(0, (containerFrame.top + Y_SENSOR - clientY) / Y_SENSOR);
-        let velocityBottom = Math.max(0, (clientY - (containerFrame.bottom - Y_SENSOR)) / Y_SENSOR);
-        const topSensor = velocityTop > 0 && velocityBottom === 0;
-        const bottomSensor = velocityBottom > 0 && velocityTop === 0;
-        sign.y = topSensor ? -1 : bottomSensor ? 1 : 0;
-        vel.y = sign.y === -1 ? velocityTop : velocityBottom;
-        if (vel.y > 0) {
-            if (!intervalId) {
-                // Start scrolling
-                // TODO Use requestAnimationFrame
-                intervalId = setInterval(() => {
-                    scrollElement.scrollTop += 2 * (vel.y + Math.sign(vel.y)) * sign.y;
-                    update();
-                }, 10);
-            }
-        }
-        else if (intervalId) {
-            stopAutoscroll();
-        }
-        else {
-            update();
+    let velocityTop = Math.max(0, (containerFrame.top + Y_SENSOR - clientY) / Y_SENSOR);
+    let velocityBottom = Math.max(0, (clientY - (containerFrame.bottom - Y_SENSOR)) / Y_SENSOR);
+    const topSensor = velocityTop > 0 && velocityBottom === 0;
+    const bottomSensor = velocityBottom > 0 && velocityTop === 0;
+    sign.y = topSensor ? -1 : bottomSensor ? 1 : 0;
+    vel.y = sign.y === -1 ? velocityTop : velocityBottom;
+    if (vel.y > 0) {
+        if (!intervalId) {
+            // Start scrolling
+            // TODO Use requestAnimationFrame
+            intervalId = setInterval(() => {
+                scrollElement.scrollTop += 2 * (vel.y + Math.sign(vel.y)) * sign.y;
+                update();
+            }, 10);
         }
     }
+    else if (intervalId) {
+        stopAutoscroll();
+    }
     else {
         update();
     }
-}
+};
 const pointerup = (e) => {
+    dragClosure = undefined;
     stopAutoscroll();
     window.removeEventListener('pointerdown', pointerdown);
     window.removeEventListener('pointermove', pointermove);
     window.removeEventListener('pointerup', pointerup);
-    if (!dragClosure) {
-        repaint(true, true);
-    }
-    else {
-        dragClosure = undefined;
-    }
+    repaint(inActivate, true);
 };
+// Resize
 let resizeInitPos = { x: 0, y: 0 };
 let initSize = { width: 0, height: 0 };
 const resizePointerDown = (e) => {
     e.stopPropagation();
-    const { pageX, pageY } = e;
+    const { pageX, pageY, target } = e;
     resizeInitPos = { x: pageX, y: pageY };
     initSize = { width, height };
     cordDiff = { x: 0, y: 0 };
-    computeRect();
+    computeRect(target);
     newSize = { width, height };
     active = true;
     trans = false;
@@ -239,12 +219,12 @@ const resizePointerMove = ({ pageX, pageY }) => {
         // Limit col & row
         shadow.w = Math.round((newSize.width + gapX * 2) / xPerPx);
         shadow.h = Math.round((newSize.height + gapY * 2) / yPerPx);
-        repaint(false, false);
+        repaint(undefined, false);
     }
 };
 const resizePointerUp = (e) => {
     e.stopPropagation();
-    repaint(true, true);
+    repaint(inActivate, true);
     window.removeEventListener('pointermove', resizePointerMove);
     window.removeEventListener('pointerup', resizePointerUp);
 };
@@ -254,19 +234,18 @@ const resizePointerUp = (e) => {
 <div
 	draggable="false"
 	on:pointerdown|stopPropagation|preventDefault={pointerdown}
-	id={divId}
 	class="svlt-grid-item"
 	class:svlt-grid-active={active || (trans && rect)}
 	style="width: {active ? newSize.width : width}px; height:{active
 		? newSize.height
 		: height}px; {onTop ? 'z-index: 1000;' : ''}
-  {active && rect
+  {active
 		? `transform: translate(${cordDiff.x}px, ${cordDiff.y}px);top:${rect.top}px;left:${rect.left}px;`
 		: trans
 		? `transform: translate(${cordDiff.x}px, ${cordDiff.y}px); position:absolute; transition: width 0.2s, height 0.2s;`
 		: `transition: transform 0.1s, opacity 0.1s; transform: translate(${left}px, ${top}px); `} "
 >
-	<slot />
+	<slot movePointerDown={pointerdown} {resizePointerDown} />
 	<div class="svlt-grid-resizer" on:pointerdown={resizePointerDown} />
 </div>
 

package/components/apps/svelte-grid/MoveResize.svelte.d.ts

@@ -16,33 +16,27 @@ declare const __propDef: {
         cols: any;
         nativeContainer: any;
         onTop: any;
-        shadow?: {
-            x: number;
-            y: number;
-            w: number;
-            h: number;
-        } | undefined;
-        inActivate?: (() => void) | undefined;
-        initmove?: (() => void) | undefined;
-        updateMove?: ((newCoordDiff: any, clientY: any) => void) | undefined;
     };
     events: {
+        pointerup: CustomEvent<any>;
         repaint: CustomEvent<any>;
-        initmove: CustomEvent<any>;
-        move: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            movePointerDown: ({ clientX, clientY, target }: {
+                clientX: any;
+                clientY: any;
+                target: any;
+            }) => void;
+            resizePointerDown: (e: any) => void;
+        };
     };
 };
 export type MoveResizeProps = typeof __propDef.props;
 export type MoveResizeEvents = typeof __propDef.events;
 export type MoveResizeSlots = typeof __propDef.slots;
 export default class MoveResize extends SvelteComponentTyped<MoveResizeProps, MoveResizeEvents, MoveResizeSlots> {
-    get inActivate(): () => void;
-    get initmove(): () => void;
-    get updateMove(): (newCoordDiff: any, clientY: any) => void;
 }
 export {};

package/components/apps/svelte-grid/utils/helper.d.ts

@@ -1,4 +1,5 @@
 declare const gridHelp: {
+    normalize(items: any, col: any): any;
     adjust(items: any, col: any): import("../types").FilledItem<unknown>[];
     item(obj: any): any;
     findSpace(item: any, items: any, cols: any): {

package/components/apps/svelte-grid/utils/helper.js

@@ -14,6 +14,9 @@ function makeItem(item) {
     };
 }
 const gridHelp = {
+    normalize(items, col) {
+        return normalize(items, col);
+    },
     adjust(items, col) {
         return adjust(items, col);
     },

package/components/apps/types.d.ts

@@ -63,7 +63,6 @@ export type InlineScript = {
         key: string;
     }[];
 };
-export type AppCssItemName = 'viewer' | 'grid' | AppComponent['type'];
 export type App = {
     grid: GridItem[];
     fullscreen: boolean;
@@ -79,7 +78,7 @@ export type App = {
         autoRefresh?: boolean;
         doNotRecomputeOnInputChanged?: boolean;
     }>;
-    css?: Partial<Record<AppCssItemName, Record<string, ComponentCssProperty>>>;
+    css?: Partial<Record<'viewer' | 'grid' | AppComponent['type'], Record<string, ComponentCssProperty>>>;
     subgrids?: Record<string, GridItem[]>;
 };
 export type ConnectingInput = {
@@ -92,14 +91,11 @@ export type AppViewerContext = {
     worldStore: Writable<World>;
     app: Writable<App>;
     summary: Writable<string>;
-    selectedComponent: Writable<string[] | undefined>;
+    selectedComponent: Writable<string | undefined>;
     mode: Writable<EditorMode>;
     connectingInput: Writable<ConnectingInput>;
     breakpoint: Writable<EditorBreakpoint>;
-    runnableComponents: Writable<Record<string, {
-        autoRefresh: boolean;
-        cb: (inlineScript?: InlineScript) => Promise<void>;
-    }>>;
+    runnableComponents: Writable<Record<string, (inlineScript?: InlineScript) => Promise<void>>>;
     staticExporter: Writable<Record<string, () => any>>;
     appPath: string;
     workspace: string;
@@ -125,14 +121,13 @@ export type AppViewerContext = {
         setTab?: (index: number) => void;
     }>>;
     hoverStore: Writable<string | undefined>;
-    allIdsInPath: Writable<string[]>;
 };
 export type AppEditorContext = {
     history: History<App> | undefined;
     pickVariableCallback: Writable<((path: string) => void) | undefined>;
     ontextfocus: Writable<(() => void) | undefined>;
     selectedComponentInEditor: Writable<string | undefined>;
-    movingcomponents: Writable<string[] | undefined>;
+    movingcomponent: Writable<string | undefined>;
 };
 export type FocusedGrid = {
     parentComponentId: string;
@@ -145,6 +140,7 @@ type ComponentID = string;
 export type ContextPanelContext = {
     search: Writable<string>;
     manuallyOpened: Writable<Record<string, boolean>>;
+    expanded: Writable<boolean>;
     hasResult: Writable<Record<string, boolean>>;
 };
 export {};

package/components/apps/utils.d.ts

@@ -2,8 +2,6 @@ import type { Schema } from '../../common';
 import type { App, ComponentCssProperty, GridItem } from './types';
 import type { AppInput, InputType, ResultAppInput, StaticAppInput } from './inputType';
 import type { Output } from './rx';
-import { type Writable } from 'svelte/store';
-export declare function selectId(e: PointerEvent, id: string, selectedComponent: Writable<string[] | undefined>, app: App): void;
 export declare function allItems(grid: GridItem[], subgrids: Record<string, GridItem[]> | undefined): GridItem[];
 export declare function loadSchema(workspace: string, path: string, runType: 'script' | 'flow' | 'hubscript'): Promise<Schema>;
 export declare function schemaToInputsSpec(schema: Schema, defaultUserInput: boolean): Record<string, StaticAppInput>;

package/components/apps/utils.js

@@ -1,36 +1,7 @@
 import { FlowService, ScriptService } from '../../gen';
 import { inferArgs } from '../../infer';
-import { emptySchema, sendUserToast } from '../../utils';
+import { emptySchema } from '../../utils';
 import { twMerge } from 'tailwind-merge';
-import { get } from 'svelte/store';
-import { findGridItemParentGrid } from './editor/appUtils';
-export function selectId(e, id, selectedComponent, app) {
-    if (e.shiftKey) {
-        selectedComponent.update((old) => {
-            if (old && old?.[0]) {
-                if (findGridItemParentGrid(app, old[0]) != findGridItemParentGrid(app, id)) {
-                    sendUserToast('Cannot multi select items from different grids', true);
-                    return old;
-                }
-            }
-            if (old == undefined) {
-                return [id];
-            }
-            if (old.includes(id)) {
-                return old;
-            }
-            return [...old, id];
-        });
-    }
-    else {
-        if (get(selectedComponent)?.includes(id)) {
-            return;
-        }
-        else {
-            selectedComponent.set([id]);
-        }
-    }
-}
 export function allItems(grid, subgrids) {
     if (subgrids == undefined) {
         return grid;
@@ -102,8 +73,6 @@ export function fieldTypeToTsType(inputType) {
     switch (inputType) {
         case 'number':
             return 'number';
-        case 'integer':
-            return 'number';
         case 'boolean':
             return 'boolean';
         case 'object':
@@ -165,7 +134,6 @@ ${hasRows ? 'declare const row: Record<string, any>;' : ''}
 ${goto
         ? `declare async function goto(path: string, newTab?: boolean): Promise<void>;
 declare function setTab(id: string, index: string): void;
-declare function recompute(id: string): void;
 `
         : ''}
 declare const state: ${JSON.stringify(state)};

package/components/common/button/ButtonPopup.svelte

@@ -7,7 +7,6 @@ export let color = 'blue';
 export let variant = 'contained';
 export let mainClasses = '';
 export let toggleClasses = '';
-export let listClasses = '';
 export let disabled = false;
 export let href = undefined;
 export let target = '_self';
@@ -60,16 +59,14 @@ $: commonProps = {
 {#if ref}
 	<Popup
 		{ref}
-		let:open
-		let:close
 		options={{
 			placement: $$slots.main ? 'bottom-end' : 'bottom',
 			strategy: 'absolute',
 			modifiers: [{ name: 'offset', options: { offset: [0, 0] } }]
 		}}
 	>
-		<ul class="bg-white rounded-t border pt-1 pb-2 max-h-40 overflow-auto {listClasses}">
-			<slot {open} {close} />
+		<ul class="bg-white rounded-t border pt-1 pb-2 max-h-40 overflow-auto">
+			<slot />
 		</ul>
 	</Popup>
 {/if}

package/components/common/button/ButtonPopup.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         variant?: ButtonType.Variant | undefined;
         mainClasses?: string | undefined;
         toggleClasses?: string | undefined;
-        listClasses?: string | undefined;
         disabled?: boolean | undefined;
         href?: string | undefined;
         target?: ButtonType.Target | undefined;
@@ -25,10 +24,7 @@ declare const __propDef: {
     slots: {
         main: {};
         toggle: {};
-        default: {
-            open: () => void;
-            close: () => void;
-        };
+        default: {};
     };
 };
 export type ButtonPopupProps = typeof __propDef.props;