dtable-ui-component 6.0.49 → 6.0.50

package/lib/DTableColorPicker/index.js

@@ -15,6 +15,7 @@ var _ClickOutside = _interopRequireDefault(require("../ClickOutside"));
 var _utils = require("./utils");
 var _ColorPickerPortal = _interopRequireDefault(require("./ColorPickerPortal"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const DEFAULT_COLORS = ['#ffffff', '#f5f5f5', '#eef6f9', '#333333', '#ff0000', '#ffff00', '#0000ff', '#00ff00'];
 const COLOR_PICKER_MODE = {
   HEX: 'hex',
@@ -236,117 +237,152 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
   const renderDefaultContainer = () => {
     const colors = defaultColors ? defaultColors.slice(0, 8) : DEFAULT_COLORS;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "default-color-setting"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Default')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "default-colors-container d-flex mt-2 mb-2"
-    }, colors.map((color, index) => {
-      const isLight = (0, _utils.isLightColor)(color);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
-        onClick: () => onSelectDefaultColor(color),
-        key: "default-color-".concat(index)
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "colorinput-color d-flex align-items-center justify-content-center",
-        style: {
-          backgroundColor: color
-        }
-      }, color === "".concat((0, _utils.rgbaToHex)(value)) && alphaVal === 100 && /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-icon-color-check dtable-font dtable-icon-check-mark"
-      })));
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "default-color-setting",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Default')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "default-colors-container d-flex mt-2 mb-2",
+        children: colors.map((color, index) => {
+          const isLight = (0, _utils.isLightColor)(color);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
+            onClick: () => onSelectDefaultColor(color),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "colorinput-color d-flex align-items-center justify-content-center",
+              style: {
+                backgroundColor: color
+              },
+              children: color === "".concat((0, _utils.rgbaToHex)(value)) && alphaVal === 100 && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-icon-color-check dtable-font dtable-icon-check-mark"
+              })
+            })
+          }, "default-color-".concat(index));
+        })
+      })]
+    });
   };
   const renderCustomContainer = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Custom')), /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
-      className: "mt-2",
-      color: value,
-      onChange: onChangeChromePicker
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "color-setting d-flex align-items-center ".concat(colorMode)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "mode-btn d-flex",
-      onClick: onChangeMode
-    }, colorMode === COLOR_PICKER_MODE.HEX ? 'HEX' : 'RGB', /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-right"
-    })), colorMode === COLOR_PICKER_MODE.HEX ? renderHexContainer() : renderRgbContainer(), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "alpha-input",
-      type: "text",
-      value: alphaVal + '%',
-      onBlur: onAlphaInputBlur,
-      onKeyDown: e => onKeyDown(e, onAlphaInputBlur),
-      onChange: onChangeAlpha
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Custom')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColor.ChromePicker, {
+        className: "mt-2",
+        color: value,
+        onChange: onChangeChromePicker
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "color-setting d-flex align-items-center ".concat(colorMode),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: "mode-btn d-flex",
+          onClick: onChangeMode,
+          children: [colorMode === COLOR_PICKER_MODE.HEX ? 'HEX' : 'RGB', /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            className: "dtable-font dtable-icon-right"
+          })]
+        }), colorMode === COLOR_PICKER_MODE.HEX ? renderHexContainer() : renderRgbContainer(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+          className: "alpha-input",
+          type: "text",
+          value: alphaVal + '%',
+          onBlur: onAlphaInputBlur,
+          onKeyDown: e => onKeyDown(e, onAlphaInputBlur),
+          onChange: onChangeAlpha
+        })]
+      })]
+    });
   };
   const renderHexContainer = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "hex-container ml-2"
-    }, /*#__PURE__*/_react.default.createElement("span", null, "#"), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "hex-input",
-      type: "text",
-      value: hexVal,
-      onBlur: onHexInputBlur,
-      onKeyDown: e => onKeyDown(e, onHexInputBlur),
-      onChange: onChangeHex
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "hex-container ml-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "#"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+        className: "hex-input",
+        type: "text",
+        value: hexVal,
+        onBlur: onHexInputBlur,
+        onKeyDown: e => onKeyDown(e, onHexInputBlur),
+        onChange: onChangeHex
+      })]
+    });
   };
   const renderRgbContainer = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "rgb-container"
-    }, /*#__PURE__*/_react.default.createElement("span", null, "R"), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "rgb-input",
-      type: "text",
-      value: redVal,
-      onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.RED),
-      onChange: e => onChangeRgb(e, RGB_COLORS_MAP.RED)
-    }), /*#__PURE__*/_react.default.createElement("span", null, "G"), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "rgb-input",
-      type: "text",
-      value: greenVal,
-      onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.GREEN),
-      onChange: e => onChangeRgb(e, RGB_COLORS_MAP.GREEN)
-    }), /*#__PURE__*/_react.default.createElement("span", null, "B"), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      className: "rgb-input",
-      type: "text",
-      value: blueVal,
-      onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.BLUE),
-      onChange: e => onChangeRgb(e, RGB_COLORS_MAP.BLUE)
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "rgb-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "R"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+        className: "rgb-input",
+        type: "text",
+        value: redVal,
+        onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.RED),
+        onChange: e => onChangeRgb(e, RGB_COLORS_MAP.RED)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "G"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+        className: "rgb-input",
+        type: "text",
+        value: greenVal,
+        onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.GREEN),
+        onChange: e => onChangeRgb(e, RGB_COLORS_MAP.GREEN)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "B"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+        className: "rgb-input",
+        type: "text",
+        value: blueVal,
+        onBlur: () => onRgbInputBlur(RGB_COLORS_MAP.BLUE),
+        onChange: e => onChangeRgb(e, RGB_COLORS_MAP.BLUE)
+      })]
+    });
   };
   const renderUsedContainer = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "current-used-container mt-2"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Recently_used')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "current-used-colors d-flex mt-2"
-    }, currentUsedColors.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentUsedColors.map((color, index) => {
-      const isLight = (0, _utils.isLightColor)(color);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
-        onClick: () => onSelectDefaultColor(color),
-        key: "default-color-".concat(index)
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "colorinput-color d-flex align-items-center justify-content-center",
-        style: {
-          backgroundColor: color
-        }
-      }));
-    })) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "blank-placeholder d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/_react.default.createElement("span", null, "/"))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "current-used-container mt-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Recently_used')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "current-used-colors d-flex mt-2",
+        children: currentUsedColors.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: currentUsedColors.map((color, index) => {
+            const isLight = (0, _utils.isLightColor)(color);
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
+              onClick: () => onSelectDefaultColor(color),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "colorinput-color d-flex align-items-center justify-content-center",
+                style: {
+                  backgroundColor: color
+                }
+              })
+            }, "default-color-".concat(index));
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "blank-placeholder d-flex align-items-center justify-content-center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: "/"
+          })
+        })
+      })]
+    });
   };
-  const colorPicker = /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
-    onClickOutside: onClosePopover
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: popoverStyle,
-    ref: colorPickerRef,
-    className: "dtable-color-picker"
-  }, renderDefaultContainer(), renderCustomContainer(), renderUsedContainer()));
+  const colorPicker = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
+    onClickOutside: onClosePopover,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: popoverStyle,
+      ref: colorPickerRef,
+      className: "dtable-color-picker",
+      children: [renderDefaultContainer(), renderCustomContainer(), renderUsedContainer()]
+    })
+  });
   if (useProtal && target && scrollContainerId) {
-    return /*#__PURE__*/_react.default.createElement(_ColorPickerPortal.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPickerPortal.default, {
       target: target,
       scrollContainerId: scrollContainerId,
-      throttleDelay: throttleDelay
-    }, colorPicker);
+      throttleDelay: throttleDelay,
+      children: colorPicker
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorPicker);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: colorPicker
+  });
 });
 var _default = exports.default = DTableColorPicker;

package/lib/DTableCommonAddTool/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function DTableCommonAddTool(_ref) {
   let {
     callBack,
@@ -16,14 +17,16 @@ function DTableCommonAddTool(_ref) {
     hideIcon,
     style
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "dtable-ui add-item-btn ".concat(className ? className : ''),
     style: style,
-    onClick: e => callBack(e)
-  }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "add-new-option text-truncate"
-  }, footerName));
+    onClick: e => callBack(e),
+    children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "add-new-option text-truncate",
+      children: footerName
+    })]
+  });
 }
 var _default = exports.default = DTableCommonAddTool;

package/lib/DTableCustomFooter/index.js

@@ -7,13 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 // DTableCustomFooter is used in geolocation editor and digital sign editor
 const DTableCustomFooter = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-custom-footer"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "dtable-custom-footer",
+    children: children
+  });
 };
 var _default = exports.default = DTableCustomFooter;

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -12,6 +12,7 @@ var _reactstrap = require("reactstrap");
 var _dtableUtils = require("dtable-utils");
 var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class CollaboratorSelect extends _react.Component {
   constructor(props) {
     super(props);
@@ -65,7 +66,7 @@ class CollaboratorSelect extends _react.Component {
         isUsePopover
       } = this.props;
       if (!isUsePopover) {
-        return /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
           value: value,
           top: top,
           left: left,
@@ -83,30 +84,31 @@ class CollaboratorSelect extends _react.Component {
           isShowSelected: true
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
         placement: "bottom",
         isOpen: true,
         target: this.id,
         fade: false,
         hideArrow: true,
-        className: "dtable-customize-collaborator-select dtable-select"
-      }, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
-        value: value,
-        top: top,
-        left: left,
-        minWidth: this.btnWidth + 8 // 8px is padding
-        ,
-        options: options,
-        onSelectOption: this.props.onSelectOption,
-        searchable: searchable,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions,
-        supportMultipleSelect: this.props.supportMultipleSelect,
-        stopClickEvent: true,
-        isShowSelected: true
-      }));
+        className: "dtable-customize-collaborator-select dtable-select",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
+          value: value,
+          top: top,
+          left: left,
+          minWidth: this.btnWidth + 8 // 8px is padding
+          ,
+          options: options,
+          onSelectOption: this.props.onSelectOption,
+          searchable: searchable,
+          searchPlaceholder: searchPlaceholder,
+          noOptionsPlaceholder: noOptionsPlaceholder,
+          closeSelect: this.closeSelect,
+          getFilterOptions: this.getFilterOptions,
+          supportMultipleSelect: this.props.supportMultipleSelect,
+          stopClickEvent: true,
+          isShowSelected: true
+        })
+      });
     };
     this.state = {
       isShowSelectOptions: false
@@ -127,7 +129,7 @@ class CollaboratorSelect extends _react.Component {
       placeholder,
       isLocked
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select collaborator-select', {
         'focus': this.state.isShowSelectOptions
@@ -135,17 +137,21 @@ class CollaboratorSelect extends _react.Component {
         'disabled': isLocked
       }, className),
       id: this.id,
-      onClick: this.onSelectToggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "selected-option",
-      ref: node => this.selectedOptionRef = node
-    }, value.label ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "selected-option-show"
-    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
-      className: "select-placeholder"
-    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-down3"
-    })), this.state.isShowSelectOptions && this.renderOptionGroup());
+      onClick: this.onSelectToggle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "selected-option",
+        ref: node => this.selectedOptionRef = node,
+        children: [value.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "selected-option-show",
+          children: value.label
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "select-placeholder",
+          children: placeholder
+        }), !isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-down3"
+        })]
+      }), this.state.isShowSelectOptions && this.renderOptionGroup()]
+    });
   }
 }
 CollaboratorSelect.defaultProps = {

package/lib/DTableCustomizeSelect/index.js

@@ -11,6 +11,7 @@ var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"))
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DTableCustomizeSelect extends _react.Component {
   constructor(props) {
     super(props);
@@ -95,56 +96,62 @@ class DTableCustomizeSelect extends _react.Component {
       addOptionAble,
       component
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked
       }, className),
-      onClick: this.onSelectToggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "selected-option"
-    }, value && value.label ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "selected-option-show"
-    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
-      className: "select-placeholder"
-    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-down3"
-    })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
-      value: value,
-      addOptionAble: addOptionAble,
-      component: component,
-      isShowSelected: this.props.isShowSelected,
-      top: this.getSelectedOptionTop(),
-      options: options,
-      onSelectOption: this.props.onSelectOption,
-      searchable: searchable,
-      searchPlaceholder: searchPlaceholder,
-      noOptionsPlaceholder: noOptionsPlaceholder,
-      onClickOutside: this.onClick,
-      closeSelect: this.closeSelect,
-      getFilterOptions: this.getFilterOptions,
-      supportMultipleSelect: this.props.supportMultipleSelect
-    }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
-      className: className,
-      value: value,
-      addOptionAble: addOptionAble,
-      component: component,
-      isShowSelected: this.props.isShowSelected,
-      position: this.selector.getBoundingClientRect(),
-      isInModal: isInModal,
-      top: this.getSelectedOptionTop(),
-      options: options,
-      onSelectOption: this.props.onSelectOption,
-      searchable: searchable,
-      searchPlaceholder: searchPlaceholder,
-      noOptionsPlaceholder: noOptionsPlaceholder,
-      onClickOutside: this.onClick,
-      closeSelect: this.closeSelect,
-      getFilterOptions: this.getFilterOptions,
-      supportMultipleSelect: this.props.supportMultipleSelect
-    })));
+      onClick: this.onSelectToggle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "selected-option",
+        children: [value && value.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "selected-option-show",
+          children: value.label
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "select-placeholder",
+          children: placeholder
+        }), !isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-down3"
+        })]
+      }), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
+        value: value,
+        addOptionAble: addOptionAble,
+        component: component,
+        isShowSelected: this.props.isShowSelected,
+        top: this.getSelectedOptionTop(),
+        options: options,
+        onSelectOption: this.props.onSelectOption,
+        searchable: searchable,
+        searchPlaceholder: searchPlaceholder,
+        noOptionsPlaceholder: noOptionsPlaceholder,
+        onClickOutside: this.onClick,
+        closeSelect: this.closeSelect,
+        getFilterOptions: this.getFilterOptions,
+        supportMultipleSelect: this.props.supportMultipleSelect
+      }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalPortal.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
+          className: className,
+          value: value,
+          addOptionAble: addOptionAble,
+          component: component,
+          isShowSelected: this.props.isShowSelected,
+          position: this.selector.getBoundingClientRect(),
+          isInModal: isInModal,
+          top: this.getSelectedOptionTop(),
+          options: options,
+          onSelectOption: this.props.onSelectOption,
+          searchable: searchable,
+          searchPlaceholder: searchPlaceholder,
+          noOptionsPlaceholder: noOptionsPlaceholder,
+          onClickOutside: this.onClick,
+          closeSelect: this.closeSelect,
+          getFilterOptions: this.getFilterOptions,
+          supportMultipleSelect: this.props.supportMultipleSelect
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = DTableCustomizeSelect;

package/lib/DTableEmptyTip/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DTableEmptyTip extends _react.default.Component {
   render() {
     const {
@@ -14,22 +15,25 @@ class DTableEmptyTip extends _react.default.Component {
       title,
       type
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "empty-tip"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: this.props.src,
-      alt: "",
-      width: "100",
-      height: "100",
-      className: "no-items-img-tip"
-    }), title && /*#__PURE__*/_react.default.createElement("span", {
-      className: "empty-tip-title"
-    }, title), text && /*#__PURE__*/_react.default.createElement("span", {
-      className: "empty-tip-text",
-      style: {
-        color: type === 'error' ? 'red' : '#666'
-      }
-    }, text), this.props.children && this.props.children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "empty-tip",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: this.props.src,
+        alt: "",
+        width: "100",
+        height: "100",
+        className: "no-items-img-tip"
+      }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "empty-tip-title",
+        children: title
+      }), text && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "empty-tip-text",
+        style: {
+          color: type === 'error' ? 'red' : '#666'
+        },
+        children: text
+      }), this.props.children && this.props.children]
+    });
   }
 }
 var _default = exports.default = DTableEmptyTip;