@alifd/chat 0.3.37-beta.0 → 0.3.37-beta.10

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.
Files changed (180) hide show
  1. package/es/form/index.d.ts +23 -0
  2. package/es/form/index.js +33 -0
  3. package/es/form/main.scss +5 -0
  4. package/es/form/style.d.ts +1 -0
  5. package/es/form/style.js +1 -0
  6. package/es/form/types.d.ts +518 -0
  7. package/es/html-render/github-markdown-css.css +1168 -0
  8. package/es/html-render/index.js +1 -3
  9. package/es/html-render/main.scss +21 -1
  10. package/es/html-render/utils.d.ts +2 -0
  11. package/es/html-render/utils.js +2 -0
  12. package/es/icon/icon.css +363 -0
  13. package/es/index.js +1 -1
  14. package/es/markdown/index.js +4 -1
  15. package/es/markdown/types.d.ts +5 -0
  16. package/es/reference/index.js +4 -1
  17. package/es/tool-status/index.js +6 -3
  18. package/es/tool-status/main.scss +17 -8
  19. package/es/tool-status/types.d.ts +8 -0
  20. package/lib/form/index.d.ts +23 -0
  21. package/lib/form/index.js +35 -0
  22. package/lib/form/main.scss +5 -0
  23. package/lib/form/style.d.ts +1 -0
  24. package/lib/form/style.js +3 -0
  25. package/lib/form/types.d.ts +518 -0
  26. package/lib/form/types.js +2 -0
  27. package/lib/html-render/github-markdown-css.css +1168 -0
  28. package/lib/html-render/index.js +1 -3
  29. package/lib/html-render/main.scss +21 -1
  30. package/lib/html-render/utils.d.ts +2 -0
  31. package/lib/html-render/utils.js +5 -0
  32. package/lib/icon/icon.css +363 -0
  33. package/lib/index.js +1 -1
  34. package/lib/markdown/index.js +4 -1
  35. package/lib/markdown/types.d.ts +5 -0
  36. package/lib/reference/index.js +4 -1
  37. package/lib/tool-status/index.js +6 -3
  38. package/lib/tool-status/main.scss +17 -8
  39. package/lib/tool-status/types.d.ts +8 -0
  40. package/package.json +3 -2
  41. package/es/ai-loading/__docs__/demo/basic/index.d.ts +0 -8
  42. package/es/ai-loading/__docs__/demo/basic/index.js +0 -16
  43. package/es/balloon/__docs__/demo/basic/index.d.ts +0 -9
  44. package/es/balloon/__docs__/demo/basic/index.js +0 -16
  45. package/es/button/__docs__/demo/size/index.d.ts +0 -8
  46. package/es/button/__docs__/demo/size/index.js +0 -115
  47. package/es/card/__docs__/demo/basic/index.d.ts +0 -11
  48. package/es/card/__docs__/demo/basic/index.js +0 -39
  49. package/es/card/__docs__/demo/demo-legal-affairs/index.d.ts +0 -13
  50. package/es/card/__docs__/demo/demo-legal-affairs/index.js +0 -130
  51. package/es/card-loading/__docs__/demo/basic/index.d.ts +0 -8
  52. package/es/card-loading/__docs__/demo/basic/index.js +0 -13
  53. package/es/checkbox-group/__docs__/demo/basic/index.d.ts +0 -6
  54. package/es/checkbox-group/__docs__/demo/basic/index.js +0 -26
  55. package/es/date-picker/__docs__/demo/basic/index.d.ts +0 -8
  56. package/es/date-picker/__docs__/demo/basic/index.js +0 -13
  57. package/es/drawer/__docs__/demo/basic/index.d.ts +0 -9
  58. package/es/drawer/__docs__/demo/basic/index.js +0 -30
  59. package/es/feedback/__docs__/demo/basic/index.d.ts +0 -8
  60. package/es/feedback/__docs__/demo/basic/index.js +0 -12
  61. package/es/feedback/__docs__/demo/size/index.d.ts +0 -8
  62. package/es/feedback/__docs__/demo/size/index.js +0 -25
  63. package/es/flip/__docs__/demo/basic/index.d.ts +0 -8
  64. package/es/flip/__docs__/demo/basic/index.js +0 -23
  65. package/es/float-button/__docs__/demo/basic/index.d.ts +0 -7
  66. package/es/float-button/__docs__/demo/basic/index.js +0 -104
  67. package/es/html-render/__docs__/demo/basic/index.js +0 -95
  68. package/es/icon/__docs__/demo/basic/index.d.ts +0 -8
  69. package/es/icon/__docs__/demo/basic/index.js +0 -17
  70. package/es/image-preview/__docs__/demo/basic/index.d.ts +0 -8
  71. package/es/image-preview/__docs__/demo/basic/index.js +0 -14
  72. package/es/img/__docs__/demo/basic/index.d.ts +0 -8
  73. package/es/img/__docs__/demo/basic/index.js +0 -44
  74. package/es/input/__docs__/demo/basic/index.d.ts +0 -1
  75. package/es/input/__docs__/demo/basic/index.js +0 -12
  76. package/es/list/__docs__/demo/basic/index.d.ts +0 -8
  77. package/es/list/__docs__/demo/basic/index.js +0 -37
  78. package/es/loading/__docs__/demo/basic/index.d.ts +0 -8
  79. package/es/loading/__docs__/demo/basic/index.js +0 -34
  80. package/es/markdown/__docs__/demo/baisc/index.d.ts +0 -1
  81. package/es/markdown/__docs__/demo/baisc/index.js +0 -243
  82. package/es/message/__docs__/demo/basic/index.d.ts +0 -9
  83. package/es/message/__docs__/demo/basic/index.js +0 -25
  84. package/es/origin/__docs__/demo/basic/index.d.ts +0 -8
  85. package/es/origin/__docs__/demo/basic/index.js +0 -13
  86. package/es/person-picker/__docs__/demo/basic/index.d.ts +0 -8
  87. package/es/person-picker/__docs__/demo/basic/index.js +0 -13
  88. package/es/radio-group/__docs__/demo/basic/index.d.ts +0 -6
  89. package/es/radio-group/__docs__/demo/basic/index.js +0 -26
  90. package/es/recommend/__docs__/demo/basic/index.d.ts +0 -8
  91. package/es/recommend/__docs__/demo/basic/index.js +0 -51
  92. package/es/reference/__docs__/demo/basic/index.d.ts +0 -8
  93. package/es/reference/__docs__/demo/basic/index.js +0 -83
  94. package/es/rich-text-input/__docs__/demo/basic/index.d.ts +0 -8
  95. package/es/rich-text-input/__docs__/demo/basic/index.js +0 -19
  96. package/es/select/__docs__/demo/basic/index.d.ts +0 -1
  97. package/es/select/__docs__/demo/basic/index.js +0 -22
  98. package/es/step/__docs__/demo/basic/index.d.ts +0 -8
  99. package/es/step/__docs__/demo/basic/index.js +0 -29
  100. package/es/stop-generate/__docs__/demo/basic/index.d.ts +0 -8
  101. package/es/stop-generate/__docs__/demo/basic/index.js +0 -53
  102. package/es/tag/__docs__/demo/basic/index.d.ts +0 -8
  103. package/es/tag/__docs__/demo/basic/index.js +0 -16
  104. package/es/text/__docs__/demo/basic/index.d.ts +0 -21
  105. package/es/text/__docs__/demo/basic/index.js +0 -44
  106. package/es/time-picker/__docs__/demo/basic/index.d.ts +0 -8
  107. package/es/time-picker/__docs__/demo/basic/index.js +0 -13
  108. package/es/tool-status/__docs__/demo/basic/index.d.ts +0 -8
  109. package/es/tool-status/__docs__/demo/basic/index.js +0 -53
  110. package/lib/ai-loading/__docs__/demo/basic/index.d.ts +0 -8
  111. package/lib/ai-loading/__docs__/demo/basic/index.js +0 -19
  112. package/lib/balloon/__docs__/demo/basic/index.d.ts +0 -9
  113. package/lib/balloon/__docs__/demo/basic/index.js +0 -19
  114. package/lib/button/__docs__/demo/size/index.d.ts +0 -8
  115. package/lib/button/__docs__/demo/size/index.js +0 -118
  116. package/lib/card/__docs__/demo/basic/index.d.ts +0 -11
  117. package/lib/card/__docs__/demo/basic/index.js +0 -42
  118. package/lib/card/__docs__/demo/demo-legal-affairs/index.d.ts +0 -13
  119. package/lib/card/__docs__/demo/demo-legal-affairs/index.js +0 -133
  120. package/lib/card-loading/__docs__/demo/basic/index.d.ts +0 -8
  121. package/lib/card-loading/__docs__/demo/basic/index.js +0 -16
  122. package/lib/checkbox-group/__docs__/demo/basic/index.d.ts +0 -6
  123. package/lib/checkbox-group/__docs__/demo/basic/index.js +0 -29
  124. package/lib/date-picker/__docs__/demo/basic/index.d.ts +0 -8
  125. package/lib/date-picker/__docs__/demo/basic/index.js +0 -16
  126. package/lib/drawer/__docs__/demo/basic/index.d.ts +0 -9
  127. package/lib/drawer/__docs__/demo/basic/index.js +0 -33
  128. package/lib/feedback/__docs__/demo/basic/index.d.ts +0 -8
  129. package/lib/feedback/__docs__/demo/basic/index.js +0 -15
  130. package/lib/feedback/__docs__/demo/size/index.d.ts +0 -8
  131. package/lib/feedback/__docs__/demo/size/index.js +0 -28
  132. package/lib/flip/__docs__/demo/basic/index.d.ts +0 -8
  133. package/lib/flip/__docs__/demo/basic/index.js +0 -26
  134. package/lib/float-button/__docs__/demo/basic/index.d.ts +0 -7
  135. package/lib/float-button/__docs__/demo/basic/index.js +0 -107
  136. package/lib/html-render/__docs__/demo/basic/index.d.ts +0 -1
  137. package/lib/html-render/__docs__/demo/basic/index.js +0 -98
  138. package/lib/icon/__docs__/demo/basic/index.d.ts +0 -8
  139. package/lib/icon/__docs__/demo/basic/index.js +0 -20
  140. package/lib/image-preview/__docs__/demo/basic/index.d.ts +0 -8
  141. package/lib/image-preview/__docs__/demo/basic/index.js +0 -17
  142. package/lib/img/__docs__/demo/basic/index.d.ts +0 -8
  143. package/lib/img/__docs__/demo/basic/index.js +0 -47
  144. package/lib/input/__docs__/demo/basic/index.d.ts +0 -1
  145. package/lib/input/__docs__/demo/basic/index.js +0 -15
  146. package/lib/list/__docs__/demo/basic/index.d.ts +0 -8
  147. package/lib/list/__docs__/demo/basic/index.js +0 -40
  148. package/lib/loading/__docs__/demo/basic/index.d.ts +0 -8
  149. package/lib/loading/__docs__/demo/basic/index.js +0 -37
  150. package/lib/markdown/__docs__/demo/baisc/index.d.ts +0 -1
  151. package/lib/markdown/__docs__/demo/baisc/index.js +0 -246
  152. package/lib/message/__docs__/demo/basic/index.d.ts +0 -9
  153. package/lib/message/__docs__/demo/basic/index.js +0 -28
  154. package/lib/origin/__docs__/demo/basic/index.d.ts +0 -8
  155. package/lib/origin/__docs__/demo/basic/index.js +0 -16
  156. package/lib/person-picker/__docs__/demo/basic/index.d.ts +0 -8
  157. package/lib/person-picker/__docs__/demo/basic/index.js +0 -16
  158. package/lib/radio-group/__docs__/demo/basic/index.d.ts +0 -6
  159. package/lib/radio-group/__docs__/demo/basic/index.js +0 -29
  160. package/lib/recommend/__docs__/demo/basic/index.d.ts +0 -8
  161. package/lib/recommend/__docs__/demo/basic/index.js +0 -54
  162. package/lib/reference/__docs__/demo/basic/index.d.ts +0 -8
  163. package/lib/reference/__docs__/demo/basic/index.js +0 -86
  164. package/lib/rich-text-input/__docs__/demo/basic/index.d.ts +0 -8
  165. package/lib/rich-text-input/__docs__/demo/basic/index.js +0 -22
  166. package/lib/select/__docs__/demo/basic/index.d.ts +0 -1
  167. package/lib/select/__docs__/demo/basic/index.js +0 -25
  168. package/lib/step/__docs__/demo/basic/index.d.ts +0 -8
  169. package/lib/step/__docs__/demo/basic/index.js +0 -32
  170. package/lib/stop-generate/__docs__/demo/basic/index.d.ts +0 -8
  171. package/lib/stop-generate/__docs__/demo/basic/index.js +0 -56
  172. package/lib/tag/__docs__/demo/basic/index.d.ts +0 -8
  173. package/lib/tag/__docs__/demo/basic/index.js +0 -19
  174. package/lib/text/__docs__/demo/basic/index.d.ts +0 -21
  175. package/lib/text/__docs__/demo/basic/index.js +0 -47
  176. package/lib/time-picker/__docs__/demo/basic/index.d.ts +0 -8
  177. package/lib/time-picker/__docs__/demo/basic/index.js +0 -16
  178. package/lib/tool-status/__docs__/demo/basic/index.d.ts +0 -8
  179. package/lib/tool-status/__docs__/demo/basic/index.js +0 -56
  180. /package/es/{html-render/__docs__/demo/basic/index.d.ts → form/types.js} +0 -0
@@ -1,118 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 按钮尺寸
4
- * @en Size
5
- * @order 1
6
- * @remarks 可以通过设置 `size` 属性控制按钮的尺寸,可选值为 `large` `medium` `small`,其中默认值为 `medium`。
7
- * - The size of a Button is controlled by a `size` attribute, supporting `large`, `medium`, `small`, the default value is `medium`.
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/button/style");
15
- const dataSource = [
16
- {
17
- buttonType: 'primary',
18
- buttonStatus: 'disabled',
19
- label: '竖排50',
20
- onClick: () => {
21
- console.log('竖排50');
22
- },
23
- action: {
24
- tapType: 'OpenLink',
25
- disabled: true,
26
- config: {
27
- //pc
28
- pcUrl: 'https://alidocs.dingtalk.com/i/nodes/7NkDwLng8Za7QYkeHmnyaM6vJKMEvZBY',
29
- //mobile
30
- mobileUrl: 'mobilehttps://alidocs.dingtalk.com/i/nodes/7NkDwLng8Za7QYkeHmnyaM6vJKMEvZBY',
31
- },
32
- },
33
- },
34
- {
35
- buttonType: 'secondary',
36
- buttonStatus: 'disabled',
37
- disabled: true,
38
- label: "竖排51",
39
- onClick: () => {
40
- console.log('竖排51');
41
- },
42
- action: {
43
- tapType: 'SendTextMessage',
44
- config: {
45
- message: '测试',
46
- }
47
- },
48
- },
49
- {
50
- buttonType: 'normal',
51
- buttonStatus: 'normal',
52
- label: '竖排52',
53
- onClick: () => {
54
- console.log('竖排52');
55
- },
56
- action: {
57
- tapType: 'Copy',
58
- config: {
59
- copyText: '复制的内容',
60
- }
61
- },
62
- },
63
- {
64
- buttonType: 'secondary',
65
- buttonStatus: 'normal',
66
- label: "竖排53",
67
- onClick: () => {
68
- console.log('竖排53');
69
- },
70
- action: {
71
- tapType: 'SendTextMessage',
72
- config: {
73
- message: '测试',
74
- }
75
- },
76
- },
77
- {
78
- buttonType: 'secondary',
79
- buttonStatus: 'normal',
80
- label: "竖排54",
81
- onClick: () => {
82
- console.log('竖排54');
83
- },
84
- action: {
85
- tapType: 'SendTextMessage',
86
- config: {
87
- message: '测试',
88
- }
89
- },
90
- },
91
- {
92
- buttonType: 'secondary',
93
- buttonStatus: 'normal',
94
- label: "竖排55",
95
- onClick: () => {
96
- console.log('竖排55');
97
- },
98
- action: {
99
- tapType: 'SendTextMessage',
100
- config: {
101
- message: '测试',
102
- }
103
- },
104
- },
105
- ];
106
- react_dom_1.default.render(react_1.default.createElement("div", null,
107
- react_1.default.createElement(chat_1.Button, { type: "primary", size: "large" }, "Large"),
108
- react_1.default.createElement(chat_1.Button, { type: "secondary", size: "medium", icon: 'smile' }, "Large"),
109
- react_1.default.createElement(chat_1.Button, { type: "normal", size: "small" }, "Large"),
110
- react_1.default.createElement("div", null, "\u7AD6\u63923\u4E2A"),
111
- react_1.default.createElement(chat_1.Button.Group, { type: "column", dataSource: dataSource.slice(0, 3) }),
112
- react_1.default.createElement("div", null, "\u7AD6\u63924\u4E2A"),
113
- react_1.default.createElement(chat_1.Button.Group, { size: "large", type: "column", dataSource: dataSource.slice(0, 4) }),
114
- react_1.default.createElement("div", null, "\u7AD6\u63925\u4E2A"),
115
- react_1.default.createElement(chat_1.Button.Group, { type: "column", dataSource: dataSource.slice(0, 5) }),
116
- react_1.default.createElement("div", null, "\u6A2A\u63923\u4E2A"),
117
- react_1.default.createElement(chat_1.Button.Group, { size: "large", dataSource: dataSource.slice(0, 3) }),
118
- react_1.default.createElement(chat_1.Button.Group, { size: "large", dataSource: dataSource.slice(0, 3) })), mountNode);
@@ -1,11 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic
4
- * @order 1
5
- * @remarks
6
- * 最简单的用法。
7
- * -
8
- * A simple card with title and sub-title.
9
- */
10
- import '@alifd/chat/es/card/style';
11
- import '@alifd/chat/es/feedback/style';
@@ -1,42 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基本使用
4
- * @en Basic
5
- * @order 1
6
- * @remarks
7
- * 最简单的用法。
8
- * -
9
- * A simple card with title and sub-title.
10
- */
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- const tslib_1 = require("tslib");
13
- const react_1 = tslib_1.__importDefault(require("react"));
14
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
15
- const chat_1 = require("@alifd/chat");
16
- require("@alifd/chat/es/card/style");
17
- require("@alifd/chat/es/feedback/style");
18
- react_dom_1.default.render(react_1.default.createElement("div", null,
19
- react_1.default.createElement("h3", null, "\u666E\u901A"),
20
- react_1.default.createElement(chat_1.Card, { style: { width: 300 } },
21
- react_1.default.createElement("div", null,
22
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
23
- react_1.default.createElement("br", null),
24
- new Array(10).fill('这是一段创新提案摘要').join(','))),
25
- react_1.default.createElement("h3", null, "\u5E26 Title"),
26
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", style: { width: 300 } },
27
- react_1.default.createElement("div", null,
28
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
29
- react_1.default.createElement("br", null),
30
- new Array(10).fill('这是一段创新提案摘要').join(','))),
31
- react_1.default.createElement("h3", null, "\u5E26 Footer"),
32
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", footer: react_1.default.createElement(chat_1.Feedback, null), style: { width: 300 } },
33
- react_1.default.createElement("div", null,
34
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
35
- react_1.default.createElement("br", null),
36
- new Array(10).fill('这是一段创新提案摘要').join(','))),
37
- react_1.default.createElement("h3", null, "\u5E26\u5206\u9694\u7EBF"),
38
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", footer: react_1.default.createElement(chat_1.Feedback, null), style: { width: 300 }, titleLine: true, footerLine: true },
39
- react_1.default.createElement("div", null,
40
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
41
- react_1.default.createElement("br", null),
42
- new Array(10).fill('这是一段创新提案摘要').join(',')))), mountNode);
@@ -1,13 +0,0 @@
1
- /**
2
- * @demo 法务交付样例
3
- * @order 2
4
- * @remarks
5
- * 法务机器人卡片组件
6
- */
7
- import '@alifd/chat/es/card/style';
8
- import '@alifd/chat/es/feedback/style';
9
- import '@alifd/chat/es/text/style';
10
- import '@alifd/chat/es/tag/style';
11
- import '@alifd/chat/es/tab/style';
12
- import '@alifd/chat/es/float-button/style';
13
- import '@alifd/chat/es/button/style';
@@ -1,133 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 法务交付样例
4
- * @order 2
5
- * @remarks
6
- * 法务机器人卡片组件
7
- */
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- const tslib_1 = require("tslib");
10
- const react_1 = tslib_1.__importStar(require("react"));
11
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
12
- const classnames_1 = tslib_1.__importDefault(require("classnames"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/card/style");
15
- require("@alifd/chat/es/feedback/style");
16
- require("@alifd/chat/es/text/style");
17
- require("@alifd/chat/es/tag/style");
18
- require("@alifd/chat/es/tab/style");
19
- require("@alifd/chat/es/float-button/style");
20
- require("@alifd/chat/es/button/style");
21
- const styled_components_1 = require("styled-components");
22
- const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
23
- .card-legal-affairs {
24
- .ct-card-header-title {
25
- background-image: radial-gradient(
26
- ellipse 160px 90px at 20px -20px,
27
- rgb(from var(--color-brand1-6, #5584ff) r g b / 0.15) 0%,
28
- transparent 100%
29
- );
30
- color: var(--color-brand1-6, #5584ff);
31
- }
32
- }
33
-
34
- .my-trigger {
35
- width: 42px;
36
- height: 42px;
37
- border-radius: 50%;
38
- overflow: hidden;
39
- box-shadow: 0 2px 10px 0 rgba(31, 56, 88, 0.15);
40
- cursor: pointer;
41
-
42
- &--active {
43
- background: linear-gradient(0deg, #ff6f00 0%, #ff9616 100%);
44
- }
45
-
46
- &-img {
47
- width: 100%;
48
- height: 100%;
49
- background: url('https://img.alicdn.com/imgextra/i3/O1CN01HV78sy1Q8Rieq3nI2_!!6000000001931-0-tps-84-84.jpg')
50
- center / contain no-repeat;
51
- }
52
-
53
- &-close {
54
- width: 100%;
55
- height: 100%;
56
- background: url('https://img.alicdn.com/tfs/TB1yEj_qhD1gK0jSZFsXXbldVXa-96-96.png') center /
57
- contain no-repeat;
58
- }
59
- }
60
-
61
- .my-popup {
62
- width: 200px;
63
- height: 200px;
64
- display: flex;
65
- justify-content: center;
66
- align-items: center;
67
- }
68
- `;
69
- function FloatButtonDemo() {
70
- const [active, setActive] = (0, react_1.useState)(false);
71
- const [active2, setActive2] = (0, react_1.useState)(false);
72
- const [target, setTarget] = (0, react_1.useState)('.card-legal-affairs');
73
- const [show, setShow] = (0, react_1.useState)(true);
74
- return (react_1.default.createElement("div", null,
75
- react_1.default.createElement("button", { onClick: () => setShow(!show) }, "toggle"),
76
- react_1.default.createElement("button", { onClick: () => {
77
- setTarget(target === '.card-legal-affairs'
78
- ? '#demo-legal-affairs-mount'
79
- : '.card-legal-affairs');
80
- } }, "change target"),
81
- show && (react_1.default.createElement(chat_1.FloatButton.InnerDrawer, { dragable: true, target: target, align: "tl", autoAlign: true, title: "Title", showClose: true, autoHide: true, defaultPosition: [0.8, 0.8], onVisibleChange: v => setActive(v), trigger: react_1.default.createElement("div", { className: (0, classnames_1.default)('my-trigger', { 'my-trigger--active': active }) }, active ? (react_1.default.createElement("div", { className: "my-trigger-close" })) : (react_1.default.createElement("div", { className: "my-trigger-img" }))) },
82
- react_1.default.createElement("div", { className: "my-popup" }, "Content"))),
83
- react_1.default.createElement(chat_1.FloatButton.Drawer, { dragable: true, align: "tl", autoAlign: true, title: "Title", showClose: true, defaultPosition: [0.8, 0.6], onVisibleChange: v => setActive2(v), trigger: react_1.default.createElement("div", { className: (0, classnames_1.default)('my-trigger', { 'my-trigger--active': active2 }) }, active2 ? (react_1.default.createElement("div", { className: "my-trigger-close" })) : (react_1.default.createElement("div", { className: "my-trigger-img" }))) },
84
- react_1.default.createElement("div", { className: "my-popup" }, "Content"))));
85
- }
86
- react_dom_1.default.render(react_1.default.createElement("div", { className: "card-legal-affairs" },
87
- react_1.default.createElement(GlobalStyle, null),
88
- react_1.default.createElement("h3", null, "\u666E\u901A\u6587\u672C\u5361\u7247"),
89
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", style: { width: 300 } },
90
- react_1.default.createElement(chat_1.Text, { maxLine: 4 },
91
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
92
- react_1.default.createElement("br", null),
93
- react_1.default.createElement(chat_1.Tag, { color: "green", type: "normal" }, "123"),
94
- react_1.default.createElement(chat_1.Tag, { color: "green", type: "primary" }, "xxx"),
95
- new Array(101)
96
- .fill('')
97
- .map((_, i) => `${i}`)
98
- .join(','))),
99
- react_1.default.createElement("h3", null, "\u666E\u901A\u6587\u672C\u5361\u7247\u5E26\u8D5E\u8E29"),
100
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", footer: react_1.default.createElement(chat_1.Feedback, null), style: { width: 300 }, footerLine: true },
101
- react_1.default.createElement("div", null,
102
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
103
- react_1.default.createElement("br", null),
104
- new Array(10).fill('这是一段创新提案摘要').join(','))),
105
- react_1.default.createElement("h3", null, "hover \u5C55\u793A\u5168\u8C8C"),
106
- react_1.default.createElement(chat_1.Card.Collapsable, { title: "\u63D0\u6848\u6982\u89C8", footer: react_1.default.createElement(chat_1.Feedback, null), style: { width: 300 }, footerLine: true, renderContent: ({ visible, onVisibleChange, children }) => {
107
- return (react_1.default.createElement(chat_1.Text, { maxLine: 4, visible: visible, onVisibleChange: onVisibleChange, showTrigger: false, triggerType: "hover" }, children));
108
- } },
109
- "\u5173\u952E\u8BCD:xxx xxx xxx ",
110
- react_1.default.createElement("br", null),
111
- new Array(15).fill('这是一段创新提案摘要').join(',')),
112
- react_1.default.createElement("h3", null, "Tab card"),
113
- react_1.default.createElement(chat_1.Card, { title: "\u63D0\u6848\u6982\u89C8", footer: react_1.default.createElement(chat_1.Feedback, null), style: { width: 300 }, footerLine: true },
114
- react_1.default.createElement(chat_1.Tab, { contentStyle: { paddingTop: 8 } },
115
- react_1.default.createElement(chat_1.Tab.Item, { title: "Tab1" },
116
- react_1.default.createElement("div", null,
117
- react_1.default.createElement(chat_1.Button, null, "\u6309\u94AE"),
118
- react_1.default.createElement(chat_1.Button, { type: "primary" }, "\u6309\u94AE"),
119
- "\u5173\u952E\u8BCD:xxx xxx xxx1 ",
120
- react_1.default.createElement("br", null),
121
- new Array(10).fill('这是一段创新提案摘要').join(','))),
122
- react_1.default.createElement(chat_1.Tab.Item, { title: "Tab2" },
123
- react_1.default.createElement("div", null,
124
- "\u5173\u952E\u8BCD:xxx xxx xxx2 ",
125
- react_1.default.createElement("br", null),
126
- new Array(10).fill('这是一段创新提案摘要').join(','))),
127
- react_1.default.createElement(chat_1.Tab.Item, { title: "Tab3" },
128
- react_1.default.createElement("div", null,
129
- "\u5173\u952E\u8BCD:xxx xxx xxx3 ",
130
- react_1.default.createElement("br", null),
131
- new Array(10).fill('这是一段创新提案摘要').join(','))))),
132
- react_1.default.createElement("h3", null, "Inner drawer float button"),
133
- react_1.default.createElement(FloatButtonDemo, null)), mountNode);
@@ -1,8 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic
4
- * @order 1
5
- * @remarks CardLoading 组件的基本用法。
6
- * - Basic usage of `CardLoading`
7
- */
8
- import '@alifd/chat/es/card-loading/style';
@@ -1,16 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基本使用
4
- * @en Basic
5
- * @order 1
6
- * @remarks CardLoading 组件的基本用法。
7
- * - Basic usage of `CardLoading`
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/card-loading/style");
15
- react_dom_1.default.render(react_1.default.createElement("div", { className: "card-loading-basic-demo" },
16
- react_1.default.createElement(chat_1.CardLoading, null)), mountNode);
@@ -1,6 +0,0 @@
1
- /**
2
- * @demo 基础用法
3
- * @en Basic
4
- * @order 1
5
- */
6
- import '@alifd/chat/es/checkbox-group/style';
@@ -1,29 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基础用法
4
- * @en Basic
5
- * @order 1
6
- */
7
- Object.defineProperty(exports, "__esModule", { value: true });
8
- const tslib_1 = require("tslib");
9
- const react_1 = tslib_1.__importDefault(require("react"));
10
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
11
- const chat_1 = require("@alifd/chat");
12
- require("@alifd/chat/es/checkbox-group/style");
13
- const options1 = [
14
- { label: '苹果', value: 'Apple', description: '很好吃的苹果' },
15
- { label: '梨', value: 'Pear', description: '鲜嫩多汁' },
16
- { label: '桔子', value: 'Orange', description: '同样很好吃的桔子' }
17
- ];
18
- const options2 = [
19
- { label: '因公', value: 'Company' },
20
- { label: '因私', value: 'Personal' },
21
- ];
22
- const onChange = (value) => {
23
- console.log(value);
24
- };
25
- react_dom_1.default.render(react_1.default.createElement("div", null,
26
- react_1.default.createElement("div", { style: { maxWidth: 400 } },
27
- react_1.default.createElement(chat_1.CheckboxGroup, { options: options1, value: ["Pear"], confirmButtonText: "\u63D0 \u4EA4", onChange: onChange })),
28
- react_1.default.createElement("div", { style: { maxWidth: 400, marginTop: 40 } },
29
- react_1.default.createElement(chat_1.CheckboxGroup, { options: options2, onChange: onChange }))), mountNode);
@@ -1,8 +0,0 @@
1
- /**
2
- * @demo 日期选择器
3
- * @en Size
4
- * @order 1
5
- * @remarks 可以通过设置 `size` 属性控制按钮的尺寸,可选值为 `large` `medium` `small`,其中默认值为 `medium`。
6
- * - The size of a Button is controlled by a `size` attribute, supporting `large`, `medium`, `small`, the default value is `medium`.
7
- */
8
- import '@alifd/chat/es/date-picker/style';
@@ -1,16 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 日期选择器
4
- * @en Size
5
- * @order 1
6
- * @remarks 可以通过设置 `size` 属性控制按钮的尺寸,可选值为 `large` `medium` `small`,其中默认值为 `medium`。
7
- * - The size of a Button is controlled by a `size` attribute, supporting `large`, `medium`, `small`, the default value is `medium`.
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/date-picker/style");
15
- react_dom_1.default.render(react_1.default.createElement("div", null,
16
- react_1.default.createElement(chat_1.DatePicker, null)), mountNode);
@@ -1,9 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic
4
- * @order 1
5
- * @remarks Drawer 组件的基本用法。
6
- * - Basic usage of `Drawer`
7
- */
8
- import '@alifd/chat/es/drawer/style';
9
- import '@alifd/chat/es/button/style';
@@ -1,33 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基本使用
4
- * @en Basic
5
- * @order 1
6
- * @remarks Drawer 组件的基本用法。
7
- * - Basic usage of `Drawer`
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/drawer/style");
15
- require("@alifd/chat/es/button/style");
16
- react_dom_1.default.render(react_1.default.createElement("div", null,
17
- react_1.default.createElement(chat_1.Drawer, { v2: true, title: "\u6807\u9898", height: 500, visible: true, placement: 'bottom', hasMask: false, headerStyle: {
18
- background: 'pink'
19
- }, bodyStyle: {
20
- background: 'blue'
21
- }, footer: [react_1.default.createElement(chat_1.Button, { key: "ok", size: 'large' }, "\u786E\u5B9A"), react_1.default.createElement(chat_1.Button, { key: "cancel", size: 'large' }, "\u53D6\u6D88")] },
22
- react_1.default.createElement("div", { style: {
23
- width: '100%',
24
- height: '100%',
25
- display: 'flex',
26
- alignItems: 'center',
27
- justifyContent: 'center',
28
- } },
29
- react_1.default.createElement("img", { src: 'https://img.alicdn.com/imgextra/i3/O1CN01Pr17oD1nEcFc2YQtz_!!6000000005058-0-tps-334-334.jpg', style: {
30
- width: '100%',
31
- height: 'auto',
32
- display: 'block',
33
- } })))), mountNode);
@@ -1,8 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic
4
- * @order 1
5
- * @remarks 反馈组件的基本用法。
6
- * - Basic usage of `Feedback`
7
- */
8
- import '@alifd/chat/es/feedback/style';
@@ -1,15 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基本使用
4
- * @en Basic
5
- * @order 1
6
- * @remarks 反馈组件的基本用法。
7
- * - Basic usage of `Feedback`
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/feedback/style");
15
- react_dom_1.default.render(react_1.default.createElement(chat_1.Feedback, { defaultValue: 'good' }), mountNode);
@@ -1,8 +0,0 @@
1
- /**
2
- * @demo 指定尺寸
3
- * @en Size
4
- * @order 2
5
- * @remarks 控制组件尺寸大小。
6
- * - Control the size of `Feedback`
7
- */
8
- import '@alifd/chat/es/feedback/style';
@@ -1,28 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 指定尺寸
4
- * @en Size
5
- * @order 2
6
- * @remarks 控制组件尺寸大小。
7
- * - Control the size of `Feedback`
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importDefault(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/feedback/style");
15
- react_dom_1.default.render(react_1.default.createElement("div", null,
16
- react_1.default.createElement("div", null, "\u666E\u901A\u5927\u5C0F"),
17
- react_1.default.createElement(chat_1.Feedback, null),
18
- react_1.default.createElement("div", null,
19
- "\u901A\u8FC7 ",
20
- react_1.default.createElement("b", null, "fontSize"),
21
- " \u63A7\u5236\uFF0C\u95F4\u8DDD\u901A\u8FC7 css \u6837\u5F0F\u56FA\u5B9A"),
22
- react_1.default.createElement(chat_1.Feedback, { style: { fontSize: 20 } }),
23
- react_1.default.createElement("br", null),
24
- react_1.default.createElement("div", null,
25
- "\u901A\u8FC7 ",
26
- react_1.default.createElement("b", null, "size"),
27
- " \u5C5E\u6027\u63A7\u5236\uFF0C\u95F4\u8DDD\u6839\u636E\u4F20\u5165\u7684 size \u81EA\u52A8\u8BA1\u7B97"),
28
- react_1.default.createElement(chat_1.Feedback, { size: 20 })), mountNode);
@@ -1,8 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic
4
- * @order 1
5
- * @remarks flip 折叠组件的基本用法。
6
- * - Basic usage of `flip`
7
- */
8
- import '@alifd/chat/es/flip/style';
@@ -1,26 +0,0 @@
1
- "use strict";
2
- /**
3
- * @demo 基本使用
4
- * @en Basic
5
- * @order 1
6
- * @remarks flip 折叠组件的基本用法。
7
- * - Basic usage of `flip`
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- const tslib_1 = require("tslib");
11
- const react_1 = tslib_1.__importStar(require("react"));
12
- const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
13
- const chat_1 = require("@alifd/chat");
14
- require("@alifd/chat/es/flip/style");
15
- const Demo = () => {
16
- const [expanded, setExpanded] = (0, react_1.useState)(true);
17
- return (react_1.default.createElement("div", { className: "origin-basic-demo" },
18
- react_1.default.createElement("div", { style: {
19
- width: '500px',
20
- } },
21
- react_1.default.createElement(chat_1.Flip, { defaultExpanded: true, onToggle: onToggle => {
22
- console.log('onToggle:', onToggle);
23
- }, animated: false })),
24
- react_1.default.createElement("button", { onClick: () => setExpanded(!expanded) }, "Toggle")));
25
- };
26
- react_dom_1.default.render(react_1.default.createElement(Demo, null), mountNode);
@@ -1,7 +0,0 @@
1
- /**
2
- * @demo 基本使用
3
- * @en Basic usage
4
- * @order 1
5
- * @remarks remarks.- 111
6
- */
7
- import '@alifd/chat/es/float-button/style';