@type-dom/ui 0.1.1 → 0.1.2

package/README.md

@@ -1,6 +1,8 @@
 ## 项目说明
 
-> 这是一个基于前端框架TypeDom创建的ui组件库。
+> 这是一个基于前端框架TypeDom创建的UI组件库。
+> 框架基于TypeDom框架开发，TypeDom框架基于TypeScript开发。
+> 对标 element-plus 的组件开发。
 
 ## 安装
 
@@ -16,29 +18,117 @@
         –	实体类
     2、项目结构
         –	src
-            –	lib
+            –	components
                 -   basic
                 -   data
                 -   feedback
                 -   form
                 -   navigation
                 -   other
-                -   styles
-            –
+            –   constants
+            -   hooks
+            - locale
+            - styles
+            - theme-chalk   
+            - utils
+            - index.ts
         -   test
 
-# type-dom 自定义组件
+# type-dom UI组件库
 
-## basic 基础组件
+## basic 基础组件（共8项，完成8项）
 
-### button 按钮组件
+    Button 按钮 ✔️
+    Container 容器 ✔️
+        td-header
+        td-aside
+        td-main
+        td-footer
+    Icon 图标 ✔️
+    Layout 布局 ✔️
+        Row
+        Col
+    Link 链接 ✔️
+    Text 文本 ✔️
+    Scrollbar 滚动条 ✔️
+    Space 间距 ✔️
 
-## data 数据组件
+## data 数据组件（共23项，完成12项）
 
-## form 表单组件
+    Avatar 头像 ✔️
+    Badge 徽章 ✔️
+    Calendar 日历
+    Card 卡片 ✔️
+    Carousel 走马灯
+    Collapse 折叠面板 ✔️
+    Descriptions 描述列表 ✔️
+    Empty 空状态 ✔️
+    Image 图片 ✔️
+    Infinite Scroll 无限滚动
+    Pagination 分页
+    Progress 进度条 ✔️
+    Result 结果 ✔️
+    Skeleton 骨架屏
+    Table 表格
+    Virtualized Table 虚拟化表
+    Tag 标签 ✔️
+    Timeline 时间线
+    Tree 树形控件
+    TreeSelect 树形选择
+    Virtualized Tree 虚拟化树形控件
+    Statistic 统计组件 ✔️
+    Segmented 分段控制器 ✔️
 
-## feedback 反馈组件
+## form 表单组件（共20项，完成7项）
 
-## navigation 导航组件
+    Autocomplete 自动补全输入框
+    Cascader 级联选择器
+    Checkbox 多选框 ✔️
+    ColorPicker 颜色选择器
+    DatePicker 日期选择器
+    DateTimePicker 日期时间选择器
+    Form 表单 ⚠️
+    Input 输入框 ✔️
+    Input Number 数字输入框 ✔️
+    Input Tag 标签输入框
+    Radio 单选框 ✔️
+    Rate 评分 ✔️
+    Select 选择器 🔄 
+    Virtualized Select 虚拟化选择器
+    Slider 滑块 ✔️
+    Switch 开关 ✔️
+    TimePicker 时间选择器
+    TimeSelect 时间选择
+    Transfer 穿梭框
+    Upload 上传 ⚠️
+
+
+## feedback 反馈组件（共10项，完成8项）
+
+    Alert 提示 ✔️
+    Dialog 对话框 ✔️
+    Drawer 抽屉
+    Loading 加载
+    Message 消息提示 ✔️
+    Message Box 消息弹出框 ✔️
+    Notification 通知 ✔️
+    Popconfirm 气泡确认框 ✔️
+    Popover 弹出框 ✔️
+    Tooltip 文字提示 ✔️
+
+## navigation 导航组件（共9项，完成2项）
+
+    Affix 固钉 ⚠️
+    Anchor 锚点 ⚠️
+    Backtop 回到顶部 ✔️
+    Breadcrumb 面包屑 ✔️
+    Dropdown 下拉菜单
+    Menu 菜单 🔄 
+    Page Header 页头
+    Steps 步骤条
+    Tabs 标签页 🔄 
 
 ## other 其它组件
+
+    Divider 分割线 ✔️
+    Watermark 水印

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@type-dom/ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "dependencies": {
-    "@type-dom/svgs": "*"
+    "@type-dom/async-validator": "*",
+    "@type-dom/color": "*",
+    "@type-dom/css-type": "*",
+    "@type-dom/framework": "*",
+    "@type-dom/popper": "*",
+    "@type-dom/router": "*",
+    "@type-dom/signals": "*",
+    "@type-dom/svgs": "*",
+    "@type-dom/utils": "*"
   },
   "type": "commonjs",
   "main": "./src/index.js",

package/src/components/base/style/css.d.ts

@@ -1 +1 @@
-import '../../theme/base.css';
+import '@type-dom/theme-chalk/base.css';

package/src/components/base/style/css.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("../../theme/base.css");
+require("@type-dom/theme-chalk/base.css");

package/src/components/basic/index.d.ts

@@ -5,7 +5,6 @@ export type * from './td-button-group/td-button-group.interface';
 export { TdIcon } from './td-icon/td-icon.class';
 export type * from './td-icon/td-icon.interface';
 export { TdContainer } from './td-container/td-container.class';
-export { TdContainerComp } from './td-container/td-container';
 export type * from './td-container/td-container.interface';
 export { TdHeader } from './td-container/td-header/td-header.class';
 export type * from './td-container/td-header/td-header.interface';

package/src/components/basic/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSpace = exports.TdText = exports.TdLink = exports.TdCol = exports.TdRow = exports.TdScrollbar = exports.TdFooter = exports.TdMain = exports.TdAside = exports.TdHeader = exports.TdContainerComp = exports.TdContainer = exports.TdIcon = exports.TdButtonGroup = exports.TdButton = void 0;
+exports.TdSpace = exports.TdText = exports.TdLink = exports.TdCol = exports.TdRow = exports.TdScrollbar = exports.TdFooter = exports.TdMain = exports.TdAside = exports.TdHeader = exports.TdContainer = exports.TdIcon = exports.TdButtonGroup = exports.TdButton = void 0;
 //  button
 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; } });
@@ -11,8 +11,6 @@ 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");

package/src/components/basic/td-button/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../../base/style';
+import '../../../base/style/index';
 import '../../../../theme-chalk/button.scss';

package/src/components/basic/td-button/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style");
+require("../../../base/style/index");
 require("../../../../theme-chalk/button.scss");

package/src/components/basic/td-button/td-button.abstract.js

@@ -13,19 +13,21 @@ require("./style/index");
 class TdButtonAbstract extends framework_1.TypeHtml {
     constructor(params = {}) {
         super();
-        this.assignProps(td_button_const_1.buttonProps);
         this.addEmits(td_button_const_1.buttonEmits);
+        this.assignProps(td_button_const_1.buttonProps);
         this.props = this.useParams(params);
     }
     setup() {
         var _a, _b, _c, _d, _e, _f;
         const props = this.props;
+        const emit = this.emit;
         const buttonStyle = (0, button_custom_1.useButtonCustomStyle)(props);
-        if (props.color) {
-            console.error('buttonStyle is ', buttonStyle);
-        }
+        // if (props.color) {
+        //   console.error('buttonStyle is ', buttonStyle);
+        // }
         const ns = (0, use_namespace_1.useNamespace)('button');
-        const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick, } = (0, use_button_1.useButton)(props, this.emit);
+        const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick, } = (0, use_button_1.useButton)(props, emit);
+        // console.log('_disabled.get() is ', _disabled.get());
         const buttonKls = (0, signals_1.computed)(() => [
             ns.b(),
             ns.m(_type.get()),
@@ -41,16 +43,13 @@ class TdButtonAbstract extends framework_1.TypeHtml {
         ]);
         // v-bind="_props"
         // :is="tag"
-        this.assignProps({
-            nodeName: props.tag,
-        });
+        this.assignProps(Object.assign(Object.assign({}, _props), { nodeName: props.tag, refDom: _ref }));
         this.addEvents({
             click: handleClick,
         });
         this.attr.addObj({
             type: 'button',
             class: buttonKls,
-            refDom: _ref,
         });
         this.style.addObj(buttonStyle);
         // this.attr.addClass(buttonStyle);

package/src/components/basic/td-button/td-button.interface.d.ts

@@ -1,4 +1,5 @@
 import { TypeProps, ITypeHtml, TypeSvgSvg } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
 import { ComponentSize } from '../../../constants';
 export interface ITdButtonAbstract extends ITypeHtml {
     className: 'TdButton' | string;
@@ -37,7 +38,7 @@ export interface TdButtonProps extends TypeProps {
     /**
      * @description disable the button
      */
-    disabled?: boolean;
+    disabled?: MaybeRef<boolean>;
     /**
      * @description button type
      */

package/src/components/basic/td-button/td-button.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/html';
+import { TdButton as Button } from './td-button.class';
+declare const meta: Meta<typeof Button>;
+export default meta;

package/src/components/basic/td-button/td-button.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const meta = {
+// component: new Button().dom,
+};
+exports.default = meta;
+// type Story = StoryObj<typeof Button>;
+// export const Basic: Story = {};
+//
+// export const Primary: Story = {
+//   args: {
+//     // primary: true,
+//     // type: 'primary',
+//   },
+// };

package/src/components/basic/td-button/use-button.d.ts

@@ -1,10 +1,10 @@
-import { AnyFn } from '@type-dom/framework';
+import { AnyFn } from '@type-dom/utils';
 import { TdButtonProps } from './td-button.interface';
 export declare const useButton: (props: TdButtonProps, emit: AnyFn) => {
     _disabled: import("@type-dom/signals").Computed<boolean>;
     _size: import("@type-dom/signals").Computed<"" | "default" | "small" | "large">;
     _type: import("@type-dom/signals").Computed<"primary" | "success" | "warning" | "danger" | "info" | "default" | "" | "text">;
-    _ref: import("@type-dom/signals").Signal<HTMLButtonElement | undefined>;
+    _ref: import("@type-dom/signals").Signal<HTMLButtonElement>;
     _props: import("@type-dom/signals").Computed<{
         ariaDisabled: boolean | undefined;
         disabled: boolean | undefined;

package/src/components/basic/td-button/use-button.js

@@ -6,8 +6,8 @@ const framework_1 = require("@type-dom/framework");
 const use_deprecated_1 = require("../../../hooks/use-deprecated");
 const use_form_item_1 = require("../../form/td-form/hooks/use-form-item");
 const use_form_common_props_1 = require("../../form/td-form/hooks/use-form-common-props");
-const constants_1 = require("./constants");
 const td_config_provider_1 = require("../../configuration/td-config-provider");
+const constants_1 = require("./constants");
 const useButton = (props, emit) => {
     (0, use_deprecated_1.useDeprecated)({
         from: 'type.text',
@@ -19,7 +19,7 @@ const useButton = (props, emit) => {
     const buttonGroupContext = (0, framework_1.inject)(constants_1.buttonGroupContextKey, undefined);
     const globalConfig = (0, td_config_provider_1.useGlobalConfig)('button');
     const { form } = (0, use_form_item_1.useFormItem)();
-    const _size = (0, use_form_common_props_1.useFormSize)((0, signals_1.computed)(() => buttonGroupContext === null || buttonGroupContext === void 0 ? void 0 : buttonGroupContext.size));
+    const _size = (0, use_form_common_props_1.useFormSize)((0, signals_1.computed)(() => (0, signals_1.unref)(buttonGroupContext === null || buttonGroupContext === void 0 ? void 0 : buttonGroupContext.size)));
     const _disabled = (0, use_form_common_props_1.useFormDisabled)();
     const _ref = (0, signals_1.signal)();
     const slots = (0, framework_1.useSlots)();

package/src/components/basic/td-button-group/td-button-group.class.d.ts

@@ -1,11 +1,11 @@
 import { TypeDiv } from '@type-dom/framework';
 import { TdButton } from '../td-button/td-button.class';
-import { ITdButtonGroup, ITdButtonGroupConfig } from './td-button-group.interface';
+import { ITdButtonGroup, TdButtonGroupProps } from './td-button-group.interface';
 import './style/index';
 export declare class TdButtonGroup extends TypeDiv implements ITdButtonGroup {
     className: 'TdButtonGroup';
-    props: ITdButtonGroupConfig;
+    props: TdButtonGroupProps;
     childNodes: TdButton[];
-    constructor(params: ITdButtonGroupConfig);
+    constructor(params?: TdButtonGroupProps);
     setup(): void;
 }

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

@@ -7,14 +7,14 @@ const use_namespace_1 = require("../../../hooks/use-namespace");
 const constants_1 = require("../td-button/constants");
 require("./style/index");
 class TdButtonGroup extends framework_1.TypeDiv {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'TdButtonGroup';
         this.childNodes = [];
         this.props = this.useParams(params);
     }
     setup() {
-        console.log('td-button-group setup . ');
+        // console.log('td-button-group setup . ');
         const props = this.props;
         this.attr.addName('td-button-group');
         const ns = (0, use_namespace_1.useNamespace)('button');

package/src/components/basic/td-button-group/td-button-group.interface.d.ts

@@ -2,9 +2,9 @@ import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
 import { IButtonSize, IButtonType, TdButtonProps } from '../td-button/td-button.interface';
 export interface ITdButtonGroup extends ITypeDiv {
     className: 'TdButtonGroup';
-    props: ITdButtonGroupConfig;
+    props: TdButtonGroupProps;
 }
-export interface ITdButtonGroupConfig extends TypeDivProps {
+export interface TdButtonGroupProps extends TypeDivProps {
     /**
      * @description control the size of buttons in this button-group
      */

package/src/components/basic/td-container/style/css.d.ts

@@ -1,4 +1,4 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-container.css';
 import '@element-plus/theme-chalk/el-aside.css';
 import '@element-plus/theme-chalk/el-footer.css';

package/src/components/basic/td-container/style/css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-container.css");
 require("@element-plus/theme-chalk/el-aside.css");
 require("@element-plus/theme-chalk/el-footer.css");

package/src/components/basic/td-container/td-aside/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-aside.css';

package/src/components/basic/td-container/td-aside/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-aside.css");

package/src/components/basic/td-container/td-aside/style/index.d.ts

@@ -1,2 +1,2 @@
 import '../../../../../components/base/style';
-import '../../../../../theme-chalk/aside.scss';
+import '../../../../theme-chalk/aside.scss';

package/src/components/basic/td-container/td-aside/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("../../../../../components/base/style");
-require("../../../../../theme-chalk/aside.scss");
+require("../../../../theme-chalk/aside.scss");

package/src/components/basic/td-container/td-aside/td-aside.class.js

@@ -18,12 +18,13 @@ class TdAside extends framework_1.TypeAside {
         const style = (0, signals_1.computed)(() => (props.width
             ? ns.cssVarBlock({ width: props.width.toString() })
             : {}));
-        this.assignProps({
-            attrObj: {
-                class: ns.b(),
-            },
-            // styleObj: style,
-        });
+        // this.assignProps({
+        //   attrObj: {
+        //     class: ns.b(), // todo 不生效
+        //   },
+        //   // styleObj: style,
+        // });
+        this.attr.addClass(ns.b());
         this.style.addObj(style);
         this.slotChildren(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default));
     }

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

@@ -1,13 +1,9 @@
-import { TypeElement, TypeSection } 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 { TypeSection } from '@type-dom/framework';
 import { ITdContainer, ContainerProps } from './td-container.interface';
 import './style/index';
 export declare class TdContainer extends TypeSection implements ITdContainer {
     className: 'TdContainer';
     props: ContainerProps;
-    childNodes: (TdAside | TdHeader | TdMain | TdContainer | TypeElement)[];
     constructor(params?: ContainerProps);
     setup(): void;
 }

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

@@ -9,10 +9,7 @@ class TdContainer extends framework_1.TypeSection {
     constructor(params = {}) {
         super();
         this.className = 'TdContainer';
-        this.childNodes = [];
-        this.attr.addObj({
-            name: 'td-container',
-        });
+        this.attr.addName('td-container');
         this.props = this.useParams(params);
     }
     setup() {
@@ -44,9 +41,10 @@ class TdContainer extends framework_1.TypeSection {
                 return false;
             }
         });
-        this.assignProps({
-            class: (0, signals_1.computed)(() => [ns.b(), ns.is('vertical', isVertical.get())]),
-        });
+        // this.assignProps({
+        //   class: computed(() => [ns.b(), ns.is('vertical', isVertical.get())]), // todo 不生效
+        // });
+        this.attr.addClass([ns.b(), ns.is('vertical', isVertical.get())]);
         this.slotChildren(slot);
     }
 }

package/src/components/basic/td-container/td-container.js

@@ -15,9 +15,9 @@ class TdContainerComp extends HTMLElement {
         });
         // 渲染
         container.mount();
-        console.log('container is ', container);
+        // console.log('container is ', container);
     }
 }
 exports.TdContainerComp = TdContainerComp;
 TdContainerComp.observedAttributes = [];
-customElements.define('td-container', TdContainerComp);
+// customElements.define('td-container', TdContainerComp);

package/src/components/basic/td-container/td-footer/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-footer.css';

package/src/components/basic/td-container/td-footer/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-footer.css");

package/src/components/basic/td-container/td-footer/style/index.d.ts

@@ -1,2 +1,2 @@
 import '../../../../../components/base/style';
-import '../../../../../theme-chalk/footer.scss';
+import '../../../../theme-chalk/footer.scss';

package/src/components/basic/td-container/td-footer/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("../../../../../components/base/style");
-require("../../../../../theme-chalk/footer.scss");
+require("../../../../theme-chalk/footer.scss");

package/src/components/basic/td-container/td-header/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-header.css';

package/src/components/basic/td-container/td-header/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-header.css");

package/src/components/basic/td-container/td-header/style/index.d.ts

@@ -1,2 +1,2 @@
 import '../../../../../components/base/style';
-import '../../../../../theme-chalk/header.scss';
+import '../../../../theme-chalk/header.scss';

package/src/components/basic/td-container/td-header/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("../../../../../components/base/style");
-require("../../../../../theme-chalk/header.scss");
+require("../../../../theme-chalk/header.scss");

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdHeader = void 0;
 const framework_1 = require("@type-dom/framework");
-const use_namespace_1 = require("../../../../hooks/use-namespace");
 const signals_1 = require("@type-dom/signals");
+const use_namespace_1 = require("../../../../hooks/use-namespace");
 class TdHeader extends framework_1.TypeHeader {
     constructor(params = {}) {
         super();

package/src/components/basic/td-container/td-main/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-main.css';

package/src/components/basic/td-container/td-main/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-main.css");

package/src/components/basic/td-container/td-main/style/index.d.ts

@@ -1,2 +1,2 @@
 import '../../../../../components/base/style';
-import '../../../../../theme-chalk/main.scss';
+import '../../../../theme-chalk/main.scss';

package/src/components/basic/td-container/td-main/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("../../../../../components/base/style");
-require("../../../../../theme-chalk/main.scss");
+require("../../../../theme-chalk/main.scss");

package/src/components/basic/td-icon/td-icon.class.js

@@ -51,7 +51,7 @@ class TdIcon extends framework_1.TypeI {
      */
     replaceSvg(toSvg, fromSvg) {
         var _a;
-        console.log('replaceSvg ');
+        // console.log('replaceSvg ');
         // 查找要替换的SVG元素的索引。
         const svgIndex = (_a = this.childNodes) === null || _a === void 0 ? void 0 : _a.findIndex((child) => {
             // 如果指定了要替换的SVG元素，则判断当前元素是否是待替换的元素。

package/src/components/basic/td-layout/td-col/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-col.css';

package/src/components/basic/td-layout/td-col/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-col.css");

package/src/components/basic/td-layout/td-col/td-col.class.js

@@ -59,7 +59,7 @@ class TdCol extends framework_1.TypeDiv {
             if (gutter.get()) {
                 classes.push(ns.is('guttered'));
             }
-            console.error('classes is ', classes);
+            // console.error('classes is ', classes);
             return [ns.b(), classes];
         });
         this.attr.addClass(colKls);

package/src/components/basic/td-layout/td-row/style/css.d.ts

@@ -1,2 +1,2 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-row.css';

package/src/components/basic/td-layout/td-row/style/css.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-row.css");