bhd-components 0.9.17 → 0.9.19

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 (35) hide show
  1. package/dist/index.esm.es5.development.css +1265 -1221
  2. package/dist/index.esm.es5.development.js +109 -62
  3. package/dist/index.esm.es5.production.css +1 -1
  4. package/dist/index.esm.es5.production.js +1 -1
  5. package/dist/vendor.esm.es5.development.js +1 -1
  6. package/dist/vendor.esm.es5.production.js +1 -1
  7. package/es2017/customerService/index.module.less +15 -4
  8. package/es2017/customerService/index2.module.less +14 -4
  9. package/es2017/icons/components/custom-screen-xuanzuan.d.ts +4 -0
  10. package/es2017/icons/components/custom-screen-xuanzuan.js +28 -0
  11. package/es2017/icons/components/custom-xuanzuan.js +16 -14
  12. package/es2017/icons/components/index.d.ts +1 -0
  13. package/es2017/icons/components/index.js +1 -0
  14. package/es2017/table/index.module.less +22 -14
  15. package/es2017/viewImage/index(/345/216/237).d.ts +31 -0
  16. package/es2017/viewImage/index(/345/216/237).js +384 -0
  17. package/es2017/viewImage/index.d.ts +1 -0
  18. package/es2017/viewImage/index.js +90 -45
  19. package/es2017/viewImage/index.module(/345/216/237).less +173 -0
  20. package/es2017/viewImage/index.module.less +29 -9
  21. package/esm/customerService/index.module.less +15 -4
  22. package/esm/customerService/index2.module.less +14 -4
  23. package/esm/icons/components/custom-screen-xuanzuan.d.ts +4 -0
  24. package/esm/icons/components/custom-screen-xuanzuan.js +30 -0
  25. package/esm/icons/components/custom-xuanzuan.js +16 -14
  26. package/esm/icons/components/index.d.ts +1 -0
  27. package/esm/icons/components/index.js +1 -0
  28. package/esm/table/index.module.less +22 -14
  29. package/esm/viewImage/index(/345/216/237).d.ts +31 -0
  30. package/esm/viewImage/index(/345/216/237).js +480 -0
  31. package/esm/viewImage/index.d.ts +1 -0
  32. package/esm/viewImage/index.js +90 -45
  33. package/esm/viewImage/index.module(/345/216/237).less +173 -0
  34. package/esm/viewImage/index.module.less +29 -9
  35. package/package.json +1 -1
@@ -60,6 +60,7 @@
60
60
  align-items: center;
61
61
  background-color: #fff;
62
62
  line-height: 1;
63
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06);
63
64
  .user {
64
65
  color: #000;
65
66
  font-size: 16px;
@@ -396,6 +397,11 @@
396
397
  color: @color-text-tertiary-Tr !important;
397
398
  }
398
399
  }
400
+ > li:last-of-type{
401
+ pre{
402
+ margin-bottom: 0;
403
+ }
404
+ }
399
405
  }
400
406
  // li{
401
407
  // margin-top:16px;
@@ -417,13 +423,17 @@
417
423
  }
418
424
  }
419
425
  > h3,> h4{
420
- padding-top: 4px;
426
+ padding-top: 8px;
421
427
  padding-bottom: 4px;
422
428
  }
423
429
  > p + p{
424
430
  padding-top: 4px;
425
431
  padding-bottom: 4px;
426
432
  }
433
+
434
+ > pre:last-of-type{
435
+ margin-bottom:0 ;
436
+ }
427
437
  }
428
438
  table {
429
439
  width: 100%;
@@ -456,6 +466,7 @@
456
466
  padding: 12px;
457
467
  line-height: 1.5;
458
468
  margin: 4px 0;
469
+ margin-bottom: 16px;
459
470
  border-radius: 0 0 4px 4px;
460
471
  }
461
472
  // 最后一行操作按钮
@@ -1489,7 +1500,7 @@
1489
1500
  right: 568px;
1490
1501
 
1491
1502
  border-radius: 8px;
1492
- background: rgba(255, 255, 255, 0.5);
1503
+ background: rgba(255, 255, 255, 0.85);
1493
1504
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
1494
1505
  backdrop-filter: blur(7.5px);
1495
1506
  width: 80px;
@@ -1506,7 +1517,7 @@
1506
1517
  position: relative;
1507
1518
  cursor: pointer;
1508
1519
  &:hover {
1509
- background-color: #f5f5f5;
1520
+ background-color: rgba(0, 0, 0, 0.04);
1510
1521
  .delete {
1511
1522
  display: block;
1512
1523
  }
@@ -1551,7 +1562,7 @@
1551
1562
  margin: 8px;
1552
1563
  }
1553
1564
  .top .shrink {
1554
- border-bottom: 1px solid @color-border-secondary;
1565
+ // border-bottom: 1px solid @color-border-secondary;
1555
1566
  border-radius: 0;
1556
1567
  margin-bottom: 8px;
1557
1568
  margin-top: 8px;
@@ -57,6 +57,7 @@
57
57
  align-items: center;
58
58
  background-color: #fff;
59
59
  line-height: 1;
60
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06);
60
61
  .user {
61
62
  color: #000;
62
63
  font-size: 16px;
@@ -392,6 +393,11 @@
392
393
  color: @color-text-tertiary-Tr !important;
393
394
  }
394
395
  }
396
+ > li:last-of-type{
397
+ pre{
398
+ margin-bottom: 0;
399
+ }
400
+ }
395
401
  }
396
402
  // li{
397
403
  // margin-top:16px;
@@ -413,13 +419,16 @@
413
419
  }
414
420
  }
415
421
  > h3,> h4{
416
- padding-top: 4px;
422
+ padding-top: 8px;
417
423
  padding-bottom: 4px;
418
424
  }
419
425
  > p + p{
420
426
  padding-top: 4px;
421
427
  padding-bottom: 4px;
422
428
  }
429
+ > pre:last-of-type{
430
+ margin-bottom:0 ;
431
+ }
423
432
  }
424
433
  table {
425
434
  width: 100%;
@@ -451,6 +460,7 @@
451
460
  padding: 12px;
452
461
  line-height: 1.5;
453
462
  margin: 4px 0;
463
+ margin-bottom: 16px;
454
464
  border-radius: 0 0 4px 4px;
455
465
  }
456
466
  // 最后一行操作按钮
@@ -1483,7 +1493,7 @@
1483
1493
  right: 568px;
1484
1494
 
1485
1495
  border-radius: 8px;
1486
- background: rgba(255, 255, 255, 0.5);
1496
+ background: rgba(255, 255, 255, 0.85);
1487
1497
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
1488
1498
  backdrop-filter: blur(7.5px);
1489
1499
  width: 80px;
@@ -1500,7 +1510,7 @@
1500
1510
  position: relative;
1501
1511
  cursor: pointer;
1502
1512
  &:hover {
1503
- background-color: #f5f5f5;
1513
+ background-color: rgba(0, 0, 0, 0.04);
1504
1514
  .delete {
1505
1515
  display: block;
1506
1516
  }
@@ -1545,7 +1555,7 @@
1545
1555
  margin: 8px;
1546
1556
  }
1547
1557
  .top .shrink {
1548
- border-bottom: 1px solid @color-border-secondary;
1558
+ // border-bottom: 1px solid @color-border-secondary;
1549
1559
  border-radius: 0;
1550
1560
  margin-bottom: 8px;
1551
1561
  margin-top: 8px;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import type { CustomIconComponentProps } from "@ant-design/icons/lib/components/Icon";
3
+ declare const CustomScreenXuanZuan: (props: Partial<CustomIconComponentProps>) => React.JSX.Element;
4
+ export default CustomScreenXuanZuan;
@@ -0,0 +1,28 @@
1
+ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
+ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
4
+ import * as React from "react";
5
+ import Icon from "@ant-design/icons";
6
+ const CustomScreenXuanZuanSvg = ()=>/*#__PURE__*/ _jsxs("svg", {
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ width: "20",
9
+ height: "20",
10
+ viewBox: "0 0 20 20",
11
+ fill: "none",
12
+ children: [
13
+ /*#__PURE__*/ _jsx("path", {
14
+ d: "M7.82075 2.72072H11.7854L10.8078 1.74313C10.4141 1.34937 10.4141 0.697643 10.8078 0.303889C10.9995 0.114507 11.258 0.00830078 11.5275 0.00830078C11.7969 0.00830078 12.0554 0.114507 12.2471 0.303889L14.5146 2.57136C14.7046 2.76145 14.854 3.11447 14.854 3.38603C14.854 3.65758 14.7046 4.0106 14.5146 4.20069L12.2471 6.46816C12.0434 6.67183 11.7854 6.76687 11.5275 6.76687C11.2695 6.76687 11.0115 6.67183 10.8078 6.46816C10.4141 6.07441 10.4141 5.42268 10.8078 5.02893L11.0794 4.75737H7.80718C6.27784 4.76096 4.81217 5.37008 3.73076 6.45148C2.64936 7.53289 2.04024 8.99856 2.03665 10.5279C2.03665 11.0846 1.57501 11.5462 1.01833 11.5462C0.461642 11.5462 0 11.0846 0 10.5279C0.0135777 6.22377 3.50305 2.72072 7.82075 2.72072Z",
15
+ fill: "white"
16
+ }),
17
+ /*#__PURE__*/ _jsx("path", {
18
+ d: "M5.21389 7.81238H18.5743C19.3618 7.81238 20 8.45053 20 9.23804V18.5659C20 19.3534 19.3618 19.9916 18.5743 19.9916H5.21389C4.42638 19.9916 3.78823 19.3534 3.78823 18.5659V9.23804C3.77465 8.45053 4.42638 7.81238 5.21389 7.81238ZM5.81131 17.9549H17.9633V9.84904H5.81131V17.9549Z",
19
+ fill: "white"
20
+ })
21
+ ]
22
+ });
23
+ const CustomScreenXuanZuan = (props)=>{
24
+ return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {
25
+ component: CustomScreenXuanZuanSvg
26
+ }));
27
+ };
28
+ export default CustomScreenXuanZuan;
@@ -1,22 +1,24 @@
1
1
  import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
2
  import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
3
- import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
4
4
  import * as React from "react";
5
5
  import Icon from "@ant-design/icons";
6
- const CustomXuanZuanSvg = ()=>/*#__PURE__*/ _jsx("svg", {
7
- className: "icon",
8
- viewBox: "0 0 1024 1024",
9
- version: "1.1",
6
+ const CustomXuanZuanSvg = ()=>/*#__PURE__*/ _jsxs("svg", {
7
+ width: "24",
8
+ height: "24",
9
+ viewBox: "0 0 24 24",
10
+ fill: "none",
10
11
  xmlns: "http://www.w3.org/2000/svg",
11
- "p-id": "8639",
12
- width: "1em",
13
- height: "1em",
14
- fill: "currentColor",
15
- "aria-hidden": "true",
16
- children: /*#__PURE__*/ _jsx("path", {
17
- d: "M471.68 6.912l168 171.392a24.192 24.192 0 0 1 0 33.856L472.064 383.104a24.192 24.192 0 0 1-31.936 2.432l-2.624-2.432-30.72-31.232a24.192 24.192 0 0 1 0-33.92l79.296-80.832a345.344 345.344 0 1 0 360.96 399.808l1.152-7.68 0.768-6.4c1.28-12.8 12.416-22.4 25.28-21.76l48.384 2.56a24.192 24.192 0 0 1 22.912 25.472l-0.128 1.152-1.28 11.904a442.112 442.112 0 1 1-470.08-501.248l-67.264-68.48a24.192 24.192 0 0 1 0-33.92l30.72-31.296A24.192 24.192 0 0 1 471.68 6.912z",
18
- "p-id": "8640"
19
- })
12
+ children: [
13
+ /*#__PURE__*/ _jsx("path", {
14
+ d: "M9.82075 4.72072H13.7854L12.8078 3.74313C12.4141 3.34937 12.4141 2.69764 12.8078 2.30389C12.9995 2.11451 13.258 2.0083 13.5275 2.0083C13.7969 2.0083 14.0554 2.11451 14.2471 2.30389L16.5146 4.57136C16.7046 4.76145 16.854 5.11447 16.854 5.38603C16.854 5.65758 16.7046 6.0106 16.5146 6.20069L14.2471 8.46816C14.0434 8.67183 13.7854 8.76687 13.5275 8.76687C13.2695 8.76687 13.0115 8.67183 12.8078 8.46816C12.4141 8.07441 12.4141 7.42268 12.8078 7.02893L13.0794 6.75737H9.80718C8.27784 6.76096 6.81217 7.37008 5.73076 8.45148C4.64936 9.53289 4.04024 10.9986 4.03665 12.5279C4.03665 13.0846 3.57501 13.5462 3.01833 13.5462C2.46164 13.5462 2 13.0846 2 12.5279C2.01358 8.22377 5.50305 4.72072 9.82075 4.72072Z",
15
+ fill: "white"
16
+ }),
17
+ /*#__PURE__*/ _jsx("path", {
18
+ d: "M7.21389 9.81238H20.5743C21.3618 9.81238 22 10.4505 22 11.238V20.5659C22 21.3534 21.3618 21.9916 20.5743 21.9916H7.21389C6.42638 21.9916 5.78823 21.3534 5.78823 20.5659V11.238C5.77465 10.4505 6.42638 9.81238 7.21389 9.81238ZM7.81131 19.9549H19.9633V11.849H7.81131V19.9549Z",
19
+ fill: "white"
20
+ })
21
+ ]
20
22
  });
21
23
  const CustomXuanZuan = (props)=>{
22
24
  return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {
@@ -1,5 +1,6 @@
1
1
  export { default as CustomClose } from "./custom-close";
2
2
  export { default as CustomXuanZuan } from "./custom-xuanzuan";
3
+ export { default as CustomScreenXuanZuan } from "./custom-xuanzuan";
3
4
  export { default as CustomDownLoad } from "./custom-download";
4
5
  export { default as CustomArrow } from "./custom-arrow";
5
6
  export { default as CustomRecord } from "./custom-record";
@@ -1,5 +1,6 @@
1
1
  /* 自定义icon */ export { default as CustomClose } from "./custom-close";
2
2
  export { default as CustomXuanZuan } from "./custom-xuanzuan";
3
+ export { default as CustomScreenXuanZuan } from "./custom-xuanzuan";
3
4
  export { default as CustomDownLoad } from "./custom-download";
4
5
  export { default as CustomArrow } from "./custom-arrow";
5
6
  export { default as CustomRecord } from "./custom-record";
@@ -3,6 +3,11 @@
3
3
  width: 100%;
4
4
  // color:@customColor;
5
5
  :global {
6
+ .bhd-table-container {
7
+ & > .bhd-table-body {
8
+ overflow-y: auto !important;
9
+ }
10
+ }
6
11
  table {
7
12
  th,
8
13
  td {
@@ -152,8 +157,8 @@
152
157
  .bhd-select .bhd-select-arrow {
153
158
  margin-top: -5px;
154
159
  color: rgba(0, 0, 0, 0.65);
155
- &>.anticon{
156
- pointer-events:none;
160
+ & > .anticon {
161
+ pointer-events: none;
157
162
  }
158
163
  }
159
164
  }
@@ -163,7 +168,11 @@
163
168
  .Table.SmallTable {
164
169
  width: 100%;
165
170
  :global {
166
-
171
+ .bhd-table-container {
172
+ & > .bhd-table-body {
173
+ overflow-y: auto !important;
174
+ }
175
+ }
167
176
  table {
168
177
  th,
169
178
  td {
@@ -173,7 +182,6 @@
173
182
  }
174
183
  & > .bhd-table-thead {
175
184
  & > tr {
176
-
177
185
  & > .bhd-table-cell {
178
186
  font-weight: 600;
179
187
  font-size: 16px;
@@ -262,29 +270,29 @@
262
270
  // border-top-right-radius: 0;
263
271
  // }
264
272
  /* 去除head 圆角 */
265
- .bhd-table-container table>thead>tr:first-child >*:first-child{
266
- border-top-left-radius:0;
273
+ .bhd-table-container table > thead > tr:first-child > *:first-child {
274
+ border-top-left-radius: 0;
267
275
  }
268
- .bhd-table-container table>thead>tr:first-child >*:last-child{
276
+ .bhd-table-container table > thead > tr:first-child > *:last-child {
269
277
  border-top-right-radius: 0;
270
278
  }
271
- table{
279
+ table {
272
280
  border-radius: 0;
273
- .bhd-table-header{
281
+ .bhd-table-header {
274
282
  border-radius: 0;
275
283
  }
276
284
  }
277
- .bhd-table-container{
285
+ .bhd-table-container {
278
286
  border-top-left-radius: 0;
279
287
  border-top-right-radius: 0;
280
288
  }
281
- .bhd-table{
289
+ .bhd-table {
282
290
  border-radius: 0;
283
291
  }
284
- .bhd-table-wrapper .bhd-table .bhd-table-header{
292
+ .bhd-table-wrapper .bhd-table .bhd-table-header {
285
293
  border-radius: 0;
286
294
  }
287
-
295
+
288
296
  /* 多选框间距问题 */
289
297
  .bhd-table-wrapper {
290
298
  .bhd-table-selection-col {
@@ -374,7 +382,7 @@
374
382
  margin-top: -5px;
375
383
  color: @color-icon-fill-Tr;
376
384
  }
377
- .bhd-select-open .bhd-select-arrow{
385
+ .bhd-select-open .bhd-select-arrow {
378
386
  color: @color-icon;
379
387
  }
380
388
  }
@@ -0,0 +1,31 @@
1
+ import * as React from "react";
2
+ export interface AppViewImageProps {
3
+ visible: boolean;
4
+ onCancel: () => void;
5
+ className?: string;
6
+ content?: () => React.ReactElement;
7
+ download?: boolean;
8
+ getSrc: (index?: number) => Promise<string>;
9
+ filename?: string;
10
+ multiSelect?: string[];
11
+ }
12
+ export interface AppViewImageRef {
13
+ updateSrc: () => void;
14
+ }
15
+ export interface ViewImageState {
16
+ scaleValue: number;
17
+ maxScale: number;
18
+ minScale: number;
19
+ imgSrc: string;
20
+ imgLeft: any;
21
+ imgTop: any;
22
+ rotateValue: number;
23
+ loading: boolean;
24
+ curIndex: number;
25
+ imgError: boolean;
26
+ multiSelect: boolean;
27
+ }
28
+ export interface ViewImageProps extends AppViewImageProps {
29
+ }
30
+ declare const AppViewImage: React.ForwardRefExoticComponent<AppViewImageProps & React.RefAttributes<AppViewImageRef>>;
31
+ export default AppViewImage;