@type-dom/ui 0.5.0 → 0.6.1

package/dist/components/navigation/td-tabs/td-tabs.class.js

@@ -0,0 +1,228 @@
+import { Div, Fragment, getCurrentInstance, nextTick, provide, unref, watch, useSlots, emit, assignProps, defaultProps, } from '@type-dom/framework';
+import { computed, signal, trigger } from '@type-dom/signals';
+import { ElPlusSvg } from '@type-dom/svgs';
+import { isUndefined } from '@type-dom/utils';
+// import { $colorPrimary, $colors, $textColor } from '../../../styles';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useOrderedChildren } from '../../../hooks/use-ordered-children';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { EVENT_CODE } from '../../../constants';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+// import { TabPaneProps } from '../td-tab-pane/td-tab-pane.interface';
+import { tabsEmits, tabsProps } from './td-tabs.const';
+import { TdTabNav } from './td-tab-nav.class';
+import { tabsRootContextKey } from './constants';
+import './style/index';
+export class TdTabs extends Fragment {
+    currentName;
+    tabNavRef;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, tabsProps);
+        assignProps(this, { emits: tabsEmits });
+    }
+    setup() {
+        const props = this.props;
+        // const emit = this.emit;
+        const ns = useNamespace('tabs');
+        const isVertical = computed(() => ['left', 'right'].includes(unref(props.tabPosition)));
+        // const panes: Ref<IChild[] | undefined> = isRef(props.slot) ? props.slot! : signal(arraySlot(props.slot!));
+        const { children: panes, addChild: sortPane, } = useOrderedChildren(getCurrentInstance(), 'TdTabPane');
+        // console.warn('panes is ', panes);
+        const nav$ = signal();
+        const currentName = signal(unref(props.defaultValue) ?? props.vModel?.get() ?? '0');
+        const setCurrentName = async (value, trigger = false) => {
+            // should do nothing.
+            if (currentName.get() === value || isUndefined(value))
+                return;
+            try {
+                let canLeave;
+                if (props.beforeLeave) {
+                    const result = props.beforeLeave(value, currentName.get());
+                    canLeave = result instanceof Promise ? await result : result;
+                }
+                else {
+                    canLeave = true;
+                }
+                if (canLeave !== false) {
+                    currentName.set(value);
+                    if (trigger) {
+                        emit(this, UPDATE_MODEL_EVENT, value);
+                        emit(this, 'tabChange', value);
+                    }
+                    nav$.get()?.removeFocus?.();
+                }
+            }
+            catch {
+                //   nothing
+            }
+        };
+        const handleTabClick = (tab, tabName, event) => {
+            if (tab.props.disabled)
+                return;
+            emit(this, 'tabClick', tab, event);
+            setCurrentName(tabName, true);
+        };
+        const handleTabRemove = (pane, ev) => {
+            if (pane.props.disabled || isUndefined(pane.props.name))
+                return;
+            ev.stopPropagation();
+            emit(this, 'edit', pane.props.name, 'remove');
+            emit(this, 'tabRemove', pane.props.name);
+        };
+        const handleTabAdd = () => {
+            emit(this, 'edit', undefined, 'add');
+            emit(this, 'tabAdd');
+        };
+        const swapChildren = (vnode) => {
+            const actualFirstChild = vnode.dom.firstChild;
+            const firstChild = ['bottom', 'right'].includes(props.tabPosition)
+                ? vnode.children[0].dom
+                : vnode.children[1].dom;
+            if (actualFirstChild !== firstChild) {
+                actualFirstChild.before(firstChild);
+            }
+        };
+        watch(() => props.vModel?.get(), (modelValue) => setCurrentName(modelValue));
+        watch(currentName, async () => {
+            await nextTick();
+            nav$.get()?.scrollToActiveTab?.();
+        });
+        /**
+         * `panes` 是「数组 signal + 原地增删」，一次 v-for 重渲染会在同一个同步块里
+         * 连续登记/注销多个 pane（候选项先注册、随即被丢弃再注销）。
+         * 逐个 `trigger` 会让 TdTabNav 的 slot 函数反复重渲染，触发 `transformSlot`
+         * 的「疑似死循环」保护（100ms 内 5 次）而**彻底停止后续更新**，
+         * 表现为删除 tab 后残留旧 DOM。这里按微任务合并通知
+         * （与 `useOrderedChildren` 的 `scheduleSort` 同一思路）。
+         */
+        let notifyScheduled = false;
+        const notifyPanes = () => {
+            if (notifyScheduled)
+                return;
+            notifyScheduled = true;
+            Promise.resolve().then(() => {
+                notifyScheduled = false;
+                trigger(panes);
+            });
+        };
+        provide(tabsRootContextKey, {
+            props,
+            currentName,
+            /**
+             * 登记 pane。
+             *
+             * 注意：pane 不走 `useOrderedChildren` 的 `addChild`（它按 `vm.childNodes`
+             * 排序，而 v-for 渲染出的 pane 并不挂在当前实例的 childNodes 上），
+             * 因此这里直接维护 `panes` 数组，并与 `unregisterPane` 严格对称。
+             * 按 uid 去重：v-for 重渲染时同一个 pane 实例不会被重复登记。
+             */
+            registerPane: (pane) => {
+                // console.warn('registerPane', pane);
+                const list = panes.get() ?? [];
+                if (list.some((item) => item.uid === pane.uid))
+                    return;
+                list.push(pane);
+                notifyPanes(); // 手动触发通知；
+            },
+            sortPane,
+            /**
+             * 注销 pane。
+             *
+             * 不能用 `useOrderedChildren` 的 `removeChild`：它只删 `childrenMap`
+             * （`registerPane` 从未写入过），并会 `scheduleSort()` 触发
+             * `sortChildren()`，而后者的排序源 `getOrderedChildren` 看不到 v-for
+             * 渲染出的 pane，会把 `panes` 整体清空 —— 删一个 tab 会导致全部 tab 消失。
+             */
+            unregisterPane: (target) => {
+                const uid = typeof target === 'number' ? target : target?.uid;
+                if (uid === undefined)
+                    return;
+                const list = panes.get() ?? [];
+                const index = list.findIndex((item) => item.uid === uid);
+                if (index === -1)
+                    return;
+                list.splice(index, 1);
+                notifyPanes();
+            },
+            nav$
+        });
+        this.currentName = currentName;
+        this.tabNavRef = nav$;
+        const slots = useSlots();
+        const addSlot = slots?.addIcon;
+        const newButton = props.editable || props.addable
+            ? new Div({
+                class: [
+                    ns.e('new-tab'),
+                    isVertical.get() && ns.e('new-tab-vertical'),
+                ],
+                attrObj: {
+                    tabindex: '0',
+                },
+                onClick: handleTabAdd,
+                onKeydown: (ev) => {
+                    if (ev &&
+                        [EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(ev.code))
+                        handleTabAdd();
+                },
+                slot: addSlot
+                    ? slots.addIcon
+                    : new TdIcon({
+                        class: ns.is('icon-plus'),
+                        slot: new ElPlusSvg(),
+                    }),
+            })
+            : undefined;
+        const tabNav = new TdTabNav({
+            refEl: nav$,
+            currentName: currentName.get(),
+            editable: props.editable,
+            type: props.type,
+            panes: panes,
+            stretch: props.stretch,
+            onTabClick: handleTabClick,
+            onTabRemove: handleTabRemove,
+        });
+        const header = new Div({
+            class: computed(() => [
+                ns.e('header'),
+                isVertical.get() && ns.e('header-vertical'),
+                ns.is(unref(props.tabPosition)),
+            ]),
+            slot: [
+                tabNav,
+                newButton,
+            ],
+        });
+        // const panels = new Div({
+        //   class: ns.e('content'),
+        //   slot: props.slot ?? slots?.default, // props.slot是computed时，将退出；inject(tabsRootContextKey) 是 undefined.
+        // });
+        this.addChild(new Div({
+            class: computed(() => [
+                ns.b(),
+                ns.m(unref(props.tabPosition)),
+                {
+                    [ns.m('card')]: props.type === 'card',
+                    [ns.m('border-card')]: props.type === 'border-card',
+                },
+                props.class
+            ]),
+            styleObj: props.styleObj,
+            attrObj: {
+                tabindex: String(props.tabindex ?? 0),
+            },
+            onVnodeMounted: swapChildren,
+            onVnodeUpdated: swapChildren,
+            slot: [
+                new Div({
+                    class: ns.e('content'),
+                    slot: props.slot ?? slots?.default,
+                }),
+                header
+            ],
+        }));
+    }
+}
+//# sourceMappingURL=td-tabs.class.js.map

package/dist/components/navigation/td-tabs/td-tabs.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tabs.class.js","sourceRoot":"","sources":["../../../../src/components/navigation/td-tabs/td-tabs.class.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/td-tabs/td-tabs.const.d.ts

@@ -0,0 +1,12 @@
+import { TabPaneName, TabsProps } from './td-tabs.interface';
+import { TabsPaneContext } from './constants';
+export declare const tabsProps: TabsProps;
+export declare const tabsEmits: {
+    "update:modelValue": (name: TabPaneName) => name is string | number;
+    tabClick: (_pane: TabsPaneContext, ev: Event) => boolean;
+    tabChange: (name: TabPaneName) => name is string | number;
+    edit: (_paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
+    tabRemove: (name: TabPaneName) => name is string | number;
+    tabAdd: () => boolean;
+};
+//# sourceMappingURL=td-tabs.const.d.ts.map

package/dist/components/navigation/td-tabs/td-tabs.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tabs.const.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/td-tabs/td-tabs.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,SAAS,EAAE,SAMvB,CAAC;AAKF,eAAO,MAAM,SAAS;gCACS,WAAW;sBACtB,eAAe,MAAM,KAAK;sBAC1B,WAAW;sBACX,WAAW,GAAG,SAAS,UAAU,QAAQ,GAAG,KAAK;sBAEjD,WAAW;;CAE9B,CAAC"}

package/dist/components/navigation/td-tabs/td-tabs.const.js

@@ -0,0 +1,19 @@
+import { isNumber, isString } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event';
+export const tabsProps = {
+    type: '',
+    tabPosition: 'top',
+    beforeLeave: () => true,
+    defaultValue: undefined,
+    tabindex: 0,
+};
+const isPaneName = (value) => isString(value) || isNumber(value);
+export const tabsEmits = {
+    [UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
+    tabClick: (_pane, ev) => ev instanceof Event,
+    tabChange: (name) => isPaneName(name),
+    edit: (_paneName, action) => ['remove', 'add'].includes(action),
+    tabRemove: (name) => isPaneName(name),
+    tabAdd: () => true,
+};
+//# sourceMappingURL=td-tabs.const.js.map

package/dist/components/navigation/td-tabs/td-tabs.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tabs.const.js","sourceRoot":"","sources":["../../../../src/components/navigation/td-tabs/td-tabs.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAI9D,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;IACvB,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAc,EAA4B,EAAE,CAC9D,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,kBAAkB,CAAC,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;IAC7D,QAAQ,EAAE,CAAC,KAAsB,EAAE,EAAS,EAAE,EAAE,CAAC,EAAE,YAAY,KAAK;IACpE,SAAS,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;IAClD,IAAI,EAAE,CAAC,SAAkC,EAAE,MAAwB,EAAE,EAAE,CACrE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;IACpC,SAAS,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;CACnB,CAAC"}

package/dist/components/navigation/td-tabs/td-tabs.interface.d.ts

@@ -0,0 +1,72 @@
+import { IFragment, FragmentProps, MaybeRef, Ref } from '@type-dom/framework';
+import { Awaitable } from '@type-dom/utils';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+export interface ITdTabs extends IFragment {
+}
+export interface TabsProps extends FragmentProps {
+    /**
+     * @description type of Tab
+     *     default: '',
+     */
+    type?: 'card' | 'border-card' | '';
+    /**
+     * @description whether Tab is closable
+     */
+    closable?: boolean;
+    /**
+     * @description whether Tab is addable
+     */
+    addable?: boolean;
+    /**
+     * @description binding value, name of the selected tab
+     */
+    modelValue?: string | number;
+    vModel?: Ref<string | number>;
+    /**
+     * @description value of the tab that is active on initial render (avoids mutating v-model on init)
+     */
+    defaultValue?: string | number;
+    /**
+     * @description tabindex of the tabs container
+     *     default: 0,
+     */
+    tabindex?: string | number;
+    /**
+     * @description whether Tab is addable and closable
+     */
+    editable?: boolean;
+    /**
+     * @description position of tabs
+     *     default: 'top',
+     */
+    tabPosition?: MaybeRef<'top' | 'right' | 'bottom' | 'left' | undefined>;
+    /**
+     * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented
+     *     default: () => true,
+     */
+    beforeLeave?: (newName: TabPaneName, oldName: TabPaneName | undefined) => Awaitable<void | boolean>;
+    /**
+     * @description whether width of tab automatically fits its container
+     */
+    stretch?: boolean;
+    slots?: {
+        addIcon?: TdIcon;
+    };
+}
+export type TabsPanes = Record<number, TabsPaneContext>;
+export type TabPaneName = string | number;
+export type TabsPaneContext = {
+    uid: number;
+    config: TabsProps;
+    paneName: TabPaneName;
+    active: boolean;
+    index: string | undefined;
+    isClosable: boolean;
+};
+export interface ITabsRootContext {
+    config: TabsProps;
+    currentName: TabPaneName;
+    registerPane: (pane: TabsPaneContext) => void;
+    unregisterPane: (uid: number) => void;
+}
+//# sourceMappingURL=td-tabs.interface.d.ts.map

package/dist/components/navigation/td-tabs/td-tabs.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tabs.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/td-tabs/td-tabs.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAG3D,MAAM,WAAW,OAAQ,SAAQ,SAAS;CACzC;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,EAAE,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,KAAK,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IAIpG;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAC1C,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC"}

package/dist/components/navigation/td-tabs/td-tabs.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-tabs.interface.js","sourceRoot":"","sources":["../../../../src/components/navigation/td-tabs/td-tabs.interface.ts"],"names":[],"mappings":""}

package/dist/components/others/collapsible-box/collapsible-box.d.ts

@@ -0,0 +1,14 @@
+import { Div } from '@type-dom/framework';
+import { CollapsibleBoxContents } from './contents/contents';
+import { ExpandHeading } from './heading/expand-heading';
+/**
+ * 可收缩盒子组件
+ */
+export declare class CollapsibleBox extends Div {
+    childNodes: [ExpandHeading, CollapsibleBoxContents];
+    heading: ExpandHeading;
+    contents: CollapsibleBoxContents;
+    constructor();
+    get children(): (CollapsibleBoxContents | ExpandHeading)[];
+}
+//# sourceMappingURL=collapsible-box.d.ts.map

package/dist/components/others/collapsible-box/collapsible-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-box.d.ts","sourceRoot":"","sources":["../../../../src/components/others/collapsible-box/collapsible-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,qBAAa,cAAe,SAAQ,GAAG;IAC5B,UAAU,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;IAC7D,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,sBAAsB,CAAC;;IAqBjC,IAAa,QAAQ,+CAEpB;CACF"}

package/dist/components/others/collapsible-box/collapsible-box.js

@@ -0,0 +1,33 @@
+import { addAttrName, addStyleObj, Div } from '@type-dom/framework';
+import { CollapsibleBoxContents } from './contents/contents';
+import { ExpandHeading } from './heading/expand-heading';
+/**
+ * 可收缩盒子组件
+ */
+export class CollapsibleBox extends Div {
+    childNodes;
+    heading;
+    contents;
+    constructor() {
+        super();
+        addAttrName(this, 'collapsible-box');
+        addStyleObj(this, {
+            // borderTop: '1px solid #dddddd',
+            // borderBottom: '1px solid #dddddd',
+            listStyle: 'none',
+            padding: '3px',
+            marginBottom: '5px',
+        });
+        this.heading = new ExpandHeading('标题');
+        this.heading.parent = this;
+        this.contents = new CollapsibleBoxContents();
+        // 继承的类不能赋值this.contents;只能给this.contents添加子元素
+        this.contents.parent = this;
+        this.childNodes = [this.heading, this.contents];
+    }
+    // contents重新赋值后，children刷新。render渲染会变。
+    get children() {
+        return [this.heading, this.contents];
+    }
+}
+//# sourceMappingURL=collapsible-box.js.map

package/dist/components/others/collapsible-box/collapsible-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-box.js","sourceRoot":"","sources":["../../../../src/components/others/collapsible-box/collapsible-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,GAAG;IAC5B,UAAU,CAA0C;IAC7D,OAAO,CAAgB;IACvB,QAAQ,CAAyB;IAEjC;QACE,KAAK,EAAE,CAAC;QACR,WAAW,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QACrC,WAAW,CAAC,IAAI,EAAE;YAChB,kCAAkC;YAClC,qCAAqC;YACrC,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,KAAK;YACd,YAAY,EAAE,KAAK;SACpB,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;QAC7C,8CAA8C;QAC9C,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,uCAAuC;IACvC,IAAa,QAAQ;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;CACF"}

package/dist/components/others/collapsible-box/contents/contents.d.ts

@@ -0,0 +1,7 @@
+import { Div } from '@type-dom/framework';
+import { CollapsibleBox } from '../collapsible-box';
+export declare class CollapsibleBoxContents extends Div {
+    parent?: CollapsibleBox;
+    constructor();
+}
+//# sourceMappingURL=contents.d.ts.map

package/dist/components/others/collapsible-box/contents/contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contents.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/collapsible-box/contents/contents.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,qBAAa,sBAAuB,SAAQ,GAAG;IACpC,MAAM,CAAC,EAAE,cAAc,CAAa;;CAe9C"}

package/dist/components/others/collapsible-box/contents/contents.js

@@ -0,0 +1,18 @@
+import { addAttrName, addStyleObj, Div } from '@type-dom/framework';
+export class CollapsibleBoxContents extends Div {
+    parent = undefined;
+    // childNodes: ControlMenu[];
+    constructor() {
+        super();
+        addStyleObj(this, {
+            display: 'flex',
+            flexWrap: 'wrap',
+            justifyContent: 'flex-start',
+            // width: '194px',
+            border: '1px solid #a0a0a0',
+        });
+        addAttrName(this, 'collapsible-box-contents');
+        this.childNodes = [];
+    }
+}
+//# sourceMappingURL=contents.js.map

package/dist/components/others/collapsible-box/contents/contents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contents.js","sourceRoot":"","sources":["../../../../../src/components/others/collapsible-box/contents/contents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAGpE,MAAM,OAAO,sBAAuB,SAAQ,GAAG;IACpC,MAAM,GAAoB,SAAS,CAAC;IAE7C,6BAA6B;IAC7B;QACE,KAAK,EAAE,CAAC;QACR,WAAW,CAAC,IAAI,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,cAAc,EAAE,YAAY;YAC5B,kBAAkB;YAClB,MAAM,EAAE,mBAAmB;SAC5B,CAAC,CAAC;QACH,WAAW,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAC;QAC9C,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACvB,CAAC;CACF"}

package/dist/components/others/collapsible-box/heading/expand-heading.d.ts

@@ -0,0 +1,11 @@
+import { Span, TextNode, Div } from '@type-dom/framework';
+import { ElCaretBottomSvg } from '@type-dom/svgs';
+export declare class ExpandHeading extends Div {
+    childNodes: [ElCaretBottomSvg, Span];
+    svg: ElCaretBottomSvg;
+    title: TextNode;
+    constructor(title: string);
+    setTitle(title: string): void;
+    setup(): void;
+}
+//# sourceMappingURL=expand-heading.d.ts.map

package/dist/components/others/collapsible-box/heading/expand-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/collapsible-box/heading/expand-heading.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EAQJ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,qBAAa,aAAc,SAAQ,GAAG;IAC3B,UAAU,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAC9C,GAAG,EAAE,gBAAgB,CAAC;IACtB,KAAK,EAAE,QAAQ,CAAC;gBAEJ,KAAK,EAAE,MAAM;IA8BzB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAIb,KAAK,IAAI,IAAI;CA4BvB"}

package/dist/components/others/collapsible-box/heading/expand-heading.js

@@ -0,0 +1,69 @@
+import { Span, TextNode, Div, TypeHtml, addEvents, addStyleObj, addAttrName, setStyleObj, setStyleProp, } from '@type-dom/framework';
+import { ElCaretBottomSvg } from '@type-dom/svgs';
+export class ExpandHeading extends Div {
+    childNodes;
+    svg;
+    title;
+    constructor(title) {
+        super();
+        addStyleObj(this, {
+            margin: '0',
+            paddingLeft: '10px',
+            boxSizing: 'border-box',
+            backgroundColor: '#a0a0a0',
+            color: '#fff',
+            textIndent: '20px',
+            borderRadius: '4px 4px 0 0',
+            width: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            height: '36px',
+        });
+        addAttrName(this, 'expand-heading');
+        this.svg = new ElCaretBottomSvg({
+            attrObj: {
+                fill: '#FFF',
+            },
+        });
+        this.title = new TextNode(title);
+        // span.setStyle('verticalAlign', 'middle');
+        const span = new Span({
+            parent: this,
+            slot: [this.title],
+        });
+        this.childNodes = [this.svg, span];
+    }
+    setTitle(title) {
+        this.title.setText(title);
+    }
+    setup() {
+        addEvents(this.svg, {
+            click: (e) => {
+                // console.log('expand-heading svg.dom clicked');
+                e?.stopPropagation();
+                // const style = getComputedStyle(this.svg.dom);
+                // console.log('style.transform is ', style.transform);
+                if (this.svg.styleObj?.transform === 'rotate(-90deg)') {
+                    setStyleObj(this.svg, {
+                        transform: 'rotate(0deg)',
+                        transition: 'transform 0.3s',
+                    });
+                    // console.log('style.transform is ', style.transform);
+                    if (this.parent?.lastChild instanceof TypeHtml) {
+                        setStyleProp(this.parent.lastChild, 'display', 'flex'); // flex
+                    }
+                }
+                else {
+                    setStyleObj(this.svg, {
+                        transform: 'rotate(-90deg)',
+                        transition: 'transform 0.3s',
+                    });
+                    if (this.parent?.lastChild instanceof TypeHtml) {
+                        setStyleProp(this.parent.lastChild, 'display', 'none');
+                    }
+                }
+            },
+        });
+    }
+}
+//# sourceMappingURL=expand-heading.js.map

package/dist/components/others/collapsible-box/heading/expand-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-heading.js","sourceRoot":"","sources":["../../../../../src/components/others/collapsible-box/heading/expand-heading.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,GAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,OAAO,aAAc,SAAQ,GAAG;IAC3B,UAAU,CAA2B;IAC9C,GAAG,CAAmB;IACtB,KAAK,CAAW;IAEhB,YAAY,KAAa;QACvB,KAAK,EAAE,CAAC;QACR,WAAW,CAAC,IAAI,EAAE;YAChB,MAAM,EAAE,GAAG;YACX,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE,YAAY;YACvB,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,aAAa;YAC3B,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;SACf,CAAC,CAAC;QACH,WAAW,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG,GAAG,IAAI,gBAAgB,CAAC;YAC9B,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjC,4CAA4C;QAC5C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAY;YAC/B,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEQ,KAAK;QACZ,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE;YAClB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,iDAAiD;gBACjD,CAAC,EAAE,eAAe,EAAE,CAAC;gBACrB,gDAAgD;gBAChD,uDAAuD;gBACvD,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,KAAK,gBAAgB,EAAE,CAAC;oBACtD,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;wBACpB,SAAS,EAAE,cAAc;wBACzB,UAAU,EAAE,gBAAgB;qBAC7B,CAAC,CAAC;oBACH,uDAAuD;oBACvD,IAAI,IAAI,CAAC,MAAM,EAAE,SAAS,YAAY,QAAQ,EAAE,CAAC;wBAC/C,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO;oBACjE,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;wBACpB,SAAS,EAAE,gBAAgB;wBAC3B,UAAU,EAAE,gBAAgB;qBAC7B,CAAC,CAAC;oBACH,IAAI,IAAI,CAAC,MAAM,EAAE,SAAS,YAAY,QAAQ,EAAE,CAAC;wBAC/C,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;oBACxD,CAAC;gBACH,CAAC;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/components/others/custom-block/custom-block.d.ts

@@ -0,0 +1,11 @@
+import { TextNode, Div, TypeElement, DivProps } from '@type-dom/framework';
+export interface CustomBlockProps extends DivProps {
+    type?: 'tip' | 'warning';
+    title: string;
+    paragraphs: (TypeElement | TextNode | string)[];
+    blockquote?: TypeElement | TextNode;
+}
+export declare class CustomBlock extends Div<CustomBlockProps> {
+    constructor(params?: CustomBlockProps);
+}
+//# sourceMappingURL=custom-block.d.ts.map

package/dist/components/others/custom-block/custom-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-block.d.ts","sourceRoot":"","sources":["../../../../src/components/others/custom-block/custom-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EACR,GAAG,EACH,WAAW,EACX,QAAQ,EAGT,MAAM,qBAAqB,CAAC;AAS7B,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAEzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC;IAChD,UAAU,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACrC;AAED,qBAAa,WAAY,SAAQ,GAAG,CAAC,gBAAgB,CAAC;gBAExC,MAAM,GAAE,gBAAyC;CAyD9D"}

package/dist/components/others/custom-block/custom-block.js

@@ -0,0 +1,55 @@
+import { BlockQuote, P, Div, addAttrName, addStyleObj, } from '@type-dom/framework';
+export class CustomBlock extends Div {
+    constructor(params = {}) {
+        super(params);
+        const type = params.type ?? 'tip';
+        addAttrName(this, type);
+        const palette = {
+            tip: { rgb: 'var(--td-color-primary-rgb)', base: 'var(--td-color-primary)' },
+            warning: { rgb: 'var(--td-color-warning-rgb, 230, 162, 60)', base: 'var(--td-color-warning, #e6a23c)' },
+        };
+        const { rgb, base } = palette[type];
+        addStyleObj(this, {
+            padding: '8px 16px',
+            backgroundColor: `rgba(${rgb}, .1)`,
+            borderRadius: '4px',
+            borderLeft: `5px solid ${base}`,
+            margin: '20px 0',
+        });
+        if (params.title) {
+            this.addChild(new P({
+                slot: params.title,
+                styleObj: {
+                    fontSize: '1.1rem',
+                    fontWeight: 700,
+                    marginTop: '0',
+                },
+            }));
+        }
+        if (params.paragraphs) {
+            params.paragraphs.forEach((paragraph) => {
+                this.addChild(new P({
+                    styleObj: {
+                        fontSize: '0.9rem',
+                    },
+                    slot: [paragraph],
+                }));
+            });
+        }
+        if (params.blockquote) {
+            this.addChild(new BlockQuote({
+                styleObj: {
+                    margin: '1rem 0',
+                    borderLeft: '.2rem solid var(--td-border-color)',
+                    // borderLeft: '.2rem solid ' + $borderColor.base,
+                    padding: '.25rem 0 .25rem 1rem',
+                    fontSize: '1rem',
+                    color: 'var(--text-color-lighter)',
+                    // color: $textColor.secondary,
+                },
+                slot: [params.blockquote],
+            }));
+        }
+    }
+}
+//# sourceMappingURL=custom-block.js.map

package/dist/components/others/custom-block/custom-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-block.js","sourceRoot":"","sources":["../../../../src/components/others/custom-block/custom-block.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,CAAC,EAED,GAAG,EAGH,WAAW,EACX,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAiB7B,MAAM,OAAO,WAAY,SAAQ,GAAqB;IAEpD,YAAY,SAA2B,EAAsB;QAC3D,KAAK,CAAC,MAAM,CAAC,CAAA;QACb,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC;QAClC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxB,MAAM,OAAO,GAA6D;YACxE,GAAG,EAAE,EAAE,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAE,yBAAyB,EAAE;YAC5E,OAAO,EAAE,EAAE,GAAG,EAAE,2CAA2C,EAAE,IAAI,EAAE,kCAAkC,EAAE;SACxG,CAAC;QACF,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QACpC,WAAW,CAAC,IAAI,EAAE;YAChB,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,QAAQ,GAAG,OAAO;YACnC,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,aAAa,IAAI,EAAE;YAC/B,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,CACX,IAAI,CAAC,CAAC;gBACJ,IAAI,EAAE,MAAM,CAAC,KAAK;gBAClB,QAAQ,EAAE;oBACR,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,GAAG;oBACf,SAAS,EAAE,GAAG;iBACf;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtB,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBACtC,IAAI,CAAC,QAAQ,CACX,IAAI,CAAC,CAAC;oBACJ,QAAQ,EAAE;wBACR,QAAQ,EAAE,QAAQ;qBACnB;oBACD,IAAI,EAAE,CAAC,SAAS,CAAC;iBAClB,CAAC,CACH,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QACD,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtB,IAAI,CAAC,QAAQ,CACX,IAAI,UAAU,CAAC;gBACb,QAAQ,EAAE;oBACR,MAAM,EAAE,QAAQ;oBAChB,UAAU,EAAE,oCAAoC;oBAChD,kDAAkD;oBAClD,OAAO,EAAE,sBAAsB;oBAC/B,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,2BAA2B;oBAClC,+BAA+B;iBAChC;gBACD,IAAI,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC;aAC1B,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;CACF"}

package/dist/components/others/example/example-float-control.d.ts

@@ -0,0 +1,8 @@
+import { Div, DivProps } from '@type-dom/framework';
+import { Example } from './example';
+export declare class ExampleFloatControl extends Div {
+    parent?: Example;
+    constructor(params: DivProps);
+    setup(): void;
+}
+//# sourceMappingURL=example-float-control.d.ts.map

package/dist/components/others/example/example-float-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-float-control.d.ts","sourceRoot":"","sources":["../../../../src/components/others/example/example-float-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,GAAG,EAEH,QAAQ,EACT,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,qBAAa,mBAAoB,SAAQ,GAAG;IACjC,MAAM,CAAC,EAAE,OAAO,CAAa;gBAE1B,MAAM,EAAE,QAAQ;IA8CnB,KAAK;CAUf"}