dtable-ui-component 0.1.36 → 0.1.40

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 (9) hide show
  1. package/es/components/cell-formatter/multiple-select-formatter.js +1 -1
  2. package/es/components/cell-formatter/single-select-formatter.js +1 -1
  3. package/es/components/cell-formatter/widgets/image-previewer-lightbox.js +2 -2
  4. package/es/css/image-previewer-ligntbox.css +27 -9
  5. package/lib/components/cell-formatter/multiple-select-formatter.js +1 -1
  6. package/lib/components/cell-formatter/single-select-formatter.js +1 -1
  7. package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js +2 -2
  8. package/lib/css/image-previewer-ligntbox.css +27 -9
  9. package/package.json +2 -2
package/es/components/cell-formatter/multiple-select-formatter.js CHANGED
@@ -28,7 +28,7 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
28
28
  options = _this$props.options;
29
29
  return value.map(function (item) {
30
30
  var option = options.find(function (option) {
31
- return option.id === item;
31
+ return option.id === item || option.name === item;
32
32
  });
33
33
 
34
34
  if (option) {
package/es/components/cell-formatter/single-select-formatter.js CHANGED
@@ -28,7 +28,7 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
28
28
  options = _this$props.options,
29
29
  fontSize = _this$props.fontSize;
30
30
  var option = options.find(function (item) {
31
- return item.id === value;
31
+ return item.id === value || item.name === value;
32
32
  });
33
33
 
34
34
  if (option) {
package/es/components/cell-formatter/widgets/image-previewer-lightbox.js CHANGED
@@ -70,7 +70,7 @@ function ImagePreviewerLightbox(props) {
70
70
  query: "(max-width: 767.8px)"
71
71
  }, /*#__PURE__*/React.createElement(Lightbox, {
72
72
  isDesktop: false,
73
- wrapperClassName: "mobile-image-previewer",
73
+ wrapperClassName: "mobile-image-previewer dtable-ui-component",
74
74
  mainSrc: imageItems[imageIndex],
75
75
  nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
76
76
  prevSrc: imageItems[(imageIndex + imageItemsLength - 1) % imageItemsLength],
@@ -87,7 +87,7 @@ function ImagePreviewerLightbox(props) {
87
87
  }
88
88
  }
89
89
  }), /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
90
- className: "image-footer-choice mobile-image-footer-choice"
90
+ className: "image-footer-choice mobile-image-footer-choice dtable-ui-component"
91
91
  }, /*#__PURE__*/React.createElement("div", {
92
92
  className: "image-footer-icon"
93
93
  }, /*#__PURE__*/React.createElement("div", {
package/es/css/image-previewer-ligntbox.css CHANGED
@@ -1,36 +1,54 @@
1
- .mobile-image-previewer .ril-prev-button,
2
- .mobile-image-previewer .ril-next-button,
3
- .mobile-image-previewer .ril-caption .ril-zoom-in,
4
- .mobile-image-previewer .ril-caption .ril-zoom-out {
1
+ .dtable-ui-component.mobile-image-previewer .ril-prev-button,
2
+ .dtable-ui-component.mobile-image-previewer .ril-next-button,
3
+ .dtable-ui-component.mobile-image-previewer .ril-caption .ril-zoom-in,
4
+ .dtable-ui-component.mobile-image-previewer .ril-caption .ril-zoom-out {
5
5
  display: none;
6
6
  }
7
7
 
8
- .mobile-image-previewer .ril-toolbar .ril__toolbarRightSide {
8
+ .dtable-ui-component.mobile-image-previewer .ril-toolbar .ril__toolbarRightSide {
9
9
  padding-right: 14px;
10
10
  }
11
11
 
12
- .image-footer-choice.mobile-image-footer-choice {
12
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice {
13
13
  height: 100px;
14
14
  background-color: #000;
15
15
  z-index: 1052;
16
16
  padding: 0;
17
+ width: 100%;
18
+ border-radius: 2px;
19
+ border-top-right-radius: 0;
20
+ border-top-left-radius: 0;
21
+ bottom: 0;
22
+ position: absolute;
23
+ color: #fff;
24
+ background: rgba(0, 0, 0, 0.6);
25
+ display: flex;
26
+ justify-content: space-between;
27
+ align-items: center;
17
28
  }
18
29
 
19
- .image-footer-choice.mobile-image-footer-choice .image-footer-icon {
30
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon {
20
31
  width: 100%;
32
+ display: flex;
33
+ align-items: center;
21
34
  justify-content: space-between;
22
35
  flex-direction: row-reverse;
23
36
  margin: 0 20px;
24
37
  }
25
38
 
26
- .mobile-image-footer-choice .image-footer-icon .image-footer-choice-item {
39
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon .image-footer-choice-item {
27
40
  height: 40px;
28
41
  width: 40px;
29
42
  border-radius: 5px;
30
43
  background-color: #333;
44
+ cursor: pointer;
45
+ display: flex;
46
+ justify-content: center;
47
+ align-items: center;
48
+ color: #dbdbdb;
31
49
  }
32
50
 
33
- .mobile-image-footer-choice .image-footer-icon .image-footer-choice-item i {
51
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon .image-footer-choice-item i {
34
52
  font-size: 20px;
35
53
  }
36
54
 
package/lib/components/cell-formatter/multiple-select-formatter.js CHANGED
@@ -43,7 +43,7 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
43
43
  options = _this$props.options;
44
44
  return value.map(function (item) {
45
45
  var option = options.find(function (option) {
46
- return option.id === item;
46
+ return option.id === item || option.name === item;
47
47
  });
48
48
 
49
49
  if (option) {
package/lib/components/cell-formatter/single-select-formatter.js CHANGED
@@ -43,7 +43,7 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
43
43
  options = _this$props.options,
44
44
  fontSize = _this$props.fontSize;
45
45
  var option = options.find(function (item) {
46
- return item.id === value;
46
+ return item.id === value || item.name === value;
47
47
  });
48
48
 
49
49
  if (option) {
package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js CHANGED
@@ -91,7 +91,7 @@ function ImagePreviewerLightbox(props) {
91
91
  query: "(max-width: 767.8px)"
92
92
  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
93
93
  isDesktop: false,
94
- wrapperClassName: "mobile-image-previewer",
94
+ wrapperClassName: "mobile-image-previewer dtable-ui-component",
95
95
  mainSrc: imageItems[imageIndex],
96
96
  nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
97
97
  prevSrc: imageItems[(imageIndex + imageItemsLength - 1) % imageItemsLength],
@@ -108,7 +108,7 @@ function ImagePreviewerLightbox(props) {
108
108
  }
109
109
  }
110
110
  }), /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
111
- className: "image-footer-choice mobile-image-footer-choice"
111
+ className: "image-footer-choice mobile-image-footer-choice dtable-ui-component"
112
112
  }, /*#__PURE__*/_react.default.createElement("div", {
113
113
  className: "image-footer-icon"
114
114
  }, /*#__PURE__*/_react.default.createElement("div", {
package/lib/css/image-previewer-ligntbox.css CHANGED
@@ -1,36 +1,54 @@
1
- .mobile-image-previewer .ril-prev-button,
2
- .mobile-image-previewer .ril-next-button,
3
- .mobile-image-previewer .ril-caption .ril-zoom-in,
4
- .mobile-image-previewer .ril-caption .ril-zoom-out {
1
+ .dtable-ui-component.mobile-image-previewer .ril-prev-button,
2
+ .dtable-ui-component.mobile-image-previewer .ril-next-button,
3
+ .dtable-ui-component.mobile-image-previewer .ril-caption .ril-zoom-in,
4
+ .dtable-ui-component.mobile-image-previewer .ril-caption .ril-zoom-out {
5
5
  display: none;
6
6
  }
7
7
 
8
- .mobile-image-previewer .ril-toolbar .ril__toolbarRightSide {
8
+ .dtable-ui-component.mobile-image-previewer .ril-toolbar .ril__toolbarRightSide {
9
9
  padding-right: 14px;
10
10
  }
11
11
 
12
- .image-footer-choice.mobile-image-footer-choice {
12
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice {
13
13
  height: 100px;
14
14
  background-color: #000;
15
15
  z-index: 1052;
16
16
  padding: 0;
17
+ width: 100%;
18
+ border-radius: 2px;
19
+ border-top-right-radius: 0;
20
+ border-top-left-radius: 0;
21
+ bottom: 0;
22
+ position: absolute;
23
+ color: #fff;
24
+ background: rgba(0, 0, 0, 0.6);
25
+ display: flex;
26
+ justify-content: space-between;
27
+ align-items: center;
17
28
  }
18
29
 
19
- .image-footer-choice.mobile-image-footer-choice .image-footer-icon {
30
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon {
20
31
  width: 100%;
32
+ display: flex;
33
+ align-items: center;
21
34
  justify-content: space-between;
22
35
  flex-direction: row-reverse;
23
36
  margin: 0 20px;
24
37
  }
25
38
 
26
- .mobile-image-footer-choice .image-footer-icon .image-footer-choice-item {
39
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon .image-footer-choice-item {
27
40
  height: 40px;
28
41
  width: 40px;
29
42
  border-radius: 5px;
30
43
  background-color: #333;
44
+ cursor: pointer;
45
+ display: flex;
46
+ justify-content: center;
47
+ align-items: center;
48
+ color: #dbdbdb;
31
49
  }
32
50
 
33
- .mobile-image-footer-choice .image-footer-icon .image-footer-choice-item i {
51
+ .dtable-ui-component.image-footer-choice.mobile-image-footer-choice .image-footer-icon .image-footer-choice-item i {
34
52
  font-size: 20px;
35
53
  }
36
54
 
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "dtable-ui-component",
3
- "version": "0.1.36",
3
+ "version": "0.1.40",
4
4
  "main": "./es/index.js",
5
5
  "dependencies": {
6
- "@seafile/seafile-calendar": "0.0.12",
6
+ "@seafile/seafile-calendar": "0.0.15",
7
7
  "@seafile/react-image-lightbox": "0.0.9",
8
8
  "antd-mobile": "^2.3.3",
9
9
  "astro-classname": "^2.1.0",