gxxc-ui 1.0.33 → 1.0.35

package/dist/DateUI/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "value", "onChange", "format", "showRange", "presets"];
+var _excluded = ["className", "value", "onChange", "format", "showRange", "presets", "textAlign"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -14,7 +14,7 @@ import zhCN from 'antd/locale/zh_CN';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import "./index.scss";
 dayjs.extend(quarterOfYear);
 dayjs.locale('zh-cn');
@@ -64,7 +64,10 @@ var DateUI = function DateUI(props) {
     _props$showRange = props.showRange,
     showRange = _props$showRange === void 0 ? false : _props$showRange,
     presets = props.presets,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
     otherProps = _objectWithoutProperties(props, _excluded);
+  var ref = useRef(null);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     newPresets = _useState2[0],
@@ -72,6 +75,8 @@ var DateUI = function DateUI(props) {
 
   /// 验证 presets 数据
   useEffect(function () {
+    var _ref$current;
+    (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current = _ref$current.nativeElement) === null || _ref$current === void 0 || _ref$current.style.setProperty("--sic-date-text-align", textAlign);
     var list = presets !== null && presets !== void 0 ? presets : DefaultPresets;
     if (props.disabledDate) {
       list = list.filter(function (item) {
@@ -132,13 +137,15 @@ var DateUI = function DateUI(props) {
   return /*#__PURE__*/React.createElement(ConfigProvider, {
     locale: zhCN
   }, showRange ? /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+    ref: ref,
     className: "sic-dateui ".concat(className !== null && className !== void 0 ? className : ''),
     separator: '至',
     value: realValue,
     onChange: changeDate,
     presets: newPresets
   }, otherProps)) : /*#__PURE__*/React.createElement(DatePicker, _extends({
-    className: "sic-dateui ".concat(className !== null && className !== void 0 ? className : ''),
+    ref: ref,
+    className: "sic-dateui sic-dateui-one ".concat(className !== null && className !== void 0 ? className : ''),
     value: realValue,
     onChange: changeDate
   }, otherProps)));

package/dist/DateUI/index.scss

@@ -1,3 +1,14 @@
 .ant-picker-presets ul li {
   text-align: right;
 }
+
+$textAlign: var(--sic-date-text-align, center);
+.sic-dateui-one {
+  .ant-picker-input input{
+    text-align: $textAlign;
+  }
+  .ant-picker-input input:placeholder-shown{
+    text-align: $textAlign;
+  }
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gxxc-ui",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",