shineout 3.0.0-alpha.10 → 3.0.0-alpha.11

package/cjs/index.js

@@ -433,6 +433,6 @@ exports.TYPE = _TYPE;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var _default = {
-  version: '3.0.0-alpha.10'
+  version: '3.0.0-alpha.11'
 };
 exports.default = _default;

package/dist/shineout.js

@@ -3777,6 +3777,7 @@ var cascaderTokens = {
   cascaderOptionInnerPaddingY: 'Padding-5',
   cascaderOptionInnerPaddingRight: 'Size-15',
   cascaderOptionInnerBorderRadius: 'Radius-2',
+  cascaderOptionIconColor: 'Neutral-text-4',
   cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
   cascaderOptionDisabledColor: 'Neutral-text-2',
   cascaderOptionDisabledBackgroundColor: 'Neutral-fill-1',
@@ -19048,7 +19049,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.0.0-alpha.10');
+/* harmony default export */ var version = ('3.0.0-alpha.11');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -25822,12 +25823,25 @@ var useClear = function useClear(props) {
   };
 };
 /* harmony default export */ var use_clear = (useClear);
+;// CONCATENATED MODULE: ../hooks/src/common/use-previous/index.ts
+
+function usePrevious(state) {
+  var prevRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  var curRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  if (!Object.is(curRef.current, state)) {
+    prevRef.current = curRef.current;
+    curRef.current = state;
+  }
+  return prevRef.current;
+}
+/* harmony default export */ var use_previous = (usePrevious);
 ;// CONCATENATED MODULE: ../base/src/common/use-inner-title.tsx
 
 
 
 
 
+
 var useInnerTitle = function useInnerTitle(props) {
   var _jssStyle$innerTitle;
   var innerTitle = props.innerTitle,
@@ -25835,25 +25849,38 @@ var useInnerTitle = function useInnerTitle(props) {
     placeTitle = props.placeTitle,
     size = props.size,
     jssStyle = props.jssStyle;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    animation = _useState2[0],
+    setAnimation = _useState2[1];
+  var prevOpen = usePrevious(open);
   var innerTitleStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$innerTitle = jssStyle.innerTitle) === null || _jssStyle$innerTitle === void 0 ? void 0 : _jssStyle$innerTitle.call(jssStyle);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (open !== prevOpen) setAnimation(true);
+  }, [open]);
   var renderInput = usePersistFn(function (el) {
     if (!innerTitle) return el;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapper, !!open && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperOpen), size === 'small' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperSmall), size === 'large' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperLarge)),
+      className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapper, !!open && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperOpen), size === 'small' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperSmall), size === 'large' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperLarge), animation && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.animation)),
+      onAnimationEnd: function onAnimationEnd() {
+        return setAnimation(false);
+      },
+      onAnimationIteration: function onAnimationIteration() {
+        return setAnimation(false);
+      },
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, props.titleClassName),
+        className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.top, props.titleClassName),
         children: innerTitle
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         onMouseDown: function onMouseDown(e) {
           e.preventDefault();
           e.stopPropagation();
         },
-        style: open ? {
-          paddingTop: 0,
-          paddingBottom: 0
-        } : undefined,
-        className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.place, props.titleClassName),
-        children: placeTitle || innerTitle
+        className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.place),
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: classnames_default()(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, props.titleClassName),
+          children: placeTitle || innerTitle
+        })
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.content,
         children: el
@@ -27209,18 +27236,6 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
 var CarouselComp = src_carousel_carousel;
 CarouselComp.displayName = 'ShineoutCarousel';
 /* harmony default export */ var src_carousel_0 = (CarouselComp);
-;// CONCATENATED MODULE: ../hooks/src/common/use-previous/index.ts
-
-function usePrevious(state) {
-  var prevRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
-  var curRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
-  if (!Object.is(curRef.current, state)) {
-    prevRef.current = curRef.current;
-    curRef.current = state;
-  }
-  return prevRef.current;
-}
-/* harmony default export */ var use_previous = (usePrevious);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.21.0/node_modules/@babel/runtime/helpers/assertThisInitialized.js
 var assertThisInitialized = __webpack_require__(1466);
 var assertThisInitialized_default = /*#__PURE__*/__webpack_require__.n(assertThisInitialized);
@@ -29283,6 +29298,7 @@ var CascaderNode = function CascaderNode(props) {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: classnames_default()(styles.optionInner),
       children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0,jsx_runtime.jsx)(src_checkbox_checkbox, {
+        theme: "dark",
         jssStyle: jssStyle,
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
@@ -30190,7 +30206,8 @@ var result_Result = function Result(props) {
     onClearCreatedData = props.onClearCreatedData,
     getDataByValues = props.getDataByValues,
     checkUnMatched = props.checkUnMatched,
-    onRemove = props.onRemove;
+    onRemove = props.onRemove,
+    onResultItemClick = props.onResultItemClick;
   var value = multiple ? valueProp : [valueProp];
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(-1),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -30210,6 +30227,9 @@ var result_Result = function Result(props) {
     }
     return more;
   };
+  var handleResultItemClick = function handleResultItemClick(e, item) {
+    onResultItemClick === null || onResultItemClick === void 0 ? void 0 : onResultItemClick(e, item);
+  };
   var renderInput = function renderInput() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_input, {
@@ -30240,7 +30260,7 @@ var result_Result = function Result(props) {
     }
     return renderResultProp(data, index, nodes);
   };
-  var renderItem = function renderItem(item, index, nodes) {
+  var renderResultItem = function renderResultItem(item, index, nodes) {
     var key;
     if (result_isUnMatchedData(item)) {
       if (result_isFunc(keygen)) {
@@ -30266,14 +30286,20 @@ var result_Result = function Result(props) {
     } else {
       resultClassName = props.resultClassName;
     }
+    var handleClick = function handleClick(e) {
+      handleResultItemClick(e, item);
+    };
+    var content = renderResultContent(item, index, nodes);
+    if (!content) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tag, {
       disabled: isDisabled,
       size: size,
       className: classnames_default()(styles.tag, resultClassName),
       onClose: closeable && handleClose,
+      onClick: handleClick,
       jssStyle: jssStyle,
       "data-soui-type": disabled === true ? 'dark' : undefined,
-      children: renderResultContent(item, index, nodes)
+      children: content
     }, key);
   };
   var isEmptyResult = function isEmptyResult() {
@@ -30325,7 +30351,7 @@ var result_Result = function Result(props) {
     }
     var values = getDataByValues(nextValue);
     var result = values.map(function (v, i) {
-      return renderItem(v, i, values);
+      return renderResultItem(v, i, values);
     });
     return result;
   };
@@ -30456,6 +30482,8 @@ var Cascader = function Cascader(props) {
     underline = props.underline,
     trim = props.trim,
     loading = props.loading,
+    _props$singleRemove = props.singleRemove,
+    singleRemove = _props$singleRemove === void 0 ? false : _props$singleRemove,
     loader = props.loader,
     final = props.final,
     expandTrigger = props.expandTrigger,
@@ -30670,6 +30698,22 @@ var Cascader = function Cascader(props) {
     handleChange([]);
     if (open) closePop();
   };
+  var handleResultItemClick = function handleResultItemClick(e, item) {
+    e.stopPropagation();
+    if (!open) {
+      openPop();
+    }
+    var id = datum.getKey(item);
+    var _ref2 = datum.getPath(id) || {},
+      path = _ref2.path;
+    if (!path) return;
+    handlePathChange(id, null, path);
+  };
+  var handleRemove = function handleRemove(item) {
+    var id = datum.getKey(item);
+    datum.set(id, 0);
+    onChange === null || onChange === void 0 ? void 0 : onChange(datum.getValue(), item);
+  };
   var getDataByValues = function getDataByValues(values) {
     var nextValues = values === null || values === void 0 ? void 0 : values.filter(function (v) {
       return !is_isEmpty(v);
@@ -30734,7 +30778,7 @@ var Cascader = function Cascader(props) {
         jssStyle: jssStyle,
         size: size,
         value: value,
-        closeable: false,
+        closeable: singleRemove,
         data: data,
         focus: open,
         keygen: keygen,
@@ -30757,7 +30801,9 @@ var Cascader = function Cascader(props) {
         setInputText: setInputText,
         onFilter: handleFilter,
         onRef: inputRef,
+        onRemove: handleRemove,
         onResetFilter: onResetFilter,
+        onResultItemClick: handleResultItemClick,
         checkUnMatched: checkUnMatched,
         getDataByValues: getDataByValues
       })
@@ -30821,9 +30867,11 @@ var Cascader = function Cascader(props) {
     }
     var listStyle = data && data.length === 0 ? {
       height: 'auto',
+      minHeight: 232,
       width: '100%'
     } : {
-      height: height
+      height: height,
+      minHeight: 232
     };
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classnames_default()(styles.listContent),
@@ -31430,6 +31478,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     right: 8,
     top: 9,
     fontSize: esm/* default.cascaderFontSize */.ZP.cascaderFontSize,
+    color: esm/* default.cascaderOptionIconColor */.ZP.cascaderOptionIconColor,
     lineHeight: 0,
     verticalAlign: 'middle',
     '& svg': {
@@ -32824,7 +32873,28 @@ var useSelectStyle = styled(select_select, 'select');
 /* harmony default export */ var src_select = ((/* unused pure expression or super */ null && (useSelectStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/inner-title/inner-title.ts
 
-var innerTitle = {
+
+var moveOffset = '-10px';
+var moveTime = '120ms';
+var inner_title_animation = {
+  '@keyframes movein': {
+    from: {
+      top: 0
+    },
+    to: {
+      top: moveOffset
+    }
+  },
+  '@keyframes moveout': {
+    from: {
+      top: moveOffset
+    },
+    to: {
+      top: 0
+    }
+  }
+};
+var innerTitle = objectSpread2_default()(objectSpread2_default()({}, inner_title_animation), {}, {
   wrapper: {
     width: '100%',
     boxSizing: 'border-box',
@@ -32832,41 +32902,57 @@ var innerTitle = {
   },
   wrapperSmall: {},
   wrapperLarge: {},
+  animation: {},
   wrapperOpen: {
     display: 'block'
   },
   title: {
-    visibility: 'hidden',
     height: 'initial',
     lineHeight: esm/* default.lineHeightDynamic */.ZP.lineHeightDynamic,
     fontSize: esm/* default.inputInnerFontSize */.ZP.inputInnerFontSize,
     color: esm/* default.inputInnerFontColor */.ZP.inputInnerFontColor,
-    '$wrapperSmall &': {
+    transition: "font-size ".concat(moveTime, " ease-in"),
+    '$wrapperSmall:not($wrapperOpen) $place &': {
       fontSize: esm/* default.inputInnerSmallFontSize */.ZP.inputInnerSmallFontSize
     },
-    '$wrapperLarge &': {
+    '$wrapperLarge:not($wrapperOpen) $place &': {
       fontSize: esm/* default.inputInnerLargeFontSize */.ZP.inputInnerLargeFontSize
     }
   },
+  top: {
+    opacity: '0',
+    '$wrapperOpen &': {
+      opacity: '1'
+    },
+    '$animation$wrapperOpen &': {
+      transition: "opacity 0s ease-in ".concat(moveTime)
+    }
+  },
   place: {
     pointerEvents: 'none',
-    position: 'absolute',
-    visibility: 'visible',
-    transition: 'top 150ms linear 50ms, transform 150ms linear 50ms, font-size 150ms linear 50ms',
-    '$wrapperLarge &': {
-      transition: 'top 120ms linear 50ms, transform 120ms linear 50ms, font-size 120ms linear 50ms'
+    '& $title': {
+      position: 'relative',
+      top: 0
     },
-    top: "50%",
-    transform: 'translate3d(0, -50%, 0)',
+    '$animation$wrapperOpen &': {
+      transition: "opacity 0s ease-in ".concat(moveTime)
+    },
+    '$animation$wrapperOpen & $title': {
+      animation: "$movein ".concat(moveTime, " ease-in")
+    },
+    '$animation:not($wrapperOpen) & $title': {
+      animation: "$moveout ".concat(moveTime, " ease-in")
+    },
+    position: 'absolute',
+    top: '0',
     left: '0',
     right: '0',
-    padding: 'inherit',
+    bottom: '0',
+    display: 'flex',
+    alignItems: 'center',
+    opacity: '1',
     '$wrapperOpen &': {
-      top: '0',
-      transform: 'translate3d(0, 0%, 0)'
-    },
-    '$wrapper:not($wrapperOpen) &': {
-      fontSize: 'inherit'
+      opacity: '0'
     }
   },
   content: {
@@ -32876,7 +32962,7 @@ var innerTitle = {
     },
     display: 'flex'
   }
-};
+});
 /* harmony default export */ var inner_title = (innerTitle);
 ;// CONCATENATED MODULE: ../shineout-style/src/inner-title/index.ts
 
@@ -54274,6 +54360,12 @@ var useTableVirtual = function useTableVirtual(props) {
   var getTranslate = usePersistFn(function (left, top) {
     var l = left === undefined ? sleft : left;
     var t = top === undefined ? innerTop + offsetY : top;
+    if (t < 0) {
+      t = 0;
+    }
+    if (l < 0) {
+      l = 0;
+    }
     return "translate3d(-".concat(l, "px, -").concat(t, "px, 0)");
   });
   var getContentHeight = function getContentHeight(index) {
@@ -54354,7 +54446,6 @@ var useTableVirtual = function useTableVirtual(props) {
       scrollTop = max;
     }
     // 拖动滚动条后保持滚动位置
-    console.log(context.controlScrollRate, 'controlScrollRate');
     if (context.controlScrollRate !== null) {
       var top = context.controlScrollRate * max;
       updateIndexAndTopFromTop(top);
@@ -54364,7 +54455,6 @@ var useTableVirtual = function useTableVirtual(props) {
     }
     // 拖动滚动条
     if (fromDrag) {
-      console.log('fromDrag');
       var _top = y * max;
       updateIndexAndTopFromTop(_top);
       if (context.rateTimer) clearTimeout(context.rateTimer);
@@ -56047,6 +56137,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
     boxSizing: 'border-box',
     position: 'relative',
     zIndex: 0,
+    minHeight: 0,
     fontSize: esm/* default.tableFontSize */.ZP.tableFontSize,
     '& table': {
       textAlign: 'left',
@@ -61938,7 +62029,6 @@ var UploadButton = function UploadButton(props) {
     customResult: undefined,
     drop: false,
     multiple: false,
-    gapProps: undefined,
     leftHandler: false,
     onPreview: undefined,
     renderContent: undefined,
@@ -61960,7 +62050,6 @@ var UploadButton = function UploadButton(props) {
     return props.onHttpError ? props.onHttpError(xhr, file) : undefined;
   });
   var onSuccess = usePersistFn(function (value, file, data) {
-    console.log('success');
     setProcess(-1);
     return props.onSuccess ? props.onSuccess(value, file, data) : value;
   });
@@ -64301,7 +64390,7 @@ var upload_interface = __webpack_require__(7818);
 
 
 /* harmony default export */ var src = ({
-  version: '3.0.0-alpha.10'
+  version: '3.0.0-alpha.11'
 });
 }();
 /******/ 	return __webpack_exports__;