@type-dom/ui 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
## 项目说明
|
|
2
|
-
|
|
3
|
-
> 这是一个基于自建前端框架TypeDom创建的ui组件库。
|
|
4
|
-
|
|
5
|
-
## 安装
|
|
6
|
-
|
|
7
|
-
> npm install @type-dom/ui
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
## 框架介绍
|
|
11
|
-
|
|
12
|
-
1、技术栈
|
|
13
|
-
– type-dom框架
|
|
14
|
-
– webpack
|
|
15
|
-
– typescript
|
|
16
|
-
– 抽象类
|
|
17
|
-
– 实体类
|
|
18
|
-
2、项目结构
|
|
19
|
-
– src
|
|
20
|
-
– lib
|
|
21
|
-
- basic
|
|
22
|
-
- data
|
|
23
|
-
- feedback
|
|
24
|
-
- form
|
|
25
|
-
- navigation
|
|
26
|
-
- other
|
|
27
|
-
- styles
|
|
28
|
-
–
|
|
29
|
-
- test
|
|
30
|
-
|
|
31
|
-
# type-dom 自定义组件
|
|
32
|
-
|
|
33
|
-
## basic 基础组件
|
|
34
|
-
|
|
35
|
-
### button 按钮组件
|
|
36
|
-
|
|
37
|
-
## data 数据组件
|
|
38
|
-
|
|
39
|
-
## form 表单组件
|
|
40
|
-
|
|
41
|
-
## feedback 反馈组件
|
|
42
|
-
|
|
43
|
-
## navigation 导航组件
|
|
44
|
-
|
|
45
|
-
## other 其它组件
|
|
1
|
+
## 项目说明
|
|
2
|
+
|
|
3
|
+
> 这是一个基于自建前端框架TypeDom创建的ui组件库。
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
> npm install @type-dom/ui
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
## 框架介绍
|
|
11
|
+
|
|
12
|
+
1、技术栈
|
|
13
|
+
– type-dom框架
|
|
14
|
+
– webpack
|
|
15
|
+
– typescript
|
|
16
|
+
– 抽象类
|
|
17
|
+
– 实体类
|
|
18
|
+
2、项目结构
|
|
19
|
+
– src
|
|
20
|
+
– lib
|
|
21
|
+
- basic
|
|
22
|
+
- data
|
|
23
|
+
- feedback
|
|
24
|
+
- form
|
|
25
|
+
- navigation
|
|
26
|
+
- other
|
|
27
|
+
- styles
|
|
28
|
+
–
|
|
29
|
+
- test
|
|
30
|
+
|
|
31
|
+
# type-dom 自定义组件
|
|
32
|
+
|
|
33
|
+
## basic 基础组件
|
|
34
|
+
|
|
35
|
+
### button 按钮组件
|
|
36
|
+
|
|
37
|
+
## data 数据组件
|
|
38
|
+
|
|
39
|
+
## form 表单组件
|
|
40
|
+
|
|
41
|
+
## feedback 反馈组件
|
|
42
|
+
|
|
43
|
+
## navigation 导航组件
|
|
44
|
+
|
|
45
|
+
## other 其它组件
|
package/package.json
CHANGED
|
@@ -15,6 +15,8 @@ export { TdMain } from './td-container/td-main/td-main.class';
|
|
|
15
15
|
export type { ITdMain, ITdMainConfig } from './td-container/td-main/td-main.interface';
|
|
16
16
|
export { TdFooter } from './td-container/td-footer/td-footer.class';
|
|
17
17
|
export type { ITdFooter } from './td-container/td-footer/td-footer.interface';
|
|
18
|
+
export { TdScrollbar } from './td-scrollbar/td-scrollbar.class';
|
|
19
|
+
export type { ITdScrollbar, ITdScrollbarConfig } from './td-scrollbar/td-scrollbar.interface';
|
|
18
20
|
export { TdRow } from './td-layout/td-row/td-row.class';
|
|
19
21
|
export type { ITdRow } from './td-layout/td-row/td-row.interface';
|
|
20
22
|
export { TdCol } from './td-layout/td-col/td-col.class';
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TdSpace = exports.TdText = exports.TdLink = exports.TdCol = exports.TdRow = exports.TdFooter = exports.TdMain = exports.TdAside = exports.TdHeader = exports.TdContainerComp = exports.TdContainer = exports.TdIcon = exports.TdButtonGroup = exports.TdButton = void 0;
|
|
3
|
+
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;
|
|
4
|
+
// button
|
|
4
5
|
var td_button_class_1 = require("./td-button/td-button.class");
|
|
5
6
|
Object.defineProperty(exports, "TdButton", { enumerable: true, get: function () { return td_button_class_1.TdButton; } });
|
|
6
7
|
var td_button_group_class_1 = require("./td-button-group/td-button-group.class");
|
|
7
8
|
Object.defineProperty(exports, "TdButtonGroup", { enumerable: true, get: function () { return td_button_group_class_1.TdButtonGroup; } });
|
|
9
|
+
// icon
|
|
8
10
|
var td_icon_class_1 = require("./td-icon/td-icon.class");
|
|
9
11
|
Object.defineProperty(exports, "TdIcon", { enumerable: true, get: function () { return td_icon_class_1.TdIcon; } });
|
|
10
12
|
var td_container_class_1 = require("./td-container/td-container.class");
|
|
@@ -19,6 +21,9 @@ var td_main_class_1 = require("./td-container/td-main/td-main.class");
|
|
|
19
21
|
Object.defineProperty(exports, "TdMain", { enumerable: true, get: function () { return td_main_class_1.TdMain; } });
|
|
20
22
|
var td_footer_class_1 = require("./td-container/td-footer/td-footer.class");
|
|
21
23
|
Object.defineProperty(exports, "TdFooter", { enumerable: true, get: function () { return td_footer_class_1.TdFooter; } });
|
|
24
|
+
// scrollbar
|
|
25
|
+
var td_scrollbar_class_1 = require("./td-scrollbar/td-scrollbar.class");
|
|
26
|
+
Object.defineProperty(exports, "TdScrollbar", { enumerable: true, get: function () { return td_scrollbar_class_1.TdScrollbar; } });
|
|
22
27
|
// layout
|
|
23
28
|
var td_row_class_1 = require("./td-layout/td-row/td-row.class");
|
|
24
29
|
Object.defineProperty(exports, "TdRow", { enumerable: true, get: function () { return td_row_class_1.TdRow; } });
|
|
@@ -27,8 +32,10 @@ Object.defineProperty(exports, "TdCol", { enumerable: true, get: function () { r
|
|
|
27
32
|
// link
|
|
28
33
|
var td_link_class_1 = require("./td-link/td-link.class");
|
|
29
34
|
Object.defineProperty(exports, "TdLink", { enumerable: true, get: function () { return td_link_class_1.TdLink; } });
|
|
35
|
+
// text
|
|
30
36
|
var td_text_class_1 = require("./td-text/td-text.class");
|
|
31
37
|
Object.defineProperty(exports, "TdText", { enumerable: true, get: function () { return td_text_class_1.TdText; } });
|
|
38
|
+
// space
|
|
32
39
|
var td_space_class_1 = require("./td-space/td-space.class");
|
|
33
40
|
Object.defineProperty(exports, "TdSpace", { enumerable: true, get: function () { return td_space_class_1.TdSpace; } });
|
|
34
41
|
// // list
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const focusReason: import("dist/libs/framework/src/reactivity/ref").Ref<"pointer" | "keyboard" | undefined>;
|
|
1
|
+
declare const focusReason: import("../../../../../../dist/libs/framework/src/reactivity/ref").Ref<"pointer" | "keyboard" | undefined>;
|
|
2
2
|
export type FocusLayer = {
|
|
3
3
|
paused: boolean;
|
|
4
4
|
pause: () => void;
|
|
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.calcTextareaHeight = void 0;
|
|
4
4
|
const utils_1 = require("@type-dom/utils");
|
|
5
5
|
let hiddenTextarea = undefined;
|
|
6
|
-
const HIDDEN_STYLE = `
|
|
7
|
-
height:0 !important;
|
|
8
|
-
visibility:hidden !important;
|
|
9
|
-
${utils_1.isFireFox ? '' : 'overflow:hidden !important;'}
|
|
10
|
-
position:absolute !important;
|
|
11
|
-
z-index:-1000 !important;
|
|
12
|
-
top:0 !important;
|
|
13
|
-
right:0 !important;
|
|
6
|
+
const HIDDEN_STYLE = `
|
|
7
|
+
height:0 !important;
|
|
8
|
+
visibility:hidden !important;
|
|
9
|
+
${utils_1.isFireFox ? '' : 'overflow:hidden !important;'}
|
|
10
|
+
position:absolute !important;
|
|
11
|
+
z-index:-1000 !important;
|
|
12
|
+
top:0 !important;
|
|
13
|
+
right:0 !important;
|
|
14
14
|
`;
|
|
15
15
|
const CONTEXT_STYLE = [
|
|
16
16
|
'letter-spacing',
|