@type-dom/ui 0.0.2 → 0.0.3

package/src/styles/var.js

@@ -1,28 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.$buttonPaddingHorizontal = exports.$buttonPaddingVertical = exports.$buttonBorderRadius = exports.$buttonFontSize = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports.setColorMixLevel = exports.$colorInfo = exports.$colorError = exports.$colorDanger = exports.$colorWarning = exports.$colorSuccess = exports.$colorPrimary = exports.$colorBlack = exports.$colorWhite = exports.$colors = exports.$overlayColor = exports.$commonComponentSize = exports.$disabled = exports.$zIndex = exports.$fontSizes = exports.fontFamily = exports.$boxShadow = exports.$borderRadius = exports.$borderColorHover = exports.$borderStyle = exports.$borderWidth = exports.$bgColors = exports.$fillColors = exports.$borderColors = exports.$textColors = exports.$types = exports.$fontLineHeightPrimary = exports.$fontWeightPrimary = void 0;
+exports.$scrollbar = exports.$colorPrimaryRgb = exports.$transitionDurationFast = exports.$transitionDuration = exports.$paddingHorizontalMap = exports.$paddingVerticalMap = exports.$borderRadiusMap = exports.$fontSizeMap = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports.setColorMixLevel = exports.$colorInfo = exports.$colorError = exports.$colorDanger = exports.$colorWarning = exports.$colorSuccess = exports.$colorPrimary = exports.$colorBlack = exports.$colorWhite = exports.$colors = exports.$overlayColor = exports.$commonComponentSize = exports.componentSizeMap = exports.componentSizes = exports.$disabled = exports.$zIndex = exports.$fontSizes = exports.fontFamily = exports.$boxShadow = exports.$borderRadius = exports.$borderColorHover = exports.$borderStyle = exports.$borderWidth = exports.$bgColor = exports.$fillColor = exports.$borderColor = exports.$textColor = exports.$types = exports.$fontLineHeightPrimary = exports.$fontWeightPrimary = void 0;
 /**
  * scss/var
  */
 exports.$fontWeightPrimary = 500;
 exports.$fontLineHeightPrimary = '24px';
-exports.$types = ['primary', 'success', 'warning', 'danger', 'error', 'info'];
-exports.$textColors = {
+exports.$types = [
+    'primary',
+    'success',
+    'warning',
+    'danger',
+    'error',
+    'info',
+    'default',
+];
+exports.$textColor = {
     primary: '#303133',
     regular: '#606266',
     secondary: '#909399',
     placeholder: '#a8abb2',
     disabled: '#c0c4cc',
 };
-exports.$borderColors = {
-    '': '#dcdfe6',
+exports.$borderColor = {
+    base: '#dcdfe6',
     light: '#e4e7ed',
     lighter: '#ebeef5',
     extraLight: '#f2f6fc',
     dark: '#d4d7de',
     darker: '#cdd0d6',
 };
-exports.$fillColors = {
+exports.$fillColor = {
     '': '#f0f2f5',
     light: '#f5f7fa',
     lighter: '#fafafa',
@@ -32,15 +40,16 @@ exports.$fillColors = {
     blank: '#ffffff',
 };
 // Background
-exports.$bgColors = {
+exports.$bgColor = {
     '': '#ffffff',
+    default: '#ffffff',
     page: '#f2f3f5',
     overlay: '#ffffff',
 };
 // Border
 exports.$borderWidth = '1px';
 exports.$borderStyle = 'solid';
-exports.$borderColorHover = exports.$textColors.disabled;
+exports.$borderColorHover = exports.$textColor.disabled;
 exports.$borderRadius = {
     base: '4px',
     small: '2px',
@@ -56,12 +65,13 @@ exports.$boxShadow = {
 };
 // Typography （排版）
 exports.fontFamily = {
-    '': "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif"
+    '': "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",
 };
 exports.$fontSizes = {
     extraLarge: '20px',
     large: '18px',
     medium: '16px',
+    default: '16px',
     base: '14px',
     small: '13px',
     extraSmall: '12px',
@@ -74,9 +84,15 @@ exports.$zIndex = {
 };
 // Disable default
 exports.$disabled = {
-    bgColor: exports.$fillColors.light,
-    textColor: exports.$textColors.placeholder,
-    borderColor: exports.$borderColors.light
+    bgColor: exports.$fillColor.light,
+    textColor: exports.$textColor.placeholder,
+    borderColor: exports.$borderColor.light,
+};
+exports.componentSizes = ['', 'default', 'small', 'large'];
+exports.componentSizeMap = {
+    large: 40,
+    default: 32,
+    small: 24,
 };
 exports.$commonComponentSize = {
     large: '40px',
@@ -87,7 +103,7 @@ exports.$commonComponentSize = {
 exports.$overlayColor = {
     '': 'rgba(0, 0, 0, 0.8)',
     light: 'rgba(0, 0, 0, 0.7)',
-    lighter: 'rgba(0, 0, 0, 0.5)'
+    lighter: 'rgba(0, 0, 0, 0.5)',
 };
 // mask
 const $maskColor = {
@@ -97,7 +113,7 @@ const $maskColor = {
 exports.$colors = {
     white: '#ffffff',
     black: '#000000',
-    default: { base: exports.$textColors.regular },
+    default: { base: exports.$textColor.regular },
     primary: { base: '#409eff' },
     success: { base: '#67c23a' },
     warning: { base: '#e6a23c' },
@@ -146,7 +162,9 @@ function rgbArrayToColorString(rgbArray) {
 function padStart(str, targetLength, padString) {
     str = str.toString();
     padString = padString ? String(padString) : '0';
-    return (str.length >= targetLength) ? str : str.padStart(targetLength, padString);
+    return str.length >= targetLength
+        ? str
+        : str.padStart(targetLength, padString);
 }
 function setColorMixLevel($type, $number, $mode = 'light', $mixColor = exports.$colorWhite) {
     // $colors[$type][$mode] = {};
@@ -188,16 +206,16 @@ console.log('$colors is ', exports.$colors);
 // css3 var in packages/theme-chalk/src/button.scss
 exports.$button = {
     fontWeight: exports.$fontWeightPrimary, // getCssVar('font-weight-primary'),
-    borderColor: exports.$borderColors[''],
-    bgColor: exports.$fillColors.blank,
-    textColor: exports.$textColors.regular,
+    borderColor: exports.$borderColor.base,
+    bgColor: exports.$fillColor.blank,
+    textColor: exports.$textColor.regular,
     disabled: {
         textColor: exports.$disabled.textColor,
-        bgColor: exports.$fillColors.blank,
-        borderColor: exports.$borderColors.light,
+        bgColor: exports.$fillColor.blank,
+        borderColor: exports.$borderColor.light,
     },
     divide: {
-        borderColor: 'rgba(' + exports.$colorWhite + ', 0.5)'
+        borderColor: 'rgba(' + exports.$colorWhite + ', 0.5)',
     },
     hover: {
         textColor: exports.$colorPrimary,
@@ -211,11 +229,11 @@ exports.$button = {
         textColor: exports.$colorPrimary,
         borderColor: exports.$colorPrimary, // 'hover-text-color'
         bgColor: exports.$colors.primary['light-9'], //  getCssVar('button', 'hover-bg-color),
-        color: exports.$textColors.primary, // getCssVar('text-color', 'primary'),
+        color: exports.$textColor.primary, // getCssVar('text-color', 'primary'),
     },
     outline: {
         Color: exports.$colors.primary['light-5'], // getCssVar('color-primary', 'light-5'),}
-    }
+    },
 };
 exports.$buttonBorderWidth = exports.$borderWidth;
 // need mix, so do not use css var
@@ -228,23 +246,36 @@ for (const $type of exports.$types) {
     exports.$buttonBorderColor[$type] = exports.$colors[$type].base;
     exports.$buttonBgColor[$type] = exports.$colors[$type].base;
 }
-exports.$buttonFontSize = {
+exports.$fontSizeMap = {
     large: exports.$fontSizes.base,
     default: exports.$fontSizes.base,
     small: '12px',
 };
-exports.$buttonBorderRadius = {
+exports.$borderRadiusMap = {
     large: exports.$borderRadius.base,
     default: exports.$borderRadius.base,
-    small: (parseInt(exports.$borderRadius.base, 10) - 1) + 'px',
+    small: parseInt(exports.$borderRadius.base, 10) - 1 + 'px',
 };
-exports.$buttonPaddingVertical = {
+exports.$paddingVerticalMap = {
     large: '13px',
     default: '9px',
     small: '6px',
 };
-exports.$buttonPaddingHorizontal = {
+exports.$paddingHorizontalMap = {
     large: '20px',
     default: '16px',
     small: '12px',
 };
+exports.$transitionDuration = '0.3s';
+exports.$transitionDurationFast = '0.2s';
+exports.$colorPrimaryRgb = '64, 158, 255';
+// Scrollbar
+// css3 var in packages/theme-chalk/src/scrollbar.scss
+exports.$scrollbar = {
+    opacity: 0.3,
+    // 'bg-color': getCssVar('text-color-secondary'),
+    bgColor: exports.$textColor.secondary,
+    hoverOpacity: 0.5,
+    // 'hover-bg-color': getCssVar('text-color-secondary'),
+    hoverBgColor: exports.$textColor.secondary,
+};

package/src/ui/ui.abstract.d.ts

@@ -0,0 +1,8 @@
+import { TypeHtml } from '@type-dom/framework';
+import { IUI, IUIConfig } from './ui.interface';
+export declare abstract class UI extends TypeHtml implements IUI {
+    nodeName: string;
+    dom: HTMLElement;
+    componentId: number;
+    protected constructor(config?: IUIConfig);
+}

package/src/ui/ui.abstract.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UI = void 0;
+const framework_1 = require("@type-dom/framework");
+let componentId = 0;
+class UI extends framework_1.TypeHtml {
+    constructor(config) {
+        super();
+        this.componentId = componentId++;
+        this.addAttrObj({
+            componentId: this.componentId
+        });
+        if (config === null || config === void 0 ? void 0 : config.tag) {
+            this.nodeName = config.tag;
+        }
+        else {
+            this.nodeName = 'div';
+        }
+        this.dom = document.createElement(this.nodeName.trim());
+    }
+}
+exports.UI = UI;

package/src/ui/ui.interface.d.ts

@@ -0,0 +1,8 @@
+import { ITypeConfig, ITypeHtml } from '@type-dom/framework';
+export interface IUI extends ITypeHtml {
+    componentId?: string | number;
+}
+export interface IUIConfig extends ITypeConfig {
+    tag?: string;
+    items?: IUIConfig[];
+}

package/src/ui/ui.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/basic/index.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdFooter = exports.TdMain = exports.TdAside = exports.TdHeader = exports.TdContainerComp = exports.TdContainer = exports.TdIcon = exports.TdButton = void 0;
-var td_button_class_1 = require("./td-button/td-button.class");
-Object.defineProperty(exports, "TdButton", { enumerable: true, get: function () { return td_button_class_1.TdButton; } });
-var td_icon_class_1 = require("./td-icon/td-icon.class");
-Object.defineProperty(exports, "TdIcon", { enumerable: true, get: function () { return td_icon_class_1.TdIcon; } });
-var td_container_class_1 = require("./td-container/td-container.class");
-Object.defineProperty(exports, "TdContainer", { enumerable: true, get: function () { return td_container_class_1.TdContainer; } });
-var td_container_1 = require("./td-container/td-container");
-Object.defineProperty(exports, "TdContainerComp", { enumerable: true, get: function () { return td_container_1.TdContainerComp; } });
-var td_header_class_1 = require("./td-container/td-header/td-header.class");
-Object.defineProperty(exports, "TdHeader", { enumerable: true, get: function () { return td_header_class_1.TdHeader; } });
-var td_aside_class_1 = require("./td-container/td-aside/td-aside.class");
-Object.defineProperty(exports, "TdAside", { enumerable: true, get: function () { return td_aside_class_1.TdAside; } });
-var td_main_class_1 = require("./td-container/td-main/td-main.class");
-Object.defineProperty(exports, "TdMain", { enumerable: true, get: function () { return td_main_class_1.TdMain; } });
-var td_footer_class_1 = require("./td-container/td-footer/td-footer.class");
-Object.defineProperty(exports, "TdFooter", { enumerable: true, get: function () { return td_footer_class_1.TdFooter; } });

package/src/basic/td-button/td-button.class.js

@@ -1,149 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdButton = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-const td_icon_style_1 = require("../td-icon/td-icon.style");
-const var_1 = require("../../styles/var");
-const td_icon_class_1 = require("../td-icon/td-icon.class");
-const td_button_style_1 = require("./td-button.style");
-// import '../../styles/style.css';
-class TdButton extends framework_1.TypeButton {
-    constructor(config) {
-        super();
-        this.className = 'TdButton';
-        // this.template = new Template(this);
-        this.textNode = new framework_1.TextNode();
-        this.span = new framework_1.Span({
-            parent: this,
-            styleObj: {
-                display: 'inline-flex',
-                alignItems: 'center',
-            },
-            childNodes: [
-                this.textNode,
-                new framework_1.Slot(),
-            ]
-        });
-        this.childNodes = [this.span];
-        this.setConfig(config);
-    }
-    setConfig(config) {
-        this.addStyleObj(td_button_style_1.tdButtonBase);
-        super.setConfig(config);
-        if (config === null || config === void 0 ? void 0 : config.title) {
-            this.textNode.setText(config.title);
-        }
-        else {
-            this.clearChildren();
-        }
-        if (config === null || config === void 0 ? void 0 : config.svgObj) {
-            const icon = new td_icon_class_1.TdIcon({
-                childNodes: [
-                    config.svgObj,
-                ]
-            });
-            if (config.iconPosition === 'right') {
-                icon.addStyleObj(td_icon_style_1.$iconRight);
-                this.addChild(icon);
-            }
-            else {
-                // if (config.title) {
-                //   icon.addStyleObj($iconLeft);
-                // }
-                // else {
-                //   icon.addStyleObj()
-                // }
-                this.unshiftChild(icon); // 前面插入
-            }
-            if (config.loading) {
-                icon.addStyleObj(td_icon_style_1.$iconLoading);
-            }
-        }
-        // const type = config?.type ? config.type : 'default';
-        // this.type = type;
-        if (config === null || config === void 0 ? void 0 : config.type) {
-            this.type = config.type;
-            if (config === null || config === void 0 ? void 0 : config.plain) {
-                console.log('config.plain . ');
-                this.plain = config.plain;
-                if (config.disabled) {
-                    this.addStyleObj(td_button_style_1.$buttonPlainColors[config.type].disabled);
-                }
-                else {
-                    console.log(td_button_style_1.$buttonPlainColors[config.type].default);
-                    this.addStyleObj(td_button_style_1.$buttonPlainColors[config.type].default);
-                }
-            }
-            else {
-                if (config === null || config === void 0 ? void 0 : config.disabled) {
-                    console.log('config?.disabled is true . $button.disabled is ', var_1.$button.disabled);
-                    this.disabled = config.disabled;
-                    this.addStyleObj(td_button_style_1.$buttonStateColors[config.type].disabled);
-                }
-                else {
-                    this.addStyleObj(td_button_style_1.$buttonStateColors[config.type].default);
-                }
-            }
-        }
-        const size = (config === null || config === void 0 ? void 0 : config.size) ? config.size : 'middle';
-        this.addStyleObj(td_button_style_1.sizeOpts[size]);
-        if (config === null || config === void 0 ? void 0 : config.round) {
-            this.addStyleObj({
-                borderRadius: var_1.$borderRadius.round,
-            });
-        }
-        else if (config === null || config === void 0 ? void 0 : config.circle) {
-            this.addStyleObj({
-                borderRadius: var_1.$borderRadius.circle,
-                padding: var_1.$buttonPaddingVertical.default
-            });
-        }
-    }
-    // 悬浮、聚焦、激活状态样式
-    initEvents() {
-        this.events.push((0, rxjs_1.fromEvent)(this.dom, 'mouseover').subscribe(() => {
-            if (this.disabled) {
-                this.setStyleObj({
-                    cursor: framework_1.StyleCursor.notAllowed
-                });
-            }
-            else {
-                if (this.type) {
-                    this.setStyleObj(td_button_style_1.$buttonStateColors[this.type].hover);
-                }
-                else {
-                    this.setStyleObj({
-                        color: var_1.$button.hover.textColor,
-                        backgroundColor: var_1.$button.hover.borderColor, // $colors['primary']['light-3'],
-                        borderColor: var_1.$button.hover.borderColor,
-                    });
-                }
-            }
-        }), (0, rxjs_1.fromEvent)(this.dom, 'mouseout').subscribe(() => {
-            if (this.disabled) {
-                this.setStyleObj({
-                    cursor: framework_1.StyleCursor.auto,
-                });
-            }
-            else {
-                if (this.type) {
-                    if (this.plain) {
-                        this.setStyleObj(td_button_style_1.$buttonPlainColors[this.type].default);
-                    }
-                    else {
-                        this.setStyleObj(td_button_style_1.$buttonStateColors[this.type].default);
-                    }
-                }
-                else {
-                    this.setStyleObj({
-                        color: var_1.$button.textColor,
-                        backgroundColor: var_1.$button.bgColor,
-                        borderColor: var_1.$button.borderColor,
-                    });
-                }
-            }
-        }));
-    }
-}
-exports.TdButton = TdButton;

package/src/basic/td-container/td-aside/td-aside.class.d.ts

@@ -1,6 +0,0 @@
-import { TypeAside } from '@type-dom/framework';
-import { ITdAsideConfig } from './td-aside.interface';
-export declare class TdAside extends TypeAside {
-    className: 'TdAside';
-    constructor(config?: Partial<ITdAsideConfig>);
-}

package/src/basic/td-container/td-aside/td-aside.interface.d.ts

@@ -1,8 +0,0 @@
-import { ITypeAside, ITypeConfig } from '@type-dom/framework';
-export interface ITdAside extends ITypeAside {
-    className: 'td-aside';
-}
-export interface ITdAsideConfig extends ITypeConfig {
-    name: string;
-    width: string | number;
-}

package/src/basic/td-container/td-container.class.d.ts

@@ -1,10 +0,0 @@
-import { TypeElement, TypeSection } from '@type-dom/framework';
-import { ITdContainerConfig } from './td-container.interface';
-import { TdAside } from './td-aside/td-aside.class';
-import { TdHeader } from './td-header/td-header.class';
-import { TdMain } from './td-main/td-main.class';
-export declare class TdContainer extends TypeSection {
-    className: 'TdContainer';
-    childNodes: (TdAside | TdHeader | TdMain | TdContainer | TypeElement)[];
-    constructor(config?: Partial<ITdContainerConfig>);
-}

package/src/basic/td-container/td-container.interface.d.ts

@@ -1,14 +0,0 @@
-import { ITypeConfig, ITypeSection, TextNode, TypeElement } from '@type-dom/framework';
-import { TdAside } from './td-aside/td-aside.class';
-import { TdHeader } from './td-header/td-header.class';
-import { TdMain } from './td-main/td-main.class';
-import { TdContainer } from './td-container.class';
-export interface ITdContainer extends ITypeSection {
-    className: 'TdContainer';
-}
-export interface ITdContainerConfig extends ITypeConfig {
-    name: string;
-    vertical: boolean;
-    direction: 'vertical' | 'horizontal';
-    childNodes: (TdAside | TdHeader | TdMain | TdContainer | TypeElement | TextNode)[];
-}

package/src/basic/td-container/td-footer/td-footer.class.d.ts

@@ -1,6 +0,0 @@
-import { TypeFooter } from '@type-dom/framework';
-import type { ITdFooter, ITdFooterConfig } from './td-footer.interface';
-export declare class TdFooter extends TypeFooter implements ITdFooter {
-    className: 'TdFooter';
-    constructor(config?: Partial<ITdFooterConfig>);
-}

package/src/basic/td-container/td-footer/td-footer.class.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdFooter = void 0;
-const framework_1 = require("@type-dom/framework");
-class TdFooter extends framework_1.TypeFooter {
-    constructor(config) {
-        super();
-        this.className = 'TdFooter';
-        this.addStyleObj({
-            padding: '0 20px',
-            height: (config === null || config === void 0 ? void 0 : config.height) || '60px',
-            boxSizing: 'border-box',
-            flexShrink: 0,
-            backgroundColor: '#a0cfff',
-        });
-        if (config === null || config === void 0 ? void 0 : config.styleObj) {
-            this.addStyleObj(config.styleObj);
-        }
-        if (config === null || config === void 0 ? void 0 : config.name) {
-            this.addAttrName(config.name);
-        }
-        if (config === null || config === void 0 ? void 0 : config.childNodes) {
-            this.childNodes = config.childNodes;
-        }
-        if (config === null || config === void 0 ? void 0 : config.text) {
-            this.childNodes = [new framework_1.TextNode(config.text)];
-        }
-    }
-}
-exports.TdFooter = TdFooter;

package/src/basic/td-container/td-footer/td-footer.interface.d.ts

@@ -1,11 +0,0 @@
-import { IStyle, ITypeFooter, TextNode, TypeElement } from '@type-dom/framework';
-export interface ITdFooter extends ITypeFooter {
-    className: 'TdFooter';
-}
-export interface ITdFooterConfig {
-    height: string;
-    name: string;
-    text: string;
-    styleObj: Partial<IStyle>;
-    childNodes: (TypeElement | TextNode)[];
-}

package/src/basic/td-container/td-header/td-header.class.d.ts

@@ -1,9 +0,0 @@
-import { TextNode, TypeElement, TypeHeader } from '@type-dom/framework';
-import type { ITdHeader, ITdHeaderConfig } from './td-header.interface';
-import { TdContainer } from '../td-container.class';
-export declare class TdHeader extends TypeHeader implements ITdHeader {
-    className: 'TdHeader';
-    parent?: TdContainer;
-    childNodes: (TypeElement | TextNode)[];
-    constructor(config?: Partial<ITdHeaderConfig>);
-}

package/src/basic/td-container/td-header/td-header.class.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdHeader = void 0;
-const framework_1 = require("@type-dom/framework");
-class TdHeader extends framework_1.TypeHeader {
-    constructor(config) {
-        super();
-        this.className = 'TdHeader';
-        this.addStyleObj({
-            padding: '0 20px',
-            height: (config === null || config === void 0 ? void 0 : config.height) || '60px',
-            boxSizing: 'border-box',
-            flexShrink: 0,
-            backgroundColor: '#a0cfff',
-        });
-        this.childNodes = [];
-        if (config === null || config === void 0 ? void 0 : config.text) {
-            const text = new framework_1.TextNode(config === null || config === void 0 ? void 0 : config.text);
-            this.childNodes = [text];
-        }
-    }
-}
-exports.TdHeader = TdHeader;

package/src/basic/td-container/td-header/td-header.interface.d.ts

@@ -1,10 +0,0 @@
-import { ITypeHeader, TextNode, TypeElement } from '@type-dom/framework';
-export interface ITdHeader extends ITypeHeader {
-    className: 'TdHeader';
-}
-export interface ITdHeaderConfig {
-    name: string;
-    text: string;
-    height: string;
-    childNodes: (TypeElement | TextNode)[];
-}

package/src/basic/td-container/td-main/td-main.interface.d.ts

@@ -1,7 +0,0 @@
-import { ITypeConfig, ITypeMain } from '@type-dom/framework';
-export interface ITdMain extends ITypeMain {
-    className: 'TdMain';
-}
-export interface ITdMainConfig extends ITypeConfig {
-    name: string;
-}

package/src/basic/td-icon/td-icon.interface.d.ts

@@ -1,12 +0,0 @@
-import { ITypeConfig, ITypeI, TypeSvgSvg } from '@type-dom/framework';
-export interface ITdIcon extends ITypeI {
-    className: 'TdIcon';
-}
-export interface ITdIconConfig extends ITypeConfig {
-    SvgClass: any;
-    svgObj: TypeSvgSvg;
-    size: string;
-    color: string;
-    loading: boolean;
-    position: 'left' | 'right';
-}

package/src/basic/td-select/td-select.class.d.ts

@@ -1,14 +0,0 @@
-import { TypeHtml, TypeSelect } from '@type-dom/framework';
-import { IOption } from '../../form/field-item/field-item.interface';
-import { SelectOption } from './option/option.class';
-import { ITdSelect } from './td-select.interface';
-export declare class TdSelect extends TypeSelect implements ITdSelect {
-    className: 'TdSelect';
-    parent?: TypeHtml;
-    childNodes: SelectOption[];
-    value?: string | number | boolean;
-    constructor();
-    setOptions(options: IOption[], value: string | number | boolean): void;
-    resetOptions(options: IOption[], value: string | number | boolean): void;
-    initEvents(): void;
-}

package/src/form/field-item/cascade/field-cascade.abstract.d.ts

@@ -1,22 +0,0 @@
-import { Division, Label, Button } from '@type-dom/framework';
-import { FieldItem } from '../field-item.abstract';
-import { TdSelect } from '../../../basic/td-select/td-select.class';
-import { IOptionConfig } from '../field-item.interface';
-/**
- * 两级联动，
- * 目前只有 字段名称属性项用到。 控件属性栏 control-field 字段属性栏 field-name
- */
-export declare abstract class PropertyCascade extends FieldItem {
-    childNodes: [Label, Division, Button];
-    cascadeDiv: Division;
-    firstStageSelectObj: TdSelect;
-    secondStageSelectObj: TdSelect;
-    private cascadeConfig?;
-    abstract reset(value?: string): void;
-    protected constructor(labelText?: string);
-    get fieldConfig(): IOptionConfig | undefined;
-    set fieldConfig(value: IOptionConfig | undefined);
-    resetCascadeConfigResultValue(value: string | number | boolean): void;
-    resetCascadeConfig(optionConfig: IOptionConfig): void;
-    initEvents(): void;
-}

package/src/form/field-item/field-item.abstract.d.ts

@@ -1,11 +0,0 @@
-import { Division, Input, Label, Span, Textarea, TypeComponent, Button } from '@type-dom/framework';
-import { Select } from '../select/select.class';
-export declare abstract class FieldItem extends TypeComponent {
-    abstract className: string;
-    abstract childNodes: [Label, ...(Span | Input | Textarea | Select | Division)[], Button];
-    label: Label;
-    button: Button;
-    protected constructor(labelText: string);
-    setLabelTitle(text: string): void;
-    show(): void;
-}

package/src/form/field-item/field-item.interface.d.ts

@@ -1,12 +0,0 @@
-export interface IOption {
-    label: string;
-    value: string | number | boolean;
-    checked?: boolean;
-    selected?: boolean;
-    options?: IOption[];
-}
-export interface IOptionConfig {
-    name: string;
-    resultValue: string | number | boolean;
-    options: IOption[];
-}