shineout 3.3.4 → 3.3.6-beta.1

package/cjs/index.js

@@ -476,5 +476,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.3.4'
+  version: '3.3.6-beta.1'
 };

package/dist/shineout.js

@@ -11968,7 +11968,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.3.4');
+/* harmony default export */ var version = ('3.3.6-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13287,6 +13287,8 @@ var datePickerTokens = {
   datePickerQuickPanelItemFontSize: 'Font-12',
   datePickerQuickPanelItemPaddingX: 'Spacing-12',
   datePickerQuickPanelItemPaddingY: 'Spacing-2',
+  datePickerQuickPanelItemActiveBackgroundColor: 'Brand-1',
+  datePickerQuickPanelItemActiveFontColor: 'Brand-6',
   datePickerQuickPanelItemHoverBackgroundColor: 'Neutral-fill-2'
 };
 /* harmony default export */ var date_picker = (datePickerTokens);
@@ -17906,6 +17908,10 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
       cursor: 'pointer'
     }
   },
+  quickPickerActiveItem: {
+    color: src.datePickerQuickPanelItemActiveFontColor,
+    background: src.datePickerQuickPanelItemActiveBackgroundColor
+  },
   pickerFooterBtn: {}
 });
 /* harmony default export */ var date_picker_date_picker = (datePickerStyle);
@@ -24444,7 +24450,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
         content: '""',
         position: 'absolute',
         top: 0,
-        bottom: 0,
+        bottom: -1,
         width: '5px'
       },
       '&[dir=ltr]::after': {
@@ -25326,7 +25332,7 @@ var tabsStyle = {
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
   headerScroll: {
-    transition: 'all .15s ease-out'
+    transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
   },
   header: {
     flex: 1,
@@ -28205,6 +28211,9 @@ var isLink = function isLink(el) {
   }
   return false;
 };
+function isNamedComponent(type) {
+  return (is_isObject(type) || isFunc(type)) && type.hasOwnProperty('displayName');
+}
 var isMacOS = function isMacOS() {
   return is_isBrowser() && /macintosh|mac os x/i.test(navigator.userAgent);
 };
@@ -40168,11 +40177,12 @@ function clearHMS(date, options) {
 function compareDateArray(arr1, arr2) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'date';
   var options = arguments.length > 3 ? arguments[3] : undefined;
+  var fmt = arguments.length > 4 ? arguments[4] : undefined;
   if (!arr1 || !arr2 || arr1.length !== arr2.length) return false;
   return arr1.every(function (v, i) {
     if (!v || !arr2[i]) return false;
     if (type === 'week') return format(v, 'gggg ww', options) === format(arr2[i], 'gggg ww', options);
-    return v.getTime() === arr2[i].getTime();
+    return toDateWithFormat(v, fmt).getTime() === toDateWithFormat(arr2[i], fmt).getTime();
   });
 }
 function getFormat(fo) {
@@ -41061,6 +41071,8 @@ var Time = function Time(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: props.jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
@@ -41234,12 +41246,16 @@ var Day = function Day(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
         children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
           children: getLocale(locale, 'now')
         }), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
           size: 'small',
+          mode: "text",
+          type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
@@ -42032,10 +42048,15 @@ var Quick = function Quick(props) {
     quickSelect = props.quickSelect,
     format = props.format,
     options = props.options,
-    children = props.children;
+    children = props.children,
+    type = props.type;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
-  var handleClick = function handleClick(item) {
+  var quickDateCache = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  var quickActiveKey = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  var handleClick = function handleClick(item, index) {
     var itemV = isFunc(item.value) ? item.value() : item.value;
+    quickDateCache.current = itemV;
+    quickActiveKey.current = index;
     if (!isArray(itemV)) {
       itemV = [itemV];
     }
@@ -42051,13 +42072,23 @@ var Quick = function Quick(props) {
   if (!(quickSelect !== null && quickSelect !== void 0 && quickSelect.length)) {
     return children || null;
   }
+  var compareDate = function compareDate(index) {
+    if (!quickDateCache.current) return false;
+    if (index !== quickActiveKey.current) return false;
+    var currentArr = quickDateCache.current;
+    if (!isArray(currentArr)) {
+      currentArr = [currentArr];
+    }
+    return util.compareDateArray(currentArr, props.dateArr, type, options, format);
+  };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.quickPicker, styles === null || styles === void 0 ? void 0 : styles.picker),
     children: quickSelect === null || quickSelect === void 0 ? void 0 : quickSelect.map(function (item, index) {
+      var isActive = compareDate(index);
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: styles === null || styles === void 0 ? void 0 : styles.quickPickerItem,
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.quickPickerItem, isActive && (styles === null || styles === void 0 ? void 0 : styles.quickPickerActiveItem)),
         onClick: function onClick() {
-          handleClick(item);
+          handleClick(item, index);
         },
         children: item.name
       }, index);
@@ -42295,7 +42326,8 @@ var Picker = function Picker(props) {
     dateArr = props.dateArr,
     options = props.options,
     jssStyle = props.jssStyle,
-    isDisabledDate = props.isDisabledDate;
+    isDisabledDate = props.isDisabledDate,
+    type = props.type;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var _useDatePickerRange = use_datepicker_range({
       type: props.type,
@@ -42408,6 +42440,7 @@ var Picker = function Picker(props) {
       range: props.range,
       jssStyle: jssStyle,
       dateArr: dateArr,
+      type: type,
       setDateArr: props.setDateArr,
       setCurrentArr: props.setCurrentArr,
       format: props.format,
@@ -58202,7 +58235,8 @@ var tabs_excluded = ["jssStyle", "align", "children", "shape", "position", "lazy
 
 var tabs_isEmpty = is_isEmpty,
   tabs_isObject = is_isObject,
-  tabs_isNumber = isNumber;
+  tabs_isNumber = isNumber,
+  tabs_isNamedComponent = isNamedComponent;
 var Tabs = function Tabs(props) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
@@ -58333,10 +58367,13 @@ var Tabs = function Tabs(props) {
       style: panelStyle,
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).map(function (child, index) {
         var Chlid = child;
-        return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
-          id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-          active: active
-        });
+        if (tabs_isNamedComponent(Chlid.type) && Chlid.type.displayName === 'ShineoutTabsPanel') {
+          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
+            id: Chlid.props.id !== undefined ? Chlid.props.id : index,
+            active: active
+          });
+        }
+        return null;
       })
     });
   };
@@ -58345,6 +58382,7 @@ var Tabs = function Tabs(props) {
     var border = getSplitColor();
     external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).forEach(function (child, index) {
       var Chlid = child;
+      if (!Chlid || !Chlid.type) return;
       var childBorder = Chlid.props.splitColor || Chlid.props.border;
       var _Chlid$props$id = Chlid.props.id,
         id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
@@ -63713,7 +63751,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.4'
+  version: '3.3.6-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;