shineout 3.4.4-beta.9 → 3.4.5-beta.1

package/cjs/index.js

@@ -492,5 +492,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.4.4-beta.9'
+  version: '3.4.5-beta.1'
 };

package/cjs/list/list.js

@@ -23,7 +23,8 @@ var jssStyle = {
   checkbox: _shineoutStyle.useCheckboxStyle,
   empty: _shineoutStyle.useEmptyStyle,
   spin: _shineoutStyle.useSpinStyle,
-  image: _shineoutStyle.useImageStyle
+  image: _shineoutStyle.useImageStyle,
+  select: _shineoutStyle.useSelectStyle
 };
 var _default = exports.default = function _default(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.List, _objectSpread({

package/dist/shineout.js

@@ -11984,7 +11984,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.4.4-beta.9');
+/* harmony default export */ var version = ('3.4.5-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19112,16 +19112,16 @@ var ImageStyle = objectSpread2_default()(objectSpread2_default()({}, animation),
   },
   circle: {
     borderRadius: src.imageCircleBorderRadius,
-    border: "1px solid ".concat(src.imageBorderColor)
+    outline: "1px solid ".concat(src.imageBorderColor)
   },
   rounded: {
     borderRadius: src.imageBorderRadius,
-    border: "1px solid ".concat(src.imageBorderColor)
+    outline: "1px solid ".concat(src.imageBorderColor)
   },
   thumbnail: {
     borderRadius: src.imageBorderRadius,
     backgroundColor: '#FFFFFF',
-    border: "1px solid ".concat(src.imageBorderColor),
+    outline: "1px solid ".concat(src.imageBorderColor),
     '& $inner': {
       top: 4,
       left: 4,
@@ -19911,6 +19911,9 @@ var listStyle = {
     border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
     borderRadius: src.listBorderRadius
   },
+  wrapperEmpty: {
+    justifyContent: 'center'
+  },
   wrapperSmall: {},
   wrapperLarge: {},
   wrapperStriped: {
@@ -29870,6 +29873,7 @@ var useContainer = function useContainer() {
 
 
 var AbsoluteContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)(false);
+AbsoluteContext.displayName = 'AbsoluteContext';
 /* harmony default export */ var absolute_context = (AbsoluteContext);
 ;// CONCATENATED MODULE: ../base/src/absolute-list/absolute-list.tsx
 
@@ -32108,6 +32112,67 @@ var card_group_jssStyle = {
     jssStyle: card_group_jssStyle
   }, props));
 });
+;// CONCATENATED MODULE: ../hooks/src/common/use-in-view/use-in-view.ts
+
+
+var useInView = function useInView() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var elementRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    isInView = _useState2[0],
+    setIsInView = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    wasInView = _useState4[0],
+    setWasInView = _useState4[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var element = elementRef.current;
+    if (!element) return;
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = slicedToArray_default()(_ref, 1),
+        entry = _ref2[0];
+      var inView = entry.isIntersecting;
+      setIsInView(inView);
+      if (inView) {
+        setWasInView(true);
+        // 如果设置了 once 选项，且元素已经出现过，则取消观察
+        if (options.once) {
+          observer.disconnect();
+        }
+      }
+    }, {
+      root: options.root || null,
+      rootMargin: options.rootMargin || '0px',
+      threshold: options.threshold || 0
+    });
+    observer.observe(element);
+    return function () {
+      observer.disconnect();
+    };
+  }, [options.root, options.rootMargin, options.threshold, options.once]);
+  return {
+    ref: elementRef,
+    isInView: isInView,
+    wasInView: wasInView
+  };
+};
+/* harmony default export */ var use_in_view = (useInView);
+
+// 使用示例
+// const Example = () => {
+//   const { ref, isInView } = useInView({
+//     threshold: 0.5,
+//     rootMargin: '50px',
+//     once: true
+//   });
+
+//   return (
+//     <div ref={ref}>
+//       {isInView ? '元素在视窗中' : '元素不在视窗中'}
+//     </div>
+//   );
+// };
 ;// CONCATENATED MODULE: ../hooks/src/utils/uid.ts
 function generateUUID() {
   var c = crypto || typeof window !== 'undefined' && window.crypto; // 获取加密库
@@ -34084,11 +34149,15 @@ var CheckboxWithContext = function CheckboxWithContext(props) {
 
 
 
+
 var Item = function Item(props) {
   var _props$jssStyle, _props$jssStyle$cardG;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(CardGroupContext),
     container = _useContext.container;
   var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
+  var _useInView = use_in_view(),
+    itemRef = _useInView.ref,
+    isInView = _useInView.isInView;
   var handleChange = usePersistFn(function (_, checked) {
     if (props.onChange) props.onChange(checked, props.value);
   });
@@ -34112,9 +34181,15 @@ var Item = function Item(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.checkbox
     })]
   });
+  var itemStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
+      visibility: isInView ? 'visible' : 'hidden'
+    });
+  }, [isInView, props.style]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    ref: itemRef,
     className: cls,
-    style: props.style,
+    style: itemStyle,
     children: renderChildren(content)
   });
 };
@@ -37428,6 +37503,11 @@ var result_isObject = is_isObject,
   result_isUnMatchedData = isUnMatchedData,
   result_isFunc = isFunc,
   result_isArray = isArray;
+var getValueArr = function getValueArr(v) {
+  return (result_isArray(v) ? v : [v]).filter(function (v) {
+    return v !== undefined && v !== null;
+  });
+};
 var result_Result = function Result(props) {
   var jssStyle = props.jssStyle,
     multiple = props.multiple,
@@ -37444,6 +37524,7 @@ var result_Result = function Result(props) {
     placeholder = props.placeholder,
     filterText = props.filterText,
     inputText = props.inputText,
+    inputRef = props.inputRef,
     compressed = props.compressed,
     compressedBound = props.compressedBound,
     compressedClassName = props.compressedClassName,
@@ -37613,11 +37694,6 @@ var result_Result = function Result(props) {
       children: content
     }, 'single');
   };
-  var getValueArr = function getValueArr(v) {
-    return (result_isArray(v) ? v : [v]).filter(function (v) {
-      return v !== undefined && v !== null;
-    });
-  };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();
     // [TODO] separator 处理逻辑后续交给 hooks 处理，此处临时处理
@@ -37688,8 +37764,21 @@ var result_Result = function Result(props) {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
       }, 400);
     }
+
+    // 单选场景下，焦点时自动选中input文本
+    if (!multiple && focus && showInput && mounted.current) {
+      var _result2 = getDataByValues(value);
+      if (_result2.length > 0) {
+        var inputTmpText = renderResultContent(_result2[0]);
+        inputTmpText && props.setInputText(inputTmpText);
+      }
+      setTimeout(function () {
+        var _inputRef$current;
+        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
+      }, 10);
+    }
     mounted.current = true;
-  }, [focus]);
+  }, [focus, placeholder, multiple]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     handleResetMore();
   }, [valueProp, data]);
@@ -42905,11 +42994,13 @@ var Quick = function Quick(props) {
     format = props.format,
     options = props.options,
     children = props.children,
-    type = props.type;
+    type = props.type,
+    closePop = props.closePop;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   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 immediate = item.immediate;
     var itemV = isFunc(item.value) ? item.value() : item.value;
     quickDateCache.current = itemV;
     quickActiveKey.current = index;
@@ -42924,6 +43015,9 @@ var Quick = function Quick(props) {
     });
     props.setDateArr(dateArr);
     props.setCurrentArr(dateArr, 'quick', item);
+    if (immediate && closePop) {
+      closePop();
+    }
   };
   if (!(quickSelect !== null && quickSelect !== void 0 && quickSelect.length)) {
     return children || null;
@@ -43301,6 +43395,7 @@ var Picker = function Picker(props) {
     className: styles === null || styles === void 0 ? void 0 : styles.pickerBox,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(quick, {
       quickSelect: props.quickSelect,
+      closePop: props.closePop,
       range: props.range,
       jssStyle: jssStyle,
       dateArr: dateArr,
@@ -51722,6 +51817,7 @@ function Select(props0) {
         allowOnFilter: showInput,
         focusSelected: focusSelected,
         inputText: inputText,
+        inputRef: inputRef,
         filterText: filterText,
         onFilter: handleFilter,
         onRef: inputRef,
@@ -51925,10 +52021,16 @@ var PaginationSizeList = function PaginationSizeList(props) {
     pageSizeList = _props$pageSizeList === void 0 ? [10, 20, 30, 50, 100] : _props$pageSizeList,
     text = props.text,
     size = props.size,
+    select = props.select,
     pageSize = props.pageSize,
     onChange = props.onChange;
   var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
   var rootClasses = classnames_default()(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sizeList);
+  var _ref = select || {},
+    absolute = _ref.absolute,
+    position = _ref.position,
+    zIndex = _ref.zIndex;
+  console.log('position', position);
   var handleChange = function handleChange(pageSize) {
     var start = (current - 1) * props.pageSize + 1;
     onChange(Math.ceil(start / pageSize), pageSize);
@@ -51938,7 +52040,9 @@ var PaginationSizeList = function PaginationSizeList(props) {
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_select_select, {
       jssStyle: jssStyle,
       disabled: disabled,
-      absolute: true,
+      zIndex: zIndex || undefined,
+      absolute: absolute || true,
+      position: position || undefined,
       autoAdapt: true,
       keygen: true,
       size: size,
@@ -52509,7 +52613,8 @@ var Pagination = function Pagination(props) {
     _props$text = props.text,
     text = _props$text === void 0 ? {} : _props$text,
     pageSizeList = props.pageSizeList,
-    style = props.style;
+    style = props.style,
+    select = props.select;
   var _usePagination = use_pagination({
       total: total,
       span: span,
@@ -52574,6 +52679,7 @@ var Pagination = function Pagination(props) {
             total: props.total || 0,
             text: text,
             size: size,
+            select: select,
             current: current || 0,
             pageSize: pageSize,
             pageSizeList: pageSizeList,
@@ -52637,6 +52743,7 @@ var list_list_List = function List(props) {
     _props$pagination = props.pagination,
     pagination = _props$pagination === void 0 ? {} : _props$pagination;
   var listClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$list = _props$jssStyle.list) === null || _props$jssStyle$list === void 0 ? void 0 : _props$jssStyle$list.call(_props$jssStyle);
+  var isEmpty = !isArray(data) || data.length <= 0;
   var inputAble = useInputAble({
     value: props.value,
     onChange: props.onChange,
@@ -52760,6 +52867,7 @@ var list_list_List = function List(props) {
     }
   });
   var renderList = function renderList() {
+    if (isEmpty) return null;
     if (props.fixed) return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
         data: columnData,
@@ -52789,7 +52897,7 @@ var list_list_List = function List(props) {
       }), renderFooter()]
     });
   };
-  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
+  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, isEmpty && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperEmpty), props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
   var wrapperStyle = objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
     height: props.height
   });
@@ -52819,7 +52927,8 @@ var list_jssStyle = {
   checkbox: useCheckboxStyle,
   empty: useEmptyStyle,
   spin: useSpinStyle,
-  image: useImageStyle
+  image: useImageStyle,
+  select: useSelectStyle
 };
 /* harmony default export */ var src_list_list_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_list_list, objectSpread2_default()({
@@ -65254,7 +65363,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.4-beta.9'
+  version: '3.4.5-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;