shineout 3.2.2 → 3.2.3

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.
package/cjs/index.js CHANGED
@@ -476,5 +476,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
476
476
  // 此文件由脚本自动生成,请勿直接修改。
477
477
  // This file was generated automatically by a script. Please do not modify it directly.
478
478
  var _default = exports.default = {
479
- version: '3.2.2'
479
+ version: '3.2.3'
480
480
  };
package/dist/shineout.js CHANGED
@@ -11960,7 +11960,7 @@ var handleStyle = function handleStyle(style) {
11960
11960
  };
11961
11961
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
11962
11962
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
11963
- /* harmony default export */ var version = ('3.2.2');
11963
+ /* harmony default export */ var version = ('3.2.3');
11964
11964
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
11965
11965
 
11966
11966
 
@@ -16137,7 +16137,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
16137
16137
  }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
16138
16138
  backgroundColor: token.hoverBackgroundColor
16139
16139
  }),
16140
- '[data-soui-role="input-group"] &': {
16140
+ '[data-soui-role="input-group"] &&&, [data-soui-role="input-group"] &&&:hover': {
16141
16141
  borderWidth: 0,
16142
16142
  borderRadius: 0,
16143
16143
  boxShadow: 'none',
@@ -17691,6 +17691,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
17691
17691
  visibility: 'visible'
17692
17692
  }
17693
17693
  },
17694
+ datetimeHide: {
17695
+ opacity: '0',
17696
+ pointerEvents: 'none'
17697
+ },
17694
17698
  quickPicker: {
17695
17699
  padding: "".concat(src.datePickerQuickPanelPaddingY, " ").concat(src.datePickerQuickPanelPaddingX),
17696
17700
  display: 'flex',
@@ -39749,6 +39753,19 @@ function formatted(date, fmt, options) {
39749
39753
  function getStartYear(date, options) {
39750
39754
  return Math.floor(getDateInfo(date, 'year', options) / 10) * 10;
39751
39755
  }
39756
+
39757
+ // 如果有 value 取 value 的 time 否则取 defaultTime
39758
+ var getDateWithTime = function getDateWithTime(date, value, defaultTime, min, max, options) {
39759
+ var timeDate = value || defaultTime && cloneTime(date, defaultTime, TIME_FORMAT, options);
39760
+ var newDate = util_toDate(date);
39761
+ if (timeDate) {
39762
+ newDate = setTime(newDate, timeDate, options);
39763
+ }
39764
+ // only can select day with the same day of min/max
39765
+ if (min && compareAsc(newDate, min) < 0) newDate = setTime(newDate, min, options);
39766
+ if (max && compareAsc(newDate, max) > 0) newDate = setTime(newDate, max, options);
39767
+ return newDate;
39768
+ };
39752
39769
  /* harmony default export */ var util = ({
39753
39770
  clearHMS: clearHMS,
39754
39771
  addDays: addDays,
@@ -39785,7 +39802,8 @@ function getStartYear(date, options) {
39785
39802
  compatibleFmt: compatibleFmt,
39786
39803
  transDateWithZone: transDateWithZone,
39787
39804
  getStartYear: getStartYear,
39788
- isValidString: isValidString
39805
+ isValidString: isValidString,
39806
+ getDateWithTime: getDateWithTime
39789
39807
  });
39790
39808
  ;// CONCATENATED MODULE: ../hooks/src/components/use-datepicker/use-datepicker-format.ts
39791
39809
 
@@ -39916,6 +39934,7 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
39916
39934
  });
39917
39935
  var setCurrentArrWithParams = usePersistFn(function (arg, type, quick) {
39918
39936
  setCurrentArr(arg);
39937
+ if (!type && !quick) return;
39919
39938
  setParams({
39920
39939
  type: type,
39921
39940
  quick: quick
@@ -40175,17 +40194,7 @@ var useDate = function useDate(props) {
40175
40194
  return util.getDateInfo(date, 'week', options);
40176
40195
  };
40177
40196
  var getDateWithTime = function getDateWithTime(date) {
40178
- var min = props.min,
40179
- max = props.max;
40180
- var timeDate = props.value || props.defaultTime && util.cloneTime(date, props.defaultTime, util.TIME_FORMAT, options);
40181
- var newDate = util.toDate(date);
40182
- if (timeDate) {
40183
- newDate = util.setTime(newDate, timeDate, options);
40184
- }
40185
- // only can select day with the same day of min/max
40186
- if (min && util.compareAsc(newDate, min) < 0) newDate = util.setTime(newDate, min, options);
40187
- if (max && util.compareAsc(newDate, max) > 0) newDate = util.setTime(newDate, max, options);
40188
- return newDate;
40197
+ return util.getDateWithTime(date, props.value, props.defaultTime, props.min, props.max, options);
40189
40198
  };
40190
40199
  var handleDayClick = function handleDayClick(date) {
40191
40200
  var _props$onChange;
@@ -40763,8 +40772,8 @@ var Day = function Day(props) {
40763
40772
  className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
40764
40773
  dir: direction,
40765
40774
  children: [props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
40766
- className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterLeft, styles === null || styles === void 0 ? void 0 : styles.datetime),
40767
- children: timeStr && /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
40775
+ className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterLeft, styles === null || styles === void 0 ? void 0 : styles.datetime, !timeStr && (styles === null || styles === void 0 ? void 0 : styles.datetimeHide)),
40776
+ children: /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
40768
40777
  children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
40769
40778
  children: icons_config.datepicker.Time
40770
40779
  }), /*#__PURE__*/(0,jsx_runtime.jsx)(time, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -40772,7 +40781,7 @@ var Day = function Day(props) {
40772
40781
  showTitle: false,
40773
40782
  format: format
40774
40783
  })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
40775
- children: func.getTimeStr()
40784
+ children: timeStr
40776
40785
  })]
40777
40786
  })
40778
40787
  }), showRight && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -41645,7 +41654,7 @@ var useRangePick = function useRangePick(props) {
41645
41654
  newArr[1] = rangeMax;
41646
41655
  }
41647
41656
  } else if (date.getTime() > newArr[1].getTime()) {
41648
- var a = util.cloneTime(new Date(date), defaultTimeArr[1], 'HH:mm:ss', options);
41657
+ var a = util.cloneTime(new Date(date), arr[1] || defaultTimeArr[1], 'HH:mm:ss', options);
41649
41658
  newArr[1] = a.getTime() > date.getTime() ? a : new Date(date);
41650
41659
  }
41651
41660
  }
@@ -41713,6 +41722,14 @@ var useRangePick = function useRangePick(props) {
41713
41722
  var setTargetStart = usePersistFn(function (date) {
41714
41723
  setTargetArr([date, undefined]);
41715
41724
  });
41725
+ var getStartDobule = usePersistFn(function (date) {
41726
+ var end = util.getDateWithTime(date, props.dateArr[1], defaultTimeArr[1], endMin, endMax, options);
41727
+ return end;
41728
+ });
41729
+ var getEndDobule = usePersistFn(function (date) {
41730
+ var start = util.getDateWithTime(date, props.dateArr[1], defaultTimeArr[1], startMin, startMax, options);
41731
+ return start;
41732
+ });
41716
41733
  var setTargetEnd = usePersistFn(function (date) {
41717
41734
  setTargetArr([undefined, date]);
41718
41735
  });
@@ -41769,7 +41786,9 @@ var useRangePick = function useRangePick(props) {
41769
41786
  setTargetStart: setTargetStart,
41770
41787
  setTargetEnd: setTargetEnd,
41771
41788
  startDisabled: startDisabled,
41772
- endDisabled: endDisabled
41789
+ endDisabled: endDisabled,
41790
+ getStartDobule: getStartDobule,
41791
+ getEndDobule: getEndDobule
41773
41792
  });
41774
41793
  var minDate = min ? util.toDate(min, options) : undefined;
41775
41794
  var maxDate = max ? util.toDate(max, options) : undefined;
@@ -41913,12 +41932,18 @@ var Picker = function Picker(props) {
41913
41932
  onDoubleClick: function onDoubleClick(item, type) {
41914
41933
  // 双击同时设置开始和结束日期
41915
41934
  if (props.range && props.type === 'datetime') {
41916
- if (position === 'start' && !isDisabledDate(item, 'end')) {
41917
- func.setCurrentEnd(item, type);
41918
- func.setDateEnd(item, true);
41919
- } else if (!isDisabledDate(item, 'start')) {
41920
- func.setCurrentStart(item, type);
41921
- func.setDateStart(item, true);
41935
+ if (position === 'start') {
41936
+ var end = func.getStartDobule(item);
41937
+ if (!isDisabledDate(end, 'end')) {
41938
+ func.setCurrentEnd(end, type);
41939
+ func.setDateEnd(end, true);
41940
+ }
41941
+ } else if (position === 'end') {
41942
+ var start = func.getEndDobule(item);
41943
+ if (!isDisabledDate(start, 'start')) {
41944
+ func.setCurrentStart(start, type);
41945
+ func.setDateStart(start, true);
41946
+ }
41922
41947
  }
41923
41948
  }
41924
41949
  }
@@ -42764,12 +42789,14 @@ var Modal = function Modal(props) {
42764
42789
  defaultHeight: height,
42765
42790
  panelRef: panelRef
42766
42791
  });
42792
+ var rerender = useRender();
42767
42793
  var handleMaskVisible = function handleMaskVisible() {
42768
42794
  // 多个moal 只有第一个显示的时候才显示遮罩
42769
42795
  // context.isMask 用来判断是否是第一个显示的modal
42770
42796
  if (visible && !hasMask) {
42771
42797
  context.isMask = true;
42772
42798
  hasMask = true;
42799
+ rerender();
42773
42800
  }
42774
42801
  };
42775
42802
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(handleMaskVisible, [visible]);
@@ -48971,7 +48998,7 @@ var Tree = function Tree(props) {
48971
48998
  handleUpdateExpanded(expanded);
48972
48999
  }, [expanded]);
48973
49000
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
48974
- if (!active) return;
49001
+ // if (!active) return;
48975
49002
  handleUpdateActive(active);
48976
49003
  }, [active]);
48977
49004
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -50581,6 +50608,7 @@ var PaginationSimple = function PaginationSimple(props) {
50581
50608
 
50582
50609
 
50583
50610
 
50611
+
50584
50612
  var usePagination = function usePagination(props) {
50585
50613
  var totalProp = props.total,
50586
50614
  pageSizeProp = props.pageSize,
@@ -50601,14 +50629,15 @@ var usePagination = function usePagination(props) {
50601
50629
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
50602
50630
  if (pageSizeProp !== pageSize) setPageSize(pageSizeProp);
50603
50631
  }, [pageSizeProp]);
50604
- var handleChange = function handleChange(current, size) {
50605
- setCurrent(current);
50632
+ var handleChange = usePersistFn(function (c, size) {
50633
+ if (c === current && size === undefined) return;
50634
+ setCurrent(c);
50606
50635
  setPageSize(size || pageSizeProp);
50607
50636
  if (onChange) {
50608
- var sizeChange = pageSize !== size;
50609
- onChange(current, size || pageSize, sizeChange);
50637
+ var sizeChange = size !== undefined && pageSize !== size;
50638
+ onChange(c, size || pageSize, sizeChange);
50610
50639
  }
50611
- };
50640
+ });
50612
50641
  var getRootProps = function getRootProps() {
50613
50642
  var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
50614
50643
  var externalEventHandlers = extractEventHandlers(externalProps);
@@ -59412,7 +59441,7 @@ var TreeSelect = function TreeSelect(props0) {
59412
59441
  keygen: keygen,
59413
59442
  unmatch: unmatch,
59414
59443
  value: value,
59415
- highlight: true,
59444
+ highlight: !multiple,
59416
59445
  loader: loader,
59417
59446
  onExpand: onExpandTree,
59418
59447
  expanded: controlExpanded,
@@ -63048,7 +63077,7 @@ var upload_interface = __webpack_require__(4412);
63048
63077
 
63049
63078
 
63050
63079
  /* harmony default export */ var src_0 = ({
63051
- version: '3.2.2'
63080
+ version: '3.2.3'
63052
63081
  });
63053
63082
  }();
63054
63083
  /******/ return __webpack_exports__;