es-grid-template 1.3.2 → 1.3.4

package/lib/grid-component/number-range/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNumericComponent = require("react-numeric-component");
 var _rcMasterUi = require("rc-master-ui");
+var _hooks = require("../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const NumberRange = props => {
@@ -14,6 +15,7 @@ const NumberRange = props => {
     t,
     max,
     min,
+    format,
     onChange
   } = props;
   const values = _react.default.useMemo(() => [min, max], [min, max]);
@@ -25,43 +27,45 @@ const NumberRange = props => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: '',
     style: {
-      display: 'flex'
+      display: 'flex',
+      alignItems: 'center',
+      columnGap: 5
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginBottom: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
     value: values[0] ?? ''
     // value={min}
-    // thousandSeparator={checkThousandSeparator(thousandSeparator, decimalSeparator)}
-    // decimalSeparator={checkDecimalSeparator(thousandSeparator, decimalSeparator)}
     ,
+    thousandSeparator: (0, _hooks.checkThousandSeparator)(format?.thousandSeparator, format?.decimalSeparator),
+    decimalSeparator: (0, _hooks.checkDecimalSeparator)(format?.thousandSeparator, format?.decimalSeparator),
     allowNegative: true,
     customInput: _rcMasterUi.Input,
-    className: ' rounded-0 input-element form-control',
+    className: ' rounded-0 input-element',
     onValueChange: vals => {
       // onChangeValueFilter(type, values.floatValue, 'min')
 
       // setValues([vals.floatValue, values[1]])
       onChange?.([vals.floatValue, max]);
-    },
-    placeholder: t ? t('Min') : 'Min',
+    }
+    // placeholder={t ? t('Min') : 'Min'}
+    ,
+    placeholder: t ? t('From') : 'From',
     autoFocus: true
-  })), /*#__PURE__*/_react.default.createElement("span", null, "-"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
+  })), /*#__PURE__*/_react.default.createElement("span", null, " - "), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
     value: values[1] ?? ''
     // value={max}
-    // thousandSeparator={checkThousandSeparator(thousandSeparator, decimalSeparator)}
-    // decimalSeparator={checkDecimalSeparator(thousandSeparator, decimalSeparator)}
     ,
+    thousandSeparator: (0, _hooks.checkThousandSeparator)(format?.thousandSeparator, format?.decimalSeparator),
+    decimalSeparator: (0, _hooks.checkDecimalSeparator)(format?.thousandSeparator, format?.decimalSeparator),
     allowNegative: true,
     customInput: _rcMasterUi.Input,
-    className: ' rounded-0 input-element form-control',
+    className: ' rounded-0 input-element',
     onValueChange: vals => {
       // setValues([values[0], vals.floatValue])
       onChange?.([min, vals.floatValue]);
-    },
-    placeholder: t ? t('Max') : 'Max'
+    }
+    // placeholder={t ? t('Max') : 'Max'}
+    ,
+    placeholder: t ? t('To') : 'To'
   }))));
 };
 var _default = exports.default = NumberRange;

package/lib/grid-component/styles.scss

@@ -26,6 +26,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
 .popup-context-menu {
   min-width: 200px;
+
+}
+.ant-dropdown-menu.popup-context-menu {
+  .ant-dropdown-menu-submenu {
+    .ant-dropdown-menu-submenu-title {
+      align-items: center;
+    }
+  }
 }
 
 // -------------- Table -------------
@@ -239,6 +247,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       .#{$prefix}-table-column-title {
         //display: flex;
       }
+
+      &.head-align-center {
+        text-align: center;
+      }
+      &.head-align-right {
+        text-align: right;
+      }
     }
   }