@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/components/others/example/example-source-wrapper.d.ts

@@ -0,0 +1,11 @@
+import { TypeDivProps, TypeDiv } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+export interface IExampleSourceWrapperConfig extends TypeDivProps {
+    sourceWrapper: string | Signal<string>;
+}
+export declare class ExampleSourceWrapper extends TypeDiv {
+    className: 'ExampleSourceWrapper';
+    props: IExampleSourceWrapperConfig;
+    constructor(params: IExampleSourceWrapperConfig);
+}
+//# sourceMappingURL=example-source-wrapper.d.ts.map

package/dist/src/components/others/example/example-source-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-source-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/example/example-source-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAO,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;CACxC;AAED,qBAAa,oBAAqB,SAAQ,OAAO;IAC/C,SAAS,EAAE,sBAAsB,CAAC;IACzB,KAAK,EAAE,2BAA2B,CAAC;gBAEhC,MAAM,EAAE,2BAA2B;CAqBhD"}

package/dist/src/components/others/example/example-source-wrapper.js

@@ -0,0 +1,25 @@
+import { Code, Pre, TypeDiv } from '@type-dom/framework';
+import { $fillColor } from '../../../styles';
+export class ExampleSourceWrapper extends TypeDiv {
+    constructor(params) {
+        var _a;
+        super();
+        this.className = 'ExampleSourceWrapper';
+        this.attr.addName('example-source-wrapper');
+        this.style.addObj({
+            // background-color: var(--code-bg-color),
+            backgroundColor: $fillColor.light,
+            overflowX: 'auto',
+            userSelect: 'text',
+        });
+        this.addChild(new Pre({
+            slot: [
+                new Code({
+                    slot: (_a = params.sourceWrapper) !== null && _a !== void 0 ? _a : '',
+                }),
+            ],
+        }));
+        this.props = this.useParams(params);
+    }
+}
+//# sourceMappingURL=example-source-wrapper.js.map

package/dist/src/components/others/example/example-source-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-source-wrapper.js","sourceRoot":"","sources":["../../../../../src/components/others/example/example-source-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAgB,GAAG,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,OAAO,oBAAqB,SAAQ,OAAO;IAI/C,YAAY,MAAmC;;QAC7C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,sBAAsB,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,0CAA0C;YAC1C,eAAe,EAAE,UAAU,CAAC,KAAK;YACjC,SAAS,EAAE,MAAM;YACjB,UAAU,EAAE,MAAM;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;YACN,IAAI,EAAE;gBACJ,IAAI,IAAI,CAAC;oBACP,IAAI,EAAE,MAAA,MAAM,CAAC,aAAa,mCAAI,EAAE;iBACjC,CAAC;aACH;SACF,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;CACF"}

package/dist/src/components/others/example/example.d.ts

@@ -0,0 +1,16 @@
+import { Signal } from '@type-dom/signals';
+import { TypeDivProps, TypeDiv, TypeElement } from '@type-dom/framework';
+import { ExampleSourceWrapper } from './example-source-wrapper';
+import { ExampleFloatControl } from './example-float-control';
+export interface IExampleConfig extends TypeDivProps {
+    showcase: TypeElement[];
+    sourceWrapper: string | Signal<string>;
+}
+export declare class Example extends TypeDiv {
+    className: 'Example';
+    sourceWrapper: ExampleSourceWrapper;
+    floatControl: ExampleFloatControl;
+    props: IExampleConfig;
+    constructor(params: IExampleConfig);
+}
+//# sourceMappingURL=example.d.ts.map

package/dist/src/components/others/example/example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/example/example.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;CACxC;AAGD,qBAAa,OAAQ,SAAQ,OAAO;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,oBAAoB,CAAC;IACpC,YAAY,EAAE,mBAAmB,CAAC;IAEzB,KAAK,EAAE,cAAc,CAAC;gBAEnB,MAAM,EAAE,cAAc;CA2CnC"}

package/dist/src/components/others/example/example.js

@@ -0,0 +1,52 @@
+import { TypeDiv } from '@type-dom/framework';
+import { $borderColor, $borderRadius } from '../../../styles/var';
+import { TdDivider } from '../td-divider/td-divider.class';
+import { ExampleShowcase } from './example-showcase';
+import { ExampleSourceWrapper } from './example-source-wrapper';
+import { OpBtns } from './op-btns';
+import { ExampleFloatControl } from './example-float-control';
+// todo slots 改造
+export class Example extends TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'Example';
+        this.attr.addName('example');
+        this.style.addObj({
+            // border: '1px solid 'var(--border-color),
+            border: '1px solid ' + $borderColor.base,
+            // border-radius: var(--el-border-radius-base);
+            borderRadius: $borderRadius.base,
+        });
+        const exampleShowcase = new ExampleShowcase({
+            parent: this,
+        });
+        exampleShowcase.addChildren(...params.showcase);
+        this.addChild(exampleShowcase);
+        this.addChild(new TdDivider({
+            styleObj: {
+                margin: '0',
+            },
+        }));
+        const opBtns = new OpBtns({
+            parent: this,
+        });
+        this.addChild(opBtns);
+        this.sourceWrapper = new ExampleSourceWrapper({
+            parent: this,
+            styleObj: {
+                display: 'none',
+            },
+            sourceWrapper: params.sourceWrapper,
+        });
+        this.addChild(this.sourceWrapper);
+        this.floatControl = new ExampleFloatControl({
+            parent: this,
+            styleObj: {
+                display: 'none',
+            },
+        });
+        this.addChild(this.floatControl);
+        this.props = this.useParams(params);
+    }
+}
+//# sourceMappingURL=example.js.map

package/dist/src/components/others/example/example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../../src/components/others/example/example.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,OAAO,EAAe,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAO9D,gBAAgB;AAChB,MAAM,OAAO,OAAQ,SAAQ,OAAO;IAOlC,YAAY,MAAsB;QAChC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,2CAA2C;YAC3C,MAAM,EAAE,YAAY,GAAG,YAAY,CAAC,IAAI;YACxC,+CAA+C;YAC/C,YAAY,EAAE,aAAa,CAAC,IAAI;SACjC,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC;YAC1C,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,eAAe,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC/B,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,QAAQ,EAAE;gBACR,MAAM,EAAE,GAAG;aACZ;SACF,CAAC,CACH,CAAC;QACF,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;YACxB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,oBAAoB,CAAC;YAC5C,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE,MAAM;aAChB;YACD,aAAa,EAAE,MAAM,CAAC,aAAa;SACpC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,mBAAmB,CAAC;YAC1C,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE,MAAM;aAChB;SACF,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;CACF"}

package/dist/src/components/others/example/index.d.ts

@@ -0,0 +1,6 @@
+export { Example } from './example';
+export { ExampleFloatControl } from './example-float-control';
+export { ExampleShowcase } from './example-showcase';
+export { ExampleSourceWrapper } from './example-source-wrapper';
+export { OpBtns } from './op-btns';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/others/example/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/example/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/components/others/example/index.js

@@ -0,0 +1,6 @@
+export { Example } from './example';
+export { ExampleFloatControl } from './example-float-control';
+export { ExampleShowcase } from './example-showcase';
+export { ExampleSourceWrapper } from './example-source-wrapper';
+export { OpBtns } from './op-btns';
+//# sourceMappingURL=index.js.map

package/dist/src/components/others/example/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/others/example/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/components/others/example/op-btns.d.ts

@@ -0,0 +1,8 @@
+import { TypeProps, TypeDiv } from '@type-dom/framework';
+import { Example } from './example';
+export declare class OpBtns extends TypeDiv {
+    className: 'OpBtns';
+    parent: Example;
+    constructor(params: TypeProps);
+}
+//# sourceMappingURL=op-btns.d.ts.map

package/dist/src/components/others/example/op-btns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"op-btns.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/example/op-btns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAIlE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,qBAAa,MAAO,SAAQ,OAAO;IACjC,SAAS,EAAE,QAAQ,CAAC;IACX,MAAM,EAAG,OAAO,CAAC;gBAEd,MAAM,EAAE,SAAS;CAqF9B"}

package/dist/src/components/others/example/op-btns.js

@@ -0,0 +1,100 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { toValue, TypeDiv } from '@type-dom/framework';
+import { ElCopyDocumentSvg, TdViewCodeSvg } from '@type-dom/svgs';
+import { $textColor } from '../../../styles/var';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+export class OpBtns extends TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'OpBtns';
+        this.parent = params.parent;
+        this.attr.addName('op-btns');
+        this.style.addObj({
+            padding: '.5rem',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            height: '2.5rem',
+            boxSizing: 'border-box',
+        });
+        this.addChild(new TdIcon({
+            styleObj: {
+                height: '1em',
+                width: '1em',
+                lineHeight: '1em',
+                display: 'inline-flex',
+                justifyContent: 'center',
+                color: $textColor.secondary,
+            },
+            slot: new ElCopyDocumentSvg(),
+            events: {
+                click: () => __awaiter(this, void 0, void 0, function* () {
+                    var _a;
+                    // 选取要复制的文本
+                    let textToCopy = '';
+                    // if (this.parent.props.sourceWrapper instanceof XProxy) {
+                    //   textToCopy = this.parent.props.sourceWrapper?.value;
+                    // } else {
+                    textToCopy =
+                        (_a = toValue(this.parent.props.sourceWrapper)) !== null && _a !== void 0 ? _a : '';
+                    // }
+                    // 尝试使用Async Clipboard API
+                    try {
+                        yield navigator.clipboard.writeText(textToCopy);
+                        alert('文本已复制到剪贴板！');
+                    }
+                    catch (err) {
+                        // console.error('无法复制文本: ', err);
+                        alert('复制失败，请手动复制。');
+                    }
+                }),
+            },
+        }));
+        this.addChild(new TdIcon({
+            // slot: '查看代码',
+            styleObj: {
+                height: '1em',
+                width: '1em',
+                lineHeight: '1em',
+                display: 'inline-flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                position: 'relative',
+                fill: 'currentColor',
+                // color: var(--color),
+                fontSize: '16px',
+                background: 'none',
+                border: 'none',
+                padding: '0',
+                cursor: 'pointer',
+                margin: '0 .5rem',
+                // color: var(--text-color-lighter),
+                color: $textColor.secondary,
+                transition: '.2s',
+            },
+            slot: new TdViewCodeSvg(),
+            events: {
+                click: () => {
+                    if (this.parent.sourceWrapper.style.get('display') === 'none') {
+                        this.parent.sourceWrapper.style.show();
+                        this.parent.floatControl.style.show('flex');
+                    }
+                    else {
+                        this.parent.sourceWrapper.style.hide();
+                        this.parent.floatControl.style.hide();
+                    }
+                },
+            },
+        }));
+        this.useParams(params);
+    }
+}
+//# sourceMappingURL=op-btns.js.map

package/dist/src/components/others/example/op-btns.js.map

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

package/dist/src/components/others/index.d.ts

@@ -0,0 +1,10 @@
+export { CollapsibleBox } from './collapsible-box/collapsible-box';
+export { ExpandHeading } from './collapsible-box/heading/expand-heading';
+export { CollapsibleBoxContents } from './collapsible-box/contents/contents';
+export { TdDivider } from './td-divider/td-divider.class';
+export type * from './td-divider/td-divider.interface';
+export * from './example';
+export { Menus } from './menus/menus';
+export { Menu } from './menus/menu';
+export { CustomBlock } from './custom-block/custom-block';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/others/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/others/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,mBAAmB,mCAAmC,CAAC;AAEvD,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/components/others/index.js

@@ -0,0 +1,9 @@
+export { CollapsibleBox } from './collapsible-box/collapsible-box';
+export { ExpandHeading } from './collapsible-box/heading/expand-heading';
+export { CollapsibleBoxContents } from './collapsible-box/contents/contents';
+export { TdDivider } from './td-divider/td-divider.class';
+export * from './example';
+export { Menus } from './menus/menus';
+export { Menu } from './menus/menu';
+export { CustomBlock } from './custom-block/custom-block';
+//# sourceMappingURL=index.js.map

package/dist/src/components/others/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/others/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAG1D,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/components/others/menus/menu.d.ts

@@ -0,0 +1,23 @@
+import { Div, TypeMenu, TypeProps } from '@type-dom/framework';
+import { Router, RouteRecordNormalized, RouteRecordRaw } from '@type-dom/router';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { Menus } from './menus';
+export interface MenuProps extends TypeProps {
+    route: RouteRecordNormalized | RouteRecordRaw;
+    router?: Router;
+    width?: string;
+}
+export declare class Menu extends TypeMenu {
+    className: 'Menu';
+    route?: RouteRecordNormalized | RouteRecordRaw;
+    router?: Router;
+    parent?: Menu | Menus;
+    contentItem: Div;
+    menuItems: Menu[];
+    collapsed?: boolean;
+    caret?: TdIcon;
+    constructor(params: MenuProps);
+    get menuRoot(): Menus | undefined;
+    setup(): void;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/src/components/others/menus/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/menus/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAU,QAAQ,EAAE,SAAS,EAAa,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,cAAc,EAAY,MAAM,kBAAkB,CAAC;AAE3F,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,KAAK,EAAE,qBAAqB,GAAG,cAAc,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,IAAK,SAAQ,QAAQ;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,qBAAqB,GAAG,cAAc,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IACP,MAAM,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC/B,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;gBAEH,MAAM,EAAE,SAAS;IAqD7B,IAAI,QAAQ,IAAI,KAAK,GAAG,SAAS,CAEhC;IAEQ,KAAK;CAsEf"}

package/dist/src/components/others/menus/menu.js

@@ -0,0 +1,136 @@
+import { Div, TypeMenu, onMounted } from '@type-dom/framework';
+import { useRoute } from '@type-dom/router';
+import { ElCaretBottomSvg, ElCaretLeftSvg } from '@type-dom/svgs';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+export class Menu extends TypeMenu {
+    constructor(params) {
+        var _a, _b;
+        // console.log('Menu constructor . ');
+        super();
+        this.className = 'Menu';
+        this.route = params.route;
+        this.router = params.router;
+        this.style.addObj({
+            paddingInlineStart: '20px',
+            // display: 'flex',
+            // flexDirection: 'column',
+        });
+        const div = new Div({
+            parent: this,
+            styleObj: {
+                display: 'flex',
+                alignItems: 'center',
+            },
+        });
+        if ((_a = this.route.meta) === null || _a === void 0 ? void 0 : _a.svgObj) {
+            div.addChild(new TdIcon({
+                slot: this.route.meta.svgObj,
+                styleObj: {
+                    paddingRight: '5px',
+                },
+            }));
+        }
+        div.addChild(new Div({
+            slot: this.route.name,
+            attrObj: {
+                name: 'route-name',
+            },
+            styleObj: {
+                width: (_b = params.width) !== null && _b !== void 0 ? _b : '160px',
+            },
+        }));
+        if (this.route.children) {
+            const caret = new TdIcon({
+                slot: new ElCaretBottomSvg(),
+                // size: '30px'
+            });
+            caret.appendParent(div);
+            this.caret = caret;
+        }
+        div.appendParent(this);
+        this.contentItem = div;
+        this.menuItems = [];
+        this.useParams(params);
+    }
+    get menuRoot() {
+        var _a;
+        return (_a = this.parent) === null || _a === void 0 ? void 0 : _a.menuRoot;
+    }
+    setup() {
+        var _a;
+        const route = useRoute();
+        // console.warn('route.get().fullPath is ', route.get().fullPath);
+        if (((_a = this.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
+            // todo addEvent 如何pipe ??
+            this.contentItem.addEvents({
+                click: (event) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    console.log('menu click . ');
+                    if (((_a = this.menuRoot) === null || _a === void 0 ? void 0 : _a.selectedMenu) === this) {
+                        return;
+                    }
+                    console.error('then push path ', (_b = this.route) === null || _b === void 0 ? void 0 : _b.path);
+                    const fullPath = (_c = this.router) === null || _c === void 0 ? void 0 : _c.resolve(this.route).fullPath;
+                    fullPath && ((_d = this.router) === null || _d === void 0 ? void 0 : _d.push(fullPath));
+                    (_e = this.menuRoot) === null || _e === void 0 ? void 0 : _e.setSelectedMenu(this);
+                    document.title = 'UI - ' + ((_f = this.route) === null || _f === void 0 ? void 0 : _f.path);
+                    event === null || event === void 0 ? void 0 : event.stopPropagation(); // 防止冒泡
+                    event === null || event === void 0 ? void 0 : event.preventDefault();
+                },
+            });
+        }
+        else {
+            //   todo 添加展开、收起的监听
+            const leftSvg = new ElCaretLeftSvg();
+            // console.log(' leftSvg.resetSize ');
+            // leftSvg.resetSize('1.5em', '1.5em');
+            // leftSvg.style.setObj({
+            //   width: '1.5em',
+            //   height: '1.5em'
+            // })
+            const bottomSvg = new ElCaretBottomSvg();
+            // bottomSvg.style.setObj({
+            //   width: '1.5em',
+            //   height: '1.5em'
+            // })
+            // bottomSvg.resetSize('1.5em', '1.5em');
+            this.contentItem.addEvent('click', (event) => {
+                var _a, _b, _c;
+                // console.warn('click .');
+                if (((_a = this.menuRoot) === null || _a === void 0 ? void 0 : _a.selectedMenu) === this) {
+                    return;
+                }
+                if (this.collapsed === undefined || this.collapsed === false) {
+                    this.collapsed = true;
+                    this.menuItems.forEach((menu) => {
+                        menu.style.setObj({
+                            display: 'none',
+                        });
+                    });
+                    (_b = this.caret) === null || _b === void 0 ? void 0 : _b.replaceSvg(leftSvg); // 左三角
+                }
+                else {
+                    this.collapsed = false;
+                    this.menuItems.forEach((menu) => {
+                        menu.style.setObj({
+                            display: 'block',
+                        });
+                    });
+                    (_c = this.caret) === null || _c === void 0 ? void 0 : _c.replaceSvg(bottomSvg); // 向下三角
+                }
+                event === null || event === void 0 ? void 0 : event.stopPropagation(); // 防止冒泡
+                event === null || event === void 0 ? void 0 : event.preventDefault();
+            });
+        }
+        onMounted(() => {
+            var _a, _b, _c;
+            // console.warn('mounted .  this.route is ', this.route);
+            const fullPath = (_a = this.router) === null || _a === void 0 ? void 0 : _a.resolve(this.route).fullPath;
+            if (route.get().fullPath === fullPath) { // todo
+                (_b = this.menuRoot) === null || _b === void 0 ? void 0 : _b.setSelectedMenu(this);
+                document.title = 'UI - ' + ((_c = this.route) === null || _c === void 0 ? void 0 : _c.path);
+            }
+        });
+    }
+}
+//# sourceMappingURL=menu.js.map

package/dist/src/components/others/menus/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../../src/components/others/menus/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAU,QAAQ,EAAa,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAiD,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAS3D,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAUhC,YAAY,MAAiB;;QAC3B,sCAAsC;QACtC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,kBAAkB,EAAE,MAAM;YAC1B,mBAAmB;YACnB,2BAA2B;SAC5B,CAAC,CAAC;QACH,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC;YAClB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB;SACF,CAAC,CAAC;QACH,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,EAAE,CAAC;YAC5B,GAAG,CAAC,QAAQ,CACV,IAAI,MAAM,CAAC;gBACT,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAgB;gBACtC,QAAQ,EAAE;oBACR,YAAY,EAAE,KAAK;iBACpB;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,GAAG,CAAC,QAAQ,CACV,IAAI,GAAG,CAAC;YACN,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAc;YAC/B,OAAO,EAAE;gBACP,IAAI,EAAE,YAAY;aACnB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,OAAO;aAC/B;SACF,CAAC,CACH,CAAC;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC;gBACvB,IAAI,EAAE,IAAI,gBAAgB,EAAE;gBAC5B,eAAe;aAChB,CAAC,CAAC;YACH,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;QACD,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ;;QACV,OAAO,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,CAAC;IAC/B,CAAC;IAEQ,KAAK;;QACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QACzB,kEAAkE;QAClE,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,MAAK,SAAS,EAAE,CAAC;YACvC,0BAA0B;YAC1B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;gBACzB,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;;oBACf,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;oBAC7B,IAAI,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,YAAY,MAAK,IAAI,EAAE,CAAC;wBACzC,OAAO;oBACT,CAAC;oBACD,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAC,CAAC;oBACnD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,IAAI,CAAC,KAAM,EAAE,QAAQ,CAAC;oBAC5D,QAAQ,KAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,QAAQ,CAAC,CAAA,CAAC;oBACxC,MAAA,IAAI,CAAC,QAAQ,0CAAE,eAAe,CAAC,IAAI,CAAC,CAAC;oBACrC,QAAQ,CAAC,KAAK,GAAG,OAAO,IAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAA,CAAC;oBAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,CAAC,CAAC,OAAO;oBACjC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;gBAC1B,CAAC;aACF,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,oBAAoB;YACpB,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;YACrC,sCAAsC;YACtC,uCAAuC;YACvC,yBAAyB;YACzB,oBAAoB;YACpB,oBAAoB;YACpB,KAAK;YACL,MAAM,SAAS,GAAG,IAAI,gBAAgB,EAAE,CAAC;YACzC,2BAA2B;YAC3B,oBAAoB;YACpB,oBAAoB;YACpB,KAAK;YACL,yCAAyC;YACzC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;gBAC3C,2BAA2B;gBAC3B,IAAI,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,YAAY,MAAK,IAAI,EAAE,CAAC;oBACzC,OAAO;gBACT,CAAC;gBACD,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;oBAC7D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;oBACtB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC9B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;4BAChB,OAAO,EAAE,MAAM;yBAChB,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;oBACH,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;gBACzC,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;wBAC9B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;4BAChB,OAAO,EAAE,OAAO;yBACjB,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;oBACH,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;gBAC5C,CAAC;gBACD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,CAAC,CAAC,OAAO;gBACjC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC;QACD,SAAS,CAAC,GAAG,EAAE;;YACb,yDAAyD;YACzD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,IAAI,CAAC,KAAM,EAAE,QAAQ,CAAC;YAC5D,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC,CAAC,OAAO;gBAC9C,MAAA,IAAI,CAAC,QAAQ,0CAAE,eAAe,CAAC,IAAI,CAAC,CAAC;gBACrC,QAAQ,CAAC,KAAK,GAAG,OAAO,IAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAA,CAAC;YAC9C,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;CACF"}

package/dist/src/components/others/menus/menus.d.ts

@@ -0,0 +1,16 @@
+import { TypeProps, TypeDiv } from '@type-dom/framework';
+import { Router, RouteRecordRaw } from '@type-dom/router';
+import { Menu } from './menu';
+export interface MenusProps extends TypeProps {
+    router?: Router;
+}
+export declare class Menus extends TypeDiv {
+    className: 'Menus';
+    selectedMenu?: Menu;
+    private router?;
+    constructor(params?: MenusProps);
+    get menuRoot(): Menus;
+    createMenus(parent: Menus | Menu, routes?: readonly RouteRecordRaw[], router?: Router): void;
+    setSelectedMenu(menu: Menu): void;
+}
+//# sourceMappingURL=menus.d.ts.map

package/dist/src/components/others/menus/menus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus.d.ts","sourceRoot":"","sources":["../../../../../src/components/others/menus/menus.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,KAAM,SAAQ,OAAO;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,MAAM,CAAC,CAAS;gBAEZ,MAAM,GAAE,UAAe;IAkCnC,IAAI,QAAQ,IAAI,KAAK,CAEpB;IAGD,WAAW,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,SAAS,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM;IAqCrF,eAAe,CAAC,IAAI,EAAE,IAAI;CAe3B"}

package/dist/src/components/others/menus/menus.js

@@ -0,0 +1,91 @@
+// 基于router创建的菜单
+import { TypeDiv } from '@type-dom/framework';
+import { Menu } from './menu';
+export class Menus extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'Menus';
+        this.attr.addName('menus');
+        // 默认样式
+        this.style.addObj({
+            userSelect: 'none',
+            // overflow: 'auto',
+            boxSizing: 'border-box',
+            flexShrink: 0,
+            maxHeight: 'calc(100vh - 60px)',
+            paddingBottom: '40px',
+        });
+        this.useParams(params);
+        this.router = params.router;
+        // console.log('ui-doc routerUI.routes is ', this.router);
+        if (this.router) {
+            // console.error('this.router.getRoutes() is ', this.router.getRoutes());
+            // 递归过滤函数
+            const filterRoutes = (routes) => {
+                return routes === null || routes === void 0 ? void 0 : routes.filter(route => { var _a; return !((_a = route.meta) === null || _a === void 0 ? void 0 : _a.isHidden); }).map(route => {
+                    route.children = filterRoutes(route.children);
+                    return route;
+                });
+            };
+            const routes = filterRoutes(this.router.routes);
+            this.createMenus(this, routes, this.router);
+        }
+        // console.log('menus is ', this);
+    }
+    get menuRoot() {
+        return this;
+    }
+    // /home '' '/' 首页菜单要单独处理
+    createMenus(parent, routes, router) {
+        // console.log('createMenus . routes is ', routes);
+        routes === null || routes === void 0 ? void 0 : routes.forEach((route) => {
+            var _a;
+            if ((_a = route.meta) === null || _a === void 0 ? void 0 : _a.isHidden) {
+                return;
+            }
+            if ((route === null || route === void 0 ? void 0 : route.path) === '/' && route.redirect) {
+                // route = route.children!.find((item) => item.path === route.redirect)!;
+                //   todo 没有的话，要报错的。
+            }
+            // 创建菜单项
+            const menuItem = new Menu({
+                parent,
+                route,
+                router,
+                width: this.style.get('width'),
+                events: {
+                    mouseenter: (evt) => {
+                        if ((evt === null || evt === void 0 ? void 0 : evt.target) instanceof HTMLElement ||
+                            (evt === null || evt === void 0 ? void 0 : evt.target) instanceof SVGElement) {
+                            evt === null || evt === void 0 ? void 0 : evt.target.style.setProperty('cursor', 'auto');
+                        }
+                    },
+                },
+            });
+            if (parent instanceof Menu) {
+                parent.menuItems.push(menuItem);
+            }
+            menuItem.appendParent(parent);
+            if (route.children) {
+                this.createMenus(menuItem, route.children, router);
+            }
+        });
+    }
+    setSelectedMenu(menu) {
+        var _a;
+        if (menu !== this.selectedMenu) {
+            if (this.selectedMenu) {
+                this.selectedMenu.style.setObj({
+                    backgroundColor: '',
+                });
+            }
+            this.selectedMenu = menu;
+            if (((_a = menu.route) === null || _a === void 0 ? void 0 : _a.redirect) === undefined) {
+                menu.style.setObj({
+                    backgroundColor: '#ccc',
+                });
+            }
+        }
+    }
+}
+//# sourceMappingURL=menus.js.map

package/dist/src/components/others/menus/menus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus.js","sourceRoot":"","sources":["../../../../../src/components/others/menus/menus.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAa,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM9B,MAAM,OAAO,KAAM,SAAQ,OAAO;IAKhC,YAAY,SAAqB,EAAE;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO;QACP,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM;YAClB,oBAAoB;YACpB,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,oBAAoB;YAC/B,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,0DAA0D;QAC1D,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,yEAAyE;YACzE,SAAS;YACT,MAAM,YAAY,GAAG,CAAC,MAAyB,EAAE,EAAE;gBACjD,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,KAAK,CAAC,EAAE,WAAC,OAAA,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,CAAA,CAAA,EAAA,EAEjD,GAAG,CAAC,KAAK,CAAC,EAAE;oBACT,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;oBAC9C,OAAO,KAAK,CAAC;gBACf,CAAC,CACF,CAAA;YACL,CAAC,CAAC;YACF,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,MAA0B,CAAC,CAAC;YACpE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC;QACD,kCAAkC;IACpC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB;IACzB,WAAW,CAAC,MAAoB,EAAE,MAAkC,EAAE,MAAe;QACnF,mDAAmD;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;YACxB,IAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC1C,yEAAyE;gBACzE,oBAAoB;YACtB,CAAC;YACD,QAAQ;YACR,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC;gBACxB,MAAM;gBACN,KAAK;gBACL,MAAM;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;gBAC9B,MAAM,EAAE;oBACN,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE;wBAClB,IACE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,aAAY,WAAW;4BAClC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,aAAY,UAAU,EACjC,CAAC;4BACD,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;wBAClD,CAAC;oBACH,CAAC;iBACF;aACF,CAAC,CAAC;YACH,IAAI,MAAM,YAAY,IAAI,EAAE,CAAC;gBAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClC,CAAC;YACD,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC9B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,IAAU;;QACxB,IAAI,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;oBAC7B,eAAe,EAAE,EAAE;iBACpB,CAAC,CAAC;YACL,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,MAAK,SAAS,EAAE,CAAC;gBACvC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;oBAChB,eAAe,EAAE,MAAM;iBACxB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;CACF"}

package/dist/src/components/others/td-divider/style/css.d.ts

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-divider.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/src/components/others/td-divider/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/others/td-divider/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC"}

package/dist/src/components/others/td-divider/style/css.js

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-divider.css';
+//# sourceMappingURL=css.js.map

package/dist/src/components/others/td-divider/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/others/td-divider/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC"}

package/dist/src/components/others/td-divider/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/divider.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/others/td-divider/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/others/td-divider/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,sCAAsC,CAAC"}

package/dist/src/components/others/td-divider/style/index.js

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/divider.scss';
+//# sourceMappingURL=index.js.map

package/dist/src/components/others/td-divider/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/others/td-divider/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,sCAAsC,CAAC"}