@cloud-app-dev/vidc 3.0.45 → 3.1.1

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 (16) hide show
  1. package/.umirc.ts +2 -104
  2. package/es/ThemeAntd/demo.css +16 -0
  3. package/es/ThemeAntd/demo.d.ts +3 -0
  4. package/es/ThemeAntd/demo.js +102 -0
  5. package/es/ThemeAntd/index.css +162 -118
  6. package/es/ThemeAntd/style/button.css +1 -1
  7. package/es/ThemeAntd/style/checkbox.css +19 -19
  8. package/es/ThemeAntd/style/input.css +26 -20
  9. package/es/ThemeAntd/style/pagination.css +43 -17
  10. package/es/ThemeAntd/style/picker.css +16 -14
  11. package/es/ThemeAntd/style/popover.css +1 -1
  12. package/es/ThemeAntd/style/radio.css +31 -22
  13. package/es/ThemeAntd/style/select.css +20 -19
  14. package/es/ThemeAntd/style/table.css +1 -1
  15. package/package.json +1 -1
  16. package/theme-config.ts +118 -0
package/.umirc.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { defineConfig } from 'dumi';
2
2
  import path from 'path';
3
+ import { themeConfig } from './theme-config';
3
4
 
4
5
  const token =
5
6
  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2NTc0ODU1OTg5MSwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2NTQ4OTM1OTg5MX0.zxxxxoaKjyO6CJhi2cs06gTOtjdLgPA9UI7zAQ0zzss';
@@ -51,110 +52,7 @@ export default defineConfig({
51
52
  }
52
53
  : undefined,
53
54
  scripts: ['//at.alicdn.com/t/font_1724012_972m5d05cou.js'],
54
- styles: [
55
- `:root{
56
- --primary: #248FFA;
57
- --primary-light: #248FFA;
58
- --primary-dark: #227BD5;
59
- --secondary1: #6D8EFB;
60
- --secondary1-light: #86A2FF;
61
- --secondary1-dark: #5D7FF0;
62
- --secondary2: #33AAFF;
63
- --secondary2-light: #61BDFF;
64
- --secondary2-dark: #2194E5;
65
- --secondary3: #F3A75F;
66
- --secondary3-light: #F8B578;
67
- --secondary3-dark: #DC914C;
68
- --danger: #F32D37;
69
- --danger-light: #FF4D4F;
70
- --danger-dark: #DC1B2A;
71
- --warn: #FD8535;
72
- --warn-light: #FF9F5E;
73
- --warn-dark: #DC1B2A;
74
- --success: #35BD77;
75
- --success-light: #55C98D;
76
- --success-dark: #21965A;
77
- --gray1: #FFFFFF;
78
- --gray2: #F3F3F3;
79
- --gray3: #EEEEEE;
80
- --gray4: #E7E7E7;
81
- --gray5: #DCDCDC;
82
- --gray6: #C5C5C5;
83
- --gray7: #A6A6A6;
84
- --gray8: #8B8B8B;
85
- --gray9: #777777;
86
- --gray10: #5E5E5E;
87
- --gray11: #4B4B4B;
88
- --gray12: #383838;
89
- --background: #348fe2;
90
- --icon:#62708B;
91
- --fs: 14px;
92
- --fs-small: 12px;
93
- --fs-large: 20px;
94
- --color: rgba(0,0,0,1);
95
- --color-dark: #000000;
96
- --color-light: rgba(255,255,255,1);
97
- --color-disabled: rgba(0,0,0,0.26);
98
- --shadow1: 2px 0 10px 0 rgba(0,0,0,0.06);
99
- --shadow2: 2px 0 10px 0 rgba(0,0,0,0.06);
100
- --shadow3: 2px 0 10px 0 rgba(0,0,0,0.06);
101
- --radius1: 4px;
102
- --radius2: 8px;
103
- --radius3: 16px;
104
- --header-color: #FFFFFF;
105
- --header-bg: #348fe2;
106
- --header-height: 66px;
107
- --nav-height: 66px;
108
- --nav-bg: #348fe2;
109
- --nav-sub-bg: rgba(255,255,255,1);
110
- --nav-sub-bg2: rgba(241,244,247,0.8);
111
- --nav-item-bg-selected: #FFFFFF;
112
- --nav-item-color: #FFFFFF;
113
- --nav-icon-color: rgba(255, 255, 255, 0.4);
114
- --nav-icon-color-selected: #3495EF;
115
- --nav-item-bg: #348fe2;
116
- --nav-item-color-selected: rgba(0, 0, 0, 0.9);
117
- --nav-sub-item-bg-selected: #F3F5F6;
118
- --nav-sub-item-color-selected: #348fe2;
119
- --nav-sub-item-color: rgba(0, 0, 0, 0.9);
120
- --nav-bd-color: rgba(0,0,0,0);
121
- --tab-height: 34px;
122
- --tab-bg: #348fe2;
123
- --tab-item-bg: #348fe2;
124
- --tab-item-height: 34px;
125
- --tab-item-color: #FFFFFF;
126
- --tab-item-selected-bg: #F3F5F6;
127
- --tab-item-selected-color: rgba(0, 0, 0, 0.9);
128
- --drawer-title-height: 48px;
129
- --drawer-title-bg: rgba(255,255,255,1);
130
- --drawer-divider-color: rgba(219,225,234,1);
131
- --drawer-footer-height: 44px;
132
- --drawer-footer-bg: rgba(255,255,255,1);
133
- --drawer-content-bg: rgba(243,246,249,1);
134
- --modal-title-height: 44px;
135
- --modal-title-bg: #ffffff;
136
- --modal-divider-color: rgba(219,225,234,1);
137
- --modal-footer-height: 44px;
138
- --modal-footer-bg: rgba(243,246,249,1);
139
- --modal-content-bg: rgba(243,246,249,1);
140
- --card-image-radius: 4px;
141
- --card-image-bg: rgba(219,225,234,1);
142
- --card-radius: 4px;
143
- --card-content-bg: rgba(255,255,255,1);
144
- --card-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
145
- --card-bd-color: rgba(219,225,234,1);
146
- --card-hover-bd-color: rgba(18,122,255,1);
147
- --card-footer-bg: rgba(219,225,234,1);
148
- --content-bg: #ffffff;
149
- --scrollbar-width: 8px;
150
- --scrollbar-track-bg: rgba(239,241,244,1);
151
- --scrollbar-thumb-bg: rgba(185,193,203,1);
152
- --scrollbar-thumb-hover-bg: rgba(195,209,229,1);
153
- --scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
154
- --scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
155
- }
156
- `,
157
- ],
55
+ styles: [themeConfig],
158
56
 
159
57
  // more config: https://d.umijs.org/config
160
58
  });
package/es/ThemeAntd/demo.css ADDED
@@ -0,0 +1,16 @@
1
+ .theme-antd-demo {
2
+ color: #fff;
3
+ background-color: #0f2e61;
4
+ padding: 40px;
5
+ --form-bg: #1d4788;
6
+ --form-bd: rgba(255, 255, 255, 0.3);
7
+ --form-active-bg: #e8b127;
8
+ --table-bg: #0f2e61;
9
+ --table-bd: rgba(255, 255, 255, 0.3);
10
+ --table-head-bg: #1d4788;
11
+ --table-row-hover-color: #1d4788;
12
+ --radius1: 4px;
13
+ }
14
+ .theme-antd-demo a {
15
+ color: inherit;
16
+ }
package/es/ThemeAntd/demo.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import './demo.less';
2
+ declare const App: () => JSX.Element;
3
+ export default App;
package/es/ThemeAntd/demo.js ADDED
@@ -0,0 +1,102 @@
1
+ import "antd/lib/table/style";
2
+ import _Table from "antd/lib/table";
3
+ import "antd/lib/button/style";
4
+ import _Button from "antd/lib/button";
5
+ import "antd/lib/pagination/style";
6
+ import _Pagination from "antd/lib/pagination";
7
+ import "antd/lib/date-picker/style";
8
+ import _DatePicker from "antd/lib/date-picker";
9
+ import "antd/lib/checkbox/style";
10
+ import _Checkbox from "antd/lib/checkbox";
11
+ import "antd/lib/radio/style";
12
+ import _Radio from "antd/lib/radio";
13
+ import "antd/lib/select/style";
14
+ import _Select from "antd/lib/select";
15
+ import "antd/lib/input-number/style";
16
+ import _InputNumber from "antd/lib/input-number";
17
+ import "antd/lib/input/style";
18
+ import _Input from "antd/lib/input";
19
+ import "antd/lib/config-provider/style";
20
+ import _ConfigProvider from "antd/lib/config-provider";
21
+ import React, { useRef } from 'react';
22
+ import ThemeAntd from '.';
23
+ import "./demo.css";
24
+
25
+ var App = function App() {
26
+ var ref = useRef();
27
+ return /*#__PURE__*/React.createElement(_ConfigProvider, {
28
+ prefixCls: "cloudapp"
29
+ }, /*#__PURE__*/React.createElement(ThemeAntd, null, /*#__PURE__*/React.createElement("div", {
30
+ className: "theme-antd-demo",
31
+ ref: ref
32
+ }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input, {
33
+ placeholder: "\u6587\u672C\u8F93\u5165",
34
+ prefix: /*#__PURE__*/React.createElement("div", null, "111"),
35
+ suffix: /*#__PURE__*/React.createElement("div", null, "2222")
36
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input, {
37
+ placeholder: "\u6587\u672C\u8F93\u5165"
38
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_InputNumber, {
39
+ placeholder: "\u6570\u5B57\u8F93\u5165"
40
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Input.TextArea, {
41
+ placeholder: "\u591A\u884C\u6587\u672C\u8F93\u5165"
42
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Select, {
43
+ placeholder: "\u9009\u62E9\u8F93\u5165",
44
+ getPopupContainer: function getPopupContainer() {
45
+ return ref.current;
46
+ }
47
+ }, /*#__PURE__*/React.createElement(_Select.Option, {
48
+ value: 1
49
+ }, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Select.Option, {
50
+ value: 2
51
+ }, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Radio.Group, null, /*#__PURE__*/React.createElement(_Radio, {
52
+ value: 1
53
+ }, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Radio, {
54
+ value: 2
55
+ }, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Checkbox.Group, null, /*#__PURE__*/React.createElement(_Checkbox, {
56
+ value: 1
57
+ }, "\u9009\u98791"), /*#__PURE__*/React.createElement(_Checkbox, {
58
+ value: 2
59
+ }, "\u9009\u98792"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_DatePicker, {
60
+ getPopupContainer: function getPopupContainer() {
61
+ return ref.current;
62
+ }
63
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_DatePicker.RangePicker, {
64
+ getPopupContainer: function getPopupContainer() {
65
+ return ref.current;
66
+ }
67
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Pagination, {
68
+ total: 100
69
+ })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Button, null, "\u6309\u94AE1"), /*#__PURE__*/React.createElement("span", {
70
+ style: {
71
+ paddingRight: 10
72
+ }
73
+ }), /*#__PURE__*/React.createElement(_Button, {
74
+ type: "primary"
75
+ }, "\u6309\u94AE2")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Table, {
76
+ columns: [{
77
+ title: '姓名',
78
+ dataIndex: 'name'
79
+ }, {
80
+ title: '年龄',
81
+ dataIndex: 'age'
82
+ }, {
83
+ title: '性别',
84
+ dataIndex: 'sex'
85
+ }],
86
+ dataSource: [{
87
+ name: '张三',
88
+ sex: '男',
89
+ age: 20
90
+ }, {
91
+ name: '李四',
92
+ sex: '男',
93
+ age: 20
94
+ }, {
95
+ name: '王五',
96
+ sex: '男',
97
+ age: 20
98
+ }]
99
+ })))));
100
+ };
101
+
102
+ export default App;