@sheinx/base 3.6.0-beta.19 → 3.6.0-beta.20

package/cjs/animation-list/animation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CAyP/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA8P/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/animation-list/animation-list.js

@@ -84,6 +84,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.indexOf('scale-y') >= 0) {
       transition.push("transform ".concat(durationNum, "ms ease-in-out"));
+      transition.push("opacity ".concat(durationNum, "ms ease-in-out"));
     }
     if (type.indexOf('collapse') >= 0) {
       transition.push("height ".concat(durationNum, "ms ease-in-out"));
@@ -132,6 +133,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -149,6 +151,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -180,6 +183,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -198,6 +202,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);

package/cjs/date-picker/date-picker.js

@@ -294,7 +294,7 @@ var DatePicker = function DatePicker(props0) {
         onRef: popupRef,
         className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
         display: 'block',
-        type: 'fade',
+        type: 'scale-y',
         duration: 'fast',
         show: open,
         onMouseDown: preventDefault,

package/cjs/table/thead-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead-filter.d.ts","sourceRoot":"","sources":["thead-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAOlG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8B5C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAC/F,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC/B,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA8HnD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA2EnD,CAAC"}
+{"version":3,"file":"thead-filter.d.ts","sourceRoot":"","sources":["thead-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAOlG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8B5C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAC/F,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC/B,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA8HnD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CAuFnD,CAAC"}

package/cjs/table/thead-filter.js

@@ -199,6 +199,7 @@ var FilterSearch = exports.FilterSearch = function FilterSearch(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     tempValue = _useState8[0],
     setTempValue = _useState8[1];
+  var inputRef = (0, _react.useRef)(null);
   var onReset = function onReset() {
     setTempValue(undefined);
     props.onFilterChange(props.columnKey, undefined);
@@ -213,6 +214,15 @@ var FilterSearch = exports.FilterSearch = function FilterSearch(props) {
     if (!visible) {
       props.onFilterChange(props.columnKey, tempValue);
     }
+
+    // 打开时自动focus input
+    if (visible) {
+      setTimeout(function () {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }, 100);
+    }
     setPopoverVisible(visible);
   };
   var currentFilter = (_props$filterInfo2 = props.filterInfo) === null || _props$filterInfo2 === void 0 ? void 0 : _props$filterInfo2.get(props.columnKey);
@@ -252,7 +262,8 @@ var FilterSearch = exports.FilterSearch = function FilterSearch(props) {
             }),
             value: tempValue,
             onChange: setTempValue,
-            onEnterPress: onConfirm
+            onEnterPress: onConfirm,
+            forwardRef: inputRef
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FilterFooter, {
           jssStyle: props.jssStyle,

package/esm/animation-list/animation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CAyP/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAe3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA8P/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/animation-list/animation-list.js

@@ -76,6 +76,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.indexOf('scale-y') >= 0) {
       transition.push("transform ".concat(durationNum, "ms ease-in-out"));
+      transition.push("opacity ".concat(durationNum, "ms ease-in-out"));
     }
     if (type.indexOf('collapse') >= 0) {
       transition.push("height ".concat(durationNum, "ms ease-in-out"));
@@ -124,6 +125,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -141,6 +143,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -172,6 +175,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(1)';
+      newStyle.opacity = 1;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -190,6 +194,7 @@ var AnimationList = function AnimationList(props) {
     }
     if (type.includes('scale-y')) {
       newStyle.transform = 'scaleY(0)';
+      newStyle.opacity = 0;
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);

package/esm/date-picker/date-picker.js

@@ -287,7 +287,7 @@ var DatePicker = function DatePicker(props0) {
         onRef: popupRef,
         className: classNames(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
         display: 'block',
-        type: 'fade',
+        type: 'scale-y',
         duration: 'fast',
         show: open,
         onMouseDown: preventDefault,

package/esm/table/thead-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead-filter.d.ts","sourceRoot":"","sources":["thead-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAOlG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8B5C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAC/F,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC/B,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA8HnD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA2EnD,CAAC"}
+{"version":3,"file":"thead-filter.d.ts","sourceRoot":"","sources":["thead-filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAOlG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8B5C,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAC/F,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC/B,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CA8HnD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,gBAAgB,4CAuFnD,CAAC"}

package/esm/table/thead-filter.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { useFilter, util } from '@sheinx/hooks';
 import Icons from "../icons";
@@ -191,6 +191,7 @@ export var FilterSearch = function FilterSearch(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     tempValue = _useState8[0],
     setTempValue = _useState8[1];
+  var inputRef = useRef(null);
   var onReset = function onReset() {
     setTempValue(undefined);
     props.onFilterChange(props.columnKey, undefined);
@@ -205,6 +206,15 @@ export var FilterSearch = function FilterSearch(props) {
     if (!visible) {
       props.onFilterChange(props.columnKey, tempValue);
     }
+
+    // 打开时自动focus input
+    if (visible) {
+      setTimeout(function () {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      }, 100);
+    }
     setPopoverVisible(visible);
   };
   var currentFilter = (_props$filterInfo2 = props.filterInfo) === null || _props$filterInfo2 === void 0 ? void 0 : _props$filterInfo2.get(props.columnKey);
@@ -244,7 +254,8 @@ export var FilterSearch = function FilterSearch(props) {
             }),
             value: tempValue,
             onChange: setTempValue,
-            onEnterPress: onConfirm
+            onEnterPress: onConfirm,
+            forwardRef: inputRef
           })
         }), /*#__PURE__*/_jsx(FilterFooter, {
           jssStyle: props.jssStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.6.0-beta.19",
+  "version": "3.6.0-beta.20",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.6.0-beta.19",
+    "@sheinx/hooks": "3.6.0-beta.20",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"