@cloud-app-dev/vidc 3.2.11 → 3.2.13

package/es/CheckGroupFixed/index.js

@@ -3,47 +3,69 @@ import _Badge from "antd/lib/badge";
 import "antd/lib/checkbox/style";
 import _Checkbox from "antd/lib/checkbox";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
-import "./index.css";
+import "./index.less";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function CheckGroupFixed(_ref) {
   var label = _ref.label,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? [] : _ref$source,
-    _ref$checboxSize = _ref.checboxSize,
-    checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
-    _ref$cutRow = _ref.cutRow,
-    cutRow = _ref$cutRow === void 0 ? 1 : _ref$cutRow,
-    _ref$labelSize = _ref.labelSize,
-    labelSize = _ref$labelSize === void 0 ? 100 : _ref$labelSize,
-    value = _ref.value,
-    onChange = _ref.onChange;
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? [] : _ref$source,
+      _ref$checboxSize = _ref.checboxSize,
+      checboxSize = _ref$checboxSize === void 0 ? 120 : _ref$checboxSize,
+      _ref$cutRow = _ref.cutRow,
+      cutRow = _ref$cutRow === void 0 ? 1 : _ref$cutRow,
+      _ref$labelSize = _ref.labelSize,
+      labelSize = _ref$labelSize === void 0 ? 100 : _ref$labelSize,
+      value = _ref.value,
+      onChange = _ref.onChange;
+
   var _useState = useState({
-      visible: false,
-      sider: false,
-      pos: [0, 0],
-      w: 0,
-      selectKeys: value || []
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    visible: false,
+    sider: false,
+    pos: [0, 0],
+    w: 0,
+    selectKeys: value || []
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var domRef = useRef(null);
   useLayoutEffect(function () {
-    var _a, _b;
-    var contentEle = (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.check-content-box');
+    var _domRef$current;
+
+    var contentEle = (_domRef$current = domRef.current) === null || _domRef$current === void 0 ? void 0 : _domRef$current.querySelector('.check-content-box');
     var contentRect = (contentEle === null || contentEle === void 0 ? void 0 : contentEle.getBoundingClientRect()) || {
       width: 0
     };
+
     if (contentRect.width < checboxSize * source.length) {
-      var lr = (_b = domRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+      var _domRef$current2;
+
+      var lr = (_domRef$current2 = domRef.current) === null || _domRef$current2 === void 0 ? void 0 : _domRef$current2.getBoundingClientRect();
       setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
+        return _objectSpread(_objectSpread({}, old), {}, {
           visible: true,
           w: (lr === null || lr === void 0 ? void 0 : lr.width) || 0
         });
@@ -62,74 +84,87 @@ function CheckGroupFixed(_ref) {
       boxShadow: ' 0 0 10px rgba(0,0,0,0.1)'
     } : {};
   }, [state.sider, state.w, state.pos]);
+
   _useUpdateEffect(function () {
     return onChange === null || onChange === void 0 ? void 0 : onChange(state.selectKeys);
   }, [state.selectKeys]);
+
   useLayoutEffect(function () {
-    var dom = domRef.current.querySelector('.check-box-group-layout');
+    var _domRef$current3;
+
+    var dom = (_domRef$current3 = domRef.current) === null || _domRef$current3 === void 0 ? void 0 : _domRef$current3.querySelector('.check-box-group-layout');
     dom === null || dom === void 0 ? void 0 : dom.setAttribute('style', "grid-template-columns:repeat(auto-fill, minmax(".concat(checboxSize, "px, 1fr));"));
   }, [checboxSize]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "c-check-group-layout",
     ref: domRef,
     style: {
       height: state.sider ? cutRow * 30 + 20 : 'auto'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "c-check-group-box",
-    style: fixedStyle
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "check-label-box",
-    style: {
-      width: labelSize
-    }
-  }, label, "\uFF1A"), /*#__PURE__*/React.createElement("div", {
-    className: "check-content-box",
-    style: {
-      height: state.sider ? 'auto' : cutRow * 30
-    }
-  }, /*#__PURE__*/React.createElement(_Checkbox.Group, {
-    value: state.selectKeys,
-    className: "check-box-group-layout",
-    onChange: function onChange(keys) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          selectKeys: keys
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "c-check-group-box",
+      style: fixedStyle,
+      children: [/*#__PURE__*/_jsxs("span", {
+        className: "check-label-box",
+        style: {
+          width: labelSize
+        },
+        children: [label, "\uFF1A"]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "check-content-box",
+        style: {
+          height: state.sider ? 'auto' : cutRow * 30
+        },
+        children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+          value: state.selectKeys,
+          className: "check-box-group-layout",
+          onChange: function onChange(keys) {
+            return setState(function (old) {
+              return _objectSpread(_objectSpread({}, old), {}, {
+                selectKeys: keys
+              });
+            });
+          },
+          children: source.map(function (v) {
+            return /*#__PURE__*/_jsx(_Checkbox, {
+              style: {
+                width: checboxSize
+              },
+              value: v.value,
+              children: /*#__PURE__*/_jsx("span", {
+                title: v.label,
+                children: v.label
+              })
+            }, v.value);
+          })
+        })
+      }), state.visible && /*#__PURE__*/_jsx(_Badge, {
+        count: state.sider ? 0 : state.selectKeys.length,
+        size: "small",
+        offset: [10, 0],
+        children: /*#__PURE__*/_jsx("span", {
+          className: "slice-btn",
+          onClick: function onClick() {
+            return setState(function (old) {
+              return _objectSpread(_objectSpread({}, old), {}, {
+                sider: !state.sider
+              });
+            });
+          },
+          children: state.sider ? '收起' : '展开'
+        })
+      })]
+    }), state.sider && /*#__PURE__*/_jsx("div", {
+      className: "sider-mask",
+      onClick: function onClick() {
+        return setState(function (old) {
+          return _objectSpread(_objectSpread({}, old), {}, {
+            sider: false
+          });
         });
-      });
-    }
-  }, source.map(function (v) {
-    return /*#__PURE__*/React.createElement(_Checkbox, {
-      style: {
-        width: checboxSize
-      },
-      key: v.value,
-      value: v.value
-    }, /*#__PURE__*/React.createElement("span", {
-      title: v.label
-    }, v.label));
-  }))), state.visible && /*#__PURE__*/React.createElement(_Badge, {
-    count: state.sider ? 0 : state.selectKeys.length,
-    size: "small",
-    offset: [10, 0]
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "slice-btn",
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          sider: !state.sider
-        });
-      });
-    }
-  }, state.sider ? '收起' : '展开'))), state.sider && /*#__PURE__*/React.createElement("div", {
-    className: "sider-mask",
-    onClick: function onClick() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          sider: false
-        });
-      });
-    }
-  }));
+      }
+    })]
+  });
 }
+
 export default CheckGroupFixed;

package/es/CheckGroupFixed/index.less

@@ -0,0 +1,50 @@
+.c-check-group-layout {
+  position: relative;
+  .c-check-group-box {
+    padding: 10px;
+    display: flex;
+  }
+  .check-label-box {
+    width: 80px;
+    color: #999;
+  }
+  .check-content-box {
+    width: 100%;
+    flex: 1;
+    overflow: hidden;
+    height: 30px;
+    .@{ant-prefix}-checkbox-group {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+      grid-row-gap: 10px;
+      grid-column-gap: 10px;
+      .@{ant-prefix}-checkbox-wrapper {
+        width: 120px;
+        margin-left: 0;
+        height: 30px;
+        display: flex;
+        > span:not(.@{ant-prefix}-checkbox) {
+          flex: 1;
+          overflow: hidden;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+  }
+  .sider-mask {
+    position: fixed;
+    z-index: 98;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+  .slice-btn {
+    color: var(--primary);
+    cursor: pointer;
+    position: relative;
+    top: 4px;
+  }
+}

package/es/Config/index.js

@@ -1,5 +1,5 @@
 import produce from 'immer';
-import { insertThemeStyle, lock } from './utils';
+import { insertThemeStyle, lock } from "./utils";
 var Config = {
   app: produce({}, function () {}),
   bs: produce({}, function () {}),
@@ -21,6 +21,7 @@ var Config = {
         var index = draft.findIndex(function (v) {
           return v === id;
         });
+
         if (index === -1) {
           draft.push(id);
         } else {
@@ -44,6 +45,7 @@ var Config = {
         var index = draft.findIndex(function (v) {
           return v.id === item.id;
         });
+
         if (index === -1) {
           draft.push(item);
         } else {
@@ -65,6 +67,7 @@ var Config = {
     return getComputedStyle(document.querySelector(':root')).getPropertyValue("--".concat(themeKey));
   }
 };
+
 var LMConfig = function () {
   if (window['_CONFIG_']) {
     return window['_CONFIG_'];
@@ -74,4 +77,5 @@ var LMConfig = function () {
     return Config;
   }
 }();
+
 export default LMConfig;

package/es/Config/utils.js

@@ -1,26 +1,41 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var style = document.createElement('style');
 var isInit = false;
 export function insertThemeStyle(options) {
   var _ref;
+
   var tplStr = ':root{<content>}';
+
   var attrArr = (_ref = []).concat.apply(_ref, _toConsumableArray(Object.values(options.vars)));
+
   style.innerHTML = tplStr.replace('<content>', attrArr.reduce(function (a, b) {
     var _b$split = b.split(':'),
-      _b$split2 = _slicedToArray(_b$split, 2),
-      key = _b$split2[0],
-      value = _b$split2[1];
+        _b$split2 = _slicedToArray(_b$split, 2),
+        key = _b$split2[0],
+        value = _b$split2[1];
+
     return a + "--".concat(key, ":").concat(value, ";\n");
   }, ''));
+
   if (!isInit) {
     isInit = true;
     document.head.appendChild(style);

package/es/ConfigContext/index.js

@@ -1,17 +1,21 @@
 import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 var Context = /*#__PURE__*/React.createContext(null);
+
 function Provider(_ref) {
   var getContainer = _ref.getContainer,
-    children = _ref.children;
+      children = _ref.children;
   var root = useMemo(function () {
     return getContainer();
   }, [getContainer]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
+  return /*#__PURE__*/_jsx(Context.Provider, {
     value: {
       root: root
-    }
-  }, children);
+    },
+    children: children
+  });
 }
+
 Provider.defaultProps = {
   getContainer: function getContainer() {
     return document.body;

package/es/CustomRenderSelect/index.js

@@ -3,67 +3,102 @@ import _Select from "antd/lib/select";
 import _useClickAway from "ahooks/es/useClickAway";
 import _useToggle3 from "ahooks/es/useToggle";
 import _uuid from "@cloud-app-dev/utils/es/uuid";
+var _excluded = ["children", "value", "customRender", "popupClassName", "getPopupContainer", "onChange", "selectAotoClose"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { __rest } from "tslib";
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useMemo, useRef } from 'react';
-import "./index.css";
-function CustomRenderSelect(_a) {
-  var children = _a.children,
-    value = _a.value,
-    customRender = _a.customRender,
-    popupClassName = _a.popupClassName,
-    getPopupContainer = _a.getPopupContainer,
-    onChange = _a.onChange,
-    _a$selectAotoClose = _a.selectAotoClose,
-    selectAotoClose = _a$selectAotoClose === void 0 ? true : _a$selectAotoClose,
-    props = __rest(_a, ["children", "value", "customRender", "popupClassName", "getPopupContainer", "onChange", "selectAotoClose"]);
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+function CustomRenderSelect(_ref) {
+  var children = _ref.children,
+      value = _ref.value,
+      customRender = _ref.customRender,
+      popupClassName = _ref.popupClassName,
+      getPopupContainer = _ref.getPopupContainer,
+      onChange = _ref.onChange,
+      _ref$selectAotoClose = _ref.selectAotoClose,
+      selectAotoClose = _ref$selectAotoClose === void 0 ? true : _ref$selectAotoClose,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var classname = useMemo(function () {
     return "custom-render-select-dropdown-".concat(_uuid());
   }, []);
   var domRef = useRef(null);
+
   var _useToggle = _useToggle3(),
-    _useToggle2 = _slicedToArray(_useToggle, 2),
-    open = _useToggle2[0],
-    _useToggle2$ = _useToggle2[1],
-    toggle = _useToggle2$.toggle,
-    set = _useToggle2$.set;
+      _useToggle2 = _slicedToArray(_useToggle, 2),
+      open = _useToggle2[0],
+      _useToggle2$ = _useToggle2[1],
+      toggle = _useToggle2$.toggle,
+      set = _useToggle2$.set;
+
   var getDoms = useMemo(function () {
     return [function () {
-      return domRef.current.querySelector('.custom-render-box');
+      var _domRef$current;
+
+      return (_domRef$current = domRef.current) === null || _domRef$current === void 0 ? void 0 : _domRef$current.querySelector('.custom-render-box');
     }, function () {
       return document.querySelector(".".concat(classname));
     }];
-  }, []);
+  }, [classname]);
+
   _useClickAway(function () {
     return set(false);
   }, getDoms, ['click']);
+
   var onSelectChange = function onSelectChange(v) {
-    onChange && onChange(v);
+    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+
     if (selectAotoClose) {
       set(false);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+
+  return /*#__PURE__*/_jsxs("div", {
     className: "custom-render-select",
-    ref: domRef
-  }, /*#__PURE__*/React.createElement(_Select, Object.assign({}, props, {
-    value: value,
-    popupClassName: "custom-render-select-dropdown ".concat(classname, " ").concat(popupClassName),
-    getPopupContainer: getPopupContainer ? getPopupContainer : function () {
-      return domRef.current.parentElement.parentElement;
-    },
-    open: open,
-    onChange: onSelectChange
-  }), children), /*#__PURE__*/React.createElement("div", {
-    className: "custom-render-box",
-    onClick: toggle
-  }, customRender(value)), /*#__PURE__*/React.createElement("div", {
-    className: "popup-container"
-  }));
+    ref: domRef,
+    children: [/*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread({}, props), {}, {
+      value: value,
+      popupClassName: "custom-render-select-dropdown ".concat(classname, " ").concat(popupClassName),
+      getPopupContainer: getPopupContainer ? getPopupContainer : function () {
+        var _domRef$current$paren, _domRef$current2, _domRef$current2$pare;
+
+        return (_domRef$current$paren = (_domRef$current2 = domRef.current) === null || _domRef$current2 === void 0 ? void 0 : (_domRef$current2$pare = _domRef$current2.parentElement) === null || _domRef$current2$pare === void 0 ? void 0 : _domRef$current2$pare.parentElement) !== null && _domRef$current$paren !== void 0 ? _domRef$current$paren : document.body;
+      },
+      open: open,
+      onChange: onSelectChange,
+      children: children
+    })), /*#__PURE__*/_jsx("div", {
+      className: "custom-render-box",
+      onClick: toggle,
+      children: customRender(value)
+    }), /*#__PURE__*/_jsx("div", {
+      className: "popup-container"
+    })]
+  });
 }
+
 export default CustomRenderSelect;

package/es/CustomRenderSelect/index.less

@@ -0,0 +1,25 @@
+.custom-render-select {
+  display: inline-block;
+  position: relative;
+  width: max-content;
+  overflow: hidden;
+  .custom-render-box {
+    display: inline-block;
+    position: relative;
+    z-index: 22;
+    &:hover{
+      
+    }
+  }
+  .@{ant-prefix}-select{
+    position: absolute;
+    width: max-content;
+    height: 100%;
+    left: 50%;
+    top:50%;
+    opacity: 0;
+    transform: translate(-50%,-50%);
+    
+  }
+ 
+}

package/es/DisableMark/index.js

@@ -1,19 +1,22 @@
 import React from 'react';
-import "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function DisableMark(_ref) {
   var children = _ref.children,
-    disabled = _ref.disabled,
-    width = _ref.width;
-  return /*#__PURE__*/React.createElement("div", {
+      disabled = _ref.disabled,
+      width = _ref.width;
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%',
       height: 'max-content',
       position: 'relative'
-    }
-  }, disabled ? /*#__PURE__*/React.createElement("div", {
-    className: "disable-mark",
-    style: {
-      width: width
-    }
-  }) : null, children);
+    },
+    children: [disabled ? /*#__PURE__*/_jsx("div", {
+      className: "disable-mark",
+      style: {
+        width: width
+      }
+    }) : null, children]
+  });
 }

package/es/DomMove/demo.js

@@ -1,16 +1,20 @@
 import React from 'react';
-import DomMove from './index';
+import DomMove from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function App() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       width: 800,
       height: 800
-    }
-  }, /*#__PURE__*/React.createElement(DomMove, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 30,
-      height: 30,
-      background: 'red'
-    }
-  })));
+    },
+    children: /*#__PURE__*/_jsx(DomMove, {
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 30,
+          height: 30,
+          background: 'red'
+        }
+      })
+    })
+  });
 }